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

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

@@ -75,10 +75,10 @@ export var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (
          * Gets or sets the channel this radio button belongs to.
         */
         get: function () {
-            return this.i.h2;
+            return this.i.h5;
         },
         set: function (v) {
-            this.i.h2 = v;
+            this.i.h5 = v;
         },
         enumerable: false,
         configurable: true
@@ -91,10 +91,10 @@ export var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (
          * for more compact display.
         */
         get: function () {
-            return this.i.h7;
+            return this.i.ib;
         },
         set: function (v) {
-            this.i.h7 = v;
+            this.i.ib = v;
         },
         enumerable: false,
         configurable: true
@@ -104,11 +104,11 @@ export var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (
          * Gets or sets if the tool action is checked.
         */
         get: function () {
-            return this.i.hv;
+            return this.i.hx;
         },
         set: function (v) {
-            this.i.hv = ensureBool(v);
-            this._a("isChecked", this.i.hv);
+            this.i.hx = ensureBool(v);
+            this._a("isChecked", this.i.hx);
         },
         enumerable: false,
         configurable: true
@@ -119,11 +119,28 @@ export var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (
          * well not become selected when clicked if this property is true.
         */
         get: function () {
-            return this.i.hw;
+            return this.i.hy;
         },
         set: function (v) {
-            this.i.hw = ensureBool(v);
-            this._a("isManual", this.i.hw);
+            this.i.hy = ensureBool(v);
+            this._a("isManual", this.i.hy);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcToolActionRadioComponent.prototype, "isToggleable", {
+        /**
+         * 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: function () {
+            return this.i.hz;
+        },
+        set: function (v) {
+            this.i.hz = ensureBool(v);
+            this._a("isToggleable", this.i.hz);
         },
         enumerable: false,
         configurable: true
@@ -133,11 +150,11 @@ export var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (
          * Gets or sets the background color of the radio when in the unchecked state.
         */
         get: function () {
-            return brushToString(this.i.il);
+            return brushToString(this.i.iq);
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -147,11 +164,11 @@ export var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (
          * Gets the actual background color of the radio when in the unchecked state.
         */
         get: function () {
-            return brushToString(this.i.ih);
+            return brushToString(this.i.il);
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -161,11 +178,11 @@ export var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (
          * Gets or sets the background color of the radio when in the checked state.
         */
         get: function () {
-            return brushToString(this.i.ij);
+            return brushToString(this.i.io);
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -175,11 +192,11 @@ export var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (
          * Gets the actual background color of the radio when in the checked state.
         */
         get: function () {
-            return brushToString(this.i.ie);
+            return brushToString(this.i.ij);
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -189,11 +206,11 @@ export var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (
          * Gets or sets the border color of the radio when in the unchecked state.
         */
         get: function () {
-            return brushToString(this.i.im);
+            return brushToString(this.i.ir);
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -203,11 +220,11 @@ export var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (
          * Gets the actual border color of the radio when in the unchecked state.
         */
         get: function () {
-            return brushToString(this.i.ii);
+            return brushToString(this.i.im);
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -217,11 +234,11 @@ export var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (
          * Gets or sets the border color of the radio when in the checked state.
         */
         get: function () {
-            return brushToString(this.i.ik);
+            return brushToString(this.i.ip);
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -231,11 +248,11 @@ export var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (
          * Gets the actual border color of the radio when in the checked state.
         */
         get: function () {
-            return brushToString(this.i.ig);
+            return brushToString(this.i.ik);
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true

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

@@ -77,16 +77,16 @@ export var IgcToolActionRadioGroupComponent = /** @class */ /*@__PURE__*/ (funct
          * When null, defaults to the ToolPanel's cell text style with a slightly smaller font size.
         */
         get: function () {
-            if (this.i.hw == null) {
+            if (this.i.hy == null) {
                 return null;
             }
-            return this.i.hw.fontString;
+            return this.i.hy.fontString;
         },
         set: function (v) {
             var 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 : "");
         },
         enumerable: false,
         configurable: true
@@ -97,11 +97,11 @@ export var IgcToolActionRadioGroupComponent = /** @class */ /*@__PURE__*/ (funct
          * When null, defaults to a lightened version of the ToolPanel's text color.
         */
         get: function () {
-            return brushToString(this.i.h8);
+            return brushToString(this.i.ia);
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true
@@ -111,11 +111,11 @@ export var IgcToolActionRadioGroupComponent = /** @class */ /*@__PURE__*/ (funct
          * Gets the resolved color for the selected radio display text.
         */
         get: function () {
-            return brushToString(this.i.h7);
+            return brushToString(this.i.h9);
         },
         set: function (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));
         },
         enumerable: false,
         configurable: true

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

@@ -75,11 +75,11 @@ export var IgcToolActionSeparatorComponent = /** @class */ /*@__PURE__*/ (functi
          * Gets or sets the size of the separator.
         */
         get: function () {
-            return this.i.hw;
+            return this.i.hy;
         },
         set: function (v) {
-            this.i.hw = +v;
-            this._a("size", this.i.hw);
+            this.i.hy = +v;
+            this._a("size", this.i.hy);
         },
         enumerable: false,
         configurable: true
@@ -89,11 +89,11 @@ export var IgcToolActionSeparatorComponent = /** @class */ /*@__PURE__*/ (functi
          * Gets or sets whether to use group header styling or regular styling on this separator.
         */
         get: function () {
-            return this.i.hu;
+            return this.i.hw;
         },
         set: function (v) {
-            this.i.hu = ensureBool(v);
-            this._a("isGroupHeaderSeparator", this.i.hu);
+            this.i.hw = ensureBool(v);
+            this._a("isGroupHeaderSeparator", this.i.hw);
         },
         enumerable: false,
         configurable: true

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

@@ -75,11 +75,11 @@ export var IgcToolActionSubPanelComponent = /** @class */ /*@__PURE__*/ (functio
          * Gets or sets the spacing between items.
         */
         get: function () {
-            return this.i.hw;
+            return this.i.hy;
         },
         set: function (v) {
-            this.i.hw = +v;
-            this._a("itemSpacing", this.i.hw);
+            this.i.hy = +v;
+            this._a("itemSpacing", this.i.hy);
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-tool-action-text-input-component.js

@@ -75,10 +75,10 @@ export var IgcToolActionTextInputComponent = /** @class */ /*@__PURE__*/ (functi
          * Gets or sets the value for the input.
         */
         get: function () {
-            return this.i.hw;
+            return this.i.hy;
         },
         set: function (v) {
-            this.i.hw = v;
+            this.i.hy = v;
         },
         enumerable: false,
         configurable: true