@wizishop/angular-components 14.4.2 → 14.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/directives/keyboard-events/two-digital-decimal-number.directive.mjs +9 -6
- package/fesm2015/wizishop-angular-components.mjs +7 -4
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +7 -4
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/directives/keyboard-events/two-digital-decimal-number.directive.d.ts +2 -2
- package/package.json +1 -1
- package/wizishop-angular-components-14.4.4.tgz +0 -0
- package/wizishop-angular-components-14.4.2.tgz +0 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { Directive, HostListener } from "@angular/core";
|
|
1
|
+
import { Directive, HostListener, Input } from "@angular/core";
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class TwoDigitDecimalNumberDirective {
|
|
4
4
|
constructor(el) {
|
|
5
5
|
this.el = el;
|
|
6
|
-
this.
|
|
6
|
+
this.decimalSeparator = ['.', ',']; // user can put . or , char.
|
|
7
7
|
// input also cannot start from , or .
|
|
8
8
|
this.specialKeys = ['Backspace', 'Tab', 'End', 'Home', '-', 'ArrowLeft', 'ArrowRight', 'Del', 'Delete'];
|
|
9
9
|
}
|
|
@@ -14,20 +14,23 @@ export class TwoDigitDecimalNumberDirective {
|
|
|
14
14
|
const current = this.el.nativeElement.value;
|
|
15
15
|
const position = this.el.nativeElement.selectionStart;
|
|
16
16
|
const next = [current.slice(0, position), event.key == 'Decimal' ? '.' : event.key, current.slice(position)].join('');
|
|
17
|
-
|
|
17
|
+
const regex = new RegExp(`^\\d+[${this.decimalSeparator.join('')}]?\\d{0,2}$`, 'g');
|
|
18
|
+
if (next && !regex.test(next)) {
|
|
18
19
|
event.preventDefault();
|
|
19
20
|
}
|
|
20
21
|
}
|
|
21
22
|
}
|
|
22
23
|
TwoDigitDecimalNumberDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TwoDigitDecimalNumberDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
23
|
-
TwoDigitDecimalNumberDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.7", type: TwoDigitDecimalNumberDirective, selector: "[wacTwoDigitDecimalNumber]", host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0 });
|
|
24
|
+
TwoDigitDecimalNumberDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.7", type: TwoDigitDecimalNumberDirective, selector: "[wacTwoDigitDecimalNumber]", inputs: { decimalSeparator: "decimalSeparator" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0 });
|
|
24
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TwoDigitDecimalNumberDirective, decorators: [{
|
|
25
26
|
type: Directive,
|
|
26
27
|
args: [{
|
|
27
28
|
selector: '[wacTwoDigitDecimalNumber]',
|
|
28
29
|
}]
|
|
29
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: {
|
|
30
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { decimalSeparator: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}], onKeyDown: [{
|
|
30
33
|
type: HostListener,
|
|
31
34
|
args: ['keydown', ['$event']]
|
|
32
35
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLWRpZ2l0YWwtZGVjaW1hbC1udW1iZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvZGlyZWN0aXZlcy9rZXlib2FyZC1ldmVudHMvdHdvLWRpZ2l0YWwtZGVjaW1hbC1udW1iZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFLekUsTUFBTSxPQUFPLDhCQUE4QjtJQU16QyxZQUFvQixFQUFjO1FBQWQsT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQUp6QixxQkFBZ0IsR0FBYSxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQyxDQUFDLDRCQUE0QjtRQUM5RSxzQ0FBc0M7UUFDOUIsZ0JBQVcsR0FBa0IsQ0FBQyxXQUFXLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBRzFILENBQUM7SUFHRCxTQUFTLENBQUMsS0FBb0I7UUFDNUIsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDeEMsT0FBTztTQUNSO1FBQ0QsTUFBTSxPQUFPLEdBQVcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDO1FBQ3BELE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLGNBQWMsQ0FBQztRQUN0RCxNQUFNLElBQUksR0FBVyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFFBQVEsQ0FBQyxFQUFFLEtBQUssQ0FBQyxHQUFHLElBQUksU0FBUyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUM5SCxNQUFNLEtBQUssR0FBRyxJQUFJLE1BQU0sQ0FBQyxTQUFTLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUVwRixJQUFJLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDN0IsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQ3hCO0lBQ0gsQ0FBQzs7MkhBdEJVLDhCQUE4QjsrR0FBOUIsOEJBQThCOzJGQUE5Qiw4QkFBOEI7a0JBSDVDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLDRCQUE0QjtpQkFDdkM7aUdBR1UsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQVFOLFNBQVM7c0JBRFIsWUFBWTt1QkFBQyxTQUFTLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEhvc3RMaXN0ZW5lciwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1t3YWNUd29EaWdpdERlY2ltYWxOdW1iZXJdJyxcbiAgfSlcbiAgZXhwb3J0IGNsYXNzIFR3b0RpZ2l0RGVjaW1hbE51bWJlckRpcmVjdGl2ZSB7XG5cbiAgICBASW5wdXQoKSBkZWNpbWFsU2VwYXJhdG9yOiBzdHJpbmdbXSA9IFsnLicsICcsJ107IC8vIHVzZXIgY2FuIHB1dCAuIG9yICwgY2hhci5cbiAgICAvLyBpbnB1dCBhbHNvIGNhbm5vdCBzdGFydCBmcm9tICwgb3IgLlxuICAgIHByaXZhdGUgc3BlY2lhbEtleXM6IEFycmF5PHN0cmluZz4gPSBbJ0JhY2tzcGFjZScsICdUYWInLCAnRW5kJywgJ0hvbWUnLCAnLScsICdBcnJvd0xlZnQnLCAnQXJyb3dSaWdodCcsICdEZWwnLCAnRGVsZXRlJ107XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsOiBFbGVtZW50UmVmKSB7XG4gICAgfVxuXG4gICAgQEhvc3RMaXN0ZW5lcigna2V5ZG93bicsIFsnJGV2ZW50J10pXG4gICAgb25LZXlEb3duKGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XG4gICAgICBpZiAodGhpcy5zcGVjaWFsS2V5cy5pbmNsdWRlcyhldmVudC5rZXkpKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIGNvbnN0IGN1cnJlbnQ6IHN0cmluZyA9IHRoaXMuZWwubmF0aXZlRWxlbWVudC52YWx1ZTtcbiAgICAgIGNvbnN0IHBvc2l0aW9uID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50LnNlbGVjdGlvblN0YXJ0O1xuICAgICAgY29uc3QgbmV4dDogc3RyaW5nID0gW2N1cnJlbnQuc2xpY2UoMCwgcG9zaXRpb24pLCBldmVudC5rZXkgPT0gJ0RlY2ltYWwnID8gJy4nIDogZXZlbnQua2V5LCBjdXJyZW50LnNsaWNlKHBvc2l0aW9uKV0uam9pbignJyk7XG4gICAgICBjb25zdCByZWdleCA9IG5ldyBSZWdFeHAoYF5cXFxcZCtbJHt0aGlzLmRlY2ltYWxTZXBhcmF0b3Iuam9pbignJyl9XT9cXFxcZHswLDJ9JGAsICdnJyk7XG5cbiAgICAgIGlmIChuZXh0ICYmICFyZWdleC50ZXN0KG5leHQpKSB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB9XG4gICAgfVxuICB9Il19
|
|
@@ -774,7 +774,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
774
774
|
class TwoDigitDecimalNumberDirective {
|
|
775
775
|
constructor(el) {
|
|
776
776
|
this.el = el;
|
|
777
|
-
this.
|
|
777
|
+
this.decimalSeparator = ['.', ',']; // user can put . or , char.
|
|
778
778
|
// input also cannot start from , or .
|
|
779
779
|
this.specialKeys = ['Backspace', 'Tab', 'End', 'Home', '-', 'ArrowLeft', 'ArrowRight', 'Del', 'Delete'];
|
|
780
780
|
}
|
|
@@ -785,19 +785,22 @@ class TwoDigitDecimalNumberDirective {
|
|
|
785
785
|
const current = this.el.nativeElement.value;
|
|
786
786
|
const position = this.el.nativeElement.selectionStart;
|
|
787
787
|
const next = [current.slice(0, position), event.key == 'Decimal' ? '.' : event.key, current.slice(position)].join('');
|
|
788
|
-
|
|
788
|
+
const regex = new RegExp(`^\\d+[${this.decimalSeparator.join('')}]?\\d{0,2}$`, 'g');
|
|
789
|
+
if (next && !regex.test(next)) {
|
|
789
790
|
event.preventDefault();
|
|
790
791
|
}
|
|
791
792
|
}
|
|
792
793
|
}
|
|
793
794
|
TwoDigitDecimalNumberDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TwoDigitDecimalNumberDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
794
|
-
TwoDigitDecimalNumberDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.7", type: TwoDigitDecimalNumberDirective, selector: "[wacTwoDigitDecimalNumber]", host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0 });
|
|
795
|
+
TwoDigitDecimalNumberDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.7", type: TwoDigitDecimalNumberDirective, selector: "[wacTwoDigitDecimalNumber]", inputs: { decimalSeparator: "decimalSeparator" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0 });
|
|
795
796
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TwoDigitDecimalNumberDirective, decorators: [{
|
|
796
797
|
type: Directive,
|
|
797
798
|
args: [{
|
|
798
799
|
selector: '[wacTwoDigitDecimalNumber]',
|
|
799
800
|
}]
|
|
800
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: {
|
|
801
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { decimalSeparator: [{
|
|
802
|
+
type: Input
|
|
803
|
+
}], onKeyDown: [{
|
|
801
804
|
type: HostListener,
|
|
802
805
|
args: ['keydown', ['$event']]
|
|
803
806
|
}] } });
|