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

package/esm2015/lib/XButtonBridge.js

@@ -128,7 +128,7 @@ export let XButtonBridge = /*@__PURE__*/ (() => {
                     }
                     else {
                         this.ac = c;
-                        let e = d.view.k.createElement("span");
+                        let e = d.view.l.createElement("span");
                         e.setText(this.ac == null ? null : this.ac.toString());
                         d.appendButtonContent(e);
                     }

package/esm2015/lib/XButtonGroupBridge.js

@@ -145,7 +145,13 @@ export let XButtonGroupBridge = /*@__PURE__*/ (() => {
             }
         }
         exportVisualData(a) {
-            return a.a5();
+            let b = a.a5();
+            let c = this.getBoundingRect(a);
+            b.m = c.left;
+            b.n = c.top;
+            b.o = c.width;
+            b.l = c.height;
+            return b;
         }
         addButton(a, b) {
             this.v.add(b);

package/esm2015/lib/XCheckboxBridge.js

@@ -89,7 +89,8 @@ export let XCheckboxBridge = /*@__PURE__*/ (() => {
             }
         }
         exportVisualData(a) {
-            return a.a3();
+            let b = a.a3();
+            return b;
         }
     }
     XCheckboxBridge.$t = markType(XCheckboxBridge, 'XCheckboxBridge', XComponentBridge.$);

package/esm2015/lib/XIconBridge.js

@@ -121,7 +121,8 @@ export let XIconBridge = /*@__PURE__*/ (() => {
             }
         }
         exportVisualData(a) {
-            return a.bg();
+            let b = a.bg();
+            return b;
         }
     }
     XIconBridge.$t = markType(XIconBridge, 'XIconBridge', XComponentBridge.$);

package/esm2015/lib/XInputBridge.js

@@ -7,6 +7,7 @@ GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOA
 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";
@@ -458,7 +459,16 @@ export let XInputBridge = /*@__PURE__*/ (() => {
             window.setTimeout(() => e.dr(b, c), 0);
         }
         exportVisualData(a) {
-            return a.fe();
+            if (!(typeCast(XInputGroup.$, a) !== null)) {
+                return null;
+            }
+            let b = a;
+            if (b.inputs == null || b.inputs.count == 0 || !(typeCast(XInput.$, b.inputs._inner[0]) !== null)) {
+                return null;
+            }
+            let c = b.inputs._inner[0];
+            let d = c.bg();
+            return d;
         }
     }
     XInputBridge.$t = markType(XInputBridge, 'XInputBridge', XComponentBridge.$, [INativeUIInputBridge_$type]);

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

