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

package/esm5/lib/igc-definition-base-component.js

@@ -302,11 +302,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
      * Gets or sets the background color to use.
     */
         get: function () {
-            return brushToString(this.i.gh);
+            return brushToString(this.i.gf);
         },
         set: function (v) {
-            this.i.gh = stringToBrush(v);
-            this._a("background", brushToString(this.i.gh));
+            this.i.gf = stringToBrush(v);
+            this._a("background", brushToString(this.i.gf));
         },
         enumerable: false,
         configurable: true
@@ -370,11 +370,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the background color to use.
         */
         get: function () {
-            return brushToString(this.i.gk);
+            return brushToString(this.i.gi);
         },
         set: function (v) {
-            this.i.gk = stringToBrush(v);
-            this._a("border", brushToString(this.i.gk));
+            this.i.gi = stringToBrush(v);
+            this._a("border", brushToString(this.i.gi));
         },
         enumerable: false,
         configurable: true
@@ -384,11 +384,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the background color to use.
         */
         get: function () {
-            return brushToString(this.i.f6);
+            return brushToString(this.i.f4);
         },
         set: function (v) {
-            this.i.f6 = stringToBrush(v);
-            this._a("activationBorder", brushToString(this.i.f6));
+            this.i.f4 = stringToBrush(v);
+            this._a("activationBorder", brushToString(this.i.f4));
         },
         enumerable: false,
         configurable: true
@@ -398,11 +398,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the error border color to use.
         */
         get: function () {
-            return brushToString(this.i.gl);
+            return brushToString(this.i.gj);
         },
         set: function (v) {
-            this.i.gl = stringToBrush(v);
-            this._a("errorBorder", brushToString(this.i.gl));
+            this.i.gj = stringToBrush(v);
+            this._a("errorBorder", brushToString(this.i.gj));
         },
         enumerable: false,
         configurable: true
@@ -412,11 +412,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual border color that will be used.
         */
         get: function () {
-            return brushToString(this.i.gb);
+            return brushToString(this.i.f9);
         },
         set: function (v) {
-            this.i.gb = stringToBrush(v);
-            this._a("actualBorder", brushToString(this.i.gb));
+            this.i.f9 = stringToBrush(v);
+            this._a("actualBorder", brushToString(this.i.f9));
         },
         enumerable: false,
         configurable: true
@@ -426,11 +426,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the amount of left border to use for the cell content for this column.
         */
         get: function () {
-            return this.i.cd;
+            return this.i.cc;
         },
         set: function (v) {
-            this.i.cd = +v;
-            this._a("borderLeftWidth", this.i.cd);
+            this.i.cc = +v;
+            this._a("borderLeftWidth", this.i.cc);
         },
         enumerable: false,
         configurable: true
@@ -440,11 +440,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the amount of top border to use for the cell content for this column.
         */
         get: function () {
-            return this.i.cf;
+            return this.i.ce;
         },
         set: function (v) {
-            this.i.cf = +v;
-            this._a("borderTopWidth", this.i.cf);
+            this.i.ce = +v;
+            this._a("borderTopWidth", this.i.ce);
         },
         enumerable: false,
         configurable: true
@@ -454,11 +454,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the amount of right border to use for the cell content of this column.
         */
         get: function () {
-            return this.i.ce;
+            return this.i.cd;
         },
         set: function (v) {
-            this.i.ce = +v;
-            this._a("borderRightWidth", this.i.ce);
+            this.i.cd = +v;
+            this._a("borderRightWidth", this.i.cd);
         },
         enumerable: false,
         configurable: true
@@ -468,11 +468,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the amount of bottom border to use for the cell content of this column.
         */
         get: function () {
-            return this.i.cc;
+            return this.i.cb;
         },
         set: function (v) {
-            this.i.cc = +v;
-            this._a("borderBottomWidth", this.i.cc);
+            this.i.cb = +v;
+            this._a("borderBottomWidth", this.i.cb);
         },
         enumerable: false,
         configurable: true
