@experteam-mx/ngx-input-number 1.0.1 → 1.2.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/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 } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class NgxInputNumberService {\n\n  constructor() { }\n}\n","import { Component, OnInit, Input, AfterViewInit, AfterContentInit, ElementRef, ViewChild } from '@angular/core';\nimport { FormBuilder, Validators, FormArray, FormGroup, FormControl } from \"@angular/forms\";\nimport { createMask } from '@ngneat/input-mask';\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 {\n\n  constructor() { }\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\n  inputMask = createMask({\n    allowMinus: true,\n    alias: 'numeric',\n    numericInput: false,\n    inputType: \"number\",\n    inputmode: \"numeric\",\n    groupSeparator: ',',\n    radixPoint : '.',\n    digits: 2,\n    digitsOptional: false,\n    placeholder: '0',\n    unmaskAsNumber: true,\n    autoUnmask: true,\n    showMaskOnFocus: false,\n    showMaskOnHover: false,\n  })\n\n  placeholder = \"0\"\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  ngOnInit(): void {\n    if( this.negative === false ){\n      this.inputMask.allowMinus = false\n    }\n    if( this.decimals !== undefined ){\n      this.inputMask.digits = this.decimals\n      if( this.decimals > 0 ){\n        this.placeholder += String(this.inputMask.radixPoint)\n      }\n      for( let x = 0; x < this.decimals; x++ ){\n        this.placeholder += \"0\"\n      }\n    }\n    if( this.max !== undefined ){\n      this.inputMask.max = this.max\n    }\n  }\n\n}\n","<input\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 } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\n\nimport { NgxInputNumberComponent } from './ngx-input-number.component';\nimport { InputMaskModule } from '@ngneat/input-mask';\n\n\n\n@NgModule({\n  declarations: [\n    NgxInputNumberComponent\n  ],\n  imports: [\n    InputMaskModule,\n    FormsModule,\n    ReactiveFormsModule,\n  ],\n  exports: [\n    NgxInputNumberComponent\n  ]\n})\nexport class NgxInputNumberModule { }\n","/*\n * Public API Surface of ngx-input-number\n */\n\nexport * from './lib/ngx-input-number.service';\nexport * from './lib/ngx-input-number.component';\nexport * from './lib/ngx-input-number.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAKa,qBAAqB;IAEhC,iBAAiB;;kHAFN,qBAAqB;sHAArB,qBAAqB,cAFpB,MAAM;2FAEP,qBAAqB;kBAHjC,UAAU;mBAAC;oBACV,UAAU,EAAE,MAAM;iBACnB;;;MCKY,uBAAuB;IAElC;QAMS,cAAS,GAAQ,KAAK,CAAA;QAGtB,eAAU,GAAQ,EAAE,CAAA;QACpB,aAAQ,GAAQ,iBAAiB,CAAA;QAE1C,cAAS,GAAG,UAAU,CAAC;YACrB,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE,SAAS;YAChB,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,QAAQ;YACnB,SAAS,EAAE,SAAS;YACpB,cAAc,EAAE,GAAG;YACnB,UAAU,EAAG,GAAG;YAChB,MAAM,EAAE,CAAC;YACT,cAAc,EAAE,KAAK;YACrB,WAAW,EAAE,GAAG;YAChB,cAAc,EAAE,IAAI;YACpB,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,KAAK;YACtB,eAAe,EAAE,KAAK;SACvB,CAAC,CAAA;QAEF,gBAAW,GAAG,GAAG,CAAA;KA7BA;IA+BjB,eAAe;QACb,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,UAAU,CAAC;gBACT,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;aACzC,CAAC,CAAA;SACH;KACF;IAED,kBAAkB;KACjB;IAED,QAAQ;QACN,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK,EAAE;YAC3B,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,KAAK,CAAA;SAClC;QACD,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,EAAE;YAC/B,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAA;YACrC,IAAI,IAAI,CAAC,QAAQ,GAAG,CAAC,EAAE;gBACrB,IAAI,CAAC,WAAW,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAA;aACtD;YACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE;gBACtC,IAAI,CAAC,WAAW,IAAI,GAAG,CAAA;aACxB;SACF;QACD,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,EAAE;YAC1B,IAAI,CAAC,SAAS,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAA;SAC9B;KACF;;oHA5DU,uBAAuB;wGAAvB,uBAAuB,sUCTpC,2SAUA;2FDDa,uBAAuB;kBALnC,SAAS;+BACE,kBAAkB;0EAQD,YAAY;sBAAtC,SAAS;uBAAC,cAAc;gBAEhB,OAAO;sBAAf,KAAK;gBACG,QAAQ;sBAAhB,KAAK;gBACG,SAAS;sBAAjB,KAAK;gBACG,QAAQ;sBAAhB,KAAK;gBACG,GAAG;sBAAX,KAAK;gBACG,UAAU;sBAAlB,KAAK;gBACG,QAAQ;sBAAhB,KAAK;;;MEAK,oBAAoB;;iHAApB,oBAAoB;kHAApB,oBAAoB,iBAX7B,uBAAuB,aAGvB,eAAe;QACf,WAAW;QACX,mBAAmB,aAGnB,uBAAuB;kHAGd,oBAAoB,YATtB;YACP,eAAe;YACf,WAAW;YACX,mBAAmB;SACpB;2FAKU,oBAAoB;kBAbhC,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,uBAAuB;qBACxB;oBACD,OAAO,EAAE;wBACP,eAAe;wBACf,WAAW;wBACX,mBAAmB;qBACpB;oBACD,OAAO,EAAE;wBACP,uBAAuB;qBACxB;iBACF;;;ACpBD;;;;ACAA;;;;;;"}

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

