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