igniteui-angular 17.2.5 → 17.2.7

package/lib/core/density.d.ts

@@ -82,6 +82,7 @@ export declare class DisplayDensityBase implements DoCheck, OnInit {
     protected getComponentDensityClass(baseStyleClass: string): string;
     /**
      * Sets the `--component-size` CSS variable based on the value of Display Density
+     * @hidden @internal
      */
     getComponentSizeStyles(): "var(--ig-size, var(--ig-size-small))" | "var(--ig-size, var(--ig-size-medium))" | "var(--ig-size, var(--ig-size-large))";
     static ɵfac: i0.ɵɵFactoryDeclaration<DisplayDensityBase, [{ optional: true; }, null]>;

package/lib/core/styles/components/bottom-nav/_bottom-nav-theme.scss

@@ -61,33 +61,45 @@
         }
     }
 
+    @if not($icon-color) and $background {
+        @if meta.type-of($background) == 'color' {
+            $icon-color: text-contrast($background);
+        }
+    }
+
     @if not($icon-color) and $label-color {
         @if meta.type-of($label-color) == 'color' {
             $icon-color: $label-color;
         }
     }
 
-    @if not($icon-disabled-color) and $label-disabled-color {
-        @if meta.type-of($label-disabled-color) == 'color' {
-            $icon-disabled-color: $label-disabled-color;
+    @if not($label-color) and $icon-color {
+        @if meta.type-of($icon-color) == 'color' {
+            $label-color: $icon-color;
         }
     }
 
-    @if not($label-disabled-color) and $icon-disabled-color {
-        @if meta.type-of($icon-disabled-color) == 'color' {
-            $label-disabled-color: $icon-disabled-color;
+    @if not($icon-selected-color) and $label-selected-color {
+        @if meta.type-of($label-selected-color) == 'color' {
+            $icon-selected-color: $label-selected-color;
         }
     }
 
-    @if not($icon-selected-color) and $label-selected-color {
-        @if meta.type-of($background) == 'color' {
-            $icon-selected-color: $label-selected-color;
+    @if not($label-selected-color) and $icon-selected-color {
+        @if meta.type-of($icon-selected-color) == 'color' {
+            $label-selected-color: $icon-selected-color;
         }
     }
 
-    @if not($icon-color) and $background {
-        @if meta.type-of($background) == 'color' {
-            $icon-color: text-contrast($background);
+    @if not($icon-disabled-color) and $label-disabled-color {
+        @if meta.type-of($label-disabled-color) == 'color' {
+            $icon-disabled-color: $label-disabled-color;
+        }
+    }
+
+    @if not($label-disabled-color) and $icon-disabled-color {
+        @if meta.type-of($icon-disabled-color) == 'color' {
+            $label-disabled-color: $icon-disabled-color;
         }
     }
 

package/lib/core/styles/components/button/_button-theme.scss

@@ -139,6 +139,12 @@
             }
         }
 
+        @if not($icon-color) and $background {
+            @if meta.type-of($background) == 'color' {
+                $icon-color: text-contrast($background);
+            }
+        }
+
         @if not($icon-color-hover) and $hover-foreground {
             @if meta.type-of($hover-background) == 'color' {
                 $icon-color-hover: $hover-foreground;
@@ -577,7 +583,7 @@
         background: var-get($flat-theme, 'focus-visible-background');
         color: var-get($flat-theme, 'focus-visible-foreground');
         border-color: var-get($flat-theme, 'focus-visible-border-color');
-        
+
         igx-icon {
             color: var-get($flat-theme, 'icon-color');
         }
@@ -599,7 +605,7 @@
                 color: var-get($flat-theme, 'focus-foreground');
             }
         }
-        
+
         @if ($variant == 'bootstrap') {
             box-shadow: 0 0 0 rem(4px) var-get($flat-theme, 'shadow-color');
         }
@@ -780,7 +786,7 @@
                 map.get($items-gap, 'cosy'),
                 $items-gap-indigo-comfortable
             );
-            
+
             &:active {
                 igx-icon {
                     color: var-get($outlined-theme, 'icon-color-hover');

package/lib/core/styles/components/grid/_excel-filtering-theme.scss

@@ -98,15 +98,35 @@
             --item-hover-background: #{color($color: 'gray', $variant: 100)};
             --item-selected-background: #{color($color: 'gray', $variant: 100)};
             --item-text-color: #{color($color: 'gray', $variant: 700)};
+            --item-icon-color: #{color($color: 'gray', $variant: 700)};
             --item-hover-text-color: #{color($color: 'gray', $variant: 800)};
+            --item-hover-icon-color: #{color($color: 'gray', $variant: 800)};
             --item-selected-text-color: #{if(
                 $variant == 'indigo-design',
                 contrast-color($color: 'surface'),
                 color($color: 'secondary', $variant: 500)
             )};
+            --item-selected-icon-color: #{if(
+                $variant == 'indigo-design',
+                contrast-color($color: 'surface'),
+                color($color: 'secondary', $variant: 500)
+            )};
+            --item-selected-hover-icon-color: #{if(
+                $variant == 'fluent',
+                color($color: 'secondary', $variant: 500),
+                contrast-color($color: 'gray', $variant: 50)
+            )};
             --item-border-color: transparent;
+            --item-hover-border-color: transparent;
+            --item-focused-border-color: #{if(
+                $variant == 'fluent',
+                color($color: 'gray', $variant: 700),
+                transparent
+            )};
             --item-selected-border-color: transparent;
