igniteui-angular 17.2.21 → 17.2.23

package/lib/combo/combo.common.d.ts

@@ -784,10 +784,13 @@ export declare abstract class IgxComboBaseDirective extends DisplayDensityBase i
     /** @hidden @internal */
     onBlur(): void;
     /** @hidden @internal */
+    onFocus(): void;
+    /** @hidden @internal */
     setActiveDescendant(): void;
     /** @hidden @internal */
     toggleCaseSensitive(): void;
     protected onStatusChanged: () => void;
+    private validateComboState;
     private get isTouchedOrDirty();
     private get hasValidators();
     /** if there is a valueKey - map the keys to data items, else - just return the keys */

package/lib/core/styles/components/input/_input-group-theme.scss

@@ -1256,6 +1256,7 @@
 
     %form-group-textarea--disabled {
         color: var-get($theme, 'disabled-text-color') !important;
+        cursor: default;
 
         &::placeholder {
             color: var-get($theme, 'disabled-placeholder-color');

package/lib/core/styles/components/query-builder/_query-builder-theme.scss

@@ -225,7 +225,7 @@
             .igx-filter-tree__expression-column {
                 padding-inline: pad-inline(rem(3px), rem(6px), rem(8px));
             }
-            
+
             igx-prefix {
                 display: flex;
             }
@@ -239,20 +239,10 @@
     %filter-tree__expression-actions {
         display: inline-flex;
         margin: 0 rem(8px);
+        gap: rem(8px);
 
-        igx-icon {
-            cursor: pointer;
-            color: color(null, 'gray', 500);
-            outline-style: none;
-
-            &:hover,
-            &:focus {
-                color: color(null, 'gray', 800);
-            }
-        }
-
-        igx-icon + igx-icon {
-            margin-inline-start: rem(8px);
+        %igx-icon-button-display {
+            --size: #{sizable(rem(20px), rem(24px), rem(32px))};
         }
     }
 

package/lib/date-common/picker-base.directive.d.ts

@@ -193,6 +193,7 @@ export declare abstract class PickerBaseDirective extends DisplayDensityBase imp
     protected _minValue: Date | string;
     protected _maxValue: Date | string;
     protected _weekStart: WEEKDAYS | number;
+    protected abstract get toggleContainer(): HTMLElement | undefined;
     /**
      * Gets the picker's pop-up state.
      *
@@ -204,6 +205,11 @@ export declare abstract class PickerBaseDirective extends DisplayDensityBase imp
     get collapsed(): boolean;
     /** @hidden @internal */
     get isDropdown(): boolean;
+    /**
+     * Returns if there's focus within the picker's element OR popup container
+     * @hidden @internal
+     */
+    get isFocused(): boolean;
     protected _destroy$: Subject<void>;
     abstract valueChange: EventEmitter<any>;
     constructor(element: ElementRef, _localeId: string, _displayDensityOptions?: IDisplayDensityOptions, _inputGroupType?: IgxInputGroupType);

package/lib/date-picker/date-picker.component.d.ts

@@ -274,6 +274,7 @@ export declare class IgxDatePickerComponent extends PickerBaseDirective implemen
     private _ngControl;
     private _statusChanges$;
     private _calendar;
+    private _calendarContainer?;
     private _specialDates;
     private _disabledDates;
     private _overlaySubFilter;
@@ -289,6 +290,7 @@ export declare class IgxDatePickerComponent extends PickerBaseDirective implemen
     get required(): boolean;
     /** @hidden @internal */
     get pickerResourceStrings(): IDatePickerResourceStrings;
+    protected get toggleContainer(): HTMLElement | undefined;
     /** @hidden @internal */
     onKeyDown(event: KeyboardEvent): void;
     /**

package/lib/date-range-picker/date-range-picker.component.d.ts

@@ -238,6 +238,7 @@ export declare class IgxDateRangePickerComponent extends PickerBaseDirective imp
     get hasProjectedInputs(): boolean;
     /** @hidden @internal */
     get separatorClass(): string;
+    protected get toggleContainer(): HTMLElement | undefined;
     private get required();
     private get calendar();
     private get dropdownOverlaySettings();
@@ -250,6 +251,7 @@ export declare class IgxDateRangePickerComponent extends PickerBaseDirective imp
     private _ngControl;
     private _statusChanges$;
     private _calendar;
+    private _calendarContainer?;
     private _positionSettings;
     private _focusedInput;
     private _overlaySubFilter;

package/lib/grids/filtering/base/grid-filtering-row.component.d.ts

@@ -209,7 +209,7 @@ export declare class IgxGridFilteringRowComponent implements AfterViewInit, OnDe
     private conditionChangedCallback;
     private unaryConditionChangedCallback;
     private filter;
-    private editorsContain;
+    private editorFocused;
     private get isColumnFiltered();
     get isNarrowWidth(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxGridFilteringRowComponent, never>;

package/lib/slider/slider.component.d.ts

@@ -53,10 +53,6 @@ export declare class IgxSliderComponent implements ControlValueAccessor, EditorP
      * @hidden
      */
     tickLabelTemplateRef: TemplateRef<any>;
-    /**
-     * @hidden
-     */
-    role: string;
     /**
      * @hidden
      */
@@ -76,18 +72,6 @@ export declare class IgxSliderComponent implements ControlValueAccessor, EditorP
      * ```
      */
     thumbLabelVisibilityDuration: number;
-    /**
-     * @hidden
-     */
-    get valuemin(): number;
-    /**
-     * @hidden
-     */
-    get valuemax(): number;
-    /**
-     * @hidden
-     */
-    get readonly(): boolean;
     /**
      * @hidden
      */

package/lib/slider/thumb/thumb-slider.component.d.ts

@@ -20,11 +20,22 @@ export declare class IgxSliderThumbComponent implements OnInit, OnDestroy {
     context: any;
     type: SliderHandle;
     deactiveState: boolean;
+    min: number;
+    max: number;
+    labels: any[];
     thumbValueChange: EventEmitter<number>;
     thumbChange: EventEmitter<any>;
     thumbBlur: EventEmitter<void>;
     hoverChange: EventEmitter<boolean>;
     tabindex: number;
+    role: string;
+    get ariaValueNow(): any;
+    get ariaValueMin(): number;
+    get ariaValueMax(): number;
+    get ariaValueText(): any;
+    get ariaLabelAttr(): string;
+    ariaOrientation: string;
+    get ariaDisabled(): boolean;
     zIndex: number;
     focused: boolean;
     get thumbFromClass(): boolean;
@@ -74,7 +85,7 @@ export declare class IgxSliderThumbComponent implements OnInit, OnDestroy {
     private stepToProceed;
     private toggleThumbIndicators;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxSliderThumbComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IgxSliderThumbComponent, "igx-thumb", never, { "value": { "alias": "value"; "required": false; }; "continuous": { "alias": "continuous"; "required": false; }; "thumbLabelVisibilityDuration": { "alias": "thumbLabelVisibilityDuration"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "onPan": { "alias": "onPan"; "required": false; }; "stepDistance": { "alias": "stepDistance"; "required": false; }; "step": { "alias": "step"; "required": false; }; "templateRef": { "alias": "templateRef"; "required": false; }; "context": { "alias": "context"; "required": false; }; "type": { "alias": "type"; "required": false; }; "deactiveState": { "alias": "deactiveState"; "required": false; }; }, { "thumbValueChange": "thumbValueChange"; "thumbChange": "thumbChange"; "thumbBlur": "thumbBlur"; "hoverChange": "hoverChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgxSliderThumbComponent, "igx-thumb", never, { "value": { "alias": "value"; "required": false; }; "continuous": { "alias": "continuous"; "required": false; }; "thumbLabelVisibilityDuration": { "alias": "thumbLabelVisibilityDuration"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "onPan": { "alias": "onPan"; "required": false; }; "stepDistance": { "alias": "stepDistance"; "required": false; }; "step": { "alias": "step"; "required": false; }; "templateRef": { "alias": "templateRef"; "required": false; }; "context": { "alias": "context"; "required": false; }; "type": { "alias": "type"; "required": false; }; "deactiveState": { "alias": "deactiveState"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; }, { "thumbValueChange": "thumbValueChange"; "thumbChange": "thumbChange"; "thumbBlur": "thumbBlur"; "hoverChange": "hoverChange"; }, never, never, true, never>;
     static ngAcceptInputType_continuous: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_deactiveState: unknown;

package/lib/time-picker/time-picker.component.d.ts

@@ -202,6 +202,7 @@ export declare class IgxTimePickerComponent extends PickerBaseDirective implemen
     get minDateValue(): Date;
     /** @hidden @internal */
     get maxDateValue(): Date;
+    protected get toggleContainer(): HTMLElement | undefined;
     private get required();
     private get dialogOverlaySettings();
     private get dropDownOverlaySettings();

package/package.json

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