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

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

@@ -92,10 +92,10 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxPopupComponent.prototype, "isFocusable", {
         get: function () {
-            return this.i.aq;
+            return this.i.ar;
         },
         set: function (v) {
-            this.i.aq = ensureBool(v);
+            this.i.ar = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -105,10 +105,10 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the duration of the Popup and Closeup animations in milliseconds.
         */
         get: function () {
-            return this.i.a6;
+            return this.i.a8;
         },
         set: function (v) {
-            this.i.a6 = +v;
+            this.i.a8 = +v;
         },
         enumerable: false,
         configurable: true
@@ -131,10 +131,10 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the type of animation to use when the popup opens and closes.
         */
         get: function () {
-            return this.i.o;
+            return this.i.p;
         },
         set: function (v) {
-            this.i.o = ensureEnum(PopupAnimationType_$type, v);
+            this.i.p = ensureEnum(PopupAnimationType_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -144,10 +144,10 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the elevation to use for the button regardless of type.
         */
         get: function () {
-            return this.i.a8;
+            return this.i.ba;
         },
         set: function (v) {
-            this.i.a8 = +v;
+            this.i.ba = +v;
         },
         enumerable: false,
         configurable: true
@@ -157,10 +157,10 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the elevation of the border shadow
         */
         get: function () {
-            return this.i.a4;
+            return this.i.a6;
         },
         set: function (v) {
-            this.i.a4 = +v;
+            this.i.a6 = +v;
         },
         enumerable: false,
         configurable: true
@@ -170,7 +170,7 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets / sets the isShown state of the panel.
         */
         get: function () {
-            return this.i.av;
+            return this.i.aw;
         },
         enumerable: false,
         configurable: true
@@ -180,10 +180,10 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get: function () {
-            return brushToString(this.i.cm);
+            return brushToString(this.i.cv);
         },
         set: function (v) {
-            this.i.cm = stringToBrush(v);
+            this.i.cv = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -193,10 +193,10 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get: function () {
-            return brushToString(this.i.cl);
+            return brushToString(this.i.cu);
         },
         set: function (v) {
-            this.i.cl = stringToBrush(v);
+            this.i.cu = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -206,10 +206,10 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the check mark when the checkbox is checked.
         */
         get: function () {
-            return brushToString(this.i.ck);
+            return brushToString(this.i.ct);
         },
         set: function (v) {
-            this.i.ck = stringToBrush(v);
+            this.i.ct = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -219,20 +219,20 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the background color of the popup.
         */
         get: function () {
-            return brushToString(this.i.cn);
+            return brushToString(this.i.cw);
         },
         set: function (v) {
-            this.i.cn = stringToBrush(v);
+            this.i.cw = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxPopupComponent.prototype, "cornerRadius", {
         get: function () {
-            return this.i.ay;
+            return this.i.a0;
         },
         set: function (v) {
-            this.i.ay = +v;
+            this.i.a0 = +v;
         },
         enumerable: false,
         configurable: true
@@ -242,10 +242,10 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets whether to disable hit testing on the popup.
         */
         get: function () {
-            return this.i.ar;
+            return this.i.as;
         },
         set: function (v) {
-            this.i.ar = ensureBool(v);
+            this.i.as = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -268,10 +268,10 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets whether to show a pointer off the side of the popup towards the popup target.
         */
         get: function () {
-            return this.i.as;
+            return this.i.at;
         },
         set: function (v) {
-            this.i.as = ensureBool(v);
+            this.i.at = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -281,10 +281,10 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the pointer position.
         */
         get: function () {
-            return this.i.t;
+            return this.i.u;
         },
         set: function (v) {
-            this.i.t = ensureEnum(PopupPointerPosition_$type, v);
+            this.i.u = ensureEnum(PopupPointerPosition_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -294,10 +294,10 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the pointer background color.
         */
         get: function () {
-            return brushToString(this.i.cr);
+            return brushToString(this.i.c0);
         },
         set: function (v) {
-            this.i.cr = stringToBrush(v);
+            this.i.c0 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -307,10 +307,10 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the pointer size.
         */
         get: function () {
-            return this.i.a1;
+            return this.i.a3;
         },
         set: function (v) {
-            this.i.a1 = +v;
+            this.i.a3 = +v;
         },
         enumerable: false,
         configurable: true
@@ -320,10 +320,10 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets whether the popup is in the middle of opening or not.
         */
         get: function () {
-            return this.i.at;
+            return this.i.au;
         },
         set: function (v) {
-            this.i.at = ensureBool(v);
+            this.i.au = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -341,6 +341,32 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgxPopupComponent.prototype, "isFixed", {
+        /**
+         * Indicates that the popup will position itself relative to the window instead of the document.
+        */
+        get: function () {
+            return this.i.aq;
+        },
+        set: function (v) {
+            this.i.aq = ensureBool(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxPopupComponent.prototype, "useTopLayer", {
+        /**
+         * Indicates that the popup will place itself into the browser top layer.
+        */
+        get: function () {
+            return this.i.ax;
+        },
+        set: function (v) {
+            this.i.ax = ensureBool(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
     IgxPopupComponent.prototype.findByName = function (name) {
         if (this.findEphemera) {
             if (name && name.indexOf("@@e:") == 0) {
@@ -411,7 +437,7 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
 
 */
     IgxPopupComponent.prototype.close = function () {
-        this.i.bx();
+        this.i.b3();
     };
     IgxPopupComponent.prototype.showRelativeToExclusionRect = function (exclusionRect, popupDirection, popupAlignment) {
         this.i.showRelativeToExclusionRect(toRect(exclusionRect), (popupDirection == null ? null : popupDirection), (popupAlignment == null ? null : popupAlignment));
@@ -421,7 +447,7 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
     
     */
     IgxPopupComponent.prototype.exportVisualModel = function () {
-        var iv = this.i.a9();
+        var iv = this.i.bc();
         return (iv);
     };
     /**
@@ -429,7 +455,7 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
     
     */
     IgxPopupComponent.prototype.exportSerializedVisualModel = function () {
-        var iv = this.i.bl();
+        var iv = this.i.bp();
         return (iv);
     };
     Object.defineProperty(IgxPopupComponent.prototype, "onClosed", {
@@ -546,7 +572,7 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
         }
     };
     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: "\n    <ng-template #childContent>\n        <ng-content></ng-content>\n    </ng-template>\n    <ng-container #dynamicContent></ng-container>\n    <div #mainDivRef>       \n\t</div>  \n    ", isInline: true, styles: ["\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    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: "\n    <ng-template #childContent>\n        <ng-content></ng-content>\n    </ng-template>\n    <ng-container #dynamicContent></ng-container>\n    <div #mainDivRef>       \n\t</div>  \n    ", isInline: true, styles: ["\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     return IgxPopupComponent;
 }());
 export { IgxPopupComponent };
@@ -611,6 +637,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/esm5/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';