igniteui-angular 17.2.0-rc.1 → 17.2.1

package/lib/calendar/month-picker/month-picker.component.d.ts

@@ -1,15 +1,25 @@
-import { ElementRef, AfterViewInit } from "@angular/core";
+import { ElementRef, AfterViewInit, OnDestroy, OnInit } from "@angular/core";
 import { IgxMonthsViewComponent } from "../months-view/months-view.component";
 import { IgxYearsViewComponent } from "../years-view/years-view.component";
 import { IgxDaysViewComponent } from "../days-view/days-view.component";
 import { IgxCalendarBaseDirective } from "../calendar-base";
 import * as i0 from "@angular/core";
-export declare class IgxMonthPickerComponent extends IgxCalendarBaseDirective implements AfterViewInit {
+export declare class IgxMonthPickerComponent extends IgxCalendarBaseDirective implements OnInit, AfterViewInit, OnDestroy {
     /**
      * Sets/gets the `id` of the month picker.
      * If not set, the `id` will have value `"igx-month-picker-0"`.
      */
     id: string;
+    /**
+     * @hidden
+     * @internal
+     */
+    private _activeDescendant;
+    /**
+     * @hidden
+     * @internal
+     */
+    wrapper: ElementRef;
     /**
      * The default css class applied to the component.
      *
@@ -40,6 +50,16 @@ export declare class IgxMonthPickerComponent extends IgxCalendarBaseDirective im
      * @hidden
      */
     nextPage(event?: KeyboardEvent): void;
+    /**
+     * @hidden
+     * @internal
+     */
+    onActiveViewDecadeKB(date: Date, event: KeyboardEvent, activeViewIdx: number): void;
+    /**
+     * @hidden
+     * @internal
+     */
+    onActiveViewDecade(event: MouseEvent, date: Date, activeViewIdx: number): void;
     /**
      * @hidden
      */
@@ -79,7 +99,68 @@ export declare class IgxMonthPickerComponent extends IgxCalendarBaseDirective im
      * @hidden
      */
     updateDate(date: Date): void;
+    protected onMouseDown(event: MouseEvent): void;
+    private _showActiveDay;
+    /**
+     * @hidden
+     * @internal
+     */
+    protected set showActiveDay(value: boolean);
+    protected get showActiveDay(): boolean;
+    protected get activeDescendant(): number;
+    protected set activeDescendant(date: Date);
+    get isDefaultView(): boolean;
+    ngOnInit(): void;
     ngAfterViewInit(): void;
+    private onWrapperFocus;
+    private onWrapperBlur;
+    private handlePageUpDown;
+    private handlePageUp;
+    private handlePageDown;
+    private onArrowUp;
+    private onArrowDown;
+    private onArrowLeft;
+    private onArrowRight;
+    private onEnter;
+    private onHome;
+    private onEnd;
+    /**
+     * @hidden
+     * @internal
+     */
+    ngOnDestroy(): void;
+    /**
+     * @hidden
+     * @internal
+     */
+    getPrevYearDate(date: Date): Date;
+    /**
+     * @hidden
+     * @internal
+     */
+    getNextYearDate(date: Date): Date;
+    /**
+     * Getter for the context object inside the calendar templates.
+     *
+     * @hidden
+     * @internal
+     */
+    getContext(i: number): {
+        $implicit: {
+            index: number;
+            date: Date;
+        } | {
+            index: number;
+            date: Date;
+        }[];
+    };
+    /**
+     * Helper method building and returning the context object inside the calendar templates.
+     *
+     * @hidden
+     * @internal
+     */
+    private generateContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxMonthPickerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxMonthPickerComponent, "igx-month-picker", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -34,6 +34,22 @@
             @extend %igx-button--fab !optional;
         }
 
+        @include mx(flat, focused) {
+            @extend %igx-button--flat-focused !optional;
+        }
+
+        @include mx(contained, focused) {
+            @extend %igx-button--contained-focused !optional;
+        }
+
+        @include mx(outlined, focused) {
+            @extend %igx-button--outlined-focused !optional;
+        }
+
+        @include mx(fab, focused) {
+            @extend %igx-button--fab-focused !optional;
+        }
+
         // DISABLED BUTTON
         @include m(disabled) {
             @extend %igx-button--disabled !optional;