igniteui-angular 21.1.0 → 21.1.1

package/fesm2022/igniteui-angular-directives.mjs

@@ -3967,7 +3967,7 @@ class IgxForOfDirective extends IgxForOfToken {
         this.onScroll(event);
     }
     isScrollable() {
-        return this.scrollComponent.size > parseInt(this.igxForContainerSize, 10);
+        return this.scrollComponent.size > parseFloat(this.igxForContainerSize);
     }
     get embeddedViewNodes() {
         const result = new Array(this._embeddedViews.length);
@@ -4118,8 +4118,8 @@ class IgxForOfDirective extends IgxForOfToken {
         }
         const containerSize = 'igxForContainerSize';
         if (containerSize in changes && !changes[containerSize].firstChange && this.igxForOf) {
-            const prevSize = parseInt(changes[containerSize].previousValue, 10);
-            const newSize = parseInt(changes[containerSize].currentValue, 10);
+            const prevSize = parseFloat(changes[containerSize].previousValue);
+            const newSize = parseFloat(changes[containerSize].currentValue);
             this._recalcOnContainerChange({ prevSize, newSize });
         }
     }
@@ -4172,7 +4172,7 @@ class IgxForOfDirective extends IgxForOfToken {
             return false;
         }
         const originalVirtScrollTop = this._virtScrollPosition;
-        const containerSize = parseInt(this.igxForContainerSize, 10);
+        const containerSize = parseFloat(this.igxForContainerSize);
         const maxVirtScrollTop = this._virtSize - containerSize;
         this._bScrollInternal = true;
         this._virtScrollPosition += add;
