igniteui-webcomponents-grids 1.4.2 → 3.2.2

package/esm5/lib/igc-data-grid-toolbar-component.js

@@ -8,6 +8,7 @@ import { DataGridToolbar } from './DataGridToolbar';
 import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
 import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { IgcHTMLElement } from "igniteui-webcomponents-core";
+import { Thickness } from "igniteui-webcomponents-core";
 var IgcDataGridToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     tslib_1.__extends(IgcDataGridToolbarComponent, _super);
     function IgcDataGridToolbarComponent() {
@@ -222,10 +223,10 @@ var IgcDataGridToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.ap;
+            return this.i.ar;
         },
         set: function (v) {
-            this.i.ap = v;
+            this.i.ar = v;
         },
         enumerable: true,
         configurable: true
@@ -235,16 +236,16 @@ var IgcDataGridToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            if (this.i.m == null) {
+            if (this.i.n == null) {
                 return null;
             }
-            return this.i.m.fontString;
+            return this.i.n.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.m = fi;
-            this._a("toolbarTitleStyle", this.i.m != null ? this.i.m.fontString : "");
+            this.i.n = fi;
+            this._a("toolbarTitleStyle", this.i.n != null ? this.i.n.fontString : "");
         },
         enumerable: true,
         configurable: true
@@ -254,11 +255,11 @@ var IgcDataGridToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return brushToString(this.i.bd);
+            return brushToString(this.i.bg);
         },
         set: function (v) {
-            this.i.bd = stringToBrush(v);
-            this._a("toolbarTitleColor", brushToString(this.i.bd));
+            this.i.bg = stringToBrush(v);
+            this._a("toolbarTitleColor", brushToString(this.i.bg));
         },
         enumerable: true,
         configurable: true
@@ -268,11 +269,11 @@ var IgcDataGridToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return brushToString(this.i.bb);
+            return brushToString(this.i.be);
         },
         set: function (v) {
-            this.i.bb = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.bb));
+            this.i.be = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.be));
         },
         enumerable: true,
         configurable: true
@@ -282,11 +283,11 @@ var IgcDataGridToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return brushToString(this.i.bc);
+            return brushToString(this.i.bf);
         },
         set: function (v) {
-            this.i.bc = stringToBrush(v);
-            this._a("dialogBackgroundColor", brushToString(this.i.bc));
+            this.i.bf = stringToBrush(v);
+            this._a("dialogBackgroundColor", brushToString(this.i.bf));
         },
         enumerable: true,
         configurable: true
@@ -296,11 +297,11 @@ var IgcDataGridToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.p;
+            return this.i.q;
         },
         set: function (v) {
-            this.i.p = ensureBool(v);
-            this._a("columnChooser", this.i.p);
+            this.i.q = ensureBool(v);
+            this._a("columnChooser", this.i.q);
         },
         enumerable: true,
         configurable: true
@@ -310,10 +311,10 @@ var IgcDataGridToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.ab;
+            return this.i.ad;
         },
         set: function (v) {
-            this.i.ab = v;
+            this.i.ad = v;
         },
         enumerable: true,
         configurable: true
@@ -323,10 +324,10 @@ var IgcDataGridToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.ad;
+            return this.i.af;
         },
         set: function (v) {
-            this.i.ad = v;
+            this.i.af = v;
         },
         enumerable: true,
         configurable: true
@@ -336,11 +337,11 @@ var IgcDataGridToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.q;
+            return this.i.r;
         },
         set: function (v) {
-            this.i.q = ensureBool(v);
-            this._a("columnPinning", this.i.q);
+            this.i.r = ensureBool(v);
+            this._a("columnPinning", this.i.r);
         },
         enumerable: true,
         configurable: true
@@ -350,10 +351,10 @@ var IgcDataGridToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.ag;
+            return this.i.ai;
         },
         set: function (v) {
-            this.i.ag = v;
+            this.i.ai = v;
         },
         enumerable: true,
         configurable: true
