@klippa/ngx-enhancy-forms 14.19.2 → 14.19.4

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

@@ -2369,14 +2369,22 @@ 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) {
-                return;
+            if (stringIsSetAndFilled(this.tooltipText)) {
+                if (this.tooltipText === el.nativeElement.innerText) {
+                    return;
+                }
+            }
+            else {
+                if (el.nativeElement.offsetWidth >= el.nativeElement.scrollWidth) {
+                    return;
+                }
             }
             if (getComputedStyle(el.nativeElement).position === 'static') {
                 el.nativeElement.style.position = 'relative';
@@ -2396,7 +2404,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 +2448,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 +2456,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 {