@@ -4221,7 +4221,7 @@ class IgxForOfDirective extends IgxForOfToken {
         if (index < 0 || index > (this.isRemote ? this.totalItemCount : this.igxForOf.length) - 1) {
             return;
         }
-        const containerSize = parseInt(this.igxForContainerSize, 10);
+        const containerSize = parseFloat(this.igxForContainerSize);
         const isPrevItem = index < this.state.startIndex || this.scrollPosition > this.sizesCache[index];
         let nextScroll = isPrevItem ? this.sizesCache[index] : this.sizesCache[index + 1] - containerSize;
         if (nextScroll < 0) {
@@ -4245,7 +4245,7 @@ class IgxForOfDirective extends IgxForOfToken {
      */
     scrollNext() {
         const scr = Math.abs(Math.ceil(this.scrollPosition));
-        const endIndex = this.getIndexAt(scr + parseInt(this.igxForContainerSize, 10), this.sizesCache);
+        const endIndex = this.getIndexAt(scr + parseFloat(this.igxForContainerSize), this.sizesCache);
         this.scrollTo(endIndex);
     }
     /**
@@ -4266,7 +4266,7 @@ class IgxForOfDirective extends IgxForOfToken {
      * ```
      */
     scrollNextPage() {
-        this.addScroll(parseInt(this.igxForContainerSize, 10));
+        this.addScroll(parseFloat(this.igxForContainerSize));
     }
     /**
      * Scrolls by one page into the appropriate previous direction.
@@ -4276,7 +4276,7 @@ class IgxForOfDirective extends IgxForOfToken {
      * ```
      */
     scrollPrevPage() {
-        const containerSize = (parseInt(this.igxForContainerSize, 10));
+        const containerSize = (parseFloat(this.igxForContainerSize));
         this.addScroll(-containerSize);
     }
     /**
@@ -4297,7 +4297,7 @@ class IgxForOfDirective extends IgxForOfToken {
             // fisrt item is not fully in view
             startIndex++;
         }
-        const endIndex = this.getIndexAt(this.scrollPosition + parseInt(this.igxForContainerSize, 10), this.sizesCache);
+        const endIndex = this.getIndexAt(this.scrollPosition + parseFloat(this.igxForContainerSize), this.sizesCache);
         return endIndex - startIndex;
     }
     /**
@@ -4333,7 +4333,7 @@ class IgxForOfDirective extends IgxForOfToken {
      * ```
      */
     getScrollForIndex(index, bottom) {
-        const containerSize = parseInt(this.igxForContainerSize, 10);
+        const containerSize = parseFloat(this.igxForContainerSize);
         const scroll = bottom ? Math.max(0, this.sizesCache[index + 1] - containerSize) : this.sizesCache[index];
         return scroll;
     }
@@ -4356,7 +4356,7 @@ class IgxForOfDirective extends IgxForOfToken {
         const targetNode = index >= this.state.startIndex && index <= this.state.startIndex + this.state.chunkSize ?
             this.embeddedViewNodes[index - this.state.startIndex] : null;
         const rowHeight = this.getSizeAt(index);
-        const containerSize = parseInt(this.igxForContainerSize, 10);
+        const containerSize = parseFloat(this.igxForContainerSize);
         const containerOffset = -(this.scrollPosition - this.sizesCache[this.state.startIndex]);
         const endTopOffset = targetNode ? targetNode.offsetTop + rowHeight + containerOffset : containerSize + rowHeight;
         return !targetNode || targetNode.offsetTop < Math.abs(containerOffset)
@@ -4409,7 +4409,7 @@ class IgxForOfDirective extends IgxForOfToken {
             }
             const scrToBottom = this._isScrolledToBottom && !this.dc.instance.notVirtual;
             if (scrToBottom && !this._isAtBottomIndex) {
-                const containerSize = parseInt(this.igxForContainerSize, 10);
+                const containerSize = parseFloat(this.igxForContainerSize);
                 const maxVirtScrollTop = this._virtSize - containerSize;
                 this._bScrollInternal = true;
                 this._virtScrollPosition = maxVirtScrollTop;
@@ -4454,7 +4454,7 @@ class IgxForOfDirective extends IgxForOfToken {
      */
     onScroll(event) {
         /* in certain situations this may be called when no scrollbar is visible */
-        if (!parseInt(this.scrollComponent.nativeElement.style.height, 10)) {
+        if (!parseFloat(this.scrollComponent.nativeElement.style.height)) {
             return;
         }
         this.scrollComponent.scrollAmount = event.target.scrollTop;
@@ -4642,7 +4642,7 @@ class IgxForOfDirective extends IgxForOfToken {
     onHScroll(event) {
         /* in certain situations this may be called when no scrollbar is visible */
         const firstScrollChild = this.scrollComponent.nativeElement.children.item(0);
-        if (!parseInt(firstScrollChild.style.width, 10)) {
+        if (!parseFloat(firstScrollChild.style.width)) {
             return;
         }
         this.scrollComponent.scrollAmount = event.target.scrollLeft;
@@ -4806,7 +4806,7 @@ class IgxForOfDirective extends IgxForOfToken {
         let maxLength = 0;
         const arr = [];
         let sum = 0;
-        const availableSize = parseInt(this.igxForContainerSize, 10);
+        const availableSize = parseFloat(this.igxForContainerSize);
         if (!availableSize) {
             return 0;
         }
@@ -4836,7 +4836,7 @@ class IgxForOfDirective extends IgxForOfToken {
                         const prevItem = this.igxForOf[prevIndex];
                         const prevSize = dimension === 'height' ?
                             this.individualSizeCache[prevIndex] :
-                            parseInt(prevItem[dimension], 10);
+                            parseFloat(prevItem[dimension]);
                         sum = arr.reduce(reducer, prevSize);
                         arr.unshift(prevItem);
                         length = arr.length;
@@ -4884,8 +4884,8 @@ class IgxForOfDirective extends IgxForOfToken {
         this.dc.instance.notVirtual = !(this.igxForContainerSize && this.dc && this.state.chunkSize < count);
         const scrollable = containerSizeInfo ? this.scrollComponent.size > containerSizeInfo.prevSize : this.isScrollable();
         if (this.igxForScrollOrientation === 'horizontal') {
-            const totalWidth = parseInt(this.igxForContainerSize, 10) > 0 ? this._calcSize() : 0;
-            if (totalWidth <= parseInt(this.igxForContainerSize, 10)) {
+            const totalWidth = parseFloat(this.igxForContainerSize) > 0 ? this._calcSize() : 0;
+            if (totalWidth <= parseFloat(this.igxForContainerSize)) {
                 this.resetScrollPosition();
             }
             this.scrollComponent.nativeElement.style.width = this.igxForContainerSize + 'px';
@@ -4893,10 +4893,10 @@ class IgxForOfDirective extends IgxForOfToken {
         }
         if (this.igxForScrollOrientation === 'vertical') {
             const totalHeight = this._calcSize();
-            if (totalHeight <= parseInt(this.igxForContainerSize, 10)) {
+            if (totalHeight <= parseFloat(this.igxForContainerSize)) {
                 this.resetScrollPosition();
             }
-            this.scrollComponent.nativeElement.style.height = parseInt(this.igxForContainerSize, 10) + 'px';
+            this.scrollComponent.nativeElement.style.height = parseFloat(this.igxForContainerSize) + 'px';
             this.scrollComponent.size = totalHeight;
         }
         if (scrollable !== this.isScrollable()) {
@@ -4982,7 +4982,7 @@ class IgxForOfDirective extends IgxForOfToken {
         }
     }
     _calcVirtualScrollPosition(scrollPosition) {
-        const containerSize = parseInt(this.igxForContainerSize, 10);
+        const containerSize = parseFloat(this.igxForContainerSize);
         const maxRealScrollPosition = this.scrollComponent.size - containerSize;
         const realPercentScrolled = maxRealScrollPosition !== 0 ? scrollPosition / maxRealScrollPosition : 0;
         const maxVirtScroll = this._virtSize - containerSize;
@@ -4990,7 +4990,7 @@ class IgxForOfDirective extends IgxForOfToken {
     }
     _getItemSize(item, dimension) {
         const dim = item ? item[dimension] : null;
-        return typeof dim === 'number' ? dim : parseInt(this.igxForItemSize, 10) || 0;
+        return typeof dim === 'number' ? dim : parseFloat(this.igxForItemSize) || 0;
     }
     _updateScrollOffset() {
         let scrollOffset = 0;
@@ -5012,7 +5012,7 @@ class IgxForOfDirective extends IgxForOfToken {
         // should update scroll top/left according to change so that same startIndex is in view
         if (Math.abs(sizeDiff) > 0 && this.scrollPosition > 0) {
             const offset = this.igxForScrollOrientation === 'horizontal' ?
-                parseInt(this.dc.instance._viewContainer.element.nativeElement.style.left, 10) :
+                parseFloat(this.dc.instance._viewContainer.element.nativeElement.style.left) :
                 Number(this.dc.instance._viewContainer.element.nativeElement.style.transform?.match(/translateY\((-?\d+\.?\d*)px\)/)?.[1]);
             const newSize = this.sizesCache[this.state.startIndex] - offset;
             this.scrollPosition = newSize;
@@ -5179,8 +5179,8 @@ class IgxGridForOfDirective extends IgxForOfDirective {
         }
         const containerSize = 'igxForContainerSize';
         if (containerSize in changes && !changes[containerSize].firstChange && this.igxForOf) {
-            const prevSize = parseInt(changes[containerSize].previousValue, 10);
-            const newSize = parseInt(changes[containerSize].currentValue, 10);
+            const prevSize = parseFloat(changes[containerSize].previousValue);
+            const newSize = parseFloat(changes[containerSize].currentValue);
             this._recalcOnContainerChange({ prevSize, newSize });
         }
     }
@@ -5250,7 +5250,7 @@ class IgxGridForOfDirective extends IgxForOfDirective {
     onHScroll(scrollAmount) {
         /* in certain situations this may be called when no scrollbar is visible */
         const firstScrollChild = this.scrollComponent.nativeElement.children.item(0);
-        if (!this.scrollComponent || !parseInt(firstScrollChild.style.width, 10)) {
+        if (!this.scrollComponent || !parseFloat(firstScrollChild.style.width)) {
             return;
         }
         this.scrollComponent.scrollAmount = scrollAmount;
@@ -5278,7 +5278,7 @@ class IgxGridForOfDirective extends IgxForOfDirective {
             }
         }
         else {
-            size = parseInt(item[dimension], 10) || 0;
+            size = parseFloat(item[dimension]) || 0;
         }
         return size;
     }
@@ -5305,7 +5305,7 @@ class IgxGridForOfDirective extends IgxForOfDirective {
     getNodeSize(rNode, index) {
         if (this.igxForScrollOrientation === 'vertical') {
             const view = this._embeddedViews[index];
-            return this._embeddedViewSizesCache.get(view) || parseInt(this.igxForItemSize, 10);
+            return this._embeddedViewSizesCache.get(view) || parseFloat(this.igxForItemSize);
         }
         else {
             return super.getNodeSize(rNode, index);