igniteui-angular-data-grids 21.0.1 → 21.1.0-beta.1

package/esm2015/lib/igx-image-cell-info.js

@@ -23,27 +23,27 @@ export class IgxImageCellInfo extends IgxCellInfo {
      * Sets or gets the resource path to use to get the image for the cell.
     */
     get imagePath() {
-        return this.i.n8;
+        return this.i.oh;
     }
     set imagePath(v) {
-        this.i.n8 = v;
+        this.i.oh = v;
     }
     /**
      * Sets or gets the image stretching behavior for the image.
     */
     get imageStretchOption() {
-        return this.i.n3;
+        return this.i.oc;
     }
     set imageStretchOption(v) {
-        this.i.n3 = ensureEnum(ImageStretchOptions_$type, v);
+        this.i.oc = ensureEnum(ImageStretchOptions_$type, v);
     }
     /**
      * Sets or gets the image resource type. Indicates which type of resource should be fetched and how ImagePath should be interpreted.
     */
     get imageResourceType() {
-        return this.i.n1;
+        return this.i.oa;
     }
     set imageResourceType(v) {
-        this.i.n1 = ensureEnum(ImageResourceType_$type, v);
+        this.i.oa = ensureEnum(ImageResourceType_$type, v);
     }
 }

package/esm2015/lib/igx-image-column-component.js

@@ -41,46 +41,46 @@ export let IgxImageColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the stretch option to use when rendering images
         */
         get imageStretchOption() {
-            return this.i.qu;
+            return this.i.si;
         }
         set imageStretchOption(v) {
-            this.i.qu = ensureEnum(ImageStretchOptions_$type, v);
+            this.i.si = ensureEnum(ImageStretchOptions_$type, v);
         }
         /**
          * Gets or sets the editor type used for editing cells in this column.
         */
         get editorType() {
-            return this.i.qq;
+            return this.i.se;
         }
         set editorType(v) {
-            this.i.qq = ensureEnum(EditorType_$type, v);
+            this.i.se = ensureEnum(EditorType_$type, v);
         }
         /**
          * Gets or sets the ComboBox data source.
         */
         get editorDataSource() {
-            return this.i.qv;
+            return this.i.sj;
         }
         set editorDataSource(v) {
-            this.i.qv = v;
+            this.i.sj = v;
         }
         /**
          * Gets or sets the ComboBox text field.
         */
         get editorTextField() {
-            return this.i.qw;
+            return this.i.sk;
         }
         set editorTextField(v) {
-            this.i.qw = v;
+            this.i.sk = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get editorValueField() {
-            return this.i.qx;
+            return this.i.sl;
         }
         set editorValueField(v) {
-            this.i.qx = v;
+            this.i.sl = v;
         }
     }
     IgxImageColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxImageColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });

package/esm2015/lib/igx-image-column-dynamic-module.js

@@ -10,12 +10,14 @@ import { IgxImageColumnModule } from './igx-image-column-module';
 import { IgxImageColumnComponent } from './igx-image-column-component';
 import { ImageColumn } from './ImageColumn';
 import { TypeRegistrar } from "igniteui-angular-core";
+import { IgxImageCellInfo } from './igx-image-cell-info';
 import * as i0 from "@angular/core";
 export let IgxImageColumnDynamicModule = /*@__PURE__*/ (() => {
     class IgxImageColumnDynamicModule {
         constructor() {
             TypeRegistrar.registerCons("IgxImageColumnComponent", IgxImageColumnComponent);
             TypeRegistrar.register("ImageColumn", ImageColumn.$type);
+            TypeRegistrar.registerCons("IgxImageCellInfo", IgxImageCellInfo);
         }
     }
     IgxImageColumnDynamicModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxImageColumnDynamicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });

package/esm2015/lib/igx-numeric-cell-info.js

