igniteui-angular 17.0.1 → 17.0.2

package/lib/core/styles/components/chip/_chip-theme.scss

@@ -376,7 +376,6 @@
         align-items: center;
         justify-content: center;
         text-align: center;
-        flex: 1 1 auto;
         height: var-get($theme, 'size');
         padding-inline: sizable(
             map.get($chip-padding, 'compact'),
@@ -411,9 +410,9 @@
 
         igx-avatar,
         igx-circular-bar {
-            max-width: 100%;
             max-height: 100%;
             width: sizable(rem(14px), rem(18px), rem(24px));
+            max-width: sizable(rem(14px), rem(18px), rem(24px));
             height: sizable(rem(14px), rem(18px), rem(24px));
         }
 
@@ -655,21 +654,41 @@
     }
 
     %igx-chip__start {
-        igx-avatar,
-        igx-circular-bar {
+        > igx-avatar,
+        > igx-circular-bar {
             &:first-child {
                 margin-inline-start: calc(#{sizable(rem(0), rem(4px), rem(8px))} * -1);
             }
         }
+
+        [igxPrefix],
+        igx-prefix {
+            &:first-of-type {
+                igx-avatar,
+                igx-circular-bar {
+                    margin-inline-start: calc(#{sizable(rem(0), rem(4px), rem(8px))} * -1);
+                }
+            }
+        }
     }
 
     %igx-chip__end {
-        igx-avatar,
-        igx-circular-bar {
+        > igx-avatar,
+        > igx-circular-bar {
             &:last-child {
                 margin-inline-end: calc(#{sizable(rem(0), rem(4px), rem(8px))} * -1);
             }
         }
+
+        [igxPrefix],
+        igx-prefix {
+            &:first-of-type {
+                igx-avatar,
+                igx-circular-bar {
+                    margin-inline-end: calc(#{sizable(rem(0), rem(4px), rem(8px))} * -1);
+                }
+            }
+        }
     }
 
     %igx-chip__start,
@@ -694,8 +713,7 @@
 
     %igx-chip__prefix,
     %igx-chip__suffix {
-        @include ellipsis();
-        display: inline-block;
+        display: inline-flex;
         vertical-align: middle;
         max-width: $chip-max-width;
 

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

@@ -32,7 +32,23 @@ export declare class IgxForOfContext<T, U extends T[] = T[]> {
      */
     get odd(): boolean;
 }
-export declare class IgxForOfDirective<T, U extends T[] = T[]> implements OnInit, OnChanges, DoCheck, OnDestroy, AfterViewInit {
+/** @hidden @internal */
+export declare abstract class IgxForOfToken<T, U extends T[] = T[]> {
+    abstract igxForOf: U & T[] | null;
+    abstract state: IForOfState;
+    abstract totalItemCount: number;
+    abstract scrollPosition: number;
+    abstract chunkLoad: EventEmitter<IForOfState>;
+    abstract chunkPreload: EventEmitter<IForOfState>;
+    abstract scrollTo(index: number): void;
+    abstract getScrollForIndex(index: number, bottom?: boolean): number;
+    abstract getScroll(): HTMLElement | undefined;
+    abstract igxForItemSize: any;
+    abstract igxForContainerSize: any;
+    /** @hidden */
+    abstract dc: ComponentRef<any>;
+}
+export declare class IgxForOfDirective<T, U extends T[] = T[]> extends IgxForOfToken<T, U> implements OnInit, OnChanges, DoCheck, OnDestroy, AfterViewInit {
     private _viewContainer;
     protected _template: TemplateRef<NgForOfContext<T>>;
     protected _differs: IterableDiffers;
@@ -274,7 +290,7 @@ export declare class IgxForOfDirective<T, U extends T[] = T[]> implements OnInit
      *
      * @param index
      */
-    scrollTo(index: any): void;
+    scrollTo(index: number): void;
     /**
      * Scrolls by one item into the appropriate next direction.
      * For "horizontal" orientation that will be the right column and for "vertical" that is the lower row.

package/lib/drop-down/drop-down.component.d.ts

@@ -7,7 +7,7 @@ import { IBaseCancelableBrowserEventArgs, IBaseEventArgs } from '../core/utils';
 import { IgxSelectionAPIService } from '../core/selection';
 import { Subject } from 'rxjs';
 import { IgxDropDownItemBaseDirective } from './drop-down-item.base';
-import { IgxForOfDirective } from '../directives/for-of/for_of.directive';
+import { IgxForOfToken } from '../directives/for-of/for_of.directive';
 import { IDisplayDensityOptions } from '../core/density';
 import { OverlaySettings } from '../services/overlay/utilities';
 import * as i0 from "@angular/core";
@@ -92,7 +92,7 @@ export declare class IgxDropDownComponent extends IgxDropDownBaseDirective imple
      * ```
      */
     labelledBy: string;
-    protected virtDir: IgxForOfDirective<any>;
+    protected virtDir: IgxForOfToken<any>;
     protected toggleDirective: IgxToggleDirective;
     protected scrollContainerRef: ElementRef;
     /**

package/lib/grids/common/grid.interface.d.ts

@@ -1296,3 +1296,24 @@ export interface IPinningConfig {
     columns?: ColumnPinningPosition;
     rows?: RowPinningPosition;
 }
+/**
+ * An interface describing settings for clipboard options
+ */
+export interface IClipboardOptions {
+    /**
+     * Enables/disables the copy behavior
+     */
+    enabled: boolean;
+    /**
+     * Include the columns headers in the clipboard output.
+     */
+    copyHeaders: boolean;
+    /**
+     * Apply the columns formatters (if any) on the data in the clipboard output.
+     */
+    copyFormatters: boolean;
+    /**
+     * The separator used for formatting the copy output. Defaults to `\t`.
+     */
+    separator: string;
+}

package/lib/grids/grid-base.directive.d.ts

@@ -28,7 +28,7 @@ import { IgxColumnResizingService } from './resizing/resizing.service';
 import { IFilteringStrategy } from '../data-operations/filtering-strategy';
 import { GridSelectionMode, GridSummaryPosition, GridSummaryCalculationMode, FilterMode, GridPagingMode, GridValidationTrigger } from './common/enums';
 import { IGridCellEventArgs, IRowSelectionEventArgs, IPinColumnEventArgs, IGridEditEventArgs, IRowDataEventArgs, IColumnResizeEventArgs, IColumnMovingStartEventArgs, IColumnMovingEventArgs, IColumnMovingEndEventArgs, IGridKeydownEventArgs, IRowDragStartEventArgs, IRowDragEndEventArgs, IGridClipboardEvent, IGridToolbarExportEventArgs, ISearchInfo, ICellPosition, IRowToggleEventArgs, IColumnSelectionEventArgs, IPinRowEventArgs, IGridScrollEventArgs, IGridEditDoneEventArgs, IActiveNodeChangeEventArgs, ISortingEventArgs, IFilteringEventArgs, IColumnVisibilityChangedEventArgs, IColumnVisibilityChangingEventArgs, IPinColumnCancellableEventArgs } from './common/events';
-import { ColumnType, GridServiceType, GridType, IGridFormGroupCreatedEventArgs, IGridValidationStatusEventArgs, IgxGridEmptyTemplateContext, IgxGridHeaderTemplateContext, IgxGridRowDragGhostContext, IgxGridRowEditActionsTemplateContext, IgxGridRowEditTemplateContext, IgxGridRowEditTextTemplateContext, IgxGridRowTemplateContext, IgxGridTemplateContext, IgxHeadSelectorTemplateContext, IgxRowSelectorTemplateContext, ISizeInfo, RowType, IPinningConfig } from './common/grid.interface';
+import { ColumnType, GridServiceType, GridType, IGridFormGroupCreatedEventArgs, IGridValidationStatusEventArgs, IgxGridEmptyTemplateContext, IgxGridHeaderTemplateContext, IgxGridRowDragGhostContext, IgxGridRowEditActionsTemplateContext, IgxGridRowEditTemplateContext, IgxGridRowEditTextTemplateContext, IgxGridRowTemplateContext, IgxGridTemplateContext, IgxHeadSelectorTemplateContext, IgxRowSelectorTemplateContext, ISizeInfo, RowType, IPinningConfig, IClipboardOptions } from './common/grid.interface';
 import { DropPosition } from './moving/moving.service';
 import { IgxColumnComponent } from './columns/column.component';
 import { IgxSnackbarComponent } from '../snackbar/snackbar.component';
@@ -162,24 +162,7 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
     /**
      * Controls the copy behavior of the grid.
      */
-    clipboardOptions: {
-        /**
-         * Enables/disables the copy behavior
-         */
-        enabled: boolean;
-        /**
-         * Include the columns headers in the clipboard output.
-         */
-        copyHeaders: boolean;
-        /**
-         * Apply the columns formatters (if any) on the data in the clipboard output.
-         */
-        copyFormatters: boolean;
-        /**
-         * The separator used for formatting the copy output. Defaults to `\t`.
-         */
-        separator: string;
-    };
+    clipboardOptions: IClipboardOptions;
     /**
      * Emitted after filtering is performed.
      *

package/lib/grids/state.directive.d.ts

@@ -71,6 +71,7 @@ export interface IColumnState {
     columnGroup: boolean;
     parent: any;
     disableHiding: boolean;
+    disablePinning: boolean;
 }
 export type GridFeatures = keyof IGridStateOptions;
 export declare class IgxGridStateDirective {

package/lib/simple-combo/simple-combo.component.d.ts

@@ -70,7 +70,6 @@ export declare class IgxSimpleComboComponent extends IgxComboBaseDirective imple
     /** @hidden @internal */
     composing: boolean;
     private _updateInput;
-    private _internalFilter;
     private _collapsing;
     /** @hidden @internal */
     get filteredData(): any[] | null;
@@ -123,8 +122,6 @@ export declare class IgxSimpleComboComponent extends IgxComboBaseDirective imple
     /** @hidden @internal */
     onBlur(): void;
     /** @hidden @internal */
-    onFocus(): void;
-    /** @hidden @internal */
     getEditElement(): HTMLElement;
     /** @hidden @internal */
     handleClear(event: Event): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "17.0.1",
+  "version": "17.0.2",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",

package/public_api.d.ts

@@ -13,7 +13,7 @@ export * from './lib/directives/drag-drop/public_api';
 export * from './lib/directives/filter/filter.directive';
 export * from './lib/directives/focus/focus.directive';
 export * from './lib/directives/focus-trap/focus-trap.directive';
-export * from './lib/directives/for-of/for_of.directive';
+export { IgxForOfContext, IgxForOfDirective, IForOfState, IgxGridForOfContext, IgxGridForOfDirective } from './lib/directives/for-of/for_of.directive';
 export * from './lib/directives/layout/layout.directive';
 export * from './lib/directives/mask/mask.directive';
 export * from './lib/directives/radio/public_api';