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

package/esm2015/lib/igc-header-component.js

@@ -55,75 +55,75 @@ let IgcHeaderComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the sort indicator icon
         */
         get sortIndicatorColor() {
-            return brushToString(this.i.hr);
+            return brushToString(this.i.hs);
         }
         set sortIndicatorColor(v) {
-            this.i.hr = stringToBrush(v);
-            this._a("sortIndicatorColor", brushToString(this.i.hr));
+            this.i.hs = stringToBrush(v);
+            this._a("sortIndicatorColor", brushToString(this.i.hs));
         }
         /**
          * Gets the actual background color that is used for the cells when they are selected
         */
         get actualSortIndicatorColor() {
-            return brushToString(this.i.hp);
+            return brushToString(this.i.hq);
         }
         set actualSortIndicatorColor(v) {
-            this.i.hp = stringToBrush(v);
-            this._a("actualSortIndicatorColor", brushToString(this.i.hp));
+            this.i.hq = stringToBrush(v);
+            this._a("actualSortIndicatorColor", brushToString(this.i.hq));
         }
         get sortIndicatorStyle() {
-            return this.i.g4;
+            return this.i.g5;
         }
         set sortIndicatorStyle(v) {
-            this.i.g4 = ensureEnum(SortIndicatorStyle_$type, v);
-            this._a("sortIndicatorStyle", enumToString(SortIndicatorStyle_$type, this.i.g4));
+            this.i.g5 = ensureEnum(SortIndicatorStyle_$type, v);
+            this._a("sortIndicatorStyle", enumToString(SortIndicatorStyle_$type, this.i.g5));
         }
         get actualSortIndicatorStyle() {
-            return this.i.g3;
+            return this.i.g4;
         }
         set actualSortIndicatorStyle(v) {
-            this.i.g3 = ensureEnum(SortIndicatorStyle_$type, v);
-            this._a("actualSortIndicatorStyle", enumToString(SortIndicatorStyle_$type, this.i.g3));
+            this.i.g4 = ensureEnum(SortIndicatorStyle_$type, v);
+            this._a("actualSortIndicatorStyle", enumToString(SortIndicatorStyle_$type, this.i.g4));
         }
         /**
          * Gets or sets the amount of left padding to use for the cell content.
         */
         get paddingLeft() {
-            return this.i.ha;
+            return this.i.hb;
         }
         set paddingLeft(v) {
-            this.i.ha = +v;
-            this._a("paddingLeft", this.i.ha);
+            this.i.hb = +v;
+            this._a("paddingLeft", this.i.hb);
         }
         /**
          * Gets or sets the amount of top padding to use for the cell content.
         */
         get paddingTop() {
-            return this.i.hc;
+            return this.i.hd;
         }
         set paddingTop(v) {
-            this.i.hc = +v;
-            this._a("paddingTop", this.i.hc);
+            this.i.hd = +v;
+            this._a("paddingTop", this.i.hd);
         }
         /**
          * Gets or sets the amount of right padding to use for the cell content.
         */
         get paddingRight() {
-            return this.i.hb;
+            return this.i.hc;
         }
         set paddingRight(v) {
-            this.i.hb = +v;
-            this._a("paddingRight", this.i.hb);
+            this.i.hc = +v;
+            this._a("paddingRight", this.i.hc);
         }
         /**
          * Gets or sets the amount of bottom padding to use for the cell content.
         */
         get paddingBottom() {
-            return this.i.g9;
+            return this.i.ha;
         }
         set paddingBottom(v) {
-            this.i.g9 = +v;
-            this._a("paddingBottom", this.i.g9);
+            this.i.ha = +v;
+            this._a("paddingBottom", this.i.ha);
         }
     }
     IgcHeaderComponent._observedAttributesIgcHeaderComponent = null;

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

@@ -23,27 +23,27 @@ export class IgcImageCellInfo extends IgcCellInfo {
      * Sets or gets the resource path to use to get the image for the cell.
     */
     get imagePath() {
-        return this.i.n9;
+        return this.i.oh;
     }
     set imagePath(v) {
-        this.i.n9 = v;
+        this.i.oh = v;
     }
     /**
      * Sets or gets the image stretching behavior for the image.
     */
     get imageStretchOption() {
-        return this.i.n4;
+        return this.i.oc;
     }
     set imageStretchOption(v) {
-        this.i.n4 = 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.n2;
+        return this.i.oa;
     }
     set imageResourceType(v) {
-        this.i.n2 = ensureEnum(ImageResourceType_$type, v);
+        this.i.oa = ensureEnum(ImageResourceType_$type, v);
     }
 }

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

