@experteam-mx/ngx-input-number 1.6.5 → 1.6.6

package/fesm2020/experteam-mx-ngx-input-number.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"experteam-mx-ngx-input-number.mjs","sources":["../../../projects/ngx-input-number/src/lib/typesProvider.ts","../../../projects/ngx-input-number/src/lib/di.ts","../../../projects/ngx-input-number/src/lib/types.ts","../../../projects/ngx-input-number/src/lib/ngx-input-number.service.ts","../../../projects/ngx-input-number/src/lib/ngx-input-number.component.ts","../../../projects/ngx-input-number/src/lib/ngx-input-number.component.html","../../../projects/ngx-input-number/src/lib/ngx-input-number.module.ts","../../../projects/ngx-input-number/src/public-api.ts","../../../projects/ngx-input-number/src/experteam-mx-ngx-input-number.ts"],"sourcesContent":["import { Injectable, Provider } from '@angular/core';\r\n\r\nexport class inputConfigs {\r\n    groupSeparator?: string;\r\n    radixPoint?: string;\r\n}\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport abstract class typesProvider {\r\n  abstract get config(): inputConfigs;\r\n}\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class defaultTypesProvider extends typesProvider {\r\n  get config(): inputConfigs {\r\n    // return default config\r\n    return {\r\n        groupSeparator: \",\",\r\n        radixPoint: \".\"\r\n    };\r\n  }\r\n}\r\n\r\nexport class inputConfigsHelp {\r\n  config?: Provider;\r\n}","import { InjectionToken } from '@angular/core';\r\nimport { inputConfigs } from './types';\r\n\r\nexport const INPUT_CONFIG_TOKEN = new InjectionToken<inputConfigs>('INPUT_CONFIG');","import {  Provider } from '@angular/core';\r\n\r\nexport class inputConfigs {\r\n    groupSeparator?: string;\r\n    radixPoint?: string;\r\n    lblKeyInvalid?: string;\r\n    max?: number;\r\n    decimals?: number;\r\n    negative?: boolean;\r\n}\r\n\r\nexport class inputConfigsHelp {\r\n  config?: Provider;\r\n}","import { Injectable, Optional, Inject, EventEmitter, Output } from '@angular/core';\nimport { INPUT_CONFIG_TOKEN } from './di';\nimport { inputConfigs } from './types';\nimport { BehaviorSubject, Subject } from \"rxjs\";\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class NgxInputNumberService {\n\n  changeEvent = new BehaviorSubject<boolean>(false);\n  groupSeparator = ','\n  radixPoint = '.'\n  lblKeyInvalid = 'Please enter a valid amount'\n  negative: any = true\n  max: any = undefined\n  decimals = 2\n\n  constructor(\n    @Optional() @Inject(INPUT_CONFIG_TOKEN)\n    private readonly config: inputConfigs | null,\n  ) {\n    if( config != null ){\n      this.groupSeparator = config.groupSeparator!\n      this.radixPoint = config.radixPoint!\n      this.lblKeyInvalid = config.lblKeyInvalid!\n      this.negative = config.negative!\n      this.max = config.max!\n      this.decimals = config.decimals!\n    }\n  }\n\n  onChangeParams( config: inputConfigs ){\n    if( config.groupSeparator ){\n      this.groupSeparator = config.groupSeparator\n    }\n    if( config.radixPoint ){\n      this.radixPoint = config.radixPoint\n    }\n    if( config.lblKeyInvalid ){\n      this.lblKeyInvalid = config.lblKeyInvalid\n    }\n    if( config.negative !== undefined ){\n      this.negative = config.negative\n    }\n    if( config.max ){\n      this.max = config.max!\n    }\n    if( config.decimals ){\n      this.decimals = config.decimals\n    }\n\n    this.changeEvent.next( true )\n  }\n\n  getChangeEvent(){\n    return this.changeEvent\n  }\n}\n","import { Component, OnInit, Input, OnChanges, AfterViewInit, AfterContentInit, ElementRef, ViewChild, SimpleChanges, ChangeDetectorRef } from '@angular/core';\nimport { FormBuilder, Validators, FormArray, FormGroup, FormControl } from \"@angular/forms\";\nimport { createMask, InputmaskOptions } from '@ngneat/input-mask';\n\nimport { inputConfigs, typesProvider } from './typesProvider';\nimport { NgxInputNumberService } from './ngx-input-number.service';\n\n@Component({\n  selector: 'app-input-number',\n  templateUrl: './ngx-input-number.component.html',\n  styleUrls: ['./ngx-input-number.component.sass']\n})\nexport class NgxInputNumberComponent implements OnInit, OnChanges {\n\n  constructor(\n    private _ChangeDetectorRef: ChangeDetectorRef,\n    private readonly _typesProvider: typesProvider,\n    private _NgxInputNumberService: NgxInputNumberService,\n  ) { }\n\n  @ViewChild('inputElement') inputElement!: ElementRef;\n\n  @Input() control!: FormControl\n  @Input() negative!: any\n  @Input() autofocus: any = false\n  @Input() decimals: any\n  @Input() max: any\n  @Input() idForLabel: any = \"\"\n  @Input() tabIndex: any\n  @Input() addClass: any = \"form-control-sm\"\n  @Input() groupSeparator: any\n  @Input() radixPoint: any\n  @Input() lblKeyInvalid: any\n  lblKeyInvalidRender: any\n\n  inputMask: InputmaskOptions<any> = {}\n\n  placeholder = \"0\"\n\n  loading = false\n\n  ngAfterViewInit(): void {\n    if( this.autofocus ){\n      setTimeout(()=>{\n        this.inputElement.nativeElement.focus();\n      })\n    }\n  }\n\n  ngAfterContentInit(): void {\n  }\n\n  render(){\n    this._ChangeDetectorRef.detectChanges()\n\n    this.lblKeyInvalidRender = this._NgxInputNumberService.lblKeyInvalid\n\n    this.inputMask = createMask({\n      allowMinus: this._NgxInputNumberService.negative,\n      alias: 'numeric',\n      numericInput: false,\n      inputType: \"number\",\n      inputmode: \"numeric\",\n      groupSeparator: this._NgxInputNumberService.groupSeparator,\n      radixPoint : this._NgxInputNumberService.radixPoint,\n      max : this._NgxInputNumberService.max,\n      digits: this._NgxInputNumberService.decimals,\n      digitsOptional: false,\n      placeholder: '0',\n      unmaskAsNumber: true,\n      autoUnmask: true,\n      showMaskOnFocus: false,\n      showMaskOnHover: false,\n      onBeforePaste: ( pastedValue: any, opts ) =>{\n        return pastedValue.replaceAll( opts.groupSeparator!, \"\" )\n      },\n      onKeyValidation: ( key, result ) => {\n        if( !result ){\n          this.inputElement.nativeElement.classList.add(\"key-invalid\")\n          setTimeout(\n            ()=>{\n              this.inputElement.nativeElement.classList.remove(\"key-invalid\")\n            },\n            1000\n          )\n        }\n      }\n    })\n    \n    if( this.negative !== undefined ){\n      this.inputMask.allowMinus = this.negative\n    }\n    if( this.max !== undefined ){\n      this.inputMask.max = this.max\n    }\n    \n    if( this.groupSeparator !== undefined ){\n      this.inputMask.groupSeparator = this.groupSeparator\n    }\n    if( this.radixPoint !== undefined ){\n      this.inputMask.radixPoint = this.radixPoint\n    }\n    if( this.lblKeyInvalid !== undefined ){\n      this.lblKeyInvalidRender = this.lblKeyInvalid\n    }\n\n    if( this.decimals !== undefined ){\n      this.inputMask.digits = this.decimals\n    }\n\n\n\n    if( this.inputMask.digits! > 0 ){\n      this.placeholder = '0' + String(this.inputMask.radixPoint)\n    }\n    for( let x = 0; x < this.inputMask.digits!; x++ ){\n      this.placeholder += \"0\"\n    }\n\n    this.loading = false\n\n  }\n\n  onBlur(value: any){\n    // if( value != '' && Number( this.inputMask.digits ) > 0 ){\n    //   let valueBlurSplit = String(value).split(\".\")\n    //   let valueString = \"\"\n    //   if( valueBlurSplit.length == 1 ){\n    //     valueString = valueBlurSplit[0] + \".\" + String(\"\").padEnd(Number(this.inputMask.digits), \"0\")\n    //   }else{\n    //     valueString = valueBlurSplit[0] + \".\" + String(valueBlurSplit[1]).padEnd(Number(this.inputMask.digits), \"0\")\n    //   }\n    //   this.control.setValue( parseFloat( valueString ) )\n    // }\n    this.control.setValue( value )\n  }\n\n  ngOnInit(): void {\n    this._NgxInputNumberService.getChangeEvent().subscribe(\n      ( configs )=>{\n        if( configs ){\n          this.loading = true\n\n          setTimeout(() => {\n            this.render()\n          }, 0);\n        }\n      }\n    )\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    this.loading = true\n\n    setTimeout(() => {\n      this.render()\n    }, 0);\n  }\n\n}\n","<div class=\"position-relative\">\r\n    <input\r\n        *ngIf=\"!loading\"\r\n        #inputElement\r\n        type=\"text\"\r\n        class=\"form-control {{ addClass }}\"\r\n        [class.is-invalid]=\"control.touched && control.invalid\"\r\n        [formControl]=\"control\"\r\n        [tabindex]=\"tabIndex\"\r\n        [(inputMask)]=\"inputMask\"\r\n        [id]=\"idForLabel\"\r\n    >\r\n    <label class=\"lbl-key-invalid position-absolute top-100 end-0 p-2 d-none\" [innerHTML]=\"lblKeyInvalidRender\"></label>\r\n</div>\r\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { CommonModule } from '@angular/common';  \nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\n\nimport { NgxInputNumberComponent } from './ngx-input-number.component';\nimport { InputMaskModule } from '@ngneat/input-mask';\n\nimport { inputConfigsHelp, typesProvider, defaultTypesProvider } from './typesProvider';\n\n@NgModule({\n  declarations: [\n    NgxInputNumberComponent\n  ],\n  imports: [\n    CommonModule,\n    InputMaskModule.forRoot({ inputSelector: 'input', isAsync: true }),\n    FormsModule,\n    ReactiveFormsModule,\n  ],\n  exports: [\n    NgxInputNumberComponent\n  ],\n  providers:[\n  ]\n})\nexport class NgxInputNumberModule {\n  static forRoot(config: inputConfigsHelp = {} ): ModuleWithProviders<NgxInputNumberModule> {\n    return {\n      ngModule: NgxInputNumberModule,\n      providers: [\n        config.config || {\n          provide: typesProvider,\n          useClass: defaultTypesProvider\n        }\n      ],\n    }\n  }\n}\n","/*\n * Public API Surface of ngx-input-number\n */\n\nexport * from './lib/typesProvider';\nexport * from './lib/ngx-input-number.service';\nexport * from './lib/ngx-input-number.component';\nexport * from './lib/ngx-input-number.module';\nexport * from '@ngneat/input-mask';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["inputConfigs","inputConfigsHelp"],"mappings":"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"}

package/{src/lib/di.ts → lib/di.d.ts}

@@ -1,4 +1,3 @@
 import { InjectionToken } from '@angular/core';
 import { inputConfigs } from './types';
-
-export const INPUT_CONFIG_TOKEN = new InjectionToken<inputConfigs>('INPUT_CONFIG');
+export declare const INPUT_CONFIG_TOKEN: InjectionToken<inputConfigs>;

package/lib/ngx-input-number.component.d.ts

@@ -0,0 +1,36 @@
+import { OnInit, OnChanges, ElementRef, SimpleChanges, ChangeDetectorRef } from '@angular/core';
+import { FormControl } from "@angular/forms";
+import { InputmaskOptions } from '@ngneat/input-mask';
+import { typesProvider } from './typesProvider';
+import { NgxInputNumberService } from './ngx-input-number.service';
+import * as i0 from "@angular/core";
+export declare class NgxInputNumberComponent implements OnInit, OnChanges {
+    private _ChangeDetectorRef;
+    private readonly _typesProvider;
+    private _NgxInputNumberService;
+    constructor(_ChangeDetectorRef: ChangeDetectorRef, _typesProvider: typesProvider, _NgxInputNumberService: NgxInputNumberService);
+    inputElement: ElementRef;
+    control: FormControl;
+    negative: any;
+    autofocus: any;
+    decimals: any;
+    max: any;
+    idForLabel: any;
+    tabIndex: any;
+    addClass: any;
+    groupSeparator: any;
+    radixPoint: any;
+    lblKeyInvalid: any;
+    lblKeyInvalidRender: any;
+    inputMask: InputmaskOptions<any>;
+    placeholder: string;
+    loading: boolean;
+    ngAfterViewInit(): void;
+    ngAfterContentInit(): void;
+    render(): void;
+    onBlur(value: any): void;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxInputNumberComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxInputNumberComponent, "app-input-number", never, { "control": "control"; "negative": "negative"; "autofocus": "autofocus"; "decimals": "decimals"; "max": "max"; "idForLabel": "idForLabel"; "tabIndex": "tabIndex"; "addClass": "addClass"; "groupSeparator": "groupSeparator"; "radixPoint": "radixPoint"; "lblKeyInvalid": "lblKeyInvalid"; }, {}, never, never>;
+}

package/lib/ngx-input-number.module.d.ts

@@ -0,0 +1,13 @@
+import { ModuleWithProviders } from '@angular/core';
+import { inputConfigsHelp } from './typesProvider';
+import * as i0 from "@angular/core";
+import * as i1 from "./ngx-input-number.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngneat/input-mask";
+import * as i4 from "@angular/forms";
+export declare class NgxInputNumberModule {
+    static forRoot(config?: inputConfigsHelp): ModuleWithProviders<NgxInputNumberModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxInputNumberModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxInputNumberModule, [typeof i1.NgxInputNumberComponent], [typeof i2.CommonModule, typeof i3.InputMaskModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule], [typeof i1.NgxInputNumberComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgxInputNumberModule>;
+}

package/lib/ngx-input-number.service.d.ts

@@ -0,0 +1,18 @@
+import { inputConfigs } from './types';
+import { BehaviorSubject } from "rxjs";
+import * as i0 from "@angular/core";
+export declare class NgxInputNumberService {
+    private readonly config;
+    changeEvent: BehaviorSubject<boolean>;
+    groupSeparator: string;
+    radixPoint: string;
+    lblKeyInvalid: string;
+    negative: any;
+    max: any;
+    decimals: number;
+    constructor(config: inputConfigs | null);
+    onChangeParams(config: inputConfigs): void;
+    getChangeEvent(): BehaviorSubject<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxInputNumberService, [{ optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgxInputNumberService>;
+}

package/lib/types.d.ts

@@ -0,0 +1,12 @@
+import { Provider } from '@angular/core';
+export declare class inputConfigs {
+    groupSeparator?: string;
+    radixPoint?: string;
+    lblKeyInvalid?: string;
+    max?: number;
+    decimals?: number;
+    negative?: boolean;
+}
+export declare class inputConfigsHelp {
+    config?: Provider;
+}

package/lib/typesProvider.d.ts

@@ -0,0 +1,19 @@
+import { Provider } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class inputConfigs {
+    groupSeparator?: string;
+    radixPoint?: string;
+}
+export declare abstract class typesProvider {
+    abstract get config(): inputConfigs;
+    static ɵfac: i0.ɵɵFactoryDeclaration<typesProvider, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<typesProvider>;
+}
+export declare class defaultTypesProvider extends typesProvider {
+    get config(): inputConfigs;
+    static ɵfac: i0.ɵɵFactoryDeclaration<defaultTypesProvider, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<defaultTypesProvider>;
+}
+export declare class inputConfigsHelp {
+    config?: Provider;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@experteam-mx/ngx-input-number",
-  "version": "1.6.5",
+  "version": "1.6.6",
   "license": "MIT",
   "peerDependencies": {},
   "dependencies": {
@@ -11,7 +11,24 @@
     "inputmask": "^5.0.7",
     "tslib": "^2.1.0"
   },
-  "devDependencies": {
-    "@types/inputmask": "^5.0.1"
-  }
-}
+  "module": "fesm2015/experteam-mx-ngx-input-number.mjs",
+  "es2020": "fesm2020/experteam-mx-ngx-input-number.mjs",
+  "esm2020": "esm2020/experteam-mx-ngx-input-number.mjs",
+  "fesm2020": "fesm2020/experteam-mx-ngx-input-number.mjs",
+  "fesm2015": "fesm2015/experteam-mx-ngx-input-number.mjs",
+  "typings": "experteam-mx-ngx-input-number.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./experteam-mx-ngx-input-number.d.ts",
+      "esm2020": "./esm2020/experteam-mx-ngx-input-number.mjs",
+      "es2020": "./fesm2020/experteam-mx-ngx-input-number.mjs",
+      "es2015": "./fesm2015/experteam-mx-ngx-input-number.mjs",
+      "node": "./fesm2015/experteam-mx-ngx-input-number.mjs",
+      "default": "./fesm2020/experteam-mx-ngx-input-number.mjs"
+    }
+  },
+  "sideEffects": false
+}

package/{src/public-api.ts → public-api.d.ts}

@@ -1,9 +1,5 @@
-/*
- * Public API Surface of ngx-input-number
- */
-
-export * from './lib/typesProvider';
-export * from './lib/ngx-input-number.service';
-export * from './lib/ngx-input-number.component';
-export * from './lib/ngx-input-number.module';
-export * from '@ngneat/input-mask';
+export * from './lib/typesProvider';
+export * from './lib/ngx-input-number.service';
+export * from './lib/ngx-input-number.component';
+export * from './lib/ngx-input-number.module';
+export * from '@ngneat/input-mask';

package/.browserslistrc

@@ -1,16 +0,0 @@
-# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
-# For additional information regarding the format and rule options, please see:
-# https://github.com/browserslist/browserslist#queries
-
-# For the full list of supported browsers by the Angular framework, please see:
-# https://angular.io/guide/browser-support
-
-# You can see what browsers were selected by your queries by running:
-#   npx browserslist
-
-last 1 Chrome version
-last 1 Firefox version
-last 2 Edge major versions
-last 2 Safari major versions
-last 2 iOS major versions
-Firefox ESR

package/karma.conf.js

@@ -1,44 +0,0 @@
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
-
-module.exports = function (config) {
-  config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
-    plugins: [
-      require('karma-jasmine'),
-      require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma')
-    ],
-    client: {
-      jasmine: {
-        // you can add configuration options for Jasmine here
-        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
-        // for example, you can disable the random execution with `random: false`
-        // or set a specific seed with `seed: 4321`
-      },
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
-    },
-    jasmineHtmlReporter: {
-      suppressAll: true // removes the duplicated traces
-    },
-    coverageReporter: {
-      dir: require('path').join(__dirname, '../../coverage/ngx-input-number'),
-      subdir: '.',
-      reporters: [
-        { type: 'html' },
-        { type: 'text-summary' }
-      ]
-    },
-    reporters: ['progress', 'kjhtml'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: false,
-    restartOnFileChange: true
-  });
-};