@@ -21,119 +21,128 @@ export class IgxNumericCellInfo extends IgxCellInfo {
      * Sets or gets the numeric value to use for the cell.
     */
     get numericValue() {
-        return this.i.n9;
+        return this.i.ok;
     }
     set numericValue(v) {
-        this.i.n9 = +v;
+        this.i.ok = +v;
     }
     /**
      * Sets or gets whether there is a decimal numeric value to use for the cell.
     */
     get hasDecimalValue() {
-        return this.i.n5;
+        return this.i.of;
     }
     set hasDecimalValue(v) {
-        this.i.n5 = ensureBool(v);
+        this.i.of = ensureBool(v);
     }
     /**
      * The format string to apply to the value
     */
     get formatStringOverride() {
-        return this.i.o3;
+        return this.i.pf;
     }
     set formatStringOverride(v) {
-        this.i.o3 = v;
+        this.i.pf = v;
     }
     get formatSpecifiers() {
-        return this.i.n1;
+        return this.i.oa;
     }
     set formatSpecifiers(v) {
         if (v && !Array.isArray(v) && typeof (v) == "string") {
             const re = /\s*(?:,|\s|$)\s*/gm;
             v = v.split(re);
         }
-        this.i.n1 = v;
+        this.i.oa = v;
     }
     /**
      * The format options to apply to the value
     */
     get formatOverride() {
-        return this.i.ov;
+        return this.i.o7;
     }
     set formatOverride(v) {
-        this.i.ov = v;
+        this.i.o7 = v;
     }
     /**
      * Sets or gets the text prepended to a negative numeric value
     */
     get negativePrefix() {
-        return this.i.o9;
+        return this.i.pm;
     }
     set negativePrefix(v) {
-        this.i.o9 = v;
+        this.i.pm = v;
     }
     /**
      * Sets or gets the text prepended to a positive numeric value
     */
     get positivePrefix() {
-        return this.i.pe;
+        return this.i.pr;
     }
     set positivePrefix(v) {
-        this.i.pe = v;
+        this.i.pr = v;
     }
     /**
      * Sets or gets the text appended to a negative numeric value
     */
     get negativeSuffix() {
-        return this.i.pb;
+        return this.i.po;
     }
     set negativeSuffix(v) {
-        this.i.pb = v;
+        this.i.po = v;
     }
     /**
      * Sets or gets the text appended to a positive numeric value
     */
     get positiveSuffix() {
-        return this.i.pg;
+        return this.i.pt;
     }
     set positiveSuffix(v) {
-        this.i.pg = v;
+        this.i.pt = v;
     }
     /**
      * The maximum number of decimal places to display when formatting
     */
     get maxFractionDigits() {
-        return this.i.oh;
+        return this.i.ot;
     }
     set maxFractionDigits(v) {
-        this.i.oh = +v;
+        this.i.ot = +v;
     }
     /**
      * The minimum number of decimal places to display when formatting
     */
     get minFractionDigits() {
-        return this.i.oj;
+        return this.i.ov;
     }
     set minFractionDigits(v) {
-        this.i.oj = +v;
+        this.i.ov = +v;
     }
     /**
      * The minimum number of integer digits to display when formatting
     */
     get minIntegerDigits() {
-        return this.i.ol;
+        return this.i.ox;
     }
     set minIntegerDigits(v) {
-        this.i.ol = +v;
+        this.i.ox = +v;
     }
     /**
      * Sets or gets if the grouping separator is shown
     */
     get showGroupingSeparator() {
-        return this.i.n7;
+        return this.i.oi;
     }
     set showGroupingSeparator(v) {
-        this.i.n7 = ensureBool(v);
+        this.i.oi = ensureBool(v);
+    }
+    /**
+     * Sets or gets if the value is treated as a percent and multiplied by 100 when formatted.
+    */
+    get isPercent() {
+        return this.i.oh;
+    }
+    set isPercent(v) {
+        this.i.oh = ensureBool(v);
     }
     findByName(name) {
         var baseResult = super.findByName(name);

package/esm2015/lib/igx-numeric-column-component.js

@@ -40,137 +40,147 @@ export let IgxNumericColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the string to prefix a negative value. If FormatString is specificied this value is ignored.
         */
         get negativePrefix() {
-            return this.i.rl;
+            return this.i.tc;
         }
         set negativePrefix(v) {
-            this.i.rl = v;
+            this.i.tc = v;
         }
         /**
          * Gets or sets the string to prefix a positive value. If FormatString is specificied this value is ignored.
         */
         get positivePrefix() {
-            return this.i.rp;
+            return this.i.tg;
         }
         set positivePrefix(v) {
-            this.i.rp = v;
+            this.i.tg = v;
         }
         /**
          * Gets or sets the string to suffix a negative value. If FormatString is specificied this value is ignored.
         */
         get negativeSuffix() {
-            return this.i.rn;
+            return this.i.te;
         }
         set negativeSuffix(v) {
-            this.i.rn = v;
+            this.i.te = v;
         }
         /**
          * Gets or sets the string to suffix a positive value. If FormatString is specificied this value is ignored.
         */
         get positiveSuffix() {
-            return this.i.rr;
+            return this.i.ti;
         }
         set positiveSuffix(v) {
-            this.i.rr = v;
+            this.i.ti = v;
         }
         /**
          * Gets or sets the maximum fraction digits. If FormatString is specificied this value is ignored.
         */
         get maxFractionDigits() {
-            return this.i.q0;
+            return this.i.sq;
         }
         set maxFractionDigits(v) {
-            this.i.q0 = +v;
+            this.i.sq = +v;
         }
         /**
          * Gets or sets the minimum fraction digits. If FormatString is specificied this value is ignored.
         */
         get minFractionDigits() {
-            return this.i.q1;
+            return this.i.sr;
         }
         set minFractionDigits(v) {
-            this.i.q1 = +v;
+            this.i.sr = +v;
         }
         /**
          * Gets or sets the minimum integer digits. If FormatString is specificied this value is ignored.
         */
         get minIntegerDigits() {
-            return this.i.q2;
+            return this.i.ss;
         }
         set minIntegerDigits(v) {
-            this.i.q2 = +v;
+            this.i.ss = +v;
+        }
+        /**
+         * Gets or sets whether the column's values are displayed as percentages.
+         * When true, the raw numeric value is multiplied by 100 before it is formatted for display.
+        */
+        get isPercent() {
+            return this.i.sk;
+        }
+        set isPercent(v) {
+            this.i.sk = ensureBool(v);
         }
         /**
          * Gets or sets whether to show a grouping separator. If FormatString is specificied this value is ignored.
         */
         get showGroupingSeparator() {
-            return this.i.qv;
+            return this.i.sl;
         }
         set showGroupingSeparator(v) {
-            this.i.qv = ensureBool(v);
+            this.i.sl = ensureBool(v);
         }
         /**
          * Gets or sets the format string to apply to the value. If set, the other value formatting properties on this column are ignored.
         */
         get formatString() {
-            return this.i.rg;
+            return this.i.s6;
         }
         set formatString(v) {
-            this.i.rg = v;
+            this.i.s6 = v;
         }
         get formatSpecifiers() {
-            return this.i.qr;
+            return this.i.sf;
         }
         set formatSpecifiers(v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 const re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.qr = v;
+            this.i.sf = v;
         }
         /**
          * Gets or sets the INTL NumericFormat object to use for formatting the date values.
         */
         get formatOverride() {
-            return this.i.q5;
+            return this.i.sv;
         }
         set formatOverride(v) {
-            this.i.q5 = v;
+            this.i.sv = v;
         }
         /**
          * Gets or sets the editor type used for editing cells in this column.
         */
         get editorType() {
-            return this.i.qt;
+            return this.i.sh;
         }
         set editorType(v) {
-            this.i.qt = ensureEnum(EditorType_$type, v);
+            this.i.sh = ensureEnum(EditorType_$type, v);
         }
         /**
          * Gets or sets the ComboBox data source.
         */
         get editorDataSource() {
-            return this.i.q4;
+            return this.i.su;
         }
         set editorDataSource(v) {
-            this.i.q4 = v;
+            this.i.su = v;
         }
         /**
          * Gets or sets the ComboBox text field.
         */
         get editorTextField() {
-            return this.i.rb;
+            return this.i.s1;
         }
         set editorTextField(v) {
-            this.i.rb = v;
+            this.i.s1 = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get editorValueField() {
-            return this.i.rc;
+            return this.i.s2;
         }
         set editorValueField(v) {
-            this.i.rc = v;
+            this.i.s2 = v;
         }
         findByName(name) {
             var baseResult = super.findByName(name);
@@ -184,7 +194,7 @@ export let IgxNumericColumnComponent = /*@__PURE__*/ (() => {
         }
     }
     IgxNumericColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxNumericColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    IgxNumericColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxNumericColumnComponent, selector: "igx-numeric-column", inputs: { negativePrefix: "negativePrefix", positivePrefix: "positivePrefix", negativeSuffix: "negativeSuffix", positiveSuffix: "positiveSuffix", maxFractionDigits: "maxFractionDigits", minFractionDigits: "minFractionDigits", minIntegerDigits: "minIntegerDigits", showGroupingSeparator: "showGroupingSeparator", formatString: "formatString", formatSpecifiers: "formatSpecifiers", formatOverride: "formatOverride", editorType: "editorType", editorDataSource: "editorDataSource", editorTextField: "editorTextField", editorValueField: "editorValueField" }, providers: [{ provide: IgxDataGridColumnComponent, useExisting: forwardRef(() => IgxNumericColumnComponent) }, { provide: IgxDefinitionBaseComponent, useExisting: forwardRef(() => IgxNumericColumnComponent) }], usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    IgxNumericColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxNumericColumnComponent, selector: "igx-numeric-column", inputs: { negativePrefix: "negativePrefix", positivePrefix: "positivePrefix", negativeSuffix: "negativeSuffix", positiveSuffix: "positiveSuffix", maxFractionDigits: "maxFractionDigits", minFractionDigits: "minFractionDigits", minIntegerDigits: "minIntegerDigits", isPercent: "isPercent", showGroupingSeparator: "showGroupingSeparator", formatString: "formatString", formatSpecifiers: "formatSpecifiers", formatOverride: "formatOverride", editorType: "editorType", editorDataSource: "editorDataSource", editorTextField: "editorTextField", editorValueField: "editorValueField" }, providers: [{ provide: IgxDataGridColumnComponent, useExisting: forwardRef(() => IgxNumericColumnComponent) }, { provide: IgxDefinitionBaseComponent, useExisting: forwardRef(() => IgxNumericColumnComponent) }], usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
     return IgxNumericColumnComponent;
 })();
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxNumericColumnComponent, decorators: [{
@@ -209,6 +219,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], minIntegerDigits: [{
                 type: Input
+            }], isPercent: [{
+                type: Input
             }], showGroupingSeparator: [{
                 type: Input
             }], formatString: [{

package/esm2015/lib/igx-numeric-column-dynamic-module.js

@@ -10,12 +10,14 @@ import { IgxNumericColumnModule } from './igx-numeric-column-module';
 import { IgxNumericColumnComponent } from './igx-numeric-column-component';
 import { NumericColumn } from './NumericColumn';
 import { TypeRegistrar } from "igniteui-angular-core";
+import { IgxNumericCellInfo } from './igx-numeric-cell-info';
 import * as i0 from "@angular/core";
 export let IgxNumericColumnDynamicModule = /*@__PURE__*/ (() => {
     class IgxNumericColumnDynamicModule {
         constructor() {
             TypeRegistrar.registerCons("IgxNumericColumnComponent", IgxNumericColumnComponent);
             TypeRegistrar.register("NumericColumn", NumericColumn.$type);
+            TypeRegistrar.registerCons("IgxNumericCellInfo", IgxNumericCellInfo);
         }
     }
     IgxNumericColumnDynamicModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxNumericColumnDynamicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });

package/esm2015/lib/igx-row-separator-dynamic-module.js

@@ -10,12 +10,14 @@ import { IgxRowSeparatorModule } from './igx-row-separator-module';
 import { IgxRowSeparatorComponent } from './igx-row-separator-component';
 import { RowSeparator } from './RowSeparator';
 import { TypeRegistrar } from "igniteui-angular-core";
+import { IgxRowSeparatorInfo } from './igx-row-separator-info';
 import * as i0 from "@angular/core";
 export let IgxRowSeparatorDynamicModule = /*@__PURE__*/ (() => {
     class IgxRowSeparatorDynamicModule {
         constructor() {
             TypeRegistrar.registerCons("IgxRowSeparatorComponent", IgxRowSeparatorComponent);
             TypeRegistrar.register("RowSeparator", RowSeparator.$type);
+            TypeRegistrar.registerCons("IgxRowSeparatorInfo", IgxRowSeparatorInfo);
         }
     }
     IgxRowSeparatorDynamicModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxRowSeparatorDynamicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });

package/esm2015/lib/igx-section-header-cell-info.js

@@ -22,27 +22,27 @@ export class IgxSectionHeaderCellInfo extends IgxCellInfo {
      * Sets or gets the resolved text for the section header cell.
     */
     get resolvedText() {
-        return this.i.og;
+        return this.i.op;
     }
     set resolvedText(v) {
-        this.i.og = v;
+        this.i.op = v;
     }
     /**
      * Sets or gets the resolved summary text for the section header cell.
     */
     get resolvedSummaryText() {
-        return this.i.oe;
+        return this.i.on;
     }
     set resolvedSummaryText(v) {
-        this.i.oe = v;
+        this.i.on = v;
     }
     /**
      * Sets or gets how summaries are displayed in the section header cell.
     */
     get summaryDisplayMode() {
-        return this.i.n5;
+        return this.i.oe;
     }
     set summaryDisplayMode(v) {
-        this.i.n5 = ensureEnum(GroupSummaryDisplayMode_$type, v);
+        this.i.oe = ensureEnum(GroupSummaryDisplayMode_$type, v);
     }
 }

package/esm2015/lib/igx-section-header-component.js

@@ -36,68 +36,98 @@ export let IgxSectionHeaderComponent = /*@__PURE__*/ (() => {
             }
         }
         get selectedBackground() {
-            return brushToString(this.i.hv);
+            return brushToString(this.i.h9);
         }
         set selectedBackground(v) {
-            this.i.hv = stringToBrush(v);
+            this.i.h9 = stringToBrush(v);
         }
         get actualSelectedBackground() {
-            return brushToString(this.i.hu);
+            return brushToString(this.i.h6);
         }
         set actualSelectedBackground(v) {
-            this.i.hu = stringToBrush(v);
+            this.i.h6 = stringToBrush(v);
+        }
+        get selectedTextColor() {
+            return brushToString(this.i.ia);
+        }
+        set selectedTextColor(v) {
+            this.i.ia = stringToBrush(v);
+        }
+        get actualSelectedTextColor() {
+            return brushToString(this.i.h7);
+        }
+        set actualSelectedTextColor(v) {
+            this.i.h7 = stringToBrush(v);
+        }
+        /**
+         * Gets or sets the color of the section header's expansion indicator icon. When unset, the icon defers to the grid-level color or the resolved section header text color.
+        */
+        get expansionIndicatorIconColor() {
+            return brushToString(this.i.h8);
+        }
+        set expansionIndicatorIconColor(v) {
+            this.i.h8 = stringToBrush(v);
+        }
+        /**
+         * Gets the resolved color of the section header's expansion indicator icon.
+        */
+        get actualExpansionIndicatorIconColor() {
+            return brushToString(this.i.h5);
+        }
+        set actualExpansionIndicatorIconColor(v) {
+            this.i.h5 = stringToBrush(v);
         }
         /**
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get paddingLeft() {
-            return this.i.hd;
+            return this.i.he;
         }
         set paddingLeft(v) {
-            this.i.hd = +v;
+            this.i.he = +v;
         }
         /**
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get paddingTop() {
-            return this.i.hf;
+            return this.i.hg;
         }
         set paddingTop(v) {
-            this.i.hf = +v;
+            this.i.hg = +v;
         }
         /**
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get paddingRight() {
-            return this.i.he;
+            return this.i.hf;
         }
         set paddingRight(v) {
-            this.i.he = +v;
+            this.i.hf = +v;
         }
         /**
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get paddingBottom() {
-            return this.i.hc;
+            return this.i.hd;
         }
         set paddingBottom(v) {
-            this.i.hc = +v;
+            this.i.hd = +v;
         }
         get isCollapsable() {
-            return this.i.g6;
+            return this.i.g7;
         }
         set isCollapsable(v) {
-            this.i.g6 = ensureBool(v);
+            this.i.g7 = ensureBool(v);
         }
         get summaryDisplayMode() {
-            return this.i.g3;
+            return this.i.g4;
         }
         set summaryDisplayMode(v) {
-            this.i.g3 = ensureEnum(GroupSummaryDisplayMode_$type, v);
+            this.i.g4 = ensureEnum(GroupSummaryDisplayMode_$type, v);
         }
     }
     IgxSectionHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxSectionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    IgxSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxSectionHeaderComponent, selector: "igx-section-header", inputs: { selectedBackground: "selectedBackground", actualSelectedBackground: "actualSelectedBackground", paddingLeft: "paddingLeft", paddingTop: "paddingTop", paddingRight: "paddingRight", paddingBottom: "paddingBottom", isCollapsable: "isCollapsable", summaryDisplayMode: "summaryDisplayMode" }, providers: [{ provide: IgxDefinitionBaseComponent, useExisting: forwardRef(() => IgxSectionHeaderComponent) }], usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    IgxSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxSectionHeaderComponent, selector: "igx-section-header", inputs: { selectedBackground: "selectedBackground", actualSelectedBackground: "actualSelectedBackground", selectedTextColor: "selectedTextColor", actualSelectedTextColor: "actualSelectedTextColor", expansionIndicatorIconColor: "expansionIndicatorIconColor", actualExpansionIndicatorIconColor: "actualExpansionIndicatorIconColor", paddingLeft: "paddingLeft", paddingTop: "paddingTop", paddingRight: "paddingRight", paddingBottom: "paddingBottom", isCollapsable: "isCollapsable", summaryDisplayMode: "summaryDisplayMode" }, providers: [{ provide: IgxDefinitionBaseComponent, useExisting: forwardRef(() => IgxSectionHeaderComponent) }], usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
     return IgxSectionHeaderComponent;
 })();
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxSectionHeaderComponent, decorators: [{
@@ -112,6 +142,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], actualSelectedBackground: [{
                 type: Input
+            }], selectedTextColor: [{
+                type: Input
+            }], actualSelectedTextColor: [{
+                type: Input
+            }], expansionIndicatorIconColor: [{
+                type: Input
+            }], actualExpansionIndicatorIconColor: [{
+                type: Input
             }], paddingLeft: [{
                 type: Input
             }], paddingTop: [{