igniteui-webcomponents-layouts 4.0.4 → 4.2.3-alpha

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

@@ -1,10 +1,11 @@
 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
@@ -137,83 +138,93 @@ export let IgcToolActionComponent = /*@__PURE__*/ (() => {
             }
         }
         get id() {
-            return this.i.ao;
+            return this.i.ar;
         }
         get parentId() {
-            return this.i.ax;
+            return this.i.a0;
         }
         set parentId(v) {
-            this.i.ax = v;
+            this.i.a0 = v;
         }
         get commandId() {
-            return this.i.ai;
+            return this.i.al;
         }
         set commandId(v) {
-            this.i.ai = v;
+            this.i.al = v;
         }
         get commandArgument() {
-            return this.i.af;
+            return this.i.ai;
         }
         set commandArgument(v) {
-            this.i.af = v;
+            this.i.ai = v;
         }
         get commandArgumentValue() {
-            return this.i.v;
+            return this.i.x;
         }
         set commandArgumentValue(v) {
-            this.i.v = v;
+            this.i.x = v;
+        }
+        /**
+         * Gets or sets the base built in theme to use for the checkbox.
+        */
+        get baseTheme() {
+            return this.i.g;
+        }
+        set baseTheme(v) {
+            this.i.g = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.g));
         }
         get paddingLeft() {
-            return this.i.r;
+            return this.i.t;
         }
         set paddingLeft(v) {
-            this.i.r = +v;
-            this._a("paddingLeft", this.i.r);
+            this.i.t = +v;
+            this._a("paddingLeft", this.i.t);
         }
         get paddingRight() {
-            return this.i.s;
+            return this.i.u;
         }
         set paddingRight(v) {
-            this.i.s = +v;
-            this._a("paddingRight", this.i.s);
+            this.i.u = +v;
+            this._a("paddingRight", this.i.u);
         }
         get paddingBottom() {
-            return this.i.q;
+            return this.i.s;
         }
         set paddingBottom(v) {
-            this.i.q = +v;
-            this._a("paddingBottom", this.i.q);
+            this.i.s = +v;
+            this._a("paddingBottom", this.i.s);
         }
         get paddingTop() {
-            return this.i.t;
+            return this.i.v;
         }
         set paddingTop(v) {
-            this.i.t = +v;
-            this._a("paddingTop", this.i.t);
+            this.i.v = +v;
+            this._a("paddingTop", this.i.v);
         }
         get name() {
-            return this.i.ar;
+            return this.i.au;
         }
         set name(v) {
-            this.i.ar = v;
+            this.i.au = v;
         }
         get label() {
-            return this.i.ap;
+            return this.i.as;
         }
         set label(v) {
-            this.i.ap = v;
+            this.i.as = v;
         }
         get iconName() {
-            return this.i.am;
+            return this.i.ap;
         }
         set iconName(v) {
-            this.i.am = v;
+            this.i.ap = v;
         }
         get iconCollectionName() {
-            return this.i.ak;
+            return this.i.an;
         }
         set iconCollectionName(v) {
-            this.i.ak = v;
+            this.i.an = v;
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -277,7 +288,7 @@ export let IgcToolActionComponent = /*@__PURE__*/ (() => {
             this._inStyling = false;
         }
         fromInfo(info) {
-            this.i.a6(info);
+            this.i.a9(info);
         }
         get onCommand() {
             return this._onCommand;

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

@@ -95,7 +95,7 @@ export let IgcToolActionMenuBaseComponent = /*@__PURE__*/ (() => {
             return null;
         }
         fromInfo(info) {
-            this.i.a6(info);
+            this.i.a9(info);
         }
     }
     IgcToolActionMenuBaseComponent._observedAttributesIgcToolActionMenuBaseComponent = null;

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

@@ -55,11 +55,14 @@ export let IgcToolActionRadioComponent = /*@__PURE__*/ (() => {
                 RegisterElementHelper.registerElement(IgcToolActionRadioComponent.htmlTagName, IgcToolActionRadioComponent);
             }
         }
-        get radioGroup() {
-            return this.i.bf;
+        /**
+         * Gets or sets the channel this radio button belongs to.
+        */
+        get channel() {
+            return this.i.bk;
         }
-        set radioGroup(v) {
-            this.i.bf = v;
+        set channel(v) {
+            this.i.bk = v;
         }
     }
     IgcToolActionRadioComponent._observedAttributesIgcToolActionRadioComponent = null;

package/esm2015/lib/igc-tool-panel-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 { 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";
@@ -227,36 +228,46 @@ export let IgcToolPanelComponent = /*@__PURE__*/ (() => {
      * Gets or Sets the property name that contains the values.
     */
         get cellTextStyle() {
-            if (this.i.n == null) {
+            if (this.i.p == null) {
                 return null;
             }
-            return this.i.n.fontString;
+            return this.i.p.fontString;
         }
         set cellTextStyle(v) {
             let 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 : "");
+        }
+        /**
+         * Gets or sets the base built in theme to use for the checkbox.
+        */
+        get baseTheme() {
+            return this.i.n;
+        }
+        set baseTheme(v) {
+            this.i.n = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.n));
         }
         /**
          * Gets or sets the color to use for the background of the component.
         */
         get backgroundColor() {
-            return brushToString(this.i.a7);
+            return brushToString(this.i.bb);
         }
         set backgroundColor(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));
         }
         /**
          * Gets or sets the color to use for the text of the component.
         */
         get textColor() {
-            return brushToString(this.i.ba);
+            return brushToString(this.i.be);
         }
         set textColor(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));
         }
         /**
          * Gets or sets the color to use for the background of the component.

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

@@ -5,6 +5,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';
@@ -222,6 +223,16 @@ export let IgcToolbarComponent = /*@__PURE__*/ (() => {
             }
         }
         /**
+     * Gets or sets the base built in theme to use for the checkbox.
+    */
+        get baseTheme() {
+            return this.i.n;
+        }
+        set baseTheme(v) {
+            this.i.n = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.n));
+        }
+        /**
          * Gets or sets the data or data source instance to which to bind the grid.
         */
         get autoGeneratedActions() {
@@ -299,45 +310,45 @@ export let IgcToolbarComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the background of the component.
         */
         get target() {
-            return this.i.w;
+            return this.i.y;
         }
         set target(v) {
-            this.i.w = v;
+            this.i.y = v;
         }
         /**
          * Gets or sets the color to use for the background of the component.
         */
         get backgroundColor() {
-            return brushToString(this.i.ay);
+            return brushToString(this.i.a3);
         }
         set backgroundColor(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));
         }
         /**
          * Gets or sets the color to use for the text of the component.
         */
         get textColor() {
-            return brushToString(this.i.a1);
+            return brushToString(this.i.a6);
         }
         set textColor(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));
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get cellTextStyle() {
-            if (this.i.o == null) {
+            if (this.i.q == null) {
                 return null;
             }
-            return this.i.o.fontString;
+            return this.i.q.fontString;
         }
         set cellTextStyle(v) {
             let 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 : "");
         }
         findByName(name) {
             if (this.findEphemera) {

package/esm2015/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';

package/esm5/lib/ListPanelView_combined.js

@@ -78,10 +78,10 @@ var ListPanelView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.e = new RenderingContext(new CanvasViewRenderer(), this.i.get2DCanvasContext(this.l));
         this.k = this.i.createElement("div");
         this.y();
-        NativeUIComponent.aa(this.p(), 9, function (b) {
+        NativeUIComponent.ad(this.p(), 9, function (b) {
             var c = b;
             _this.a.bv(c);
-            _this.i.append(c.v);
+            _this.i.append(c.x);
         });
         var b = Math.round(a.rootWrapper.width());
         var c = Math.round(a.rootWrapper.height());
@@ -100,6 +100,7 @@ var ListPanelView = /** @class */ /*@__PURE__*/ (function (_super) {
         var a = this.i.rootWrapper.width();
         var b = this.i.rootWrapper.height();
         this.aa = new Size(1, a, b);
+        this.a.cd(this.aa);
         if (this.a.u != null) {
             this.a.cp();
         }
@@ -189,7 +190,7 @@ var ListPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.i = ListPanel.j;
         _this.aa = ListPanel.af;
         _this.cr = ListPanel.cu;
-        NativeUIInputsFactory.m();
+        NativeUIInputsFactory.n();
         var a = new ListPanelView();
         a.a = _this;
         _this.o = a;
@@ -336,6 +337,9 @@ var ListPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     ListPanel.prototype.cl = function () {
+        if (this.actualDataSource == null) {
+            return;
+        }
         for (var a = 0; a < this.p.o.count; a++) {
             if (this.p.p._inner[a]) {
                 continue;
@@ -370,7 +374,7 @@ var ListPanel = /** @class */ /*@__PURE__*/ (function (_super) {
                 var $ret = new ListPanelTemplateItemUpdatingEventArgs();
                 $ret.a = a;
                 $ret.b = a.a.a;
-                $ret.c = a.a.a.v;
+                $ret.c = a.a.a.x;
                 return $ret;
             })()));
         }
@@ -381,13 +385,13 @@ var ListPanel = /** @class */ /*@__PURE__*/ (function (_super) {
             return;
         }
         a.a = new ListPanelItemPresenter();
-        NativeUIComponent.ac(this.o.p(), 0, function (b) {
+        NativeUIComponent.ah(this.o.p(), 0, function (b) {
             var c = b;
             if (_this.k == 0) {
-                c.d = 3;
+                c.f = 3;
             }
             else {
-                c.d = 0;
+                c.f = 0;
             }
             a.a.a = c;
         });
@@ -400,6 +404,9 @@ var ListPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         this.bu();
         this.ay = this.a5();
         this.az = this.a6();
+        if (this.ay == -1 || this.az == -1) {
+            return;
+        }
         var a = new List$1(Number_$type, 0);
         for (var b = 0; b < this.q.o.count; b++) {
             if (this.q.p._inner[b]) {
@@ -490,7 +497,7 @@ var ListPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         this.al.clear();
         this.am.clear();
         this.an.clear();
-        if (this.actualDataSource != null || this.actualDataSource.actualSchema != null) {
+        if (this.actualDataSource != null && this.actualDataSource.actualSchema != null) {
             var a = this.ap;
             var b = isNaN_(this.aq) ? 0 : this.aq;
             if (this.k == 0) {
@@ -632,6 +639,9 @@ var ListPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         this.cn();
     };
     ListPanel.prototype.ci = function () {
+        if (this.actualDataSource == null) {
+            return;
+        }
         for (var a = 0; a < this.q.q.count; a++) {
             if (this.q.p._inner[a]) {
                 continue;
@@ -642,6 +652,9 @@ var ListPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     ListPanel.prototype.cj = function (a) {
+        if (this.actualDataSource == null) {
+            return;
+        }
         if (this.q.d(a)) {
             var b = this.q.item(a);
             b.n = this.actualDataSource.getItemAtIndex(b.l);
@@ -743,7 +756,7 @@ var ListPanel = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 var f = this.q.o._inner[e];
                 var g = this.q.q._inner[e];
-                var h = g.a.a.ap(c);
+                var h = g.a.a.au(c);
                 d = Math.max(d, h.width);
             }
         }
@@ -1013,31 +1026,31 @@ var ListPanelLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         return _this;
     }
     ListPanelLayoutPanel.prototype.d = function (a) {
-        this.a.n = a.width;
-        this.a.h = a.height;
+        this.a.p = a.width;
+        this.a.j = a.height;
     };
     ListPanelLayoutPanel.prototype.b = function (a, b) {
         if (!b.d) {
             b.d = true;
-            this.a.aw(b.a.a);
+            this.a.a1(b.a.a);
         }
         if (a.k == 0) {
             if (!isNaN_(a.au)) {
-                b.a.a.n = a.au;
+                b.a.a.p = a.au;
             }
         }
         else {
-            b.a.a.h = a.at;
+            b.a.a.j = a.at;
         }
         if (b.f) {
             b.f = false;
-            this.a.a2(b.a.a, b.i);
-            this.a.a3(b.a.a, b.k);
+            this.a.a8(b.a.a, b.i);
+            this.a.a9(b.a.a, b.k);
         }
     };
     ListPanelLayoutPanel.prototype.c = function (a) {
-        this.a.a3(a, -1000);
-        this.a.a2(a, -1000);
+        this.a.a9(a, -1000);
+        this.a.a8(a, -1000);
     };
     ListPanelLayoutPanel.$t = markType(ListPanelLayoutPanel, 'ListPanelLayoutPanel');
     return ListPanelLayoutPanel;