igniteui-angular 17.2.24 → 17.2.26

package/lib/avatar/avatar.component.d.ts

@@ -148,7 +148,8 @@ export declare class IgxAvatarComponent implements OnInit {
      * ```
      * @igxFriendlyName Image URL
      */
-    src: string;
+    set src(value: string);
+    get src(): string;
     /** @hidden @internal */
     protected defaultTemplate: TemplateRef<any>;
     /** @hidden @internal */
@@ -162,6 +163,7 @@ export declare class IgxAvatarComponent implements OnInit {
      * @internal
      */
     private _size;
+    private _src;
     /**
      * Returns the size of the avatar.
      *

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

@@ -784,13 +784,11 @@ 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 updateValidity;
     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/action-strip/_action-strip-component.scss

@@ -10,7 +10,7 @@
         @include register-component(
             $name: string.slice($this, 2, -1),
             $deps: (
-                igx-button,
+                igx-icon-button,
                 igx-drop-down,
                 igx-icon,
             )

package/lib/core/styles/components/dialog/_dialog-theme.scss

@@ -87,7 +87,7 @@
     @include css-vars($theme);
 
     $variant: map.get($theme, '_meta', 'variant');
-    $bootstrap-theme: map.get($theme, variant) == 'bootstrap';
+    $bootstrap-theme: map.get($theme, '_meta', 'variant') == 'bootstrap';
 
     $dialog-min-width: map.get((
         material: rem(280px),
@@ -96,21 +96,21 @@
     ), $variant);
 
     $dialog-title-padding: map.get((
-        material: rem(24px) rem(24px) rem(12px) rem(24px),
+        material: rem(16px) rem(24px) rem(0px) rem(24px),
         fluent: rem(16px) rem(24px) rem(24px) rem(24px),
         bootstrap: rem(16px),
         indigo-design: rem(24px) rem(24px) 0 rem(24px),
     ), $variant);
 
     $dialog-message-padding: map.get((
-        material: rem(12px) rem(24px),
+        material: rem(14px) rem(24px),
         fluent: 0 rem(24px) rem(20px) rem(24px),
         bootstrap: rem(16px),
         indigo-design: rem(16px) rem(24px),
     ), $variant);
 
     $dialog-actions-padding: map.get((
-        material: rem(8px),
+        material: 0 rem(8px) rem(8px),
         fluent: 0 rem(24px) rem(24px) rem(24px),
         bootstrap: rem(16px),
         indigo-design: rem(16px) rem(24px) rem(24px) rem(24px),
@@ -180,23 +180,16 @@
         flex-flow: row nowrap;
         justify-content: flex-end;
         padding: $dialog-actions-padding;
+        gap: if($variant == 'indigo-design', rem(16px), rem(8px));
 
         @if $bootstrap-theme {
             border-top: rem(1px) solid var-get($theme, 'border-color');
         }
 
-        button + button {
-            margin-inline-start: rem(8px);
-        }
-
         @if $variant == 'indigo-design' {
             .igx-button {
                 --ig-size: 2;
             }
-
-            button + button {
-                margin-inline-start: rem(16px);
-            }
         }
     }
 }

package/lib/core/styles/components/drop-down/_drop-down-theme.scss

@@ -327,16 +327,16 @@
     }
 }
 
-/// Adds typography styles for the igx-list component.
-/// Uses the 'caption' and 'subtitle-2'
+/// Adds typography styles for the igx-drop-down component.
+/// Uses the 'overline', 'body-2', 'subtitle-1'
 /// categories from the typographic scale.
 /// @group typography
-/// @param {Map} $categories [(header: 'overline', item: 'body-2', select-item: 'subtitle-1')] - The categories from the typographic scale used for type styles.
+/// @param {Map} $categories [(header: 'overline', item: 'body-2', select-item: 'body-2')] - The categories from the typographic scale used for type styles.
 @mixin drop-down-typography(
     $categories: (
         header: 'overline',
         item: 'body-2',
-        select-item: 'subtitle-1'
+        select-item: 'body-2'
     )
 ) {
     $header: map.get($categories, 'header');
@@ -355,4 +355,10 @@
             margin: 0;
         }
     }
+
+    %igx-drop-down__item--selected {
+        @include type-style($select-item) {
+            margin: 0;
+        }
+    }
 }

package/lib/core/styles/components/grid/_grid-component.scss

@@ -18,6 +18,7 @@
                 igx-checkbox,
                 igx-chip,
                 igx-grid-summary,
+                igx-icon-button,
                 igx-input-group,
                 igx-grid-toolbar,
                 igx-paginator,

package/lib/core/styles/components/paginator/_paginator-component.scss

@@ -10,7 +10,7 @@
             $name: string.slice($this, 2, -1),
             $deps: (
                 igx-button,
-                igx-icon,
+                igx-icon-button,
                 igx-input-group,
             )
         );

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

@@ -13,7 +13,15 @@
         $this: bem--selector-to-string(&);
         @include register-component(
             $name: string.slice($this, 2, -1),
-            $deps: ()
+            $deps: (
+                igx-icon,
+                igx-button,
+                igx-chip,
+                igx-select,
+                igx-input-button,
+                igx-icon-button,
+                igx-overlay,
+            )
         );
 
         @extend %advanced-filter !optional;

package/lib/core/styles/typography/_bootstrap.scss

@@ -63,9 +63,9 @@
     ));
     @include dock-manager-typography();
     @include drop-down-typography($categories: (
-        header: 'body-1',
-        item: 'body-1',
-        select-item: 'body-1'
+        header: 'overline',
+        item: 'body-2',
+        select-item: 'body-2'
     ));
     @include expansion-panel-typography($categories: (
         title: 'h5',

package/lib/core/styles/typography/_fluent.scss

@@ -60,9 +60,16 @@
     ));
     @include column-actions-typography();
     @include date-range-typography();
-    @include dialog-typography();
+    @include dialog-typography($categories: (
+        title: 'h6',
+        content: 'body-2'
+    ));
     @include dock-manager-typography();
-    @include drop-down-typography();
+    @include drop-down-typography($categories: (
+        header: 'subtitle-2',
+        item: 'body-2',
+        select-item: 'body-2'
+    ));
     @include expansion-panel-typography($categories: (
         title: 'subtitle-1',
         description: 'body-2',

package/lib/core/utils.d.ts

@@ -299,3 +299,8 @@ export declare function modulo(n: number, d: number): number;
  * ```
  */
 export declare function intoChunks<T>(arr: T[], size: number): Generator<T[], void, unknown>;
+/**
+ * @param path - The URI path to be normalized.
+ * @returns string encoded using the encodeURI function.
+ */
+export declare function normalizeURI(path: string): string;

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

@@ -251,6 +251,7 @@ export declare class IgxDatePickerComponent extends PickerBaseDirective implemen
     clearComponents: QueryList<IgxPickerClearComponent>;
     /** @hidden @internal */
     label: IgxLabelDirective;
+    private headerTitleTemplate;
     private headerTemplate;
     private dateTimeEditor;
     private viewContainerRef;
@@ -416,7 +417,7 @@ export declare class IgxDatePickerComponent extends PickerBaseDirective implemen
     private _initializeCalendarContainer;
     private setCalendarViewDate;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxDatePickerComponent, [null, null, null, null, null, null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IgxDatePickerComponent, "igx-date-picker", never, { "hideOutsideDays": { "alias": "hideOutsideDays"; "required": false; }; "displayMonthsCount": { "alias": "displayMonthsCount"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "formatter": { "alias": "formatter"; "required": false; }; "headerOrientation": { "alias": "headerOrientation"; "required": false; }; "todayButtonLabel": { "alias": "todayButtonLabel"; "required": false; }; "cancelButtonLabel": { "alias": "cancelButtonLabel"; "required": false; }; "spinLoop": { "alias": "spinLoop"; "required": false; }; "spinDelta": { "alias": "spinDelta"; "required": false; }; "outlet": { "alias": "outlet"; "required": false; }; "id": { "alias": "id"; "required": false; }; "formatViews": { "alias": "formatViews"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "specialDates": { "alias": "specialDates"; "required": false; }; "calendarFormat": { "alias": "calendarFormat"; "required": false; }; "value": { "alias": "value"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "resourceStrings": { "alias": "resourceStrings"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; }, { "valueChange": "valueChange"; "validationFailed": "validationFailed"; }, ["label", "headerTemplate", "subheaderTemplate", "pickerActions", "clearComponents"], ["[igxLabel]", "igx-prefix,[igxPrefix]", "igx-suffix,[igxSuffix]", "igx-hint,[igxHint]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgxDatePickerComponent, "igx-date-picker", never, { "hideOutsideDays": { "alias": "hideOutsideDays"; "required": false; }; "displayMonthsCount": { "alias": "displayMonthsCount"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "formatter": { "alias": "formatter"; "required": false; }; "headerOrientation": { "alias": "headerOrientation"; "required": false; }; "todayButtonLabel": { "alias": "todayButtonLabel"; "required": false; }; "cancelButtonLabel": { "alias": "cancelButtonLabel"; "required": false; }; "spinLoop": { "alias": "spinLoop"; "required": false; }; "spinDelta": { "alias": "spinDelta"; "required": false; }; "outlet": { "alias": "outlet"; "required": false; }; "id": { "alias": "id"; "required": false; }; "formatViews": { "alias": "formatViews"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "specialDates": { "alias": "specialDates"; "required": false; }; "calendarFormat": { "alias": "calendarFormat"; "required": false; }; "value": { "alias": "value"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "resourceStrings": { "alias": "resourceStrings"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; }, { "valueChange": "valueChange"; "validationFailed": "validationFailed"; }, ["label", "headerTitleTemplate", "headerTemplate", "subheaderTemplate", "pickerActions", "clearComponents"], ["[igxLabel]", "igx-prefix,[igxPrefix]", "igx-suffix,[igxSuffix]", "igx-hint,[igxHint]"], true, never>;
     static ngAcceptInputType_hideOutsideDays: unknown;
     static ngAcceptInputType_showWeekNumbers: unknown;
     static ngAcceptInputType_spinLoop: unknown;

package/lib/grids/filtering/excel-style/excel-style-filtering.component.d.ts

@@ -219,6 +219,7 @@ export declare class IgxGridExcelStyleFilteringComponent extends BaseFilteringCo
     private renderColumnValuesFromData;
     private renderValues;
     private generateFilterValues;
+    private modifyExpression;
     private generateListData;
     private getColumnFilterExpressionsTree;
     private addBooleanItems;

package/package.json

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