+            --item-selected-hover-border-color: transparent;
             --item-disabled-border: transparent;
+            --disabled-selected-border-color: transparent;
         }
 
         @include tree(tree-theme(

package/lib/core/styles/components/overlay/_overlay-theme.scss

@@ -102,6 +102,12 @@
         // WARN: This is a workaround around a bug in Safari.
         position: absolute;
         visibility: hidden;
+        // width/height/min-width to 0 needed for bug #14303
+        width: 0;
+        min-width: 0;
+        height: 0;
+        // needed for bug #14302
+        padding: 0 !important;
         top: 0;
         left: 0;
         margin: -1px;

package/lib/directives/for-of/for_of.directive.d.ts

@@ -404,6 +404,11 @@ export declare class IgxForOfDirective<T, U extends T[] = T[]> extends IgxForOfT
      * Function that is called when scrolling vertically
      */
     protected onScroll(event: any): void;
+    /**
+     * @hidden
+     * @internal
+     */
+    updateScroll(): void;
     protected updateSizes(): void;
     /**
      * @hidden

package/lib/grids/common/events.d.ts

@@ -9,11 +9,11 @@ import { ISortingExpression } from '../../data-operations/sorting-strategy';
 import { IBaseSearchInfo } from '../../directives/text-highlight/text-highlight.directive';
 /** The event arguments when data from a grid is being copied. */
 export interface IGridClipboardEvent {
-    /** `data` can be of any type and referes to the data that is being copied/stored to the clipboard */
+    /** `data` can be of any type and refers to the data that is being copied/stored to the clipboard */
     data: any[];
     /**
-     * `cancel` returns whether an external event has interepted the copying
-     * If the value becomes "true", it returns/exits from the method, instanciating the interface
+     * `cancel` returns whether an external event has intercepted the copying
+     * If the value becomes "true", it returns/exits from the method, instantiating the interface
      */
     cancel: boolean;
 }
@@ -60,7 +60,7 @@ export interface IGridEditDoneEventArgs extends IBaseEventArgs {
     rowData: any;
     /**
      * Represents the previous (before editing) value of the edited cell.
-     * It's used when the event has been stoped/exited.
+     * It's used when the event has been stopped/exited.
      */
     oldValue: any;
     /**
@@ -86,7 +86,7 @@ export interface IGridEditDoneEventArgs extends IBaseEventArgs {
     owner?: GridType;
     /**
      * Optional
-     * Indicates if the editing cosists of adding a new row
+     * Indicates if the editing consists of adding a new row
      */
     isAddRow?: boolean;
     /**
@@ -140,7 +140,7 @@ export interface IPinColumnEventArgs extends IBaseEventArgs {
     insertAtIndex: number;
     /**
      * Returns the actual pin state of the column.
-     * If pinning/unpinning is succesfull, value of `isPinned` will change accordingly when read in the "-ing" and "-ed" event.
+     * If pinning/unpinning is successful, value of `isPinned` will change accordingly when read in the "-ing" and "-ed" event.
      */
     isPinned: boolean;
 }
@@ -148,7 +148,7 @@ export interface IPinColumnEventArgs extends IBaseEventArgs {
  * The event arguments before a column's pin state is changed.
  * `insertAtIndex`specifies at which index in the pinned/unpinned area the column is inserted.
  * Can be changed in the `columnPin` event.
- * `isPinned` returns the actual pin state of the column. When pinning/unpinning is succesfull,
+ * `isPinned` returns the actual pin state of the column. When pinning/unpinning is successful,
  * the value of `isPinned` will change accordingly when read in the "-ing" and "-ed" event.
  */
 export interface IPinColumnCancellableEventArgs extends IPinColumnEventArgs, CancelableEventArgs {
@@ -175,7 +175,7 @@ export interface IRowDataEventArgs extends IBaseEventArgs {
 }
 /** The event arguments when a column is being resized */
 export interface IColumnResizeEventArgs extends IBaseEventArgs {
-    /** Represents the informantion of the column that is being resized */
+    /** Represents the information of the column that is being resized */
     column: ColumnType;
     /** Represents the old width of the column before the resizing */
     prevWidth: string;
@@ -218,7 +218,7 @@ export interface IRowSelectionEventArgs extends CancelableEventArgs, IBaseEventA
     readonly allRowsSelected?: boolean;
 }
 /**
- * The event arguments when the selection state of a column is being chaged
+ * The event arguments when the selection state of a column is being changed
  * The event is cancelable
  */
 export interface IColumnSelectionEventArgs extends CancelableEventArgs, IBaseEventArgs {
@@ -268,8 +268,8 @@ export interface IGridToolbarExportEventArgs extends IBaseEventArgs {
      */
     options: IgxExporterOptionsBase;
     /**
-     * `cancel` returns whether the event has been interepted and stopped
-     * If the value becomes "true", it returns/exits from the method, instanciating the interface
+     * `cancel` returns whether the event has been intercepted and stopped
+     * If the value becomes "true", it returns/exits from the method, instantiating the interface
      */
     cancel: boolean;
 }
@@ -277,7 +277,7 @@ export interface IGridToolbarExportEventArgs extends IBaseEventArgs {
 export interface IColumnMovingStartEventArgs extends IBaseEventArgs {
     /**
      * Represents the column that is being moved.
-     * The `ColumnType` contains the informatoin (the grid it belongs to, css data, settings, etc.) of the column in its properties
+     * The `ColumnType` contains the information (the grid it belongs to, css data, settings, etc.) of the column in its properties
      */
     source: ColumnType;
 }
@@ -285,12 +285,12 @@ export interface IColumnMovingStartEventArgs extends IBaseEventArgs {
 export interface IColumnMovingEventArgs extends IBaseEventArgs {
     /**
      * Represents the column that is being moved.
-     * The `ColumnType` contains the informatoin (the grid it belongs to, css data, settings, etc.) of the column in its properties
+     * The `ColumnType` contains the information (the grid it belongs to, css data, settings, etc.) of the column in its properties
      */
     source: ColumnType;
     /**
-     * `cancel` returns whether the event has been interepted and stopped
-     * If the value becomes "true", it returns/exits from the method, instanciating the interface
+     * `cancel` returns whether the event has been intercepted and stopped
+     * If the value becomes "true", it returns/exits from the method, instantiating the interface
      */
     cancel: boolean;
 }
@@ -298,17 +298,17 @@ export interface IColumnMovingEventArgs extends IBaseEventArgs {
 export interface IColumnMovingEndEventArgs extends IBaseEventArgs {
     /**
      * The source of the event represents the column that is being moved.
-     * The `ColumnType` contains the informatoin (the grid it belongs to, css data, settings, etc.) of the column in its properties
+     * The `ColumnType` contains the information (the grid it belongs to, css data, settings, etc.) of the column in its properties
      */
     source: ColumnType;
     /**
      * The target of the event represents the column, the source is being moved to.
-     * The `ColumnType` contains the informatoin (the grid it belongs to, css data, settings, etc.) of the column in its properties
+     * The `ColumnType` contains the information (the grid it belongs to, css data, settings, etc.) of the column in its properties
      */
     target: ColumnType;
     /**
-     * `cancel` returns whether the event has been interepted and stopped
-     * If the value becomes "true", it returns/exits from the method, instanciating the interface
+     * `cancel` returns whether the event has been intercepted and stopped
+     * If the value becomes "true", it returns/exits from the method, instantiating the interface
      */
     cancel: boolean;
 }
@@ -321,12 +321,12 @@ export interface IGridKeydownEventArgs extends IBaseEventArgs {
     targetType: GridKeydownTargetType;
     /** Represents the information and details of the object itself */
     target: any;
-    /** Represents the original event, that occured. */
+    /** Represents the original event, that occurred. */
     event: Event;
     /**
      * The event is cancelable
-     * `cancel` returns whether the event has been interepted and stopped
-     * If the value becomes "true", it returns/exits from the method, instanciating the interface
+     * `cancel` returns whether the event has been intercepted and stopped
+     * If the value becomes "true", it returns/exits from the method, instantiating the interface
      */
     cancel: boolean;
 }
@@ -335,7 +335,7 @@ export interface ICellPosition {
     /** It returns the position (index) of the row, the cell is in */
     rowIndex: number;
     /**
-     * It returns the position (index) of the colunm, the cell is in
+     * It returns the position (index) of the column, the cell is in
      * Counts only the visible (non hidden) columns
      */
     visibleColumnIndex: number;
@@ -363,7 +363,7 @@ export interface IRowDragStartEventArgs extends CancelableEventArgs, IBaseEventA
     /** Represents the HTML element itself */
     dragElement: HTMLElement;
 }
-/** Рepresents event arguments related to the row's expansion state being changed in a grid */
+/** Represents event arguments related to the row's expansion state being changed in a grid */
 export interface IRowToggleEventArgs extends IBaseEventArgs {
     /**
      * Represents the ID of the row that emitted the event (which state is changed)
@@ -378,13 +378,13 @@ export interface IRowToggleEventArgs extends IBaseEventArgs {
     expanded: boolean;
     /**
      * Optional
-     * Represents the original event, that has triggered the expantion/collapse
+     * Represents the original event, that has triggered the expansion/collapse
      */
     event?: Event;
     /**
      * The event is cancelable
-     * `cancel` returns whether the event has been interepted and stopped
-     * If the value becomes "true", it returns/exits from the method, instanciating the interface
+     * `cancel` returns whether the event has been intercepted and stopped
+     * If the value becomes "true", it returns/exits from the method, instantiating the interface
      */
     cancel: boolean;
 }
@@ -427,7 +427,7 @@ export interface IColumnToggledEventArgs extends IBaseEventArgs {
     /** The checked state after the action. */
     checked: boolean;
 }
-/** Emmited when the active node is changed */
+/** Emitted when the active node is changed */
 export interface IActiveNodeChangeEventArgs extends IBaseEventArgs {
     /** Represents the row index of the active node */
     row: number;
@@ -458,7 +458,7 @@ export interface ISortingEventArgs extends IBaseEventArgs, CancelableEventArgs {
     sortingExpressions?: ISortingExpression | Array<ISortingExpression>;
     /**
      * Optional
-     * Represents the gouping expressions applied to the grid.
+     * Represents the grouping expressions applied to the grid.
      * It can be a single grouping expression or an array of them
      * The expression contains information like the sorting expression and criteria by which the elements will be grouped
      */
@@ -480,7 +480,7 @@ export interface IColumnVisibilityChangedEventArgs extends IBaseEventArgs {
     /** Represents the column the event originated from */
     column: any;
     /**
-     * The new hidden state that the column will have, if operation is succesfull.
+     * The new hidden state that the column will have, if operation is successful.
      * Will be `true` when hiding and `false` when showing.
      */
     newValue: boolean;