@sumaris-net/ngx-components 18.6.45-alpha5 → 18.6.45-alpha7
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.
|
@@ -14,7 +14,10 @@ export class AutoResizeDirective {
|
|
|
14
14
|
const textarea = this.element.nativeElement;
|
|
15
15
|
const computedStyle = window.getComputedStyle(textarea);
|
|
16
16
|
this._lineHeight = toNumber(+computedStyle.lineHeight?.replace(/px/g, ''), toNumber(+computedStyle.fontSize?.replace(/px$/g, ''), 12));
|
|
17
|
-
|
|
17
|
+
textarea.style.height = 'auto';
|
|
18
|
+
if (this.maxRows) {
|
|
19
|
+
textarea.style.maxHeight = this.maxRows * this._lineHeight + 'px';
|
|
20
|
+
}
|
|
18
21
|
}
|
|
19
22
|
onInput() {
|
|
20
23
|
this.autoResizeTextarea();
|
|
@@ -22,15 +25,10 @@ export class AutoResizeDirective {
|
|
|
22
25
|
autoResizeTextarea() {
|
|
23
26
|
const textarea = this.element.nativeElement;
|
|
24
27
|
console.log('[autoResizeTextarea] Resizing textarea', textarea);
|
|
25
|
-
// Réinitialiser la hauteur pour obtenir la hauteur correcte du contenu
|
|
26
|
-
textarea.style.height = 'auto';
|
|
27
|
-
// Calculer les limites en pixels
|
|
28
28
|
const minHeight = this.minRows ? this.minRows * this._lineHeight : 0;
|
|
29
29
|
const maxHeight = this.maxRows ? this.maxRows * this._lineHeight : Infinity;
|
|
30
|
-
// Calculer la nouvelle hauteur en respectant les limites
|
|
31
30
|
const newHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);
|
|
32
31
|
textarea.style.height = `${newHeight}px`;
|
|
33
|
-
// Ajouter une barre de défilement si le contenu dépasse maxRows
|
|
34
32
|
textarea.style.overflowY = textarea.scrollHeight > maxHeight ? 'auto' : 'hidden';
|
|
35
33
|
}
|
|
36
34
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AutoResizeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
@@ -51,4 +49,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
51
49
|
type: HostListener,
|
|
52
50
|
args: ['input']
|
|
53
51
|
}] } });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b3Jlc2l6ZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL3NoYXJlZC9kaXJlY3RpdmVzL2F1dG9yZXNpemUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQUUsZUFBZSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNHLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxjQUFjLENBQUM7O0FBS3hDLE1BQU0sT0FBTyxtQkFBbUI7SUFTVDtJQVJiLFdBQVcsQ0FBUztJQUc1QixPQUFPLENBQVM7SUFHaEIsT0FBTyxDQUFTO0lBRWhCLFlBQXFCLE9BQXdDO1FBQXhDLFlBQU8sR0FBUCxPQUFPLENBQWlDO0lBQUcsQ0FBQztJQUVqRSxlQUFlO1FBQ2Isa0NBQWtDO1FBQ2xDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDO1FBQzVDLE1BQU0sYUFBYSxHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN4RCxJQUFJLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxVQUFVLEVBQUUsT0FBTyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsRUFBRSxRQUFRLENBQUMsQ0FBQyxhQUFhLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUN2SSxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7UUFDL0IsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDakIsUUFBUSxDQUFDLEtBQUssQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztRQUNwRSxDQUFDO0lBQ0gsQ0FBQztJQUVzQixPQUFPO1FBQzVCLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFTyxrQkFBa0I7UUFDeEIsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUM7UUFDNUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyx3Q0FBd0MsRUFBRSxRQUFRLENBQUMsQ0FBQztRQUVoRSxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNyRSxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQztRQUM1RSxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLFlBQVksRUFBRSxTQUFTLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQztRQUVsRixRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxHQUFHLFNBQVMsSUFBSSxDQUFDO1FBRXpDLFFBQVEsQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQyxZQUFZLEdBQUcsU0FBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQztJQUNuRixDQUFDO3dHQXJDVSxtQkFBbUI7NEZBQW5CLG1CQUFtQixvR0FHbUIsZUFBZSw4Q0FHZixlQUFlOzs0RkFOckQsbUJBQW1CO2tCQUgvQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQ0FBaUM7aUJBQzVDOytFQUtDLE9BQU87c0JBRE4sS0FBSzt1QkFBQyxFQUFFLEtBQUssRUFBRSxvQkFBb0IsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFO2dCQUlsRSxPQUFPO3NCQUROLEtBQUs7dUJBQUMsRUFBRSxLQUFLLEVBQUUsb0JBQW9CLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRTtnQkFnQjNDLE9BQU87c0JBQTdCLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSG9zdExpc3RlbmVyLCBJbnB1dCwgbnVtYmVyQXR0cmlidXRlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyB0b051bWJlciB9IGZyb20gJy4uL2Z1bmN0aW9ucyc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ3RleHRhcmVhW2FwcFRleHRhcmVhQXV0b1Jlc2l6ZV0nLFxufSlcbmV4cG9ydCBjbGFzcyBBdXRvUmVzaXplRGlyZWN0aXZlIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIHByaXZhdGUgX2xpbmVIZWlnaHQ6IG51bWJlcjtcblxuICBASW5wdXQoeyBhbGlhczogJ2FwcEF1dG9zaXplTWF4Um93cycsIHRyYW5zZm9ybTogbnVtYmVyQXR0cmlidXRlIH0pXG4gIG1heFJvd3M6IG51bWJlcjtcblxuICBASW5wdXQoeyBhbGlhczogJ2FwcEF1dG9zaXplTWluUm93cycsIHRyYW5zZm9ybTogbnVtYmVyQXR0cmlidXRlIH0pXG4gIG1pblJvd3M6IG51bWJlcjtcblxuICBjb25zdHJ1Y3RvcihyZWFkb25seSBlbGVtZW50OiBFbGVtZW50UmVmPEhUTUxUZXh0QXJlYUVsZW1lbnQ+KSB7fVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICAvLyBDYWxjdWxlciBsYSBoYXV0ZXVyIGQndW5lIGxpZ25lXG4gICAgY29uc3QgdGV4dGFyZWEgPSB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudDtcbiAgICBjb25zdCBjb21wdXRlZFN0eWxlID0gd2luZG93LmdldENvbXB1dGVkU3R5bGUodGV4dGFyZWEpO1xuICAgIHRoaXMuX2xpbmVIZWlnaHQgPSB0b051bWJlcigrY29tcHV0ZWRTdHlsZS5saW5lSGVpZ2h0Py5yZXBsYWNlKC9weC9nLCAnJyksIHRvTnVtYmVyKCtjb21wdXRlZFN0eWxlLmZvbnRTaXplPy5yZXBsYWNlKC9weCQvZywgJycpLCAxMikpO1xuICAgIHRleHRhcmVhLnN0eWxlLmhlaWdodCA9ICdhdXRvJztcbiAgICBpZiAodGhpcy5tYXhSb3dzKSB7XG4gICAgICB0ZXh0YXJlYS5zdHlsZS5tYXhIZWlnaHQgPSB0aGlzLm1heFJvd3MgKiB0aGlzLl9saW5lSGVpZ2h0ICsgJ3B4JztcbiAgICB9XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdpbnB1dCcpIG9uSW5wdXQoKSB7XG4gICAgdGhpcy5hdXRvUmVzaXplVGV4dGFyZWEoKTtcbiAgfVxuXG4gIHByaXZhdGUgYXV0b1Jlc2l6ZVRleHRhcmVhKCkge1xuICAgIGNvbnN0IHRleHRhcmVhID0gdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQ7XG4gICAgY29uc29sZS5sb2coJ1thdXRvUmVzaXplVGV4dGFyZWFdIFJlc2l6aW5nIHRleHRhcmVhJywgdGV4dGFyZWEpO1xuXG4gICAgY29uc3QgbWluSGVpZ2h0ID0gdGhpcy5taW5Sb3dzID8gdGhpcy5taW5Sb3dzICogdGhpcy5fbGluZUhlaWdodCA6IDA7XG4gICAgY29uc3QgbWF4SGVpZ2h0ID0gdGhpcy5tYXhSb3dzID8gdGhpcy5tYXhSb3dzICogdGhpcy5fbGluZUhlaWdodCA6IEluZmluaXR5O1xuICAgIGNvbnN0IG5ld0hlaWdodCA9IE1hdGgubWluKE1hdGgubWF4KHRleHRhcmVhLnNjcm9sbEhlaWdodCwgbWluSGVpZ2h0KSwgbWF4SGVpZ2h0KTtcblxuICAgIHRleHRhcmVhLnN0eWxlLmhlaWdodCA9IGAke25ld0hlaWdodH1weGA7XG5cbiAgICB0ZXh0YXJlYS5zdHlsZS5vdmVyZmxvd1kgPSB0ZXh0YXJlYS5zY3JvbGxIZWlnaHQgPiBtYXhIZWlnaHQgPyAnYXV0bycgOiAnaGlkZGVuJztcbiAgfVxufVxuIl19
|
|
@@ -6190,7 +6190,10 @@ class AutoResizeDirective {
|
|
|
6190
6190
|
const textarea = this.element.nativeElement;
|
|
6191
6191
|
const computedStyle = window.getComputedStyle(textarea);
|
|
6192
6192
|
this._lineHeight = toNumber(+computedStyle.lineHeight?.replace(/px/g, ''), toNumber(+computedStyle.fontSize?.replace(/px$/g, ''), 12));
|
|
6193
|
-
|
|
6193
|
+
textarea.style.height = 'auto';
|
|
6194
|
+
if (this.maxRows) {
|
|
6195
|
+
textarea.style.maxHeight = this.maxRows * this._lineHeight + 'px';
|
|
6196
|
+
}
|
|
6194
6197
|
}
|
|
6195
6198
|
onInput() {
|
|
6196
6199
|
this.autoResizeTextarea();
|
|
@@ -6198,15 +6201,10 @@ class AutoResizeDirective {
|
|
|
6198
6201
|
autoResizeTextarea() {
|
|
6199
6202
|
const textarea = this.element.nativeElement;
|
|
6200
6203
|
console.log('[autoResizeTextarea] Resizing textarea', textarea);
|
|
6201
|
-
// Réinitialiser la hauteur pour obtenir la hauteur correcte du contenu
|
|
6202
|
-
textarea.style.height = 'auto';
|
|
6203
|
-
// Calculer les limites en pixels
|
|
6204
6204
|
const minHeight = this.minRows ? this.minRows * this._lineHeight : 0;
|
|
6205
6205
|
const maxHeight = this.maxRows ? this.maxRows * this._lineHeight : Infinity;
|
|
6206
|
-
// Calculer la nouvelle hauteur en respectant les limites
|
|
6207
6206
|
const newHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);
|
|
6208
6207
|
textarea.style.height = `${newHeight}px`;
|
|
6209
|
-
// Ajouter une barre de défilement si le contenu dépasse maxRows
|
|
6210
6208
|
textarea.style.overflowY = textarea.scrollHeight > maxHeight ? 'auto' : 'hidden';
|
|
6211
6209
|
}
|
|
6212
6210
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AutoResizeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|