@pepperi-addons/ngx-lib 0.4.2-beta.317 → 0.4.2-beta.318
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/core/common/directives/auto-width.directive.d.ts +2 -0
- package/esm2020/core/common/directives/auto-width.directive.mjs +17 -9
- package/fesm2015/pepperi-addons-ngx-lib.mjs +17 -8
- package/fesm2015/pepperi-addons-ngx-lib.mjs.map +1 -1
- package/fesm2020/pepperi-addons-ngx-lib.mjs +16 -8
- package/fesm2020/pepperi-addons-ngx-lib.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -5,6 +5,8 @@ export declare class PepInputAutoWidthDirective implements AfterViewInit, OnDest
|
|
|
5
5
|
private el;
|
|
6
6
|
includePadding: boolean;
|
|
7
7
|
private input;
|
|
8
|
+
private onBlurHandler;
|
|
9
|
+
private onKeyupHandler;
|
|
8
10
|
constructor(renderer: Renderer2, el: ElementRef);
|
|
9
11
|
ngAfterViewInit(): void;
|
|
10
12
|
ngOnDestroy(): void;
|
|
@@ -6,24 +6,32 @@ export class PepInputAutoWidthDirective {
|
|
|
6
6
|
this.el = el;
|
|
7
7
|
this.includePadding = true;
|
|
8
8
|
this.input = null;
|
|
9
|
+
this.onBlurHandler = () => this.setWidthUsingText();
|
|
10
|
+
this.onKeyupHandler = () => this.setWidthUsingText();
|
|
9
11
|
}
|
|
10
12
|
ngAfterViewInit() {
|
|
11
|
-
if (this.el.nativeElement
|
|
12
|
-
this.input = this.el;
|
|
13
|
+
if (this.el.nativeElement?.tagName?.toLowerCase() === 'input') {
|
|
14
|
+
this.input = this.el.nativeElement;
|
|
13
15
|
}
|
|
14
16
|
else {
|
|
15
|
-
const list = this.el.nativeElement
|
|
16
|
-
|
|
17
|
+
const list = this.el.nativeElement?.querySelectorAll
|
|
18
|
+
? this.el.nativeElement.querySelectorAll('input')
|
|
19
|
+
: null;
|
|
20
|
+
this.input = list && list.length > 0 ? list[0] : null;
|
|
17
21
|
}
|
|
18
22
|
if (this.input) {
|
|
19
|
-
this.input.addEventListener('blur', this.
|
|
20
|
-
this.input.addEventListener('keyup', this.
|
|
23
|
+
this.input.addEventListener('blur', this.onBlurHandler);
|
|
24
|
+
this.input.addEventListener('keyup', this.onKeyupHandler);
|
|
21
25
|
}
|
|
22
26
|
this.setWidthUsingText();
|
|
23
27
|
}
|
|
24
28
|
ngOnDestroy() {
|
|
25
|
-
this.input
|
|
26
|
-
|
|
29
|
+
if (!this.input) {
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
this.input.removeEventListener('blur', this.onBlurHandler);
|
|
33
|
+
this.input.removeEventListener('keyup', this.onKeyupHandler);
|
|
34
|
+
this.input = null;
|
|
27
35
|
}
|
|
28
36
|
get paddingWidth() {
|
|
29
37
|
return this.includePadding
|
|
@@ -74,4 +82,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
|
|
|
74
82
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { includePadding: [{
|
|
75
83
|
type: Input
|
|
76
84
|
}] } });
|
|
77
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
85
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0by13aWR0aC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL3NyYy9jb3JlL2NvbW1vbi9kaXJlY3RpdmVzL2F1dG8td2lkdGguZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCxTQUFTLEVBRVQsS0FBSyxHQUdSLE1BQU0sZUFBZSxDQUFDOztBQUt2QixNQUFNLE9BQU8sMEJBQTBCO0lBT25DLFlBQW9CLFFBQW1CLEVBQVUsRUFBYztRQUEzQyxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQVUsT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQU50RCxtQkFBYyxHQUFHLElBQUksQ0FBQztRQUV2QixVQUFLLEdBQTRCLElBQUksQ0FBQztRQUN0QyxrQkFBYSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQy9DLG1CQUFjLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFFVSxDQUFDO0lBRW5FLGVBQWU7UUFDWCxJQUFJLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsS0FBSyxPQUFPLEVBQUU7WUFDM0QsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWlDLENBQUM7U0FDMUQ7YUFBTTtZQUNILE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxFQUFFLGdCQUFnQjtnQkFDaEQsQ0FBQyxDQUFFLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sQ0FBa0M7Z0JBQ25GLENBQUMsQ0FBQyxJQUFJLENBQUM7WUFDWCxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksSUFBSSxJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7U0FDekQ7UUFFRCxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDWixJQUFJLENBQUMsS0FBSyxDQUFDLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDeEQsSUFBSSxDQUFDLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1NBQzdEO1FBRUQsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNiLE9BQU87U0FDVjtRQUVELElBQUksQ0FBQyxLQUFLLENBQUMsbUJBQW1CLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUMzRCxJQUFJLENBQUMsS0FBSyxDQUFDLG1CQUFtQixDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDN0QsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7SUFDdEIsQ0FBQztJQUVELElBQUksWUFBWTtRQUNaLE9BQU8sSUFBSSxDQUFDLGNBQWM7WUFDdEIsQ0FBQyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLGNBQWMsRUFBRSxlQUFlLENBQUMsQ0FBQztZQUM1RCxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ1osQ0FBQztJQUVELElBQUksS0FBSztRQUNMLE9BQU8sZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBRUQsUUFBUSxDQUFDLEtBQWE7UUFDbEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxHQUFHLElBQUksQ0FBQyxDQUFDO0lBQzlELENBQUM7SUFFRCxpQkFBaUI7UUFDYixJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDWixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQztZQUM5QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1NBQzNEO0lBQ0wsQ0FBQztJQUVPLGtCQUFrQixDQUFDLFVBQW9CO1FBQzNDLE9BQU8sVUFBVTthQUNaLEdBQUcsQ0FBQyxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQ2QsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQ3REO2FBQ0EsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRU8sU0FBUyxDQUFDLEtBQWE7UUFDM0IsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ25FLE1BQU0sRUFDRixTQUFTLEVBQ1QsV0FBVyxFQUNYLFVBQVUsRUFDVixRQUFRLEVBQ1IsVUFBVSxHQUNiLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUVmLHdGQUF3RjtRQUN4RixHQUFHLENBQUMsSUFBSTtZQUNKLFNBQVM7Z0JBQ1QsR0FBRztnQkFDSCxXQUFXO2dCQUNYLEdBQUc7Z0JBQ0gsVUFBVTtnQkFDVixHQUFHO2dCQUNILFFBQVE7Z0JBQ1IsR0FBRztnQkFDSCxVQUFVLENBQUM7UUFDZixPQUFPLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNsRCxDQUFDOzt1SEF4RlEsMEJBQTBCOzJHQUExQiwwQkFBMEI7MkZBQTFCLDBCQUEwQjtrQkFIdEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZ0JBQWdCO2lCQUM3Qjt5SEFFWSxjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBBZnRlclZpZXdJbml0LFxuICAgIERpcmVjdGl2ZSxcbiAgICBFbGVtZW50UmVmLFxuICAgIElucHV0LFxuICAgIE9uRGVzdHJveSxcbiAgICBSZW5kZXJlcjIsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1twZXBBdXRvV2lkdGhdJyxcbn0pXG5leHBvcnQgY2xhc3MgUGVwSW5wdXRBdXRvV2lkdGhEaXJlY3RpdmUgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuICAgIEBJbnB1dCgpIGluY2x1ZGVQYWRkaW5nID0gdHJ1ZTtcblxuICAgIHByaXZhdGUgaW5wdXQ6IEhUTUxJbnB1dEVsZW1lbnQgfCBudWxsID0gbnVsbDtcbiAgICBwcml2YXRlIG9uQmx1ckhhbmRsZXIgPSAoKSA9PiB0aGlzLnNldFdpZHRoVXNpbmdUZXh0KCk7XG4gICAgcHJpdmF0ZSBvbktleXVwSGFuZGxlciA9ICgpID0+IHRoaXMuc2V0V2lkdGhVc2luZ1RleHQoKTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMiwgcHJpdmF0ZSBlbDogRWxlbWVudFJlZikge31cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuZWwubmF0aXZlRWxlbWVudD8udGFnTmFtZT8udG9Mb3dlckNhc2UoKSA9PT0gJ2lucHV0Jykge1xuICAgICAgICAgICAgdGhpcy5pbnB1dCA9IHRoaXMuZWwubmF0aXZlRWxlbWVudCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgY29uc3QgbGlzdCA9IHRoaXMuZWwubmF0aXZlRWxlbWVudD8ucXVlcnlTZWxlY3RvckFsbFxuICAgICAgICAgICAgICAgID8gKHRoaXMuZWwubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yQWxsKCdpbnB1dCcpIGFzIE5vZGVMaXN0T2Y8SFRNTElucHV0RWxlbWVudD4pXG4gICAgICAgICAgICAgICAgOiBudWxsO1xuICAgICAgICAgICAgdGhpcy5pbnB1dCA9IGxpc3QgJiYgbGlzdC5sZW5ndGggPiAwID8gbGlzdFswXSA6IG51bGw7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5pbnB1dCkge1xuICAgICAgICAgICAgdGhpcy5pbnB1dC5hZGRFdmVudExpc3RlbmVyKCdibHVyJywgdGhpcy5vbkJsdXJIYW5kbGVyKTtcbiAgICAgICAgICAgIHRoaXMuaW5wdXQuYWRkRXZlbnRMaXN0ZW5lcigna2V5dXAnLCB0aGlzLm9uS2V5dXBIYW5kbGVyKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuc2V0V2lkdGhVc2luZ1RleHQoKTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpIHtcbiAgICAgICAgaWYgKCF0aGlzLmlucHV0KSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLmlucHV0LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2JsdXInLCB0aGlzLm9uQmx1ckhhbmRsZXIpO1xuICAgICAgICB0aGlzLmlucHV0LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleXVwJywgdGhpcy5vbktleXVwSGFuZGxlcik7XG4gICAgICAgIHRoaXMuaW5wdXQgPSBudWxsO1xuICAgIH1cblxuICAgIGdldCBwYWRkaW5nV2lkdGgoKTogbnVtYmVyIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaW5jbHVkZVBhZGRpbmdcbiAgICAgICAgICAgID8gdGhpcy5fc3VtUHJvcGVydHlWYWx1ZXMoWydwYWRkaW5nLWxlZnQnLCAncGFkZGluZy1yaWdodCddKVxuICAgICAgICAgICAgOiAwO1xuICAgIH1cblxuICAgIGdldCBzdHlsZSgpIHtcbiAgICAgICAgcmV0dXJuIGdldENvbXB1dGVkU3R5bGUodGhpcy5pbnB1dCwgJycpO1xuICAgIH1cblxuICAgIHNldFdpZHRoKHdpZHRoOiBudW1iZXIpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmlucHV0LCAnd2lkdGgnLCB3aWR0aCArICdweCcpO1xuICAgIH1cblxuICAgIHNldFdpZHRoVXNpbmdUZXh0KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5pbnB1dCkge1xuICAgICAgICAgICAgY29uc3QgdGV4dCA9IHRoaXMuaW5wdXQudmFsdWU7XG4gICAgICAgICAgICB0aGlzLnNldFdpZHRoKHRoaXMudGV4dFdpZHRoKHRleHQpICsgdGhpcy5wYWRkaW5nV2lkdGgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfc3VtUHJvcGVydHlWYWx1ZXMocHJvcGVydGllczogc3RyaW5nW10pOiBudW1iZXIge1xuICAgICAgICByZXR1cm4gcHJvcGVydGllc1xuICAgICAgICAgICAgLm1hcCgocHJvcGVydHkpID0+XG4gICAgICAgICAgICAgICAgcGFyc2VJbnQodGhpcy5zdHlsZS5nZXRQcm9wZXJ0eVZhbHVlKHByb3BlcnR5KSwgMTApXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAucmVkdWNlKChhLCBiKSA9PiBhICsgYiwgMCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSB0ZXh0V2lkdGgodmFsdWU6IHN0cmluZyk6IG51bWJlciB7XG4gICAgICAgIGNvbnN0IGN0eCA9IHRoaXMucmVuZGVyZXIuY3JlYXRlRWxlbWVudCgnY2FudmFzJykuZ2V0Q29udGV4dCgnMmQnKTtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgZm9udFN0eWxlLFxuICAgICAgICAgICAgZm9udFZhcmlhbnQsXG4gICAgICAgICAgICBmb250V2VpZ2h0LFxuICAgICAgICAgICAgZm9udFNpemUsXG4gICAgICAgICAgICBmb250RmFtaWx5LFxuICAgICAgICB9ID0gdGhpcy5zdHlsZTtcblxuICAgICAgICAvLyBmb250IHN0cmluZyBmb3JtYXQ6IHtub3JtYWwsIG5vcm1hbCwgNzAwLCAyMHB4LCBSb2JvdG8sIFwiSGVsdmV0aWNhIE5ldWVcIiwgc2Fucy1zZXJpZn1cbiAgICAgICAgY3R4LmZvbnQgPVxuICAgICAgICAgICAgZm9udFN0eWxlICtcbiAgICAgICAgICAgICcgJyArXG4gICAgICAgICAgICBmb250VmFyaWFudCArXG4gICAgICAgICAgICAnICcgK1xuICAgICAgICAgICAgZm9udFdlaWdodCArXG4gICAgICAgICAgICAnICcgK1xuICAgICAgICAgICAgZm9udFNpemUgK1xuICAgICAgICAgICAgJyAnICtcbiAgICAgICAgICAgIGZvbnRGYW1pbHk7XG4gICAgICAgIHJldHVybiBjdHggPyBjdHgubWVhc3VyZVRleHQodmFsdWUpLndpZHRoIDogMDtcbiAgICB9XG59XG4iXX0=
|
|
@@ -906,24 +906,33 @@ class PepInputAutoWidthDirective {
|
|
|
906
906
|
this.el = el;
|
|
907
907
|
this.includePadding = true;
|
|
908
908
|
this.input = null;
|
|
909
|
+
this.onBlurHandler = () => this.setWidthUsingText();
|
|
910
|
+
this.onKeyupHandler = () => this.setWidthUsingText();
|
|
909
911
|
}
|
|
910
912
|
ngAfterViewInit() {
|
|
911
|
-
|
|
912
|
-
|
|
913
|
+
var _a, _b, _c;
|
|
914
|
+
if (((_b = (_a = this.el.nativeElement) === null || _a === void 0 ? void 0 : _a.tagName) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'input') {
|
|
915
|
+
this.input = this.el.nativeElement;
|
|
913
916
|
}
|
|
914
917
|
else {
|
|
915
|
-
const list = this.el.nativeElement.querySelectorAll
|
|
916
|
-
|
|
918
|
+
const list = ((_c = this.el.nativeElement) === null || _c === void 0 ? void 0 : _c.querySelectorAll)
|
|
919
|
+
? this.el.nativeElement.querySelectorAll('input')
|
|
920
|
+
: null;
|
|
921
|
+
this.input = list && list.length > 0 ? list[0] : null;
|
|
917
922
|
}
|
|
918
923
|
if (this.input) {
|
|
919
|
-
this.input.addEventListener('blur', this.
|
|
920
|
-
this.input.addEventListener('keyup', this.
|
|
924
|
+
this.input.addEventListener('blur', this.onBlurHandler);
|
|
925
|
+
this.input.addEventListener('keyup', this.onKeyupHandler);
|
|
921
926
|
}
|
|
922
927
|
this.setWidthUsingText();
|
|
923
928
|
}
|
|
924
929
|
ngOnDestroy() {
|
|
925
|
-
this.input
|
|
926
|
-
|
|
930
|
+
if (!this.input) {
|
|
931
|
+
return;
|
|
932
|
+
}
|
|
933
|
+
this.input.removeEventListener('blur', this.onBlurHandler);
|
|
934
|
+
this.input.removeEventListener('keyup', this.onKeyupHandler);
|
|
935
|
+
this.input = null;
|
|
927
936
|
}
|
|
928
937
|
get paddingWidth() {
|
|
929
938
|
return this.includePadding
|