@@ -482,11 +482,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the amount of left activation border to use for the cell content for this column.
         */
         get: function () {
-            return this.i.b5;
+            return this.i.b4;
         },
         set: function (v) {
-            this.i.b5 = +v;
-            this._a("activationBorderLeftWidth", this.i.b5);
+            this.i.b4 = +v;
+            this._a("activationBorderLeftWidth", this.i.b4);
         },
         enumerable: false,
         configurable: true
@@ -496,11 +496,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the amount of top activation border to use for the cell content for this column.
         */
         get: function () {
-            return this.i.b7;
+            return this.i.b6;
         },
         set: function (v) {
-            this.i.b7 = +v;
-            this._a("activationBorderTopWidth", this.i.b7);
+            this.i.b6 = +v;
+            this._a("activationBorderTopWidth", this.i.b6);
         },
         enumerable: false,
         configurable: true
@@ -510,11 +510,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the amount of right activation border to use for the cell content of this column.
         */
         get: function () {
-            return this.i.b6;
+            return this.i.b5;
         },
         set: function (v) {
-            this.i.b6 = +v;
-            this._a("activationBorderRightWidth", this.i.b6);
+            this.i.b5 = +v;
+            this._a("activationBorderRightWidth", this.i.b5);
         },
         enumerable: false,
         configurable: true
