igniteui-angular 18.1.0-beta.1 → 18.1.0-rc.0

package/lib/core/styles/components/stepper/_stepper-theme.scss

@@ -339,12 +339,7 @@
         indigo-design: rem(24px)
     ), $variant);
 
-    $step-header-padding: map.get((
-        material: rem(24px),
-        fluent: rem(8px),
-        bootstrap: rem(24px),
-        indigo-design: rem(8px)
-    ), $variant);
+    $step-header-padding: rem(8px);
 
     $step-header-padding-simple: map.get((
         material: rem(8px),
@@ -684,11 +679,16 @@
         }
     }
 
+    [aria-selected='true'] {
+        %igx-stepper__step-content-wrapper {
+            padding-inline-start: $v-line-indent;
+        }
+    }
+
     @if $variant == 'indigo-design' {
         [aria-selected='true'] {
             %igx-stepper__step-content-wrapper {
                 padding-block: rem(16px);
-                padding-inline-start: $v-line-indent;
                 padding-inline-end: rem(16px);
             }
         }

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

@@ -81,7 +81,6 @@ export declare class IgxGridStateBaseDirective {
     protected viewRef: ViewContainerRef;
     protected envInjector: EnvironmentInjector;
     protected injector: Injector;
-    private static ngAcceptInputType_options;
     private featureKeys;
     private state;
     private currGrid;

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

@@ -2,6 +2,7 @@ import { EventEmitter } from '@angular/core';
 import { GridFeatures, IGridState, IGridStateOptions, IgxGridStateBaseDirective } from './state-base.directive';
 import * as i0 from "@angular/core";
 export declare class IgxGridStateDirective extends IgxGridStateBaseDirective {
+    private static ngAcceptInputType_options;
     /**
      *  An object with options determining if a certain feature state should be saved.
      * ```html
@@ -11,8 +12,8 @@ export declare class IgxGridStateDirective extends IgxGridStateBaseDirective {
      * public options = {selection: false, advancedFiltering: false};
      * ```
      */
-    get stateOptions(): IGridStateOptions;
-    set stateOptions(value: IGridStateOptions);
+    get options(): IGridStateOptions;
+    set options(value: IGridStateOptions);
     /**
      * Gets the state of a feature or states of all grid features, unless a certain feature is disabled through the `options` property.
      *
@@ -52,5 +53,5 @@ export declare class IgxGridStateDirective extends IgxGridStateBaseDirective {
      */
     stateParsed: EventEmitter<IGridState>;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxGridStateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IgxGridStateDirective, "[igxGridState]", never, { "stateOptions": { "alias": "igxGridState"; "required": false; }; }, { "stateParsed": "stateParsed"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IgxGridStateDirective, "[igxGridState]", never, { "options": { "alias": "igxGridState"; "required": false; }; }, { "stateParsed": "stateParsed"; }, never, never, true, never>;
 }

package/lib/services/overlay/overlay.d.ts

@@ -2,7 +2,7 @@ import { ApplicationRef, ElementRef, EventEmitter, NgZone, OnDestroy, Type, View
 import { PlatformUtil } from '../../core/utils';
 import { IgxOverlayOutletDirective } from '../../directives/toggle/toggle.directive';
 import { AnimationService } from '../animation/animation';
-import { AbsolutePosition, OffsetMode, OverlayAnimationEventArgs, OverlayCancelableEventArgs, OverlayClosingEventArgs, OverlayEventArgs, OverlayInfo, OverlaySettings, Point, RelativePosition, RelativePositionStrategy } from './utilities';
+import { AbsolutePosition, OffsetMode, OverlayAnimationEventArgs, OverlayCancelableEventArgs, OverlayClosingEventArgs, OverlayCreateSettings, OverlayEventArgs, OverlayInfo, OverlaySettings, Point, RelativePosition, RelativePositionStrategy } from './utilities';
 import * as i0 from "@angular/core";
 /**
  * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/overlay-main)
@@ -111,7 +111,7 @@ export declare class IgxOverlayService implements OnDestroy {
      * Generates Id. Provide this Id when call `show(id)` method
      *
      * @param component ElementRef to show in overlay
-     * @param settings Display settings for the overlay, such as positioning and scroll/close behavior.
+     * @param settings (optional): Display settings for the overlay, such as positioning and scroll/close behavior.
      * @returns Id of the created overlay. Valid until `detach` is called.
      */
     attach(element: ElementRef, settings?: OverlaySettings): string;
@@ -121,16 +121,17 @@ export declare class IgxOverlayService implements OnDestroy {
      * Note created instance is in root scope, prefer the `viewContainerRef` overload when local injection context is needed.
      *
      * @param component Component Type to show in overlay
-     * @param settings Display settings for the overlay, such as positioning and scroll/close behavior.
+     * @param settings (optional): Create settings for the overlay, such as positioning and scroll/close behavior.
+     * Includes also an optional `Injector` to add to the created dynamic component's injectors.
      * @returns Id of the created overlay. Valid until `detach` is called.
      */
-    attach(component: Type<any>, settings?: OverlaySettings): string;
+    attach(component: Type<any>, settings?: OverlayCreateSettings): string;
     /**
      * Generates an Id. Provide this Id when calling the `show(id)` method
      *
      * @param component Component Type to show in overlay
      * @param viewContainerRef Reference to the container where created component's host view will be inserted
-     * @param settings Display settings for the overlay, such as positioning and scroll/close behavior.
+     * @param settings (optional): Display settings for the overlay, such as positioning and scroll/close behavior.
      */
     attach(component: Type<any>, viewContainerRef: ViewContainerRef, settings?: OverlaySettings): string;
     /**
@@ -198,7 +199,16 @@ export declare class IgxOverlayService implements OnDestroy {
     /** @hidden @internal */
     getOverlayById(id: string): OverlayInfo;
     private _hide;
-    private getUserOverlaySettings;
+    /**
+     * Creates overlayInfo. Sets the info's `elementRef`, `componentRef`and `settings`. Also
+     * initialize info's `ngZone`, `transformX` and `transformY`.
+     * @param component ElementRef or Type. If type is provided dynamic component will be created
+     * @param viewContainerRefOrSettings (optional): If ElementRef is provided for `component` this
+     * parameter is OverlaySettings. Otherwise it could be ViewContainerRef or OverlayCreateSettings and will be
+     * used when dynamic component is created.
+     * @param settings (optional): OverlaySettings when `ViewContainerRef` is provided.
+     * @returns OverlayInfo
+     */
     private getOverlayInfo;
     private placeElementHook;
     private moveElementToOverlay;

package/lib/services/overlay/utilities.d.ts

@@ -1,5 +1,5 @@
 import { AnimationReferenceMetadata } from '@angular/animations';
-import { ComponentRef, ElementRef, NgZone } from '@angular/core';
+import { ComponentRef, ElementRef, Injector, NgZone } from '@angular/core';
 import { CancelableBrowserEventArgs, CancelableEventArgs, IBaseEventArgs } from '../../core/utils';
 import { IgxOverlayOutletDirective } from '../../directives/toggle/toggle.directive';
 import { AnimationPlayer } from '../animation/animation';
@@ -162,6 +162,12 @@ export interface ConnectedFit {
     horizontalOffset?: number;
     verticalOffset?: number;
 }
+export interface OverlayCreateSettings extends OverlaySettings {
+    /**
+     * An `Injector` instance to add in the created component ref's injectors tree.
+     */
+    injector?: Injector;
+}
 /** @hidden @internal */
 export declare class Util {
     /**

package/lib/services/public_api.d.ts

@@ -1,3 +1,4 @@
+export * from '../directives/text-highlight/text-highlight.service';
 export * from './csv/csv-exporter';
 export * from './csv/csv-exporter-options';
 export * from './excel/excel-exporter';
@@ -6,12 +7,11 @@ export * from './exporter-common/base-export-service';
 export * from './exporter-common/exporter-options-base';
 export * from './overlay/overlay';
 export * from './overlay/position';
-export { AbsolutePosition, RelativePosition, RelativePositionStrategy, HorizontalAlignment, VerticalAlignment, Point, OverlayEventArgs, OverlayAnimationEventArgs, OverlayCancelableEventArgs, OverlayClosingEventArgs, OverlaySettings, PositionSettings } from './overlay/utilities';
 export * from './overlay/scroll';
-export * from './transaction/igx-transaction';
+export { AbsolutePosition, HorizontalAlignment, OverlayAnimationEventArgs, OverlayCancelableEventArgs, OverlayClosingEventArgs, OverlayCreateSettings, OverlayEventArgs, OverlaySettings, Point, PositionSettings, RelativePosition, RelativePositionStrategy, VerticalAlignment } from './overlay/utilities';
 export * from './transaction/base-transaction';
-export * from './transaction/transaction';
-export * from './transaction/igx-hierarchical-transaction';
 export * from './transaction/hierarchical-transaction';
+export * from './transaction/igx-hierarchical-transaction';
+export * from './transaction/igx-transaction';
+export * from './transaction/transaction';
 export * from './transaction/transaction-factory.service';
-export * from '../directives/text-highlight/text-highlight.service';

package/package.json

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