feat(ref: #188): change type imports

CHANGELOG.md

@@ -2,10 +2,10 @@
 
 ### Enhancement
 
-- add tailwind
-- change interface to type, remove prefix "I"
-- update dependencies
-- add ESLint strict rules
+-   add tailwind
+-   change interface to type, remove prefix "I"
+-   update dependencies
+-   add ESLint strict rules
 
 ### Fix
 
@@ -18,9 +18,6 @@
 -   Fix ([#1344](https://github.com/JsDaddy/ngx-mask/issues/1344))
 -   Fix ([#1356](https://github.com/JsDaddy/ngx-mask/issues/1356))
 
-
-
-
 # 17.1.8(2024-07-16)
 
 ### Fix

eslint.config.js

@@ -155,6 +155,8 @@ module.exports = tseslint.config(
             '@typescript-eslint/unbound-method': 'off',
             'import/no-cycle': 'off',
             'import/extensions': 'off',
+            '@typescript-eslint/consistent-type-imports': 'error',
+            '@typescript-eslint/consistent-type-exports': 'error',
         },
     },
     {

projects/ngx-mask-lib/src/lib/ngx-mask-applier.service.ts

@@ -1,5 +1,6 @@
 import { inject, Injectable } from '@angular/core';
-import { NGX_MASK_CONFIG, Config } from './ngx-mask.config';
+import type { Config } from './ngx-mask.config';
+import { NGX_MASK_CONFIG } from './ngx-mask.config';
 import { MaskExpression } from './ngx-mask-expression.enum';
 
 @Injectable()

projects/ngx-mask-lib/src/lib/ngx-mask.directive.ts

@@ -1,25 +1,17 @@
 import { DOCUMENT } from '@angular/common';
-import {
-    Directive,
-    EventEmitter,
-    HostListener,
-    Input,
-    OnChanges,
-    Output,
-    SimpleChanges,
-    inject,
-} from '@angular/core';
-import {
+import type { OnChanges, SimpleChanges } from '@angular/core';
+import { Directive, EventEmitter, HostListener, Input, Output, inject } from '@angular/core';
+import type {
     ControlValueAccessor,
     FormControl,
-    NG_VALIDATORS,
-    NG_VALUE_ACCESSOR,
     ValidationErrors,
     Validator,
 } from '@angular/forms';
+import { NG_VALIDATORS, NG_VALUE_ACCESSOR } from '@angular/forms';
 
-import { CustomKeyboardEvent } from './custom-keyboard-event';
-import { Config, NGX_MASK_CONFIG, timeMasks, withoutValidation } from './ngx-mask.config';
+import type { CustomKeyboardEvent } from './custom-keyboard-event';
+import type { Config } from './ngx-mask.config';
+import { NGX_MASK_CONFIG, timeMasks, withoutValidation } from './ngx-mask.config';
 import { NgxMaskService } from './ngx-mask.service';
 import { MaskExpression } from './ngx-mask-expression.enum';
 

projects/ngx-mask-lib/src/lib/ngx-mask.pipe.ts

@@ -1,6 +1,8 @@
-import { inject, Pipe, PipeTransform } from '@angular/core';
+import type { PipeTransform } from '@angular/core';
+import { inject, Pipe } from '@angular/core';
 
-import { Config, NGX_MASK_CONFIG } from './ngx-mask.config';
+import type { Config } from './ngx-mask.config';
+import { NGX_MASK_CONFIG } from './ngx-mask.config';
 import { NgxMaskService } from './ngx-mask.service';
 import { MaskExpression } from './ngx-mask-expression.enum';
 

projects/ngx-mask-lib/src/lib/ngx-mask.providers.ts

@@ -1,12 +1,8 @@
-import { EnvironmentProviders, inject, makeEnvironmentProviders, Provider } from '@angular/core';
+import type { EnvironmentProviders, Provider } from '@angular/core';
+import { inject, makeEnvironmentProviders } from '@angular/core';
 
-import {
-    NGX_MASK_CONFIG,
-    INITIAL_CONFIG,
-    initialConfig,
-    NEW_CONFIG,
-    optionsConfig,
-} from './ngx-mask.config';
+import type { optionsConfig } from './ngx-mask.config';
+import { NGX_MASK_CONFIG, INITIAL_CONFIG, initialConfig, NEW_CONFIG } from './ngx-mask.config';
 import { NgxMaskService } from './ngx-mask.service';
 
 /**

projects/ngx-mask-lib/src/lib/ngx-mask.service.ts

@@ -1,7 +1,8 @@
 import { ElementRef, inject, Injectable, Renderer2 } from '@angular/core';
 import { DOCUMENT } from '@angular/common';
 
-import { NGX_MASK_CONFIG, Config } from './ngx-mask.config';
+import type { Config } from './ngx-mask.config';
+import { NGX_MASK_CONFIG } from './ngx-mask.config';
 import { NgxMaskApplierService } from './ngx-mask-applier.service';
 import { MaskExpression } from './ngx-mask-expression.enum';
 

projects/ngx-mask-lib/src/test/add-prefix.spec.ts

@@ -1,4 +1,5 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 import { TestMaskComponent } from './utils/test-component.component';
 import { equal } from './utils/test-functions.component';

projects/ngx-mask-lib/src/test/add-suffix.spec.ts

@@ -1,4 +1,5 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 
 import { TestMaskComponent } from './utils/test-component.component';

projects/ngx-mask-lib/src/test/allow-negative-numbers.spec.ts

@@ -1,4 +1,5 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 
 import { TestMaskComponent } from './utils/test-component.component';

projects/ngx-mask-lib/src/test/basic-logic.spec.ts

@@ -1,5 +1,6 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { DebugElement } from '@angular/core';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
+import type { DebugElement } from '@angular/core';
 import { By } from '@angular/platform-browser';
 import { ReactiveFormsModule } from '@angular/forms';
 

projects/ngx-mask-lib/src/test/clear-if-not-match-the-mask.spec.ts

@@ -1,4 +1,5 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 import { TestMaskComponent } from './utils/test-component.component';
 import { equal } from './utils/test-functions.component';

projects/ngx-mask-lib/src/test/complete-mask.spec.ts

@@ -1,5 +1,6 @@
 import { Component } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import { provideNgxMask } from '../lib/ngx-mask.providers';
 import { NgxMaskDirective } from '../lib/ngx-mask.directive';

projects/ngx-mask-lib/src/test/copy-paste.spec.ts

@@ -1,4 +1,5 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 
 import { TestMaskComponent } from './utils/test-component.component';

projects/ngx-mask-lib/src/test/custom-date.spec.ts

@@ -1,4 +1,5 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 import { TestMaskComponent } from './utils/test-component.component';
 import { equal } from './utils/test-functions.component';

projects/ngx-mask-lib/src/test/custom-patterns.spec.ts

@@ -1,11 +1,13 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 
 import { TestMaskComponent } from './utils/test-component.component';
 import { equal } from './utils/test-functions.component';
 import { provideNgxMask } from '../lib/ngx-mask.providers';
 import { NgxMaskDirective } from '../lib/ngx-mask.directive';
-import { Config, initialConfig } from 'ngx-mask';
+import type { Config } from 'ngx-mask';
+import { initialConfig } from 'ngx-mask';
 
 describe('Directive: Mask (Custom patterns)', () => {
     let fixture: ComponentFixture<TestMaskComponent>;

projects/ngx-mask-lib/src/test/custom-symbol-regexp.spec.ts

@@ -1,4 +1,5 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 
 import { TestMaskComponent } from './utils/test-component.component';

projects/ngx-mask-lib/src/test/default-config.spec.ts

@@ -1,9 +1,10 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule, FormControl } from '@angular/forms';
 import { TestMaskComponent } from './utils/test-component.component';
 import { provideEnvironmentNgxMask } from '../lib/ngx-mask.providers';
 import { NgxMaskDirective } from '../lib/ngx-mask.directive';
-import { optionsConfig } from '../lib/ngx-mask.config';
+import type { optionsConfig } from '../lib/ngx-mask.config';
 
 function createComponentWithDefaultConfig(
     defaultConfig?: optionsConfig

projects/ngx-mask-lib/src/test/delete.spec.ts

@@ -1,6 +1,7 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
+import type { DebugElement } from '@angular/core';
 import { ReactiveFormsModule } from '@angular/forms';
 
 import { TestMaskComponent } from './utils/test-component.component';

projects/ngx-mask-lib/src/test/drop-special-charaters.spec.ts

@@ -1,4 +1,5 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 
 import { TestMaskComponent } from './utils/test-component.component';

projects/ngx-mask-lib/src/test/dynamic.spec.ts

@@ -1,9 +1,10 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 
 import { By } from '@angular/platform-browser';
 import { ReactiveFormsModule } from '@angular/forms';
 import { TestMaskComponent } from './utils/test-component.component';
-import { DebugElement } from '@angular/core';
+import type { DebugElement } from '@angular/core';
 import { provideNgxMask } from '../lib/ngx-mask.providers';
 import { NgxMaskDirective } from '../lib/ngx-mask.directive';
 import { equal } from './utils/test-functions.component';

projects/ngx-mask-lib/src/test/export-as.spec.ts

@@ -1,4 +1,5 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 
 import { Component, ViewChild } from '@angular/core';

projects/ngx-mask-lib/src/test/inputTransformFn.spec.ts

@@ -1,4 +1,5 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 
 import { TestMaskComponent } from './utils/test-component.component';

projects/ngx-mask-lib/src/test/mask.pipe.spec.ts

@@ -1,7 +1,8 @@
 import { TestBed } from '@angular/core/testing';
 import { provideNgxMask } from '../lib/ngx-mask.providers';
 import { NgxMaskPipe } from '../lib/ngx-mask.pipe';
-import { Config, NgxMaskDirective } from 'ngx-mask';
+import type { Config } from 'ngx-mask';
+import { NgxMaskDirective } from 'ngx-mask';
 
 describe('Pipe: Mask', () => {
     let maskPipe: NgxMaskPipe;

projects/ngx-mask-lib/src/test/percent.spec.ts

@@ -1,4 +1,5 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 
 import { TestMaskComponent } from './utils/test-component.component';

projects/ngx-mask-lib/src/test/place-holder-character.spec.ts

@@ -1,4 +1,5 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 
 import { TestMaskComponent } from './utils/test-component.component';

projects/ngx-mask-lib/src/test/repeat-mask.spec.ts

@@ -1,4 +1,5 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 
 import { TestMaskComponent } from './utils/test-component.component';

projects/ngx-mask-lib/src/test/secure-mask.spec.ts

@@ -1,11 +1,12 @@
-import { ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { fakeAsync, TestBed, tick } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 
 import { TestMaskComponent } from './utils/test-component.component';
 import { equal, typeTest } from './utils/test-functions.component';
 import { provideNgxMask } from '../lib/ngx-mask.providers';
 import { NgxMaskDirective } from '../lib/ngx-mask.directive';
-import { DebugElement } from '@angular/core';
+import type { DebugElement } from '@angular/core';
 import { By } from '@angular/platform-browser';
 
 describe('Directive: Mask (Secure)', () => {

projects/ngx-mask-lib/src/test/separator-non-en-locale.spec.ts

@@ -1,5 +1,7 @@
-import { ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
-import { DebugElement, LOCALE_ID } from '@angular/core';
+import type { ComponentFixture } from '@angular/core/testing';
+import { fakeAsync, TestBed, tick } from '@angular/core/testing';
+import type { DebugElement } from '@angular/core';
+import { LOCALE_ID } from '@angular/core';
 import { ReactiveFormsModule } from '@angular/forms';
 import { TestMaskComponent } from './utils/test-component.component';
 import { equal, typeTest } from './utils/test-functions.component';

projects/ngx-mask-lib/src/test/separator.spec.ts

@@ -1,6 +1,7 @@
-import { ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { fakeAsync, TestBed, tick } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
+import type { DebugElement } from '@angular/core';
 import { ReactiveFormsModule } from '@angular/forms';
 import { TestMaskComponent } from './utils/test-component.component';
 import { equal, typeTest } from './utils/test-functions.component';

projects/ngx-mask-lib/src/test/show-mask-typed.spec.ts

@@ -1,11 +1,12 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 
 import { TestMaskComponent } from './utils/test-component.component';
 import { equal } from './utils/test-functions.component';
 import { provideNgxMask } from '../lib/ngx-mask.providers';
 import { NgxMaskDirective } from '../lib/ngx-mask.directive';
-import { DebugElement } from '@angular/core';
+import type { DebugElement } from '@angular/core';
 import { By } from '@angular/platform-browser';
 
 describe('Directive: Mask', () => {

projects/ngx-mask-lib/src/test/test-sufix.spec.ts

@@ -1,5 +1,6 @@
-import { DebugElement } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { DebugElement } from '@angular/core';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 import { By } from '@angular/platform-browser';
 import { TestMaskComponent } from './utils/test-component.component';

projects/ngx-mask-lib/src/test/time-mask.spec.ts

@@ -1,4 +1,5 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
 
 import { TestMaskComponent } from './utils/test-component.component';

projects/ngx-mask-lib/src/test/trigger-on-mask-change.spec.ts

@@ -1,11 +1,12 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 
 import { By } from '@angular/platform-browser';
 import { ReactiveFormsModule } from '@angular/forms';
 import { TestMaskComponent } from './utils/test-component.component';
 import { provideNgxMask } from '../lib/ngx-mask.providers';
 import { NgxMaskDirective } from '../lib/ngx-mask.directive';
-import { DebugElement } from '@angular/core';
+import type { DebugElement } from '@angular/core';
 import { equal } from './utils/test-functions.component';
 
 describe('Directive: Mask (Trigger on mask change)', () => {

projects/ngx-mask-lib/src/test/type-number.spec.ts

@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 import { NgxMaskDirective, provideNgxMask } from 'ngx-mask';
 import { equal } from './utils/test-functions.component';
 

projects/ngx-mask-lib/src/test/utils/cypress-test-component.component.ts

@@ -1,7 +1,8 @@
 import { Component, inject, Input } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { scan, startWith } from 'rxjs';
-import { Config, NGX_MASK_CONFIG } from 'ngx-mask';
+import type { Config } from 'ngx-mask';
+import { NGX_MASK_CONFIG } from 'ngx-mask';
 
 @Component({
     selector: 'jsdaddy-open-source-test',

projects/ngx-mask-lib/src/test/utils/cypress-test-trigger-on-mask-change.component.ts

@@ -1,4 +1,5 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import type { OnDestroy, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { Subject, takeUntil } from 'rxjs';
 

projects/ngx-mask-lib/src/test/utils/test-component.component.ts

@@ -1,7 +1,7 @@
 import { ChangeDetectorRef, Component, inject } from '@angular/core';
 import { FormControl } from '@angular/forms';
 
-import { Config } from '../../lib/ngx-mask.config';
+import type { Config } from '../../lib/ngx-mask.config';
 
 @Component({
     selector: 'jsdaddy-open-source-test',