@@ -67,48 +67,48 @@ let IgcImageColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the stretch option to use when rendering images
         */
         get imageStretchOption() {
-            return this.i.r0;
+            return this.i.sb;
         }
         set imageStretchOption(v) {
-            this.i.r0 = ensureEnum(ImageStretchOptions_$type, v);
-            this._a("imageStretchOption", enumToString(ImageStretchOptions_$type, this.i.r0));
+            this.i.sb = ensureEnum(ImageStretchOptions_$type, v);
+            this._a("imageStretchOption", enumToString(ImageStretchOptions_$type, this.i.sb));
         }
         /**
          * Gets or sets the editor type used for editing cells in this column.
         */
         get editorType() {
-            return this.i.rw;
+            return this.i.r7;
         }
         set editorType(v) {
-            this.i.rw = ensureEnum(EditorType_$type, v);
-            this._a("editorType", enumToString(EditorType_$type, this.i.rw));
+            this.i.r7 = ensureEnum(EditorType_$type, v);
+            this._a("editorType", enumToString(EditorType_$type, this.i.r7));
         }
         /**
          * Gets or sets the ComboBox data source.
         */
         get editorDataSource() {
-            return this.i.r1;
+            return this.i.sc;
         }
         set editorDataSource(v) {
-            this.i.r1 = v;
+            this.i.sc = v;
         }
         /**
          * Gets or sets the ComboBox text field.
         */
         get editorTextField() {
-            return this.i.r2;
+            return this.i.sd;
         }
         set editorTextField(v) {
-            this.i.r2 = v;
+            this.i.sd = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get editorValueField() {
-            return this.i.r3;
+            return this.i.se;
         }
         set editorValueField(v) {
-            this.i.r3 = v;
+            this.i.se = v;
         }
     }
     IgcImageColumnComponent._observedAttributesIgcImageColumnComponent = null;

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

