@annalib/anna-core 22.0.12 → 22.0.14

package/esm2020/lib/anna-core-shared-lib/directives/show-ellipsis-text/show-ellipsis-text.directive.mjs

@@ -5,21 +5,23 @@ export class showEllipsisTextOnHoverDirective {
         this.elementRef = elementRef;
     }
     onMouseEnter() {
-        const element = this.elementRef.nativeElement;
-        if (element.offsetWidth < element.scrollWidth || this.checkRanges(element)) {
-            element.title = (element.textContent == "") ? element.value : element.textContent;
+        let domElement = this.elementRef.nativeElement;
+        if (domElement.offsetWidth < domElement.scrollWidth || this.checkPositionsInDecimals(domElement)) {
+            domElement.title = (domElement.textContent == "") ? domElement.value : domElement.textContent;
         }
-        else if (element.title)
-            element.removeAttribute('title');
+        else if (domElement.title)
+            domElement.removeAttribute('title');
     }
-    checkRanges(el) {
-        const range = new Range();
-        range.selectNodeContents(el);
-        const range_rect = range.getBoundingClientRect();
-        const el_rect = el.getBoundingClientRect();
-        let paddingOnRight = window.getComputedStyle(el).paddingRight;
+    checkPositionsInDecimals(domElement) {
+        // if we don't have any children element Then we can't calculate and compare anything so we are returning false from here
+        if (!domElement.children || (domElement.children && domElement.children.length == 0))
+            return false;
+        let elementRect = domElement.getBoundingClientRect();
+        let childRect = domElement.children[0].getBoundingClientRect();
+        let paddingOnRight = window.getComputedStyle(domElement).paddingRight;
         let padding = +(paddingOnRight.endsWith("px") ? paddingOnRight.slice(0, -2) : paddingOnRight);
-        return (range_rect.right + padding) > el_rect.right;
+        // If overflow happens then Child element's right side position will be greater than container element's right side position.
+        return (childRect.right + padding) > elementRect.right;
     }
 }
 showEllipsisTextOnHoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: showEllipsisTextOnHoverDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
@@ -33,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: HostListener,
                 args: ['mouseenter']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hvdy1lbGxpcHNpcy10ZXh0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FubmEtY29yZS9zcmMvbGliL2FubmEtY29yZS1zaGFyZWQtbGliL2RpcmVjdGl2ZXMvc2hvdy1lbGxpcHNpcy10ZXh0L3Nob3ctZWxsaXBzaXMtdGV4dC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU1wRSxNQUFNLE9BQU8sZ0NBQWdDO0lBRTNDLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7SUFBRyxDQUFDO0lBRzlDLFlBQVk7UUFDUixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztRQUM5QyxJQUFJLE9BQU8sQ0FBQyxXQUFXLEdBQUcsT0FBTyxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxFQUFFO1lBQzFFLE9BQU8sQ0FBQyxLQUFLLEdBQUcsQ0FBQyxPQUFPLENBQUMsV0FBVyxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDO1NBQ25GO2FBQ0ksSUFBSSxPQUFPLENBQUMsS0FBSztZQUFFLE9BQU8sQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDN0QsQ0FBQztJQUVELFdBQVcsQ0FBRSxFQUFXO1FBQ3RCLE1BQU0sS0FBSyxHQUFHLElBQUksS0FBSyxFQUFFLENBQUM7UUFDMUIsS0FBSyxDQUFDLGtCQUFrQixDQUFFLEVBQUUsQ0FBRSxDQUFDO1FBRS9CLE1BQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQ2pELE1BQU0sT0FBTyxHQUFHLEVBQUUsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQzNDLElBQUksY0FBYyxHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFFLENBQUMsQ0FBQyxZQUFZLENBQUM7UUFDOUQsSUFBSSxPQUFPLEdBQUcsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUEsQ0FBQyxDQUFBLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUEsQ0FBQyxDQUFBLGNBQWMsQ0FBQyxDQUFDO1FBQzFGLE9BQU8sQ0FBQyxVQUFVLENBQUMsS0FBSyxHQUFHLE9BQU8sQ0FBQyxHQUFHLE9BQU8sQ0FBQyxLQUFLLENBQUM7SUFDdEQsQ0FBQzs7OEhBdEJVLGdDQUFnQztrSEFBaEMsZ0NBQWdDOzRGQUFoQyxnQ0FBZ0M7a0JBSjVDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDJCQUEyQjtpQkFDdEM7aUdBT0MsWUFBWTtzQkFEWCxZQUFZO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEhvc3RMaXN0ZW5lciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgc2VsZWN0b3I6ICdbc2hvd0VsbGlwc2lzVGV4dE9uSG92ZXJdJ1xyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIHNob3dFbGxpcHNpc1RleHRPbkhvdmVyRGlyZWN0aXZlIHtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7fVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdtb3VzZWVudGVyJylcclxuICBvbk1vdXNlRW50ZXIoKTogdm9pZCB7XHJcbiAgICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcclxuICAgICAgaWYgKGVsZW1lbnQub2Zmc2V0V2lkdGggPCBlbGVtZW50LnNjcm9sbFdpZHRoIHx8IHRoaXMuY2hlY2tSYW5nZXMoZWxlbWVudCkpIHtcclxuICAgICAgICBlbGVtZW50LnRpdGxlID0gKGVsZW1lbnQudGV4dENvbnRlbnQgPT0gXCJcIikgPyBlbGVtZW50LnZhbHVlIDogZWxlbWVudC50ZXh0Q29udGVudDtcclxuICAgICAgfVxyXG4gICAgICBlbHNlIGlmIChlbGVtZW50LnRpdGxlKSBlbGVtZW50LnJlbW92ZUF0dHJpYnV0ZSgndGl0bGUnKTsgXHJcbiAgfVxyXG5cclxuICBjaGVja1JhbmdlcyggZWw6IEVsZW1lbnQgKSB7XHJcbiAgICBjb25zdCByYW5nZSA9IG5ldyBSYW5nZSgpO1xyXG4gICAgcmFuZ2Uuc2VsZWN0Tm9kZUNvbnRlbnRzKCBlbCApO1xyXG4gICAgXHJcbiAgICBjb25zdCByYW5nZV9yZWN0ID0gcmFuZ2UuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XHJcbiAgICBjb25zdCBlbF9yZWN0ID0gZWwuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XHJcbiAgICBsZXQgcGFkZGluZ09uUmlnaHQgPSB3aW5kb3cuZ2V0Q29tcHV0ZWRTdHlsZShlbCkucGFkZGluZ1JpZ2h0O1xyXG4gICAgbGV0IHBhZGRpbmcgPSArKHBhZGRpbmdPblJpZ2h0LmVuZHNXaXRoKFwicHhcIik/cGFkZGluZ09uUmlnaHQuc2xpY2UoMCwgLTIpOnBhZGRpbmdPblJpZ2h0KTtcclxuICAgIHJldHVybiAocmFuZ2VfcmVjdC5yaWdodCArIHBhZGRpbmcpID4gZWxfcmVjdC5yaWdodDtcclxuICB9XHJcbn0iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hvdy1lbGxpcHNpcy10ZXh0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FubmEtY29yZS9zcmMvbGliL2FubmEtY29yZS1zaGFyZWQtbGliL2RpcmVjdGl2ZXMvc2hvdy1lbGxpcHNpcy10ZXh0L3Nob3ctZWxsaXBzaXMtdGV4dC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU1wRSxNQUFNLE9BQU8sZ0NBQWdDO0lBRTNDLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7SUFBSSxDQUFDO0lBRy9DLFlBQVk7UUFDVixJQUFJLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztRQUMvQyxJQUFJLFVBQVUsQ0FBQyxXQUFXLEdBQUcsVUFBVSxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsd0JBQXdCLENBQUMsVUFBVSxDQUFDLEVBQUU7WUFDaEcsVUFBVSxDQUFDLEtBQUssR0FBRyxDQUFDLFVBQVUsQ0FBQyxXQUFXLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUM7U0FDL0Y7YUFDSSxJQUFJLFVBQVUsQ0FBQyxLQUFLO1lBQUUsVUFBVSxDQUFDLGVBQWUsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNqRSxDQUFDO0lBRUQsd0JBQXdCLENBQUMsVUFBbUI7UUFDMUMseUhBQXlIO1FBQ3pILElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVEsSUFBSSxVQUFVLENBQUMsUUFBUSxDQUFDLE1BQU0sSUFBSSxDQUFDLENBQUM7WUFBRSxPQUFPLEtBQUssQ0FBQztRQUVuRyxJQUFJLFdBQVcsR0FBRyxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUNyRCxJQUFJLFNBQVMsR0FBRyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixFQUFFLENBQUM7UUFFL0QsSUFBSSxjQUFjLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLFVBQVUsQ0FBQyxDQUFDLFlBQVksQ0FBQztRQUN0RSxJQUFJLE9BQU8sR0FBRyxDQUFDLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUM7UUFFOUYsNkhBQTZIO1FBQzdILE9BQU8sQ0FBQyxTQUFTLENBQUMsS0FBSyxHQUFHLE9BQU8sQ0FBQyxHQUFHLFdBQVcsQ0FBQyxLQUFLLENBQUM7SUFDekQsQ0FBQzs7OEhBekJVLGdDQUFnQztrSEFBaEMsZ0NBQWdDOzRGQUFoQyxnQ0FBZ0M7a0JBSjVDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDJCQUEyQjtpQkFDdEM7aUdBT0MsWUFBWTtzQkFEWCxZQUFZO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEhvc3RMaXN0ZW5lciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgc2VsZWN0b3I6ICdbc2hvd0VsbGlwc2lzVGV4dE9uSG92ZXJdJ1xyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIHNob3dFbGxpcHNpc1RleHRPbkhvdmVyRGlyZWN0aXZlIHtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7IH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignbW91c2VlbnRlcicpXHJcbiAgb25Nb3VzZUVudGVyKCk6IHZvaWQge1xyXG4gICAgbGV0IGRvbUVsZW1lbnQgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcclxuICAgIGlmIChkb21FbGVtZW50Lm9mZnNldFdpZHRoIDwgZG9tRWxlbWVudC5zY3JvbGxXaWR0aCB8fCB0aGlzLmNoZWNrUG9zaXRpb25zSW5EZWNpbWFscyhkb21FbGVtZW50KSkge1xyXG4gICAgICBkb21FbGVtZW50LnRpdGxlID0gKGRvbUVsZW1lbnQudGV4dENvbnRlbnQgPT0gXCJcIikgPyBkb21FbGVtZW50LnZhbHVlIDogZG9tRWxlbWVudC50ZXh0Q29udGVudDtcclxuICAgIH1cclxuICAgIGVsc2UgaWYgKGRvbUVsZW1lbnQudGl0bGUpIGRvbUVsZW1lbnQucmVtb3ZlQXR0cmlidXRlKCd0aXRsZScpO1xyXG4gIH1cclxuXHJcbiAgY2hlY2tQb3NpdGlvbnNJbkRlY2ltYWxzKGRvbUVsZW1lbnQ6IEVsZW1lbnQpOiBib29sZWFuIHtcclxuICAgIC8vIGlmIHdlIGRvbid0IGhhdmUgYW55IGNoaWxkcmVuIGVsZW1lbnQgVGhlbiB3ZSBjYW4ndCBjYWxjdWxhdGUgYW5kIGNvbXBhcmUgYW55dGhpbmcgc28gd2UgYXJlIHJldHVybmluZyBmYWxzZSBmcm9tIGhlcmVcclxuICAgIGlmICghZG9tRWxlbWVudC5jaGlsZHJlbiB8fCAoZG9tRWxlbWVudC5jaGlsZHJlbiAmJiBkb21FbGVtZW50LmNoaWxkcmVuLmxlbmd0aCA9PSAwKSkgcmV0dXJuIGZhbHNlO1xyXG5cclxuICAgIGxldCBlbGVtZW50UmVjdCA9IGRvbUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XHJcbiAgICBsZXQgY2hpbGRSZWN0ID0gZG9tRWxlbWVudC5jaGlsZHJlblswXS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcclxuXHJcbiAgICBsZXQgcGFkZGluZ09uUmlnaHQgPSB3aW5kb3cuZ2V0Q29tcHV0ZWRTdHlsZShkb21FbGVtZW50KS5wYWRkaW5nUmlnaHQ7XHJcbiAgICBsZXQgcGFkZGluZyA9ICsocGFkZGluZ09uUmlnaHQuZW5kc1dpdGgoXCJweFwiKSA/IHBhZGRpbmdPblJpZ2h0LnNsaWNlKDAsIC0yKSA6IHBhZGRpbmdPblJpZ2h0KTtcclxuXHJcbiAgICAvLyBJZiBvdmVyZmxvdyBoYXBwZW5zIHRoZW4gQ2hpbGQgZWxlbWVudCdzIHJpZ2h0IHNpZGUgcG9zaXRpb24gd2lsbCBiZSBncmVhdGVyIHRoYW4gY29udGFpbmVyIGVsZW1lbnQncyByaWdodCBzaWRlIHBvc2l0aW9uLlxyXG4gICAgcmV0dXJuIChjaGlsZFJlY3QucmlnaHQgKyBwYWRkaW5nKSA+IGVsZW1lbnRSZWN0LnJpZ2h0O1xyXG4gIH1cclxufSJdfQ==

package/fesm2015/annalib-anna-core.mjs

@@ -218,21 +218,23 @@ class showEllipsisTextOnHoverDirective {
         this.elementRef = elementRef;
     }
     onMouseEnter() {
-        const element = this.elementRef.nativeElement;
-        if (element.offsetWidth < element.scrollWidth || this.checkRanges(element)) {
-            element.title = (element.textContent == "") ? element.value : element.textContent;
-        }
-        else if (element.title)
-            element.removeAttribute('title');
-    }
-    checkRanges(el) {
-        const range = new Range();
-        range.selectNodeContents(el);
-        const range_rect = range.getBoundingClientRect();
-        const el_rect = el.getBoundingClientRect();
-        let paddingOnRight = window.getComputedStyle(el).paddingRight;
+        let domElement = this.elementRef.nativeElement;
+        if (domElement.offsetWidth < domElement.scrollWidth || this.checkPositionsInDecimals(domElement)) {
+            domElement.title = (domElement.textContent == "") ? domElement.value : domElement.textContent;
+        }
+        else if (domElement.title)
+            domElement.removeAttribute('title');
+    }
+    checkPositionsInDecimals(domElement) {
+        // if we don't have any children element Then we can't calculate and compare anything so we are returning false from here
+        if (!domElement.children || (domElement.children && domElement.children.length == 0))
+            return false;
+        let elementRect = domElement.getBoundingClientRect();
+        let childRect = domElement.children[0].getBoundingClientRect();
+        let paddingOnRight = window.getComputedStyle(domElement).paddingRight;
         let padding = +(paddingOnRight.endsWith("px") ? paddingOnRight.slice(0, -2) : paddingOnRight);
-        return (range_rect.right + padding) > el_rect.right;
+        // If overflow happens then Child element's right side position will be greater than container element's right side position.
+        return (childRect.right + padding) > elementRect.right;
     }
 }
 showEllipsisTextOnHoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: showEllipsisTextOnHoverDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });