@dravishek/number-validate 1.0.0

package/README.md

@@ -0,0 +1,63 @@
+# NumberValidate
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.0.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build number-validate
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+   ```bash
+   cd dist/number-validate
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/fesm2022/dravishek-number-validate.mjs

@@ -0,0 +1,65 @@
+import * as i0 from '@angular/core';
+import { input, HostListener, Optional, Directive } from '@angular/core';
+import * as i1 from '@angular/forms';
+
+class AdrNumberValidateDirective {
+    el;
+    control;
+    constructor(el, control) {
+        this.el = el;
+        this.control = control;
+    }
+    /**
+     * @description Value before the decimal point specifies the number of digits before decimal and value after the decimal specifies the number of digits after decimal.
+     * Example: 7.3 (Before decimal 7 digits & 3 digits after decimal)
+     * Possible type of patterns allowed: X, X.X
+    */
+    adrNumberValidate = input('');
+    onKeyDown = (event) => this.execute(this.el.nativeElement.value);
+    onPaste = (event) => this.execute(this.el.nativeElement.value);
+    checkValue(value) {
+        let [length, scale] = this.adrNumberValidate().split('.'), regExpString = `^(\\+|\\-)?([\\d]{0,${+length}})`, checkPattern = null;
+        if (+scale > 0) {
+            regExpString += `((\\.{1})([\\d]{1,${+scale}})?)`;
+        }
+        checkPattern = String(value).match(new RegExp(`${regExpString}?$`));
+        return checkPattern;
+    }
+    execute(oldValue) {
+        setTimeout(() => {
+            let currentValue = this.el.nativeElement.value;
+            if (currentValue && !this.checkValue(currentValue)) {
+                this.control?.control && this.control.control.patchValue(+oldValue);
+                this.el.nativeElement.value = oldValue;
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AdrNumberValidateDirective, deps: [{ token: i0.ElementRef }, { token: i1.NgControl, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.14", type: AdrNumberValidateDirective, isStandalone: true, selector: "[adrNumberValidate]", inputs: { adrNumberValidate: { classPropertyName: "adrNumberValidate", publicName: "adrNumberValidate", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "onKeyDown($event)", "paste": "onPaste($event)" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AdrNumberValidateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[adrNumberValidate]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.NgControl, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { onKeyDown: [{
+                type: HostListener,
+                args: ["keydown", ["$event"]]
+            }], onPaste: [{
+                type: HostListener,
+                args: ["paste", ["$event"]]
+            }] } });
+
+/*
+ * Public API Surface of number-validate
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdrNumberValidateDirective };
+//# sourceMappingURL=dravishek-number-validate.mjs.map

package/fesm2022/dravishek-number-validate.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dravishek-number-validate.mjs","sources":["../../../../projects/dravishek/number-validate/src/lib/adr-number-validate.directive.ts","../../../../projects/dravishek/number-validate/src/public-api.ts","../../../../projects/dravishek/number-validate/src/dravishek-number-validate.ts"],"sourcesContent":["import { Directive, ElementRef, HostListener, input, Optional } from '@angular/core';\r\nimport { NgControl } from '@angular/forms';\r\n\r\n@Directive({\r\n  selector: '[adrNumberValidate]',\r\n  standalone: true\r\n})\r\nexport class AdrNumberValidateDirective {\r\n\r\n  constructor(private el: ElementRef, @Optional() private control: NgControl) { }\r\n\r\n  /**\r\n   * @description Value before the decimal point specifies the number of digits before decimal and value after the decimal specifies the number of digits after decimal.\r\n   * Example: 7.3 (Before decimal 7 digits & 3 digits after decimal)\r\n   * Possible type of patterns allowed: X, X.X\r\n  */\r\n  adrNumberValidate = input<string>('');\r\n\r\n  @HostListener(\"keydown\", [\"$event\"])\r\n  onKeyDown = (event: KeyboardEvent) => this.execute(this.el.nativeElement.value);\r\n\r\n  @HostListener(\"paste\", [\"$event\"])\r\n  onPaste = (event: ClipboardEvent) => this.execute(this.el.nativeElement.value);\r\n\r\n  private checkValue(value: string): RegExpMatchArray | null {\r\n    let [length, scale] = this.adrNumberValidate().split('.'), regExpString = `^(\\\\+|\\\\-)?([\\\\d]{0,${+length}})`,\r\n      checkPattern: RegExpMatchArray | null = null;\r\n    if (+scale > 0) { regExpString += `((\\\\.{1})([\\\\d]{1,${+scale}})?)` }\r\n    checkPattern = String(value).match(new RegExp(`${regExpString}?$`));\r\n    return checkPattern;\r\n  }\r\n\r\n  private execute(oldValue: string) {\r\n    setTimeout(() => {\r\n      let currentValue: string = this.el.nativeElement.value;\r\n      if (currentValue && !this.checkValue(currentValue)) {\r\n        this.control?.control && this.control.control.patchValue(+oldValue);\r\n        this.el.nativeElement.value = oldValue;\r\n      }\r\n    });\r\n  }\r\n}\r\n","/*\r\n * Public API Surface of number-validate\r\n */\r\n\r\nexport * from './lib/adr-number-validate.directive';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,0BAA0B,CAAA;AAEjB,IAAA,EAAA;AAAoC,IAAA,OAAA;IAAxD,WAAoB,CAAA,EAAc,EAAsB,OAAkB,EAAA;QAAtD,IAAE,CAAA,EAAA,GAAF,EAAE;QAAkC,IAAO,CAAA,OAAA,GAAP,OAAO;;AAE/D;;;;AAIE;AACF,IAAA,iBAAiB,GAAG,KAAK,CAAS,EAAE,CAAC;AAGrC,IAAA,SAAS,GAAG,CAAC,KAAoB,KAAK,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC;AAG/E,IAAA,OAAO,GAAG,CAAC,KAAqB,KAAK,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC;AAEtE,IAAA,UAAU,CAAC,KAAa,EAAA;QAC9B,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,YAAY,GAAG,CAAuB,oBAAA,EAAA,CAAC,MAAM,CAAA,EAAA,CAAI,EAC1G,YAAY,GAA4B,IAAI;AAC9C,QAAA,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE;AAAE,YAAA,YAAY,IAAI,CAAA,kBAAA,EAAqB,CAAC,KAAK,MAAM;;AACnE,QAAA,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,CAAG,EAAA,YAAY,CAAI,EAAA,CAAA,CAAC,CAAC;AACnE,QAAA,OAAO,YAAY;;AAGb,IAAA,OAAO,CAAC,QAAgB,EAAA;QAC9B,UAAU,CAAC,MAAK;YACd,IAAI,YAAY,GAAW,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK;YACtD,IAAI,YAAY,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE;AAClD,gBAAA,IAAI,CAAC,OAAO,EAAE,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC;gBACnE,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,GAAG,QAAQ;;AAE1C,SAAC,CAAC;;wGAhCO,0BAA0B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAJtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,UAAU,EAAE;AACb,iBAAA;;0BAGsC;yCAUrC,SAAS,EAAA,CAAA;sBADR,YAAY;uBAAC,SAAS,EAAE,CAAC,QAAQ,CAAC;gBAInC,OAAO,EAAA,CAAA;sBADN,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;;;ACrBnC;;AAEG;;ACFH;;AAEG;;;;"}

package/index.d.ts

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

package/lib/adr-number-validate.directive.d.ts

@@ -0,0 +1,20 @@
+import { ElementRef } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class AdrNumberValidateDirective {
+    private el;
+    private control;
+    constructor(el: ElementRef, control: NgControl);
+    /**
+     * @description Value before the decimal point specifies the number of digits before decimal and value after the decimal specifies the number of digits after decimal.
+     * Example: 7.3 (Before decimal 7 digits & 3 digits after decimal)
+     * Possible type of patterns allowed: X, X.X
+    */
+    adrNumberValidate: import("@angular/core").InputSignal<string>;
+    onKeyDown: (event: KeyboardEvent) => void;
+    onPaste: (event: ClipboardEvent) => void;
+    private checkValue;
+    private execute;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdrNumberValidateDirective, [null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AdrNumberValidateDirective, "[adrNumberValidate]", never, { "adrNumberValidate": { "alias": "adrNumberValidate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@dravishek/number-validate",
+  "version": "1.0.0",
+  "peerDependencies": {
+    "@angular/common": "^19.2.0",
+    "@angular/core": "^19.2.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/dravishek-number-validate.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/dravishek-number-validate.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1 @@
+export * from './lib/adr-number-validate.directive';