igniteui-angular-inputs 20.1.0 → 20.2.0-beta.0

package/esm5/lib/XButtonBridge.js

@@ -130,7 +130,7 @@ var XButtonBridge = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 else {
                     this.ac = c;
-                    var e = d.view.k.createElement("span");
+                    var e = d.view.l.createElement("span");
                     e.setText(this.ac == null ? null : this.ac.toString());
                     d.appendButtonContent(e);
                 }

package/esm5/lib/XButtonGroupBridge.js

@@ -147,7 +147,13 @@ var XButtonGroupBridge = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     XButtonGroupBridge.prototype.exportVisualData = function (a) {
-        return a.a5();
+        var b = a.a5();
+        var c = this.getBoundingRect(a);
+        b.m = c.left;
+        b.n = c.top;
+        b.o = c.width;
+        b.l = c.height;
+        return b;
     };
     XButtonGroupBridge.prototype.addButton = function (a, b) {
         this.v.add(b);

package/esm5/lib/XCheckboxBridge.js

@@ -91,7 +91,8 @@ var XCheckboxBridge = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     XCheckboxBridge.prototype.exportVisualData = function (a) {
-        return a.a3();
+        var b = a.a3();
+        return b;
     };
     XCheckboxBridge.$t = markType(XCheckboxBridge, 'XCheckboxBridge', XComponentBridge.$);
     return XCheckboxBridge;

package/esm5/lib/XIconBridge.js

@@ -123,7 +123,8 @@ var XIconBridge = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     XIconBridge.prototype.exportVisualData = function (a) {
-        return a.bg();
+        var b = a.bg();
+        return b;
     };
     XIconBridge.$t = markType(XIconBridge, 'XIconBridge', XComponentBridge.$);
     return XIconBridge;

package/esm5/lib/XInputBridge.js

@@ -8,6 +8,7 @@ import { __extends } from "tslib";
 import { XComponentBridge } from "./XComponentBridge";
 import { INativeUIInputBridge_$type } from "igniteui-angular-core";
 import { typeCast, runOn, delegateCombine, delegateRemove, enumGetBox, EnumUtil, typeGetValue, markType } from "igniteui-angular-core";
+import { XInputGroup } from "./XInputGroup";
 import { XInput } from "./XInput";
 import { XSuffix } from "./XSuffix";
 import { NativeUIInputChangingEventArgs } from "igniteui-angular-core";
@@ -460,7 +461,16 @@ var XInputBridge = /** @class */ /*@__PURE__*/ (function (_super) {
         window.setTimeout(function () { return e.dr(b, c); }, 0);
     };
     XInputBridge.prototype.exportVisualData = function (a) {
-        return a.fe();
+        if (!(typeCast(XInputGroup.$, a) !== null)) {
+            return null;
+        }
+        var b = a;
+        if (b.inputs == null || b.inputs.count == 0 || !(typeCast(XInput.$, b.inputs._inner[0]) !== null)) {
+            return null;
+        }
+        var c = b.inputs._inner[0];
+        var d = c.bg();
+        return d;
     };
     XInputBridge.$t = markType(XInputBridge, 'XInputBridge', XComponentBridge.$, [INativeUIInputBridge_$type]);
     return XInputBridge;

package/esm5/lib/igx-color-editor-component.js

@@ -120,10 +120,10 @@ var IgxColorEditorComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or Sets the property name that contains the label.
         */
         get: function () {
-            return this.i.az;
+            return this.i.a2;
         },
         set: function (v) {
-            this.i.az = v;
+            this.i.a2 = v;
         },
         enumerable: false,
         configurable: true
@@ -133,10 +133,10 @@ var IgxColorEditorComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the text.
         */
         get: function () {
-            return brushToString(this.i.cn);
+            return brushToString(this.i.cq);
         },
         set: function (v) {
-            this.i.cn = stringToBrush(v);
+            this.i.cq = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -146,15 +146,15 @@ var IgxColorEditorComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the font to use for the input.
         */
         get: function () {
-            if (this.i.o == null) {
+            if (this.i.p == null) {
                 return null;
             }
-            return this.i.o.fontString;
+            return this.i.p.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.o = fi;
+            this.i.p = fi;
         },
         enumerable: false,
         configurable: true
@@ -164,10 +164,10 @@ var IgxColorEditorComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the display density to use for the date pcicker.
         */
         get: function () {
-            return this.i.k;
+            return this.i.l;
         },
         set: function (v) {
-            this.i.k = ensureEnum(ControlDisplayDensity_$type, v);
+            this.i.l = ensureEnum(ControlDisplayDensity_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -177,10 +177,10 @@ var IgxColorEditorComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the base built in theme to use for the date picker.
         */
         get: function () {
-            return this.i.i;
+            return this.i.j;
         },
         set: function (v) {
-            this.i.i = ensureEnum(BaseControlTheme_$type, v);
+            this.i.j = ensureEnum(BaseControlTheme_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -190,15 +190,15 @@ var IgxColorEditorComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the font to use for the combobox.
         */
         get: function () {
-            if (this.i.p == null) {
+            if (this.i.q == null) {
                 return null;
             }
-            return this.i.p.fontString;
+            return this.i.q.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.p = fi;
+            this.i.q = fi;
         },
         enumerable: false,
         configurable: true
@@ -208,10 +208,10 @@ var IgxColorEditorComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or Sets the text color
         */
         get: function () {
-            return brushToString(this.i.co);
+            return brushToString(this.i.cr);
         },
         set: function (v) {
-            this.i.co = stringToBrush(v);
+            this.i.cr = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -221,10 +221,10 @@ var IgxColorEditorComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or Sets the text color
         */
         get: function () {
-            return brushToString(this.i.cm);
+            return brushToString(this.i.cp);
         },
         set: function (v) {
-            this.i.cm = stringToBrush(v);
+            this.i.cp = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -234,10 +234,10 @@ var IgxColorEditorComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the ShowClearButton property to detirmine if the clear button is shown
         */
         get: function () {
-            return this.i.am;
+            return this.i.an;
         },
         set: function (v) {
-            this.i.am = ensureBool(v);
+            this.i.an = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -247,10 +247,10 @@ var IgxColorEditorComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
         */
         get: function () {
-            return this.i.ag;
+            return this.i.ah;
         },
         set: function (v) {
-            this.i.ag = ensureBool(v);
+            this.i.ah = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -260,20 +260,20 @@ var IgxColorEditorComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
         */
         get: function () {
-            return this.i.ak;
+            return this.i.al;
         },
         set: function (v) {
-            this.i.ak = ensureBool(v);
+            this.i.al = ensureBool(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxColorEditorComponent.prototype, "isDisabled", {
         get: function () {
-            return this.i.ah;
+            return this.i.ai;
         },
         set: function (v) {
-            this.i.ah = ensureBool(v);
+            this.i.ai = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -283,10 +283,10 @@ var IgxColorEditorComponent = /** @class */ /*@__PURE__*/ (function () {
          * Indicates that the editor dropdown will position itself relative to the window instead of the document.
         */
         get: function () {
-            return this.i.ai;
+            return this.i.aj;
         },
         set: function (v) {
-            this.i.ai = ensureBool(v);
+            this.i.aj = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -296,10 +296,10 @@ var IgxColorEditorComponent = /** @class */ /*@__PURE__*/ (function () {
          * Indicates that the dropdown should open as a child of the color editor.
         */
         get: function () {
-            return this.i.aj;
+            return this.i.ak;
         },
         set: function (v) {
-            this.i.aj = ensureBool(v);
+            this.i.ak = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -309,10 +309,10 @@ var IgxColorEditorComponent = /** @class */ /*@__PURE__*/ (function () {
          * Indicates that the dropdown will place itself into the browser top layer.
         */
         get: function () {
-            return this.i.an;
+            return this.i.ao;
         },
         set: function (v) {
-            this.i.an = ensureBool(v);
+            this.i.ao = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -383,7 +383,23 @@ var IgxColorEditorComponent = /** @class */ /*@__PURE__*/ (function () {
         this._inStyling = false;
     };
     IgxColorEditorComponent.prototype.select = function () {
-        this.i.b8();
+        this.i.cb();
+    };
+    /**
+     * Exports visual information about the current state of the color editor.
+    
+    */
+    IgxColorEditorComponent.prototype.exportVisualModel = function () {
+        var iv = this.i.as();
+        return (iv);
+    };
+    /**
+     * Returns a serialized copy of the exported visual model
+    
+    */
+    IgxColorEditorComponent.prototype.exportSerializedVisualModel = function () {
+        var iv = this.i.ay();
+        return (iv);
     };
     Object.defineProperty(IgxColorEditorComponent.prototype, "valueChanged", {
         /**

package/esm5/public_api.js

@@ -167,8 +167,10 @@ export * from './lib/XCheckbox';
 export * from './lib/CheckboxChangeEventArgs';
 export * from './lib/igx-checkbox-change-event-args';
 export * from './lib/CheckboxLabelPosition';
+export * from './lib/CheckboxListVisualModelExport';
 export * from './lib/ButtonGroupVisualModelExport';
 export * from './lib/ButtonVisualModelExport';
+export * from './lib/ColorEditorVisualModelExport';
 export * from './lib/CheckboxVisualModelExport';
 export * from './lib/IconVisualModelExport';
 export * from './lib/InputGroupVisualModelExport';