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

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

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@experteam-mx/ngx-input-number" />
+export * from './public-api';

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, false, 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,17 +1,37 @@
 {
   "name": "@experteam-mx/ngx-input-number",
-  "version": "1.6.5",
+  "version": "2.0.0",
   "license": "MIT",
   "peerDependencies": {},
   "dependencies": {
-    "@angular/common": "^12.0.2",
-    "@angular/core": "^12.0.2",
+    "@angular/cli": "^15.2.0",
+    "@angular/common": "^15.2.0",
+    "@angular/core": "^15.2.0",
     "@ngneat/input-mask": "^5.1.0",
+    "@popperjs/core": "^2.11.6",
     "bootstrap": "^5.1.3",
     "inputmask": "^5.0.7",
-    "tslib": "^2.1.0"
+    "tslib": "^2.1.0",
+    "zone.js": "^0.12.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": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.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;
-}