@klippa/ngx-enhancy-forms 14.19.2 → 14.19.3

package/fesm2020/klippa-ngx-enhancy-forms.mjs

@@ -2369,10 +2369,11 @@ class WithTooltipDirective {
     constructor(el) {
         this.klpWithTooltip = 'orange';
         el.nativeElement.addEventListener('mouseenter', () => {
+            const textToDisplay = this.tooltipText || el.nativeElement.innerText.trim();
             if (!stringIsSetAndFilled(this.klpWithTooltip)) {
                 return;
             }
-            if (el.nativeElement.innerText.trim().length < 1) {
+            if (textToDisplay.length < 1) {
                 return;
             }
             if (el.nativeElement.offsetWidth >= el.nativeElement.scrollWidth) {
@@ -2396,7 +2397,7 @@ class WithTooltipDirective {
             this.div.style.padding = '0.3rem 0.5rem';
             this.div.style.boxSizing = 'border-box';
             this.div.style.borderRadius = '3px';
-            this.div.textContent = el.nativeElement.innerText;
+            this.div.textContent = textToDisplay;
             el.nativeElement.prepend(this.div);
             this.triangle = document.createElement('div');
             this.triangle.style.zIndex = '1';
@@ -2440,7 +2441,7 @@ class WithTooltipDirective {
     }
 }
 WithTooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WithTooltipDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-WithTooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.8", type: WithTooltipDirective, selector: "[klpWithTooltip]", inputs: { klpWithTooltip: "klpWithTooltip" }, ngImport: i0 });
+WithTooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.8", type: WithTooltipDirective, selector: "[klpWithTooltip]", inputs: { klpWithTooltip: "klpWithTooltip", tooltipText: "tooltipText" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: WithTooltipDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2448,6 +2449,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { klpWithTooltip: [{
                 type: Input
+            }], tooltipText: [{
+                type: Input
             }] } });
 
 class NgxEnhancyFormsModule {