@softheon/armature 21.2.0 → 21.2.1

package/assets/styles/material-override/_tooltip.scss

@@ -41,7 +41,7 @@
 
 .mat-mdc-tooltip-panel-below {
   .mat-mdc-tooltip {
-    margin-top: 4px !important;
+    margin-top: 4px;
     &::after {
       bottom: 100%;
       left: calc(50% - 6px);
@@ -52,7 +52,7 @@
 
 .mat-mdc-tooltip-panel-above {
   .mat-mdc-tooltip {
-    margin-bottom: 4px !important;
+    margin-bottom: 4px;
     &::after {
       top: 100%;
       right: calc(50% - 6px);
@@ -63,7 +63,7 @@
 
 .mat-mdc-tooltip-panel-left {
   .mat-mdc-tooltip {
-    margin-right: 4px !important;
+    margin-right: 4px;
     &::after {
       left: 100%;
       top: calc(50% - 6px);
@@ -74,7 +74,7 @@
 
 .mat-mdc-tooltip-panel-right {
   .mat-mdc-tooltip {
-    margin-left: 4px !important;
+    margin-left: 4px;
     &::after {
       right: 100%;
       top: calc(50% - 6px);

package/fesm2022/softheon-armature.mjs

@@ -10915,6 +10915,10 @@ class TextOverflowEllipsisTooltipDirective {
          * @note If no tooltip text provided, will use the elements 'textContent'
         */
         this.tooltipText = "";
+        /** Custom classes for the tooltip */
+        this.tooltipClass = "";
+        /** Possible positions for a tooltip : "left" | "right" | "above" | "below" | "before" | "after" */
+        this.tooltipPosition = null;
         /** Is the element overflowing */
         this.isOverflowing = false;
     }
@@ -10945,8 +10949,11 @@ class TextOverflowEllipsisTooltipDirective {
         const el = this.elRef.nativeElement;
         this.isOverflowing = el.scrollWidth > el.clientWidth;
         if (this.isOverflowing) {
+            this.tooltip.tooltipClass = this.tooltipClass;
             this.tooltip.message = this.tooltipText.length ? this.tooltipText : el.textContent;
-            this.tooltip.position = 'above';
+            if (!!this.tooltipPosition) {
+                this.tooltip.position = this.tooltipPosition;
+            }
             this.tooltip.disabled = false;
         }
         else {
@@ -10964,7 +10971,7 @@ class TextOverflowEllipsisTooltipDirective {
         this.tooltip.hide();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TextOverflowEllipsisTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i1$6.MatTooltip }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: TextOverflowEllipsisTooltipDirective, isStandalone: true, selector: "[textOverflowEllipsisTooltip]", inputs: { tooltipText: ["textOverflowEllipsisTooltip", "tooltipText"] }, host: { listeners: { "mouseover": "onMouseOver()", "mouseleave": "onMouseLeave()" } }, providers: [MatTooltip], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: TextOverflowEllipsisTooltipDirective, isStandalone: true, selector: "[textOverflowEllipsisTooltip]", inputs: { tooltipText: ["textOverflowEllipsisTooltip", "tooltipText"], tooltipClass: ["ellipsisTooltipClass", "tooltipClass"], tooltipPosition: ["ellipsisTooltipPosition", "tooltipPosition"] }, host: { listeners: { "mouseover": "onMouseOver()", "mouseleave": "onMouseLeave()" } }, providers: [MatTooltip], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: TextOverflowEllipsisTooltipDirective, decorators: [{
             type: Directive,
@@ -10975,6 +10982,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$6.MatTooltip }, { type: i0.Renderer2 }, { type: i0.NgZone }], propDecorators: { tooltipText: [{
                 type: Input,
                 args: ['textOverflowEllipsisTooltip']
+            }], tooltipClass: [{
+                type: Input,
+                args: ['ellipsisTooltipClass']
+            }], tooltipPosition: [{
+                type: Input,
+                args: ['ellipsisTooltipPosition']
             }], onMouseOver: [{
                 type: HostListener,
                 args: ['mouseover']