igniteui-webcomponents-data-grids 7.0.1-beta.0 → 7.1.0-alpha.0

package/esm2015/lib/igc-data-grid-component.js

@@ -132,7 +132,6 @@ import { IgcTextHeaderCellInfo } from "./igc-text-header-cell-info";
 import { IgcFilterCellInfo } from "./igc-filter-cell-info";
 import { CellContentVerticalAlignment_$type } from "./CellContentVerticalAlignment";
 import { IgcDataSourceRootSummariesChangedEventArgs } from "igniteui-webcomponents-core";
-import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 let GridStylingDefaults = {};
 let IgcDataGridComponent = /*@__PURE__*/ (() => {
     class IgcDataGridComponent extends IgcHTMLElement {
@@ -935,18 +934,8 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             }
         }
         /**
-     * Gets or sets the base theme used by the grid.
+     * Gets or sets the type of column resizing to use.
     */
-        get theme() {
-            return this.i.theme;
-        }
-        set theme(v) {
-            this.i.theme = ensureEnum(BaseControlTheme_$type, v);
-            this._a("theme", enumToString(BaseControlTheme_$type, this.i.theme));
-        }
-        /**
-         * Gets or sets the type of column resizing to use.
-        */
         get columnResizingMode() {
             return this.i.columnResizingMode;
         }
@@ -2348,16 +2337,6 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             this.i.columnOptionsIconBehavior = ensureEnum(ColumnOptionsIconBehavior_$type, v);
             this._a("columnOptionsIconBehavior", enumToString(ColumnOptionsIconBehavior_$type, this.i.columnOptionsIconBehavior));
         }
-        /**
-         * Gets the actual border color around the grid.
-        */
-        get actualBorder() {
-            return brushToString(this.i.actualBorder);
-        }
-        set actualBorder(v) {
-            this.i.actualBorder = stringToBrush(v);
-            this._a("actualBorder", brushToString(this.i.actualBorder));
-        }
         /**
          * Gets or sets the border color around the grid.
         */
@@ -2533,26 +2512,6 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             this.i.stopPropagation = ensureBool(v);
             this._a("stopPropagation", this.i.stopPropagation);
         }
-        /**
-         * Gets the actual background for the grid.
-        */
-        get actualBackground() {
-            return brushToString(this.i.actualBackground);
-        }
-        set actualBackground(v) {
-            this.i.actualBackground = stringToBrush(v);
-            this._a("actualBackground", brushToString(this.i.actualBackground));
-        }
-        /**
-         * Gets or sets the background for the grid.
-        */
-        get background() {
-            return brushToString(this.i.background);
-        }
-        set background(v) {
-            this.i.background = stringToBrush(v);
-            this._a("background", brushToString(this.i.background));
-        }
         /**
          * A set of states that can be applied to the columns of the grid based on available space.
         */
