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

package/esm5/lib/XamMultiScaleImageView_combined.js

@@ -53,7 +53,7 @@ var XamMultiScaleImageView = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.au = Rect.empty;
         _this.l = null;
         _this.b = a;
-        _this.b.ag.l(_this);
+        _this.b.ag.o(_this);
         _this.h = new List$1(Image.$, 0);
         _this.b.ap = ((function () {
             var $ret = new StackPool$1(Image.$);
@@ -365,7 +365,7 @@ var XamMultiScaleImageView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         if (!this.isDirty) {
             this.isDirty = true;
-            this.b.ag.n();
+            this.b.ag.q();
         }
     };
     XamMultiScaleImageView.prototype.undirty = function (a) {
@@ -960,7 +960,7 @@ var XamMultiScaleImage = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     XamMultiScaleImage.prototype.b0 = function (a) {
         var b = a;
-        this.ag.j(b);
+        this.ag.m(b);
         this.an.ae(a);
     };
     XamMultiScaleImage.prototype.b1 = function (a) {

package/esm5/lib/XmlChar.js

@@ -101,7 +101,7 @@ var XmlChar = /** @class */ /*@__PURE__*/ (function (_super) {
     XmlChar.t = function (a, b) {
         for (var c = 0; c < a.length; c++) {
             if (XmlChar.f(a.charAt(c).charCodeAt(0))) {
-                if (!b || c + 1 == a.length || a.charAt(c).charCodeAt(0) < '�'.charCodeAt(0) || a.charAt(c).charCodeAt(0) >= '�'.charCodeAt(0) || a.charAt(c + 1).charCodeAt(0) < '�'.charCodeAt(0) || a.charAt(c + 1).charCodeAt(0) >= ''.charCodeAt(0)) {
+                if (!b || c + 1 == a.length || a.charAt(c).charCodeAt(0) < '\ud800'.charCodeAt(0) || a.charAt(c).charCodeAt(0) >= '\udc00'.charCodeAt(0) || a.charAt(c + 1).charCodeAt(0) < '\udc00'.charCodeAt(0) || a.charAt(c + 1).charCodeAt(0) >= ''.charCodeAt(0)) {
                     return c;
                 }
                 c++;
@@ -116,7 +116,7 @@ var XmlChar = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         for (var f = b; f < e; f++) {
             if (XmlChar.f(a[f].charCodeAt(0))) {
-                if (!d || f + 1 == e || a[f].charCodeAt(0) < '�'.charCodeAt(0) || a[f].charCodeAt(0) >= '�'.charCodeAt(0) || a[f + 1].charCodeAt(0) < '�'.charCodeAt(0) || a[f + 1].charCodeAt(0) >= ''.charCodeAt(0)) {
+                if (!d || f + 1 == e || a[f].charCodeAt(0) < '\ud800'.charCodeAt(0) || a[f].charCodeAt(0) >= '\udc00'.charCodeAt(0) || a[f + 1].charCodeAt(0) < '\udc00'.charCodeAt(0) || a[f + 1].charCodeAt(0) >= ''.charCodeAt(0)) {
                     return f;
                 }
                 f++;

package/esm5/lib/XmlReader_combined.js

@@ -1337,7 +1337,7 @@ var XmlTextWriter = /** @class */ /*@__PURE__*/ (function (_super) {
         this.b7(a, b, true);
     };
     XmlTextWriter.prototype.b7 = function (a, b, c) {
-        if (c && ('�'.charCodeAt(0) > b.charCodeAt(0) || b.charCodeAt(0) > '�'.charCodeAt(0) || '�'.charCodeAt(0) > a.charCodeAt(0) || a.charCodeAt(0) > '�'.charCodeAt(0))) {
+        if (c && ('\ud800'.charCodeAt(0) > b.charCodeAt(0) || b.charCodeAt(0) > '\udc00'.charCodeAt(0) || '\udc00'.charCodeAt(0) > a.charCodeAt(0) || a.charCodeAt(0) > '\udfff'.charCodeAt(0))) {
             throw this.bf(stringFormat("Invalid surrogate pair was found. Low: &#x{0:X}; High: &#x{0:X};", a.charCodeAt(0), b.charCodeAt(0)));
         }
         else if (this.ay && XmlChar.f(a.charCodeAt(0))) {

package/esm5/lib/componentUtil.js

@@ -10,6 +10,7 @@ import { Size } from './Size';
 import { Rect } from './Rect';
 import { BrushCollection } from './BrushCollection';
 import { PointUtil } from './type';
+import { Base } from './type';
 import { EnumUtil, typeGetValue } from './type';
 import { stringEndsWith, stringStartsWith } from './string';
 import { ObservableColorCollection } from './ObservableColorCollection';
@@ -27,6 +28,56 @@ export function stringToBrush(v) {
     var brush = Brush.create(v);
     return brush;
 }
+export function interfaceToInternal(v, create) {
+    if (!v) {
+        return v;
+    }
+    if (v && v.$type) {
+        return v;
+    }
+    if (v._implementation) {
+        return v._implementation;
+    }
+    var inn = create();
+    if (inn.setNativeElement) {
+        inn.setNativeElement({});
+    }
+    var outer = create();
+    if (outer.setNativeElement) {
+        outer.setNativeElement(v);
+        outer.___rawMode = true;
+        var allProps = getAllPropertyNames(outer);
+        for (var i = 0; i < allProps.length; i++) {
+            if (allProps[i] == "nativeElement" ||
+                allProps[i] == "setNativeElement" ||
+                allProps[i] == "helper" ||
+                allProps[i] == "$type" ||
+                allProps[i].indexOf("__") == 0 ||
+                Base.prototype.hasOwnProperty(allProps[i]) ||
+                Object.prototype.hasOwnProperty(allProps[i])) {
+                continue;
+            }
+            if (!isValidProp(outer, allProps[i])) {
+                continue;
+            }
+            var pValue = outer[allProps[i]];
+            if (pValue === undefined) {
+                continue;
+            }
+            if (pValue && pValue.$type && pValue.$type.name == "WCNativeHelper") {
+                continue;
+            }
+            inn[allProps[i]] = pValue;
+        }
+    }
+    else {
+        var props = Object.getOwnPropertyNames(v);
+        for (var i = 0; i < props.length; i++) {
+            inn[props[i]] = v[props[i]];
+        }
+    }
+    return inn;
+}
 export function ensureEnum($t, v) {
     if (v == null) {
         return 0;
@@ -900,12 +951,15 @@ export function getModifiedProps(prevProps, nextProps) {
     return mod;
 }
 export function isValidProp(owner, prop) {
+    var _a, _b;
     while (owner = (owner.prototype || Object.getPrototypeOf(owner))) {
         if (owner == HTMLElement.prototype) {
             break;
         }
         if (owner.hasOwnProperty(prop)) {
-            return true;
+            // has getter, but no setter
+            var notSettable = ((_a = Object.getOwnPropertyDescriptor(owner, prop)) === null || _a === void 0 ? void 0 : _a.get) !== undefined && ((_b = Object.getOwnPropertyDescriptor(owner, prop)) === null || _b === void 0 ? void 0 : _b.set) === undefined;
+            return !notSettable;
         }
     }
     return false;

package/esm5/lib/igx-cancel-event-args.js

@@ -5,6 +5,9 @@ var IgxCancelEventArgs = /** @class */ /*@__PURE__*/ (function () {
         this._implementation = this.createImplementation();
         this._implementation.externalObject = this;
         this.onImplementationCreated();
+        if (this._initializeAdapters) {
+            this._initializeAdapters();
+        }
     }
     IgxCancelEventArgs.prototype.createImplementation = function () {
         return new CancelEventArgs_internal(0);

package/esm5/lib/igx-cancelling-multi-scale-image-event-args.js

@@ -4,6 +4,9 @@ var IgxCancellingMultiScaleImageEventArgs = /** @class */ /*@__PURE__*/ (functio
         this._implementation = this.createImplementation();
         this._implementation.externalObject = this;
         this.onImplementationCreated();
+        if (this._initializeAdapters) {
+            this._initializeAdapters();
+        }
     }
     IgxCancellingMultiScaleImageEventArgs.prototype.createImplementation = function () {
         return new CancellingMultiScaleImageEventArgs_internal();

package/esm5/lib/igx-capture-image-settings.js

@@ -0,0 +1,63 @@
+import { CaptureImageFormat_$type } from "./CaptureImageFormat";
+import { CaptureImageSettings as CaptureImageSettings_internal } from "./CaptureImageSettings";
+import { ensureEnum, ensureBool } from "./componentUtil";
+var IgxCaptureImageSettings = /** @class */ /*@__PURE__*/ (function () {
+    function IgxCaptureImageSettings() {
+        this._implementation = this.createImplementation();
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+        if (this._initializeAdapters) {
+            this._initializeAdapters();
+        }
+    }
+    IgxCaptureImageSettings.prototype.createImplementation = function () {
+        return new CaptureImageSettings_internal();
+    };
+    Object.defineProperty(IgxCaptureImageSettings.prototype, "i", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return this._implementation;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IgxCaptureImageSettings.prototype.onImplementationCreated = function () {
+    };
+    IgxCaptureImageSettings.prototype._provideImplementation = function (i) {
+        this._implementation = i;
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+    };
+    Object.defineProperty(IgxCaptureImageSettings.prototype, "format", {
+        get: function () {
+            return this.i.a;
+        },
+        set: function (v) {
+            this.i.a = ensureEnum(CaptureImageFormat_$type, v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxCaptureImageSettings.prototype, "addToClipboard", {
+        get: function () {
+            return this.i.b;
+        },
+        set: function (v) {
+            this.i.b = ensureBool(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IgxCaptureImageSettings.prototype.findByName = function (name) {
+        if (this.findEphemera) {
+            if (name && name.indexOf("@@e:") == 0) {
+                return this.findEphemera(name);
+            }
+        }
+        return null;
+    };
+    return IgxCaptureImageSettings;
+}());
+export { IgxCaptureImageSettings };

package/esm5/lib/igx-data-legend-series-context.js

@@ -10,6 +10,9 @@ var IgxDataLegendSeriesContext = /** @class */ /*@__PURE__*/ (function () {
         this._implementation = this.createImplementation();
         this._implementation.externalObject = this;
         this.onImplementationCreated();
+        if (this._initializeAdapters) {
+            this._initializeAdapters();
+        }
     }
     IgxDataLegendSeriesContext.prototype.createImplementation = function () {
         return new DataLegendSeriesContext_internal();

package/esm5/lib/igx-data-legend-series-value-info.js

@@ -9,6 +9,9 @@ var IgxDataLegendSeriesValueInfo = /** @class */ /*@__PURE__*/ (function () {
         this._implementation = this.createImplementation();
         this._implementation.externalObject = this;
         this.onImplementationCreated();
+        if (this._initializeAdapters) {
+            this._initializeAdapters();
+        }
     }
     IgxDataLegendSeriesValueInfo.prototype.createImplementation = function () {
         return new DataLegendSeriesValueInfo_internal();

package/esm5/lib/igx-focus-event-args.js

@@ -4,6 +4,9 @@ var IgxFocusEventArgs = /** @class */ /*@__PURE__*/ (function () {
         this._implementation = this.createImplementation();
         this._implementation.externalObject = this;
         this.onImplementationCreated();
+        if (this._initializeAdapters) {
+            this._initializeAdapters();
+        }
     }
     IgxFocusEventArgs.prototype.createImplementation = function () {
         return new FocusEventArgs_internal();

package/esm5/lib/igx-format-specifier.js

@@ -4,6 +4,9 @@ var IgxFormatSpecifier = /** @class */ /*@__PURE__*/ (function () {
         this._implementation = this.createImplementation();
         this._implementation.externalObject = this;
         this.onImplementationCreated();
+        if (this._initializeAdapters) {
+            this._initializeAdapters();
+        }
     }
     IgxFormatSpecifier.prototype.createImplementation = function () {
         return new FormatSpecifier_internal();

package/esm5/lib/igx-image-captured-event-args.js

@@ -0,0 +1,70 @@
+import { IgxCaptureImageSettings } from "./igx-capture-image-settings";
+var IgxImageCapturedEventArgs = /** @class */ /*@__PURE__*/ (function () {
+    function IgxImageCapturedEventArgs() {
+    }
+    Object.defineProperty(IgxImageCapturedEventArgs.prototype, "i", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return this._implementation;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IgxImageCapturedEventArgs.prototype.onImplementationCreated = function () {
+    };
+    IgxImageCapturedEventArgs.prototype._provideImplementation = function (i) {
+        this._implementation = i;
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+    };
+    Object.defineProperty(IgxImageCapturedEventArgs.prototype, "base64Data", {
+        /**
+         * Gets the captured image as Base64.
+        */
+        get: function () {
+            return this.i.base64Data;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxImageCapturedEventArgs.prototype, "image", {
+        /**
+         * Gets the captured image.
+        */
+        get: function () {
+            return this.i.image;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxImageCapturedEventArgs.prototype, "settings", {
+        /**
+         * Gets the settings used to capture the image.
+        */
+        get: function () {
+            var r = this.i.settings;
+            if (r == null) {
+                return null;
+            }
+            if (!r.externalObject) {
+                var e = new IgxCaptureImageSettings();
+                if (r.$type) {
+                    e._implementation = r;
+                }
+                else {
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
+                }
+                r.externalObject = e;
+            }
+            return r.externalObject;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return IgxImageCapturedEventArgs;
+}());
+export { IgxImageCapturedEventArgs };

package/esm5/lib/igx-on-closed-event-args.js

@@ -4,6 +4,9 @@ var IgxOnClosedEventArgs = /** @class */ /*@__PURE__*/ (function () {
         this._implementation = this.createImplementation();
         this._implementation.externalObject = this;
         this.onImplementationCreated();
+        if (this._initializeAdapters) {
+            this._initializeAdapters();
+        }
     }
     IgxOnClosedEventArgs.prototype.createImplementation = function () {
         return new OnClosedEventArgs_internal();

package/esm5/lib/igx-on-popup-event-args.js

@@ -4,6 +4,9 @@ var IgxOnPopupEventArgs = /** @class */ /*@__PURE__*/ (function () {
         this._implementation = this.createImplementation();
         this._implementation.externalObject = this;
         this.onImplementationCreated();
+        if (this._initializeAdapters) {
+            this._initializeAdapters();
+        }
     }
     IgxOnPopupEventArgs.prototype.createImplementation = function () {
         return new OnPopupEventArgs_internal();

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.ak;
+            return this.i.aq;
         },
         set: function (v) {
-            this.i.ak = ensureBool(v);
+            this.i.aq = 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.av;
+            return this.i.a6;
         },
         set: function (v) {
-            this.i.av = +v;
+            this.i.a6 = +v;
         },
         enumerable: false,
         configurable: true
@@ -118,10 +118,10 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets whether the popup and closeup animations are animated.
         */
         get: function () {
-            return this.i.ag;
+            return this.i.al;
         },
         set: function (v) {
-            this.i.ag = ensureBool(v);
+            this.i.al = ensureBool(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.n;
+            return this.i.o;
         },
         set: function (v) {
-            this.i.n = ensureEnum(PopupAnimationType_$type, v);
+            this.i.o = 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.ax;
+            return this.i.a8;
         },
         set: function (v) {
-            this.i.ax = +v;
+            this.i.a8 = +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.at;
+            return this.i.a4;
         },
         set: function (v) {
-            this.i.at = +v;
+            this.i.a4 = +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.ao;
+            return this.i.av;
         },
         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.b8);
+            return brushToString(this.i.cm);
         },
         set: function (v) {
-            this.i.b8 = stringToBrush(v);
+            this.i.cm = 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.b7);
+            return brushToString(this.i.cl);
         },
         set: function (v) {
-            this.i.b7 = stringToBrush(v);
+            this.i.cl = 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.b6);
+            return brushToString(this.i.ck);
         },
         set: function (v) {
-            this.i.b6 = stringToBrush(v);
+            this.i.ck = 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.b9);
+            return brushToString(this.i.cn);
         },
         set: function (v) {
-            this.i.b9 = stringToBrush(v);
+            this.i.cn = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxPopupComponent.prototype, "cornerRadius", {
         get: function () {
-            return this.i.aq;
+            return this.i.ay;
         },
         set: function (v) {
-            this.i.aq = +v;
+            this.i.ay = +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.al;
+            return this.i.ar;
         },
         set: function (v) {
-            this.i.al = ensureBool(v);
+            this.i.ar = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -255,10 +255,10 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets whether to disable hit testing during the open and close animations.
         */
         get: function () {
-            return this.i.ai;
+            return this.i.an;
         },
         set: function (v) {
-            this.i.ai = ensureBool(v);
+            this.i.an = 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.am;
+            return this.i.as;
         },
         set: function (v) {
-            this.i.am = ensureBool(v);
+            this.i.as = 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.q;
+            return this.i.t;
         },
         set: function (v) {
-            this.i.q = ensureEnum(PopupPointerPosition_$type, v);
+            this.i.t = ensureEnum(PopupPointerPosition_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -294,10 +294,49 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the pointer background color.
         */
         get: function () {
-            return brushToString(this.i.cd);
+            return brushToString(this.i.cr);
+        },
+        set: function (v) {
+            this.i.cr = stringToBrush(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxPopupComponent.prototype, "pointerSize", {
+        /**
+         * Gets or sets the pointer size.
+        */
+        get: function () {
+            return this.i.a1;
+        },
+        set: function (v) {
+            this.i.a1 = +v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxPopupComponent.prototype, "isShowing", {
+        /**
+         * Gets whether the popup is in the middle of opening or not.
+        */
+        get: function () {
+            return this.i.at;
+        },
+        set: function (v) {
+            this.i.at = ensureBool(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxPopupComponent.prototype, "isClosing", {
+        /**
+         * Gets whether the popup is in the middle of closing or not.
+        */
+        get: function () {
+            return this.i.ap;
         },
         set: function (v) {
-            this.i.cd = stringToBrush(v);
+            this.i.ap = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -372,7 +411,7 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
 
 */
     IgxPopupComponent.prototype.close = function () {
-        this.i.bj();
+        this.i.bx();
     };
     IgxPopupComponent.prototype.showRelativeToExclusionRect = function (exclusionRect, popupDirection, popupAlignment) {
         this.i.showRelativeToExclusionRect(toRect(exclusionRect), (popupDirection == null ? null : popupDirection), (popupAlignment == null ? null : popupAlignment));
@@ -382,7 +421,7 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
     
     */
     IgxPopupComponent.prototype.exportVisualModel = function () {
-        var iv = this.i.ay();
+        var iv = this.i.a9();
         return (iv);
     };
     /**
@@ -390,7 +429,7 @@ var IgxPopupComponent = /** @class */ /*@__PURE__*/ (function () {
     
     */
     IgxPopupComponent.prototype.exportSerializedVisualModel = function () {
-        var iv = this.i.ba();
+        var iv = this.i.bl();
         return (iv);
     };
     Object.defineProperty(IgxPopupComponent.prototype, "onClosed", {
@@ -507,7 +546,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" }, 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" }, 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 };
@@ -566,6 +605,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], pointerBackground: [{
                 type: Input
+            }], pointerSize: [{
+                type: Input
+            }], isShowing: [{
+                type: Input
+            }], isClosing: [{
+                type: Input
             }], onClosed: [{
                 type: Output
             }], onPopup: [{