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

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

@@ -1,4 +1,4 @@
-import * as tslib_1 from "tslib";
+import { __extends, __values } from "tslib";
 import { XCheckbox } from "./XCheckbox";
 import { ensureEnum, brushToString, stringToBrush, ensureBool, initializePropertiesFromCss, NamePatcher, toSpinal, enumToString, getAllPropertyNames, fromSpinal } from "igniteui-webcomponents-core";
 import { WebComponentRenderer, PortalManager } from "igniteui-webcomponents-core";
@@ -12,7 +12,7 @@ import { IgcHTMLElement } from "igniteui-webcomponents-core";
 var pending = [];
 var checked = /*@__PURE__*/ new WeakMap(); // TODO why not WeakSet?
 var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
-    tslib_1.__extends(IgcXCheckboxComponent, _super);
+    __extends(IgcXCheckboxComponent, _super);
     function IgcXCheckboxComponent() {
         var _this = _super.call(this) || this;
         _this._disconnected = false;
@@ -52,7 +52,7 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         var mut = new MutationObserver(function (list) {
             var e_1, _b;
             try {
-                for (var list_1 = tslib_1.__values(list), list_1_1 = list_1.next(); !list_1_1.done; list_1_1 = list_1.next()) {
+                for (var list_1 = __values(list), list_1_1 = list_1.next(); !list_1_1.done; list_1_1 = list_1.next()) {
                     var mutation = list_1_1.value;
                     if (mutation.type == 'childList') {
                         _this._onChildrenChanged();
@@ -141,7 +141,7 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         } /**
                                      * @hidden
                                      */,
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXCheckboxComponent._createFromInternal = function (internal) {
@@ -197,7 +197,7 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             return IgcXCheckboxComponent._observedAttributesIgcXCheckboxComponent;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXCheckboxComponent.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
@@ -220,13 +220,13 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
      * Gets or sets the base built in theme to use for the checkbox.
     */
         get: function () {
-            return this.i.i;
+            return this.i.n;
         },
         set: function (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));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "uncheckedBackgroundColor", {
@@ -234,13 +234,13 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the background when the checkbox is unchecked.
         */
         get: function () {
-            return brushToString(this.i.dt);
+            return brushToString(this.i.dl);
         },
         set: function (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));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "actualUncheckedBackgroundColor", {
@@ -248,13 +248,13 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the actual background when the checkbox is unchecked.
         */
         get: function () {
-            return brushToString(this.i.c8);
+            return brushToString(this.i.db);
         },
         set: function (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));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "checkedBackgroundColor", {
@@ -262,13 +262,13 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the background when the checkbox is checked.
         */
         get: function () {
-            return brushToString(this.i.da);
+            return brushToString(this.i.dd);
         },
         set: function (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));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "tickColor", {
@@ -276,13 +276,13 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get: function () {
-            return brushToString(this.i.ds);
+            return brushToString(this.i.dk);
         },
         set: function (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));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "actualTickColor", {
@@ -290,13 +290,13 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get: function () {
-            return brushToString(this.i.c7);
+            return brushToString(this.i.da);
         },
         set: function (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));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "uncheckedBorderColor", {
@@ -304,13 +304,13 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the check mark when the checkbox is unchecked.
         */
         get: function () {
-            return brushToString(this.i.du);
+            return brushToString(this.i.dm);
         },
         set: function (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));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "checkedBorderColor", {
@@ -318,13 +318,13 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get: function () {
-            return brushToString(this.i.db);
+            return brushToString(this.i.de);
         },
         set: function (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));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "actualUncheckedBorderColor", {
@@ -332,13 +332,13 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get: function () {
-            return brushToString(this.i.c9);
+            return brushToString(this.i.dc);
         },
         set: function (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));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "actualCheckedBorderColor", {
@@ -346,13 +346,13 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get: function () {
-            return brushToString(this.i.c6);
+            return brushToString(this.i.c9);
         },
         set: function (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));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "borderWidth", {
@@ -360,13 +360,13 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the Width to use for the check mark when the checkbox is checked.
         */
         get: function () {
-            return this.i.al;
+            return this.i.aq;
         },
         set: function (v) {
-            this.i.al = +v;
-            this._a("borderWidth", this.i.al);
+            this.i.aq = +v;
+            this._a("borderWidth", this.i.aq);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "actualBorderWidth", {
@@ -374,13 +374,13 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the Width to use for the check mark when the checkbox is checked.
         */
         get: function () {
-            return this.i.ai;
+            return this.i.an;
         },
         set: function (v) {
-            this.i.ai = +v;
-            this._a("actualBorderWidth", this.i.ai);
+            this.i.an = +v;
+            this._a("actualBorderWidth", this.i.an);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "cornerRadius", {
@@ -388,13 +388,13 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the corner radius to use for the checkbox.
         */
         get: function () {
-            return this.i.am;
+            return this.i.ar;
         },
         set: function (v) {
-            this.i.am = +v;
-            this._a("cornerRadius", this.i.am);
+            this.i.ar = +v;
+            this._a("cornerRadius", this.i.ar);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "tickStrokeWidth", {
@@ -402,13 +402,13 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the corner radius to use for the checkbox.
         */
         get: function () {
-            return this.i.aw;
+            return this.i.av;
         },
         set: function (v) {
-            this.i.aw = +v;
-            this._a("tickStrokeWidth", this.i.aw);
+            this.i.av = +v;
+            this._a("tickStrokeWidth", this.i.av);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "actualTickStrokeWidth", {
@@ -416,13 +416,13 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke width to use for the check mark.
         */
         get: function () {
-            return this.i.ak;
+            return this.i.ap;
         },
         set: function (v) {
-            this.i.ak = +v;
-            this._a("actualTickStrokeWidth", this.i.ak);
+            this.i.ap = +v;
+            this._a("actualTickStrokeWidth", this.i.ap);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "actualCornerRadius", {
@@ -430,13 +430,13 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual corner radius to use for the checkbox.
         */
         get: function () {
-            return this.i.aj;
+            return this.i.ao;
         },
         set: function (v) {
-            this.i.aj = +v;
-            this._a("actualCornerRadius", this.i.aj);
+            this.i.ao = +v;
+            this._a("actualCornerRadius", this.i.ao);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "actualCheckedBackgroundColor", {
@@ -444,13 +444,13 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the actual background when the checkbox is checked.
         */
         get: function () {
-            return brushToString(this.i.c5);
+            return brushToString(this.i.c8);
         },
         set: function (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));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "inputId", {
@@ -458,12 +458,12 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the id to use for the internal native checkbox.
         */
         get: function () {
-            return this.i.by;
+            return this.i.b1;
         },
         set: function (v) {
-            this.i.by = v;
+            this.i.b1 = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "id", {
@@ -471,12 +471,12 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the id to use for the checkbox.
         */
         get: function () {
-            return this.i.bw;
+            return this.i.bz;
         },
         set: function (v) {
-            this.i.bw = v;
+            this.i.bz = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "labelId", {
@@ -489,7 +489,7 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (v) {
             this.i.labelId = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "name", {
@@ -497,12 +497,12 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets name to use for the checkbox.
         */
         get: function () {
-            return this.i.b7;
+            return this.i.ca;
         },
         set: function (v) {
-            this.i.b7 = v;
+            this.i.ca = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "tabIndex", {
@@ -510,13 +510,13 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets TabIndex to use for the checkbox.
         */
         get: function () {
-            return this.i.a0;
+            return this.i.az;
         },
         set: function (v) {
-            this.i.a0 = +v;
-            this._a("tabIndex", this.i.a0);
+            this.i.az = +v;
+            this._a("tabIndex", this.i.az);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "required", {
@@ -524,13 +524,13 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets if the checkbox is required.
         */
         get: function () {
-            return this.i.az;
+            return this.i.ay;
         },
         set: function (v) {
-            this.i.az = +v;
-            this._a("required", this.i.az);
+            this.i.ay = +v;
+            this._a("required", this.i.ay);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "ariaLabelledBy", {
@@ -538,12 +538,12 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the value of the aria-labelledby attribute.
         */
         get: function () {
-            return this.i.bl;
+            return this.i.bn;
         },
         set: function (v) {
-            this.i.bl = v;
+            this.i.bn = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "ariaLabel", {
@@ -551,12 +551,12 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the value of the aria-label attribute.
         */
         get: function () {
-            return this.i.bk;
+            return this.i.bm;
         },
         set: function (v) {
-            this.i.bk = v;
+            this.i.bm = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "value", {
@@ -564,12 +564,12 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets value to use for the checkbox.
         */
         get: function () {
-            return this.i.a5;
+            return this.i.a4;
         },
         set: function (v) {
-            this.i.a5 = v;
+            this.i.a4 = v;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "focused", {
@@ -583,7 +583,7 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.focused = ensureBool(v);
             this._a("focused", this.i.focused);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "labelPosition", {
@@ -597,7 +597,7 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.e = ensureEnum(CheckboxLabelPosition_$type, v);
             this._a("labelPosition", enumToString(CheckboxLabelPosition_$type, this.i.e));
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "disableRipple", {
@@ -605,13 +605,13 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether to disable the ripple effect for the checkbox.
         */
         get: function () {
-            return this.i.t;
+            return this.i.y;
         },
         set: function (v) {
-            this.i.t = ensureBool(v);
-            this._a("disableRipple", this.i.t);
+            this.i.y = ensureBool(v);
+            this._a("disableRipple", this.i.y);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "checked", {
@@ -625,7 +625,7 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.checked = ensureBool(v);
             this._a("checked", this.i.checked);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "indeterminate", {
@@ -639,7 +639,7 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.indeterminate = ensureBool(v);
             this._a("indeterminate", this.i.indeterminate);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "disabled", {
@@ -653,7 +653,7 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.disabled = ensureBool(v);
             this._a("disabled", this.i.disabled);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcXCheckboxComponent.prototype, "disableTransitions", {
@@ -661,13 +661,13 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the checkbox transitions are disabled.
         */
         get: function () {
-            return this.i.u;
+            return this.i.z;
         },
         set: function (v) {
-            this.i.u = ensureBool(v);
-            this._a("disableTransitions", this.i.u);
+            this.i.z = ensureBool(v);
+            this._a("disableTransitions", this.i.z);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXCheckboxComponent.prototype.findByName = function (name) {
@@ -682,7 +682,7 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         get: function () {
             return this._hasUserValues;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXCheckboxComponent.prototype.__m = function (propertyName) {
@@ -746,7 +746,7 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcXCheckboxComponent.prototype.exportVisualModel = function () {
-        var iv = this.i.a4();
+        var iv = this.i.a3();
         return (iv);
     };
     /**
@@ -754,7 +754,7 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcXCheckboxComponent.prototype.exportSerializedVisualModel = function () {
-        var iv = this.i.bv();
+        var iv = this.i.by();
         return (iv);
     };
     Object.defineProperty(IgcXCheckboxComponent.prototype, "change", {
@@ -782,7 +782,7 @@ var IgcXCheckboxComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i.change = delegateCombine(this.i.change, this._change_wrapped);
             ;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     IgcXCheckboxComponent._observedAttributesIgcXCheckboxComponent = null;