@@ -3144,63 +3103,6 @@ let IgcDataGridComponent = /*@__PURE__*/ (() => {
             this.i.scrollbarBackground = stringToBrush(v);
             this._a("scrollbarBackground", brushToString(this.i.scrollbarBackground));
         }
-        /**
-         * Gets or sets the column options dropdown background color.
-        */
-        get columnOptionsBackground() {
-            return brushToString(this.i.columnOptionsBackground);
-        }
-        set columnOptionsBackground(v) {
-            this.i.columnOptionsBackground = stringToBrush(v);
-            this._a("columnOptionsBackground", brushToString(this.i.columnOptionsBackground));
-        }
-        /**
-         * Gets or sets the text color for text inside the column options menu.
-        */
-        get columnOptionsTextColor() {
-            return brushToString(this.i.columnOptionsTextColor);
-        }
-        set columnOptionsTextColor(v) {
-            this.i.columnOptionsTextColor = stringToBrush(v);
-            this._a("columnOptionsTextColor", brushToString(this.i.columnOptionsTextColor));
-        }
-        /**
-         * Gets or sets the color of separators inside the column options menu.
-        */
-        get columnOptionsSeparatorColor() {
-            return brushToString(this.i.columnOptionsSeparatorColor);
-        }
-        set columnOptionsSeparatorColor(v) {
-            this.i.columnOptionsSeparatorColor = stringToBrush(v);
-            this._a("columnOptionsSeparatorColor", brushToString(this.i.columnOptionsSeparatorColor));
-        }
-        /**
-         * Gets or sets the background color for group headers inside the column options menu.
-        */
-        get columnOptionsGroupHeaderBackground() {
-            return brushToString(this.i.columnOptionsGroupHeaderBackground);
-        }
-        set columnOptionsGroupHeaderBackground(v) {
-            this.i.columnOptionsGroupHeaderBackground = stringToBrush(v);
-            this._a("columnOptionsGroupHeaderBackground", brushToString(this.i.columnOptionsGroupHeaderBackground));
-        }
-        /**
-         * Gets or sets the text color for group headers inside the column options menu.
-        */
-        get columnOptionsGroupHeaderTextColor() {
-            return brushToString(this.i.columnOptionsGroupHeaderTextColor);
-        }
-        set columnOptionsGroupHeaderTextColor(v) {
-            this.i.columnOptionsGroupHeaderTextColor = stringToBrush(v);
-            this._a("columnOptionsGroupHeaderTextColor", brushToString(this.i.columnOptionsGroupHeaderTextColor));
-        }
-        get columnOptionsAccentColor() {
-            return brushToString(this.i.columnOptionsAccentColor);
-        }
-        set columnOptionsAccentColor(v) {
-            this.i.columnOptionsAccentColor = stringToBrush(v);
-            this._a("columnOptionsAccentColor", brushToString(this.i.columnOptionsAccentColor));
-        }
         get allowCopyOperation() {
             return this.i.allowCopyOperation;
         }

package/esm2015/lib/igc-data-grid-filter-dialog-component.js

@@ -142,11 +142,11 @@ let IgcDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
             }
         }
         get isAnimationEnabled() {
-            return this.i.ad;
+            return this.i.ab;
         }
         set isAnimationEnabled(v) {
-            this.i.ad = ensureBool(v);
-            this._a("isAnimationEnabled", this.i.ad);
+            this.i.ab = ensureBool(v);
+            this._a("isAnimationEnabled", this.i.ab);
         }
         /**
          * Gets or sets the scaling value used to affect the pixel density of the control.
@@ -154,11 +154,11 @@ let IgcDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
          * to appear blurry.
         */
         get pixelScalingRatio() {
-            return this.i.al;
+            return this.i.aj;
         }
         set pixelScalingRatio(v) {
-            this.i.al = +v;
-            this._a("pixelScalingRatio", this.i.al);
+            this.i.aj = +v;
+            this._a("pixelScalingRatio", this.i.aj);
         }
         /**
          * Gets the actual pixel scaling ratio used to affect the pixel density of the control.
@@ -166,85 +166,28 @@ let IgcDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
          * to appear blurry.
         */
         get actualPixelScalingRatio() {
-            return this.i.ak;
+            return this.i.ai;
         }
         set actualPixelScalingRatio(v) {
-            this.i.ak = +v;
-            this._a("actualPixelScalingRatio", this.i.ak);
+            this.i.ai = +v;
+            this._a("actualPixelScalingRatio", this.i.ai);
         }
         get iconColor() {
-            return brushToString(this.i.ci);
+            return brushToString(this.i.bw);
         }
         set iconColor(v) {
-            this.i.ci = stringToBrush(v);
-            this._a("iconColor", brushToString(this.i.ci));
+            this.i.bw = stringToBrush(v);
+            this._a("iconColor", brushToString(this.i.bw));
         }
         get viewSize() {
-            return this.i.am;
+            return this.i.ak;
         }
         set viewSize(v) {
-            this.i.am = +v;
-            this._a("viewSize", this.i.am);
-        }
-        /**
-         * Gets or sets the column options dropdown background color.
-        */
-        get columnOptionsBackground() {
-            return brushToString(this.i.cd);
-        }
-        set columnOptionsBackground(v) {
-            this.i.cd = stringToBrush(v);
-            this._a("columnOptionsBackground", brushToString(this.i.cd));
-        }
-        /**
-         * Gets or sets the text color for text inside the column options menu.
-        */
-        get columnOptionsTextColor() {
-            return brushToString(this.i.ch);
-        }
-        set columnOptionsTextColor(v) {
-            this.i.ch = stringToBrush(v);
-            this._a("columnOptionsTextColor", brushToString(this.i.ch));
-        }
-        /**
-         * Gets or sets the color of separators inside the column options menu.
-        */
-        get columnOptionsSeparatorColor() {
-            return brushToString(this.i.cg);
-        }
-        set columnOptionsSeparatorColor(v) {
-            this.i.cg = stringToBrush(v);
-            this._a("columnOptionsSeparatorColor", brushToString(this.i.cg));
-        }
-        /**
-         * Gets or sets the background color for group headers inside the column options menu.
-        */
-        get columnOptionsGroupHeaderBackground() {
-            return brushToString(this.i.ce);
-        }
-        set columnOptionsGroupHeaderBackground(v) {
-            this.i.ce = stringToBrush(v);
-            this._a("columnOptionsGroupHeaderBackground", brushToString(this.i.ce));
-        }
-        /**
-         * Gets or sets the text color for group headers inside the column options menu.
-        */
-        get columnOptionsGroupHeaderTextColor() {
-            return brushToString(this.i.cf);
-        }
-        set columnOptionsGroupHeaderTextColor(v) {
-            this.i.cf = stringToBrush(v);
-            this._a("columnOptionsGroupHeaderTextColor", brushToString(this.i.cf));
-        }
-        get columnOptionsAccentColor() {
-            return brushToString(this.i.cc);
-        }
-        set columnOptionsAccentColor(v) {
-            this.i.cc = stringToBrush(v);
-            this._a("columnOptionsAccentColor", brushToString(this.i.cc));
+            this.i.ak = +v;
+            this._a("viewSize", this.i.ak);
         }
         get isOpen() {
-            return this.i.ae;
+            return this.i.ac;
         }
         get commandCompleted() {
             return this.i.commandCompleted;
@@ -320,16 +263,16 @@ let IgcDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
             this._inStyling = false;
         }
         notifySizeChanged(width, height) {
-            this.i.bo(width, height);
+            this.i.be(width, height);
         }
         notifyCellSizeChanged() {
-            this.i.bn();
+            this.i.bd();
         }
         showIcon() {
-            this.i.b1();
+            this.i.br();
         }
         hideIcon() {
-            this.i.bl();
+            this.i.bb();
         }
         getDesiredToolbarActions() {
             let iv = this.i.getDesiredToolbarActions();

package/esm2015/lib/igc-data-grid-pager-component.js

@@ -178,10 +178,10 @@ let IgcDataGridPagerComponent = /*@__PURE__*/ (() => {
             }
         }
         get pagerText() {
-            return this.i.bb;
+            return this.i.a9;
         }
         set pagerText(v) {
-            this.i.bb = v;
+            this.i.a9 = v;
         }
         /**
          * Gets or sets the page size.
@@ -231,32 +231,12 @@ let IgcDataGridPagerComponent = /*@__PURE__*/ (() => {
         /**
          * Gets or sets the background color to use.
         */
-        get actualBackground() {
-            return brushToString(this.i.cg);
-        }
-        set actualBackground(v) {
-            this.i.cg = stringToBrush(v);
-            this._a("actualBackground", brushToString(this.i.cg));
-        }
-        /**
-         * Gets or sets the background color to use.
-        */
         get background() {
-            return brushToString(this.i.ci);
+            return brushToString(this.i.ca);
         }
         set background(v) {
-            this.i.ci = stringToBrush(v);
-            this._a("background", brushToString(this.i.ci));
-        }
-        /**
-         * Gets or sets the border color around the grid.
-        */
-        get actualBorder() {
-            return brushToString(this.i.ch);
-        }
-        set actualBorder(v) {
-            this.i.ch = stringToBrush(v);
-            this._a("actualBorder", brushToString(this.i.ch));
+            this.i.ca = stringToBrush(v);
+            this._a("background", brushToString(this.i.ca));
         }
         /**
          * Gets or sets the border color around the grid.
@@ -330,16 +310,16 @@ let IgcDataGridPagerComponent = /*@__PURE__*/ (() => {
             this._inStyling = false;
         }
         nextPage() {
-            this.i.bp();
+            this.i.bn();
         }
         previousPage() {
-            this.i.b0();
+            this.i.by();
         }
         firstPage() {
-            this.i.bm();
+            this.i.bk();
         }
         lastPage() {
-            this.i.bo();
+            this.i.bm();
         }
         provideContainer(container) {
             this.i.provideContainer(container);
@@ -357,7 +337,7 @@ let IgcDataGridPagerComponent = /*@__PURE__*/ (() => {
         
         */
         exportSerializedVisualModel() {
-            let iv = this.i.a1();
+            let iv = this.i.az();
             return (iv);
         }
         /**

package/esm2015/lib/igc-date-time-column-component.js

@@ -67,95 +67,95 @@ let IgcDateTimeColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the date time format to use for this column. If FormatString is specificied this value is ignored.
         */
         get dateTimeFormat() {
-            return this.i.qv;
+            return this.i.pe;
         }
         set dateTimeFormat(v) {
-            this.i.qv = ensureEnum(DateTimeFormats_$type, v);
-            this._a("dateTimeFormat", enumToString(DateTimeFormats_$type, this.i.qv));
+            this.i.pe = ensureEnum(DateTimeFormats_$type, v);
+            this._a("dateTimeFormat", enumToString(DateTimeFormats_$type, this.i.pe));
         }
         /**
          * 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.rd;
+            return this.i.pw;
         }
         set formatString(v) {
-            this.i.rd = v;
+            this.i.pw = v;
         }
         /**
          * Gets or sets the format string to use when editing dates.
         */
         get editorFormatString() {
-            return this.i.q6;
+            return this.i.pp;
         }
         set editorFormatString(v) {
-            this.i.q6 = v;
+            this.i.pp = v;
         }
         get formatSpecifiers() {
-            return this.i.qr;
+            return this.i.pa;
         }
         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.pa = v;
         }
         /**
          * Gets or sets the INTL DateTimeFormat object to use for formatting the date values.
         */
         get formatOverride() {
-            return this.i.q2;
+            return this.i.pl;
         }
         set formatOverride(v) {
-            this.i.q2 = v;
+            this.i.pl = v;
         }
         /**
          * Gets or sets the ShowTodayButton property to detirmine if the today button is shown
         */
         get showTodayButton() {
-            return this.i.qy;
+            return this.i.ph;
         }
         set showTodayButton(v) {
-            this.i.qy = ensureBool(v);
-            this._a("showTodayButton", this.i.qy);
+            this.i.ph = ensureBool(v);
+            this._a("showTodayButton", this.i.ph);
         }
         /**
          * Gets or sets the editor type used for editing cells in this column.
         */
         get editorType() {
-            return this.i.qw;
+            return this.i.pf;
         }
         set editorType(v) {
-            this.i.qw = ensureEnum(EditorType_$type, v);
-            this._a("editorType", enumToString(EditorType_$type, this.i.qw));
+            this.i.pf = ensureEnum(EditorType_$type, v);
+            this._a("editorType", enumToString(EditorType_$type, this.i.pf));
         }
         /**
          * Gets or sets the ComboBox data source.
         */
         get editorDataSource() {
-            return this.i.q1;
+            return this.i.pk;
         }
         set editorDataSource(v) {
-            this.i.q1 = v;
+            this.i.pk = v;
         }
         /**
          * Gets or sets the ComboBox text field.
         */
         get editorTextField() {
-            return this.i.q8;
+            return this.i.pr;
         }
         set editorTextField(v) {
-            this.i.q8 = v;
+            this.i.pr = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get editorValueField() {
-            return this.i.q9;
+            return this.i.ps;
         }
         set editorValueField(v) {
-            this.i.q9 = v;
+            this.i.ps = v;
         }
         findByName(name) {
             var baseResult = super.findByName(name);