@@ -363,24 +364,82 @@ var IgcDataGridToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.ai;
+            return this.i.ak;
         },
         set: function (v) {
-            this.i.ai = v;
+            this.i.ak = v;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridToolbarComponent.prototype, "borderWidthBottom", {
+        get: function () {
+            return this.i.bi ? this.i.bi.bottom : NaN;
+        },
+        set: function (v) {
+            this.ensureBorderWidth();
+            this.i.bi.bottom = +v;
+            this._a("borderWidthBottom", this.i.bi.bottom);
+            this.i.bi = this.i.bi;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridToolbarComponent.prototype, "borderWidthLeft", {
+        get: function () {
+            return this.i.bi ? this.i.bi.left : NaN;
+        },
+        set: function (v) {
+            this.ensureBorderWidth();
+            this.i.bi.left = +v;
+            this._a("borderWidthLeft", this.i.bi.left);
+            this.i.bi = this.i.bi;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridToolbarComponent.prototype, "borderWidthRight", {
+        get: function () {
+            return this.i.bi ? this.i.bi.right : NaN;
+        },
+        set: function (v) {
+            this.ensureBorderWidth();
+            this.i.bi.right = +v;
+            this._a("borderWidthRight", this.i.bi.right);
+            this.i.bi = this.i.bi;
         },
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(IgcDataGridToolbarComponent.prototype, "borderWidthTop", {
+        get: function () {
+            return this.i.bi ? this.i.bi.top : NaN;
+        },
+        set: function (v) {
+            this.ensureBorderWidth();
+            this.i.bi.top = +v;
+            this._a("borderWidthTop", this.i.bi.top);
+            this.i.bi = this.i.bi;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    IgcDataGridToolbarComponent.prototype.ensureBorderWidth = function () {
+        if (this.i.bi) {
+            return;
+        }
+        this.i.bi = new Thickness(2);
+    };
     Object.defineProperty(IgcDataGridToolbarComponent.prototype, "density", {
         /**
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.k;
+            return this.i.l;
         },
         set: function (v) {
-            this.i.k = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.k));
+            this.i.l = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.l));
         },
         enumerable: true,
         configurable: true
@@ -390,11 +449,11 @@ var IgcDataGridToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.i;
+            return this.i.j;
         },
         set: function (v) {
-            this.i.i = ensureEnum(BaseControlTheme_$type, v);
-            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.i));
+            this.i.j = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.j));
         },
         enumerable: true,
         configurable: true
@@ -465,6 +524,22 @@ var IgcDataGridToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
         }
         this._inStyling = false;
     };
+    /**
+ * Exports visual information about the current state of the toolbar.
+
+*/
+    IgcDataGridToolbarComponent.prototype.exportVisualModel = function () {
+        var iv = this.i.exportVisualModel();
+        return (iv);
+    };
+    /**
+     * Returns a serialized copy of the exported visual model
+    
+    */
+    IgcDataGridToolbarComponent.prototype.exportSerializedVisualModel = function () {
+        var iv = this.i.exportSerializedVisualModel();
+        return (iv);
+    };
     IgcDataGridToolbarComponent._observedAttributesIgcDataGridToolbarComponent = null;
     IgcDataGridToolbarComponent.htmlTagName = "igc-data-grid-toolbar";
     IgcDataGridToolbarComponent._isElementRegistered = false;

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

@@ -60,11 +60,11 @@ var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the date time format to use for this column. If FormatString is specificied this value is ignored.
         */
         get: function () {
-            return this.i.lh;
+            return this.i.lo;
         },
         set: function (v) {
-            this.i.lh = ensureEnum(DateTimeFormats_$type, v);
-            this._a("dateTimeFormat", enumToString(DateTimeFormats_$type, this.i.lh));
+            this.i.lo = ensureEnum(DateTimeFormats_$type, v);
+            this._a("dateTimeFormat", enumToString(DateTimeFormats_$type, this.i.lo));
         },
         enumerable: true,
         configurable: true
@@ -74,10 +74,10 @@ var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the format string to apply to the value. If set, the other value formatting properties on this column are ignored.
         */
         get: function () {
-            return this.i.ly;
+            return this.i.l5;
         },
         set: function (v) {
-            this.i.ly = v;
+            this.i.l5 = v;
         },
         enumerable: true,
         configurable: true
@@ -87,24 +87,24 @@ var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the format string to use when editing dates.
         */
         get: function () {
-            return this.i.ls;
+            return this.i.lz;
         },
         set: function (v) {
-            this.i.ls = v;
+            this.i.lz = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcDateTimeColumnComponent.prototype, "formatSpecifiers", {
         get: function () {
-            return this.i.le;
+            return this.i.ll;
         },
         set: function (v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 var re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.le = v;
+            this.i.ll = v;
         },
         enumerable: true,
         configurable: true
@@ -114,10 +114,10 @@ var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the INTL DateTimeFormat object to use for formatting the date values.
         */
         get: function () {
-            return this.i.lo;
+            return this.i.lv;
         },
         set: function (v) {
-            this.i.lo = v;
+            this.i.lv = v;
         },
         enumerable: true,
         configurable: true
@@ -127,11 +127,11 @@ var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the ShowTodayButton property to detirmine if the today button is shown
         */
         get: function () {
-            return this.i.lk;
+            return this.i.lr;
         },
         set: function (v) {
-            this.i.lk = ensureBool(v);
-            this._a("showTodayButton", this.i.lk);
+            this.i.lr = ensureBool(v);
+            this._a("showTodayButton", this.i.lr);
         },
         enumerable: true,
         configurable: true
@@ -141,11 +141,11 @@ var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the editor type used for editing cells in this column.
         */
         get: function () {
-            return this.i.li;
+            return this.i.lp;
         },
         set: function (v) {
-            this.i.li = ensureEnum(EditorType_$type, v);
-            this._a("editorType", enumToString(EditorType_$type, this.i.li));
+            this.i.lp = ensureEnum(EditorType_$type, v);
+            this._a("editorType", enumToString(EditorType_$type, this.i.lp));
         },
         enumerable: true,
         configurable: true
@@ -155,10 +155,10 @@ var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the ComboBox data source.
         */
         get: function () {
-            return this.i.ln;
+            return this.i.lu;
         },
         set: function (v) {
-            this.i.ln = v;
+            this.i.lu = v;
         },
         enumerable: true,
         configurable: true
@@ -168,10 +168,10 @@ var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the ComboBox text field.
         */
         get: function () {
-            return this.i.lu;
+            return this.i.l1;
         },
         set: function (v) {
-            this.i.lu = v;
+            this.i.l1 = v;
         },
         enumerable: true,
         configurable: true
@@ -181,10 +181,10 @@ var IgcDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the ComboBox value field.
         */
         get: function () {
-            return this.i.lv;
+            return this.i.l2;
         },
         set: function (v) {
-            this.i.lv = v;
+            this.i.l2 = v;
         },
         enumerable: true,
         configurable: true

package/esm5/lib/igc-horizontal-property-editor-data-source.js

@@ -2,8 +2,8 @@ import * as tslib_1 from "tslib";
 import { IgCollection } from "igniteui-webcomponents-core";
 import { markType } from "igniteui-webcomponents-core";
 import { SyncableObservableCollection$2 } from "igniteui-webcomponents-core";
-import { PropertyEditorPropertyDescription as PropertyEditorPropertyDescription_internal } from './PropertyEditorPropertyDescription';
-import { IgcPropertyEditorPropertyDescriptionComponent as IgcPropertyEditorPropertyDescriptionComponent } from './igc-property-editor-property-description-component';
+import { PropertyEditorPropertyDescription as PropertyEditorPropertyDescription_internal } from "igniteui-webcomponents-layouts";
+import { IgcPropertyEditorPropertyDescriptionComponent as IgcPropertyEditorPropertyDescriptionComponent } from "igniteui-webcomponents-layouts";
 var IgcHorizontalPropertyEditorDataSource = /** @class */ /*@__PURE__*/ (function (_super) {
     tslib_1.__extends(IgcHorizontalPropertyEditorDataSource, _super);
     function IgcHorizontalPropertyEditorDataSource(list) {

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

@@ -60,11 +60,11 @@ var IgcImageColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stretch option to use when rendering images
         */
         get: function () {
-            return this.i.lh;
+            return this.i.lo;
         },
         set: function (v) {
-            this.i.lh = ensureEnum(ImageStretchOptions_$type, v);
-            this._a("imageStretchOption", enumToString(ImageStretchOptions_$type, this.i.lh));
+            this.i.lo = ensureEnum(ImageStretchOptions_$type, v);
+            this._a("imageStretchOption", enumToString(ImageStretchOptions_$type, this.i.lo));
         },
         enumerable: true,
         configurable: true
@@ -74,11 +74,11 @@ var IgcImageColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the editor type used for editing cells in this column.
         */
         get: function () {
-            return this.i.ld;
+            return this.i.lk;
         },
         set: function (v) {
-            this.i.ld = ensureEnum(EditorType_$type, v);
-            this._a("editorType", enumToString(EditorType_$type, this.i.ld));
+            this.i.lk = ensureEnum(EditorType_$type, v);
+            this._a("editorType", enumToString(EditorType_$type, this.i.lk));
         },
         enumerable: true,
         configurable: true
@@ -88,10 +88,10 @@ var IgcImageColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the ComboBox data source.
         */
         get: function () {
-            return this.i.li;
+            return this.i.lp;
         },
         set: function (v) {
-            this.i.li = v;
+            this.i.lp = v;
         },
         enumerable: true,
         configurable: true
@@ -101,10 +101,10 @@ var IgcImageColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the ComboBox text field.
         */
         get: function () {
-            return this.i.lj;
+            return this.i.lq;
         },
         set: function (v) {
-            this.i.lj = v;
+            this.i.lq = v;
         },
         enumerable: true,
         configurable: true
@@ -114,10 +114,10 @@ var IgcImageColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the ComboBox value field.
         */
         get: function () {
-            return this.i.lk;
+            return this.i.lr;
         },
         set: function (v) {
-            this.i.lk = v;
+            this.i.lr = v;
         },
         enumerable: true,
         configurable: true