package/ng-package.json

@@ -1,11 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/ngx-input-number",
-  "deleteDestPath": false,
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  },
-  "allowedNonPeerDependencies": [
-    "."
-  ]
-}

package/src/lib/ngx-input-number.component.html

@@ -1,14 +0,0 @@
-<div class="position-relative">
-    <input
-        *ngIf="!loading"
-        #inputElement
-        type="text"
-        class="form-control {{ addClass }}"
-        [class.is-invalid]="control.touched && control.invalid"
-        [formControl]="control"
-        [tabindex]="tabIndex"
-        [(inputMask)]="inputMask"
-        [id]="idForLabel"
-    >
-    <label class="lbl-key-invalid position-absolute top-100 end-0 p-2 d-none" [innerHTML]="lblKeyInvalidRender"></label>
-</div>

package/src/lib/ngx-input-number.component.sass

@@ -1,11 +0,0 @@
-@import "~bootstrap/scss/bootstrap"
-
-input
-    &.key-invalid
-        border-color: #dc3545 !important
-        box-shadow: 0 0 0 0.25rem #dc354540 !important
-        &+.lbl-key-invalid
-            background-color: #dc3545
-            color: #fff
-            display: block !important
-            z-index: 1

package/src/lib/ngx-input-number.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { NgxInputNumberComponent } from './ngx-input-number.component';
-
-describe('NgxInputNumberComponent', () => {
-  let component: NgxInputNumberComponent;
-  let fixture: ComponentFixture<NgxInputNumberComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ NgxInputNumberComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(NgxInputNumberComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/ngx-input-number.component.ts

@@ -1,160 +0,0 @@
-import { Component, OnInit, Input, OnChanges, AfterViewInit, AfterContentInit, ElementRef, ViewChild, SimpleChanges, ChangeDetectorRef } from '@angular/core';
-import { FormBuilder, Validators, FormArray, FormGroup, FormControl } from "@angular/forms";
-import { createMask, InputmaskOptions } from '@ngneat/input-mask';
-
-import { inputConfigs, typesProvider } from './typesProvider';
-import { NgxInputNumberService } from './ngx-input-number.service';
-
-@Component({
-  selector: 'app-input-number',
-  templateUrl: './ngx-input-number.component.html',
-  styleUrls: ['./ngx-input-number.component.sass']
-})
-export class NgxInputNumberComponent implements OnInit, OnChanges {
-
-  constructor(
-    private _ChangeDetectorRef: ChangeDetectorRef,
-    private readonly _typesProvider: typesProvider,
-    private _NgxInputNumberService: NgxInputNumberService,
-  ) { }
-
-  @ViewChild('inputElement') inputElement!: ElementRef;
-
-  @Input() control!: FormControl
-  @Input() negative!: any
-  @Input() autofocus: any = false
-  @Input() decimals: any
-  @Input() max: any
-  @Input() idForLabel: any = ""
-  @Input() tabIndex: any
-  @Input() addClass: any = "form-control-sm"
-  @Input() groupSeparator: any
-  @Input() radixPoint: any
-  @Input() lblKeyInvalid: any
-  lblKeyInvalidRender: any
-
-  inputMask: InputmaskOptions<any> = {}
-
-  placeholder = "0"
-
-  loading = false
-
-  ngAfterViewInit(): void {
-    if( this.autofocus ){
-      setTimeout(()=>{
-        this.inputElement.nativeElement.focus();
-      })
-    }
-  }
-
-  ngAfterContentInit(): void {
-  }
-
-  render(){
-    this._ChangeDetectorRef.detectChanges()
-
-    this.lblKeyInvalidRender = this._NgxInputNumberService.lblKeyInvalid
-
-    this.inputMask = createMask({
-      allowMinus: this._NgxInputNumberService.negative,
-      alias: 'numeric',
-      numericInput: false,
-      inputType: "number",
-      inputmode: "numeric",
-      groupSeparator: this._NgxInputNumberService.groupSeparator,
-      radixPoint : this._NgxInputNumberService.radixPoint,
-      max : this._NgxInputNumberService.max,
-      digits: this._NgxInputNumberService.decimals,
-      digitsOptional: false,
-      placeholder: '0',
-      unmaskAsNumber: true,
-      autoUnmask: true,
-      showMaskOnFocus: false,
-      showMaskOnHover: false,
-      onBeforePaste: ( pastedValue: any, opts ) =>{
-        return pastedValue.replaceAll( opts.groupSeparator!, "" )
-      },
-      onKeyValidation: ( key, result ) => {
-        if( !result ){
-          this.inputElement.nativeElement.classList.add("key-invalid")
-          setTimeout(
-            ()=>{
-              this.inputElement.nativeElement.classList.remove("key-invalid")
-            },
-            1000
-          )
-        }
-      }
-    })
-    
-    if( this.negative !== undefined ){
-      this.inputMask.allowMinus = this.negative
-    }
-    if( this.max !== undefined ){
-      this.inputMask.max = this.max
-    }
-    
-    if( this.groupSeparator !== undefined ){
-      this.inputMask.groupSeparator = this.groupSeparator
-    }
-    if( this.radixPoint !== undefined ){
-      this.inputMask.radixPoint = this.radixPoint
-    }
-    if( this.lblKeyInvalid !== undefined ){
-      this.lblKeyInvalidRender = this.lblKeyInvalid
-    }
-
-    if( this.decimals !== undefined ){
-      this.inputMask.digits = this.decimals
-    }
-
-
-
-    if( this.inputMask.digits! > 0 ){
-      this.placeholder = '0' + String(this.inputMask.radixPoint)
-    }
-    for( let x = 0; x < this.inputMask.digits!; x++ ){
-      this.placeholder += "0"
-    }
-
-    this.loading = false
-
-  }
-
-  onBlur(value: any){
-    // if( value != '' && Number( this.inputMask.digits ) > 0 ){
-    //   let valueBlurSplit = String(value).split(".")
-    //   let valueString = ""
-    //   if( valueBlurSplit.length == 1 ){
-    //     valueString = valueBlurSplit[0] + "." + String("").padEnd(Number(this.inputMask.digits), "0")
-    //   }else{
-    //     valueString = valueBlurSplit[0] + "." + String(valueBlurSplit[1]).padEnd(Number(this.inputMask.digits), "0")
-    //   }
-    //   this.control.setValue( parseFloat( valueString ) )
-    // }
-    this.control.setValue( value )
-  }
-
-  ngOnInit(): void {
-    this._NgxInputNumberService.getChangeEvent().subscribe(
-      ( configs )=>{
-        if( configs ){
-          this.loading = true
-
-          setTimeout(() => {
-            this.render()
-          }, 0);
-        }
-      }
-    )
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    this.loading = true
-
-    setTimeout(() => {
-      this.render()
-    }, 0);
-  }
-
-}

package/src/lib/ngx-input-number.module.ts

@@ -1,38 +0,0 @@
-import { NgModule, ModuleWithProviders } from '@angular/core';
-import { CommonModule } from '@angular/common';  
-import { FormsModule, ReactiveFormsModule } from "@angular/forms";
-
-import { NgxInputNumberComponent } from './ngx-input-number.component';
-import { InputMaskModule } from '@ngneat/input-mask';
-
-import { inputConfigsHelp, typesProvider, defaultTypesProvider } from './typesProvider';
-
-@NgModule({
-  declarations: [
-    NgxInputNumberComponent
-  ],
-  imports: [
-    CommonModule,
-    InputMaskModule.forRoot({ inputSelector: 'input', isAsync: true }),
-    FormsModule,
-    ReactiveFormsModule,
-  ],
-  exports: [
-    NgxInputNumberComponent
-  ],
-  providers:[
-  ]
-})
-export class NgxInputNumberModule {
-  static forRoot(config: inputConfigsHelp = {} ): ModuleWithProviders<NgxInputNumberModule> {
-    return {
-      ngModule: NgxInputNumberModule,
-      providers: [
-        config.config || {
-          provide: typesProvider,
-          useClass: defaultTypesProvider
-        }
-      ],
-    }
-  }
-}

package/src/lib/ngx-input-number.service.spec.ts

@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { NgxInputNumberService } from './ngx-input-number.service';
-
-describe('NgxInputNumberService', () => {
-  let service: NgxInputNumberService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(NgxInputNumberService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

package/src/lib/ngx-input-number.service.ts

@@ -1,59 +0,0 @@
-import { Injectable, Optional, Inject, EventEmitter, Output } from '@angular/core';
-import { INPUT_CONFIG_TOKEN } from './di';
-import { inputConfigs } from './types';
-import { BehaviorSubject, Subject } from "rxjs";
-
-@Injectable({
-  providedIn: 'root'
-})
-export class NgxInputNumberService {
-
-  changeEvent = new BehaviorSubject<boolean>(false);
-  groupSeparator = ','
-  radixPoint = '.'
-  lblKeyInvalid = 'Please enter a valid amount'
-  negative: any = true
-  max: any = undefined
-  decimals = 2
-
-  constructor(
-    @Optional() @Inject(INPUT_CONFIG_TOKEN)
-    private readonly config: inputConfigs | null,
-  ) {
-    if( config != null ){
-      this.groupSeparator = config.groupSeparator!
-      this.radixPoint = config.radixPoint!
-      this.lblKeyInvalid = config.lblKeyInvalid!
-      this.negative = config.negative!
-      this.max = config.max!
-      this.decimals = config.decimals!
-    }
-  }
-
-  onChangeParams( config: inputConfigs ){
-    if( config.groupSeparator ){
-      this.groupSeparator = config.groupSeparator
-    }
-    if( config.radixPoint ){
-      this.radixPoint = config.radixPoint
-    }
-    if( config.lblKeyInvalid ){
-      this.lblKeyInvalid = config.lblKeyInvalid
-    }
-    if( config.negative !== undefined ){
-      this.negative = config.negative
-    }
-    if( config.max ){
-      this.max = config.max!
-    }
-    if( config.decimals ){
-      this.decimals = config.decimals
-    }
-
-    this.changeEvent.next( true )
-  }
-
-  getChangeEvent(){
-    return this.changeEvent
-  }
-}

package/src/lib/types.ts

@@ -1,14 +0,0 @@
-import {  Provider } from '@angular/core';
-
-export class inputConfigs {
-    groupSeparator?: string;
-    radixPoint?: string;
-    lblKeyInvalid?: string;
-    max?: number;
-    decimals?: number;
-    negative?: boolean;
-}
-
-export class inputConfigsHelp {
-  config?: Provider;
-}

package/src/lib/typesProvider.ts

@@ -1,26 +0,0 @@
-import { Injectable, Provider } from '@angular/core';
-
-export class inputConfigs {
-    groupSeparator?: string;
-    radixPoint?: string;
-}
-
-@Injectable({ providedIn: 'root' })
-export abstract class typesProvider {
-  abstract get config(): inputConfigs;
-}
-
-@Injectable({ providedIn: 'root' })
-export class defaultTypesProvider extends typesProvider {
-  get config(): inputConfigs {
-    // return default config
-    return {
-        groupSeparator: ",",
-        radixPoint: "."
-    };
-  }
-}
-
-export class inputConfigsHelp {
-  config?: Provider;
-}