igniteui-webcomponents-layouts 7.1.0-beta.2 → 7.1.0-beta.3

package/esm2015/lib/igc-tool-action-field-selector-component.js

@@ -75,36 +75,36 @@ let IgcToolActionFieldSelectorComponent = /*@__PURE__*/ (() => {
          * Gets or sets if the tool action is checked.
         */
         get dataSource() {
-            return this.i.h2;
+            return this.i.h4;
         }
         set dataSource(v) {
-            this.i.h2 = v;
+            this.i.h4 = v;
         }
         get legendTarget() {
-            return this.i.iy;
+            return this.i.i0;
         }
         set legendTarget(v) {
-            this.i.iy = v;
+            this.i.i0 = v;
         }
         /**
          * Gets or sets if the tool action is checked.
         */
         get fieldType() {
-            return this.i.h6;
+            return this.i.h8;
         }
         set fieldType(v) {
-            this.i.h6 = ensureEnum(ToolActionFieldSelectorType_$type, v);
-            this._a("fieldType", enumToString(ToolActionFieldSelectorType_$type, this.i.h6));
+            this.i.h8 = ensureEnum(ToolActionFieldSelectorType_$type, v);
+            this._a("fieldType", enumToString(ToolActionFieldSelectorType_$type, this.i.h8));
         }
         /**
          * Gets or sets if the list only takes one selection at a time.
         */
         get singleSelection() {
-            return this.i.ih;
+            return this.i.ij;
         }
         set singleSelection(v) {
-            this.i.ih = ensureBool(v);
-            this._a("singleSelection", this.i.ih);
+            this.i.ij = ensureBool(v);
+            this._a("singleSelection", this.i.ij);
         }
         /**
          * Gets or sets a list of aggregations to use, if null a default list is used instead.
@@ -113,12 +113,12 @@ let IgcToolActionFieldSelectorComponent = /*@__PURE__*/ (() => {
         get aggregations() {
             if (this._aggregations === null) {
                 let coll = new IgcToolActionFieldSelectorAggregationsCollection();
-                let innerColl = this.i.h3;
+                let innerColl = this.i.h5;
                 if (!innerColl) {
                     innerColl = new ToolActionFieldSelectorAggregationsCollection_internal();
                 }
                 this._aggregations = coll._fromInner(innerColl);
-                this.i.h3 = innerColl;
+                this.i.h5 = innerColl;
             }
             return this._aggregations;
         }
@@ -130,24 +130,24 @@ let IgcToolActionFieldSelectorComponent = /*@__PURE__*/ (() => {
             let coll = new IgcToolActionFieldSelectorAggregationsCollection();
             this._aggregations = coll._fromOuter(v);
             let syncColl = new SyncableObservableCollection$1(ToolActionFieldSelectorAggregation.$type);
-            let innerColl = this.i.h3;
+            let innerColl = this.i.h5;
             if (!innerColl) {
                 innerColl = new ToolActionFieldSelectorAggregationsCollection_internal();
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._aggregations._setSyncTarget(syncColl);
-            this.i.h3 = innerColl;
+            this.i.h5 = innerColl;
         }
         /**
          * Gets or sets if the data source has to be updated when changes are made.
         */
         get updateDataSource() {
-            return this.i.ii;
+            return this.i.ik;
         }
         set updateDataSource(v) {
-            this.i.ii = ensureBool(v);
-            this._a("updateDataSource", this.i.ii);
+            this.i.ik = ensureBool(v);
+            this._a("updateDataSource", this.i.ik);
         }
         /**
          * Used to set default values when using custom aggregations, will be overriden otherwise
@@ -155,12 +155,12 @@ let IgcToolActionFieldSelectorComponent = /*@__PURE__*/ (() => {
         get selectedAggregations() {
             if (this._selectedAggregations === null) {
                 let coll = new IgcToolActionFieldSelectorSelectedAggregationsCollection();
-                let innerColl = this.i.h5;
+                let innerColl = this.i.h7;
                 if (!innerColl) {
                     innerColl = new ToolActionFieldSelectorSelectedAggregationsCollection_internal();
                 }
                 this._selectedAggregations = coll._fromInner(innerColl);
-                this.i.h5 = innerColl;
+                this.i.h7 = innerColl;
             }
             return this._selectedAggregations;
         }
@@ -172,70 +172,70 @@ let IgcToolActionFieldSelectorComponent = /*@__PURE__*/ (() => {
             let coll = new IgcToolActionFieldSelectorSelectedAggregationsCollection();
             this._selectedAggregations = coll._fromOuter(v);
             let syncColl = new SyncableObservableCollection$1(ToolActionFieldSelectorSelectedAggregation.$type);
-            let innerColl = this.i.h5;
+            let innerColl = this.i.h7;
             if (!innerColl) {
                 innerColl = new ToolActionFieldSelectorSelectedAggregationsCollection_internal();
             }
             syncColl._inner = innerColl;
             syncColl.clear();
             this._selectedAggregations._setSyncTarget(syncColl);
-            this.i.h5 = innerColl;
+            this.i.h7 = innerColl;
         }
         get paddingLeft() {
-            return this.i.is;
+            return this.i.iu;
         }
         set paddingLeft(v) {
-            this.i.is = +v;
-            this._a("paddingLeft", this.i.is);
+            this.i.iu = +v;
+            this._a("paddingLeft", this.i.iu);
         }
         get actualPaddingLeft() {
-            return this.i.io;
+            return this.i.iq;
         }
         set actualPaddingLeft(v) {
-            this.i.io = +v;
-            this._a("actualPaddingLeft", this.i.io);
+            this.i.iq = +v;
+            this._a("actualPaddingLeft", this.i.iq);
         }
         get paddingRight() {
-            return this.i.it;
+            return this.i.iv;
         }
         set paddingRight(v) {
-            this.i.it = +v;
-            this._a("paddingRight", this.i.it);
+            this.i.iv = +v;
+            this._a("paddingRight", this.i.iv);
         }
         get actualPaddingRight() {
-            return this.i.ip;
+            return this.i.ir;
         }
         set actualPaddingRight(v) {
-            this.i.ip = +v;
-            this._a("actualPaddingRight", this.i.ip);
+            this.i.ir = +v;
+            this._a("actualPaddingRight", this.i.ir);
         }
         get paddingBottom() {
-            return this.i.ir;
+            return this.i.it;
         }
         set paddingBottom(v) {
-            this.i.ir = +v;
-            this._a("paddingBottom", this.i.ir);
+            this.i.it = +v;
+            this._a("paddingBottom", this.i.it);
         }
         get actualPaddingBottom() {
-            return this.i.im;
+            return this.i.ip;
         }
         set actualPaddingBottom(v) {
-            this.i.im = +v;
-            this._a("actualPaddingBottom", this.i.im);
+            this.i.ip = +v;
+            this._a("actualPaddingBottom", this.i.ip);
         }
         get paddingTop() {
-            return this.i.iu;
+            return this.i.iw;
         }
         set paddingTop(v) {
-            this.i.iu = +v;
-            this._a("paddingTop", this.i.iu);
+            this.i.iw = +v;
+            this._a("paddingTop", this.i.iw);
         }
         get actualPaddingTop() {
-            return this.i.iq;
+            return this.i.is;
         }
         set actualPaddingTop(v) {
-            this.i.iq = +v;
-            this._a("actualPaddingTop", this.i.iq);
+            this.i.is = +v;
+            this._a("actualPaddingTop", this.i.is);
         }
         findByName(name) {
             var baseResult = super.findByName(name);

package/esm2015/lib/igc-tool-action-group-header-component.js

@@ -65,21 +65,21 @@ let IgcToolActionGroupHeaderComponent = /*@__PURE__*/ (() => {
          * Gets the actual back icon color.
         */
         get actualBackIconColor() {
-            return brushToString(this.i.h4);
+            return brushToString(this.i.h6);
         }
         set actualBackIconColor(v) {
-            this.i.h4 = stringToBrush(v);
-            this._a("actualBackIconColor", brushToString(this.i.h4));
+            this.i.h6 = stringToBrush(v);
+            this._a("actualBackIconColor", brushToString(this.i.h6));
         }
         /**
          * Gets or sets the icon color for the back button.
         */
         get backIconColor() {
-            return brushToString(this.i.h5);
+            return brushToString(this.i.h7);
         }
         set backIconColor(v) {
-            this.i.h5 = stringToBrush(v);
-            this._a("backIconColor", brushToString(this.i.h5));
+            this.i.h7 = stringToBrush(v);
+            this._a("backIconColor", brushToString(this.i.h7));
         }
         exportVisualData() {
             let iv = this.i.ct();

package/esm2015/lib/igc-tool-action-icon-button-component.js

@@ -69,83 +69,83 @@ let IgcToolActionIconButtonComponent = /*@__PURE__*/ (() => {
          * Gets or sets how long it takes before the tooltip is displayed (in milliseconds).
         */
         get tooltipDelay() {
-            return this.i.i4;
+            return this.i.i6;
         }
         set tooltipDelay(v) {
-            this.i.i4 = +v;
-            this._a("tooltipDelay", this.i.i4);
+            this.i.i6 = +v;
+            this._a("tooltipDelay", this.i.i6);
         }
         /**
          * Gets the actual delay before the tooltip is displayed (in milliseconds).
         */
         get actualTooltipDelay() {
-            return this.i.i3;
+            return this.i.i5;
         }
         set actualTooltipDelay(v) {
-            this.i.i3 = +v;
-            this._a("actualTooltipDelay", this.i.i3);
+            this.i.i5 = +v;
+            this._a("actualTooltipDelay", this.i.i5);
         }
         get contentPaddingLeft() {
-            return this.i.ix;
+            return this.i.iz;
         }
         set contentPaddingLeft(v) {
-            this.i.ix = +v;
-            this._a("contentPaddingLeft", this.i.ix);
+            this.i.iz = +v;
+            this._a("contentPaddingLeft", this.i.iz);
         }
         get actualContentPaddingLeft() {
-            return this.i.it;
+            return this.i.iv;
         }
         set actualContentPaddingLeft(v) {
-            this.i.it = +v;
-            this._a("actualContentPaddingLeft", this.i.it);
+            this.i.iv = +v;
+            this._a("actualContentPaddingLeft", this.i.iv);
         }
         get contentPaddingTop() {
-            return this.i.iz;
+            return this.i.i1;
         }
         set contentPaddingTop(v) {
-            this.i.iz = +v;
-            this._a("contentPaddingTop", this.i.iz);
+            this.i.i1 = +v;
+            this._a("contentPaddingTop", this.i.i1);
         }
         get actualContentPaddingTop() {
-            return this.i.iv;
+            return this.i.ix;
         }
         set actualContentPaddingTop(v) {
-            this.i.iv = +v;
-            this._a("actualContentPaddingTop", this.i.iv);
+            this.i.ix = +v;
+            this._a("actualContentPaddingTop", this.i.ix);
         }
         get contentPaddingRight() {
-            return this.i.iy;
+            return this.i.i0;
         }
         set contentPaddingRight(v) {
-            this.i.iy = +v;
-            this._a("contentPaddingRight", this.i.iy);
+            this.i.i0 = +v;
+            this._a("contentPaddingRight", this.i.i0);
         }
         get actualContentPaddingRight() {
-            return this.i.iu;
+            return this.i.iw;
         }
         set actualContentPaddingRight(v) {
-            this.i.iu = +v;
-            this._a("actualContentPaddingRight", this.i.iu);
+            this.i.iw = +v;
+            this._a("actualContentPaddingRight", this.i.iw);
         }
         get contentPaddingBottom() {
-            return this.i.iw;
+            return this.i.iy;
         }
         set contentPaddingBottom(v) {
-            this.i.iw = +v;
-            this._a("contentPaddingBottom", this.i.iw);
+            this.i.iy = +v;
+            this._a("contentPaddingBottom", this.i.iy);
         }
         get actualContentPaddingBottom() {
-            return this.i.is;
+            return this.i.iu;
         }
         set actualContentPaddingBottom(v) {
-            this.i.is = +v;
-            this._a("actualContentPaddingBottom", this.i.is);
+            this.i.iu = +v;
+            this._a("actualContentPaddingBottom", this.i.iu);
         }
         get isOpen() {
             return this.i.bb;
         }
         openSubMenu() {
-            this.i.gl();
+            this.i.gn();
         }
         closeSubmenu() {
             this.i.fi();

package/esm2015/lib/igc-tool-action-icon-menu-component.js

@@ -65,31 +65,31 @@ let IgcToolActionIconMenuComponent = /*@__PURE__*/ (() => {
          * Gets or sets the stroke color of the arrow icon.
         */
         get arrowStroke() {
-            return brushToString(this.i.kl);
+            return brushToString(this.i.kn);
         }
         set arrowStroke(v) {
-            this.i.kl = stringToBrush(v);
-            this._a("arrowStroke", brushToString(this.i.kl));
+            this.i.kn = stringToBrush(v);
+            this._a("arrowStroke", brushToString(this.i.kn));
         }
         /**
          * Gets the actual stroke color of the arrow icon.
         */
         get actualArrowStroke() {
-            return brushToString(this.i.kk);
+            return brushToString(this.i.km);
         }
         set actualArrowStroke(v) {
-            this.i.kk = stringToBrush(v);
-            this._a("actualArrowStroke", brushToString(this.i.kk));
+            this.i.km = stringToBrush(v);
+            this._a("actualArrowStroke", brushToString(this.i.km));
         }
         /**
          * Gets or sets whether the arrow icon should be shown.
         */
         get showArrowIcon() {
-            return this.i.ka;
+            return this.i.kc;
         }
         set showArrowIcon(v) {
-            this.i.ka = ensureBool(v);
-            this._a("showArrowIcon", this.i.ka);
+            this.i.kc = ensureBool(v);
+            this._a("showArrowIcon", this.i.kc);
         }
         exportVisualData() {
             let iv = this.i.ct();

package/esm2015/lib/igc-tool-action-number-input-component.js

@@ -65,11 +65,11 @@ let IgcToolActionNumberInputComponent = /*@__PURE__*/ (() => {
          * Gets or sets the value for the input.
         */
         get value() {
-            return this.i.hw;
+            return this.i.hy;
         }
         set value(v) {
-            this.i.hw = +v;
-            this._a("value", this.i.hw);
+            this.i.hy = +v;
+            this._a("value", this.i.hy);
         }
         exportVisualData() {
             let iv = this.i.ct();

package/esm2015/lib/igc-tool-action-radio-component.js

@@ -65,10 +65,10 @@ let IgcToolActionRadioComponent = /*@__PURE__*/ (() => {
          * Gets or sets the channel this radio button belongs to.
         */
         get channel() {
-            return this.i.h2;
+            return this.i.h5;
         }
         set channel(v) {
-            this.i.h2 = v;
+            this.i.h5 = v;
         }
         /**
          * Gets or sets a shorthand title for this radio option. Used by
@@ -77,111 +77,124 @@ let IgcToolActionRadioComponent = /*@__PURE__*/ (() => {
          * for more compact display.
         */
         get shorthandTitle() {
-            return this.i.h7;
+            return this.i.ib;
         }
         set shorthandTitle(v) {
-            this.i.h7 = v;
+            this.i.ib = v;
         }
         /**
          * Gets or sets if the tool action is checked.
         */
         get isChecked() {
-            return this.i.hv;
+            return this.i.hx;
         }
         set isChecked(v) {
-            this.i.hv = ensureBool(v);
-            this._a("isChecked", this.i.hv);
+            this.i.hx = ensureBool(v);
+            this._a("isChecked", this.i.hx);
         }
         /**
          * Gets or sets if the checked state of the radio is handled manually by the user. The radio
          * well not become selected when clicked if this property is true.
         */
         get isManual() {
-            return this.i.hw;
+            return this.i.hy;
         }
         set isManual(v) {
-            this.i.hw = ensureBool(v);
-            this._a("isManual", this.i.hw);
+            this.i.hy = ensureBool(v);
+            this._a("isManual", this.i.hy);
+        }
+        /**
+         * Gets or sets whether the radio can be unchecked by clicking it again. When true, the radio
+         * behaves like a checkbox for the on-state — clicking a checked radio will uncheck it, leaving
+         * the channel with no selection. Channel exclusivity is still enforced when the radio is checked
+         * (siblings in the same channel will be deselected). Defaults to false.
+        */
+        get isToggleable() {
+            return this.i.hz;
+        }
+        set isToggleable(v) {
+            this.i.hz = ensureBool(v);
+            this._a("isToggleable", this.i.hz);
         }
         /**
          * Gets or sets the background color of the radio when in the unchecked state.
         */
         get uncheckedBackgroundColor() {
-            return brushToString(this.i.il);
+            return brushToString(this.i.iq);
         }
         set uncheckedBackgroundColor(v) {
-            this.i.il = stringToBrush(v);
-            this._a("uncheckedBackgroundColor", brushToString(this.i.il));
+            this.i.iq = stringToBrush(v);
+            this._a("uncheckedBackgroundColor", brushToString(this.i.iq));
         }
         /**
          * Gets the actual background color of the radio when in the unchecked state.
         */
         get actualUncheckedBackgroundColor() {
-            return brushToString(this.i.ih);
+            return brushToString(this.i.il);
         }
         set actualUncheckedBackgroundColor(v) {
-            this.i.ih = stringToBrush(v);
-            this._a("actualUncheckedBackgroundColor", brushToString(this.i.ih));
+            this.i.il = stringToBrush(v);
+            this._a("actualUncheckedBackgroundColor", brushToString(this.i.il));
         }
         /**
          * Gets or sets the background color of the radio when in the checked state.
         */
         get checkedBackgroundColor() {
-            return brushToString(this.i.ij);
+            return brushToString(this.i.io);
         }
         set checkedBackgroundColor(v) {
-            this.i.ij = stringToBrush(v);
-            this._a("checkedBackgroundColor", brushToString(this.i.ij));
+            this.i.io = stringToBrush(v);
+            this._a("checkedBackgroundColor", brushToString(this.i.io));
         }
         /**
          * Gets the actual background color of the radio when in the checked state.
         */
         get actualCheckedBackgroundColor() {
-            return brushToString(this.i.ie);
+            return brushToString(this.i.ij);
         }
         set actualCheckedBackgroundColor(v) {
-            this.i.ie = stringToBrush(v);
-            this._a("actualCheckedBackgroundColor", brushToString(this.i.ie));
+            this.i.ij = stringToBrush(v);
+            this._a("actualCheckedBackgroundColor", brushToString(this.i.ij));
         }
         /**
          * Gets or sets the border color of the radio when in the unchecked state.
         */
         get uncheckedBorderColor() {
-            return brushToString(this.i.im);
+            return brushToString(this.i.ir);
         }
         set uncheckedBorderColor(v) {
-            this.i.im = stringToBrush(v);
-            this._a("uncheckedBorderColor", brushToString(this.i.im));
+            this.i.ir = stringToBrush(v);
+            this._a("uncheckedBorderColor", brushToString(this.i.ir));
         }
         /**
          * Gets the actual border color of the radio when in the unchecked state.
         */
         get actualUncheckedBorderColor() {
-            return brushToString(this.i.ii);
+            return brushToString(this.i.im);
         }
         set actualUncheckedBorderColor(v) {
-            this.i.ii = stringToBrush(v);
-            this._a("actualUncheckedBorderColor", brushToString(this.i.ii));
+            this.i.im = stringToBrush(v);
+            this._a("actualUncheckedBorderColor", brushToString(this.i.im));
         }
         /**
          * Gets or sets the border color of the radio when in the checked state.
         */
         get checkedBorderColor() {
-            return brushToString(this.i.ik);
+            return brushToString(this.i.ip);
         }
         set checkedBorderColor(v) {
-            this.i.ik = stringToBrush(v);
-            this._a("checkedBorderColor", brushToString(this.i.ik));
+            this.i.ip = stringToBrush(v);
+            this._a("checkedBorderColor", brushToString(this.i.ip));
         }
         /**
          * Gets the actual border color of the radio when in the checked state.
         */
         get actualCheckedBorderColor() {
-            return brushToString(this.i.ig);
+            return brushToString(this.i.ik);
         }
         set actualCheckedBorderColor(v) {
-            this.i.ig = stringToBrush(v);
-            this._a("actualCheckedBorderColor", brushToString(this.i.ig));
+            this.i.ik = stringToBrush(v);
+            this._a("actualCheckedBorderColor", brushToString(this.i.ik));
         }
         exportVisualData() {
             let iv = this.i.ct();

package/esm2015/lib/igc-tool-action-radio-group-component.js

@@ -67,37 +67,37 @@ let IgcToolActionRadioGroupComponent = /*@__PURE__*/ (() => {
          * When null, defaults to the ToolPanel's cell text style with a slightly smaller font size.
         */
         get selectedTextStyle() {
-            if (this.i.hw == null) {
+            if (this.i.hy == null) {
                 return null;
             }
-            return this.i.hw.fontString;
+            return this.i.hy.fontString;
         }
         set selectedTextStyle(v) {
             let fi = new FontInfo();
             fi.fontString = v;
-            this.i.hw = fi;
-            this._a("selectedTextStyle", this.i.hw != null ? this.i.hw.fontString : "");
+            this.i.hy = fi;
+            this._a("selectedTextStyle", this.i.hy != null ? this.i.hy.fontString : "");
         }
         /**
          * Gets or sets the color for the selected radio display text.
          * When null, defaults to a lightened version of the ToolPanel's text color.
         */
         get selectedTextColor() {
-            return brushToString(this.i.h8);
+            return brushToString(this.i.ia);
         }
         set selectedTextColor(v) {
-            this.i.h8 = stringToBrush(v);
-            this._a("selectedTextColor", brushToString(this.i.h8));
+            this.i.ia = stringToBrush(v);
+            this._a("selectedTextColor", brushToString(this.i.ia));
         }
         /**
          * Gets the resolved color for the selected radio display text.
         */
         get actualSelectedTextColor() {
-            return brushToString(this.i.h7);
+            return brushToString(this.i.h9);
         }
         set actualSelectedTextColor(v) {
-            this.i.h7 = stringToBrush(v);
-            this._a("actualSelectedTextColor", brushToString(this.i.h7));
+            this.i.h9 = stringToBrush(v);
+            this._a("actualSelectedTextColor", brushToString(this.i.h9));
         }
         exportVisualData() {
             let iv = this.i.ct();

package/esm2015/lib/igc-tool-action-separator-component.js

@@ -65,21 +65,21 @@ let IgcToolActionSeparatorComponent = /*@__PURE__*/ (() => {
          * Gets or sets the size of the separator.
         */
         get size() {
-            return this.i.hw;
+            return this.i.hy;
         }
         set size(v) {
-            this.i.hw = +v;
-            this._a("size", this.i.hw);
+            this.i.hy = +v;
+            this._a("size", this.i.hy);
         }
         /**
          * Gets or sets whether to use group header styling or regular styling on this separator.
         */
         get isGroupHeaderSeparator() {
-            return this.i.hu;
+            return this.i.hw;
         }
         set isGroupHeaderSeparator(v) {
-            this.i.hu = ensureBool(v);
-            this._a("isGroupHeaderSeparator", this.i.hu);
+            this.i.hw = ensureBool(v);
+            this._a("isGroupHeaderSeparator", this.i.hw);
         }
         exportVisualData() {
             let iv = this.i.ct();

package/esm2015/lib/igc-tool-action-sub-panel-component.js

@@ -65,11 +65,11 @@ let IgcToolActionSubPanelComponent = /*@__PURE__*/ (() => {
          * Gets or sets the spacing between items.
         */
         get itemSpacing() {
-            return this.i.hw;
+            return this.i.hy;
         }
         set itemSpacing(v) {
-            this.i.hw = +v;
-            this._a("itemSpacing", this.i.hw);
+            this.i.hy = +v;
+            this._a("itemSpacing", this.i.hy);
         }
         exportVisualData() {
             let iv = this.i.ct();