igniteui-angular-inputs 18.1.1 → 18.2.0-beta.1

package/esm2015/lib/igx-x-label-component.js

@@ -60,6 +60,7 @@ export let IgxXLabelComponent = /*@__PURE__*/ (() => {
             this._portalManager.onChildContentChanged(this._childTemplateRef);
             this._styling(this._root, this);
             this.updateStyle();
+            this.i.onSizeReady();
         }
         createImplementation() {
             return new XLabel();
@@ -101,64 +102,64 @@ export let IgxXLabelComponent = /*@__PURE__*/ (() => {
          * Gets the actual color to use for the text color.
         */
         get actualTextColor() {
-            return brushToString(this.i.cz);
+            return brushToString(this.i.c2);
         }
         set actualTextColor(v) {
-            this.i.cz = stringToBrush(v);
+            this.i.c2 = stringToBrush(v);
         }
         /**
          * Gets the actual color to use for the text color.
         */
         get actualHighlightTextColor() {
-            return brushToString(this.i.cw);
+            return brushToString(this.i.cz);
         }
         set actualHighlightTextColor(v) {
-            this.i.cw = stringToBrush(v);
+            this.i.cz = stringToBrush(v);
         }
         /**
          * Gets the actual color to use for the text color when highlighted and hovered.
         */
         get actualHoverHighlightTextColor() {
-            return brushToString(this.i.cx);
+            return brushToString(this.i.c0);
         }
         set actualHoverHighlightTextColor(v) {
-            this.i.cx = stringToBrush(v);
+            this.i.c0 = stringToBrush(v);
         }
         /**
          * Gets the actual hover color to use for the text.
         */
         get actualHoverTextColor() {
-            return brushToString(this.i.cy);
+            return brushToString(this.i.c1);
         }
         set actualHoverTextColor(v) {
-            this.i.cy = stringToBrush(v);
+            this.i.c1 = stringToBrush(v);
         }
         /**
          * Gets or sets the color to use for the text.
         */
         get textColor() {
-            return brushToString(this.i.df);
+            return brushToString(this.i.di);
         }
         set textColor(v) {
-            this.i.df = stringToBrush(v);
+            this.i.di = stringToBrush(v);
         }
         /**
          * Gets or sets the color to use for the text.
         */
         get highlightTextColor() {
-            return brushToString(this.i.dc);
+            return brushToString(this.i.df);
         }
         set highlightTextColor(v) {
-            this.i.dc = stringToBrush(v);
+            this.i.df = stringToBrush(v);
         }
         /**
          * Gets or sets the color to use for the text.
         */
         get hoverHighlightTextColor() {
-            return brushToString(this.i.dd);
+            return brushToString(this.i.dg);
         }
         set hoverHighlightTextColor(v) {
-            this.i.dd = stringToBrush(v);
+            this.i.dg = stringToBrush(v);
         }
         /**
          * Gets or sets the use for the button.
@@ -178,91 +179,91 @@ export let IgxXLabelComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the hovered text of the button regardless of type.
         */
         get hoverTextColor() {
-            return brushToString(this.i.de);
+            return brushToString(this.i.dh);
         }
         set hoverTextColor(v) {
-            this.i.de = stringToBrush(v);
+            this.i.dh = stringToBrush(v);
         }
         /**
          * Gets or sets the id to use for the checkbox.
         */
         get id() {
-            return this.i.bu;
+            return this.i.bv;
         }
         set id(v) {
-            this.i.bu = v;
+            this.i.bv = v;
         }
         /**
          * Gets or sets the id to use for the checkbox.
         */
         get display() {
-            return this.i.bi;
+            return this.i.bj;
         }
         set display(v) {
-            this.i.bi = v;
+            this.i.bj = v;
         }
         /**
          * Gets or sets the id to use for the checkbox.
         */
         get flexDirection() {
-            return this.i.bl;
+            return this.i.bm;
         }
         set flexDirection(v) {
-            this.i.bl = v;
+            this.i.bm = v;
         }
         /**
          * Gets or sets the flex-grow setting for the button.
         */
         get flexGrow() {
-            return this.i.bn;
+            return this.i.bo;
         }
         set flexGrow(v) {
-            this.i.bn = v;
+            this.i.bo = v;
         }
         /**
          * Gets or sets the id to use for the checkbox.
         */
         get alignItems() {
-            return this.i.ba;
+            return this.i.bb;
         }
         set alignItems(v) {
-            this.i.ba = v;
+            this.i.bb = v;
         }
         /**
          * Gets or sets the id to use for the checkbox.
         */
         get alignSelf() {
-            return this.i.bc;
+            return this.i.bd;
         }
         set alignSelf(v) {
-            this.i.bc = v;
+            this.i.bd = v;
         }
         /**
          * Gets or sets TabIndex to use for the checkbox.
         */
         get tabIndex() {
-            return this.i.as;
+            return this.i.at;
         }
         set tabIndex(v) {
-            this.i.as = +v;
+            this.i.at = +v;
         }
         /**
          * Gets or sets the for attribute to use for the label.
         */
         get for() {
-            return this.i.bp;
+            return this.i.bq;
         }
         set for(v) {
-            this.i.bp = v;
+            this.i.bq = v;
         }
         /**
          * Gets or sets the value of the aria-label attribute.
         */
         get ariaLabel() {
-            return this.i.be;
+            return this.i.bf;
         }
         set ariaLabel(v) {
-            this.i.be = v;
+            this.i.bf = v;
         }
         /**
          * Gets or sets the text for the label.
@@ -277,19 +278,19 @@ export let IgxXLabelComponent = /*@__PURE__*/ (() => {
          * Gets or sets whether the label is hovered.
         */
         get isHover() {
-            return this.i.am;
+            return this.i.an;
         }
         set isHover(v) {
-            this.i.am = ensureBool(v);
+            this.i.an = ensureBool(v);
         }
         /**
          * Gets or sets the value for the label.
         */
         get value() {
-            return this.i.aq;
+            return this.i.ar;
         }
         set value(v) {
-            this.i.aq = ensureBool(v);
+            this.i.ar = ensureBool(v);
         }
         /**
          * Gets or sets whether the checkbox is disabled.
@@ -311,7 +312,7 @@ export let IgxXLabelComponent = /*@__PURE__*/ (() => {
         
         */
         exportVisualModel() {
-            let iv = this.i.au();
+            let iv = this.i.av();
             return (iv);
         }
         /**
@@ -319,7 +320,7 @@ export let IgxXLabelComponent = /*@__PURE__*/ (() => {
         
         */
         exportSerializedVisualModel() {
-            let iv = this.i.bk();
+            let iv = this.i.bl();
             return (iv);
         }
     }

package/esm2015/public_api.js

@@ -24,10 +24,18 @@ export * from './lib/LostFocusEventArgs';
 export * from './lib/igx-lost-focus-event-args';
 export * from './lib/DateFormats';
 export * from './lib/DatePickerVisualModelExport';
+export * from './lib/igx-color-editor-component';
+export * from './lib/igx-color-editor-panel-component';
 export * from './lib/igx-x-checkbox-component';
+export * from './lib/igx-color-editor-dynamic-module';
+export * from './lib/igx-color-editor-module';
+export * from './lib/igx-color-editor-panel-dynamic-module';
+export * from './lib/igx-color-editor-panel-module';
 export * from './lib/igx-x-checkbox-dynamic-module';
 export * from './lib/igx-x-checkbox-module';
 export * from './lib/igx-x-ripple-component';
+export * from './lib/igx-multi-slider-dynamic-module';
+export * from './lib/igx-multi-slider-module';
 export * from './lib/igx-x-ripple-dynamic-module';
 export * from './lib/igx-x-ripple-module';
 export * from './lib/igx-x-button-component';
@@ -54,7 +62,10 @@ export * from './lib/igx-x-prefix-component';
 export * from './lib/igx-x-suffix-component';
 export * from './lib/NativeUIXInputsFactory';
 export * from './lib/XComponentBridge';
+export * from './lib/MultiSliderBridge';
 export * from './lib/XButtonBridge';
+export * from './lib/XButtonGroupBridge';
+export * from './lib/ColorEditorBridge';
 export * from './lib/XCheckboxBridge';
 export * from './lib/XIconButtonBridge';
 export * from './lib/XInputBridge';
@@ -64,6 +75,10 @@ export * from './lib/KEYCODES';
 export * from './lib/MaskOptions';
 export * from './lib/Replaced';
 export * from './lib/MaskParsingService';
+export * from './lib/ColorEditorPanelView';
+export * from './lib/MultiSliderView';
+export * from './lib/MultiSliderCursor';
+export * from './lib/ColorEditorView';
 export * from './lib/InputGroupView';
 export * from './lib/ElevationHelper';
 export * from './lib/ButtonGroupView';
@@ -75,6 +90,46 @@ export * from './lib/IconView';
 export * from './lib/ButtonView';
 export * from './lib/RippleView';
 export * from './lib/CheckboxView';
+export * from './lib/ColorEditor';
+export * from './lib/ColorEditorGotFocusEventArgs';
+export * from './lib/igx-color-editor-got-focus-event-args';
+export * from './lib/ColorEditorLostFocusEventArgs';
+export * from './lib/igx-color-editor-lost-focus-event-args';
+export * from './lib/ColorEditorPanel';
+export * from './lib/ColorEditorPanelClosedEventArgs';
+export * from './lib/igx-color-editor-panel-closed-event-args';
+export * from './lib/ColorEditorPanelSelectedValueChangedEventArgs';
+export * from './lib/igx-color-editor-panel-selected-value-changed-event-args';
+export * from './lib/ISliderTrackOwner';
+export * from './lib/MultiSlider';
+export * from './lib/igx-multi-slider-component';
+export * from './lib/MultiSliderThumbValueChangingEventArgs';
+export * from './lib/igx-multi-slider-thumb-value-changing-event-args';
+export * from './lib/MultiSliderYValueChangingEventArgs';
+export * from './lib/igx-multi-slider-y-value-changing-event-args';
+export * from './lib/MultiSliderHitInfo';
+export * from './lib/MultiSliderResolvingToolTipValueEventArgs';
+export * from './lib/igx-multi-slider-resolving-tool-tip-value-event-args';
+export * from './lib/igx-multi-slider-thumb-collection';
+export * from './lib/MultiSliderThumbCollection';
+export * from './lib/IMultiSliderTrackBarVisual';
+export * from './lib/DefaultMultiSliderTrackBarVisual';
+export * from './lib/IMultiSliderTrackRangeVisual';
+export * from './lib/DefaultMultiSliderTrackRangeVisual';
+export * from './lib/IMultiSliderTrackShadeVisual';
+export * from './lib/MultiSliderTrackShadeOrientation';
+export * from './lib/DefaultMultiTrackShadeVisual';
+export * from './lib/MultiSliderThumb';
+export * from './lib/igx-multi-slider-thumb';
+export * from './lib/MultiSliderThumbRangePosition';
+export * from './lib/IMultiSliderTrackThumbCalloutVisual';
+export * from './lib/DefaultMultiSliderTrackThumbCalloutVisual';
+export * from './lib/MultiSliderTrackThumbRange';
+export * from './lib/igx-multi-slider-track-thumb-range';
+export * from './lib/IMultiSliderTrackThumbVisual';
+export * from './lib/DefaultMultiSliderTrackThumbVisual';
+export * from './lib/MultiSliderOrientation';
+export * from './lib/MultiSliderVisualArea';
 export * from './lib/XSuffix';
 export * from './lib/SuffixShiftType';
 export * from './lib/XPrefix';

package/esm5/lib/ButtonGroupView_combined.js

@@ -488,10 +488,10 @@ var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             this.d = this.c(this.d, a, b);
         }
         this.df();
+        this.u = false;
         if (this.selectionChanged != null) {
             this.selectionChanged(this, new ButtonGroupSelectionChangedEventArgs());
         }
-        this.u = false;
     };
     XButtonGroup.prototype.c = function (a, b, c) {
         var d = new Array(Math.max(0, this.a.length + 1));
@@ -615,7 +615,7 @@ var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     XButtonGroup.prototype.dl = function (a, b) {
-        return new CornerRadius(1, !isNaN_(a.c) ? a.c : b.c, !isNaN_(a.d) ? a.d : b.d, !isNaN_(a.b) ? a.b : b.b, !isNaN_(a.a) ? a.a : b.a);
+        return new CornerRadius(1, !isNaN_(a.d) ? a.d : b.d, !isNaN_(a.e) ? a.e : b.e, !isNaN_(a.c) ? a.c : b.c, !isNaN_(a.b) ? a.b : b.b);
     };
     XButtonGroup.prototype.dg = function () {
         switch (this.i) {
@@ -671,23 +671,23 @@ var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
             if (this.v) {
                 b.disabled = this.disabled;
             }
-            b.nt = this.e0;
+            b.nv = this.e0;
             b.bg = this.ak;
-            b.ph = this.e2;
-            b.pg = this.e1;
-            b.pi = this.e3;
+            b.pj = this.e2;
+            b.pi = this.e1;
+            b.pk = this.e3;
             this.view.x(b);
             if (this.aa(b)) {
-                b.ns = this.e7;
-                b.q7 = this.fa;
-                b.p7 = this.e8;
-                b.p8 = this.e9;
+                b.nu = this.e7;
+                b.q9 = this.fa;
+                b.p9 = this.e8;
+                b.qa = this.e9;
             }
             else {
-                b.ns = this.ez;
-                b.q7 = this.e6;
-                b.p7 = this.e4;
-                b.p8 = this.e5;
+                b.nu = this.ez;
+                b.q9 = this.e6;
+                b.p9 = this.e4;
+                b.qa = this.e5;
             }
         }
     };
@@ -701,22 +701,22 @@ var XButtonGroup = /** @class */ /*@__PURE__*/ (function (_super) {
         return false;
     };
     XButtonGroup.prototype.dk = function (a) {
-        a.kt = new CornerRadius(1, 0, 0, 0, 0);
+        a.ku = new CornerRadius(1, 0, 0, 0, 0);
     };
     XButtonGroup.prototype.dj = function (a) {
         if (this.k == 1) {
-            a.kt = new CornerRadius(1, 0, 0, this.al, this.al);
+            a.ku = new CornerRadius(1, 0, 0, this.al, this.al);
         }
         else {
-            a.kt = new CornerRadius(1, 0, this.al, this.al, 0);
+            a.ku = new CornerRadius(1, 0, this.al, this.al, 0);
         }
     };
     XButtonGroup.prototype.di = function (a) {
         if (this.k == 1) {
-            a.kt = new CornerRadius(1, this.al, this.al, 0, 0);
+            a.ku = new CornerRadius(1, this.al, this.al, 0, 0);
         }
         else {
-            a.kt = new CornerRadius(1, this.al, 0, 0, this.al);
+            a.ku = new CornerRadius(1, this.al, 0, 0, this.al);
         }
     };
     XButtonGroup.prototype.dh = function (a) {