@@ -524,55 +524,55 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the amount of bottom activation border to use for the cell content of this column.
         */
         get: function () {
-            return this.i.b4;
+            return this.i.b3;
         },
         set: function (v) {
-            this.i.b4 = +v;
-            this._a("activationBorderBottomWidth", this.i.b4);
+            this.i.b3 = +v;
+            this._a("activationBorderBottomWidth", this.i.b3);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDefinitionBaseComponent.prototype, "errorBorderLeftWidth", {
         get: function () {
-            return this.i.ch;
+            return this.i.cg;
         },
         set: function (v) {
-            this.i.ch = +v;
-            this._a("errorBorderLeftWidth", this.i.ch);
+            this.i.cg = +v;
+            this._a("errorBorderLeftWidth", this.i.cg);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDefinitionBaseComponent.prototype, "errorBorderTopWidth", {
         get: function () {
-            return this.i.cj;
+            return this.i.ci;
         },
         set: function (v) {
-            this.i.cj = +v;
-            this._a("errorBorderTopWidth", this.i.cj);
+            this.i.ci = +v;
+            this._a("errorBorderTopWidth", this.i.ci);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDefinitionBaseComponent.prototype, "errorBorderRightWidth", {
         get: function () {
-            return this.i.ci;
+            return this.i.ch;
         },
         set: function (v) {
-            this.i.ci = +v;
-            this._a("errorBorderRightWidth", this.i.ci);
+            this.i.ch = +v;
+            this._a("errorBorderRightWidth", this.i.ch);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDefinitionBaseComponent.prototype, "errorBorderBottomWidth", {
         get: function () {
-            return this.i.cg;
+            return this.i.cf;
         },
         set: function (v) {
-            this.i.cg = +v;
-            this._a("errorBorderBottomWidth", this.i.cg);
+            this.i.cf = +v;
+            this._a("errorBorderBottomWidth", this.i.cf);
         },
         enumerable: false,
         configurable: true
@@ -582,11 +582,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual background color that will be used.
         */
         get: function () {
-            return brushToString(this.i.f8);
+            return brushToString(this.i.f6);
         },
         set: function (v) {
-            this.i.f8 = stringToBrush(v);
-            this._a("actualBackground", brushToString(this.i.f8));
+            this.i.f6 = stringToBrush(v);
+            this._a("actualBackground", brushToString(this.i.f6));
         },
         enumerable: false,
         configurable: true
@@ -596,11 +596,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual background color that will be used.
         */
         get: function () {
-            return brushToString(this.i.f7);
+            return brushToString(this.i.f5);
         },
         set: function (v) {
-            this.i.f7 = stringToBrush(v);
-            this._a("actualActivationBorder", brushToString(this.i.f7));
+            this.i.f5 = stringToBrush(v);
+            this._a("actualActivationBorder", brushToString(this.i.f5));
         },
         enumerable: false,
         configurable: true
@@ -610,11 +610,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual error border color that will be used.
         */
         get: function () {
-            return brushToString(this.i.gc);
+            return brushToString(this.i.ga);
         },
         set: function (v) {
-            this.i.gc = stringToBrush(v);
-            this._a("actualErrorBorder", brushToString(this.i.gc));
+            this.i.ga = stringToBrush(v);
+            this._a("actualErrorBorder", brushToString(this.i.ga));
         },
         enumerable: false,
         configurable: true
@@ -624,11 +624,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the background color for content that sticks to the top of the grid.
         */
         get: function () {
-            return brushToString(this.i.gz);
+            return brushToString(this.i.gx);
         },
         set: function (v) {
-            this.i.gz = stringToBrush(v);
-            this._a("stickyRowBackground", brushToString(this.i.gz));
+            this.i.gx = stringToBrush(v);
+            this._a("stickyRowBackground", brushToString(this.i.gx));
         },
         enumerable: false,
         configurable: true
@@ -638,11 +638,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual background color for content that sticks to the top of the grid.
         */
         get: function () {
-            return brushToString(this.i.gf);
+            return brushToString(this.i.gd);
         },
         set: function (v) {
-            this.i.gf = stringToBrush(v);
-            this._a("actualStickyRowBackground", brushToString(this.i.gf));
+            this.i.gd = stringToBrush(v);
+            this._a("actualStickyRowBackground", brushToString(this.i.gd));
         },
         enumerable: false,
         configurable: true
@@ -652,11 +652,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the background color for cells belonging to rows marked as pinned.
         */
         get: function () {
-            return brushToString(this.i.gy);
+            return brushToString(this.i.gw);
         },
         set: function (v) {
-            this.i.gy = stringToBrush(v);
-            this._a("pinnedRowBackground", brushToString(this.i.gy));
+            this.i.gw = stringToBrush(v);
+            this._a("pinnedRowBackground", brushToString(this.i.gw));
         },
         enumerable: false,
         configurable: true
@@ -666,11 +666,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual background color for cells belonging to rows marked as pinned.
         */
         get: function () {
-            return brushToString(this.i.ge);
+            return brushToString(this.i.gc);
         },
         set: function (v) {
-            this.i.ge = stringToBrush(v);
-            this._a("actualPinnedRowBackground", brushToString(this.i.ge));
+            this.i.gc = stringToBrush(v);
+            this._a("actualPinnedRowBackground", brushToString(this.i.gc));
         },
         enumerable: false,
         configurable: true
@@ -680,11 +680,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the color for the last row in the sticky row area.
         */
         get: function () {
-            return brushToString(this.i.gx);
+            return brushToString(this.i.gv);
         },
         set: function (v) {
-            this.i.gx = stringToBrush(v);
-            this._a("lastStickyRowBackground", brushToString(this.i.gx));
+            this.i.gv = stringToBrush(v);
+            this._a("lastStickyRowBackground", brushToString(this.i.gv));
         },
         enumerable: false,
         configurable: true
@@ -694,11 +694,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual color for the last row in the sticky row area.
         */
         get: function () {
-            return brushToString(this.i.gd);
+            return brushToString(this.i.gb);
         },
         set: function (v) {
-            this.i.gd = stringToBrush(v);
-            this._a("actualLastStickyRowBackground", brushToString(this.i.gd));
+            this.i.gb = stringToBrush(v);
+            this._a("actualLastStickyRowBackground", brushToString(this.i.gb));
         },
         enumerable: false,
         configurable: true
@@ -708,11 +708,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the opacity of the content.
         */
         get: function () {
-            return this.i.bi;
+            return this.i.bh;
         },
         set: function (v) {
-            this.i.bi = +v;
-            this._a("contentOpacity", this.i.bi);
+            this.i.bh = +v;
+            this._a("contentOpacity", this.i.bh);
         },
         enumerable: false,
         configurable: true
@@ -778,11 +778,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the color to use for displaying text.
         */
         get: function () {
-            return brushToString(this.i.g0);
+            return brushToString(this.i.gy);
         },
         set: function (v) {
-            this.i.g0 = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.g0));
+            this.i.gy = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.gy));
         },
         enumerable: false,
         configurable: true
@@ -792,11 +792,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual color used for displaying text.
         */
         get: function () {
-            return brushToString(this.i.gg);
+            return brushToString(this.i.ge);
         },
         set: function (v) {
-            this.i.gg = stringToBrush(v);
-            this._a("actualTextColor", brushToString(this.i.gg));
+            this.i.ge = stringToBrush(v);
+            this._a("actualTextColor", brushToString(this.i.ge));
         },
         enumerable: false,
         configurable: true
@@ -806,11 +806,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets whether the bar is supported.
         */
         get: function () {
-            return this.i.as;
+            return this.i.ar;
         },
         set: function (v) {
-            this.i.as = ensureBool(v);
-            this._a("isBarSupported", this.i.as);
+            this.i.ar = ensureBool(v);
+            this._a("isBarSupported", this.i.ar);
         },
         enumerable: false,
         configurable: true
@@ -820,11 +820,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the color to use for value bars.
         */
         get: function () {
-            return brushToString(this.i.gi);
+            return brushToString(this.i.gg);
         },
         set: function (v) {
-            this.i.gi = stringToBrush(v);
-            this._a("barBackground", brushToString(this.i.gi));
+            this.i.gg = stringToBrush(v);
+            this._a("barBackground", brushToString(this.i.gg));
         },
         enumerable: false,
         configurable: true
@@ -834,11 +834,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual color used for value bars.
         */
         get: function () {
-            return brushToString(this.i.f9);
+            return brushToString(this.i.f7);
         },
         set: function (v) {
-            this.i.f9 = stringToBrush(v);
-            this._a("actualBarBackground", brushToString(this.i.f9));
+            this.i.f7 = stringToBrush(v);
+            this._a("actualBarBackground", brushToString(this.i.f7));
         },
         enumerable: false,
         configurable: true
@@ -848,11 +848,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the Outline color to use for value bars.
         */
         get: function () {
-            return brushToString(this.i.gj);
+            return brushToString(this.i.gh);
         },
         set: function (v) {
-            this.i.gj = stringToBrush(v);
-            this._a("barOutline", brushToString(this.i.gj));
+            this.i.gh = stringToBrush(v);
+            this._a("barOutline", brushToString(this.i.gh));
         },
         enumerable: false,
         configurable: true
@@ -862,11 +862,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual Outline color used for value bars.
         */
         get: function () {
-            return brushToString(this.i.ga);
+            return brushToString(this.i.f8);
         },
         set: function (v) {
-            this.i.ga = stringToBrush(v);
-            this._a("actualBarOutline", brushToString(this.i.ga));
+            this.i.f8 = stringToBrush(v);
+            this._a("actualBarOutline", brushToString(this.i.f8));
         },
         enumerable: false,
         configurable: true
@@ -876,11 +876,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the stroke thickness to use for value bars.
         */
         get: function () {
-            return this.i.cb;
+            return this.i.ca;
         },
         set: function (v) {
-            this.i.cb = +v;
-            this._a("barStrokeThickness", this.i.cb);
+            this.i.ca = +v;
+            this._a("barStrokeThickness", this.i.ca);
         },
         enumerable: false,
         configurable: true
@@ -890,11 +890,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual stroke thickness used for value bars.
         */
         get: function () {
-            return this.i.b9;
+            return this.i.b8;
         },
         set: function (v) {
-            this.i.b9 = +v;
-            this._a("actualBarStrokeThickness", this.i.b9);
+            this.i.b8 = +v;
+            this._a("actualBarStrokeThickness", this.i.b8);
         },
         enumerable: false,
         configurable: true
@@ -904,11 +904,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the stroke thickness to use for value bars.
         */
         get: function () {
-            return this.i.ca;
+            return this.i.b9;
         },
         set: function (v) {
-            this.i.ca = +v;
-            this._a("barCornerRadius", this.i.ca);
+            this.i.b9 = +v;
+            this._a("barCornerRadius", this.i.b9);
         },
         enumerable: false,
         configurable: true
@@ -918,11 +918,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual stroke thickness used for value bars.
         */
         get: function () {
-            return this.i.b8;
+            return this.i.b7;
         },
         set: function (v) {
-            this.i.b8 = +v;
-            this._a("actualBarCornerRadius", this.i.b8);
+            this.i.b7 = +v;
+            this._a("actualBarCornerRadius", this.i.b7);
         },
         enumerable: false,
         configurable: true
@@ -932,11 +932,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the color to use for displaying text.
         */
         get: function () {
-            return this.i.bn;
+            return this.i.bm;
         },
         set: function (v) {
-            this.i.bn = +v;
-            this._a("pinnedRowOpacity", this.i.bn);
+            this.i.bm = +v;
+            this._a("pinnedRowOpacity", this.i.bm);
         },
         enumerable: false,
         configurable: true
@@ -946,11 +946,11 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the color to use for displaying text.
         */
         get: function () {
-            return this.i.bg;
+            return this.i.bf;
         },
         set: function (v) {
-            this.i.bg = +v;
-            this._a("actualPinnedRowOpacity", this.i.bg);
+            this.i.bf = +v;
+            this._a("actualPinnedRowOpacity", this.i.bf);
         },
         enumerable: false,
         configurable: true
@@ -973,7 +973,7 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
     });
     Object.defineProperty(IgcDefinitionBaseComponent.prototype, "isBarRequired", {
         get: function () {
-            return this.i.ar;
+            return this.i.aq;
         },
         enumerable: false,
         configurable: true
@@ -990,24 +990,24 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
         return null;
     };
     IgcDefinitionBaseComponent.prototype.transitionStyleOut = function (style) {
-        this.i.e6((style == null ? null : style.i));
+        this.i.e4((style == null ? null : style.i));
     };
     IgcDefinitionBaseComponent.prototype.transitionStyleIn = function (style) {
-        this.i.e5((style == null ? null : style.i));
+        this.i.e3((style == null ? null : style.i));
     };
     IgcDefinitionBaseComponent.prototype.isStyleTransitioningOut = function (style) {
-        var iv = this.i.at((style == null ? null : style.i));
+        var iv = this.i.as((style == null ? null : style.i));
         return (iv);
     };
     IgcDefinitionBaseComponent.prototype.setNamedValue = function (valueName, animationType, value) {
-        this.i.e3(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
+        this.i.e2(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
     };
     /**
      * Returns if this definition has named value.
     
     */
     IgcDefinitionBaseComponent.prototype.hasNamedValues = function () {
-        var iv = this.i.aq();
+        var iv = this.i.ap();
         return (iv);
     };
     /**
@@ -1016,7 +1016,7 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
     * @param valueName  * The named value name to check for.
     */
     IgcDefinitionBaseComponent.prototype.hasNamedValue = function (valueName) {
-        var iv = this.i.ap(valueName);
+        var iv = this.i.ao(valueName);
         return (iv);
     };
     /**
@@ -1025,7 +1025,7 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
     * @param valueName  * The named value name to remove.
     */
     IgcDefinitionBaseComponent.prototype.removeNamedValue = function (valueName) {
-        this.i.ey(valueName);
+        this.i.ex(valueName);
     };
     /**
      * Gets the value for a named value from this definition.
@@ -1033,7 +1033,7 @@ export var IgcDefinitionBaseComponent = /** @class */ /*@__PURE__*/ (function (_
     * @param valueName  * The named value name to check for.
     */
     IgcDefinitionBaseComponent.prototype.getNamedValue = function (valueName) {
-        var iv = this.i.cq(valueName);
+        var iv = this.i.cp(valueName);
         return (iv);
     };
     Object.defineProperty(IgcDefinitionBaseComponent.prototype, "dataBinding", {