@softheon/armature 19.11.1 → 19.12.0

package/lib/directives/text-overflow-ellipsis-tooltip.directive.d.ts

@@ -0,0 +1,59 @@
+import { AfterViewInit, ElementRef, NgZone, OnDestroy, Renderer2 } from '@angular/core';
+import { MatTooltip } from '@angular/material/tooltip';
+import * as i0 from "@angular/core";
+/**
+ * Text Overflow Ellipsis Tooltip Directive
+ * @description Using this directive will add the following css to the host element -
+ * - width: 100%
+ * - overflow: hidden
+ * - white-space: nowrap
+ * - text-overflow: ellipsis
+
+ * Will apply a [matTooltip] with the provided input text to the host element if the overflow ellipsis is showing
+ * @example
+ * ```html
+ * <p textOverflowEllipsisTooltip>{{this.text}}</p>
+
+ * <p [textOverflowEllipsisTooltip]="'Optional tooltip text'">{{this.text}}</p>
+ * ```
+
+ * @note If no tooltip text provided, will use the elements 'textContent'
+*/
+export declare class TextOverflowEllipsisTooltipDirective implements AfterViewInit, OnDestroy {
+    private elRef;
+    private tooltip;
+    private renderer;
+    private zone;
+    /**
+     * The tooltip test to display, optional
+     * @note If no tooltip text provided, will use the elements 'textContent'
+    */
+    tooltipText: string;
+    /** Is the element overflowing */
+    private isOverflowing;
+    /** The resize observer */
+    private resizeObserver;
+    /**
+     * Directive constructor
+     * @param elRef A wrapper around a native element inside of a View
+     * @param tooltip Directive that attaches a material design tooltip to the host element
+     * @param renderer Extend this base class to implement custom rendering
+     * @param zone An injectable service for executing work inside or outside of the Angular zone
+    */
+    constructor(elRef: ElementRef<HTMLElement>, tooltip: MatTooltip, renderer: Renderer2, zone: NgZone);
+    /**
+     * Add the element styles,
+     * register the resize observer outside ng zone
+    */
+    ngAfterViewInit(): void;
+    /** Disconnect the resize observer */
+    ngOnDestroy(): void;
+    /** Update the tooltip if the element is overflowing */
+    private updateTooltip;
+    /** Show the tooltip on mouseover */
+    onMouseOver(): void;
+    /** Show the tooltip on mouseover */
+    onMouseLeave(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextOverflowEllipsisTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextOverflowEllipsisTooltipDirective, "[textOverflowEllipsisTooltip]", never, { "tooltipText": { "alias": "textOverflowEllipsisTooltip"; "required": false; }; }, {}, never, never, true, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softheon/armature",
-  "version": "19.11.1",
+  "version": "19.12.0",
   "dependencies": {
     "tslib": "^2.5.0"
   },

package/public-api.d.ts

@@ -50,6 +50,7 @@ export * from './lib/rbac/services/tokens';
 export { Snackbar } from './lib/snackbar/snackbar';
 export * from './lib/snackbar/snackbar.service';
 export * from './lib/snackbar/sof-snackbar/sof-snackbar.component';
+export * from './lib/directives/text-overflow-ellipsis-tooltip.directive';
 export * from './lib/mfe/mfe.module';
 export * from './lib/mfe/services/entity-helper.service';
 export * from './lib/mfe/components/entity-base/entity-base.component';