igniteui-webcomponents-inputs 4.2.5 → 4.3.0-beta.1

package/esm2015/lib/igc-x-button-group-component.js

@@ -16,6 +16,34 @@ import { ButtonGroupDisplayStyle_$type } from './ButtonGroupDisplayStyle';
 import { IgcHTMLElement } from "igniteui-webcomponents-core";
 export let IgcXButtonGroupComponent = /*@__PURE__*/ (() => {
     class IgcXButtonGroupComponent extends IgcHTMLElement {
+        /**
+         * A collection or manually added axes for the chart.
+        */
+        get buttons() {
+            if (this._buttons === null) {
+                let coll = new IgcXButtonGroupButtonCollection();
+                let inner = coll._innerColl;
+                inner.addListener((sender, e) => {
+                    switch (e.action) {
+                        case NotifyCollectionChangedAction.Add:
+                            this._buttonsAdapter.insertManualItem(e.newStartingIndex, e.newItems.item(0));
+                            break;
+                        case NotifyCollectionChangedAction.Remove:
+                            this._buttonsAdapter.removeManualItemAt(e.oldStartingIndex);
+                            break;
+                        case NotifyCollectionChangedAction.Replace:
+                            this._buttonsAdapter.removeManualItemAt(e.oldStartingIndex);
+                            this._buttonsAdapter.insertManualItem(e.newStartingIndex, e.newItems.item(0));
+                            break;
+                        case NotifyCollectionChangedAction.Reset:
+                            this._buttonsAdapter.clearManualItems();
+                            break;
+                    }
+                });
+                this._buttons = coll;
+            }
+            return this._buttons;
+        }
         constructor() {
             super();
             this.contentButtons = [];
@@ -81,34 +109,6 @@ export let IgcXButtonGroupComponent = /*@__PURE__*/ (() => {
             //    this._checkbox.notifySizeChanged();
             //});
         }
-        /**
-         * A collection or manually added axes for the chart.
-        */
-        get buttons() {
-            if (this._buttons === null) {
-                let coll = new IgcXButtonGroupButtonCollection();
-                let inner = coll._innerColl;
-                inner.addListener((sender, e) => {
-                    switch (e.action) {
-                        case NotifyCollectionChangedAction.Add:
-                            this._buttonsAdapter.insertManualItem(e.newStartingIndex, e.newItems.item(0));
-                            break;
-                        case NotifyCollectionChangedAction.Remove:
-                            this._buttonsAdapter.removeManualItemAt(e.oldStartingIndex);
-                            break;
-                        case NotifyCollectionChangedAction.Replace:
-                            this._buttonsAdapter.removeManualItemAt(e.oldStartingIndex);
-                            this._buttonsAdapter.insertManualItem(e.newStartingIndex, e.newItems.item(0));
-                            break;
-                        case NotifyCollectionChangedAction.Reset:
-                            this._buttonsAdapter.clearManualItems();
-                            break;
-                    }
-                });
-                this._buttons = coll;
-            }
-            return this._buttons;
-        }
         _onChildrenChanged() {
             var children = [];
             for (var i = 0; i < this.childNodes.length; i++) {

package/esm2015/lib/igc-x-calendar-component.js

@@ -12,6 +12,22 @@ import { DayOfWeek_$type } from "./DayOfWeek";
 import { FirstWeek_$type } from "./FirstWeek";
 export let IgcXCalendarComponent = /*@__PURE__*/ (() => {
     class IgcXCalendarComponent extends HTMLElement {
+        set height(value) {
+            this._height = value;
+            this.style.height = value;
+            this.i.notifySizeChanged();
+        }
+        get height() {
+            return this._height;
+        }
+        set width(value) {
+            this._width = value;
+            this.style.width = value;
+            this.i.notifySizeChanged();
+        }
+        get width() {
+            return this._width;
+        }
         constructor() {
             super();
             this._disconnected = false;
@@ -44,22 +60,6 @@ export let IgcXCalendarComponent = /*@__PURE__*/ (() => {
                 this._calendar.notifySizeChanged();
             });
         }
-        set height(value) {
-            this._height = value;
-            this.style.height = value;
-            this.i.notifySizeChanged();
-        }
-        get height() {
-            return this._height;
-        }
-        set width(value) {
-            this._width = value;
-            this.style.width = value;
-            this.i.notifySizeChanged();
-        }
-        get width() {
-            return this._width;
-        }
         // supports angular themes or custom properties set in CSS
         updateStyle() {
             this._styling(this, this);

package/esm2015/lib/igc-x-checkbox-component.js

@@ -192,189 +192,189 @@ export let IgcXCheckboxComponent = /*@__PURE__*/ (() => {
      * Gets or sets the base built in theme to use for the checkbox.
     */
         get baseTheme() {
-            return this.i.i;
+            return this.i.n;
         }
         set baseTheme(v) {
-            this.i.i = ensureEnum(BaseControlTheme_$type, v);
-            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.i));
+            this.i.n = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.n));
         }
         /**
          * Gets or sets the color to use for the background when the checkbox is unchecked.
         */
         get uncheckedBackgroundColor() {
-            return brushToString(this.i.dt);
+            return brushToString(this.i.dl);
         }
         set uncheckedBackgroundColor(v) {
-            this.i.dt = stringToBrush(v);
-            this._a("uncheckedBackgroundColor", brushToString(this.i.dt));
+            this.i.dl = stringToBrush(v);
+            this._a("uncheckedBackgroundColor", brushToString(this.i.dl));
         }
         /**
          * Gets or sets the color to use for the actual background when the checkbox is unchecked.
         */
         get actualUncheckedBackgroundColor() {
-            return brushToString(this.i.c8);
+            return brushToString(this.i.db);
         }
         set actualUncheckedBackgroundColor(v) {
-            this.i.c8 = stringToBrush(v);
-            this._a("actualUncheckedBackgroundColor", brushToString(this.i.c8));
+            this.i.db = stringToBrush(v);
+            this._a("actualUncheckedBackgroundColor", brushToString(this.i.db));
         }
         /**
          * Gets or sets the color to use for the background when the checkbox is checked.
         */
         get checkedBackgroundColor() {
-            return brushToString(this.i.da);
+            return brushToString(this.i.dd);
         }
         set checkedBackgroundColor(v) {
-            this.i.da = stringToBrush(v);
-            this._a("checkedBackgroundColor", brushToString(this.i.da));
+            this.i.dd = stringToBrush(v);
+            this._a("checkedBackgroundColor", brushToString(this.i.dd));
         }
         /**
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get tickColor() {
-            return brushToString(this.i.ds);
+            return brushToString(this.i.dk);
         }
         set tickColor(v) {
-            this.i.ds = stringToBrush(v);
-            this._a("tickColor", brushToString(this.i.ds));
+            this.i.dk = stringToBrush(v);
+            this._a("tickColor", brushToString(this.i.dk));
         }
         /**
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get actualTickColor() {
-            return brushToString(this.i.c7);
+            return brushToString(this.i.da);
         }
         set actualTickColor(v) {
-            this.i.c7 = stringToBrush(v);
-            this._a("actualTickColor", brushToString(this.i.c7));
+            this.i.da = stringToBrush(v);
+            this._a("actualTickColor", brushToString(this.i.da));
         }
         /**
          * Gets or sets the color to use for the check mark when the checkbox is unchecked.
         */
         get uncheckedBorderColor() {
-            return brushToString(this.i.du);
+            return brushToString(this.i.dm);
         }
         set uncheckedBorderColor(v) {
-            this.i.du = stringToBrush(v);
-            this._a("uncheckedBorderColor", brushToString(this.i.du));
+            this.i.dm = stringToBrush(v);
+            this._a("uncheckedBorderColor", brushToString(this.i.dm));
         }
         /**
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get checkedBorderColor() {
-            return brushToString(this.i.db);
+            return brushToString(this.i.de);
         }
         set checkedBorderColor(v) {
-            this.i.db = stringToBrush(v);
-            this._a("checkedBorderColor", brushToString(this.i.db));
+            this.i.de = stringToBrush(v);
+            this._a("checkedBorderColor", brushToString(this.i.de));
         }
         /**
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get actualUncheckedBorderColor() {
-            return brushToString(this.i.c9);
+            return brushToString(this.i.dc);
         }
         set actualUncheckedBorderColor(v) {
-            this.i.c9 = stringToBrush(v);
-            this._a("actualUncheckedBorderColor", brushToString(this.i.c9));
+            this.i.dc = stringToBrush(v);
+            this._a("actualUncheckedBorderColor", brushToString(this.i.dc));
         }
         /**
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get actualCheckedBorderColor() {
-            return brushToString(this.i.c6);
+            return brushToString(this.i.c9);
         }
         set actualCheckedBorderColor(v) {
-            this.i.c6 = stringToBrush(v);
-            this._a("actualCheckedBorderColor", brushToString(this.i.c6));
+            this.i.c9 = stringToBrush(v);
+            this._a("actualCheckedBorderColor", brushToString(this.i.c9));
         }
         /**
          * Gets or sets the Width to use for the check mark when the checkbox is checked.
         */
         get borderWidth() {
-            return this.i.al;
+            return this.i.aq;
         }
         set borderWidth(v) {
-            this.i.al = +v;
-            this._a("borderWidth", this.i.al);
+            this.i.aq = +v;
+            this._a("borderWidth", this.i.aq);
         }
         /**
          * Gets or sets the Width to use for the check mark when the checkbox is checked.
         */
         get actualBorderWidth() {
-            return this.i.ai;
+            return this.i.an;
         }
         set actualBorderWidth(v) {
-            this.i.ai = +v;
-            this._a("actualBorderWidth", this.i.ai);
+            this.i.an = +v;
+            this._a("actualBorderWidth", this.i.an);
         }
         /**
          * Gets or sets the corner radius to use for the checkbox.
         */
         get cornerRadius() {
-            return this.i.am;
+            return this.i.ar;
         }
         set cornerRadius(v) {
-            this.i.am = +v;
-            this._a("cornerRadius", this.i.am);
+            this.i.ar = +v;
+            this._a("cornerRadius", this.i.ar);
         }
         /**
          * Gets or sets the corner radius to use for the checkbox.
         */
         get tickStrokeWidth() {
-            return this.i.aw;
+            return this.i.av;
         }
         set tickStrokeWidth(v) {
-            this.i.aw = +v;
-            this._a("tickStrokeWidth", this.i.aw);
+            this.i.av = +v;
+            this._a("tickStrokeWidth", this.i.av);
         }
         /**
          * Gets or sets the stroke width to use for the check mark.
         */
         get actualTickStrokeWidth() {
-            return this.i.ak;
+            return this.i.ap;
         }
         set actualTickStrokeWidth(v) {
-            this.i.ak = +v;
-            this._a("actualTickStrokeWidth", this.i.ak);
+            this.i.ap = +v;
+            this._a("actualTickStrokeWidth", this.i.ap);
         }
         /**
          * Gets the actual corner radius to use for the checkbox.
         */
         get actualCornerRadius() {
-            return this.i.aj;
+            return this.i.ao;
         }
         set actualCornerRadius(v) {
-            this.i.aj = +v;
-            this._a("actualCornerRadius", this.i.aj);
+            this.i.ao = +v;
+            this._a("actualCornerRadius", this.i.ao);
         }
         /**
          * Gets or sets the color to use for the actual background when the checkbox is checked.
         */
         get actualCheckedBackgroundColor() {
-            return brushToString(this.i.c5);
+            return brushToString(this.i.c8);
         }
         set actualCheckedBackgroundColor(v) {
-            this.i.c5 = stringToBrush(v);
-            this._a("actualCheckedBackgroundColor", brushToString(this.i.c5));
+            this.i.c8 = stringToBrush(v);
+            this._a("actualCheckedBackgroundColor", brushToString(this.i.c8));
         }
         /**
          * Gets or sets the id to use for the internal native checkbox.
         */
         get inputId() {
-            return this.i.by;
+            return this.i.b1;
         }
         set inputId(v) {
-            this.i.by = v;
+            this.i.b1 = v;
         }
         /**
          * Gets or sets the id to use for the checkbox.
         */
         get id() {
-            return this.i.bw;
+            return this.i.bz;
         }
         set id(v) {
-            this.i.bw = v;
+            this.i.bz = v;
         }
         /**
          * Gets or sets id to use for the checkbox label.
@@ -389,57 +389,57 @@ export let IgcXCheckboxComponent = /*@__PURE__*/ (() => {
          * Gets or sets name to use for the checkbox.
         */
         get name() {
-            return this.i.b7;
+            return this.i.ca;
         }
         set name(v) {
-            this.i.b7 = v;
+            this.i.ca = v;
         }
         /**
          * Gets or sets TabIndex to use for the checkbox.
         */
         get tabIndex() {
-            return this.i.a0;
+            return this.i.az;
         }
         set tabIndex(v) {
-            this.i.a0 = +v;
-            this._a("tabIndex", this.i.a0);
+            this.i.az = +v;
+            this._a("tabIndex", this.i.az);
         }
         /**
          * Gets or sets if the checkbox is required.
         */
         get required() {
-            return this.i.az;
+            return this.i.ay;
         }
         set required(v) {
-            this.i.az = +v;
-            this._a("required", this.i.az);
+            this.i.ay = +v;
+            this._a("required", this.i.ay);
         }
         /**
          * Gets or sets the value of the aria-labelledby attribute.
         */
         get ariaLabelledBy() {
-            return this.i.bl;
+            return this.i.bn;
         }
         set ariaLabelledBy(v) {
-            this.i.bl = v;
+            this.i.bn = v;
         }
         /**
          * Gets or sets the value of the aria-label attribute.
         */
         get ariaLabel() {
-            return this.i.bk;
+            return this.i.bm;
         }
         set ariaLabel(v) {
-            this.i.bk = v;
+            this.i.bm = v;
         }
         /**
          * Gets or sets value to use for the checkbox.
         */
         get value() {
-            return this.i.a5;
+            return this.i.a4;
         }
         set value(v) {
-            this.i.a5 = v;
+            this.i.a4 = v;
         }
         /**
          * Gets or sets if the checkbox is Focused.
@@ -465,11 +465,11 @@ export let IgcXCheckboxComponent = /*@__PURE__*/ (() => {
          * Gets or sets whether to disable the ripple effect for the checkbox.
         */
         get disableRipple() {
-            return this.i.t;
+            return this.i.y;
         }
         set disableRipple(v) {
-            this.i.t = ensureBool(v);
-            this._a("disableRipple", this.i.t);
+            this.i.y = ensureBool(v);
+            this._a("disableRipple", this.i.y);
         }
         /**
          * Gets or sets whether the checkbox is checked.
@@ -505,11 +505,11 @@ export let IgcXCheckboxComponent = /*@__PURE__*/ (() => {
          * Gets or sets whether the checkbox transitions are disabled.
         */
         get disableTransitions() {
-            return this.i.u;
+            return this.i.z;
         }
         set disableTransitions(v) {
-            this.i.u = ensureBool(v);
-            this._a("disableTransitions", this.i.u);
+            this.i.z = ensureBool(v);
+            this._a("disableTransitions", this.i.z);
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -583,7 +583,7 @@ export let IgcXCheckboxComponent = /*@__PURE__*/ (() => {
         
         */
         exportVisualModel() {
-            let iv = this.i.a4();
+            let iv = this.i.a3();
             return (iv);
         }
         /**
@@ -591,7 +591,7 @@ export let IgcXCheckboxComponent = /*@__PURE__*/ (() => {
         
         */
         exportSerializedVisualModel() {
-            let iv = this.i.bv();
+            let iv = this.i.by();
             return (iv);
         }
         get change() {