igniteui-webcomponents-layouts 4.0.4 → 4.2.3-alpha

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

@@ -1,11 +1,12 @@
 import * as tslib_1 from "tslib";
 import { IgcHTMLElement } from "igniteui-webcomponents-core";
 import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
+import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { IgcToolCommandEventArgs } from "./igc-tool-command-event-args";
 import { IgcToolActionPerformedEventArgs } from "./igc-tool-action-performed-event-args";
 import { ToolAction } from "./ToolAction";
 import { TypeRegistrar } from "igniteui-webcomponents-core";
-import { NamePatcher, getAllPropertyNames, fromSpinal, toSpinal, initializePropertiesFromCss } from "igniteui-webcomponents-core";
+import { NamePatcher, getAllPropertyNames, fromSpinal, toSpinal, ensureEnum, enumToString, initializePropertiesFromCss } from "igniteui-webcomponents-core";
 import { RegisterElementHelper } from "igniteui-webcomponents-core";
 /**
  * Represents base class for all tool actions in toolbar
@@ -148,131 +149,145 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     Object.defineProperty(IgcToolActionComponent.prototype, "id", {
         get: function () {
-            return this.i.ao;
+            return this.i.ar;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "parentId", {
         get: function () {
-            return this.i.ax;
+            return this.i.a0;
         },
         set: function (v) {
-            this.i.ax = v;
+            this.i.a0 = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "commandId", {
         get: function () {
-            return this.i.ai;
+            return this.i.al;
         },
         set: function (v) {
-            this.i.ai = v;
+            this.i.al = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "commandArgument", {
         get: function () {
-            return this.i.af;
+            return this.i.ai;
         },
         set: function (v) {
-            this.i.af = v;
+            this.i.ai = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "commandArgumentValue", {
         get: function () {
-            return this.i.v;
+            return this.i.x;
+        },
+        set: function (v) {
+            this.i.x = v;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcToolActionComponent.prototype, "baseTheme", {
+        /**
+         * Gets or sets the base built in theme to use for the checkbox.
+        */
+        get: function () {
+            return this.i.g;
         },
         set: function (v) {
-            this.i.v = v;
+            this.i.g = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.g));
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "paddingLeft", {
         get: function () {
-            return this.i.r;
+            return this.i.t;
         },
         set: function (v) {
-            this.i.r = +v;
-            this._a("paddingLeft", this.i.r);
+            this.i.t = +v;
+            this._a("paddingLeft", this.i.t);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "paddingRight", {
         get: function () {
-            return this.i.s;
+            return this.i.u;
         },
         set: function (v) {
-            this.i.s = +v;
-            this._a("paddingRight", this.i.s);
+            this.i.u = +v;
+            this._a("paddingRight", this.i.u);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "paddingBottom", {
         get: function () {
-            return this.i.q;
+            return this.i.s;
         },
         set: function (v) {
-            this.i.q = +v;
-            this._a("paddingBottom", this.i.q);
+            this.i.s = +v;
+            this._a("paddingBottom", this.i.s);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "paddingTop", {
         get: function () {
-            return this.i.t;
+            return this.i.v;
         },
         set: function (v) {
-            this.i.t = +v;
-            this._a("paddingTop", this.i.t);
+            this.i.v = +v;
+            this._a("paddingTop", this.i.v);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "name", {
         get: function () {
-            return this.i.ar;
+            return this.i.au;
         },
         set: function (v) {
-            this.i.ar = v;
+            this.i.au = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "label", {
         get: function () {
-            return this.i.ap;
+            return this.i.as;
         },
         set: function (v) {
-            this.i.ap = v;
+            this.i.as = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "iconName", {
         get: function () {
-            return this.i.am;
+            return this.i.ap;
         },
         set: function (v) {
-            this.i.am = v;
+            this.i.ap = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "iconCollectionName", {
         get: function () {
-            return this.i.ak;
+            return this.i.an;
         },
         set: function (v) {
-            this.i.ak = v;
+            this.i.an = v;
         },
         enumerable: true,
         configurable: true
@@ -343,7 +358,7 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this._inStyling = false;
     };
     IgcToolActionComponent.prototype.fromInfo = function (info) {
-        this.i.a6(info);
+        this.i.a9(info);
     };
     Object.defineProperty(IgcToolActionComponent.prototype, "onCommand", {
         get: function () {

package/esm5/lib/igc-tool-action-menu-base-component.js

@@ -109,7 +109,7 @@ var IgcToolActionMenuBaseComponent = /** @class */ /*@__PURE__*/ (function (_sup
         return null;
     };
     IgcToolActionMenuBaseComponent.prototype.fromInfo = function (info) {
-        this.i.a6(info);
+        this.i.a9(info);
     };
     IgcToolActionMenuBaseComponent._observedAttributesIgcToolActionMenuBaseComponent = null;
     return IgcToolActionMenuBaseComponent;

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

@@ -64,12 +64,15 @@ var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (_super)
             RegisterElementHelper.registerElement(IgcToolActionRadioComponent.htmlTagName, IgcToolActionRadioComponent);
         }
     };
-    Object.defineProperty(IgcToolActionRadioComponent.prototype, "radioGroup", {
+    Object.defineProperty(IgcToolActionRadioComponent.prototype, "channel", {
+        /**
+         * Gets or sets the channel this radio button belongs to.
+        */
         get: function () {
-            return this.i.bf;
+            return this.i.bk;
         },
         set: function (v) {
-            this.i.bf = v;
+            this.i.bk = v;
         },
         enumerable: true,
         configurable: true

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

@@ -7,6 +7,7 @@ import { CollectionAdapter } from "igniteui-webcomponents-core";
 import { NotifyCollectionChangedAction } from "igniteui-webcomponents-core";
 import { RegisterElementHelper } from "igniteui-webcomponents-core";
 import { ToolPanel } from "./ToolPanel";
+import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { IgcHTMLElement } from "igniteui-webcomponents-core";
 import { ToolPanelOrientation_$type } from './ToolPanelOrientation';
 import { IgcToolActionComponent } from "./igc-tool-action-component";
@@ -268,16 +269,30 @@ var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
      * Gets or Sets the property name that contains the values.
     */
         get: function () {
-            if (this.i.n == null) {
+            if (this.i.p == null) {
                 return null;
             }
-            return this.i.n.fontString;
+            return this.i.p.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.n = fi;
-            this._a("cellTextStyle", this.i.n != null ? this.i.n.fontString : "");
+            this.i.p = fi;
+            this._a("cellTextStyle", this.i.p != null ? this.i.p.fontString : "");
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcToolPanelComponent.prototype, "baseTheme", {
+        /**
+         * Gets or sets the base built in theme to use for the checkbox.
+        */
+        get: function () {
+            return this.i.n;
+        },
+        set: function (v) {
+            this.i.n = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.n));
         },
         enumerable: true,
         configurable: true
@@ -287,11 +302,11 @@ var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the background of the component.
         */
         get: function () {
-            return brushToString(this.i.a7);
+            return brushToString(this.i.bb);
         },
         set: function (v) {
-            this.i.a7 = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.a7));
+            this.i.bb = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.bb));
         },
         enumerable: true,
         configurable: true
@@ -301,11 +316,11 @@ var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text of the component.
         */
         get: function () {
-            return brushToString(this.i.ba);
+            return brushToString(this.i.be);
         },
         set: function (v) {
-            this.i.ba = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.ba));
+            this.i.be = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.be));
         },
         enumerable: true,
         configurable: true

package/esm5/lib/igc-toolbar-component.js

@@ -6,6 +6,7 @@ import { CollectionAdapter } from "igniteui-webcomponents-core";
 import { NotifyCollectionChangedAction } from "igniteui-webcomponents-core";
 import { RegisterElementHelper } from "igniteui-webcomponents-core";
 import { Toolbar } from "./Toolbar";
+import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { IgcHTMLElement } from "igniteui-webcomponents-core";
 import { SyncableObservableCollection$1 } from "igniteui-webcomponents-core";
 import { ToolbarOrientation_$type } from './ToolbarOrientation';
@@ -261,6 +262,20 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             RegisterElementHelper.registerElement(IgcToolbarComponent.htmlTagName, IgcToolbarComponent);
         }
     };
+    Object.defineProperty(IgcToolbarComponent.prototype, "baseTheme", {
+        /**
+     * Gets or sets the base built in theme to use for the checkbox.
+    */
+        get: function () {
+            return this.i.n;
+        },
+        set: function (v) {
+            this.i.n = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.n));
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(IgcToolbarComponent.prototype, "autoGeneratedActions", {
         /**
          * Gets or sets the data or data source instance to which to bind the grid.
@@ -352,10 +367,10 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the background of the component.
         */
         get: function () {
-            return this.i.w;
+            return this.i.y;
         },
         set: function (v) {
-            this.i.w = v;
+            this.i.y = v;
         },
         enumerable: true,
         configurable: true
@@ -365,11 +380,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the background of the component.
         */
         get: function () {
-            return brushToString(this.i.ay);
+            return brushToString(this.i.a3);
         },
         set: function (v) {
-            this.i.ay = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.ay));
+            this.i.a3 = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.a3));
         },
         enumerable: true,
         configurable: true
@@ -379,11 +394,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text of the component.
         */
         get: function () {
-            return brushToString(this.i.a1);
+            return brushToString(this.i.a6);
         },
         set: function (v) {
-            this.i.a1 = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.a1));
+            this.i.a6 = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.a6));
         },
         enumerable: true,
         configurable: true
@@ -393,16 +408,16 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            if (this.i.o == null) {
+            if (this.i.q == null) {
                 return null;
             }
-            return this.i.o.fontString;
+            return this.i.q.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.o = fi;
-            this._a("cellTextStyle", this.i.o != null ? this.i.o.fontString : "");
+            this.i.q = fi;
+            this._a("cellTextStyle", this.i.q != null ? this.i.q.fontString : "");
         },
         enumerable: true,
         configurable: true

package/esm5/public_api.js

@@ -1,7 +1,5 @@
 export * from './lib/igc-x-expansion-panel-module';
 export * from './lib/igc-x-expansion-panel-component';
-export * from './lib/igc-popup-module';
-export * from './lib/igc-popup-component';
 export * from './lib/igc-property-editor-panel-module';
 export * from './lib/igc-property-editor-panel-component';
 export * from './lib/igc-list-panel-component';
@@ -12,21 +10,14 @@ export * from './lib/igc-tool-panel-module';
 export * from './lib/igc-toolbar-module';
 export * from './lib/ToolbarView';
 export * from './lib/ToolPanelView';
-export * from './lib/PopupView';
 export * from './lib/ExpansionPanelView';
 export * from './lib/ExpansionPanelUtilities';
 export * from './lib/ListPanelView';
 export * from './lib/PropertyEditorPanelView';
-export * from './lib/PopupAlignment';
-export * from './lib/PopupDirection';
 export * from './lib/OnExpandedEventArgs';
 export * from './lib/igc-on-expanded-event-args';
 export * from './lib/OnCollapsedEventArgs';
 export * from './lib/igc-on-collapsed-event-args';
-export * from './lib/OnPopupEventArgs';
-export * from './lib/igc-on-popup-event-args';
-export * from './lib/OnClosedEventArgs';
-export * from './lib/igc-on-closed-event-args';
 export * from './lib/ToolActionButton';
 export * from './lib/igc-tool-action-button-component';
 export * from './lib/igc-tool-action-button-module';
@@ -81,9 +72,6 @@ export * from './lib/IExternalToolPanel';
 export * from './lib/IToolPanelView';
 export * from './lib/ToolPanel';
 export * from './lib/ToolActionMeasurementContext';
-export * from './lib/Popup';
-export * from './lib/Popup_OuterAnimationInfo';
-export * from './lib/Popup_InnerAnimationInfo';
 export * from './lib/XExpansionPanel';
 export * from './lib/IExternalListPanel';
 export * from './lib/IListPanelView';
@@ -132,4 +120,3 @@ export * from './lib/igc-property-editor-property-description-collection';
 export * from './lib/PropertyEditorPropertyDescriptionCollection';
 export * from './lib/PropertyEditorValueType';
 export * from './lib/PropertyEditorTreeTransformer';
-export * from './lib/PopupVisualModelExport';