@@ -112,143 +112,143 @@ export let IgxColorEditorComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the property name that contains the label.
         */
         get label() {
-            return this.i.az;
+            return this.i.a2;
         }
         set label(v) {
-            this.i.az = v;
+            this.i.a2 = v;
         }
         /**
          * Gets or sets the color to use for the text.
         */
         get labelTextColor() {
-            return brushToString(this.i.cn);
+            return brushToString(this.i.cq);
         }
         set labelTextColor(v) {
-            this.i.cn = stringToBrush(v);
+            this.i.cq = stringToBrush(v);
         }
         /**
          * Gets or sets the font to use for the input.
         */
         get labelTextStyle() {
-            if (this.i.o == null) {
+            if (this.i.p == null) {
                 return null;
             }
-            return this.i.o.fontString;
+            return this.i.p.fontString;
         }
         set labelTextStyle(v) {
             let fi = new FontInfo();
             fi.fontString = v;
-            this.i.o = fi;
+            this.i.p = fi;
         }
         /**
          * Gets or sets the display density to use for the date pcicker.
         */
         get density() {
-            return this.i.k;
+            return this.i.l;
         }
         set density(v) {
-            this.i.k = ensureEnum(ControlDisplayDensity_$type, v);
+            this.i.l = ensureEnum(ControlDisplayDensity_$type, v);
         }
         /**
          * Gets or sets the base built in theme to use for the date picker.
         */
         get baseTheme() {
-            return this.i.i;
+            return this.i.j;
         }
         set baseTheme(v) {
-            this.i.i = ensureEnum(BaseControlTheme_$type, v);
+            this.i.j = ensureEnum(BaseControlTheme_$type, v);
         }
         /**
          * Gets or sets the font to use for the combobox.
         */
         get textStyle() {
-            if (this.i.p == null) {
+            if (this.i.q == null) {
                 return null;
             }
-            return this.i.p.fontString;
+            return this.i.q.fontString;
         }
         set textStyle(v) {
             let fi = new FontInfo();
             fi.fontString = v;
-            this.i.p = fi;
+            this.i.q = fi;
         }
         /**
          * Gets or Sets the text color
         */
         get textColor() {
-            return brushToString(this.i.co);
+            return brushToString(this.i.cr);
         }
         set textColor(v) {
-            this.i.co = stringToBrush(v);
+            this.i.cr = stringToBrush(v);
         }
         /**
          * Gets or Sets the text color
         */
         get iconColor() {
-            return brushToString(this.i.cm);
+            return brushToString(this.i.cp);
         }
         set iconColor(v) {
-            this.i.cm = stringToBrush(v);
+            this.i.cp = stringToBrush(v);
         }
         /**
          * Gets or sets the ShowClearButton property to detirmine if the clear button is shown
         */
         get showClearButton() {
-            return this.i.am;
+            return this.i.an;
         }
         set showClearButton(v) {
-            this.i.am = ensureBool(v);
+            this.i.an = ensureBool(v);
         }
         /**
          * Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
         */
         get allowTextInput() {
-            return this.i.ag;
+            return this.i.ah;
         }
         set allowTextInput(v) {
-            this.i.ag = ensureBool(v);
+            this.i.ah = ensureBool(v);
         }
         /**
          * Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
         */
         get openOnFocus() {
-            return this.i.ak;
+            return this.i.al;
         }
         set openOnFocus(v) {
-            this.i.ak = ensureBool(v);
+            this.i.al = ensureBool(v);
         }
         get isDisabled() {
-            return this.i.ah;
+            return this.i.ai;
         }
         set isDisabled(v) {
-            this.i.ah = ensureBool(v);
+            this.i.ai = ensureBool(v);
         }
         /**
          * Indicates that the editor dropdown will position itself relative to the window instead of the document.
         */
         get isFixed() {
-            return this.i.ai;
+            return this.i.aj;
         }
         set isFixed(v) {
-            this.i.ai = ensureBool(v);
+            this.i.aj = ensureBool(v);
         }
         /**
          * Indicates that the dropdown should open as a child of the color editor.
         */
         get openAsChild() {
-            return this.i.aj;
+            return this.i.ak;
         }
         set openAsChild(v) {
-            this.i.aj = ensureBool(v);
+            this.i.ak = ensureBool(v);
         }
         /**
          * Indicates that the dropdown will place itself into the browser top layer.
         */
         get useTopLayer() {
-            return this.i.an;
+            return this.i.ao;
         }
         set useTopLayer(v) {
-            this.i.an = ensureBool(v);
+            this.i.ao = ensureBool(v);
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -312,7 +312,23 @@ export let IgxColorEditorComponent = /*@__PURE__*/ (() => {
             this._inStyling = false;
         }
         select() {
-            this.i.b8();
+            this.i.cb();
+        }
+        /**
+         * Exports visual information about the current state of the color editor.
+        
+        */
+        exportVisualModel() {
+            let iv = this.i.as();
+            return (iv);
+        }
+        /**
+         * Returns a serialized copy of the exported visual model
+        
+        */
+        exportSerializedVisualModel() {
+            let iv = this.i.ay();
+            return (iv);
         }
         /**
          * Called when color is selected.

package/esm2015/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';

package/esm5/lib/ButtonGroupView_combined.js

@@ -1606,7 +1606,7 @@ var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     XButtonGroup.prototype.bq = function () {
         var a = this.e();
-        return a.l();
+        return a.p();
     };
     XButtonGroup.prototype.e = function () {
         var a = new ButtonGroupVisualModelExport();

package/esm5/lib/ButtonGroupVisualModelExport.js

@@ -16,6 +16,10 @@ var ButtonGroupVisualModelExport = /** @class */ /*@__PURE__*/ (function (_super
     __extends(ButtonGroupVisualModelExport, _super);
     function ButtonGroupVisualModelExport() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.m = 0;
+        _this.n = 0;
+        _this.o = 0;
+        _this.l = 0;
         _this.e = 0;
         _this.f = 0;
         _this.a = null;
@@ -29,9 +33,13 @@ var ButtonGroupVisualModelExport = /** @class */ /*@__PURE__*/ (function (_super
         _this.i = null;
         return _this;
     }
-    ButtonGroupVisualModelExport.prototype.l = function () {
+    ButtonGroupVisualModelExport.prototype.p = function () {
         var a = new StringBuilder(0);
         a.l("{");
+        a.l("left : " + this.m + ", ");
+        a.l("top : " + this.n + ", ");
+        a.l("height : " + this.l + ", ");
+        a.l("width : " + this.o + ", ");
         a.l("baseTheme : " + enumGetBox(BaseControlTheme_$type, this.e) + ", ");
         a.l("actualDensity : " + enumGetBox(ControlDisplayDensity_$type, this.f) + ", ");
         a.l("selectedIndices : " + this.a + ", ");