@@ -0,0 +1,21 @@
+import { OnInit, ElementRef } from '@angular/core';
+import { FormControl } from "@angular/forms";
+import * as i0 from "@angular/core";
+export declare class NgxInputNumberComponent implements OnInit {
+    constructor();
+    inputElement: ElementRef;
+    control: FormControl;
+    negative: any;
+    autofocus: any;
+    decimals: any;
+    max: any;
+    idForLabel: any;
+    addClass: any;
+    inputMask: import("@ngneat/input-mask").InputmaskOptions<unknown>;
+    placeholder: string;
+    ngAfterViewInit(): void;
+    ngAfterContentInit(): void;
+    ngOnInit(): 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"; }, {}, never, never>;
+}

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

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ngx-input-number.component";
+import * as i2 from "@ngneat/input-mask";
+import * as i3 from "@angular/forms";
+export declare class NgxInputNumberModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxInputNumberModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxInputNumberModule, [typeof i1.NgxInputNumberComponent], [typeof i2.InputMaskModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule], [typeof i1.NgxInputNumberComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgxInputNumberModule>;
+}

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

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class NgxInputNumberService {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxInputNumberService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgxInputNumberService>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@experteam-mx/ngx-input-number",
-  "version": "1.0.1",
+  "version": "1.2.0",
   "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,7 +1,3 @@
-/*
- * Public API Surface of ngx-input-number
- */
-
-export * from './lib/ngx-input-number.service';
-export * from './lib/ngx-input-number.component';
-export * from './lib/ngx-input-number.module';
+export * from './lib/ngx-input-number.service';
+export * from './lib/ngx-input-number.component';
+export * from './lib/ngx-input-number.module';

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,10 +0,0 @@
-<input
-    #inputElement
-    type="text"
-    class="form-control form-control-sm"
-    [class.is-invalid]="control.touched && control.invalid"
-    [formControl]="control"
-    [inputMask]="inputMask"
-    [placeholder]="placeholder"
-    [id]="idForLabel"
->

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

@@ -1 +0,0 @@
-@import "~bootstrap/scss/bootstrap"

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,69 +0,0 @@
-import { Component, OnInit, Input, AfterViewInit, AfterContentInit, ElementRef, ViewChild } from '@angular/core';
-import { FormBuilder, Validators, FormArray, FormGroup, FormControl } from "@angular/forms";
-import { createMask } from '@ngneat/input-mask';
-
-@Component({
-  selector: 'app-input-number',
-  templateUrl: './ngx-input-number.component.html',
-  styleUrls: ['./ngx-input-number.component.sass']
-})
-export class NgxInputNumberComponent implements OnInit {
-
-  constructor() { }
-
-  @ViewChild('inputElement') inputElement!: ElementRef;
-
-  @Input() control!: FormControl
-  @Input() negative!: any
-  @Input() autofocus: any = false
-  @Input() decimals: any
-  @Input() max: any
-  @Input() idForLabel: any = ""
-
-  inputMask = createMask({
-    allowMinus: true,
-    alias: 'numeric',
-    numericInput: true,
-    inputType: "number",
-    inputmode: "numeric",
-    groupSeparator: ',',
-    radixPoint : '.',
-    digits: 2,
-    digitsOptional: false,
-    placeholder: '0',
-    unmaskAsNumber: true,
-    autoUnmask: true,
-  })
-
-  placeholder = "0"
-
-  ngAfterViewInit(): void {
-    if( this.autofocus ){
-      setTimeout(()=>{
-        this.inputElement.nativeElement.focus();
-      })
-    }
-  }
-
-  ngAfterContentInit(): void {
-  }
-
-  ngOnInit(): void {
-    if( this.negative === false ){
-      this.inputMask.allowMinus = false
-    }
-    if( this.decimals !== undefined ){
-      this.inputMask.digits = this.decimals
-      if( this.decimals > 0 ){
-        this.placeholder += String(this.inputMask.radixPoint)
-      }
-      for( let x = 0; x < this.decimals; x++ ){
-        this.placeholder += "0"
-      }
-    }
-    if( this.max !== undefined ){
-      this.inputMask.max = this.max
-    }
-  }
-
-}

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

@@ -1,22 +0,0 @@
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from "@angular/forms";
-
-import { NgxInputNumberComponent } from './ngx-input-number.component';
-import { InputMaskModule } from '@ngneat/input-mask';
-
-
-
-@NgModule({
-  declarations: [
-    NgxInputNumberComponent
-  ],
-  imports: [
-    InputMaskModule,
-    FormsModule,
-    ReactiveFormsModule,
-  ],
-  exports: [
-    NgxInputNumberComponent
-  ]
-})
-export class NgxInputNumberModule { }

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,9 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class NgxInputNumberService {
-
-  constructor() { }
-}

package/src/test.ts

@@ -1,27 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'zone.js';
-import 'zone.js/testing';
-import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
-
-declare const require: {
-  context(path: string, deep?: boolean, filter?: RegExp): {
-    <T>(id: string): T;
-    keys(): string[];
-  };
-};
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(),
-);
-
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);

package/tsconfig.lib.json

@@ -1,27 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "target": "es2015",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": [],
-    "lib": [
-      "dom",
-      "es2018"
-    ]
-  },
-  "angularCompilerOptions": {
-    "skipTemplateCodegen": true,
-    "strictMetadataEmit": true,
-    "enableResourceInlining": true,
-    "strictTemplates": false,
-    "enableIvy": false
-  },
-  "exclude": [
-    "src/test.ts",
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,10 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json

@@ -1,17 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "files": [
-    "src/test.ts"
-  ],
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}