igniteui-angular-core 17.0.0-beta.0 → 17.1.0

package/esm2015/lib/WebPivotGridDescription.js

@@ -13,112 +13,112 @@ export let WebPivotGridDescription = /*@__PURE__*/ (() => {
     class WebPivotGridDescription extends WebGridBaseDirectiveDescription {
         constructor() {
             super();
-            this.g1 = null;
-            this.gn = null;
-            this.gq = false;
+            this.g3 = null;
+            this.gp = null;
+            this.gs = false;
+            this.gt = false;
             this.gr = false;
-            this.gp = false;
-            this.gv = null;
-            this.gz = null;
             this.gx = null;
-            this.g0 = null;
-            this.gw = null;
+            this.g1 = null;
+            this.gz = null;
             this.g2 = null;
             this.gy = null;
-            this.g3 = null;
+            this.g4 = null;
+            this.g0 = null;
+            this.g5 = null;
         }
         get_type() {
             return "WebPivotGrid";
         }
         get valueChipTemplateRef() {
-            return this.g1;
+            return this.g3;
         }
         set valueChipTemplateRef(a) {
-            this.g1 = a;
+            this.g3 = a;
             this.g("ValueChipTemplateRef");
         }
         get pivotConfiguration() {
-            return this.gn;
+            return this.gp;
         }
         set pivotConfiguration(a) {
-            this.gn = a;
+            this.gp = a;
             this.g("PivotConfiguration");
         }
         get showPivotConfigurationUI() {
-            return this.gq;
+            return this.gs;
         }
         set showPivotConfigurationUI(a) {
-            this.gq = a;
+            this.gs = a;
             this.g("ShowPivotConfigurationUI");
         }
         get superCompactMode() {
-            return this.gr;
+            return this.gt;
         }
         set superCompactMode(a) {
-            this.gr = a;
+            this.gt = a;
             this.g("SuperCompactMode");
         }
         get defaultExpandState() {
-            return this.gp;
+            return this.gr;
         }
         set defaultExpandState(a) {
-            this.gp = a;
+            this.gr = a;
             this.g("DefaultExpandState");
         }
         get dataRef() {
-            return this.gv;
+            return this.gx;
         }
         set dataRef(a) {
-            this.gv = a;
+            this.gx = a;
             this.g("DataRef");
         }
         get emptyPivotGridTemplateRef() {
-            return this.gz;
+            return this.g1;
         }
         set emptyPivotGridTemplateRef(a) {
-            this.gz = a;
+            this.g1 = a;
             this.g("EmptyPivotGridTemplateRef");
         }
         get dimensionsChangeRef() {
-            return this.gx;
+            return this.gz;
         }
         set dimensionsChangeRef(a) {
-            this.gx = a;
+            this.gz = a;
             this.g("DimensionsChangeRef");
         }
         get pivotConfigurationChangeRef() {
-            return this.g0;
+            return this.g2;
         }
         set pivotConfigurationChangeRef(a) {
-            this.g0 = a;
+            this.g2 = a;
             this.g("PivotConfigurationChangeRef");
         }
         get dimensionInitRef() {
-            return this.gw;
+            return this.gy;
         }
         set dimensionInitRef(a) {
-            this.gw = a;
+            this.gy = a;
             this.g("DimensionInitRef");
         }
         get valueInitRef() {
-            return this.g2;
+            return this.g4;
         }
         set valueInitRef(a) {
-            this.g2 = a;
+            this.g4 = a;
             this.g("ValueInitRef");
         }
         get dimensionsSortingExpressionsChangeRef() {
-            return this.gy;
+            return this.g0;
         }
         set dimensionsSortingExpressionsChangeRef(a) {
-            this.gy = a;
+            this.g0 = a;
             this.g("DimensionsSortingExpressionsChangeRef");
         }
         get valuesChangeRef() {
-            return this.g3;
+            return this.g5;
         }
         set valuesChangeRef(a) {
-            this.g3 = a;
+            this.g5 = a;
             this.g("ValuesChangeRef");
         }
     }

package/esm2015/lib/WebTreeGridDescription.js

@@ -13,88 +13,88 @@ export let WebTreeGridDescription = /*@__PURE__*/ (() => {
     class WebTreeGridDescription extends WebGridBaseDirectiveDescription {
         constructor() {
             super();
-            this.gv = null;
             this.gx = null;
-            this.gy = null;
-            this.gr = false;
             this.gz = null;
-            this.go = null;
-            this.gn = null;
-            this.gw = null;
-            this.gt = 0;
             this.g0 = null;
+            this.gt = false;
+            this.g1 = null;
+            this.gq = null;
+            this.gp = null;
+            this.gy = null;
+            this.gv = 0;
+            this.g2 = null;
         }
         get_type() {
             return "WebTreeGrid";
         }
         get childDataKey() {
-            return this.gv;
+            return this.gx;
         }
         set childDataKey(a) {
-            this.gv = a;
+            this.gx = a;
             this.g("ChildDataKey");
         }
         get foreignKey() {
-            return this.gx;
+            return this.gz;
         }
         set foreignKey(a) {
-            this.gx = a;
+            this.gz = a;
             this.g("ForeignKey");
         }
         get hasChildrenKey() {
-            return this.gy;
+            return this.g0;
         }
         set hasChildrenKey(a) {
-            this.gy = a;
+            this.g0 = a;
             this.g("HasChildrenKey");
         }
         get cascadeOnDelete() {
-            return this.gr;
+            return this.gt;
         }
         set cascadeOnDelete(a) {
-            this.gr = a;
+            this.gt = a;
             this.g("CascadeOnDelete");
         }
         get id() {
-            return this.gz;
+            return this.g1;
         }
         set id(a) {
-            this.gz = a;
+            this.g1 = a;
             this.g("Id");
         }
         get rootRecords() {
-            return this.go;
+            return this.gq;
         }
         set rootRecords(a) {
-            this.go = a;
+            this.gq = a;
             this.g("RootRecords");
         }
         get processedRootRecords() {
-            return this.gn;
+            return this.gp;
         }
         set processedRootRecords(a) {
-            this.gn = a;
+            this.gp = a;
             this.g("ProcessedRootRecords");
         }
         get dataRef() {
-            return this.gw;
+            return this.gy;
         }
         set dataRef(a) {
-            this.gw = a;
+            this.gy = a;
             this.g("DataRef");
         }
         get expansionDepth() {
-            return this.gt;
+            return this.gv;
         }
         set expansionDepth(a) {
-            this.gt = a;
+            this.gv = a;
             this.g("ExpansionDepth");
         }
         get rowLoadingIndicatorTemplateRef() {
-            return this.g0;
+            return this.g2;
         }
         set rowLoadingIndicatorTemplateRef(a) {
-            this.g0 = a;
+            this.g2 = a;
             this.g("RowLoadingIndicatorTemplateRef");
         }
     }

package/esm2015/lib/igx-popup-component.js

@@ -80,19 +80,19 @@ export let IgxPopupComponent = /*@__PURE__*/ (() => {
             return this._implementation;
         }
         get isFocusable() {
-            return this.i.aq;
+            return this.i.ar;
         }
         set isFocusable(v) {
-            this.i.aq = ensureBool(v);
+            this.i.ar = ensureBool(v);
         }
         /**
          * Gets or sets the duration of the Popup and Closeup animations in milliseconds.
         */
         get animationDuration() {
-            return this.i.a6;
+            return this.i.a8;
         }
         set animationDuration(v) {
-            this.i.a6 = +v;
+            this.i.a8 = +v;
         }
         /**
          * Gets or sets whether the popup and closeup animations are animated.
@@ -107,85 +107,85 @@ export let IgxPopupComponent = /*@__PURE__*/ (() => {
          * Gets or sets the type of animation to use when the popup opens and closes.
         */
         get animationType() {
-            return this.i.o;
+            return this.i.p;
         }
         set animationType(v) {
-            this.i.o = ensureEnum(PopupAnimationType_$type, v);
+            this.i.p = ensureEnum(PopupAnimationType_$type, v);
         }
         /**
          * Gets or sets the elevation to use for the button regardless of type.
         */
         get elevation() {
-            return this.i.a8;
+            return this.i.ba;
         }
         set elevation(v) {
-            this.i.a8 = +v;
+            this.i.ba = +v;
         }
         /**
          * Gets or sets the elevation of the border shadow
         */
         get actualElevation() {
-            return this.i.a4;
+            return this.i.a6;
         }
         set actualElevation(v) {
-            this.i.a4 = +v;
+            this.i.a6 = +v;
         }
         /**
          * Gets / sets the isShown state of the panel.
         */
         get isShown() {
-            return this.i.av;
+            return this.i.aw;
         }
         /**
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get actualUmbraShadowColor() {
-            return brushToString(this.i.cm);
+            return brushToString(this.i.cv);
         }
         set actualUmbraShadowColor(v) {
-            this.i.cm = stringToBrush(v);
+            this.i.cv = stringToBrush(v);
         }
         /**
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get actualPenumbraShadowColor() {
-            return brushToString(this.i.cl);
+            return brushToString(this.i.cu);
         }
         set actualPenumbraShadowColor(v) {
-            this.i.cl = stringToBrush(v);
+            this.i.cu = stringToBrush(v);
         }
         /**
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get actualAmbientShadowColor() {
-            return brushToString(this.i.ck);
+            return brushToString(this.i.ct);
         }
         set actualAmbientShadowColor(v) {
-            this.i.ck = stringToBrush(v);
+            this.i.ct = stringToBrush(v);
         }
         /**
          * Gets or sets the background color of the popup.
         */
         get background() {
-            return brushToString(this.i.cn);
+            return brushToString(this.i.cw);
         }
         set background(v) {
-            this.i.cn = stringToBrush(v);
+            this.i.cw = stringToBrush(v);
         }
         get cornerRadius() {
-            return this.i.ay;
+            return this.i.a0;
         }
         set cornerRadius(v) {
-            this.i.ay = +v;
+            this.i.a0 = +v;
         }
         /**
          * Gets or sets whether to disable hit testing on the popup.
         */
         get isHitTestVisible() {
-            return this.i.ar;
+            return this.i.as;
         }
         set isHitTestVisible(v) {
-            this.i.ar = ensureBool(v);
+            this.i.as = ensureBool(v);
         }
         /**
          * Gets or sets whether to disable hit testing during the open and close animations.
@@ -200,46 +200,46 @@ export let IgxPopupComponent = /*@__PURE__*/ (() => {
          * Gets or sets whether to show a pointer off the side of the popup towards the popup target.
         */
         get isPointerEnabled() {
-            return this.i.as;
+            return this.i.at;
         }
         set isPointerEnabled(v) {
-            this.i.as = ensureBool(v);
+            this.i.at = ensureBool(v);
         }
         /**
          * Gets or sets the pointer position.
         */
         get pointerPosition() {
-            return this.i.t;
+            return this.i.u;
         }
         set pointerPosition(v) {
-            this.i.t = ensureEnum(PopupPointerPosition_$type, v);
+            this.i.u = ensureEnum(PopupPointerPosition_$type, v);
         }
         /**
          * Gets or sets the pointer background color.
         */
         get pointerBackground() {
-            return brushToString(this.i.cr);
+            return brushToString(this.i.c0);
         }
         set pointerBackground(v) {
-            this.i.cr = stringToBrush(v);
+            this.i.c0 = stringToBrush(v);
         }
         /**
          * Gets or sets the pointer size.
         */
         get pointerSize() {
-            return this.i.a1;
+            return this.i.a3;
         }
         set pointerSize(v) {
-            this.i.a1 = +v;
+            this.i.a3 = +v;
         }
         /**
          * Gets whether the popup is in the middle of opening or not.
         */
         get isShowing() {
-            return this.i.at;
+            return this.i.au;
         }
         set isShowing(v) {
-            this.i.at = ensureBool(v);
+            this.i.au = ensureBool(v);
         }
         /**
          * Gets whether the popup is in the middle of closing or not.
@@ -250,6 +250,24 @@ export let IgxPopupComponent = /*@__PURE__*/ (() => {
         set isClosing(v) {
             this.i.ap = ensureBool(v);
         }
+        /**
+         * Indicates that the popup will position itself relative to the window instead of the document.
+        */
+        get isFixed() {
+            return this.i.aq;
+        }
+        set isFixed(v) {
+            this.i.aq = ensureBool(v);
+        }
+        /**
+         * Indicates that the popup will place itself into the browser top layer.
+        */
+        get useTopLayer() {
+            return this.i.ax;
+        }
+        set useTopLayer(v) {
+            this.i.ax = ensureBool(v);
+        }
         findByName(name) {
             if (this.findEphemera) {
                 if (name && name.indexOf("@@e:") == 0) {
@@ -316,7 +334,7 @@ export let IgxPopupComponent = /*@__PURE__*/ (() => {
     
     */
         close() {
-            this.i.bx();
+            this.i.b3();
         }
         showRelativeToExclusionRect(exclusionRect, popupDirection, popupAlignment) {
             this.i.showRelativeToExclusionRect(toRect(exclusionRect), (popupDirection == null ? null : popupDirection), (popupAlignment == null ? null : popupAlignment));
@@ -326,7 +344,7 @@ export let IgxPopupComponent = /*@__PURE__*/ (() => {
         
         */
         exportVisualModel() {
-            let iv = this.i.a9();
+            let iv = this.i.bc();
             return (iv);
         }
         /**
@@ -334,7 +352,7 @@ export let IgxPopupComponent = /*@__PURE__*/ (() => {
         
         */
         exportSerializedVisualModel() {
-            let iv = this.i.bl();
+            let iv = this.i.bp();
             return (iv);
         }
         get onClosed() {
@@ -432,7 +450,7 @@ export let IgxPopupComponent = /*@__PURE__*/ (() => {
         }
     }
     IgxPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxPopupComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
-    IgxPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxPopupComponent, selector: "igx-popup", inputs: { height: "height", width: "width", isFocusable: "isFocusable", animationDuration: "animationDuration", animationEnabled: "animationEnabled", animationType: "animationType", elevation: "elevation", actualElevation: "actualElevation", actualUmbraShadowColor: "actualUmbraShadowColor", actualPenumbraShadowColor: "actualPenumbraShadowColor", actualAmbientShadowColor: "actualAmbientShadowColor", background: "background", cornerRadius: "cornerRadius", isHitTestVisible: "isHitTestVisible", disableHitTestDuringAnimation: "disableHitTestDuringAnimation", isPointerEnabled: "isPointerEnabled", pointerPosition: "pointerPosition", pointerBackground: "pointerBackground", pointerSize: "pointerSize", isShowing: "isShowing", isClosing: "isClosing" }, outputs: { onClosed: "onClosed", onPopup: "onPopup", popupGotFocus: "popupGotFocus", popupLostFocus: "popupLostFocus" }, host: { classAttribute: "ig-popup igx-popup" }, providers: [], viewQueries: [{ propertyName: "_mainDivRef", first: true, predicate: ["mainDivRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "_dynamicContent", first: true, predicate: ["dynamicContent"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "_childTemplateRef", first: true, predicate: ["childContent"], descendants: true, read: TemplateRef }], ngImport: i0, template: `
+    IgxPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxPopupComponent, selector: "igx-popup", inputs: { height: "height", width: "width", isFocusable: "isFocusable", animationDuration: "animationDuration", animationEnabled: "animationEnabled", animationType: "animationType", elevation: "elevation", actualElevation: "actualElevation", actualUmbraShadowColor: "actualUmbraShadowColor", actualPenumbraShadowColor: "actualPenumbraShadowColor", actualAmbientShadowColor: "actualAmbientShadowColor", background: "background", cornerRadius: "cornerRadius", isHitTestVisible: "isHitTestVisible", disableHitTestDuringAnimation: "disableHitTestDuringAnimation", isPointerEnabled: "isPointerEnabled", pointerPosition: "pointerPosition", pointerBackground: "pointerBackground", pointerSize: "pointerSize", isShowing: "isShowing", isClosing: "isClosing", isFixed: "isFixed", useTopLayer: "useTopLayer" }, outputs: { onClosed: "onClosed", onPopup: "onPopup", popupGotFocus: "popupGotFocus", popupLostFocus: "popupLostFocus" }, host: { classAttribute: "ig-popup igx-popup" }, providers: [], viewQueries: [{ propertyName: "_mainDivRef", first: true, predicate: ["mainDivRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "_dynamicContent", first: true, predicate: ["dynamicContent"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "_childTemplateRef", first: true, predicate: ["childContent"], descendants: true, read: TemplateRef }], ngImport: i0, template: `
     <ng-template #childContent>
         <ng-content></ng-content>
     </ng-template>
@@ -514,6 +532,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], isClosing: [{
                 type: Input
+            }], isFixed: [{
+                type: Input
+            }], useTopLayer: [{
+                type: Input
             }], onClosed: [{
                 type: Output
             }], onPopup: [{

package/esm2015/public_api.js

@@ -1657,6 +1657,26 @@ export * from './lib/WebGridActionStripContentDescription';
 export * from './lib/WebGridActionStripContentDescriptionMetadata';
 export * from './lib/WebGridBaseDirectiveDescription';
 export * from './lib/WebGridBaseDirectiveDescriptionMetadata';
+export * from './lib/WebGridStateBaseDirectiveDescription';
+export * from './lib/WebGridStateBaseDirectiveDescriptionMetadata';
+export * from './lib/WebGridStateBaseDirectiveDescriptionModule';
+export * from './lib/WebGridStateDescription';
+export * from './lib/WebGridStateDescriptionMetadata';
+export * from './lib/WebGridStateDescriptionModule';
+export * from './lib/WebGridStateOptionsDescription';
+export * from './lib/WebGridStateOptionsDescriptionMetadata';
+export * from './lib/WebGridStateComponentEventArgsDescription';
+export * from './lib/WebGridStateComponentEventArgsDescriptionMetadata';
+export * from './lib/WebGridStateInfoDescription';
+export * from './lib/WebGridStateInfoDescriptionMetadata';
+export * from './lib/WebGridStateCollectionDescription';
+export * from './lib/WebGridStateCollectionDescriptionMetadata';
+export * from './lib/WebColumnStateDescription';
+export * from './lib/WebColumnStateDescriptionMetadata';
+export * from './lib/WebPagingStateDescription';
+export * from './lib/WebPagingStateDescriptionMetadata';
+export * from './lib/WebGroupingStateDescription';
+export * from './lib/WebGroupingStateDescriptionMetadata';
 export * from './lib/WebGridCellEventArgsDescription';
 export * from './lib/WebGridCellEventArgsDescriptionMetadata';
 export * from './lib/WebGridCellEventArgsDetailDescription';

package/esm5/lib/CodeGeneratingComponentRendererCodeEmitter_combined.js

@@ -2428,9 +2428,16 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
         }
         d.l("export class " + this.w(a, false) + " extends Array<" + this.w(a, true) + "> {");
         d.h();
-        d.l("public constructor() {");
+        d.l("public constructor(items: Array<" + this.w(a, true) + "> | number = -1) {");
+        d.h();
+        d.l("if (Array.isArray(items)) {");
+        d.h();
+        d.l("super(...items);");
+        d.f();
+        d.l("} else {");
+        d.h();
+        d.l("const newItems = [");
         d.h();
-        d.l("super();");
     };
     TSCodeGeneratingComponentRendererDataEmitter.prototype.ag = function (a, b, c) {
         _super.prototype.ag.call(this, a, b, c);
@@ -2585,15 +2592,19 @@ var TSCodeGeneratingComponentRendererDataEmitter = /** @class */ /*@__PURE__*/ (
     TSCodeGeneratingComponentRendererDataEmitter.prototype.aj = function (a, b, c, d) {
         _super.prototype.aj.call(this, a, b, c, d);
         d.f();
+        d.l("];");
+        d.l("super(...(newItems.slice(0, items)));");
+        d.f();
+        d.l("}");
+        d.f();
         d.l("}");
         d.f();
         d.l("}");
     };
     TSCodeGeneratingComponentRendererDataEmitter.prototype.x = function (a, b, c, d, e, f) {
         _super.prototype.x.call(this, a, b, c, d, e, f);
-        f.j("this.push(");
         this.aq(this.w(a, true), b, c, d, f);
-        f.l(");");
+        f.l(",");
     };
     TSCodeGeneratingComponentRendererDataEmitter.prototype.aq = function (a, b, c, d, e) {
         if (d == null) {
@@ -3377,7 +3388,7 @@ var WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter = /** @class */ /*@_
         if (a == null || isNaN_(a)) {
             return "";
         }
-        return;
+        return "TimeSpan.FromMilliseconds(" + a + ")";
     };
     WPFCodeBehindCodeGeneratingComponentRendererCodeEmitter.prototype.get_r = function () {
         return true;