@wizishop/angular-components 14.4.2 → 14.4.3
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 -5
- package/fesm2015/wizishop-angular-components.mjs +7 -3
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +7 -3
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/directives/keyboard-events/two-digital-decimal-number.directive.d.ts +2 -1
- package/package.json +1 -1
- package/wizishop-angular-components-14.4.3.tgz +0 -0
- package/wizishop-angular-components-14.4.2.tgz +0 -0
|
@@ -1,8 +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.decimalSeparator = ['.', ','];
|
|
6
7
|
this.regex = new RegExp(/^\d+[.,]?\d{0,2}$/g); // user can put . or , char.
|
|
7
8
|
// input also cannot start from , or .
|
|
8
9
|
this.specialKeys = ['Backspace', 'Tab', 'End', 'Home', '-', 'ArrowLeft', 'ArrowRight', 'Del', 'Delete'];
|
|
@@ -14,20 +15,23 @@ export class TwoDigitDecimalNumberDirective {
|
|
|
14
15
|
const current = this.el.nativeElement.value;
|
|
15
16
|
const position = this.el.nativeElement.selectionStart;
|
|
16
17
|
const next = [current.slice(0, position), event.key == 'Decimal' ? '.' : event.key, current.slice(position)].join('');
|
|
17
|
-
|
|
18
|
+
const regex = new RegExp(`^\d+[${this.decimalSeparator.join('')}]?\d{0,2}$`, 'g');
|
|
19
|
+
if (next && !String(next).match(regex)) {
|
|
18
20
|
event.preventDefault();
|
|
19
21
|
}
|
|
20
22
|
}
|
|
21
23
|
}
|
|
22
24
|
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 });
|
|
25
|
+
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
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TwoDigitDecimalNumberDirective, decorators: [{
|
|
25
27
|
type: Directive,
|
|
26
28
|
args: [{
|
|
27
29
|
selector: '[wacTwoDigitDecimalNumber]',
|
|
28
30
|
}]
|
|
29
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: {
|
|
31
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { decimalSeparator: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], onKeyDown: [{
|
|
30
34
|
type: HostListener,
|
|
31
35
|
args: ['keydown', ['$event']]
|
|
32
36
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLWRpZ2l0YWwtZGVjaW1hbC1udW1iZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvZGlyZWN0aXZlcy9rZXlib2FyZC1ldmVudHMvdHdvLWRpZ2l0YWwtZGVjaW1hbC1udW1iZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFLekUsTUFBTSxPQUFPLDhCQUE4QjtJQU96QyxZQUFvQixFQUFjO1FBQWQsT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQUx6QixxQkFBZ0IsR0FBYSxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUN6QyxVQUFLLEdBQVcsSUFBSSxNQUFNLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFBLDRCQUE0QjtRQUN2RixzQ0FBc0M7UUFDNUIsZ0JBQVcsR0FBa0IsQ0FBQyxXQUFXLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBRzFILENBQUM7SUFHRCxTQUFTLENBQUMsS0FBb0I7UUFDNUIsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDeEMsT0FBTztTQUNSO1FBQ0QsTUFBTSxPQUFPLEdBQVcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDO1FBQ3BELE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLGNBQWMsQ0FBQztRQUN0RCxNQUFNLElBQUksR0FBVyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFFBQVEsQ0FBQyxFQUFFLEtBQUssQ0FBQyxHQUFHLElBQUksU0FBUyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUM5SCxNQUFNLEtBQUssR0FBRyxJQUFJLE1BQU0sQ0FBQyxRQUFRLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLFlBQVksRUFBRSxHQUFHLENBQUMsQ0FBQztRQUNsRixJQUFJLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDdEMsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQ3hCO0lBQ0gsQ0FBQzs7MkhBdEJVLDhCQUE4QjsrR0FBOUIsOEJBQThCOzJGQUE5Qiw4QkFBOEI7a0JBSDVDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLDRCQUE0QjtpQkFDdkM7aUdBR1UsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQVNOLFNBQVM7c0JBRFIsWUFBWTt1QkFBQyxTQUFTLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEhvc3RMaXN0ZW5lciwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1t3YWNUd29EaWdpdERlY2ltYWxOdW1iZXJdJyxcbiAgfSlcbiAgZXhwb3J0IGNsYXNzIFR3b0RpZ2l0RGVjaW1hbE51bWJlckRpcmVjdGl2ZSB7XG5cbiAgICBASW5wdXQoKSBkZWNpbWFsU2VwYXJhdG9yOiBzdHJpbmdbXSA9IFsnLicsICcsJ107XG4gICAgcHJpdmF0ZSByZWdleDogUmVnRXhwID0gbmV3IFJlZ0V4cCgvXlxcZCtbLixdP1xcZHswLDJ9JC9nKTsvLyB1c2VyIGNhbiBwdXQgLiBvciAsIGNoYXIuXG4gIC8vIGlucHV0IGFsc28gY2Fubm90IHN0YXJ0IGZyb20gLCBvciAuXG4gICAgcHJpdmF0ZSBzcGVjaWFsS2V5czogQXJyYXk8c3RyaW5nPiA9IFsnQmFja3NwYWNlJywgJ1RhYicsICdFbmQnLCAnSG9tZScsICctJywgJ0Fycm93TGVmdCcsICdBcnJvd1JpZ2h0JywgJ0RlbCcsICdEZWxldGUnXTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZWw6IEVsZW1lbnRSZWYpIHtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdrZXlkb3duJywgWyckZXZlbnQnXSlcbiAgICBvbktleURvd24oZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAgIGlmICh0aGlzLnNwZWNpYWxLZXlzLmluY2x1ZGVzKGV2ZW50LmtleSkpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgY29uc3QgY3VycmVudDogc3RyaW5nID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50LnZhbHVlO1xuICAgICAgY29uc3QgcG9zaXRpb24gPSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuc2VsZWN0aW9uU3RhcnQ7XG4gICAgICBjb25zdCBuZXh0OiBzdHJpbmcgPSBbY3VycmVudC5zbGljZSgwLCBwb3NpdGlvbiksIGV2ZW50LmtleSA9PSAnRGVjaW1hbCcgPyAnLicgOiBldmVudC5rZXksIGN1cnJlbnQuc2xpY2UocG9zaXRpb24pXS5qb2luKCcnKTtcbiAgICAgIGNvbnN0IHJlZ2V4ID0gbmV3IFJlZ0V4cChgXlxcZCtbJHt0aGlzLmRlY2ltYWxTZXBhcmF0b3Iuam9pbignJyl9XT9cXGR7MCwyfSRgLCAnZycpO1xuICAgICAgaWYgKG5leHQgJiYgIVN0cmluZyhuZXh0KS5tYXRjaChyZWdleCkpIHtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIH1cbiAgICB9XG4gIH0iXX0=
|
|
@@ -774,6 +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.decimalSeparator = ['.', ','];
|
|
777
778
|
this.regex = new RegExp(/^\d+[.,]?\d{0,2}$/g); // user can put . or , char.
|
|
778
779
|
// input also cannot start from , or .
|
|
779
780
|
this.specialKeys = ['Backspace', 'Tab', 'End', 'Home', '-', 'ArrowLeft', 'ArrowRight', 'Del', 'Delete'];
|
|
@@ -785,19 +786,22 @@ class TwoDigitDecimalNumberDirective {
|
|
|
785
786
|
const current = this.el.nativeElement.value;
|
|
786
787
|
const position = this.el.nativeElement.selectionStart;
|
|
787
788
|
const next = [current.slice(0, position), event.key == 'Decimal' ? '.' : event.key, current.slice(position)].join('');
|
|
788
|
-
|
|
789
|
+
const regex = new RegExp(`^\d+[${this.decimalSeparator.join('')}]?\d{0,2}$`, 'g');
|
|
790
|
+
if (next && !String(next).match(regex)) {
|
|
789
791
|
event.preventDefault();
|
|
790
792
|
}
|
|
791
793
|
}
|
|
792
794
|
}
|
|
793
795
|
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 });
|
|
796
|
+
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
797
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TwoDigitDecimalNumberDirective, decorators: [{
|
|
796
798
|
type: Directive,
|
|
797
799
|
args: [{
|
|
798
800
|
selector: '[wacTwoDigitDecimalNumber]',
|
|
799
801
|
}]
|
|
800
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: {
|
|
802
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { decimalSeparator: [{
|
|
803
|
+
type: Input
|
|
804
|
+
}], onKeyDown: [{
|
|
801
805
|
type: HostListener,
|
|
802
806
|
args: ['keydown', ['$event']]
|
|
803
807
|
}] } });
|