@@ -21,119 +21,128 @@ export class IgcNumericCellInfo extends IgcCellInfo {
      * Sets or gets the numeric value to use for the cell.
     */
     get numericValue() {
-        return this.i.oa;
+        return this.i.ok;
     }
     set numericValue(v) {
-        this.i.oa = +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.n6;
+        return this.i.of;
     }
     set hasDecimalValue(v) {
-        this.i.n6 = ensureBool(v);
+        this.i.of = ensureBool(v);
     }
     /**
      * The format string to apply to the value
     */
     get formatStringOverride() {
-        return this.i.o4;
+        return this.i.pf;
     }
     set formatStringOverride(v) {
-        this.i.o4 = v;
+        this.i.pf = v;
     }
     get formatSpecifiers() {
-        return this.i.n2;
+        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.n2 = v;
+        this.i.oa = v;
     }
     /**
      * The format options to apply to the value
     */
     get formatOverride() {
-        return this.i.ow;
+        return this.i.o7;
     }
     set formatOverride(v) {
-        this.i.ow = v;
+        this.i.o7 = v;
     }
     /**
      * Sets or gets the text prepended to a negative numeric value
     */
     get negativePrefix() {
-        return this.i.pa;
+        return this.i.pm;
     }
     set negativePrefix(v) {
-        this.i.pa = v;
+        this.i.pm = v;
     }
     /**
      * Sets or gets the text prepended to a positive numeric value
     */
     get positivePrefix() {
-        return this.i.pf;
+        return this.i.pr;
     }
     set positivePrefix(v) {
-        this.i.pf = v;
+        this.i.pr = v;
     }
     /**
      * Sets or gets the text appended to a negative numeric value
     */
     get negativeSuffix() {
-        return this.i.pc;
+        return this.i.po;
     }
     set negativeSuffix(v) {
-        this.i.pc = v;
+        this.i.po = v;
     }
     /**
      * Sets or gets the text appended to a positive numeric value
     */
     get positiveSuffix() {
-        return this.i.ph;
+        return this.i.pt;
     }
     set positiveSuffix(v) {
-        this.i.ph = v;
+        this.i.pt = v;
     }
     /**
      * The maximum number of decimal places to display when formatting
     */
     get maxFractionDigits() {
-        return this.i.oi;
+        return this.i.ot;
     }
     set maxFractionDigits(v) {
-        this.i.oi = +v;
+        this.i.ot = +v;
     }
     /**
      * The minimum number of decimal places to display when formatting
     */
     get minFractionDigits() {
-        return this.i.ok;
+        return this.i.ov;
     }
     set minFractionDigits(v) {
-        this.i.ok = +v;
+        this.i.ov = +v;
     }
     /**
      * The minimum number of integer digits to display when formatting
     */
     get minIntegerDigits() {
-        return this.i.om;
+        return this.i.ox;
     }
     set minIntegerDigits(v) {
-        this.i.om = +v;
+        this.i.ox = +v;
     }
     /**
      * Sets or gets if the grouping separator is shown
     */
     get showGroupingSeparator() {
-        return this.i.n8;
+        return this.i.oi;
     }
     set showGroupingSeparator(v) {
-        this.i.n8 = 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/igc-numeric-column-component.js

@@ -66,142 +66,153 @@ let IgcNumericColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the string to prefix a negative value. If FormatString is specificied this value is ignored.
         */
         get negativePrefix() {
-            return this.i.sr;
+            return this.i.s5;
         }
         set negativePrefix(v) {
-            this.i.sr = v;
+            this.i.s5 = v;
         }
         /**
          * Gets or sets the string to prefix a positive value. If FormatString is specificied this value is ignored.
         */
         get positivePrefix() {
-            return this.i.sv;
+            return this.i.s9;
         }
         set positivePrefix(v) {
-            this.i.sv = v;
+            this.i.s9 = v;
         }
         /**
          * Gets or sets the string to suffix a negative value. If FormatString is specificied this value is ignored.
         */
         get negativeSuffix() {
-            return this.i.st;
+            return this.i.s7;
         }
         set negativeSuffix(v) {
-            this.i.st = v;
+            this.i.s7 = v;
         }
         /**
          * Gets or sets the string to suffix a positive value. If FormatString is specificied this value is ignored.
         */
         get positiveSuffix() {
-            return this.i.sx;
+            return this.i.tb;
         }
         set positiveSuffix(v) {
-            this.i.sx = v;
+            this.i.tb = v;
         }
         /**
          * Gets or sets the maximum fraction digits. If FormatString is specificied this value is ignored.
         */
         get maxFractionDigits() {
-            return this.i.r6;
+            return this.i.sj;
         }
         set maxFractionDigits(v) {
-            this.i.r6 = +v;
-            this._a("maxFractionDigits", this.i.r6);
+            this.i.sj = +v;
+            this._a("maxFractionDigits", this.i.sj);
         }
         /**
          * Gets or sets the minimum fraction digits. If FormatString is specificied this value is ignored.
         */
         get minFractionDigits() {
-            return this.i.r7;
+            return this.i.sk;
         }
         set minFractionDigits(v) {
-            this.i.r7 = +v;
-            this._a("minFractionDigits", this.i.r7);
+            this.i.sk = +v;
+            this._a("minFractionDigits", this.i.sk);
         }
         /**
          * Gets or sets the minimum integer digits. If FormatString is specificied this value is ignored.
         */
         get minIntegerDigits() {
-            return this.i.r8;
+            return this.i.sl;
         }
         set minIntegerDigits(v) {
-            this.i.r8 = +v;
-            this._a("minIntegerDigits", this.i.r8);
+            this.i.sl = +v;
+            this._a("minIntegerDigits", this.i.sl);
+        }
+        /**
+         * 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.sd;
+        }
+        set isPercent(v) {
+            this.i.sd = ensureBool(v);
+            this._a("isPercent", this.i.sd);
         }
         /**
          * Gets or sets whether to show a grouping separator. If FormatString is specificied this value is ignored.
         */
         get showGroupingSeparator() {
-            return this.i.r1;
+            return this.i.se;
         }
         set showGroupingSeparator(v) {
-            this.i.r1 = ensureBool(v);
-            this._a("showGroupingSeparator", this.i.r1);
+            this.i.se = ensureBool(v);
+            this._a("showGroupingSeparator", this.i.se);
         }
         /**
          * 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.sm;
+            return this.i.sz;
         }
         set formatString(v) {
-            this.i.sm = v;
+            this.i.sz = v;
         }
         get formatSpecifiers() {
-            return this.i.rx;
+            return this.i.r8;
         }
         set formatSpecifiers(v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 const re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.rx = v;
+            this.i.r8 = v;
         }
         /**
          * Gets or sets the INTL NumericFormat object to use for formatting the date values.
         */
         get formatOverride() {
-            return this.i.sb;
+            return this.i.so;
         }
         set formatOverride(v) {
-            this.i.sb = v;
+            this.i.so = v;
         }
         /**
          * Gets or sets the editor type used for editing cells in this column.
         */
         get editorType() {
-            return this.i.rz;
+            return this.i.sa;
         }
         set editorType(v) {
-            this.i.rz = ensureEnum(EditorType_$type, v);
-            this._a("editorType", enumToString(EditorType_$type, this.i.rz));
+            this.i.sa = ensureEnum(EditorType_$type, v);
+            this._a("editorType", enumToString(EditorType_$type, this.i.sa));
         }
         /**
          * Gets or sets the ComboBox data source.
         */
         get editorDataSource() {
-            return this.i.sa;
+            return this.i.sn;
         }
         set editorDataSource(v) {
-            this.i.sa = v;
+            this.i.sn = v;
         }
         /**
          * Gets or sets the ComboBox text field.
         */
         get editorTextField() {
-            return this.i.sh;
+            return this.i.su;
         }
         set editorTextField(v) {
-            this.i.sh = v;
+            this.i.su = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get editorValueField() {
-            return this.i.si;
+            return this.i.sv;
         }
         set editorValueField(v) {
-            this.i.si = v;
+            this.i.sv = v;
         }
         findByName(name) {
             var baseResult = super.findByName(name);

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

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