@experteam-mx/ngx-input-number 1.5.0 → 1.6.2

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

@@ -1 +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}\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\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    }\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\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() addClass: any = \"form-control-sm\"\n  @Input() groupSeparator: any\n  @Input() radixPoint: 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.inputMask = createMask({\n      allowMinus: true,\n      alias: 'numeric',\n      numericInput: false,\n      inputType: \"number\",\n      inputmode: \"numeric\",\n      groupSeparator: this._NgxInputNumberService.groupSeparator,\n      radixPoint : this._NgxInputNumberService.radixPoint,\n      digits: 2,\n      digitsOptional: false,\n      placeholder: '0',\n      unmaskAsNumber: true,\n      autoUnmask: true,\n      showMaskOnFocus: true,\n      showMaskOnHover: false,\n      onBeforePaste: ( pastedValue: any, opts ) =>{\n        return pastedValue.replaceAll( opts.groupSeparator!, \"\" )\n      }\n    })\n    \n    if( this.negative === false ){\n      this.inputMask.allowMinus = false\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\n    if( this.decimals !== undefined ){\n      this.inputMask.digits = this.decimals\n      if( this.decimals > 0 ){\n        this.placeholder = '0' + String(this.inputMask.radixPoint)\n      }\n      for( let x = 0; x < this.decimals; x++ ){\n        this.placeholder += \"0\"\n      }\n    }\n\n    this.loading = false\n\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","<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    [(inputMask)]=\"inputMask\"\r\n    [placeholder]=\"placeholder\"\r\n    [id]=\"idForLabel\"\r\n>\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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"}
+{"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() 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: true,\n      placeholder: '0',\n      unmaskAsNumber: true,\n      autoUnmask: true,\n      showMaskOnFocus: true,\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  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        [(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/lib/ngx-input-number.component.d.ts

@@ -19,6 +19,8 @@ export declare class NgxInputNumberComponent implements OnInit, OnChanges {
     addClass: any;
     groupSeparator: any;
     radixPoint: any;
+    lblKeyInvalid: any;
+    lblKeyInvalidRender: any;
     inputMask: InputmaskOptions<any>;
     placeholder: string;
     loading: boolean;
@@ -28,5 +30,5 @@ export declare class NgxInputNumberComponent implements OnInit, OnChanges {
     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"; "addClass": "addClass"; "groupSeparator": "groupSeparator"; "radixPoint": "radixPoint"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxInputNumberComponent, "app-input-number", never, { "control": "control"; "negative": "negative"; "autofocus": "autofocus"; "decimals": "decimals"; "max": "max"; "idForLabel": "idForLabel"; "addClass": "addClass"; "groupSeparator": "groupSeparator"; "radixPoint": "radixPoint"; "lblKeyInvalid": "lblKeyInvalid"; }, {}, never, never>;
 }

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

@@ -6,6 +6,10 @@ export declare class NgxInputNumberService {
     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>;

package/lib/types.d.ts

@@ -2,6 +2,10 @@ 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@experteam-mx/ngx-input-number",
-  "version": "1.5.0",
+  "version": "1.6.2",
   "license": "MIT",
   "peerDependencies": {},
   "dependencies": {