igniteui-webcomponents-grids 4.8.0 → 4.8.1-alpha.0

package/grids/combined.js

@@ -2640,7 +2640,7 @@ function ha(...o) {
   let t10 = Number.POSITIVE_INFINITY, n = null, e = o[o.length - 1];
   return mu(e) ? (n = o.pop(), o.length > 1 && typeof o[o.length - 1] == "number" && (t10 = o.pop())) : typeof e == "number" && (t10 = o.pop()), n === null && o.length === 1 && o[0] instanceof Dt2 ? o[0] : p3(t10)(r0(o, n));
 }
-function Ci(o, t10) {
+function gi(o, t10) {
   return function(e) {
     return e.lift(new v2(o, t10));
   };
@@ -2883,7 +2883,7 @@ var V2 = class extends wt2 {
 };
 function et2(o, t10) {
   let n = arguments.length >= 2;
-  return (e) => e.pipe(o ? Ci((i2, r5) => o(i2, r5, e)) : Cp, bg(1), n ? g3(t10) : m3(() => new l0()));
+  return (e) => e.pipe(o ? gi((i2, r5) => o(i2, r5, e)) : Cp, bg(1), n ? g3(t10) : m3(() => new l0()));
 }
 function f3(o, t10) {
   return function(e) {
@@ -3225,8 +3225,8 @@ function mC(o, t10) {
   return o == null || o === "" ? t10 === null ? "" : t10 : t10 == null || t10 === "" ? o : o + " " + t10;
 }
 var X9 = Ei({ __forward_ref__: Ei });
-function gi(o) {
-  return o.__forward_ref__ = gi, o.toString = function() {
+function mi(o) {
+  return o.__forward_ref__ = mi, o.toString = function() {
     return wr(this());
   }, o;
 }
@@ -3234,7 +3234,7 @@ function Wr(o) {
   return nE(o) ? o() : o;
 }
 function nE(o) {
-  return typeof o == "function" && o.hasOwnProperty(X9) && o.__forward_ref__ === gi;
+  return typeof o == "function" && o.hasOwnProperty(X9) && o.__forward_ref__ === mi;
 }
 function rE(o) {
   return o && !!o.\u0275providers;
@@ -6794,7 +6794,7 @@ function Se(o) {
     }
   }
 }
-function le2(o, t10 = 0, n) {
+function se(o, t10 = 0, n) {
   let e = st2(), i2 = rn(), r5 = jp(i2, lr + o, 16, null, n || null);
   r5.projection === null && (r5.projection = t10), yw(), (!e[O0] || ME()) && (r5.flags & 32) !== 32 && hF(i2, e, r5);
 }
@@ -8454,7 +8454,7 @@ function SN(o) {
 function HT() {
   return false;
 }
-var ae2 = (() => {
+var le2 = (() => {
   let t10 = class {
   }, o = t10;
   return (() => {
@@ -8910,7 +8910,7 @@ var qT = { ADP: [void 0, void 0, 0], AFN: [void 0, "\u060B", 0], ALL: [void 0, v
 var br = (() => (br = br || {}, br[br.Decimal = 0] = "Decimal", br[br.Percent = 1] = "Percent", br[br.Currency = 2] = "Currency", br[br.Scientific = 3] = "Scientific", br))();
 var fn = (() => (fn = fn || {}, fn[fn.Format = 0] = "Format", fn[fn.Standalone = 1] = "Standalone", fn))();
 var Bt = (() => (Bt = Bt || {}, Bt[Bt.Narrow = 0] = "Narrow", Bt[Bt.Abbreviated = 1] = "Abbreviated", Bt[Bt.Wide = 2] = "Wide", Bt[Bt.Short = 3] = "Short", Bt))();
-var mi = (() => (mi = mi || {}, mi[mi.Short = 0] = "Short", mi[mi.Medium = 1] = "Medium", mi[mi.Long = 2] = "Long", mi[mi.Full = 3] = "Full", mi))();
+var fi = (() => (fi = fi || {}, fi[fi.Short = 0] = "Short", fi[fi.Medium = 1] = "Medium", fi[fi.Long = 2] = "Long", fi[fi.Full = 3] = "Full", fi))();
 var at2 = (() => (at2 = at2 || {}, at2[at2.Decimal = 0] = "Decimal", at2[at2.Group = 1] = "Group", at2[at2.List = 2] = "List", at2[at2.PercentSign = 3] = "PercentSign", at2[at2.PlusSign = 4] = "PlusSign", at2[at2.MinusSign = 5] = "MinusSign", at2[at2.Exponential = 6] = "Exponential", at2[at2.SuperscriptingExponent = 7] = "SuperscriptingExponent", at2[at2.PerMille = 8] = "PerMille", at2[at2.Infinity = 9] = "Infinity", at2[at2.NaN = 10] = "NaN", at2[at2.TimeSeparator = 11] = "TimeSeparator", at2[at2.CurrencyDecimal = 12] = "CurrencyDecimal", at2[at2.CurrencyGroup = 13] = "CurrencyGroup", at2))();
 function TN(o) {
   return cr(o)[Ve2.LocaleId];
@@ -9041,44 +9041,44 @@ function pc(o, t10) {
   let e = "";
   switch (t10) {
     case "shortDate":
-      e = ld(o, mi.Short);
+      e = ld(o, fi.Short);
       break;
     case "mediumDate":
-      e = ld(o, mi.Medium);
+      e = ld(o, fi.Medium);
       break;
     case "longDate":
-      e = ld(o, mi.Long);
+      e = ld(o, fi.Long);
       break;
     case "fullDate":
-      e = ld(o, mi.Full);
+      e = ld(o, fi.Full);
       break;
     case "shortTime":
-      e = M1(o, mi.Short);
+      e = M1(o, fi.Short);
       break;
     case "mediumTime":
-      e = M1(o, mi.Medium);
+      e = M1(o, fi.Medium);
       break;
     case "longTime":
-      e = M1(o, mi.Long);
+      e = M1(o, fi.Long);
       break;
     case "fullTime":
-      e = M1(o, mi.Full);
+      e = M1(o, fi.Full);
       break;
     case "short":
       let i2 = pc(o, "shortTime"), r5 = pc(o, "shortDate");
-      e = A1(Up(o, mi.Short), [i2, r5]);
+      e = A1(Up(o, fi.Short), [i2, r5]);
       break;
     case "medium":
       let s10 = pc(o, "mediumTime"), a = pc(o, "mediumDate");
-      e = A1(Up(o, mi.Medium), [s10, a]);
+      e = A1(Up(o, fi.Medium), [s10, a]);
       break;
     case "long":
       let l10 = pc(o, "longTime"), c = pc(o, "longDate");
-      e = A1(Up(o, mi.Long), [l10, c]);
+      e = A1(Up(o, fi.Long), [l10, c]);
       break;
     case "full":
       let p10 = pc(o, "fullTime"), g = pc(o, "fullDate");
-      e = A1(Up(o, mi.Full), [p10, g]);
+      e = A1(Up(o, fi.Full), [p10, g]);
       break;
   }
   return e && (em[n][t10] = e), e;
@@ -9724,7 +9724,7 @@ var He2 = (() => {
 function UT(o, t10) {
   o.context.$implicit = t10.item;
 }
-var se = (() => {
+var ae2 = (() => {
   let t10 = class {
     constructor(e, i2) {
       this._viewContainer = e, this._context = new aI(), this._thenTemplateRef = null, this._elseTemplateRef = null, this._thenViewRef = null, this._elseViewRef = null, this._thenTemplateRef = i2;
@@ -9950,7 +9950,7 @@ var G1 = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(ae2, 16));
+      return new (i2 || t10)(_(le2, 16));
     };
   })(), (() => {
     t10.\u0275pipe = De2({ name: "async", type: t10, pure: false, standalone: true });
@@ -10413,7 +10413,7 @@ var c5 = (() => {
       let a = fu(s10).pipe(w2((c) => this.handler.handle(c)));
       if (e instanceof Vu || r5.observe === "events")
         return a;
-      let l10 = a.pipe(Ci((c) => c instanceof nm));
+      let l10 = a.pipe(gi((c) => c instanceof nm));
       switch (r5.observe || "body") {
         case "body":
           switch (s10.responseType) {
@@ -11491,7 +11491,7 @@ var F5 = (() => {
   })(), o;
 })();
 var qi = new Le2("NgValueAccessor");
-var $H = { provide: qi, useExisting: gi(() => Qn), multi: true };
+var $H = { provide: qi, useExisting: mi(() => Qn), multi: true };
 function UH() {
   let o = pl() ? pl().getUserAgent() : "";
   return /android (\d+)/.test(o.toLowerCase());
@@ -12329,7 +12329,7 @@ var Jx = class extends Wx {
   }
 };
 var uL = (o) => o instanceof Jx;
-var pL = { provide: dr, useExisting: gi(() => Xo) };
+var pL = { provide: dr, useExisting: mi(() => Xo) };
 var P5 = (() => Promise.resolve())();
 var Xo = (() => {
   let t10 = class extends dr {
@@ -12395,13 +12395,13 @@ var Xo = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(rh, 9), _(Vi, 10), _(cS, 10), _(qi, 10), _(ae2, 8), _(Nm, 8));
+      return new (i2 || t10)(_(rh, 9), _(Vi, 10), _(cS, 10), _(qi, 10), _(le2, 8), _(Nm, 8));
     };
   })(), (() => {
     t10.\u0275dir = N({ type: t10, selectors: [["", "ngModel", "", 3, "formControlName", "", 3, "formControl", ""]], inputs: { name: "name", isDisabled: ["disabled", "isDisabled"], model: ["ngModel", "model"], options: ["ngModelOptions", "options"] }, outputs: { update: "ngModelChange" }, exportAs: ["ngModel"], features: [fe([pL]), Y, Ti] });
   })(), o;
 })();
-var hL = { provide: qi, useExisting: gi(() => vc), multi: true };
+var hL = { provide: qi, useExisting: mi(() => vc), multi: true };
 var vc = (() => {
   let t10 = class extends F5 {
     writeValue(e) {
@@ -12445,7 +12445,7 @@ var gL = (() => {
   })(), o;
 })();
 var o6 = new Le2("NgModelWithFormControlWarning");
-var mL = { provide: dr, useExisting: gi(() => yc) };
+var mL = { provide: dr, useExisting: mi(() => yc) };
 var yc = (() => {
   let t10 = class extends dr {
     set isDisabled(e) {
@@ -12486,7 +12486,7 @@ var yc = (() => {
     t10.\u0275dir = N({ type: t10, selectors: [["", "formControl", ""]], inputs: { form: ["formControl", "form"], isDisabled: ["disabled", "isDisabled"], model: ["ngModel", "model"] }, outputs: { update: "ngModelChange" }, exportAs: ["ngForm"], features: [fe([mL]), Y, Ti] });
   })(), o;
 })();
-var fL = { provide: rh, useExisting: gi(() => Cc) };
+var fL = { provide: rh, useExisting: mi(() => Cc) };
 var Cc = (() => {
   let t10 = class extends rh {
     constructor(e, i2, r5) {
@@ -12624,7 +12624,7 @@ var Nu = (() => {
     t10.\u0275dir = N({ type: t10, features: [Ti] });
   })(), o;
 })();
-var xL = { provide: Vi, useExisting: gi(() => uS), multi: true };
+var xL = { provide: Vi, useExisting: mi(() => uS), multi: true };
 var uS = (() => {
   let t10 = class extends Nu {
     constructor() {
@@ -12644,7 +12644,7 @@ var uS = (() => {
     }, inputs: { max: "max" }, features: [fe([xL]), Y] });
   })(), o;
 })();
-var _L = { provide: Vi, useExisting: gi(() => pS), multi: true };
+var _L = { provide: Vi, useExisting: mi(() => pS), multi: true };
 var pS = (() => {
   let t10 = class extends Nu {
     constructor() {
@@ -12664,7 +12664,7 @@ var pS = (() => {
     }, inputs: { min: "min" }, features: [fe([_L]), Y] });
   })(), o;
 })();
-var vL = { provide: Vi, useExisting: gi(() => hS), multi: true };
+var vL = { provide: Vi, useExisting: mi(() => hS), multi: true };
 var hS = (() => {
   let t10 = class extends Nu {
     constructor() {
@@ -12687,7 +12687,7 @@ var hS = (() => {
     }, inputs: { required: "required" }, features: [fe([vL]), Y] });
   })(), o;
 })();
-var yL = { provide: Vi, useExisting: gi(() => gS), multi: true };
+var yL = { provide: Vi, useExisting: mi(() => gS), multi: true };
 var gS = (() => {
   let t10 = class extends Nu {
     constructor() {
@@ -12708,7 +12708,7 @@ var gS = (() => {
     t10.\u0275dir = N({ type: t10, selectors: [["", "email", "", "formControlName", ""], ["", "email", "", "formControl", ""], ["", "email", "", "ngModel", ""]], inputs: { email: "email" }, features: [fe([yL]), Y] });
   })(), o;
 })();
-var CL = { provide: Vi, useExisting: gi(() => mS), multi: true };
+var CL = { provide: Vi, useExisting: mi(() => mS), multi: true };
 var mS = (() => {
   let t10 = class extends Nu {
     constructor() {
@@ -12728,7 +12728,7 @@ var mS = (() => {
     }, inputs: { minlength: "minlength" }, features: [fe([CL]), Y] });
   })(), o;
 })();
-var wL = { provide: Vi, useExisting: gi(() => fS), multi: true };
+var wL = { provide: Vi, useExisting: mi(() => fS), multi: true };
 var fS = (() => {
   let t10 = class extends Nu {
     constructor() {
@@ -12748,7 +12748,7 @@ var fS = (() => {
     }, inputs: { maxlength: "maxlength" }, features: [fe([wL]), Y] });
   })(), o;
 })();
-var IL = { provide: Vi, useExisting: gi(() => xS), multi: true };
+var IL = { provide: Vi, useExisting: mi(() => xS), multi: true };
 var xS = (() => {
   let t10 = class extends Nu {
     constructor() {
@@ -14439,7 +14439,7 @@ var Ih = class {
     let n = [], e = [], i2 = [], r5 = -1, s10 = -1, a = 0;
     return t10.forEach((c) => {
       let p10 = Ui.isNullOrWhitespaces(c.header) ? c.field : c.header, g = !c.hidden || this.options.ignoreColumnsVisibility, v10 = this.options.ignoreColumnsOrder || this.options.ignoreColumnsVisibility ? c.index : c.visibleIndex, y5 = Number(c.width?.slice(0, -2)) || bS, E = this.options.ignoreMultiColumnHeaders ? 0 : c.level, M = c.columnGroup, F = M ? c.allChildren.filter((ie2) => !ie2.columnGroup && (this.options.ignoreColumnsVisibility ? true : !ie2.hidden)).length : 1, K = { header: Ui.sanitizeValue(p10), dataType: c.dataType, field: c.field, skip: !g, formatter: c.formatter, skipFormatter: false, headerType: M ? Qt.MultiColumnHeader : Qt.ColumnHeader, columnSpan: F, level: E, startIndex: v10, pinnedIndex: c.pinned ? c.hidden ? NaN : c.grid.pinnedColumns.indexOf(c) : Number.MAX_VALUE, columnGroupParent: c.parent ? c.parent : null, columnGroup: M ? c : null };
-      c.dataType === "currency" && (K.currencyCode = c.pipeArgs.currencyCode ? c.pipeArgs.currencyCode : Fs(this.locale), K.displayFormat = c.pipeArgs.display ? c.pipeArgs.display : "symbol", K.digitsInfo = c.pipeArgs.digitsInfo ? c.pipeArgs.digitsInfo : "1.0-2"), c.dataType === "date" && (K.dateFormat = ld(this.locale, mi.Medium)), c.dataType === "dateTime" && (K.dateFormat = Up(this.locale, mi.Medium)), this.options.ignoreColumnsOrder && K.startIndex !== K.pinnedIndex && (K.pinnedIndex = Number.MAX_VALUE), c.level > a && !this.options.ignoreMultiColumnHeaders && (a = c.level), v10 !== -1 ? (n.push(K), e.push(y5), s10 = Math.max(s10, n.indexOf(K))) : i2.push(K), c.pinned && g && K.headerType === Qt.ColumnHeader && r5++;
+      c.dataType === "currency" && (K.currencyCode = c.pipeArgs.currencyCode ? c.pipeArgs.currencyCode : Fs(this.locale), K.displayFormat = c.pipeArgs.display ? c.pipeArgs.display : "symbol", K.digitsInfo = c.pipeArgs.digitsInfo ? c.pipeArgs.digitsInfo : "1.0-2"), c.dataType === "date" && (K.dateFormat = ld(this.locale, fi.Medium)), c.dataType === "dateTime" && (K.dateFormat = Up(this.locale, fi.Medium)), this.options.ignoreColumnsOrder && K.startIndex !== K.pinnedIndex && (K.pinnedIndex = Number.MAX_VALUE), c.level > a && !this.options.ignoreMultiColumnHeaders && (a = c.level), v10 !== -1 ? (n.push(K), e.push(y5), s10 = Math.max(s10, n.indexOf(K))) : i2.push(K), c.pinned && g && K.headerType === Qt.ColumnHeader && r5++;
     }), i2.forEach((c) => {
       n[++s10] = c;
     }), { columns: n, columnWidths: e, indexOfLastPinnedColumn: r5, maxLevel: a };
@@ -16474,7 +16474,7 @@ var ui = (() => {
       this._overlayInfos.length - e === 1 && this._document.defaultView.removeEventListener("resize", this.repositionAll);
     }
     addCloseOnEscapeListener(e) {
-      e.settings.closeOnEscape && !this._keyPressEventListener && (this._keyPressEventListener = yt2(this._document, "keydown").pipe(Ci((i2) => i2.key === "Escape" || i2.key === "Esc")).subscribe((i2) => {
+      e.settings.closeOnEscape && !this._keyPressEventListener && (this._keyPressEventListener = yt2(this._document, "keydown").pipe(gi((i2) => i2.key === "Escape" || i2.key === "Esc")).subscribe((i2) => {
         let r5 = this._overlayInfos.filter((a) => a.visible);
         if (r5.length < 1)
           return;
@@ -16979,7 +16979,7 @@ var g7 = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(B), _(ae2), _(dt2, 8));
+      return new (i2 || t10)(_(B), _(le2), _(dt2, 8));
     };
   })(), (() => {
     t10.\u0275dir = N({ type: t10, hostVars: 4, hostBindings: function(i2, r5) {
@@ -17229,7 +17229,7 @@ var vt2 = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_($u), _(Xo, 10), _(dr, 10), _(B), _(ae2), _(xt));
+      return new (i2 || t10)(_($u), _(Xo, 10), _(dr, 10), _(B), _(le2), _(xt));
     };
   })(), (() => {
     t10.\u0275dir = N({ type: t10, selectors: [["", "igxInput", ""]], hostVars: 5, hostBindings: function(i2, r5) {
@@ -17459,7 +17459,7 @@ var lj = ["svgImage"];
 function cj(o, t10) {
 }
 function dj(o, t10) {
-  o & 1 && le2(0);
+  o & 1 && se(0);
 }
 function uj(o, t10) {
   if (o & 1 && k5(0, "div", 4), o & 2) {
@@ -17507,7 +17507,7 @@ var he = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(B), _(es), _(ae2));
+      return new (i2 || t10)(_(B), _(es), _(le2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-icon"]], viewQuery: function(i2, r5) {
@@ -17533,13 +17533,13 @@ function mj(o, t10) {
   }
 }
 function fj(o, t10) {
-  o & 1 && le2(0, 1);
+  o & 1 && se(0, 1);
 }
 function xj(o, t10) {
-  o & 1 && le2(0, 2);
+  o & 1 && se(0, 2);
 }
 function _j(o, t10) {
-  o & 1 && le2(0, 3);
+  o & 1 && se(0, 3);
 }
 var vj = function(o) {
   return { "igx-input-group__upload-button": o };
@@ -17597,7 +17597,7 @@ function Dj(o, t10) {
   }
 }
 function bj(o, t10) {
-  o & 1 && le2(0, 4);
+  o & 1 && se(0, 4);
 }
 function Ej(o, t10) {
   o & 1 && q3(0);
@@ -17862,7 +17862,7 @@ var At = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(B), _(dt2, 8), _(Io, 8), _(gt2), _(_e2), _(ae2));
+      return new (i2 || t10)(_(B), _(dt2, 8), _(Io, 8), _(gt2), _(_e2), _(le2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-input-group"]], contentQueries: function(i2, r5, s10) {
@@ -17879,11 +17879,11 @@ var At = (() => {
     }, inputs: { resourceStrings: "resourceStrings", suppressInputAutofocus: "suppressInputAutofocus", type: "type", theme: "theme" }, standalone: true, features: [fe([{ provide: $u, useExisting: t10 }]), Y, $5], ngContentSelectors: c$, decls: 25, vars: 2, consts: [["class", "igx-input-group__wrapper", 4, "ngIf", "ngIfElse"], [1, "igx-input-group__hint", 3, "click"], ["label", ""], ["input", ""], ["prefix", ""], ["uploadButton", ""], ["files", ""], ["clear", ""], ["suffix", ""], ["materialBundle", ""], ["fluentBundle", ""], ["bootstrapBundle", ""], ["bundle", ""], [1, "igx-input-group__wrapper"], [4, "ngTemplateOutlet"], ["class", "igx-input-group__upload-button", 4, "ngIf"], [1, "igx-input-group__upload-button"], ["igxButton", "raised", "type", "button", 3, "displayDensity", "disabled", "ngClass", "click"], ["class", "igx-input-group__file-input", 3, "title", 4, "ngIf"], [1, "igx-input-group__file-input", 3, "title"], ["class", "igx-input-group__clear-icon", "title", "clear files", "tabindex", "0", 3, "click", "keydown.Enter", 4, "ngIf"], ["title", "clear files", "tabindex", "0", 1, "igx-input-group__clear-icon", 3, "click", "keydown.Enter"], [1, "igx-input-group__bundle"], [1, "igx-input-group__bundle-start"], [1, "igx-input-group__notch"], [1, "igx-input-group__bundle-main"], [1, "igx-input-group__filler"], [1, "igx-input-group__bundle-end"], ["class", "igx-input-group__line", 4, "ngIf"], [1, "igx-input-group__line"], [3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"]], template: function(i2, r5) {
       if (i2 & 1 && (Se(l$), m5(0, mj, 2, 1, "div", 0), f(1, "div", 1), w5("click", function(a) {
         return r5.hintClickHandler(a);
-      }), le2(2), x5(), m5(3, fj, 1, 0, "ng-template", null, 2, V), m5(5, xj, 1, 0, "ng-template", null, 3, V), m5(7, _j, 1, 0, "ng-template", null, 4, V), m5(9, Cj, 1, 1, "ng-template", null, 5, V), m5(11, Ij, 1, 1, "ng-template", null, 6, V), m5(13, Dj, 1, 1, "ng-template", null, 7, V), m5(15, bj, 1, 0, "ng-template", null, 8, V), m5(17, Vj, 15, 8, "ng-template", null, 9, V), m5(19, $j, 12, 8, "ng-template", null, 10, V), m5(21, Zj, 10, 7, "ng-template", null, 11, V), m5(23, a$, 5, 4, "ng-template", null, 12, V)), i2 & 2) {
+      }), se(2), x5(), m5(3, fj, 1, 0, "ng-template", null, 2, V), m5(5, xj, 1, 0, "ng-template", null, 3, V), m5(7, _j, 1, 0, "ng-template", null, 4, V), m5(9, Cj, 1, 1, "ng-template", null, 5, V), m5(11, Ij, 1, 1, "ng-template", null, 6, V), m5(13, Dj, 1, 1, "ng-template", null, 7, V), m5(15, bj, 1, 0, "ng-template", null, 8, V), m5(17, Vj, 15, 8, "ng-template", null, 9, V), m5(19, $j, 12, 8, "ng-template", null, 10, V), m5(21, Zj, 10, 7, "ng-template", null, 11, V), m5(23, a$, 5, 4, "ng-template", null, 12, V)), i2 & 2) {
         let s10 = P(24);
         u5("ngIf", r5.isTypeBox)("ngIfElse", s10);
       }
-    }, dependencies: [se, Re2, Be, Xe, Oe2, Ue, he, B1, e5, t5], encapsulation: 2 });
+    }, dependencies: [ae2, Re2, Be, Xe, Oe2, Ue, he, B1, e5, t5], encapsulation: 2 });
   })(), o;
 })();
 var MNe = je2({ SOLID: "solid", DASHED: "dashed" });
@@ -18254,7 +18254,7 @@ var So = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(ae2), _(B), _(Qe2), _(we2), _(xt), _(_e2));
+      return new (i2 || t10)(_(le2), _(B), _(Qe2), _(we2), _(xt), _(_e2));
     };
   })(), (() => {
     t10.\u0275dir = N({ type: t10, selectors: [["", "igxDrag", ""]], contentQueries: function(i2, r5, s10) {
@@ -18559,7 +18559,7 @@ var M7 = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(ae2), _(Qe2));
+      return new (i2 || t10)(_(le2), _(Qe2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-display-container"]], viewQuery: function(i2, r5) {
@@ -18623,7 +18623,7 @@ var iv = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(B), _(ae2), _(we2), _(gt2), _(_e2));
+      return new (i2 || t10)(_(B), _(le2), _(we2), _(gt2), _(_e2));
     };
   })(), (() => {
     t10.\u0275dir = N({ type: t10, selectors: [["", "igxVirtualHelperBase", ""]], hostBindings: function(i2, r5) {
@@ -18645,7 +18645,7 @@ var A7 = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(B), _(ae2), _(we2), _(gt2), _(_e2));
+      return new (i2 || t10)(_(B), _(le2), _(we2), _(gt2), _(_e2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-horizontal-virtual-helper"]], viewQuery: function(i2, r5) {
@@ -18675,7 +18675,7 @@ var P7 = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(B), _(ae2), _(we2), _(gt2), _(_e2));
+      return new (i2 || t10)(_(B), _(le2), _(we2), _(gt2), _(_e2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-virtual-helper"]], viewQuery: function(i2, r5) {
@@ -18832,7 +18832,7 @@ var Oa = (() => {
           this.verticalScrollHandler = this.verticalScrollHandler.bind(this), this.scrollComponent.nativeElement.addEventListener("scroll", this.verticalScrollHandler), this.dc.instance.scrollContainer = this.scrollComponent.nativeElement;
         });
         let r5 = W(this.destroy$);
-        this.contentResizeNotify.pipe(Ci(() => this.igxForContainerSize && this.igxForOf && this.igxForOf.length > 0), Kc(40, void 0, { leading: false, trailing: true }), r5).subscribe(() => this._zone.runTask(() => this.updateSizes()));
+        this.contentResizeNotify.pipe(gi(() => this.igxForContainerSize && this.igxForOf && this.igxForOf.length > 0), Kc(40, void 0, { leading: false, trailing: true }), r5).subscribe(() => this._zone.runTask(() => this.updateSizes()));
       }
       this.igxForScrollOrientation === "horizontal" && (this.func = (r5) => this.onHScroll(r5), this.scrollComponent = this.syncScrollService.getScrollMaster(this.igxForScrollOrientation), this.scrollComponent ? this._zone.runOutsideAngular(() => {
         this.scrollComponent.nativeElement.addEventListener("scroll", this.func), this.dc.instance.scrollContainer = this.scrollComponent.nativeElement;
@@ -18866,7 +18866,10 @@ var Oa = (() => {
       let r5 = "igxForItemSize";
       r5 in e && !e[r5].firstChange && this.igxForScrollOrientation === "vertical" && this.igxForOf && (this.initSizesCache(this.igxForOf), this._applyChanges());
       let s10 = "igxForContainerSize";
-      s10 in e && !e[s10].firstChange && this.igxForOf && this._recalcOnContainerChange();
+      if (s10 in e && !e[s10].firstChange && this.igxForOf) {
+        let a = parseInt(e[s10].previousValue, 10), l10 = parseInt(e[s10].currentValue, 10);
+        this._recalcOnContainerChange({ prevSize: a, newSize: l10 });
+      }
     }
     ngDoCheck() {
       this._differ && this._differ.diff(this.igxForOf) && (this.igxForOf || (this.igxForOf = []), this._updateSizeCache(), this._zone.run(() => {
@@ -19139,25 +19142,29 @@ var Oa = (() => {
       }
       return s10;
     }
-    _recalcScrollBarSize() {
-      let e = this.isRemote ? this.totalItemCount : this.igxForOf ? this.igxForOf.length : 0;
-      this.dc.instance.notVirtual = !(this.igxForContainerSize && this.dc && this.state.chunkSize < e);
-      let i2 = this.isScrollable();
+    _recalcScrollBarSize(e = null) {
+      let i2 = this.isRemote ? this.totalItemCount : this.igxForOf ? this.igxForOf.length : 0;
+      this.dc.instance.notVirtual = !(this.igxForContainerSize && this.dc && this.state.chunkSize < i2);
+      let r5 = e ? this.scrollComponent.size > e.prevSize : this.isScrollable();
       if (this.igxForScrollOrientation === "horizontal") {
-        let r5 = parseInt(this.igxForContainerSize, 10) > 0 ? this.initSizesCache(this.igxForOf) : 0;
-        this.scrollComponent.nativeElement.style.width = this.igxForContainerSize + "px", this.scrollComponent.size = r5, r5 <= parseInt(this.igxForContainerSize, 10) && this.resetScrollPosition();
+        let s10 = parseInt(this.igxForContainerSize, 10) > 0 ? this.initSizesCache(this.igxForOf) : 0;
+        s10 <= parseInt(this.igxForContainerSize, 10) && this.resetScrollPosition(), this.scrollComponent.nativeElement.style.width = this.igxForContainerSize + "px", this.scrollComponent.size = s10;
       }
-      this.igxForScrollOrientation === "vertical" && (this.scrollComponent.nativeElement.style.height = parseInt(this.igxForContainerSize, 10) + "px", this.scrollComponent.size = this._calcHeight(), this.scrollComponent.size <= parseInt(this.igxForContainerSize, 10) && this.resetScrollPosition()), i2 !== this.isScrollable() && this.scrollbarVisibilityChanged.emit();
+      if (this.igxForScrollOrientation === "vertical") {
+        let s10 = this._calcHeight();
+        s10 <= parseInt(this.igxForContainerSize, 10) && this.resetScrollPosition(), this.scrollComponent.nativeElement.style.height = parseInt(this.igxForContainerSize, 10) + "px", this.scrollComponent.size = s10;
+      }
+      r5 !== this.isScrollable() && this.scrollbarVisibilityChanged.emit();
     }
     _calcHeight() {
       let e;
       return this.heightCache ? e = this.heightCache.reduce((i2, r5) => i2 + r5, 0) : e = this.initSizesCache(this.igxForOf), this._virtHeight = e, e > this._maxHeight && (this._virtHeightRatio = e / this._maxHeight, e = this._maxHeight), e;
     }
-    _recalcOnContainerChange() {
-      let e = this.state.chunkSize;
-      if (this.applyChunkSizeChange(), this._recalcScrollBarSize(), e !== this.state.chunkSize && this.chunkLoad.emit(this.state), this.sizesCache && this.igxForScrollOrientation === "horizontal") {
-        let i2 = this.fixedUpdateAllElements(this.scrollPosition);
-        this.dc.instance._viewContainer.element.nativeElement.style.left = -i2 + "px";
+    _recalcOnContainerChange(e = null) {
+      let i2 = this.state.chunkSize;
+      if (this.applyChunkSizeChange(), this._recalcScrollBarSize(e), i2 !== this.state.chunkSize && this.chunkLoad.emit(this.state), this.sizesCache && this.igxForScrollOrientation === "horizontal") {
+        let r5 = this.fixedUpdateAllElements(this.scrollPosition);
+        this.dc.instance._viewContainer.element.nativeElement.style.left = -r5 + "px";
       }
     }
     removeLastElem() {
@@ -19217,7 +19224,7 @@ var Oa = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(Qe2), _(ee), _(ji), _(ae2), _(we2), _(ts), _(_e2), _(gt2));
+      return new (i2 || t10)(_(Qe2), _(ee), _(ji), _(le2), _(we2), _(ts), _(_e2), _(gt2));
     };
   })(), (() => {
     t10.\u0275dir = N({ type: t10, selectors: [["", "igxFor", "", "igxForOf", ""]], inputs: { igxForOf: "igxForOf", igxForSizePropName: "igxForSizePropName", igxForScrollOrientation: "igxForScrollOrientation", igxForScrollContainer: "igxForScrollContainer", igxForContainerSize: "igxForContainerSize", igxForItemSize: "igxForItemSize", igxForTotalItemCount: "igxForTotalItemCount", igxForTrackBy: "igxForTrackBy" }, outputs: { chunkLoad: "chunkLoad", scrollbarVisibilityChanged: "scrollbarVisibilityChanged", contentSizeChange: "contentSizeChange", dataChanged: "dataChanged", beforeViewDestroyed: "beforeViewDestroyed", chunkPreload: "chunkPreload" }, standalone: true, features: [fe([ts]), Ti] });
@@ -19274,7 +19281,10 @@ var Xt = (() => {
       let r5 = "igxForItemSize";
       r5 in e && !e[r5].firstChange && this.igxForScrollOrientation === "vertical" && this.igxForOf && this.initSizesCache(this.igxForOf);
       let s10 = "igxForContainerSize";
-      s10 in e && !e[s10].firstChange && this.igxForOf && this._recalcOnContainerChange();
+      if (s10 in e && !e[s10].firstChange && this.igxForOf) {
+        let a = parseInt(e[s10].previousValue, 10), l10 = parseInt(e[s10].currentValue, 10);
+        this._recalcOnContainerChange({ prevSize: a, newSize: l10 });
+      }
     }
     assumeMaster() {
       this._sizesCache = this.syncService.sizesCache(this.igxForScrollOrientation), this.syncService.setMaster(this, true);
@@ -19376,7 +19386,7 @@ var Xt = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(Qe2), _(ee), _(ji), _(ae2), _(we2), _(_e2), _(gt2), _(ts), _(Do));
+      return new (i2 || t10)(_(Qe2), _(ee), _(ji), _(le2), _(we2), _(_e2), _(gt2), _(ts), _(Do));
     };
   })(), (() => {
     t10.\u0275dir = N({ type: t10, selectors: [["", "igxGridFor", "", "igxGridForOf", ""]], inputs: { igxGridForOf: "igxGridForOf", igxGridForOfUniqueSizeCache: "igxGridForOfUniqueSizeCache", igxGridForOfVariableSizes: "igxGridForOfVariableSizes" }, outputs: { dataChanging: "dataChanging" }, standalone: true, features: [Y, Ti] });
@@ -19955,7 +19965,7 @@ var is = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(Qe2), _(we2), _(ae2));
+      return new (i2 || t10)(_(Qe2), _(we2), _(le2));
     };
   })(), (() => {
     t10.\u0275dir = N({ type: t10, selectors: [["", "igxTemplateOutlet", ""]], inputs: { igxTemplateOutletContext: "igxTemplateOutletContext", igxTemplateOutlet: "igxTemplateOutlet" }, outputs: { viewCreated: "viewCreated", viewMoved: "viewMoved", cachedViewLoaded: "cachedViewLoaded", beforeViewDetach: "beforeViewDetach" }, standalone: true, features: [Ti] });
@@ -19977,7 +19987,7 @@ var Lt = (() => {
       return !this.collapsed;
     }
     constructor(e, i2, r5, s10) {
-      this.elementRef = e, this.cdr = i2, this.overlayService = r5, this.navigationService = s10, this.opened = new T(), this.opening = new T(), this.closed = new T(), this.closing = new T(), this.appended = new T(), this._collapsed = true, this.destroy$ = new pe2(), this._overlaySubFilter = [Ci((a) => a.id === this._overlayId), W(this.destroy$)], this.overlayClosed = (a) => {
+      this.elementRef = e, this.cdr = i2, this.overlayService = r5, this.navigationService = s10, this.opened = new T(), this.opening = new T(), this.closed = new T(), this.closing = new T(), this.appended = new T(), this._collapsed = true, this.destroy$ = new pe2(), this._overlaySubFilter = [gi((a) => a.id === this._overlayId), W(this.destroy$)], this.overlayClosed = (a) => {
         this._collapsed = true, this.cdr.detectChanges(), this.unsubscribe(), this.overlayService.detach(this.overlayId);
         let l10 = { owner: this, id: this._overlayId, event: a.event };
         delete this._overlayId, this.closed.emit(l10), this.cdr.markForCheck();
@@ -20042,7 +20052,7 @@ var Lt = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(B), _(ae2), _(ui), _(Da, 8));
+      return new (i2 || t10)(_(B), _(le2), _(ui), _(Da, 8));
     };
   })(), (() => {
     t10.\u0275dir = N({ type: t10, selectors: [["", "igxToggle", ""]], hostVars: 5, hostBindings: function(i2, r5) {
@@ -20143,7 +20153,7 @@ var no = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(B), _(ae2), _(ui), _(Da, 8));
+      return new (i2 || t10)(_(B), _(le2), _(ui), _(Da, 8));
     };
   })(), (() => {
     t10.\u0275dir = N({ type: t10, selectors: [["", "igxTooltip", ""]], hostVars: 6, hostBindings: function(i2, r5) {
@@ -20345,12 +20355,12 @@ var Ie2 = (() => {
       return a;
     }
     static getLocaleDateFormat(e, i2) {
-      let s10 = Object.keys(mi).find((l10) => l10.toLowerCase() === i2?.toLowerCase().replace("date", ""));
+      let s10 = Object.keys(fi).find((l10) => l10.toLowerCase() === i2?.toLowerCase().replace("date", ""));
       if (!s10)
         return i2;
       let a;
       try {
-        a = ld(e, mi[s10]);
+        a = ld(e, fi[s10]);
       } catch {
         t10.logMissingLocaleSettings(e), a = t10.getDefaultInputFormat(e);
       }
@@ -21089,26 +21099,26 @@ var ro = class extends sf {
     super(), this.operations = [{ name: "equals", isUnary: false, iconName: "equals", logic: (t10, n) => t10 === n }, { name: "doesNotEqual", isUnary: false, iconName: "not-equal", logic: (t10, n) => t10 !== n }, { name: "greaterThan", isUnary: false, iconName: "greater-than", logic: (t10, n) => t10 > n }, { name: "lessThan", isUnary: false, iconName: "less-than", logic: (t10, n) => t10 < n }, { name: "greaterThanOrEqualTo", isUnary: false, iconName: "greater-than-or-equal", logic: (t10, n) => t10 >= n }, { name: "lessThanOrEqualTo", isUnary: false, iconName: "less-than-or-equal", logic: (t10, n) => t10 <= n }, { name: "empty", isUnary: true, iconName: "is-empty", logic: (t10) => t10 == null || isNaN(t10) }, { name: "notEmpty", isUnary: true, iconName: "not-empty", logic: (t10) => t10 != null && !isNaN(t10) }].concat(this.operations);
   }
 };
-var fi = class extends sf {
+var xi = class extends sf {
   constructor() {
     super(), this.operations = [{ name: "contains", isUnary: false, iconName: "contains", logic: (t10, n, e) => {
-      let i2 = fi.applyIgnoreCase(n, e);
-      return t10 = fi.applyIgnoreCase(t10, e), t10.indexOf(i2) !== -1;
+      let i2 = xi.applyIgnoreCase(n, e);
+      return t10 = xi.applyIgnoreCase(t10, e), t10.indexOf(i2) !== -1;
     } }, { name: "doesNotContain", isUnary: false, iconName: "does-not-contain", logic: (t10, n, e) => {
-      let i2 = fi.applyIgnoreCase(n, e);
-      return t10 = fi.applyIgnoreCase(t10, e), t10.indexOf(i2) === -1;
+      let i2 = xi.applyIgnoreCase(n, e);
+      return t10 = xi.applyIgnoreCase(t10, e), t10.indexOf(i2) === -1;
     } }, { name: "startsWith", isUnary: false, iconName: "starts-with", logic: (t10, n, e) => {
-      let i2 = fi.applyIgnoreCase(n, e);
-      return t10 = fi.applyIgnoreCase(t10, e), t10.startsWith(i2);
+      let i2 = xi.applyIgnoreCase(n, e);
+      return t10 = xi.applyIgnoreCase(t10, e), t10.startsWith(i2);
     } }, { name: "endsWith", isUnary: false, iconName: "ends-with", logic: (t10, n, e) => {
-      let i2 = fi.applyIgnoreCase(n, e);
-      return t10 = fi.applyIgnoreCase(t10, e), t10.endsWith(i2);
+      let i2 = xi.applyIgnoreCase(n, e);
+      return t10 = xi.applyIgnoreCase(t10, e), t10.endsWith(i2);
     } }, { name: "equals", isUnary: false, iconName: "equals", logic: (t10, n, e) => {
-      let i2 = fi.applyIgnoreCase(n, e);
-      return t10 = fi.applyIgnoreCase(t10, e), t10 === i2;
+      let i2 = xi.applyIgnoreCase(n, e);
+      return t10 = xi.applyIgnoreCase(t10, e), t10 === i2;
     } }, { name: "doesNotEqual", isUnary: false, iconName: "not-equal", logic: (t10, n, e) => {
-      let i2 = fi.applyIgnoreCase(n, e);
-      return t10 = fi.applyIgnoreCase(t10, e), t10 !== i2;
+      let i2 = xi.applyIgnoreCase(n, e);
+      return t10 = xi.applyIgnoreCase(t10, e), t10 !== i2;
     } }, { name: "empty", isUnary: true, iconName: "is-empty", logic: (t10) => t10 == null || t10.length === 0 }, { name: "notEmpty", isUnary: true, iconName: "not-empty", logic: (t10) => t10 != null && t10.length > 0 }].concat(this.operations);
   }
   static applyIgnoreCase(t10, n) {
@@ -21215,7 +21225,7 @@ var Oh = (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-drop-down-item-group"]], hostVars: 7, hostBindings: function(i2, r5) {
       i2 & 2 && (H("aria-labelledby", r5.labelledBy)("role", r5.role)("aria-disabled", r5.disabled), J("igx-drop-down__group", r5.groupClass)("igx-drop-down__group--disabled", r5.disabled));
     }, inputs: { disabled: "disabled", label: "label" }, standalone: true, features: [$5], ngContentSelectors: E$, decls: 3, vars: 2, consts: [[3, "id"]], template: function(i2, r5) {
-      i2 & 1 && (Se(b$), f(0, "label", 0), C(1), x5(), le2(2)), i2 & 2 && (ku("id", r5.labelId), d(1), Q(r5.label));
+      i2 & 1 && (Se(b$), f(0, "label", 0), C(1), x5(), se(2)), i2 & 2 && (ku("id", r5.labelId), d(1), Q(r5.label));
     }, encapsulation: 2 });
   })(), o;
 })();
@@ -21369,13 +21379,13 @@ var jn = (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-drop-down-item"]], hostVars: 1, hostBindings: function(i2, r5) {
       i2 & 2 && H("tabindex", r5.setTabIndex);
     }, standalone: true, features: [Y, $5], ngContentSelectors: A$, decls: 6, vars: 0, consts: [[1, "igx-drop-down__content"], [1, "igx-drop-down__inner"]], template: function(i2, r5) {
-      i2 & 1 && (Se(M$), f(0, "span", 0), le2(1), f(2, "span", 1), le2(3, 1), x5(), le2(4, 2), le2(5, 3), x5());
+      i2 & 1 && (Se(M$), f(0, "span", 0), se(1), f(2, "span", 1), se(3, 1), x5(), se(4, 2), se(5, 3), x5());
     }, encapsulation: 2 });
   })(), o;
 })();
 var k$ = ["scrollContainer"];
 function F$(o, t10) {
-  o & 1 && (z(0), le2(1), j3());
+  o & 1 && (z(0), se(1), j3());
 }
 var V$ = ["*"];
 var $n = (() => {
@@ -21538,7 +21548,7 @@ var $n = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(B), _(ae2), _(Ha), _(dt2, 8));
+      return new (i2 || t10)(_(B), _(le2), _(Ha), _(dt2, 8));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-drop-down"]], contentQueries: function(i2, r5, s10) {
@@ -21563,7 +21573,7 @@ var $n = (() => {
       })("closed", function() {
         return r5.onToggleClosed();
       }), f(1, "div", 1, 2), m5(3, F$, 2, 0, "ng-container", 3), x5()()), i2 & 2 && (U("width", r5.width), d(1), U("height", r5.height)("max-height", r5.maxHeight), H("id", r5.listId)("aria-labelledby", r5.labelledBy), d(2), u5("ngIf", !r5.collapsed));
-    }, dependencies: [Lt, se], encapsulation: 2 });
+    }, dependencies: [Lt, ae2], encapsulation: 2 });
   })(), o;
 })();
 var N$ = ["container"];
@@ -21649,7 +21659,7 @@ var La = (() => {
       }
     }, inputs: { asMenuItem: "asMenuItem", iconName: "iconName", classNames: "classNames", iconSet: "iconSet", labelText: "labelText" }, outputs: { actionClick: "actionClick" }, standalone: true, features: [$5], decls: 3, vars: 1, consts: [[4, "ngIf"], ["menuItemTemplate", ""], ["igxButton", "icon", "igxRipple", "", 3, "title", "click", "mousedown"], [3, "family", "name", 4, "ngIf"], [3, "family", "name"], [3, "className"], ["container", ""], ["igxLabel", ""]], template: function(i2, r5) {
       i2 & 1 && (m5(0, G$, 4, 3, "ng-container", 0), m5(1, U$, 1, 1, "ng-template", null, 1, V)), i2 & 2 && u5("ngIf", !r5.asMenuItem);
-    }, dependencies: [se, Xe, qt, he], encapsulation: 2 });
+    }, dependencies: [ae2, Xe, qt, he], encapsulation: 2 });
   })(), o;
 })();
 var Q$ = ["checkbox"];
@@ -21745,7 +21755,7 @@ var Ut = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(ae2), _(xt), _(dr, 10));
+      return new (i2 || t10)(_(le2), _(xt), _(dr, 10));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-checkbox"]], viewQuery: function(i2, r5) {
@@ -21766,7 +21776,7 @@ var Ut = (() => {
         return r5._onCheckboxChange(a);
       })("blur", function() {
         return r5.onBlur();
-      }), x5(), f(2, "div", 2)(3, "span", 3, 4), nd(), f(5, "svg", 5), k5(6, "path", 6), x5()(), c1(), k5(7, "div", 7), x5(), f(8, "span", 8, 9), le2(10), x5()), i2 & 2 && (u5("id", r5.inputId)("name", r5.name)("value", r5.value)("tabindex", r5.tabindex)("disabled", r5.disabled)("indeterminate", r5.indeterminate)("checked", r5.checked)("required", r5.required), H("aria-required", r5.required)("aria-invalid", r5.invalid)("aria-checked", r5.ariaChecked)("aria-labelledby", r5.ariaLabel ? null : r5.ariaLabelledBy)("aria-label", r5.ariaLabel), d(2), u5("igxRippleDisabled", r5.disableRipple)("igxRippleCentered", true)("igxRippleDuration", 300), d(6), si(r5.labelClass), u5("id", r5.labelId));
+      }), x5(), f(2, "div", 2)(3, "span", 3, 4), nd(), f(5, "svg", 5), k5(6, "path", 6), x5()(), c1(), k5(7, "div", 7), x5(), f(8, "span", 8, 9), se(10), x5()), i2 & 2 && (u5("id", r5.inputId)("name", r5.name)("value", r5.value)("tabindex", r5.tabindex)("disabled", r5.disabled)("indeterminate", r5.indeterminate)("checked", r5.checked)("required", r5.required), H("aria-required", r5.required)("aria-invalid", r5.invalid)("aria-checked", r5.ariaChecked)("aria-labelledby", r5.ariaLabel ? null : r5.ariaLabelledBy)("aria-label", r5.ariaLabel), d(2), u5("igxRippleDisabled", r5.disableRipple)("igxRippleCentered", true)("igxRippleDuration", 300), d(6), si(r5.labelClass), u5("id", r5.labelId));
     }, dependencies: [qt], encapsulation: 2 });
   })(), o;
 })();
@@ -21858,15 +21868,17 @@ var GS = class {
   updateCell(t10, n) {
     if (!this.cell)
       return;
-    let e = this.grid.validation.getFormControl(this.cell.id.rowID, this.cell.column.field);
-    this.grid.validationTrigger === "blur" && this.cell.pendingValue !== void 0 && (e.setValue(this.cell.pendingValue), e.markAsTouched()), this.grid.validationTrigger === "blur" && this.grid.tbody.nativeElement.focus({ preventScroll: true });
-    let i2;
+    let r5 = this.grid.gridAPI.get_cell_by_index(this.cell.id.rowIndex, this.cell.column.field).nativeElement.getRootNode().activeElement;
+    r5.blur();
+    let s10 = this.grid.validation.getFormControl(this.cell.id.rowID, this.cell.column.field);
+    this.grid.validationTrigger === "blur" && this.cell.pendingValue !== void 0 && (s10.setValue(this.cell.pendingValue), s10.markAsTouched()), this.grid.validationTrigger === "blur" && this.grid.tbody.nativeElement.focus({ preventScroll: true });
+    let a;
     if (this.cell.column.dataType === "date" && !Mn(this.cell.value) && Sl(Ie2.parseIsoDate(this.cell.value), this.cell.editValue))
-      return i2 = this.exitCellEdit(n), i2;
+      return a = this.exitCellEdit(n), a;
     if (Sl(this.cell.value, this.cell.editValue))
-      return i2 = this.exitCellEdit(n), i2;
-    let r5 = this.cellEdit(n);
-    return r5.cancel ? r5 : (this.grid.gridAPI.update_cell(this.cell), i2 = this.cellEditDone(n, false), t10 && (i2 = this.exitCellEdit(n)), u(u({}, r5), i2));
+      return a = this.exitCellEdit(n), a;
+    let l10 = this.cellEdit(n);
+    return l10.cancel ? (r5.focus(), l10) : (this.grid.gridAPI.update_cell(this.cell), a = this.cellEditDone(n, false), t10 && (a = this.exitCellEdit(n)), u(u({}, l10), a));
   }
   cellEditDone(t10, n) {
     let e = this.cell.castToNumber(this.cell.editValue), i2 = this.cell.createDoneEditEventArgs(e, t10);
@@ -23005,7 +23017,7 @@ var oi = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(Me2), _(Zt2), _(B), _(ae2));
+      return new (i2 || t10)(_(Me2), _(Zt2), _(B), _(le2));
     };
   })(), (() => {
     t10.\u0275dir = N({ type: t10, selectors: [["", "igxRowBaseComponent", ""]], viewQuery: function(i2, r5) {
@@ -23163,7 +23175,7 @@ var Cn = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(Qe2), _(xt), _(dt2, 8), _(ae2));
+      return new (i2 || t10)(_(Qe2), _(xt), _(dt2, 8), _(le2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-action-strip"]], contentQueries: function(i2, r5, s10) {
@@ -23179,8 +23191,8 @@ var Cn = (() => {
     }, hostVars: 4, hostBindings: function(i2, r5) {
       i2 & 2 && (si(r5.hostClasses), U("display", r5.display));
     }, inputs: { context: "context", hidden: "hidden", resourceStrings: "resourceStrings" }, standalone: true, features: [Y, $5], ngContentSelectors: aU, decls: 6, vars: 3, consts: [[1, "igx-action-strip__actions"], [4, "ngIf"], [3, "displayDensity"], ["dropdown", ""], ["class", "igx-action-strip__menu-item", 4, "ngFor", "ngForOf"], ["igxButton", "icon", "igxRipple", "", 3, "igxToggleAction", "overlaySettings", "title", "igxDropDownItemNavigation", "click"], [1, "igx-action-strip__menu-item"], [1, "igx-drop-down__item-template"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function(i2, r5) {
-      i2 & 1 && (Se(), f(0, "div", 0), le2(1, 0, ["#content", ""]), m5(2, nU, 4, 4, "ng-container", 1), f(3, "igx-drop-down", 2, 3), m5(5, sU, 3, 4, "igx-drop-down-item", 4), x5()()), i2 & 2 && (d(2), u5("ngIf", r5.menuItems.length > 0), d(1), u5("displayDensity", r5.displayDensity), d(2), u5("ngForOf", r5.menuItems));
-    }, dependencies: [se, He2, Re2, Xe, qt, rf, Yn, he, $n, jn], encapsulation: 2 });
+      i2 & 1 && (Se(), f(0, "div", 0), se(1, 0, ["#content", ""]), m5(2, nU, 4, 4, "ng-container", 1), f(3, "igx-drop-down", 2, 3), m5(5, sU, 3, 4, "igx-drop-down-item", 4), x5()()), i2 & 2 && (d(2), u5("ngIf", r5.menuItems.length > 0), d(1), u5("displayDensity", r5.displayDensity), d(2), u5("ngForOf", r5.menuItems));
+    }, dependencies: [ae2, He2, Re2, Xe, qt, rf, Yn, he, $n, jn], encapsulation: 2 });
   })(), o;
 })();
 var cU = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="add-child-title add-child-desc"><title id="add-child-title">Add Item Icon</title><desc id="add-child-desc">A picture showing an item with a plus sign being added to container.</desc><path d="M22 12H7c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h15c1.1 0 2-.9 2-2v-6c0-1.1-.9-2-2-2zm-8 6h-2v2h-2v-2H8v-2h2v-2h2v2h2v2zm7-14c.6 0 1 .4 1 1v2c0 .6-.4 1-1 1H3c-.6 0-1-.4-1-1V5c0-.6.4-1 1-1h19m0-2H2C.9 2 0 2.9 0 4v4c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z"/></svg>';
@@ -24092,7 +24104,7 @@ var Oc = (() => {
       i2 & 2 && J("igx-action-strip__editing-actions", r5.cssClass);
     }, inputs: { addRow: "addRow", editRow: "editRow", deleteRow: "deleteRow", addChild: "addChild" }, standalone: true, features: [fe([{ provide: mr, useExisting: t10 }]), Y, $5], decls: 1, vars: 1, consts: [[4, "ngIf"], ["iconName", "edit", 3, "asMenuItem", "labelText", "actionClick", 4, "ngIf"], ["iconName", "add-row", "iconSet", "imx-icons", 3, "asMenuItem", "labelText", "actionClick", 4, "ngIf"], ["iconName", "add-child", "iconSet", "imx-icons", 3, "asMenuItem", "labelText", "actionClick", 4, "ngIf"], ["class", "igx-action-strip__delete", "classNames", "igx-action-strip__menu-item--danger", "iconName", "delete", 3, "asMenuItem", "labelText", "actionClick", 4, "ngIf"], ["iconName", "edit", 3, "asMenuItem", "labelText", "actionClick"], ["iconName", "add-row", "iconSet", "imx-icons", 3, "asMenuItem", "labelText", "actionClick"], ["iconName", "add-child", "iconSet", "imx-icons", 3, "asMenuItem", "labelText", "actionClick"], ["classNames", "igx-action-strip__menu-item--danger", "iconName", "delete", 1, "igx-action-strip__delete", 3, "asMenuItem", "labelText", "actionClick"]], template: function(i2, r5) {
       i2 & 1 && m5(0, foe, 5, 4, "ng-container", 0), i2 & 2 && u5("ngIf", r5.isRowContext);
-    }, dependencies: [se, La], encapsulation: 2 });
+    }, dependencies: [ae2, La], encapsulation: 2 });
   })(), o;
 })();
 function _oe(o, t10) {
@@ -24213,7 +24225,7 @@ var Nc = (() => {
       i2 & 2 && J("igx-action-strip__pinning-actions", r5.cssClass);
     }, standalone: true, features: [fe([{ provide: mr, useExisting: t10 }]), Y, $5], decls: 1, vars: 1, consts: [[4, "ngIf"], ["iconSet", "imx-icons", "iconName", "jump-down", 3, "asMenuItem", "labelText", "actionClick", 4, "ngIf"], ["iconSet", "imx-icons", "iconName", "jump-up", 3, "asMenuItem", "labelText", "actionClick", 4, "ngIf"], ["iconSet", "imx-icons", "iconName", "pin-left", 3, "asMenuItem", "labelText", "actionClick", 4, "ngIf"], ["iconSet", "imx-icons", "iconName", "unpin-left", 3, "asMenuItem", "labelText", "actionClick", 4, "ngIf"], ["iconSet", "imx-icons", "iconName", "jump-down", 3, "asMenuItem", "labelText", "actionClick"], ["iconSet", "imx-icons", "iconName", "jump-up", 3, "asMenuItem", "labelText", "actionClick"], ["iconSet", "imx-icons", "iconName", "pin-left", 3, "asMenuItem", "labelText", "actionClick"], ["iconSet", "imx-icons", "iconName", "unpin-left", 3, "asMenuItem", "labelText", "actionClick"]], template: function(i2, r5) {
       i2 & 1 && m5(0, woe, 5, 4, "ng-container", 0), i2 & 2 && u5("ngIf", r5.isRowContext);
-    }, dependencies: [se, La], encapsulation: 2 });
+    }, dependencies: [ae2, La], encapsulation: 2 });
   })(), o;
 })();
 var Soe = [Cn, Nh];
@@ -24254,13 +24266,13 @@ var ns = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(Hh), _(B), _(ae2));
+      return new (i2 || t10)(_(Hh), _(B), _(le2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-expansion-panel-body"]], hostVars: 5, hostBindings: function(i2, r5) {
       i2 & 2 && (H("role", r5.role)("aria-label", r5.label)("aria-labelledby", r5.labelledBy), J("igx-expansion-panel__body", r5.cssClass));
     }, inputs: { role: "role", label: "label", labelledBy: "labelledBy" }, standalone: true, features: [$5], ngContentSelectors: Doe, decls: 1, vars: 0, template: function(i2, r5) {
-      i2 & 1 && (Se(), le2(0));
+      i2 & 1 && (Se(), se(0));
     }, encapsulation: 2 });
   })(), o;
 })();
@@ -24320,7 +24332,7 @@ var kl = (() => {
   })(), o;
 })();
 function boe(o, t10) {
-  o & 1 && le2(0, 3, ["*ngIf", "iconTemplate"]);
+  o & 1 && se(0, 3, ["*ngIf", "iconTemplate"]);
 }
 function Eoe(o, t10) {
   if (o & 1 && (f(0, "igx-icon"), C(1), x5()), o & 2) {
@@ -24400,7 +24412,7 @@ var $s = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(Hh, 1), _(ae2), _(B));
+      return new (i2 || t10)(_(Hh, 1), _(le2), _(B));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-expansion-panel-header"]], contentQueries: function(i2, r5, s10) {
@@ -24428,8 +24440,8 @@ var $s = (() => {
         return r5.closePanel(a);
       }), i2 & 2 && (H("aria-level", r5.lv)("role", r5.role), J("igx-expansion-panel__header", r5.cssClass)("igx-expansion-panel__header--expanded", r5.isExpanded)("igx-expansion-panel--disabled", r5.disabled));
     }, inputs: { lv: "lv", role: "role", iconPosition: "iconPosition", disabled: "disabled" }, outputs: { interaction: "interaction" }, standalone: true, features: [$5], ngContentSelectors: Roe, decls: 8, vars: 9, consts: [["role", "button", 1, "igx-expansion-panel__header-inner"], [1, "igx-expansion-panel__title-wrapper"], [4, "ngIf"]], template: function(i2, r5) {
-      i2 & 1 && (Se(Toe), f(0, "div", 0)(1, "div", 1), le2(2), le2(3, 1), x5(), le2(4, 2), f(5, "div"), m5(6, boe, 1, 0, "ng-content", 2), m5(7, Eoe, 2, 1, "igx-icon", 2), x5()()), i2 & 2 && (H("tabindex", r5.tabIndex)("id", r5.id)("aria-disabled", r5.disabled)("aria-expanded", r5.isExpanded)("aria-controls", r5.controls), d(5), si(r5.iconPositionClass), d(1), u5("ngIf", r5.iconTemplate), d(1), u5("ngIf", !r5.iconTemplate));
-    }, dependencies: [se, he], encapsulation: 2 });
+      i2 & 1 && (Se(Toe), f(0, "div", 0)(1, "div", 1), se(2), se(3, 1), x5(), se(4, 2), f(5, "div"), m5(6, boe, 1, 0, "ng-content", 2), m5(7, Eoe, 2, 1, "igx-icon", 2), x5()()), i2 & 2 && (H("tabindex", r5.tabIndex)("id", r5.id)("aria-disabled", r5.disabled)("aria-expanded", r5.isExpanded)("aria-controls", r5.controls), d(5), si(r5.iconPositionClass), d(1), u5("ngIf", r5.iconTemplate), d(1), u5("ngIf", !r5.iconTemplate));
+    }, dependencies: [ae2, he], encapsulation: 2 });
   })(), o;
 })();
 var Ki = (() => (Ki = Ki || {}, Ki.OPEN = "open", Ki.CLOSE = "close", Ki))();
@@ -24513,7 +24525,7 @@ var df = (() => {
   })(), o;
 })();
 function Moe(o, t10) {
-  o & 1 && le2(0, 1, ["*ngIf", "!collapsed"]);
+  o & 1 && se(0, 1, ["*ngIf", "!collapsed"]);
 }
 var Aoe = [[["igx-expansion-panel-header"]], [["igx-expansion-panel-body"]]];
 var Poe = ["igx-expansion-panel-header", "igx-expansion-panel-body"];
@@ -24571,7 +24583,7 @@ var Us = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(eo), _(ae2), _(B));
+      return new (i2 || t10)(_(eo), _(le2), _(B));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-expansion-panel"]], contentQueries: function(i2, r5, s10) {
@@ -24582,8 +24594,8 @@ var Us = (() => {
     }, hostVars: 6, hostBindings: function(i2, r5) {
       i2 & 2 && (H("id", r5.id)("aria-expanded", r5.panelExpanded), J("igx-expansion-panel", r5.cssClass)("igx-expansion-panel--expanded", r5.opened));
     }, inputs: { animationSettings: "animationSettings", id: "id", collapsed: "collapsed" }, outputs: { collapsedChange: "collapsedChange", contentCollapsing: "contentCollapsing", contentCollapsed: "contentCollapsed", contentExpanding: "contentExpanding", contentExpanded: "contentExpanded" }, standalone: true, features: [fe([{ provide: Hh, useExisting: t10 }]), Y, $5], ngContentSelectors: Poe, decls: 2, vars: 1, consts: [[4, "ngIf"]], template: function(i2, r5) {
-      i2 & 1 && (Se(Aoe), le2(0), m5(1, Moe, 1, 0, "ng-content", 0)), i2 & 2 && (d(1), u5("ngIf", !r5.collapsed));
-    }, dependencies: [se], encapsulation: 2 });
+      i2 & 1 && (Se(Aoe), se(0), m5(1, Moe, 1, 0, "ng-content", 0)), i2 & 2 && (d(1), u5("ngIf", !r5.collapsed));
+    }, dependencies: [ae2], encapsulation: 2 });
   })(), o;
 })();
 var X7 = [Us, $s, ns, Qu, Hc, kl];
@@ -24722,7 +24734,7 @@ var Bh = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(ae2));
+      return new (i2 || t10)(_(le2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-accordion"]], contentQueries: function(i2, r5, s10) {
@@ -24733,7 +24745,7 @@ var Bh = (() => {
     }, hostVars: 5, hostBindings: function(i2, r5) {
       i2 & 2 && (H("id", r5.id), U("display", r5.displayStyle), J("igx-accordion", r5.cssClass));
     }, inputs: { id: "id", animationSettings: "animationSettings", singleBranchExpand: "singleBranchExpand" }, outputs: { panelExpanding: "panelExpanding", panelExpanded: "panelExpanded", panelCollapsing: "panelCollapsing", panelCollapsed: "panelCollapsed" }, standalone: true, features: [$5], ngContentSelectors: Voe, decls: 1, vars: 0, template: function(i2, r5) {
-      i2 & 1 && (Se(Foe), le2(0));
+      i2 & 1 && (Se(Foe), se(0));
     }, encapsulation: 2 });
   })(), o;
 })();
@@ -24787,7 +24799,7 @@ var qu = (() => {
       i2 & 2 && (H("id", r5.id)("role", r5.role)("aria-label", r5.label)("aria-roledescription", r5.roleDescription), J("igx-badge", r5.cssClass)("igx-badge--square", r5._squareShape)("igx-badge--info", r5.infoClass)("igx-badge--success", r5.successClass)("igx-badge--warning", r5.warningClass)("igx-badge--error", r5.errorClass));
     }, inputs: { id: "id", type: "type", value: "value", icon: "icon", shape: "shape" }, standalone: true, features: [$5], decls: 2, vars: 2, consts: [["class", "igx-badge__value", 4, "ngIf"], [4, "ngIf"], [1, "igx-badge__value"]], template: function(i2, r5) {
       i2 & 1 && (m5(0, Hoe, 2, 1, "span", 0), m5(1, Loe, 2, 1, "igx-icon", 1)), i2 & 2 && (u5("ngIf", !r5.icon), d(1), u5("ngIf", r5.icon));
-    }, dependencies: [se, he], encapsulation: 2 });
+    }, dependencies: [ae2, he], encapsulation: 2 });
   })(), o;
 })();
 function joe(o, t10) {
@@ -24890,7 +24902,7 @@ var lo = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(ae2), _(xt), _(dt2, 8));
+      return new (i2 || t10)(_(le2), _(xt), _(dt2, 8));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-buttongroup"]], contentQueries: function(i2, r5, s10) {
@@ -24906,8 +24918,8 @@ var lo = (() => {
     }, hostVars: 3, hostBindings: function(i2, r5) {
       i2 & 2 && (H("id", r5.id), U("z-index", r5.zIndex));
     }, inputs: { id: "id", itemContentCssClass: "itemContentCssClass", multiSelection: "multiSelection", values: "values", disabled: "disabled", alignment: "alignment" }, outputs: { selected: "selected", deselected: "deselected" }, standalone: true, features: [Y, $5], ngContentSelectors: Woe, decls: 3, vars: 3, consts: [["role", "group", 1, "igx-button-group"], ["type", "button", "igxButton", "flat", 3, "displayDensity", "selected", "disabled", "igxButtonColor", "igxButtonBackground", "igxLabel", "igxRipple", 4, "ngFor", "ngForOf"], ["type", "button", "igxButton", "flat", 3, "displayDensity", "selected", "disabled", "igxButtonColor", "igxButtonBackground", "igxLabel", "igxRipple"], [4, "ngIf"], ["class", "igx-button-group__button-text", 4, "ngIf"], [1, "igx-button-group__button-text"]], template: function(i2, r5) {
-      i2 & 1 && (Se(), f(0, "div", 0), m5(1, Uoe, 4, 13, "button", 1), le2(2), x5()), i2 & 2 && (J("igx-button-group--vertical", r5.isVertical), d(1), u5("ngForOf", r5.values));
-    }, dependencies: [He2, Xe, qt, se, he], encapsulation: 2 });
+      i2 & 1 && (Se(), f(0, "div", 0), m5(1, Uoe, 4, 13, "button", 1), se(2), x5()), i2 & 2 && (J("igx-button-group--vertical", r5.isVertical), d(1), u5("ngForOf", r5.values));
+    }, dependencies: [He2, Xe, qt, ae2, he], encapsulation: 2 });
   })(), o;
 })();
 var Ku = (() => {
@@ -25048,7 +25060,7 @@ var J7 = (() => {
     }, inputs: { startScroll: "startScroll", stopScroll: "stopScroll" }, standalone: true });
   })(), o;
 })();
-var xi = (() => (xi = xi || {}, xi[xi.After = 0] = "After", xi[xi.Before = 1] = "Before", xi[xi.Between = 2] = "Between", xi[xi.Specific = 3] = "Specific", xi[xi.Weekdays = 4] = "Weekdays", xi[xi.Weekends = 5] = "Weekends", xi))();
+var _i = (() => (_i = _i || {}, _i[_i.After = 0] = "After", _i[_i.Before = 1] = "Before", _i[_i.Between = 2] = "Between", _i[_i.Specific = 3] = "Specific", _i[_i.Weekdays = 4] = "Weekdays", _i[_i.Weekends = 5] = "Weekends", _i))();
 var Zi = je2({ SINGLE: "single", MULTI: "multi", RANGE: "range" });
 var Gt = (() => (Gt = Gt || {}, Gt.PREV = "prev", Gt.NEXT = "next", Gt.NONE = "none", Gt))();
 var $a = je2({ Month: "month", Year: "year", Decade: "decade" });
@@ -25077,30 +25089,30 @@ var Vl = (o, t10) => {
   for (let e of t10) {
     let i2 = e.dateRange ? e.dateRange.map((r5) => new Date(r5.getFullYear(), r5.getMonth(), r5.getDate())) : void 0;
     switch (e.type) {
-      case xi.After:
+      case _i.After:
         if (n > i2[0].getTime())
           return true;
         break;
-      case xi.Before:
+      case _i.Before:
         if (n < i2[0].getTime())
           return true;
         break;
-      case xi.Between:
+      case _i.Between:
         let r5 = i2.map((g) => g.getTime()), s10 = Math.min(r5[0], r5[1]), a = Math.max(r5[0], r5[1]);
         if (n >= s10 && n <= a)
           return true;
         break;
-      case xi.Specific:
+      case _i.Specific:
         let l10 = i2.map((g) => g.getTime());
         for (let g of l10)
           if (n === g)
             return true;
         break;
-      case xi.Weekdays:
+      case _i.Weekdays:
         if (o.getDay() % 6 !== 0)
           return true;
         break;
-      case xi.Weekends:
+      case _i.Weekends:
         if (o.getDay() % 6 === 0)
           return true;
         break;
@@ -25754,7 +25766,7 @@ var Jn = class {
     this._hammerManagers = [];
   }
 };
-var _i = Jn;
+var vi = Jn;
 (() => {
   Jn.Hammer = typeof window < "u" ? window.Hammer : null;
 })(), (() => {
@@ -25781,7 +25793,7 @@ function ose(o, t10) {
 var sse = (() => {
   let t10 = class extends _5 {
     constructor() {
-      super(...arguments), this.overrides = { pan: { direction: _i.Hammer?.DIRECTION_VERTICAL, threshold: 1 } };
+      super(...arguments), this.overrides = { pan: { direction: vi.Hammer?.DIRECTION_VERTICAL, threshold: 1 } };
     }
   }, o = t10;
   return (() => {
@@ -25973,7 +25985,7 @@ var uv = (() => {
         return r5.onSelect(a);
       }), i2 & 2 && J("igx-calendar__date--last", r5.isLastInRange)("igx-calendar__date--first", r5.isFirstInRange)("igx-calendar__date--selected", r5.isSelectedCSS)("igx-calendar__date--inactive", r5.isInactive)("igx-calendar__date--hidden", r5.isHidden)("igx-calendar__date--current", r5.isToday)("igx-calendar__date--weekend", r5.isWeekend)("igx-calendar__date--range", r5.isWithinRangeCSS)("igx-calendar__date--special", r5.isSpecial)("igx-calendar__date--disabled", r5.isDisabledCSS)("igx-calendar__date--single", r5.isSingleSelection);
     }, inputs: { date: "date", selection: "selection", selected: "selected", disabledDates: "disabledDates", outOfRangeDates: "outOfRangeDates", specialDates: "specialDates", hideOutsideDays: "hideOutsideDays", isLastInRange: "isLastInRange", isFirstInRange: "isFirstInRange", isWithinRange: "isWithinRange" }, outputs: { dateSelection: "dateSelection" }, standalone: true, features: [$5], ngContentSelectors: lse, decls: 2, vars: 0, consts: [["aria-hidden", "true", 1, "igx-calendar__date-content"]], template: function(i2, r5) {
-      i2 & 1 && (Se(), f(0, "span", 0), le2(1), x5());
+      i2 & 1 && (Se(), f(0, "span", 0), se(1), x5());
     }, encapsulation: 2 });
   })(), o;
 })();
@@ -26201,7 +26213,7 @@ var Od = (() => {
       return this.isSingleSelection || !this.value ? false : Sl(this.value[0], e.date);
     }
     isWithinRange(e, i2, r5, s10) {
-      return i2 && !(Array.isArray(this.value) && this.value.length > 1) ? false : (r5 = r5 || this.value[0], s10 = s10 || this.value[this.value.length - 1], Vl(e, [{ type: xi.Between, dateRange: [r5, s10] }]));
+      return i2 && !(Array.isArray(this.value) && this.value.length > 1) ? false : (r5 = r5 || this.value[0], s10 = s10 || this.value[this.value.length - 1], Vl(e, [{ type: _i.Between, dateRange: [r5, s10] }]));
     }
     focusActiveDate() {
       let e = this.dates.find((i2) => i2.selected);
@@ -26220,7 +26232,7 @@ var Od = (() => {
       let e = [];
       this.dates.toArray().forEach((i2) => {
         i2.isCurrentMonth || e.push(i2.date.date);
-      }), this.outOfRangeDates = [{ type: xi.Specific, dateRange: e }];
+      }), this.outOfRangeDates = [{ type: _i.Specific, dateRange: e }];
     }
     getLastMonthView() {
       let e = this;
@@ -26270,7 +26282,7 @@ var Od = (() => {
       }), i2 & 2 && (H("id", r5.id), J("igx-calendar", r5.styleClass));
     }, inputs: { id: "id", changeDaysView: "changeDaysView", showWeekNumbers: "showWeekNumbers", activeDate: "activeDate" }, outputs: { dateSelection: "dateSelection", viewChanging: "viewChanging", activeDateChange: "activeDateChange", monthsViewBlur: "monthsViewBlur" }, standalone: true, features: [fe([{ multi: true, provide: qi, useExisting: t10 }, { provide: gf, useClass: gf }]), Y, $5], decls: 4, vars: 4, consts: [["role", "row", 1, "igx-calendar__body-row"], ["role", "columnheader", "class", "igx-calendar__label igx-calendar__label--week-number", 4, "ngIf"], ["role", "columnheader", "class", "igx-calendar__label", 4, "ngFor", "ngForOf"], ["class", "igx-calendar__body-row", "role", "row", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["role", "columnheader", 1, "igx-calendar__label", "igx-calendar__label--week-number"], ["role", "columnheader", 1, "igx-calendar__label"], ["class", "igx-calendar__date igx-calendar__date--week-number", 4, "ngIf"], ["class", "igx-calendar__date", "role", "gridcell", 3, "date", "selection", "selected", "isLastInRange", "isFirstInRange", "isWithinRange", "disabledDates", "specialDates", "outOfRangeDates", "hideOutsideDays", "focus", "dateSelection", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "igx-calendar__date", "igx-calendar__date--week-number"], ["role", "rowheader", 1, "igx-calendar__date-content", "igx-calendar__date-content--week-number"], ["role", "gridcell", 1, "igx-calendar__date", 3, "date", "selection", "selected", "isLastInRange", "isFirstInRange", "isWithinRange", "disabledDates", "specialDates", "outOfRangeDates", "hideOutsideDays", "focus", "dateSelection"]], template: function(i2, r5) {
       i2 & 1 && (f(0, "div", 0), m5(1, use, 3, 0, "div", 1), m5(2, pse, 3, 4, "span", 2), x5(), m5(3, mse, 3, 3, "div", 3)), i2 & 2 && (d(1), u5("ngIf", r5.showWeekNumbers), d(1), u5("ngForOf", r5.generateWeekHeader()), d(1), u5("ngForOf", r5.getCalendarMonth)("ngForTrackBy", r5.rowTracker));
-    }, dependencies: [se, He2, uv, z1], encapsulation: 2 });
+    }, dependencies: [ae2, He2, uv, z1], encapsulation: 2 });
   })(), o;
 })();
 var eR = (() => {
@@ -26745,7 +26757,7 @@ var Gh = (() => {
       }, false, w1), i2 & 2 && (H("id", r5.id), J("igx-calendar--vertical", r5.styleVerticalClass)("igx-calendar", r5.styleClass));
     }, inputs: { id: "id", hasHeader: "hasHeader", vertical: "vertical", monthsViewNumber: "monthsViewNumber", showWeekNumbers: "showWeekNumbers", animationAction: "animationAction" }, standalone: true, features: [fe([{ multi: true, provide: qi, useExisting: t10 }]), Y, $5], decls: 8, vars: 4, consts: [["defaultHeader", ""], ["defaultMonth", ""], ["aria-labelledby", "igx-aria-calendar-title-month igx-aria-calendar-title-year", "class", "igx-calendar__header", 4, "ngIf"], ["class", "igx-calendar__body", 3, "swiperight", "swipeleft", "pointerdown", 4, "ngIf"], [3, "date", "locale", "formatView", "monthFormat", "selected", 4, "ngIf"], [3, "date", "locale", "formatView", "yearFormat", "selected", 4, "ngIf"], ["class", "igx-calendar__aria-off-screen", "aria-live", "polite", 4, "ngIf"], ["tabindex", "0", "role", "button", 1, "igx-calendar-picker__date", 3, "keydown", "click"], ["monthsBtn", ""], ["yearsBtn", ""], ["aria-live", "polite", 1, "igx-calendar__aria-off-screen"], ["aria-labelledby", "igx-aria-calendar-title-month igx-aria-calendar-title-year", 1, "igx-calendar__header"], ["id", "igx-aria-calendar-title-year", 1, "igx-calendar__header-year"], ["id", "igx-aria-calendar-title-month", 1, "igx-calendar__header-date"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "igx-calendar__body", 3, "swiperight", "swipeleft", "pointerdown"], [1, "igx-calendar-picker"], ["tabindex", "0", 1, "igx-calendar__aria-off-screen"], [4, "ngIf"], ["tabindex", "0", "role", "button", "data-action", "prev", "igxCalendarScrollMonth", "", 1, "igx-calendar-picker__prev", 3, "startScroll", "stopScroll", "ngStyle"], ["prevMonthBtn", ""], ["aria-hidden", "true"], ["class", "igx-calendar-picker__dates", 3, "width", 4, "ngFor", "ngForOf"], ["tabindex", "0", "role", "button", "data-action", "next", "igxCalendarScrollMonth", "", 1, "igx-calendar-picker__next", 3, "startScroll", "stopScroll", "ngStyle"], ["nextMonthBtn", ""], [2, "display", "flex"], ["role", "grid", 3, "changeDaysView", "selection", "locale", "value", "activeDate", "viewDate", "weekStart", "formatOptions", "formatViews", "disabledDates", "specialDates", "hideOutsideDays", "showWeekNumbers", "activeDateChange", "viewChanging", "dateSelection", "monthsViewBlur", 4, "ngFor", "ngForOf"], [1, "igx-calendar-picker__dates"], ["role", "grid", 3, "changeDaysView", "selection", "locale", "value", "activeDate", "viewDate", "weekStart", "formatOptions", "formatViews", "disabledDates", "specialDates", "hideOutsideDays", "showWeekNumbers", "activeDateChange", "viewChanging", "dateSelection", "monthsViewBlur"], ["days", ""], [3, "date", "locale", "formatView", "monthFormat", "selected"], ["months", ""], [3, "date", "locale", "formatView", "yearFormat", "selected"], ["decade", ""]], template: function(i2, r5) {
       i2 & 1 && (m5(0, Ise, 4, 2, "ng-template", null, 0, V), m5(2, Dse, 9, 11, "ng-template", null, 1, V), m5(4, Ese, 5, 3, "header", 2), m5(5, Fse, 21, 29, "div", 3), m5(6, Vse, 2, 5, "igx-months-view", 4), m5(7, Ose, 2, 5, "igx-years-view", 5)), i2 & 2 && (d(4), u5("ngIf", r5.selection === "single" && r5.hasHeader), d(1), u5("ngIf", r5.isDefaultView), d(1), u5("ngIf", r5.isYearView), d(1), u5("ngIf", r5.isDecadeView));
-    }, dependencies: [se, Re2, J7, ai, he, He2, Od, Xu, Zu, En, eR, tR], encapsulation: 2, data: { animation: [AI("animateView", [cm("void => 0", Tn(ki)), cm("void => *", Tn(hd, { params: { duration: ".2s", fromScale: 0.9 } }))]), AI("animateChange", [cm("* => prev", Tn(yl, { params: { fromPosition: "translateX(-30%)" } })), cm("* => next", Tn(md, { params: { fromPosition: "translateX(30%)" } }))])] } });
+    }, dependencies: [ae2, Re2, J7, ai, he, He2, Od, Xu, Zu, En, eR, tR], encapsulation: 2, data: { animation: [AI("animateView", [cm("void => 0", Tn(ki)), cm("void => *", Tn(hd, { params: { duration: ".2s", fromScale: 0.9 } }))]), AI("animateChange", [cm("* => prev", Tn(yl, { params: { fromPosition: "translateX(-30%)" } })), cm("* => next", Tn(md, { params: { fromPosition: "translateX(30%)" } }))])] } });
   })(), o;
 })();
 var PQe = je2({ ELEVATED: "elevated", OUTLINED: "outlined" });
@@ -27022,7 +27034,7 @@ var ei = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(ae2), _(B), _(xt), _(dt2, 8));
+      return new (i2 || t10)(_(le2), _(B), _(xt), _(dt2, 8));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-chip"]], viewQuery: function(i2, r5) {
@@ -27055,8 +27067,8 @@ var ei = (() => {
         return r5.onChipOverHandler(a);
       })("dropped", function(a) {
         return r5.onChipDrop(a);
-      }), f(2, "div", 2, 3), m5(4, Qse, 2, 2, "div", 4), le2(5), x5(), f(6, "div", 5), le2(7, 1), x5(), f(8, "div", 6), le2(9, 2), m5(10, Kse, 2, 2, "div", 7), x5()(), m5(11, Yse, 2, 1, "ng-template", null, 8, V), m5(13, Xse, 2, 1, "ng-template", null, 9, V)), i2 & 2 && (U("visibility", r5.hideBaseElement ? "hidden" : "visible"), u5("igxDrag", ze(6, Jse, r5))("ghostClass", r5.ghostClass), d(4), u5("ngIf", r5.selected), d(6), u5("ngIf", r5.removable));
-    }, dependencies: [Pr, So, Oe2, Re2, se, he], encapsulation: 2 });
+      }), f(2, "div", 2, 3), m5(4, Qse, 2, 2, "div", 4), se(5), x5(), f(6, "div", 5), se(7, 1), x5(), f(8, "div", 6), se(9, 2), m5(10, Kse, 2, 2, "div", 7), x5()(), m5(11, Yse, 2, 1, "ng-template", null, 8, V), m5(13, Xse, 2, 1, "ng-template", null, 9, V)), i2 & 2 && (U("visibility", r5.hideBaseElement ? "hidden" : "visible"), u5("igxDrag", ze(6, Jse, r5))("ghostClass", r5.ghostClass), d(4), u5("ngIf", r5.selected), d(6), u5("ngIf", r5.removable));
+    }, dependencies: [Pr, So, Oe2, Re2, ae2, he], encapsulation: 2 });
   })(), o;
 })();
 var nae = ["*"];
@@ -27131,7 +27143,7 @@ var co = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(ae2), _(B), _(ji));
+      return new (i2 || t10)(_(le2), _(B), _(ji));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-chips-area"]], contentQueries: function(i2, r5, s10) {
@@ -27142,7 +27154,7 @@ var co = (() => {
     }, hostVars: 8, hostBindings: function(i2, r5) {
       i2 & 2 && (H("role", r5.role)("aria-label", r5.ariaLabel), si(r5.hostClass), U("width", r5._widthToRem, "rem")("height", r5._heightToRem, "rem"));
     }, inputs: { width: "width", height: "height" }, outputs: { reorder: "reorder", selectionChange: "selectionChange", moveStart: "moveStart", moveEnd: "moveEnd" }, standalone: true, features: [$5], ngContentSelectors: nae, decls: 1, vars: 0, template: function(i2, r5) {
-      i2 & 1 && (Se(), le2(0));
+      i2 & 1 && (Se(), se(0));
     }, encapsulation: 2 });
   })(), o;
 })();
@@ -27167,7 +27179,7 @@ var er = (() => {
         return r5.onClick(a);
       });
     }, outputs: { clicked: "clicked" }, standalone: true, features: [$5], ngContentSelectors: yR, decls: 1, vars: 0, template: function(i2, r5) {
-      i2 & 1 && (Se(), le2(0));
+      i2 & 1 && (Se(), se(0));
     }, encapsulation: 2 });
   })(), o;
 })();
@@ -27183,7 +27195,7 @@ var Vr = (() => {
     }();
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-picker-clear"]], standalone: true, features: [Y, $5], ngContentSelectors: yR, decls: 1, vars: 0, template: function(i2, r5) {
-      i2 & 1 && (Se(), le2(0));
+      i2 & 1 && (Se(), se(0));
     }, encapsulation: 2 });
   })(), o;
 })();
@@ -27286,7 +27298,7 @@ var iD = (() => {
         let s10 = P(1);
         d(3), u5("ngTemplateOutlet", (r5.pickerActions == null ? null : r5.pickerActions.template) || s10)("ngTemplateOutletContext", ze(2, fae, r5.calendar));
       }
-    }, dependencies: [se, Xe, qt, Gh, Re2], styles: ["[_nghost-%COMP%]{display:block}"] });
+    }, dependencies: [ae2, Xe, qt, Gh, Re2], styles: ["[_nghost-%COMP%]{display:block}"] });
   })(), o;
 })();
 var _f = (() => {
@@ -27434,7 +27446,7 @@ var fr = (() => {
       return Object.assign({}, this._calendarFormat, this.calendarFormat);
     }
     constructor(e, i2, r5, s10, a, l10, c, p10, g) {
-      super(e, i2, p10, g), this._overlayService = r5, this._injector = s10, this._renderer = a, this.platform = l10, this.cdr = c, this.displayMonthsCount = 1, this.headerOrientation = Xh.Horizontal, this.spinLoop = true, this.id = `igx-date-picker-${Cae++}`, this.readOnly = false, this.valueChange = new T(), this.validationFailed = new T(), this.displayValue = { transform: (v10) => this.formatter(v10) }, this._resourceStrings = Ht.DatePickerResourceStrings, this._ngControl = null, this._specialDates = null, this._disabledDates = null, this._overlaySubFilter = [Ci((v10) => v10.id === this._overlayId), W(this._destroy$)], this._dropDownOverlaySettings = { target: this.inputGroupElement, closeOnOutsideClick: true, modal: false, closeOnEscape: true, scrollStrategy: new Yt(), positionStrategy: new Ii({ openAnimation: ki, closeAnimation: Rn }) }, this._dialogOverlaySettings = { closeOnOutsideClick: true, modal: true, closeOnEscape: true }, this._calendarFormat = { day: "numeric", month: "short", weekday: "short", year: "numeric" }, this._defFormatViews = { day: false, month: true, year: false }, this._onChangeCallback = bt2, this._onTouchedCallback = bt2, this._onValidatorChange = bt2, this.onStatusChanged = () => {
+      super(e, i2, p10, g), this._overlayService = r5, this._injector = s10, this._renderer = a, this.platform = l10, this.cdr = c, this.displayMonthsCount = 1, this.headerOrientation = Xh.Horizontal, this.spinLoop = true, this.id = `igx-date-picker-${Cae++}`, this.readOnly = false, this.valueChange = new T(), this.validationFailed = new T(), this.displayValue = { transform: (v10) => this.formatter(v10) }, this._resourceStrings = Ht.DatePickerResourceStrings, this._ngControl = null, this._specialDates = null, this._disabledDates = null, this._overlaySubFilter = [gi((v10) => v10.id === this._overlayId), W(this._destroy$)], this._dropDownOverlaySettings = { target: this.inputGroupElement, closeOnOutsideClick: true, modal: false, closeOnEscape: true, scrollStrategy: new Yt(), positionStrategy: new Ii({ openAnimation: ki, closeAnimation: Rn }) }, this._dialogOverlaySettings = { closeOnOutsideClick: true, modal: true, closeOnEscape: true }, this._calendarFormat = { day: "numeric", month: "short", weekday: "short", year: "numeric" }, this._defFormatViews = { day: false, month: true, year: false }, this._onChangeCallback = bt2, this._onTouchedCallback = bt2, this._onValidatorChange = bt2, this.onStatusChanged = () => {
         this.disabled = this._ngControl.disabled, this.updateValidity(), this.inputGroup.isRequired = this.required;
       }, this.locale = this.locale || this._localeId;
     }
@@ -27588,7 +27600,7 @@ var fr = (() => {
     setDisabledDates() {
       this._calendar.disabledDates = this.disabledDates ? [...this.disabledDates] : [];
       let { minValue: e, maxValue: i2 } = this.getMinMaxDates();
-      e && this._calendar.disabledDates.push({ type: xi.Before, dateRange: [e] }), i2 && this._calendar.disabledDates.push({ type: xi.After, dateRange: [i2] });
+      e && this._calendar.disabledDates.push({ type: _i.Before, dateRange: [e] }), i2 && this._calendar.disabledDates.push({ type: _i.After, dateRange: [i2] });
     }
     _initializeCalendarContainer(e) {
       this._calendar = e.calendar;
@@ -27610,7 +27622,7 @@ var fr = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(B), _(ni), _(ui), _(kt2), _(xt), _(_e2), _(ae2), _(dt2, 8), _(Io, 8));
+      return new (i2 || t10)(_(B), _(ni), _(ui), _(kt2), _(xt), _(_e2), _(le2), _(dt2, 8), _(Io, 8));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-date-picker"]], contentQueries: function(i2, r5, s10) {
@@ -27628,8 +27640,8 @@ var fr = (() => {
         return r5.onKeyDown(a);
       }), i2 & 2 && H("id", r5.id);
     }, inputs: { hideOutsideDays: "hideOutsideDays", displayMonthsCount: "displayMonthsCount", showWeekNumbers: "showWeekNumbers", formatter: "formatter", headerOrientation: "headerOrientation", todayButtonLabel: "todayButtonLabel", cancelButtonLabel: "cancelButtonLabel", spinLoop: "spinLoop", spinDelta: "spinDelta", outlet: "outlet", id: "id", formatViews: "formatViews", disabledDates: "disabledDates", specialDates: "specialDates", calendarFormat: "calendarFormat", value: "value", minValue: "minValue", maxValue: "maxValue", resourceStrings: "resourceStrings", readOnly: "readOnly" }, outputs: { valueChange: "valueChange", validationFailed: "validationFailed" }, standalone: true, features: [fe([{ provide: qi, useExisting: t10, multi: true }, { provide: Vi, useExisting: t10, multi: true }]), Y, $5], ngContentSelectors: yae, decls: 12, vars: 19, consts: [[3, "displayDensity", "type", "suppressInputAutofocus"], [3, "click", 4, "ngIf"], ["igxInput", "", "aria-haspopup", "dialog", "aria-autocomplete", "none", "role", "combobox", 1, "igx-date-picker__input-date", 3, "displayValuePipe", "igxDateTimeEditor", "displayFormat", "minValue", "maxValue", "spinDelta", "spinLoop", "disabled", "placeholder", "readonly", "igxTextSelection", "locale"], ["ngProjectAs", "[igxLabel]", 5, ["", "igxLabel", ""]], ["ngProjectAs", "igx-prefix", 5, ["igx-prefix"]], ["ngProjectAs", "igx-suffix", 5, ["igx-suffix"]], ["ngProjectAs", "igx-hint", 5, ["igx-hint"]], [3, "click"], [3, "title"]], template: function(i2, r5) {
-      i2 & 1 && (Se(vae), f(0, "igx-input-group", 0), m5(1, xae, 3, 1, "igx-prefix", 1), k5(2, "input", 2), m5(3, _ae, 3, 0, "igx-suffix", 1), z(4, 3), le2(5), j3(), z(6, 4), le2(7, 1), j3(), z(8, 5), le2(9, 2), j3(), z(10, 6), le2(11, 3), j3(), x5()), i2 & 2 && (u5("displayDensity", r5.displayDensity)("type", r5.type)("suppressInputAutofocus", true), d(1), u5("ngIf", !r5.toggleComponents.length), d(1), u5("displayValuePipe", r5.formatter ? r5.displayValue : null)("igxDateTimeEditor", r5.inputFormat)("displayFormat", r5.displayFormat)("minValue", r5.minValue)("maxValue", r5.maxValue)("spinDelta", r5.spinDelta)("spinLoop", r5.spinLoop)("disabled", r5.disabled)("placeholder", r5.placeholder)("readonly", !r5.isDropdown || r5.readOnly)("igxTextSelection", r5.isDropdown && !r5.readOnly)("locale", r5.locale), H("aria-expanded", !r5.collapsed)("aria-labelledby", r5.label == null ? null : r5.label.id), d(1), u5("ngIf", !r5.clearComponents.length && r5.value));
-    }, dependencies: [se, At, Be, he, vt2, an, Gs, Ue], styles: ["[_nghost-%COMP%]{display:block}"] });
+      i2 & 1 && (Se(vae), f(0, "igx-input-group", 0), m5(1, xae, 3, 1, "igx-prefix", 1), k5(2, "input", 2), m5(3, _ae, 3, 0, "igx-suffix", 1), z(4, 3), se(5), j3(), z(6, 4), se(7, 1), j3(), z(8, 5), se(9, 2), j3(), z(10, 6), se(11, 3), j3(), x5()), i2 & 2 && (u5("displayDensity", r5.displayDensity)("type", r5.type)("suppressInputAutofocus", true), d(1), u5("ngIf", !r5.toggleComponents.length), d(1), u5("displayValuePipe", r5.formatter ? r5.displayValue : null)("igxDateTimeEditor", r5.inputFormat)("displayFormat", r5.displayFormat)("minValue", r5.minValue)("maxValue", r5.maxValue)("spinDelta", r5.spinDelta)("spinLoop", r5.spinLoop)("disabled", r5.disabled)("placeholder", r5.placeholder)("readonly", !r5.isDropdown || r5.readOnly)("igxTextSelection", r5.isDropdown && !r5.readOnly)("locale", r5.locale), H("aria-expanded", !r5.collapsed)("aria-labelledby", r5.label == null ? null : r5.label.id), d(1), u5("ngIf", !r5.clearComponents.length && r5.value));
+    }, dependencies: [ae2, At, Be, he, vt2, an, Gs, Ue], styles: ["[_nghost-%COMP%]{display:block}"] });
   })(), o;
 })();
 var bo = (() => {
@@ -27674,7 +27686,7 @@ var rs = (() => {
     }();
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-select-item"]], inputs: { text: "text" }, standalone: true, features: [Y, $5], ngContentSelectors: bae, decls: 2, vars: 0, consts: [[1, "igx-drop-down__inner"]], template: function(i2, r5) {
-      i2 & 1 && (Se(), f(0, "span", 0), le2(1), x5());
+      i2 & 1 && (Se(), f(0, "span", 0), se(1), x5());
     }, encapsulation: 2 });
   })(), o;
 })();
@@ -27807,7 +27819,7 @@ function kae(o, t10) {
   }
 }
 function Fae(o, t10) {
-  o & 1 && le2(0, 5, ["*ngTemplateOutlet", "headerTemplate"]);
+  o & 1 && se(0, 5, ["*ngTemplateOutlet", "headerTemplate"]);
 }
 function Vae(o, t10) {
   if (o & 1 && (f(0, "div", 16), m5(1, Fae, 1, 0, "ng-content", 17), x5()), o & 2) {
@@ -27991,7 +28003,7 @@ var Eo = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(B), _(ae2), _(Ha), _(ui), _(dt2, 8), _(Io, 8), _(kt2));
+      return new (i2 || t10)(_(B), _(le2), _(Ha), _(ui), _(dt2, 8), _(Io, 8), _(kt2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-select"]], contentQueries: function(i2, r5, s10) {
@@ -28009,11 +28021,11 @@ var Eo = (() => {
     }, inputs: { placeholder: "placeholder", disabled: "disabled", overlaySettings: "overlaySettings", value: "value", type: "type" }, outputs: { opening: "opening", opened: "opened", closing: "closing", closed: "closed" }, standalone: true, features: [fe([{ provide: qi, useExisting: t10, multi: true }, { provide: Tl, useExisting: t10 }]), Y, $5], ngContentSelectors: Lae, decls: 21, vars: 18, consts: [[1, "input-group", 3, "type", "displayDensity", "click"], ["inputGroup", ""], ["ngProjectAs", "[igxLabel]", 5, ["", "igxLabel", ""]], ["ngProjectAs", "igx-prefix", 5, ["igx-prefix"]], ["type", "text", "igxInput", "", "readonly", "true", "role", "combobox", "aria-haspopup", "listbox", 1, "input", 3, "igxSelectItemNavigation", "disabled", "value", "blur", "focus"], ["input", ""], ["ngProjectAs", "igx-suffix", 5, ["igx-suffix"]], [1, "igx-select__toggle-button"], [4, "ngIf"], ["ngProjectAs", "igx-hint, [igxHint]", 5, ["igx-hint"]], ["igxToggle", "", 1, "igx-drop-down__list", 3, "mousedown", "appended", "opening", "opened", "closing", "closed"], ["class", "igx-drop-down__select-header", 4, "ngIf"], ["unselectable", "on", "role", "listbox", 1, "igx-drop-down__list-scroll"], ["scrollContainer", ""], ["class", "igx-drop-down__select-footer", 4, "ngIf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "igx-drop-down__select-header"], [4, "ngTemplateOutlet"], [1, "igx-drop-down__select-footer"]], template: function(i2, r5) {
       i2 & 1 && (Se(Hae), f(0, "igx-input-group", 0, 1), w5("click", function(a) {
         return r5.inputGroupClick(a);
-      }), z(2, 2), le2(3), j3(), z(4, 3), le2(5, 1), j3(), f(6, "input", 4, 5), w5("blur", function() {
+      }), z(2, 2), se(3), j3(), z(4, 3), se(5, 1), j3(), f(6, "input", 4, 5), w5("blur", function() {
         return r5.onBlur();
       })("focus", function() {
         return r5.onFocus();
-      }), x5(), z(8, 6), le2(9, 2), j3(), f(10, "igx-suffix", 7), m5(11, Pae, 2, 4, "ng-container", 8), m5(12, kae, 2, 1, "igx-icon", 8), x5(), z(13, 9), le2(14, 3), j3(), x5(), f(15, "div", 10), w5("mousedown", function(a) {
+      }), x5(), z(8, 6), se(9, 2), j3(), f(10, "igx-suffix", 7), m5(11, Pae, 2, 4, "ng-container", 8), m5(12, kae, 2, 1, "igx-icon", 8), x5(), z(13, 9), se(14, 3), j3(), x5(), f(15, "div", 10), w5("mousedown", function(a) {
         return r5.mousedownHandler(a);
       })("appended", function(a) {
         return r5.onToggleContentAppended(a);
@@ -28025,8 +28037,8 @@ var Eo = (() => {
         return r5.handleClosing(a);
       })("closed", function() {
         return r5.handleClosed();
-      }), m5(16, Vae, 2, 1, "div", 11), f(17, "div", 12, 13), le2(19, 4), x5(), m5(20, Nae, 2, 1, "div", 14), x5()), i2 & 2 && (u5("type", r5.type)("displayDensity", r5.displayDensity), d(6), u5("igxSelectItemNavigation", r5)("disabled", r5.disabled)("value", r5.selectionValue), H("placeholder", r5.placeholder)("aria-labelledby", r5.label == null ? null : r5.label.id)("aria-expanded", !r5.collapsed)("aria-owns", r5.listId)("aria-activedescendant", r5.collapsed || r5.focusedItem == null ? null : r5.focusedItem.id), d(5), u5("ngIf", r5.toggleIconTemplate), d(1), u5("ngIf", !r5.toggleIconTemplate), d(4), u5("ngIf", r5.headerTemplate), d(1), U("max-height", r5.maxHeight), H("id", r5.listId)("aria-labelledby", r5.label == null ? null : r5.label.id), d(3), u5("ngIf", r5.footerTemplate));
-    }, dependencies: [At, vt2, SR, Ue, se, Re2, he, Lt], styles: ["[_nghost-%COMP%]{display:block}"] });
+      }), m5(16, Vae, 2, 1, "div", 11), f(17, "div", 12, 13), se(19, 4), x5(), m5(20, Nae, 2, 1, "div", 14), x5()), i2 & 2 && (u5("type", r5.type)("displayDensity", r5.displayDensity), d(6), u5("igxSelectItemNavigation", r5)("disabled", r5.disabled)("value", r5.selectionValue), H("placeholder", r5.placeholder)("aria-labelledby", r5.label == null ? null : r5.label.id)("aria-expanded", !r5.collapsed)("aria-owns", r5.listId)("aria-activedescendant", r5.collapsed || r5.focusedItem == null ? null : r5.focusedItem.id), d(5), u5("ngIf", r5.toggleIconTemplate), d(1), u5("ngIf", !r5.toggleIconTemplate), d(4), u5("ngIf", r5.headerTemplate), d(1), U("max-height", r5.maxHeight), H("id", r5.listId)("aria-labelledby", r5.label == null ? null : r5.label.id), d(3), u5("ngIf", r5.footerTemplate));
+    }, dependencies: [At, vt2, SR, Ue, ae2, Re2, he, Lt], styles: ["[_nghost-%COMP%]{display:block}"] });
   })(), o;
 })();
 function Gae(o, t10) {
@@ -28145,7 +28157,7 @@ var Mi = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(dt2, 8), _(B), _(ae2));
+      return new (i2 || t10)(_(dt2, 8), _(B), _(le2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-paginator"]], contentQueries: function(i2, r5, s10) {
@@ -28156,9 +28168,9 @@ var Mi = (() => {
     }, hostVars: 6, hostBindings: function(i2, r5) {
       i2 & 2 && J("igx-paginator--cosy", r5.classCosy)("igx-paginator--compact", r5.classCompact)("igx-paginator", r5.classComfortable);
     }, inputs: { page: "page", perPage: "perPage", totalRecords: "totalRecords", selectOptions: "selectOptions", overlaySettings: "overlaySettings", resourceStrings: "resourceStrings" }, outputs: { perPageChange: "perPageChange", pageChange: "pageChange", paging: "paging", pagingDone: "pagingDone" }, standalone: true, features: [Y, $5], ngContentSelectors: $ae, decls: 3, vars: 2, consts: [[4, "ngIf"]], template: function(i2, r5) {
-      i2 & 1 && (Se(jae), le2(0), m5(1, Gae, 1, 0, "igx-page-size", 0), m5(2, zae, 1, 0, "igx-page-nav", 0)), i2 & 2 && (d(1), u5("ngIf", !r5.customContent), d(1), u5("ngIf", !r5.customContent));
+      i2 & 1 && (Se(jae), se(0), m5(1, Gae, 1, 0, "igx-page-size", 0), m5(2, zae, 1, 0, "igx-page-nav", 0)), i2 & 2 && (d(1), u5("ngIf", !r5.customContent), d(1), u5("ngIf", !r5.customContent));
     }, dependencies: function() {
-      return [se, ss, as];
+      return [ae2, ss, as];
     }, encapsulation: 2 });
   })(), o;
 })();
@@ -28328,7 +28340,7 @@ var Ji = (() => {
         d(1), u5("ngIf", r5.title), d(1), u5("ngIf", !r5.hideFilter), d(1), U("max-height", r5.columnsAreaMaxHeight), d(1), u5("ngForOf", de(5, 9, de(6, 13, de(7, 17, (s10 = r5.grid) == null ? null : s10._columns, r5.actionsDirective.actionEnabledColumnsFilter, r5.pipeTrigger), r5.filterCriteria, r5.pipeTrigger), r5.columnDisplayOrder, r5.pipeTrigger)), d(5), u5("disabled", r5.uncheckAllDisabled), d(1), Q(r5.uncheckAllText), d(1), u5("disabled", r5.checkAllDisabled), d(1), Q(r5.checkAllText);
       }
     }, dependencies: function() {
-      return [se, At, yo, Qn, qn, Xo, vt2, He2, Ut, Xe, qt, Yae, Xae, Zae];
+      return [ae2, At, yo, Qn, qn, Xo, vt2, He2, Ut, Xe, qt, Yae, Xae, Zae];
     }, encapsulation: 2 });
   })(), o;
 })();
@@ -28514,7 +28526,7 @@ function zt() {
     }, n;
   };
 }
-function vi(o = false) {
+function yi(o = false) {
   return (t10, n, e) => {
     let i2 = `__${n}`;
     e = e || { enumerable: true, configurable: true };
@@ -28665,7 +28677,7 @@ var gs = (() => {
     t10.\u0275dir = N({ type: t10, selectors: [["", "igxSummary", ""]], standalone: true });
   })(), o;
 })();
-var yi = (() => (yi = yi || {}, yi[yi.BeforeDropTarget = 0] = "BeforeDropTarget", yi[yi.AfterDropTarget = 1] = "AfterDropTarget", yi))();
+var Ci = (() => (Ci = Ci || {}, Ci[Ci.BeforeDropTarget = 0] = "BeforeDropTarget", Ci[Ci.AfterDropTarget = 1] = "AfterDropTarget", Ci))();
 var Zh = (() => {
   let t10 = class {
   }, o = t10;
@@ -29075,7 +29087,7 @@ var Jh = class {
           break;
         case te2.String:
         default:
-          this.filters = fi.instance();
+          this.filters = xi.instance();
           break;
       }
   }
@@ -29186,7 +29198,7 @@ var Jh = class {
     let n, e = this.grid.columns.filter((l10) => l10.visibleIndex > -1), i2 = e.map((l10) => l10.visibleIndex).reduce((l10, c) => Math.max(l10, c)), r5 = this.parent, s10 = this.visibleIndex < t10;
     if (t10 === this.visibleIndex || t10 < 0 || t10 > i2 || (r5 && (e = e.filter((l10) => l10.level >= this.level && l10 !== this && l10.parent !== this && l10.topLevelParent === this.topLevelParent)), s10 ? (e = e.filter((l10) => l10.visibleIndex > this.visibleIndex), n = e.find((l10) => l10.level === this.level && l10.visibleIndex + l10.calcChildren() - this.calcChildren() === t10)) : (e = e.filter((l10) => l10.visibleIndex < this.visibleIndex), n = e.find((l10) => l10.level === this.level && l10.visibleIndex === t10)), !n || n.pinned && this.disablePinning))
       return;
-    let a = s10 ? yi.AfterDropTarget : yi.BeforeDropTarget;
+    let a = s10 ? Ci.AfterDropTarget : Ci.BeforeDropTarget;
     this.grid.moveColumn(this, n, a);
   }
   calcChildren() {
@@ -29292,7 +29304,7 @@ var Jh = class {
 var ve = Jh;
 (() => {
   Jh.\u0275fac = function(n) {
-    return new (n || Jh)(_(Me2), _(Vi, 10), _(ae2), _(_e2));
+    return new (n || Jh)(_(Me2), _(Vi, 10), _(le2), _(_e2));
   };
 })(), (() => {
   Jh.\u0275cmp = G({ type: Jh, selectors: [["igx-column"]], contentQueries: function(n, e, i2) {
@@ -29303,43 +29315,43 @@ var ve = Jh;
   }, inputs: { field: "field", header: "header", title: "title", sortable: "sortable", selectable: "selectable", groupable: "groupable", editable: "editable", filterable: "filterable", resizable: "resizable", autosizeHeader: "autosizeHeader", hasSummary: "hasSummary", hidden: "hidden", disableHiding: "disableHiding", disablePinning: "disablePinning", movable: "movable", width: "width", maxWidth: "maxWidth", headerClasses: "headerClasses", headerStyles: "headerStyles", headerGroupClasses: "headerGroupClasses", headerGroupStyles: "headerGroupStyles", cellClasses: "cellClasses", cellStyles: "cellStyles", formatter: "formatter", summaryFormatter: "summaryFormatter", filteringIgnoreCase: "filteringIgnoreCase", sortingIgnoreCase: "sortingIgnoreCase", searchable: "searchable", dataType: "dataType", collapsibleIndicatorTemplate: "collapsibleIndicatorTemplate", rowEnd: "rowEnd", colEnd: "colEnd", rowStart: "rowStart", colStart: "colStart", additionalTemplateContext: "additionalTemplateContext", minWidth: "minWidth", pinned: "pinned", summaries: "summaries", filters: "filters", sortStrategy: "sortStrategy", groupingComparer: "groupingComparer", summaryTemplate: "summaryTemplate", bodyTemplate: ["cellTemplate", "bodyTemplate"], headerTemplate: "headerTemplate", inlineEditorTemplate: ["cellEditorTemplate", "inlineEditorTemplate"], errorTemplate: "errorTemplate", filterCellTemplate: "filterCellTemplate", visibleWhenCollapsed: "visibleWhenCollapsed", pipeArgs: "pipeArgs" }, outputs: { hiddenChange: "hiddenChange", expandedChange: "expandedChange", collapsibleChange: "collapsibleChange", visibleWhenCollapsedChange: "visibleWhenCollapsedChange", columnChange: "columnChange", widthChange: "widthChange", pinnedChange: "pinnedChange" }, standalone: true, features: [$5], decls: 0, vars: 0, template: function(n, e) {
   }, encapsulation: 2, changeDetection: 0 });
 })();
-We([vi(), zt()], ve.prototype, "header", void 0);
-We([vi(), zt()], ve.prototype, "title", void 0);
+We([yi(), zt()], ve.prototype, "header", void 0);
+We([yi(), zt()], ve.prototype, "title", void 0);
 We([zt()], ve.prototype, "sortable", void 0);
 We([zt()], ve.prototype, "selectable", null);
-We([vi(true), zt()], ve.prototype, "groupable", null);
+We([yi(true), zt()], ve.prototype, "groupable", null);
 We([zt()], ve.prototype, "editable", null);
-We([vi(), zt()], ve.prototype, "filterable", void 0);
+We([yi(), zt()], ve.prototype, "filterable", void 0);
 We([zt()], ve.prototype, "resizable", void 0);
 We([zt()], ve.prototype, "autosizeHeader", void 0);
-We([vi(true), zt()], ve.prototype, "hasSummary", null);
-We([vi(true), zt()], ve.prototype, "hidden", null);
-We([vi(), zt()], ve.prototype, "disableHiding", void 0);
-We([vi(), zt()], ve.prototype, "disablePinning", void 0);
-We([vi(true), zt()], ve.prototype, "width", null);
+We([yi(true), zt()], ve.prototype, "hasSummary", null);
+We([yi(true), zt()], ve.prototype, "hidden", null);
+We([yi(), zt()], ve.prototype, "disableHiding", void 0);
+We([yi(), zt()], ve.prototype, "disablePinning", void 0);
+We([yi(true), zt()], ve.prototype, "width", null);
 We([zt()], ve.prototype, "maxWidth", void 0);
-We([vi(), zt()], ve.prototype, "headerClasses", void 0);
-We([vi(), zt()], ve.prototype, "headerStyles", void 0);
-We([vi(), zt()], ve.prototype, "headerGroupClasses", void 0);
-We([vi(), zt()], ve.prototype, "headerGroupStyles", void 0);
-We([vi(), zt()], ve.prototype, "cellClasses", void 0);
-We([vi(), zt()], ve.prototype, "cellStyles", void 0);
-We([vi(), zt()], ve.prototype, "formatter", void 0);
-We([vi(), zt()], ve.prototype, "summaryFormatter", void 0);
+We([yi(), zt()], ve.prototype, "headerClasses", void 0);
+We([yi(), zt()], ve.prototype, "headerStyles", void 0);
+We([yi(), zt()], ve.prototype, "headerGroupClasses", void 0);
+We([yi(), zt()], ve.prototype, "headerGroupStyles", void 0);
+We([yi(), zt()], ve.prototype, "cellClasses", void 0);
+We([yi(), zt()], ve.prototype, "cellStyles", void 0);
+We([yi(), zt()], ve.prototype, "formatter", void 0);
+We([yi(), zt()], ve.prototype, "summaryFormatter", void 0);
 We([zt()], ve.prototype, "filteringIgnoreCase", void 0);
 We([zt()], ve.prototype, "sortingIgnoreCase", void 0);
-We([vi(), zt()], ve.prototype, "searchable", void 0);
-We([vi(), zt()], ve.prototype, "minWidth", null);
+We([yi(), zt()], ve.prototype, "searchable", void 0);
+We([yi(), zt()], ve.prototype, "minWidth", null);
 We([zt()], ve.prototype, "pinned", null);
-We([vi(true), zt()], ve.prototype, "summaries", null);
-We([vi(), zt()], ve.prototype, "summaryTemplate", null);
-We([vi(), zt()], ve.prototype, "bodyTemplate", null);
-We([vi(), zt()], ve.prototype, "headerTemplate", null);
-We([vi(), zt()], ve.prototype, "inlineEditorTemplate", null);
-We([vi(), zt()], ve.prototype, "errorTemplate", null);
-We([vi(), zt()], ve.prototype, "filterCellTemplate", null);
-We([vi(true)], ve.prototype, "visibleWhenCollapsed", null);
-We([vi(), zt()], ve.prototype, "pipeArgs", null);
+We([yi(true), zt()], ve.prototype, "summaries", null);
+We([yi(), zt()], ve.prototype, "summaryTemplate", null);
+We([yi(), zt()], ve.prototype, "bodyTemplate", null);
+We([yi(), zt()], ve.prototype, "headerTemplate", null);
+We([yi(), zt()], ve.prototype, "inlineEditorTemplate", null);
+We([yi(), zt()], ve.prototype, "errorTemplate", null);
+We([yi(), zt()], ve.prototype, "filterCellTemplate", null);
+We([yi(true)], ve.prototype, "visibleWhenCollapsed", null);
+We([yi(), zt()], ve.prototype, "pipeArgs", null);
 var nle = [[["igx-column"], ["igc-column"], ["igx-column-group"], ["igc-column-group"]]];
 var rle = ["igx-column,igc-column,igx-column-group,igc-column-group"];
 var Si = (() => {
@@ -29458,8 +29470,8 @@ var Si = (() => {
         let a;
         D(a = b()) && (r5.children = a);
       }
-    }, inputs: { collapsible: "collapsible", expanded: "expanded", summaries: "summaries", searchable: "searchable", filters: "filters", collapsibleIndicatorTemplate: "collapsibleIndicatorTemplate", hidden: "hidden" }, standalone: true, features: [fe([{ provide: ve, useExisting: gi(() => t10) }]), Y, $5], ngContentSelectors: rle, decls: 3, vars: 0, consts: [[2, "display", "none"], ["sink", ""]], template: function(i2, r5) {
-      i2 & 1 && (Se(nle), f(0, "div", 0, 1), le2(2), x5());
+    }, inputs: { collapsible: "collapsible", expanded: "expanded", summaries: "summaries", searchable: "searchable", filters: "filters", collapsibleIndicatorTemplate: "collapsibleIndicatorTemplate", hidden: "hidden" }, standalone: true, features: [fe([{ provide: ve, useExisting: mi(() => t10) }]), Y, $5], ngContentSelectors: rle, decls: 3, vars: 0, consts: [[2, "display", "none"], ["sink", ""]], template: function(i2, r5) {
+      i2 & 1 && (Se(nle), f(0, "div", 0, 1), se(2), x5());
     }, encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
@@ -29533,8 +29545,8 @@ var uo = (() => {
       };
     }();
   })(), (() => {
-    t10.\u0275cmp = G({ type: t10, selectors: [["igx-column-layout"]], inputs: { hidden: "hidden" }, standalone: true, features: [fe([{ provide: ve, useExisting: gi(() => t10) }]), Y, $5], ngContentSelectors: sle, decls: 3, vars: 0, consts: [[2, "display", "none"], ["sink", ""]], template: function(i2, r5) {
-      i2 & 1 && (Se(ole), f(0, "div", 0, 1), le2(2), x5());
+    t10.\u0275cmp = G({ type: t10, selectors: [["igx-column-layout"]], inputs: { hidden: "hidden" }, standalone: true, features: [fe([{ provide: ve, useExisting: mi(() => t10) }]), Y, $5], ngContentSelectors: sle, decls: 3, vars: 0, consts: [[2, "display", "none"], ["sink", ""]], template: function(i2, r5) {
+      i2 & 1 && (Se(ole), f(0, "div", 0, 1), se(2), x5());
     }, encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
@@ -29699,7 +29711,7 @@ var rD = (() => {
       i2 !== 0 && this.nextItem(i2);
     }
     ngOnInit() {
-      let e = { recognizers: [[_i.Hammer?.Pan, { direction: _i.Hammer?.DIRECTION_VERTICAL, threshold: 10 }]] };
+      let e = { recognizers: [[vi.Hammer?.Pan, { direction: vi.Hammer?.DIRECTION_VERTICAL, threshold: 10 }]] };
       this.touchManager.addEventListener(this.elementRef.nativeElement, "pan", this.onPanMove, e);
     }
     ngOnDestroy() {
@@ -29728,7 +29740,7 @@ var rD = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(Nd), _(B), _(_i));
+      return new (i2 || t10)(_(Nd), _(B), _(vi));
     };
   })(), (() => {
     t10.\u0275dir = N({ type: t10, selectors: [["", "igxItemList", ""]], hostVars: 11, hostBindings: function(i2, r5) {
@@ -29753,7 +29765,7 @@ var rD = (() => {
       })("wheel", function(a) {
         return r5.onScroll(a);
       }), i2 & 2 && (H("tabindex", r5.tabindex), J("igx-time-picker__column", r5.defaultCSS)("igx-time-picker__hourList", r5.hourCSS)("igx-time-picker__minuteList", r5.minuteCSS)("igx-time-picker__secondsList", r5.secondsCSS)("igx-time-picker__ampmList", r5.ampmCSS));
-    }, inputs: { type: ["igxItemList", "type"] }, standalone: true, features: [fe([_i])] });
+    }, inputs: { type: ["igxItemList", "type"] }, standalone: true, features: [fe([vi])] });
   })(), o;
 })();
 var RR = (() => {
@@ -30499,7 +30511,7 @@ var xr = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(B), _(ni), _(dt2, 8), _(Io, 8), _(kt2), _(_e2), _(ae2));
+      return new (i2 || t10)(_(B), _(ni), _(dt2, 8), _(Io, 8), _(kt2), _(_e2), _(le2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-time-picker"]], contentQueries: function(i2, r5, s10) {
@@ -30519,11 +30531,11 @@ var xr = (() => {
     }, inputs: { id: "id", displayFormat: "displayFormat", inputFormat: "inputFormat", mode: "mode", minValue: "minValue", maxValue: "maxValue", spinLoop: "spinLoop", formatter: "formatter", headerOrientation: "headerOrientation", readOnly: "readOnly", value: "value", resourceStrings: "resourceStrings", okButtonLabel: "okButtonLabel", cancelButtonLabel: "cancelButtonLabel", itemsDelta: "itemsDelta" }, outputs: { selected: "selected", valueChange: "valueChange", validationFailed: "validationFailed" }, standalone: true, features: [fe([{ provide: qi, useExisting: t10, multi: true }, { provide: Nd, useExisting: t10 }, { provide: Vi, useExisting: t10, multi: true }]), Y, $5], ngContentSelectors: kle, decls: 24, vars: 29, consts: [[3, "displayDensity", "type", "suppressInputAutofocus"], ["igxInput", "", "type", "text", "role", "combobox", "aria-haspopup", "dialog", 3, "displayValuePipe", "igxDateTimeEditor", "readonly", "minValue", "maxValue", "locale", "spinDelta", "spinLoop", "placeholder", "disabled", "displayFormat", "igxTextSelection", "click"], [3, "click", 4, "ngIf"], ["ngProjectAs", "[igxLabel]", 5, ["", "igxLabel", ""]], ["ngProjectAs", "igx-prefix", 5, ["igx-prefix"]], ["ngProjectAs", "igx-suffix", 5, ["igx-suffix"]], ["ngProjectAs", "igx-hint", 5, ["igx-hint"]], ["defaultTimePickerActions", ""], ["igxToggle", "", "role", "dialog", 1, "igx-time-picker", 3, "ngClass"], ["toggleDirective", "toggle"], ["class", "igx-time-picker__header", 4, "ngIf"], [1, "igx-time-picker__main"], [1, "igx-time-picker__body"], [3, "igxItemList", 4, "ngIf"], [4, "ngTemplateOutlet"], [3, "click"], [3, "title"], ["class", "igx-time-picker__buttons", 4, "ngIf"], [1, "igx-time-picker__buttons"], ["igxButton", "flat", 3, "click", 4, "ngIf"], ["igxButton", "flat", 3, "click"], [1, "igx-time-picker__header"], [1, "igx-time-picker__header-hour"], [3, "igxItemList"], ["hourList", ""], ["aria-label", "hour", 3, "igxTimeItem", 4, "ngFor", "ngForOf"], ["aria-label", "hour", 3, "igxTimeItem"], ["timeItem", "timeItem"], ["minuteList", ""], ["aria-label", "minutes", 3, "igxTimeItem", 4, "ngFor", "ngForOf"], ["aria-label", "minutes", 3, "igxTimeItem"], ["secondsList", ""], ["aria-label", "seconds", 3, "igxTimeItem", 4, "ngFor", "ngForOf"], ["aria-label", "seconds", 3, "igxTimeItem"], ["ampmList", ""], ["aria-label", "ampm", 3, "igxTimeItem", 4, "ngFor", "ngForOf"], ["aria-label", "ampm", 3, "igxTimeItem"]], template: function(i2, r5) {
       if (i2 & 1 && (Se(Ale), f(0, "igx-input-group", 0)(1, "input", 1), w5("click", function() {
         return !r5.isDropdown && r5.toggle();
-      }), x5(), m5(2, ule, 3, 1, "igx-prefix", 2), z(3, 3), le2(4), j3(), z(5, 4), le2(6, 1), j3(), m5(7, ple, 3, 0, "igx-suffix", 2), z(8, 5), le2(9, 2), j3(), z(10, 6), le2(11, 3), j3(), x5(), m5(12, fle, 1, 1, "ng-template", null, 7, V), f(14, "div", 8, 9), m5(16, xle, 5, 3, "div", 10), f(17, "div", 11)(18, "div", 12), m5(19, yle, 4, 13, "div", 13), m5(20, Ile, 4, 13, "div", 13), m5(21, ble, 4, 13, "div", 13), m5(22, Rle, 4, 13, "div", 13), x5(), m5(23, Mle, 1, 0, "ng-container", 14), x5()()), i2 & 2) {
+      }), x5(), m5(2, ule, 3, 1, "igx-prefix", 2), z(3, 3), se(4), j3(), z(5, 4), se(6, 1), j3(), m5(7, ple, 3, 0, "igx-suffix", 2), z(8, 5), se(9, 2), j3(), z(10, 6), se(11, 3), j3(), x5(), m5(12, fle, 1, 1, "ng-template", null, 7, V), f(14, "div", 8, 9), m5(16, xle, 5, 3, "div", 10), f(17, "div", 11)(18, "div", 12), m5(19, yle, 4, 13, "div", 13), m5(20, Ile, 4, 13, "div", 13), m5(21, ble, 4, 13, "div", 13), m5(22, Rle, 4, 13, "div", 13), x5(), m5(23, Mle, 1, 0, "ng-container", 14), x5()()), i2 & 2) {
         let s10 = P(13), a = P(15);
         u5("displayDensity", r5.displayDensity)("type", r5.type)("suppressInputAutofocus", r5.isDropdown), d(1), u5("displayValuePipe", r5.formatter ? r5.displayValue : null)("igxDateTimeEditor", r5.inputFormat)("readonly", !r5.isDropdown || r5.readOnly)("minValue", r5.minValue)("maxValue", r5.maxValue)("locale", r5.locale)("spinDelta", r5.itemsDelta)("spinLoop", r5.spinLoop)("placeholder", r5.placeholder)("disabled", r5.disabled)("displayFormat", r5.displayFormat)("igxTextSelection", r5.isDropdown && !r5.readOnly), H("aria-expanded", !a.collapsed)("aria-labelledby", r5.label == null ? null : r5.label.id), d(1), u5("ngIf", !r5.toggleComponents.length), d(5), u5("ngIf", r5.showClearButton), d(7), u5("ngClass", Nt2(26, Ple, r5.isDropdown, r5.isVertical && !r5.isDropdown)), d(2), u5("ngIf", !r5.isDropdown), d(3), u5("ngIf", r5.showHoursList), d(1), u5("ngIf", r5.showMinutesList), d(1), u5("ngIf", r5.showSecondsList), d(1), u5("ngIf", r5.showAmPmList), d(1), u5("ngTemplateOutlet", r5.timePickerActionsDirective ? r5.timePickerActionsDirective.template : s10);
       }
-    }, dependencies: [At, vt2, an, Gs, se, Be, he, Ue, Xe, Lt, Oe2, rD, He2, RR, Re2, MR, AR], styles: ["[_nghost-%COMP%]{display:block}"] });
+    }, dependencies: [At, vt2, an, Gs, ae2, Be, he, Ue, Xe, Lt, Oe2, rD, He2, RR, Re2, MR, AR], styles: ["[_nghost-%COMP%]{display:block}"] });
   })(), o;
 })();
 function Ole(o, t10) {
@@ -30551,8 +30563,8 @@ var Hd = (() => {
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-query-builder-header"]], inputs: { title: "title", showLegend: "showLegend", resourceStrings: "resourceStrings" }, standalone: true, features: [$5], ngContentSelectors: Nle, decls: 5, vars: 2, consts: [[1, "igx-query-builder__header"], [1, "ig-typography__h6", 2, "pointer-events", "none"], ["class", "igx-builder-legend", 4, "ngIf"], [1, "igx-builder-legend"], [1, "igx-builder-legend__item--and"], [1, "igx-builder-legend__item--or"]], template: function(i2, r5) {
-      i2 & 1 && (Se(), f(0, "div", 0)(1, "div", 1), C(2), le2(3), x5(), m5(4, Ole, 7, 2, "div", 2), x5()), i2 & 2 && (d(2), Z(" ", r5.title, " "), d(2), u5("ngIf", r5.showLegend));
-    }, dependencies: [se], encapsulation: 2 });
+      i2 & 1 && (Se(), f(0, "div", 0)(1, "div", 1), C(2), se(3), x5(), m5(4, Ole, 7, 2, "div", 2), x5()), i2 & 2 && (d(2), Z(" ", r5.title, " "), d(2), u5("ngIf", r5.showLegend));
+    }, dependencies: [ae2], encapsulation: 2 });
   })(), o;
 })();
 var Lle = ["fieldSelect"];
@@ -31220,7 +31232,7 @@ var ep = (() => {
             break;
           case Hs.String:
           default:
-            e.filters = fi.instance();
+            e.filters = xi.instance();
             break;
         }
     }
@@ -31352,7 +31364,7 @@ var ep = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(ae2), _(es), _(_e2), _(ni), _(dt2, 8));
+      return new (i2 || t10)(_(le2), _(es), _(_e2), _(ni), _(dt2, 8));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-query-builder"]], contentQueries: function(i2, r5, s10) {
@@ -31368,7 +31380,7 @@ var ep = (() => {
     }, hostVars: 4, hostBindings: function(i2, r5) {
       i2 & 2 && (U("display", r5.display), J("igx-query-builder", r5.cssClass));
     }, inputs: { fields: "fields", expressionTree: "expressionTree", locale: "locale", resourceStrings: "resourceStrings" }, outputs: { expressionTreeChange: "expressionTreeChange" }, standalone: true, features: [Y, $5], ngContentSelectors: Ece, decls: 20, vars: 9, consts: [[3, "title", 4, "ngIf"], [1, "igx-query-builder__main", 3, "scroll"], ["expressionsContainer", ""], [4, "ngIf"], ["addExpressionsTemplate", ""], ["filterOperandTemplate", ""], ["expressionTreeTemplate", ""], ["igxToggle", "", 1, "igx-filter-contextual-menu", 3, "ngClass", "keydown", "closed"], ["igxButton", "icon", 1, "igx-filter-contextual-menu__close-btn", 3, "click"], ["igxOverlayOutlet", "", 1, "igx-query-builder__outlet", 3, "pointerdown"], ["overlayOutlet", ""], [3, "title"], ["igxButton", "outlined", 3, "displayDensity", "click"], ["addRootAndGroupButton", ""], [1, "igx-filter-empty"], [1, "igx-filter-empty__title"], ["igxButton", "outlined", 3, "displayDensity", "disabled", "click"], ["addConditionButton", ""], ["class", "igx-filter-tree__expression-item", 3, "mouseenter", "mouseleave", 4, "ngIf"], ["class", "igx-filter-tree__inputs", 4, "ngIf"], ["class", "igx-filter-tree__buttons", 4, "ngIf"], [1, "igx-filter-tree__expression-item", 3, "mouseenter", "mouseleave"], [3, "data", "displayDensity", "removable", "selected", "keydown", "click", "dblclick", "remove", "selectedChanged"], ["igxPrefix", "", 1, "igx-filter-tree__expression-column"], ["family", "imx-icons", 3, "name"], [1, "igx-filter-tree__expression-condition"], ["igxSuffix", "", 4, "ngIf"], ["class", "igx-filter-tree__expression-actions", 4, "ngIf"], ["igxSuffix", ""], [1, "igx-filter-tree__expression-actions"], ["tabindex", "0", 3, "keydown", "click"], ["tabindex", "0", 3, "keydown", "click", 4, "ngIf"], [1, "igx-filter-tree__inputs"], ["editingInputsContainer", ""], ["type", "box", 3, "displayDensity", "overlaySettings", "placeholder", "ngModel", "ngModelChange"], ["fieldSelect", ""], [3, "value", 4, "ngFor", "ngForOf"], ["type", "box", 3, "displayDensity", "overlaySettings", "placeholder", "ngModel", "disabled", "ngModelChange"], ["conditionSelect", ""], [3, "value", "text", 4, "ngFor", "ngForOf"], ["type", "box", 3, "displayDensity", 4, "ngIf"], ["type", "box", 3, "value", "readOnly", "displayDensity", "placeholder", "disabled", "locale", "outlet", "formatter", "displayFormat", "weekStart", "valueChange", "keydown", "click", 4, "ngIf"], ["type", "box", 3, "value", "displayDensity", "placeholder", "readOnly", "disabled", "locale", "outlet", "formatter", "inputFormat", "valueChange", "click", "keydown", 4, "ngIf"], ["type", "box", "type", "box", 3, "displayDensity", 4, "ngIf"], [1, "igx-filter-tree__inputs-actions"], ["igxButton", "icon", 3, "displayDensity", "disabled", "click"], ["igxButton", "icon", 3, "displayDensity", "click"], [3, "value"], [3, "value", "text"], [1, "igx-grid__filtering-dropdown-items"], [1, "igx-grid__filtering-dropdown-text"], ["type", "box", 3, "displayDensity"], ["igxInput", "", 3, "disabled", "type", "placeholder", "ngModel", "ngModelChange"], ["searchValueInput", ""], ["type", "box", 3, "value", "readOnly", "displayDensity", "placeholder", "disabled", "locale", "outlet", "formatter", "displayFormat", "weekStart", "valueChange", "keydown", "click"], ["picker", ""], ["type", "box", 3, "value", "displayDensity", "placeholder", "readOnly", "disabled", "locale", "outlet", "formatter", "inputFormat", "valueChange", "click", "keydown"], ["type", "box", "type", "box", 3, "displayDensity"], ["inputGroup", ""], ["igxInput", "", "tabindex", "0", 3, "placeholder", "ngModel", "disabled", "igxDateTimeEditor", "ngModelChange"], ["input", ""], [1, "igx-filter-tree__buttons"], ["addModeContainer", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "igx-filter-tree"], ["tabindex", "0", 1, "igx-filter-tree__line", 3, "ngClass", "keydown", "click"], [1, "igx-filter-tree__expression"], [4, "ngFor", "ngForOf"], ["currentGroupButtonsContainer", ""], ["igxButton", "outlined", 3, "displayDensity", "disabled", "click", 4, "ngIf"], ["type", "outline", 3, "displayDensity", "multiSelection", "values", "selected"], ["family", "imx-icons", "name", "ungroup"], ["igxButton", "outlined", 1, "igx-filter-contextual-menu__delete-btn", 3, "displayDensity", "click"]], template: function(i2, r5) {
-      i2 & 1 && (Se(Dce), m5(0, Yle, 1, 1, "igx-query-builder-header", 0), le2(1), f(2, "div", 1, 2), w5("scroll", function() {
+      i2 & 1 && (Se(Dce), m5(0, Yle, 1, 1, "igx-query-builder-header", 0), se(1), f(2, "div", 1, 2), w5("scroll", function() {
         return r5.onExpressionsScrolled();
       }), m5(4, Xle, 15, 5, "ng-container", 3), m5(5, Zle, 16, 9, "ng-template", null, 4, V), m5(7, hce, 3, 3, "ng-template", null, 5, V), m5(9, yce, 5, 7, "ng-template", null, 6, V), m5(11, wce, 2, 2, "ng-container", 3), f(12, "div", 7), w5("keydown", function(a) {
         return r5.onKeyDown(a);
@@ -31379,7 +31391,7 @@ var ep = (() => {
       }), f(14, "igx-icon"), C(15, "close"), x5()(), m5(16, Ice, 11, 8, "ng-container", 3), m5(17, Sce, 7, 6, "ng-container", 3), x5()(), f(18, "div", 9, 10), w5("pointerdown", function(a) {
         return r5.onOutletPointerDown(a);
       }), x5()), i2 & 2 && (u5("ngIf", !r5.headerContent), d(4), u5("ngIf", !r5.rootGroup), d(7), u5("ngIf", r5.rootGroup), d(1), u5("ngClass", Nt2(6, bce, r5.displayDensity === "cosy", r5.displayDensity === "compact")), d(4), u5("ngIf", r5.contextualGroup), d(1), u5("ngIf", !r5.contextualGroup));
-    }, dependencies: [se, Hd, Xe, he, ei, Be, Ue, Eo, yo, Qn, qn, Xo, He2, rs, At, vt2, fr, er, Vr, xr, an, Re2, Oe2, Lt, lo, yn, En, Fce], encapsulation: 2 });
+    }, dependencies: [ae2, Hd, Xe, he, ei, Be, Ue, Eo, yo, Qn, qn, Xo, He2, rs, At, vt2, fr, er, Vr, xr, an, Re2, Oe2, Lt, lo, yn, En, Fce], encapsulation: 2 });
   })(), o;
 })();
 var Oce = ["queryBuilder"];
@@ -31492,7 +31504,7 @@ var ms = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(ae2), _(_e2));
+      return new (i2 || t10)(_(le2), _(_e2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-advanced-filtering-dialog"]], viewQuery: function(i2, r5) {
@@ -31504,7 +31516,7 @@ var ms = (() => {
       i2 & 2 && U("display", r5.display);
     }, inputs: { grid: "grid" }, standalone: true, features: [$5], decls: 1, vars: 1, consts: [["class", "igx-advanced-filter", "igxDrag", "", 3, "ghost", "dragTolerance", "ngClass", "dragStart", "dragMove", "keydown", 4, "ngIf"], ["igxDrag", "", 1, "igx-advanced-filter", 3, "ghost", "dragTolerance", "ngClass", "dragStart", "dragMove", "keydown"], [3, "locale", "fields", "expressionTree"], ["queryBuilder", ""], ["igxDragHandle", "", 3, "title"], [1, "igx-excel-filter__secondary-footer"], [1, "igx-excel-filter__clear"], ["igxButton", "flat", "type", "button", 3, "displayDensity", "click"], [1, "igx-excel-filter__cancel"], [1, "igx-excel-filter__apply"], ["igxButton", "raised", "type", "button", 3, "displayDensity", "click"]], template: function(i2, r5) {
       i2 & 1 && m5(0, Hce, 14, 17, "article", 0), i2 & 2 && u5("ngIf", r5.grid);
-    }, dependencies: [se, So, Oe2, ep, Hd, Wu, Xe], encapsulation: 2 });
+    }, dependencies: [ae2, So, Oe2, ep, Hd, Wu, Xe], encapsulation: 2 });
   })(), o;
 })();
 var wn = (() => {
@@ -31515,7 +31527,7 @@ var wn = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(ae2), _(B), _(_e2));
+      return new (i2 || t10)(_(le2), _(B), _(_e2));
     };
   })(), (() => {
     t10.\u0275dir = N({ type: t10 });
@@ -31566,7 +31578,7 @@ var Qs = (() => {
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-excel-style-clear-filters"]], standalone: true, features: [$5], decls: 1, vars: 1, consts: [["tabindex", "0", "role", "menuitem", 3, "ngClass", "keydown", "click", 4, "ngIf"], ["tabindex", "0", "role", "menuitem", 3, "ngClass", "keydown", "click"]], template: function(i2, r5) {
       i2 & 1 && m5(0, Lce, 5, 3, "div", 0), i2 & 2 && u5("ngIf", r5.esf.column);
-    }, dependencies: [se, Oe2, he], encapsulation: 2 });
+    }, dependencies: [ae2, Oe2, he], encapsulation: 2 });
   })(), o;
 })();
 var Bce = ["overlayOutlet"];
@@ -31704,7 +31716,7 @@ var wf = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(ae2), _(_e2));
+      return new (i2 || t10)(_(le2), _(_e2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-excel-style-default-expression"]], viewQuery: function(i2, r5) {
@@ -31720,7 +31732,7 @@ var wf = (() => {
       }), x5()(), m5(10, Qce, 3, 1, "button", 9), m5(11, qce, 8, 7, "igx-buttongroup", 10), f(12, "div", 11, 12), w5("pointerdown", function(a) {
         return r5.onOutletPointerDown(a);
       }), x5()), i2 & 2 && (u5("displayDensity", r5.displayDensity)("placeholder", r5.conditionsPlaceholder)("overlaySettings", r5.dropDownOverlaySettings), d(3), u5("ngIf", r5.expressionUI.expression.condition), d(1), u5("ngIf", !r5.expressionUI.expression.condition), d(1), u5("ngForOf", r5.conditions), d(1), u5("displayDensity", r5.displayDensity), d(2), u5("type", r5.type)("placeholder", r5.inputValuePlaceholder)("disabled", r5.expressionUI.expression.condition && r5.expressionUI.expression.condition.isUnary)("value", r5.expressionUI.expression.searchVal), d(2), u5("ngIf", !r5.isSingle), d(1), u5("ngIf", !r5.isLast));
-    }, dependencies: [Eo, Be, se, he, He2, rs, At, vt2, Xe, lo, yn], encapsulation: 2 });
+    }, dependencies: [Eo, Be, ae2, he, He2, rs, At, vt2, Xe, lo, yn], encapsulation: 2 });
   })(), o;
 })();
 var Kce = ["input"];
@@ -31864,7 +31876,7 @@ var oD = (() => {
       }), f(2, "igx-prefix"), m5(3, Xce, 1, 1, "igx-icon", 2), m5(4, Zce, 2, 0, "igx-icon", 3), x5(), m5(5, Jce, 4, 5, "igx-select-item", 4), x5(), m5(6, ede, 4, 10, "igx-date-picker", 5), m5(7, tde, 4, 10, "igx-time-picker", 6), m5(8, ide, 5, 5, "igx-input-group", 7), m5(9, nde, 3, 1, "button", 8), m5(10, rde, 8, 7, "igx-buttongroup", 9), f(11, "div", 10, 11), w5("pointerdown", function(a) {
         return r5.onOutletPointerDown(a);
       }), x5()), i2 & 2 && (u5("displayDensity", r5.displayDensity)("placeholder", r5.conditionsPlaceholder)("overlaySettings", r5.dropDownOverlaySettings), d(3), u5("ngIf", r5.expressionUI.expression.condition), d(1), u5("ngIf", !r5.expressionUI.expression.condition), d(1), u5("ngForOf", r5.conditions), d(1), u5("ngIf", r5.column.dataType === "date"), d(1), u5("ngIf", r5.column.dataType === "time"), d(1), u5("ngIf", r5.column.dataType === "dateTime"), d(1), u5("ngIf", !r5.isSingle), d(1), u5("ngIf", !r5.isLast));
-    }, dependencies: [Eo, Be, se, he, He2, rs, fr, er, Vr, xr, At, yo, Qn, qn, Xo, vt2, an, Xe, lo, yn], encapsulation: 2 });
+    }, dependencies: [Eo, Be, ae2, he, He2, rs, fr, er, Vr, xr, At, yo, Qn, qn, Xo, vt2, an, Xe, lo, yn], encapsulation: 2 });
   })(), o;
 })();
 var tp = class {
@@ -32014,7 +32026,7 @@ var sD = (() => {
         case te2.DateTime:
           return $t.instance().condition(e);
         default:
-          return fi.instance().condition(e);
+          return xi.instance().condition(e);
       }
     }
     markChildrenForCheck() {
@@ -32035,7 +32047,7 @@ var sD = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(ui), _(ae2), _(_e2));
+      return new (i2 || t10)(_(ui), _(le2), _(_e2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-excel-style-custom-dialog"]], viewQuery: function(i2, r5) {
@@ -32061,7 +32073,7 @@ var sD = (() => {
       })("keydown", function(a) {
         return r5.onApplyButtonKeyDown(a);
       }), C(23), x5()()()()), i2 & 2 && (u5("ngClass", Nt2(13, hde, r5.grid.displayDensity === "cosy", r5.grid.displayDensity === "compact")), d(4), va(" ", r5.grid.resourceStrings.igx_grid_excel_custom_dialog_header, "", r5.column.header || r5.column.field, " "), d(3), u5("ngIf", r5.column.dataType === "date" || r5.column.dataType === "dateTime" || r5.column.dataType === "time"), d(1), u5("ngIf", r5.column.dataType !== "date" && r5.column.dataType !== "dateTime" && r5.column.dataType !== "time"), d(1), u5("displayDensity", r5.displayDensity), d(4), Q(r5.grid.resourceStrings.igx_grid_excel_custom_dialog_add), d(3), u5("displayDensity", r5.displayDensity), d(1), Z(" ", r5.grid.resourceStrings.igx_grid_excel_custom_dialog_clear, " "), d(2), u5("displayDensity", r5.displayDensity), d(1), Z(" ", r5.grid.resourceStrings.igx_grid_excel_cancel, " "), d(2), u5("displayDensity", r5.displayDensity), d(1), Z(" ", r5.grid.resourceStrings.igx_grid_excel_apply, " "));
-    }, dependencies: [Lt, Oe2, se, He2, oD, wf, Xe, he], encapsulation: 2 });
+    }, dependencies: [Lt, Oe2, ae2, He2, oD, wf, Xe, he], encapsulation: 2 });
   })(), o;
 })();
 var gde = ["customDialog"];
@@ -32175,7 +32187,7 @@ var qs = (() => {
       }
     }, standalone: true, features: [$5], decls: 1, vars: 1, consts: [[4, "ngIf"], ["tabindex", "0", "role", "menuitem", "aria-haspopup", "true", 1, "igx-excel-filter__actions-filter", 3, "igxDropDownItemNavigation", "keydown", "click"], [3, "maxHeight", "displayDensity", "allowItemsFocus", "selectionChanging", "closed"], ["subMenu", ""], [3, "value", 4, "ngFor", "ngForOf"], [3, "column", "filteringService", "overlayComponentId", "displayDensity"], ["customDialog", ""], [3, "value"], [1, "igx-grid__filtering-dropdown-items"], ["family", "imx-icons", 3, "name"], [1, "igx-grid__filtering-dropdown-text"]], template: function(i2, r5) {
       i2 & 1 && m5(0, _de, 13, 11, "ng-container", 0), i2 & 2 && u5("ngIf", r5.esf.column);
-    }, dependencies: [se, Yn, he, $n, He2, jn, sD], encapsulation: 2 });
+    }, dependencies: [ae2, Yn, he, $n, He2, jn, sD], encapsulation: 2 });
   })(), o;
 })();
 var eg = (() => {
@@ -32418,7 +32430,7 @@ var ir = (() => {
         let s10 = P(8);
         H("aria-valuemax", r5.max)("aria-valuenow", r5.value), d(6), u5("ngTemplateOutlet", r5.gradientTemplate ? r5.gradientTemplate.template : s10)("ngTemplateOutletContext", ze(5, Tde, r5.gradientId)), d(3), u5("ngIf", r5.textVisibility);
       }
-    }, dependencies: [Re2, se], encapsulation: 2 });
+    }, dependencies: [Re2, ae2], encapsulation: 2 });
   })(), o;
 })();
 var aD = (o, t10, n = 0) => Math.max(Math.min(o, t10), n);
@@ -32774,7 +32786,7 @@ function Gde(o, t10) {
   o & 1 && m5(0, Bde, 0, 0, "ng-template");
 }
 function zde(o, t10) {
-  o & 1 && (f(0, "div", 7, 8), le2(2), x5());
+  o & 1 && (f(0, "div", 7, 8), se(2), x5());
 }
 function jde(o, t10) {
   if (o & 1 && (f(0, "igx-icon"), C(1), x5()), o & 2) {
@@ -32861,7 +32873,7 @@ function tue(o, t10) {
       I(n);
       let i2 = h();
       return S(i2.clearFocus());
-    }), f(2, "div", 12), m5(3, Ude, 1, 0, "span", 13), x5(), m5(4, Kde, 2, 7, "span", 14), m5(5, Yde, 2, 3, "span", 15), m5(6, Zde, 2, 1, "div", 16), f(7, "div", 17), le2(8, 1), x5()(), f(9, "div", 18), m5(10, Jde, 1, 0, "span", 13), k5(11, "div"), x5();
+    }), f(2, "div", 12), m5(3, Ude, 1, 0, "span", 13), x5(), m5(4, Kde, 2, 7, "span", 14), m5(5, Yde, 2, 3, "span", 15), m5(6, Zde, 2, 1, "div", 16), f(7, "div", 17), se(8, 1), x5()(), f(9, "div", 18), m5(10, Jde, 1, 0, "span", 13), k5(11, "div"), x5();
   }
   if (o & 2) {
     let n = h();
@@ -33070,7 +33082,7 @@ var np = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(kv), _(jd), _(zd), _(ip), _(ae2), _(eo), _(B), _(Gd, 12));
+      return new (i2 || t10)(_(kv), _(jd), _(zd), _(ip), _(le2), _(eo), _(B), _(Gd, 12));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-tree-node"]], contentQueries: function(i2, r5, s10) {
@@ -33090,7 +33102,7 @@ var np = (() => {
         let s10 = P(1);
         d(2), u5("ngTemplateOutlet", s10), d(1), u5("ngIf", r5.expanded && !r5.loading);
       }
-    }, dependencies: [Re2, se, he, Ut, Oe2, He2, ir], encapsulation: 2 });
+    }, dependencies: [Re2, ae2, he, Ut, Oe2, He2, ir], encapsulation: 2 });
   })(), o;
 })();
 var lue = [[["igx-tree-node"]]];
@@ -33209,7 +33221,7 @@ var rp = (() => {
     }, inputs: { selection: "selection", singleBranchExpand: "singleBranchExpand", animationSettings: "animationSettings" }, outputs: { nodeSelection: "nodeSelection", nodeExpanding: "nodeExpanding", nodeExpanded: "nodeExpanded", nodeCollapsing: "nodeCollapsing", nodeCollapsed: "nodeCollapsed", activeNodeChanged: "activeNodeChanged" }, standalone: true, features: [fe([zd, jd, ip, { provide: kv, useExisting: t10 }]), Y, $5], ngContentSelectors: cue, decls: 2, vars: 0, consts: [["role", "tree", 1, "igx-tree__root", 3, "keydown"]], template: function(i2, r5) {
       i2 & 1 && (Se(lue), f(0, "div", 0), w5("keydown", function(a) {
         return r5.handleKeydown(a);
-      }), le2(1), x5());
+      }), se(1), x5());
     }, encapsulation: 2 });
   })(), o;
 })();
@@ -33305,16 +33317,16 @@ function xue(o, t10) {
   }
 }
 function _ue(o, t10) {
-  o & 1 && le2(0);
+  o & 1 && se(0);
 }
 function vue(o, t10) {
-  o & 1 && (f(0, "div", 12), le2(1, 1), x5());
+  o & 1 && (f(0, "div", 12), se(1, 1), x5());
 }
 function yue(o, t10) {
-  o & 1 && (f(0, "div", 13), le2(1, 2), x5());
+  o & 1 && (f(0, "div", 13), se(1, 2), x5());
 }
 function Cue(o, t10) {
-  o & 1 && (f(0, "div", 14), le2(1, 3), x5());
+  o & 1 && (f(0, "div", 14), se(1, 3), x5());
 }
 function wue(o, t10) {
   o & 1 && q3(0);
@@ -33481,9 +33493,9 @@ var $c = (() => {
       })("panend", function() {
         return r5.panEnd();
       }), i2 & 2 && (H("aria-label", r5.ariaLabel)("role", r5.role), U("touch-action", r5.touchAction)("display", r5.display), J("igx-list__header", r5.headerStyle)("igx-list__item-base", r5.innerStyle));
-    }, inputs: { isHeader: "isHeader", hidden: "hidden", index: "index" }, standalone: true, features: [fe([_i]), $5], ngContentSelectors: Mue, decls: 12, vars: 4, consts: [["class", "igx-list__item-right", 3, "width", "height", 4, "ngIf"], ["class", "igx-list__item-left", 3, "width", "height", 4, "ngIf"], ["itemsContent", ""], ["itemThumbnails", ""], ["itemLines", ""], ["itemActions", ""], [4, "ngIf"], [1, "igx-list__item-right"], ["leftPanningTmpl", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "igx-list__item-left"], ["rightPanningTmpl", ""], [1, "igx-list__item-thumbnail"], [1, "igx-list__item-lines"], [1, "igx-list__item-actions"], [4, "ngTemplateOutlet"], [1, "igx-list__item-content"]], template: function(i2, r5) {
+    }, inputs: { isHeader: "isHeader", hidden: "hidden", index: "index" }, standalone: true, features: [fe([vi]), $5], ngContentSelectors: Mue, decls: 12, vars: 4, consts: [["class", "igx-list__item-right", 3, "width", "height", 4, "ngIf"], ["class", "igx-list__item-left", 3, "width", "height", 4, "ngIf"], ["itemsContent", ""], ["itemThumbnails", ""], ["itemLines", ""], ["itemActions", ""], [4, "ngIf"], [1, "igx-list__item-right"], ["leftPanningTmpl", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "igx-list__item-left"], ["rightPanningTmpl", ""], [1, "igx-list__item-thumbnail"], [1, "igx-list__item-lines"], [1, "igx-list__item-actions"], [4, "ngTemplateOutlet"], [1, "igx-list__item-content"]], template: function(i2, r5) {
       i2 & 1 && (Se(Rue), m5(0, mue, 3, 6, "div", 0), m5(1, xue, 3, 6, "div", 1), m5(2, _ue, 1, 0, "ng-template", null, 2, V), m5(4, vue, 2, 0, "ng-template", null, 3, V), m5(6, yue, 2, 0, "ng-template", null, 4, V), m5(8, Cue, 2, 0, "ng-template", null, 5, V), m5(10, Iue, 2, 1, "ng-container", 6), m5(11, Tue, 6, 4, "ng-container", 6)), i2 & 2 && (u5("ngIf", !r5.isHeader && r5.list.listItemLeftPanningTemplate), d(1), u5("ngIf", !r5.isHeader && r5.list.listItemRightPanningTemplate), d(9), u5("ngIf", r5.isHeader), d(1), u5("ngIf", !r5.isHeader));
-    }, dependencies: [se, Re2], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [ae2, Re2], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 var Pue = ["defaultEmptyList"];
@@ -33579,8 +33591,8 @@ var $d = (() => {
     }, hostVars: 10, hostBindings: function(i2, r5) {
       i2 & 2 && (H("id", r5.id)("role", r5.role), J("igx-list--empty", r5.isListEmpty)("igx-list", r5.cssClass)("igx-list--compact", r5.cssClassCompact)("igx-list--cosy", r5.cssClassCosy));
     }, inputs: { panEndTriggeringThreshold: "panEndTriggeringThreshold", id: "id", allowLeftPanning: "allowLeftPanning", allowRightPanning: "allowRightPanning", isLoading: "isLoading", resourceStrings: "resourceStrings" }, outputs: { leftPan: "leftPan", rightPan: "rightPan", startPan: "startPan", endPan: "endPan", resetPan: "resetPan", panStateChange: "panStateChange", itemClicked: "itemClicked" }, standalone: true, features: [fe([{ provide: Df, useExisting: t10 }]), Y, $5], ngContentSelectors: Hue, decls: 6, vars: 1, consts: [["defaultEmptyList", ""], ["defaultDataLoading", ""], [4, "ngIf"], [1, "igx-list__message"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function(i2, r5) {
-      i2 & 1 && (Se(), le2(0), m5(1, Fue, 2, 1, "ng-template", null, 0, V), m5(3, Vue, 2, 1, "ng-template", null, 1, V), m5(5, Nue, 2, 2, "ng-container", 2)), i2 & 2 && (d(5), u5("ngIf", !r5.children || r5.children.length === 0 || r5.isLoading));
-    }, dependencies: [se, Re2], encapsulation: 2 });
+      i2 & 1 && (Se(), se(0), m5(1, Fue, 2, 1, "ng-template", null, 0, V), m5(3, Vue, 2, 1, "ng-template", null, 1, V), m5(5, Nue, 2, 2, "ng-container", 2)), i2 & 2 && (d(5), u5("ngIf", !r5.children || r5.children.length === 0 || r5.isLoading));
+    }, dependencies: [ae2, Re2], encapsulation: 2 });
   })(), o;
 })();
 var Gue = ["input"];
@@ -33985,7 +33997,7 @@ var Or = (() => {
         case te2.DateTime:
           return $t.instance().condition(e);
         default:
-          return fi.instance().condition(e);
+          return xi.instance().condition(e);
       }
     }
     rejectNonNumericalEntries() {
@@ -33997,7 +34009,7 @@ var Or = (() => {
     t10.filterOptimizationThreshold = 2;
   })(), (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(ae2), _(wn), _(_e2));
+      return new (i2 || t10)(_(le2), _(wn), _(_e2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-excel-style-search"]], viewQuery: function(i2, r5) {
@@ -34019,7 +34031,7 @@ var Or = (() => {
       }), C(15), x5()(), f(16, "div", 12)(17, "button", 13), w5("click", function() {
         return r5.applyFilter();
       }), C(18), x5()()()), i2 & 2 && (u5("displayDensity", r5.esf.displayDensity), d(3), u5("ngModel", r5.searchValue)("placeholder", r5.esf.column == null ? null : r5.esf.column.grid.resourceStrings.igx_grid_excel_search_placeholder), d(2), u5("ngIf", r5.searchValue || r5.searchValue === 0), d(1), u5("ngIf", !r5.isHierarchical()), d(1), u5("ngIf", r5.isHierarchical()), d(7), u5("displayDensity", r5.esf.displayDensity), d(1), Z(" ", r5.esf.grid == null ? null : r5.esf.grid.resourceStrings.igx_grid_excel_cancel, " "), d(2), u5("displayDensity", r5.esf.displayDensity)("disabled", r5.applyButtonDisabled), d(1), Z(" ", r5.esf.grid == null ? null : r5.esf.grid.resourceStrings.igx_grid_excel_apply, " "));
-    }, dependencies: [At, he, Be, yo, Qn, qn, Xo, vt2, se, Ue, $d, Oa, $c, Ut, jc, Re2, zc, rp, He2, np, ir, Xe], encapsulation: 2 });
+    }, dependencies: [At, he, Be, yo, Qn, qn, Xo, vt2, ae2, Ue, $d, Oa, $c, Ut, jc, Re2, zc, rp, He2, np, ir, Xe], encapsulation: 2 });
   })(), o;
 })();
 function vpe(o, t10) {
@@ -34049,7 +34061,7 @@ var Ks = (() => {
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-excel-style-selecting"]], standalone: true, features: [$5], decls: 1, vars: 1, consts: [["tabindex", "0", "role", "button", 3, "ngClass", "click", 4, "ngIf"], ["tabindex", "0", "role", "button", 3, "ngClass", "click"]], template: function(i2, r5) {
       i2 & 1 && m5(0, vpe, 5, 3, "div", 0), i2 & 2 && u5("ngIf", r5.esf.column);
-    }, dependencies: [se, Oe2, he], encapsulation: 2 });
+    }, dependencies: [ae2, Oe2, he], encapsulation: 2 });
   })(), o;
 })();
 function ype(o, t10) {
@@ -34079,7 +34091,7 @@ var Ys = (() => {
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-excel-style-hiding"]], standalone: true, features: [$5], decls: 1, vars: 1, consts: [["class", "igx-excel-filter__actions-hide", "tabindex", "0", "role", "menuitem", 3, "click", 4, "ngIf"], ["tabindex", "0", "role", "menuitem", 1, "igx-excel-filter__actions-hide", 3, "click"]], template: function(i2, r5) {
       i2 & 1 && m5(0, ype, 5, 2, "div", 0), i2 & 2 && u5("ngIf", r5.esf.column);
-    }, dependencies: [se, he], encapsulation: 2 });
+    }, dependencies: [ae2, he], encapsulation: 2 });
   })(), o;
 })();
 function Cpe(o, t10) {
@@ -34109,7 +34121,7 @@ var Xs = (() => {
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-excel-style-pinning"]], standalone: true, features: [$5], decls: 1, vars: 1, consts: [["tabindex", "0", "role", "menuitem", 3, "ngClass", "click", 4, "ngIf"], ["tabindex", "0", "role", "menuitem", 3, "ngClass", "click"], ["family", "imx-icons", 3, "name"]], template: function(i2, r5) {
       i2 & 1 && m5(0, Cpe, 4, 3, "div", 0), i2 & 2 && u5("ngIf", r5.esf.column);
-    }, dependencies: [se, Oe2, he], encapsulation: 2 });
+    }, dependencies: [ae2, Oe2, he], encapsulation: 2 });
   })(), o;
 })();
 function wpe(o, t10) {
@@ -34171,7 +34183,7 @@ var Zs = (() => {
       i2 & 2 && J("igx-excel-filter__move", r5.defaultClass);
     }, standalone: true, features: [$5], decls: 1, vars: 1, consts: [[4, "ngIf"], [3, "multiSelection"], ["igxButton", "", 3, "displayDensity", "disabled", "click"]], template: function(i2, r5) {
       i2 & 1 && m5(0, wpe, 14, 8, "ng-container", 0), i2 & 2 && u5("ngIf", r5.esf.column);
-    }, dependencies: [se, lo, Xe, he], encapsulation: 2 });
+    }, dependencies: [ae2, lo, Xe, he], encapsulation: 2 });
   })(), o;
 })();
 var Ipe = ["sortButtonGroup"];
@@ -34219,7 +34231,7 @@ var Js = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(wn), _(ae2));
+      return new (i2 || t10)(_(wn), _(le2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-excel-style-sorting"]], viewQuery: function(i2, r5) {
@@ -34231,7 +34243,7 @@ var Js = (() => {
       i2 & 2 && J("igx-excel-filter__sort", r5.defaultClass);
     }, standalone: true, features: [$5], decls: 1, vars: 1, consts: [[4, "ngIf"], [3, "multiSelection"], ["sortButtonGroup", ""], ["igxButton", "", 3, "displayDensity", "click"]], template: function(i2, r5) {
       i2 & 1 && m5(0, Spe, 15, 8, "ng-container", 0), i2 & 2 && u5("ngIf", r5.esf.column);
-    }, dependencies: [se, lo, Xe, he], encapsulation: 2 });
+    }, dependencies: [ae2, lo, Xe, he], encapsulation: 2 });
   })(), o;
 })();
 function Dpe(o, t10) {
@@ -34295,7 +34307,7 @@ var ea = (() => {
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-excel-style-header"]], inputs: { showPinning: "showPinning", showSelecting: "showSelecting", showHiding: "showHiding" }, standalone: true, features: [$5], decls: 1, vars: 1, consts: [["class", "igx-excel-filter__menu-header", 4, "ngIf"], [1, "igx-excel-filter__menu-header"], [1, "igx-excel-filter__menu-header-actions"], ["igxButton", "icon", 3, "ngClass", "click", 4, "ngIf"], ["igxButton", "icon", 3, "click", 4, "ngIf"], ["igxButton", "icon", 3, "ngClass", "click"], ["igxButton", "icon", 3, "click"], ["family", "imx-icons", 3, "name"]], template: function(i2, r5) {
       i2 & 1 && m5(0, Tpe, 7, 4, "header", 0), i2 & 2 && u5("ngIf", r5.esf.column);
-    }, dependencies: [se, Xe, Oe2, he], encapsulation: 2 });
+    }, dependencies: [ae2, Xe, Oe2, he], encapsulation: 2 });
   })(), o;
 })();
 var Rpe = ["mainDropdown"];
@@ -34326,10 +34338,10 @@ function Hpe(o, t10) {
   o & 1 && k5(0, "igx-excel-style-clear-filters")(1, "igx-excel-style-conditional-filter")(2, "igx-excel-style-search");
 }
 function Lpe(o, t10) {
-  o & 1 && (z(0), le2(1), j3());
+  o & 1 && (z(0), se(1), j3());
 }
 function Bpe(o, t10) {
-  o & 1 && (z(0), le2(1, 1), j3());
+  o & 1 && (z(0), se(1, 1), j3());
 }
 var Gpe = [[["igx-excel-style-column-operations"], ["", "igxExcelStyleColumnOperations", ""]], [["igx-excel-style-filter-operations"], ["", "igxExcelStyleFilterOperations", ""]]];
 var zpe = function(o, t10) {
@@ -34563,7 +34575,7 @@ var Pn = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(ae2), _(B), _(_e2), _(Me2, 9));
+      return new (i2 || t10)(_(le2), _(B), _(_e2), _(Me2, 9));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-grid-excel-style-filtering"]], contentQueries: function(i2, r5, s10) {
@@ -34578,14 +34590,14 @@ var Pn = (() => {
       }
     }, hostVars: 6, hostBindings: function(i2, r5) {
       i2 & 2 && (U("max-height", r5.maxHeight), J("igx-excel-filter", r5.defaultClass)("igx-excel-filter--inline", r5.inline));
-    }, inputs: { column: "column", minHeight: "minHeight", maxHeight: "maxHeight" }, outputs: { loadingStart: "loadingStart", loadingEnd: "loadingEnd", initialized: "initialized", sortingChanged: "sortingChanged", columnChange: "columnChange", listDataLoaded: "listDataLoaded" }, standalone: true, features: [fe([{ provide: wn, useExisting: gi(() => t10) }]), Y, $5], ngContentSelectors: jpe, decls: 8, vars: 13, consts: [["defaultExcelColumnOperations", ""], ["defaultExcelFilterOperations", ""], ["role", "menu", 1, "igx-excel-filter__menu", 3, "ngClass", "id", "keydown"], ["mainDropdown", ""], [4, "ngIf", "ngIfElse"], [3, "showHiding", "showPinning", "showSelecting"], [4, "ngIf"]], template: function(i2, r5) {
+    }, inputs: { column: "column", minHeight: "minHeight", maxHeight: "maxHeight" }, outputs: { loadingStart: "loadingStart", loadingEnd: "loadingEnd", initialized: "initialized", sortingChanged: "sortingChanged", columnChange: "columnChange", listDataLoaded: "listDataLoaded" }, standalone: true, features: [fe([{ provide: wn, useExisting: mi(() => t10) }]), Y, $5], ngContentSelectors: jpe, decls: 8, vars: 13, consts: [["defaultExcelColumnOperations", ""], ["defaultExcelFilterOperations", ""], ["role", "menu", 1, "igx-excel-filter__menu", 3, "ngClass", "id", "keydown"], ["mainDropdown", ""], [4, "ngIf", "ngIfElse"], [3, "showHiding", "showPinning", "showSelecting"], [4, "ngIf"]], template: function(i2, r5) {
       if (i2 & 1 && (Se(Gpe), m5(0, Npe, 6, 8, "ng-template", null, 0, V), m5(2, Hpe, 3, 0, "ng-template", null, 1, V), f(4, "article", 2, 3), w5("keydown", function(a) {
         return r5.onKeyDown(a);
       }), m5(6, Lpe, 2, 0, "ng-container", 4), m5(7, Bpe, 2, 0, "ng-container", 4), x5()), i2 & 2) {
         let s10 = P(1), a = P(3);
         d(4), U("min-height", r5.minHeight)("max-height", r5.maxHeight), u5("ngClass", Nt2(10, zpe, r5.displayDensity === "cosy", r5.displayDensity === "compact"))("id", r5.overlayComponentId), d(2), u5("ngIf", r5.excelColumnOperationsDirective)("ngIfElse", s10), d(1), u5("ngIf", r5.excelFilterOperationsDirective)("ngIfElse", a);
       }
-    }, dependencies: [ea, se, Js, Zs, Xs, Ys, Ks, Qs, qs, Or, Oe2], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [ea, ae2, Js, Zs, Xs, Ys, Ks, Qs, qs, Or, Oe2], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 var LR = [Pn, ea, Js, Xs, Ys, Ks, Qs, qs, Zs, Or, Nr, Hr, xs];
@@ -34599,7 +34611,7 @@ var $l = (() => {
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-grid-footer"]], standalone: true, features: [$5], ngContentSelectors: $pe, decls: 1, vars: 0, template: function(i2, r5) {
-      i2 & 1 && (Se(), le2(0));
+      i2 & 1 && (Se(), se(0));
     }, encapsulation: 2 });
   })(), o;
 })();
@@ -34745,7 +34757,7 @@ var qa = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(B), _(Qe2), _(we2), _(xt), _(ae2), _(Zh), _(_e2));
+      return new (i2 || t10)(_(B), _(Qe2), _(we2), _(xt), _(le2), _(Zh), _(_e2));
     };
   })(), (() => {
     t10.\u0275dir = N({ type: t10, selectors: [["", "igxColumnMovingDrag", ""]], inputs: { column: ["igxColumnMovingDrag", "column"] }, standalone: true, features: [Y] });
@@ -35330,7 +35342,7 @@ var Br = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(Me2), _(Hi), _(ae2), _(B));
+      return new (i2 || t10)(_(Me2), _(Hi), _(le2), _(B));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-grid-header"]], viewQuery: function(i2, r5) {
@@ -35351,7 +35363,7 @@ var Br = (() => {
         let s10 = P(1);
         d(7), u5("ngTemplateOutlet", r5.column.headerTemplate ? r5.column.headerTemplate : s10)("ngTemplateOutletContext", Nt2(3, nhe, r5.column, r5.column)), d(1), u5("ngIf", !r5.column.columnGroup);
       }
-    }, dependencies: [he, Re2, se, Oe2, Qv], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [he, Re2, ae2, Oe2, Qv], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 var Kv = class extends Ii {
@@ -35749,7 +35761,7 @@ var bf = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(ae2), _(ti));
+      return new (i2 || t10)(_(le2), _(ti));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-grid-filtering-cell"]], viewQuery: function(i2, r5) {
@@ -35761,7 +35773,7 @@ var bf = (() => {
       i2 & 2 && si(r5.styleClasses);
     }, inputs: { column: "column" }, standalone: true, features: [$5], decls: 7, vars: 2, consts: [["emptyFilter", ""], ["defaultFilter", ""], ["complexFilter", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "igx-filtering-chips"], [3, "displayDensity", "tabIndex", "click"], ["ghostChip", ""], ["igxPrefix", ""], ["chipsArea", ""], [4, "ngFor", "ngForOf"], [3, "ngClass", "click"], ["moreIcon", ""], [3, "value"], [3, "removable", "tabIndex", "displayDensity", "click", "remove", 4, "ngIf"], ["class", "igx-filtering-chips__connector", 4, "ngIf"], [3, "removable", "tabIndex", "displayDensity", "click", "remove"], ["igxPrefix", "", "family", "imx-icons", 3, "name"], ["label", ""], [1, "igx-filtering-chips__connector"], [3, "removable", "displayDensity", "tabIndex", "remove"], ["complexChip", ""]], template: function(i2, r5) {
       i2 & 1 && (m5(0, uhe, 7, 7, "ng-template", null, 0, V), m5(2, mhe, 8, 3, "ng-template", null, 1, V), m5(4, fhe, 6, 4, "ng-template", null, 2, V), m5(6, xhe, 1, 0, "ng-container", 3)), i2 & 2 && (d(6), u5("ngTemplateOutlet", r5.template)("ngTemplateOutletContext", r5.context));
-    }, dependencies: [co, ei, he, Be, He2, se, Oe2, qu, Re2], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [co, ei, he, Be, He2, ae2, Oe2, qu, Re2], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 var Yv = (() => {
@@ -35835,7 +35847,7 @@ var Ho = (() => {
       if (e.detail.owner instanceof qa && this.isDropTarget && this.cms.column !== this.column && this.cms.column.level === this.column.level && this.cms.column.parent === this.column.parent) {
         this._lastDropIndicator && this.renderer.removeClass(this._dropIndicator, this._dropIndicatorClass);
         let r5 = this.nativeElement.getBoundingClientRect(), s10 = r5.left + r5.width / 2, a = this.nativeElement.parentElement;
-        e.detail.pageX < s10 ? (this._dropPos = yi.BeforeDropTarget, this._lastDropIndicator = this._dropIndicator = a.firstElementChild) : (this._dropPos = yi.AfterDropTarget, this._lastDropIndicator = this._dropIndicator = a.lastElementChild), this.cms.icon.innerText !== "block" && this.renderer.addClass(this._dropIndicator, this._dropIndicatorClass);
+        e.detail.pageX < s10 ? (this._dropPos = Ci.BeforeDropTarget, this._lastDropIndicator = this._dropIndicator = a.firstElementChild) : (this._dropPos = Ci.AfterDropTarget, this._lastDropIndicator = this._dropIndicator = a.lastElementChild), this.cms.icon.innerText !== "block" && this.renderer.addClass(this._dropIndicator, this._dropIndicatorClass);
       }
     }
     onDragEnter(e) {
@@ -36143,7 +36155,7 @@ var nr = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(ae2), _(Me2), _(B), _(Hi), _(ti), _(_e2));
+      return new (i2 || t10)(_(le2), _(Me2), _(B), _(Hi), _(ti), _(_e2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-grid-header-group"]], viewQuery: function(i2, r5) {
@@ -36157,7 +36169,7 @@ var nr = (() => {
       }), i2 & 2 && (H("id", r5.headerID), U("grid-row-end", r5.rowEnd)("grid-column-end", r5.colEnd)("grid-row-start", r5.rowStart)("grid-column-start", r5.colStart)("z-index", r5.zIndex)("display", r5.groupDisplayStyle), J("igx-grid-th--active", r5.active)("igx-grid-thead__item", r5.defaultCss)("igx-grid-th--pinned", r5.pinnedCss)("igx-grid-th--pinned-last", r5.pinnedLastCss)("igx-grid-th--pinned-first", r5.pinnedFirstCSS)("igx-grid__drag-col-header", r5.headerDragCss)("igx-grid-th--filtering", r5.filteringCss));
     }, inputs: { column: "column" }, standalone: true, features: [$5], decls: 7, vars: 3, consts: [[4, "ngIf"], ["defaultColumn", ""], ["defaultCollapseIndicator", ""], ["class", "igx-grid-th__drop-indicator-left", 4, "ngIf"], [1, "igx-grid-thead__group", "igx-grid__mrl-block", 3, "ngClass", "ngStyle"], [4, "ngFor", "ngForOf"], ["class", "igx-grid-th__drop-indicator-right", 4, "ngIf"], [1, "igx-grid-th__drop-indicator-left"], ["class", "igx-grid-thead__subgroup", 3, "ngClass", "ngStyle", "column", "igxColumnMovingDrag", "ghostHost", "igxColumnMovingDrop", 4, "ngIf"], [1, "igx-grid-thead__subgroup", 3, "ngClass", "ngStyle", "column", "igxColumnMovingDrag", "ghostHost", "igxColumnMovingDrop"], [1, "igx-grid-th__drop-indicator-right"], [1, "igx-grid-th__group-title", 3, "title"], ["role", "columnheader", 1, "igx-grid-thead__title", 3, "ngClass", "igxColumnMovingDrag", "ghostHost", "igxColumnMovingDrop", "pointerdown", "click", "pointerenter", "pointerleave"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["class", "igx-grid-thead__group", 4, "ngIf"], [1, "igx-grid-th__expander", 3, "click"], [1, "igx-grid-thead__group"], ["class", "igx-grid-thead__subgroup", 3, "ngClass", "ngStyle", "column", "min-width", "flex-basis", 4, "ngIf"], [1, "igx-grid-thead__subgroup", 3, "ngClass", "ngStyle", "column"], ["role", "columnheader", 1, "igx-grid-th--fw", 3, "id", "ngClass", "ngStyle", "igxColumnMovingDrag", "ghostHost", "igxColumnMovingDrop", "column", "density", "pointerdown"], [3, "column", 4, "ngIf"], ["class", "igx-grid-th__resize-handle", 3, "igxResizeHandle", "cursor", 4, "ngIf"], [3, "column"], [1, "igx-grid-th__resize-handle", 3, "igxResizeHandle"]], template: function(i2, r5) {
       i2 & 1 && (m5(0, She, 5, 11, "ng-container", 0), m5(1, Dhe, 2, 2, "ng-template", null, 1, V), m5(3, bhe, 2, 2, "ng-template", null, 2, V), m5(5, Ohe, 7, 24, "ng-container", 0), m5(6, Ghe, 7, 17, "ng-container", 0)), i2 & 2 && (u5("ngIf", r5.grid.hasColumnLayouts && r5.column.columnGroup), d(5), u5("ngIf", !r5.grid.hasColumnLayouts && r5.column.columnGroup), d(1), u5("ngIf", !r5.column.columnGroup));
-    }, dependencies: [t10, se, Oe2, ai, He2, qa, Ho, he, Re2, Br, bf, Yv, Wd, Ul], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [t10, ae2, Oe2, ai, He2, qa, Ho, he, Re2, Br, bf, Yv, Wd, Ul], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 var jhe = ["defaultFilterUI"];
@@ -36798,7 +36810,7 @@ var dD = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(ti), _(B), _(ae2), _(_e2));
+      return new (i2 || t10)(_(ti), _(B), _(le2), _(_e2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-grid-filtering-row"]], viewQuery: function(i2, r5) {
@@ -36818,7 +36830,7 @@ var dD = (() => {
       }), f(23, "igx-icon"), C(24, "refresh"), x5(), f(25, "span"), C(26), x5()(), f(27, "button", 17, 18), w5("click", function() {
         return r5.close();
       }), f(29, "igx-icon"), C(30, "close"), x5(), f(31, "span"), C(32), x5()()()), i2 & 2 && (u5("displayDensity", r5.displayDensity)("height", "200px"), d(2), u5("ngForOf", r5.conditions), d(9), u5("ngTemplateOutlet", r5.template)("ngTemplateOutletContext", ze(17, xge, r5)), d(1), u5("ngIf", r5.showArrows), d(6), u5("ngForOf", r5.expressionsList), d(1), u5("ngIf", r5.showArrows), d(1), u5("ngClass", r5.isNarrowWidth ? "igx-grid__filtering-row-editing-buttons--small" : "igx-grid__filtering-row-editing-buttons"), d(2), u5("displayDensity", r5.displayDensity)("igxButton", r5.isNarrowWidth ? "icon" : "flat")("disabled", r5.disabled)("tabindex", r5.disabled), d(4), Q(r5.isNarrowWidth ? "" : r5.filteringService.grid.resourceStrings.igx_grid_filter_row_reset), d(1), u5("displayDensity", r5.displayDensity)("igxButton", r5.isNarrowWidth ? "icon" : "flat"), d(5), Q(r5.isNarrowWidth ? "" : r5.filteringService.grid.resourceStrings.igx_grid_filter_row_close));
-    }, dependencies: [He2, $n, jn, co, ei, he, At, Be, Yn, vt2, se, Ue, fr, er, Vr, xr, an, Re2, Xe, Oe2, qt], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [He2, $n, jn, co, ei, he, At, Be, Yn, vt2, ae2, Ue, fr, er, Vr, xr, an, Re2, Xe, Oe2, qt], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 var Ef = class {
@@ -37558,7 +37570,7 @@ var en = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(B), _(ae2));
+      return new (i2 || t10)(_(B), _(le2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-grid-header-row"]], viewQuery: function(i2, r5) {
@@ -37570,7 +37582,7 @@ var en = (() => {
       i2 & 2 && J("igx-grid-thead--cosy", r5.cosyStyle)("igx-grid-thead--compact", r5.compactStyle);
     }, inputs: { grid: "grid", pinnedColumnCollection: "pinnedColumnCollection", unpinnedColumnCollection: "unpinnedColumnCollection", activeDescendant: "activeDescendant", hasMRL: "hasMRL", width: "width", density: "density" }, standalone: true, features: [$5], decls: 18, vars: 27, consts: [["role", "rowgroup", 1, "igx-grid-thead__wrapper"], ["role", "row", 1, "igx-grid__tr"], [4, "ngIf"], ["igxGridFor", "", 3, "igxGridForOf", "igxForScrollContainer", "igxForContainerSize", "igxForTrackBy", "igxForSizePropName", "igxForScrollOrientation"], ["headerVirtualContainer", ""], [1, "igx-grid-thead__thumb", 3, "hidden"], ["igxHeadSelector", ""], ["headSelectorBaseTemplate", ""], ["id", "left", "droppable", "true", 1, "igx-grid__scroll-on-drag-left", 3, "igxColumnMovingDrop"], ["id", "left", "droppable", "true", 1, "igx-grid__scroll-on-drag-pinned", 3, "igxColumnMovingDrop"], [1, "igx-grid__drag-indicator", "igx-grid__tr-action", 3, "pointerdown"], ["headerDragContainer", ""], [2, "visibility", "hidden"], [4, "ngTemplateOutlet"], [1, "igx-grid__cbx-selection", "igx-grid__tr-action", 3, "click", "pointerdown"], ["headerSelectorContainer", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["headSelector", ""], [3, "hidden", "ngClass", "click", "pointerdown"], ["headerHierarchyExpander", ""], [3, "click", "pointerdown"], ["headerGroupContainer", ""], [4, "ngFor", "ngForOf"], [3, "ngClass", "ngStyle", "column"], [3, "column"], ["filteringRow", ""], ["id", "right", "droppable", "true", 1, "igx-grid__scroll-on-drag-right", 3, "igxColumnMovingDrop"], [1, "igx-grid__cbx-padding"], [3, "tabindex", "readonly", "checked", "disableRipple", "ngStyle", "indeterminate", "aria-label"], ["headerCheckbox", ""]], template: function(i2, r5) {
       i2 & 1 && (f(0, "div", 0)(1, "div", 1), m5(2, Dge, 2, 3, "ng-container", 2), m5(3, bge, 2, 3, "ng-container", 2), m5(4, Tge, 5, 3, "ng-container", 2), m5(5, Mge, 4, 4, "ng-container", 2), m5(6, kge, 4, 10, "ng-container", 2), m5(7, Vge, 4, 7, "ng-container", 2), m5(8, Nge, 3, 3, "ng-container", 2), m5(9, Hge, 4, 19, "ng-template", 3, 4, V), R(11, "igxTopLevel"), m5(12, Bge, 3, 3, "ng-container", 2), x5(), m5(13, Gge, 3, 3, "ng-container", 2), m5(14, zge, 2, 1, "ng-container", 2), x5(), k5(15, "div", 5), m5(16, $ge, 3, 9, "ng-template", 6, 7, V)), i2 & 2 && (U("width", r5.width, "px"), J("igx-grid__tr--mrl", r5.hasMRL), d(1), U("width", r5.width, "px"), d(1), u5("ngIf", r5.grid.moving && r5.grid.columnInDrag && r5.pinnedColumnCollection.length <= 0), d(1), u5("ngIf", r5.grid.moving && r5.grid.columnInDrag && r5.pinnedColumnCollection.length > 0), d(1), u5("ngIf", r5.grid.rowDraggable), d(1), u5("ngIf", r5.grid.showRowSelectors), d(1), u5("ngIf", r5.isHierarchicalGrid), d(1), u5("ngIf", r5.grid == null || r5.grid.groupingExpressions == null ? null : r5.grid.groupingExpressions.length), d(1), u5("ngIf", r5.pinnedColumnCollection.length && r5.grid.isPinningToStart), d(1), u5("igxGridForOf", Ct2(11, 25, r5.unpinnedColumnCollection))("igxForScrollContainer", r5.grid.parentVirtDir)("igxForContainerSize", r5.grid.unpinnedWidth)("igxForTrackBy", r5.grid.trackColumnChanges)("igxForSizePropName", "calcPixelWidth")("igxForScrollOrientation", "horizontal"), d(3), u5("ngIf", r5.pinnedColumnCollection.length && !r5.grid.isPinningToStart), d(1), u5("ngIf", r5.grid.filteringService.isFilterRowVisible), d(1), u5("ngIf", r5.grid.moving && r5.grid.columnInDrag), d(1), U("width", r5.grid.scrollSize, "px"), u5("hidden", !r5.grid.hasVerticalScroll()));
-    }, dependencies: [se, Ho, Re2, Oe2, He2, nr, ai, Xt, dD, Ut, ag, Wd, Ul], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [ae2, Ho, Re2, Oe2, He2, nr, ai, Xt, dD, Ut, ag, Wd, Ul], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 var $R = [Br, nr, en];
@@ -38150,7 +38162,7 @@ var Bo = (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-grid-toolbar-title"]], hostVars: 2, hostBindings: function(i2, r5) {
       i2 & 2 && J("igx-grid-toolbar__title", r5.cssClass);
     }, standalone: true, features: [$5], ngContentSelectors: JR, decls: 1, vars: 0, template: function(i2, r5) {
-      i2 & 1 && (Se(), le2(0));
+      i2 & 1 && (Se(), se(0));
     }, encapsulation: 2 });
   })(), o;
 })();
@@ -38168,7 +38180,7 @@ var rr = (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-grid-toolbar-actions"]], hostVars: 2, hostBindings: function(i2, r5) {
       i2 & 2 && J("igx-grid-toolbar__actions", r5.cssClass);
     }, standalone: true, features: [$5], ngContentSelectors: JR, decls: 1, vars: 0, template: function(i2, r5) {
-      i2 & 1 && (Se(), le2(0));
+      i2 & 1 && (Se(), se(0));
     }, encapsulation: 2 });
   })(), o;
 })();
@@ -38215,15 +38227,15 @@ var Gr = (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-grid-toolbar-advanced-filtering"]], inputs: { overlaySettings: "overlaySettings" }, standalone: true, features: [$5], ngContentSelectors: sme, decls: 7, vars: 4, consts: [["igxButton", "outlined", "type", "button", "name", "btnAdvancedFiltering", "igxRipple", "", 3, "displayDensity", "title", "ngClass", "click"], ["ref", ""], [4, "ngIf"]], template: function(i2, r5) {
       if (i2 & 1 && (Se(), f(0, "button", 0), w5("click", function() {
         return r5.grid.openAdvancedFilteringDialog();
-      }), f(1, "igx-icon"), C(2, "filter_list"), x5(), f(3, "span", null, 1), le2(5), x5(), m5(6, ome, 2, 1, "span", 2), x5()), i2 & 2) {
+      }), f(1, "igx-icon"), C(2, "filter_list"), x5(), f(3, "span", null, 1), se(5), x5(), m5(6, ome, 2, 1, "span", 2), x5()), i2 & 2) {
         let s10 = P(4);
         u5("displayDensity", r5.grid.displayDensity)("title", r5.grid == null ? null : r5.grid.resourceStrings.igx_grid_toolbar_advanced_filtering_button_tooltip)("ngClass", r5.grid.advancedFilteringExpressionsTree ? "igx-grid-toolbar__adv-filter--filtered" : "igx-grid-toolbar__adv-filter"), d(6), u5("ngIf", !s10.textContent.trim());
       }
-    }, dependencies: [Xe, qt, Oe2, he, se], encapsulation: 2 });
+    }, dependencies: [Xe, qt, Oe2, he, ae2], encapsulation: 2 });
   })(), o;
 })();
 function ame(o, t10) {
-  o & 1 && le2(0, 2);
+  o & 1 && se(0, 2);
 }
 function lme(o, t10) {
   o & 1 && k5(0, "igx-grid-toolbar-advanced-filtering");
@@ -38279,11 +38291,11 @@ var Li = (() => {
     }, hostVars: 6, hostBindings: function(i2, r5) {
       i2 & 2 && J("igx-grid-toolbar", r5.defaultStyle)("igx-grid-toolbar--cosy", r5.cosyStyle)("igx-grid-toolbar--compact", r5.compactStyle);
     }, inputs: { showProgress: "showProgress", grid: "grid" }, standalone: true, features: [fe([{ provide: la, useExisting: t10 }]), Y, $5], ngContentSelectors: hme, decls: 8, vars: 3, consts: [[1, "igx-grid-toolbar__custom-content"], ["actions", ""], [4, "ngIf"], [4, "ngTemplateOutlet"], ["class", "igx-grid-toolbar__progress-bar", 4, "ngIf"], [1, "igx-grid-toolbar__progress-bar"], [3, "indeterminate"]], template: function(i2, r5) {
-      if (i2 & 1 && (Se(pme), le2(0), f(1, "div", 0), le2(2, 1), x5(), m5(3, ame, 1, 0, "ng-template", null, 1, V), m5(5, cme, 2, 1, "igx-grid-toolbar-actions", 2), m5(6, dme, 1, 0, "ng-container", 3), m5(7, ume, 2, 1, "div", 4)), i2 & 2) {
+      if (i2 & 1 && (Se(pme), se(0), f(1, "div", 0), se(2, 1), x5(), m5(3, ame, 1, 0, "ng-template", null, 1, V), m5(5, cme, 2, 1, "igx-grid-toolbar-actions", 2), m5(6, dme, 1, 0, "ng-container", 3), m5(7, ume, 2, 1, "div", 4)), i2 & 2) {
         let s10 = P(4);
         d(5), u5("ngIf", !r5.hasActions), d(1), u5("ngTemplateOutlet", s10), d(1), u5("ngIf", r5.showProgress);
       }
-    }, dependencies: [se, rr, Gr, Re2, ig], encapsulation: 2 });
+    }, dependencies: [ae2, rr, Gr, Re2, ig], encapsulation: 2 });
   })(), o;
 })();
 function gme(o, t10) {
@@ -38387,7 +38399,7 @@ var uy = (() => {
       }), i2 & 2 && (H("data-rowIndex", r5.rowIndex)("data-visibleIndex", r5.visibleColumnIndex)("id", r5.attrCellID), J("igx-grid-summary--active", r5.active));
     }, inputs: { summaryResults: "summaryResults", column: "column", firstCellIndentation: "firstCellIndentation", hasSummary: "hasSummary", density: "density", summaryFormatter: "summaryFormatter", summaryTemplate: "summaryTemplate", active: "active", rowIndex: "rowIndex" }, standalone: true, features: [$5], decls: 3, vars: 1, consts: [[4, "ngIf"], ["defaultSummary", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [4, "ngFor", "ngForOf"], [1, "igx-grid-summary__item"], [1, "igx-grid-summary__label", 3, "title"], [1, "igx-grid-summary__result", 3, "title"]], template: function(i2, r5) {
       i2 & 1 && (m5(0, fme, 2, 4, "ng-container", 0), m5(1, _me, 1, 1, "ng-template", null, 1, V)), i2 & 2 && u5("ngIf", r5.hasSummary);
-    }, dependencies: [se, Re2, He2], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [ae2, Re2, He2], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 var vme = ["igxDirRef"];
@@ -38486,7 +38498,7 @@ var nu = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(Me2), _(B), _(ae2));
+      return new (i2 || t10)(_(Me2), _(B), _(le2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-grid-summary-row"]], viewQuery: function(i2, r5) {
@@ -38498,7 +38510,7 @@ var nu = (() => {
       i2 & 2 && H("data-rowIndex", r5.dataRowIndex);
     }, inputs: { summaries: "summaries", gridID: "gridID", index: "index", firstCellIndentation: "firstCellIndentation" }, standalone: true, features: [fe([Do]), $5], decls: 3, vars: 1, consts: [[4, "ngIf"], ["summaryCellTemplate", ""], ["igxGridFor", "", 3, "igxGridForOf", "igxForScrollContainer", "igxForScrollOrientation", "igxForContainerSize", "igxForTrackBy", "igxForSizePropName"], ["igxDirRef", ""], [1, "igx-grid__summaries-patch", 3, "pointerdown"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["role", "cell", 1, "igx-grid-summary", "igx-grid-summary--fw", 3, "column", "rowIndex", "firstCellIndentation", "summaryResults", "summaryTemplate", "hasSummary", "density", "summaryFormatter", "active"], ["role", "cell", "class", "igx-grid-summary igx-grid-summary--fw igx-grid-summary--pinned", 3, "igx-grid-summary--cosy", "igx-grid-summary--compact", "igx-grid-summary--empty", "igx-grid-summary--pinned-first", "igx-grid-summary--pinned-last", "column", "firstCellIndentation", "rowIndex", "summaryResults", "summaryTemplate", "hasSummary", "density", "active", "max-height", "min-height", "min-width", "max-width", "flex-basis", "left", 4, "ngFor", "ngForOf"], ["role", "cell", 1, "igx-grid-summary", "igx-grid-summary--fw", "igx-grid-summary--pinned", 3, "column", "firstCellIndentation", "rowIndex", "summaryResults", "summaryTemplate", "hasSummary", "density", "active"]], template: function(i2, r5) {
       i2 & 1 && (m5(0, bme, 7, 11, "ng-container", 0), m5(1, Tme, 2, 3, "ng-template", null, 1, V)), i2 & 2 && u5("ngIf", r5.summaries.size);
-    }, dependencies: [se, Re2, Xt, uy, He2, Ql], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [ae2, Re2, Xt, uy, He2, Ql], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 var Pf = (() => {
@@ -38661,8 +38673,8 @@ var Xa = (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-snackbar"]], hostVars: 3, hostBindings: function(i2, r5) {
       i2 & 2 && (H("id", r5.id), J("igx-snackbar", r5.cssClass));
     }, inputs: { id: "id", actionText: "actionText", positionSettings: "positionSettings" }, outputs: { clicked: "clicked", animationStarted: "animationStarted", animationDone: "animationDone" }, standalone: true, features: [Y, $5], ngContentSelectors: Mme, decls: 4, vars: 2, consts: [[1, "igx-snackbar__message"], ["class", "igx-snackbar__button", "igxRipple", "white", 3, "click", 4, "ngIf"], ["igxRipple", "white", 1, "igx-snackbar__button", 3, "click"]], template: function(i2, r5) {
-      i2 & 1 && (Se(), f(0, "div", 0), C(1), le2(2), x5(), m5(3, Rme, 2, 1, "button", 1)), i2 & 2 && (d(1), Z(" ", r5.textMessage, " "), d(2), u5("ngIf", r5.actionText));
-    }, dependencies: [se], encapsulation: 2 });
+      i2 & 1 && (Se(), f(0, "div", 0), C(1), se(2), x5(), m5(3, Rme, 2, 1, "button", 1)), i2 & 2 && (d(1), Z(" ", r5.textMessage, " "), d(2), u5("ngIf", r5.actionText));
+    }, dependencies: [ae2], encapsulation: 2 });
   })(), o;
 })();
 var py;
@@ -39951,7 +39963,7 @@ var gg = class extends Ri {
     return this.gridAPI.cms.column;
   }
   constructor(t10, n, e, i2, r5, s10, a, l10, c, p10, g, v10, y5, E, M, F, K, ie2, ne, oe, ke2, Fe2) {
-    super(ne), this.validation = t10, this.selectionService = n, this.colResizingService = e, this.gridAPI = i2, this.transactionFactory = r5, this.elementRef = s10, this.zone = a, this.document = l10, this.cdr = c, this.differs = p10, this.viewRef = g, this.appRef = v10, this.injector = y5, this.envInjector = E, this.navigation = M, this.filteringService = F, this.overlayService = K, this.summaryService = ie2, this._displayDensityOptions = ne, this.localeId = oe, this.platform = ke2, this._diTransactions = Fe2, this.snackbarDisplayTime = 6e3, this.autoGenerate = false, this.autoGenerateExclude = [], this.moving = false, this.clipboardOptions = { enabled: true, copyHeaders: true, copyFormatters: true, separator: "	" }, this.filteringExpressionsTreeChange = new T(), this.advancedFilteringExpressionsTreeChange = new T(), this.gridScroll = new T(), this.rowStyles = null, this.cellClick = new T(), this.formGroupCreated = new T(), this.validationStatusChange = new T(), this.selected = new T(), this.rowSelectionChanging = new T(), this.columnSelectionChanging = new T(), this.columnPin = new T(), this.columnPinned = new T(), this.cellEditEnter = new T(), this.cellEditExit = new T(), this.cellEdit = new T(), this.cellEditDone = new T(), this.rowEditEnter = new T(), this.rowEdit = new T(), this.rowEditDone = new T(), this.rowEditExit = new T(), this.columnInit = new T(), this.columnsAutogenerated = new T(), this.sorting = new T(), this.sortingDone = new T(), this.filtering = new T(), this.filteringDone = new T(), this.rowAdded = new T(), this.rowDeleted = new T(), this.rowDelete = new T(), this.rowAdd = new T(), this.columnResized = new T(), this.contextMenu = new T(), this.doubleClick = new T(), this.columnVisibilityChanging = new T(), this.columnVisibilityChanged = new T(), this.columnMovingStart = new T(), this.columnMoving = new T(), this.columnMovingEnd = new T(), this.gridKeydown = new T(), this.rowDragStart = new T(), this.rowDragEnd = new T(), this.gridCopy = new T(), this.expansionStatesChange = new T(), this.rowToggle = new T(), this.rowPinning = new T(), this.rowPinned = new T(), this.activeNodeChange = new T(), this.sortingExpressionsChange = new T(), this.toolbarExporting = new T(), this.rangeSelected = new T(), this.rendered = new T(), this.localeChange = new T(), this.dataChanging = new T(), this.dataChanged = new T(), this.columnList = new Yi(), this.tmpOutlets = new Yi(), this.rowExpandedIndicatorDirectiveTemplate = null, this.rowCollapsedIndicatorDirectiveTemplate = null, this.headerExpandedIndicatorDirectiveTemplate = null, this.headerCollapsedIndicatorDirectiveTemplate = null, this.excelStyleHeaderIconDirectiveTemplate = null, this.sortAscendingHeaderIconDirectiveTemplate = null, this.sortDescendingHeaderIconDirectiveTemplate = null, this.sortHeaderIconDirectiveTemplate = null, this.tabindex = 0, this.hostRole = "grid", this.validationTrigger = "change", this.rowDragging = false, this.dragRowID = null, this.snackbarActionText = this.resourceStrings.igx_grid_snackbar_addrow_actiontext, this.calcHeight = 0, this.disableTransitions = false, this.lastSearchInfo = { searchText: "", caseSensitive: false, exactMatch: false, activeMatchIndex: 0, matchInfoCache: [] }, this.columnWidthSetByUser = false, this.rendered$ = this.rendered.asObservable().pipe(H2({ bufferSize: 1, refCount: true })), this.resizeNotify = new pe2(), this.rowAddedNotifier = new pe2(), this.rowDeletedNotifier = new pe2(), this.pipeTriggerNotifier = new pe2(), this._destroyed = false, this._totalRecords = -1, this.columnsWithNoSetWidths = null, this.pipeTrigger = 0, this.filteringPipeTrigger = 0, this.summaryPipeTrigger = 0, this.groupablePipeTrigger = 0, this.EMPTY_DATA = [], this.isPivot = false, this.destroy$ = new pe2(), this._pagingMode = Ln.Local, this._hideRowSelectors = false, this._rowDrag = false, this._columns = [], this._columnConfig = [], this._pinnedColumns = [], this._unpinnedColumns = [], this._filteringExpressionsTree = new $e2(St2.And), this._sortingExpressions = [], this._maxLevelHeaderDepth = null, this._columnHiding = false, this._columnPinning = false, this._pinnedRecordIDs = [], this._allowFiltering = false, this._allowAdvancedFiltering = false, this._filterMode = Ls.quickFilter, this._defaultTargetRecordNumber = 10, this._expansionStates = /* @__PURE__ */ new Map(), this._defaultExpandState = false, this._headerFeaturesWidth = NaN, this._init = true, this._cdrRequestRepaint = false, this._batchEditing = false, this._sortingOptions = { mode: "multiple" }, this._filterStrategy = new Zm(), this._autoGeneratedCols = [], this._dataView = [], this._rowEditable = false, this._filteredSortedData = null, this._filteredData = null, this._cdrRequests = false, this._emptyGridMessage = null, this._emptyFilteredGridMessage = null, this._isLoading = false, this.overlayIDs = [], this._pinning = { columns: Ma.Start }, this._advancedFilteringPositionSettings = { verticalDirection: Te2.Middle, horizontalDirection: Ee2.Center, horizontalStartPoint: Ee2.Center, verticalStartPoint: Te2.Middle }, this._advancedFilteringOverlaySettings = { closeOnOutsideClick: false, modal: false, positionStrategy: new vn(this._advancedFilteringPositionSettings) }, this._height = "100%", this._width = "100%", this._horizontalForOfs = [], this._multiRowLayoutRowSize = 1, this._totalWidth = NaN, this._pinnedVisible = [], this._unpinnedVisible = [], this._pinnedWidth = NaN, this._unpinnedWidth = NaN, this._visibleColumns = [], this._columnGroups = false, this._summaryPosition = ur.bottom, this._summaryCalculationMode = Kn.rootAndChildLevels, this._showSummaryOnCollapse = false, this._summaryRowHeight = 0, this._cellSelectionMode = ht2.multiple, this._rowSelectionMode = ht2.none, this._selectRowOnClick = true, this._columnSelectionMode = ht2.none, this.rowEditPositioningStrategy = new ay({ horizontalDirection: Ee2.Right, verticalDirection: Te2.Bottom, horizontalStartPoint: Ee2.Left, verticalStartPoint: Te2.Bottom, closeAnimation: null }), this.rowEditSettings = { scrollStrategy: new Yt(), modal: false, closeOnOutsideClick: false, outlet: this.rowOutletDirective, positionStrategy: this.rowEditPositioningStrategy }, this.transactionChange$ = new pe2(), this._rendered = false, this.DRAG_SCROLL_DELTA = 10, this._dataCloneStrategy = new Ta(), this._autoSize = false, this._sortHeaderIconTemplate = null, this._sortAscendingHeaderIconTemplate = null, this._sortDescendingHeaderIconTemplate = null, this.preventContainerScroll = (qe) => {
+    super(ne), this.validation = t10, this.selectionService = n, this.colResizingService = e, this.gridAPI = i2, this.transactionFactory = r5, this.elementRef = s10, this.zone = a, this.document = l10, this.cdr = c, this.differs = p10, this.viewRef = g, this.appRef = v10, this.injector = y5, this.envInjector = E, this.navigation = M, this.filteringService = F, this.overlayService = K, this.summaryService = ie2, this._displayDensityOptions = ne, this.localeId = oe, this.platform = ke2, this._diTransactions = Fe2, this.snackbarDisplayTime = 6e3, this.autoGenerate = false, this.autoGenerateExclude = [], this.moving = false, this.clipboardOptions = { enabled: true, copyHeaders: true, copyFormatters: true, separator: "	" }, this.filteringExpressionsTreeChange = new T(), this.advancedFilteringExpressionsTreeChange = new T(), this.gridScroll = new T(), this.rowStyles = null, this.cellClick = new T(), this.formGroupCreated = new T(), this.validationStatusChange = new T(), this.selected = new T(), this.rowSelectionChanging = new T(), this.columnSelectionChanging = new T(), this.columnPin = new T(), this.columnPinned = new T(), this.cellEditEnter = new T(), this.cellEditExit = new T(), this.cellEdit = new T(), this.cellEditDone = new T(), this.rowEditEnter = new T(), this.rowEdit = new T(), this.rowEditDone = new T(), this.rowEditExit = new T(), this.columnInit = new T(), this.columnsAutogenerated = new T(), this.sorting = new T(), this.sortingDone = new T(), this.filtering = new T(), this.filteringDone = new T(), this.rowAdded = new T(), this.rowDeleted = new T(), this.rowDelete = new T(), this.rowAdd = new T(), this.columnResized = new T(), this.contextMenu = new T(), this.doubleClick = new T(), this.columnVisibilityChanging = new T(), this.columnVisibilityChanged = new T(), this.columnMovingStart = new T(), this.columnMoving = new T(), this.columnMovingEnd = new T(), this.gridKeydown = new T(), this.rowDragStart = new T(), this.rowDragEnd = new T(), this.gridCopy = new T(), this.expansionStatesChange = new T(), this.rowToggle = new T(), this.rowPinning = new T(), this.rowPinned = new T(), this.activeNodeChange = new T(), this.sortingExpressionsChange = new T(), this.toolbarExporting = new T(), this.rangeSelected = new T(), this.rendered = new T(), this.localeChange = new T(), this.dataChanging = new T(), this.dataChanged = new T(), this.columnList = new Yi(), this.tmpOutlets = new Yi(), this.rowExpandedIndicatorDirectiveTemplate = null, this.rowCollapsedIndicatorDirectiveTemplate = null, this.headerExpandedIndicatorDirectiveTemplate = null, this.headerCollapsedIndicatorDirectiveTemplate = null, this.excelStyleHeaderIconDirectiveTemplate = null, this.sortAscendingHeaderIconDirectiveTemplate = null, this.sortDescendingHeaderIconDirectiveTemplate = null, this.sortHeaderIconDirectiveTemplate = null, this.tabindex = 0, this.hostRole = "grid", this.validationTrigger = "change", this.rowDragging = false, this.dragRowID = null, this.snackbarActionText = this.resourceStrings.igx_grid_snackbar_addrow_actiontext, this.calcHeight = 0, this.disableTransitions = false, this.lastSearchInfo = { searchText: "", caseSensitive: false, exactMatch: false, activeMatchIndex: 0, matchInfoCache: [] }, this.columnWidthSetByUser = false, this.rendered$ = this.rendered.asObservable().pipe(H2({ bufferSize: 1, refCount: true })), this.resizeNotify = new pe2(), this.rowAddedNotifier = new pe2(), this.rowDeletedNotifier = new pe2(), this.pipeTriggerNotifier = new pe2(), this._destroyed = false, this._totalRecords = -1, this.columnsWithNoSetWidths = null, this.pipeTrigger = 0, this.filteringPipeTrigger = 0, this.summaryPipeTrigger = 0, this.groupablePipeTrigger = 0, this.EMPTY_DATA = [], this.isPivot = false, this.destroy$ = new pe2(), this._pagingMode = Ln.Local, this._hideRowSelectors = false, this._rowDrag = false, this._columns = [], this._columnConfig = [], this._pinnedColumns = [], this._unpinnedColumns = [], this._filteringExpressionsTree = new $e2(St2.And), this._sortingExpressions = [], this._maxLevelHeaderDepth = null, this._columnHiding = false, this._columnPinning = false, this._pinnedRecordIDs = [], this._allowFiltering = false, this._allowAdvancedFiltering = false, this._filterMode = Ls.quickFilter, this._defaultTargetRecordNumber = 10, this._expansionStates = /* @__PURE__ */ new Map(), this._defaultExpandState = false, this._headerFeaturesWidth = NaN, this._init = true, this._cdrRequestRepaint = false, this._batchEditing = false, this._sortingOptions = { mode: "multiple" }, this._filterStrategy = new Zm(), this._autoGeneratedCols = [], this._dataView = [], this._rowEditable = false, this._filteredSortedData = null, this._filteredData = null, this._cdrRequests = false, this._emptyGridMessage = null, this._emptyFilteredGridMessage = null, this._isLoading = false, this.overlayIDs = [], this._pinning = { columns: Ma.Start }, this._advancedFilteringPositionSettings = { verticalDirection: Te2.Middle, horizontalDirection: Ee2.Center, horizontalStartPoint: Ee2.Center, verticalStartPoint: Te2.Middle }, this._advancedFilteringOverlaySettings = { closeOnOutsideClick: false, modal: false, positionStrategy: new vn(this._advancedFilteringPositionSettings) }, this._height = "100%", this._width = "100%", this._horizontalForOfs = [], this._multiRowLayoutRowSize = 1, this._totalWidth = NaN, this._pinnedVisible = [], this._unpinnedVisible = [], this._pinnedWidth = NaN, this._unpinnedWidth = NaN, this._visibleColumns = [], this._columnGroups = false, this._summaryPosition = ur.bottom, this._summaryCalculationMode = Kn.rootAndChildLevels, this._showSummaryOnCollapse = false, this._summaryRowHeight = 0, this._cellSelectionMode = ht2.multiple, this._rowSelectionMode = ht2.none, this._selectRowOnClick = true, this._columnSelectionMode = ht2.none, this.rowEditPositioningStrategy = new ay({ horizontalDirection: Ee2.Right, verticalDirection: Te2.Bottom, horizontalStartPoint: Ee2.Left, verticalStartPoint: Te2.Bottom, closeAnimation: null }), this.rowEditSettings = { scrollStrategy: new Yt(), modal: false, closeOnOutsideClick: false, outlet: this.rowOutletDirective, positionStrategy: this.rowEditPositioningStrategy }, this.transactionChange$ = new pe2(), this._rendered = false, this.DRAG_SCROLL_DELTA = 10, this._dataCloneStrategy = new Ta(), this._autoSize = false, this._sortHeaderIconTemplate = null, this._sortAscendingHeaderIconTemplate = null, this._sortDescendingHeaderIconTemplate = null, this.isHorizontalScrollHidden = false, this.preventContainerScroll = (qe) => {
       qe.target.scrollTop !== 0 && (this.verticalScrollContainer.addScrollTop(qe.target.scrollTop), qe.target.scrollTop = 0), qe.target.scrollLeft !== 0 && (this.headerContainer.scrollPosition += qe.target.scrollLeft, qe.target.scrollLeft = 0);
     }, this.locale = this.locale || this.localeId, this._transactions = this.transactionFactory.create("None"), this._transactions.cloneStrategy = this.dataCloneStrategy, this.cdr.detach();
   }
@@ -40015,11 +40027,11 @@ var gg = class extends Ri {
   }
   _setupListeners() {
     let t10 = W(this.destroy$);
-    yt2(this.nativeElement, "focusout").pipe(Ci(() => !!this.navigation.activeNode), t10).subscribe((n) => {
+    yt2(this.nativeElement, "focusout").pipe(gi(() => !!this.navigation.activeNode), t10).subscribe((n) => {
       !this.crudService.cell && this.navigation.activeNode && (n.target === this.tbody.nativeElement && this.navigation.activeNode.row >= 0 && this.navigation.activeNode.row < this.dataView.length || n.target === this.theadRow.nativeElement && this.navigation.activeNode.row === -1 || n.target === this.tfoot.nativeElement && this.navigation.activeNode.row === this.dataView.length) && !(this.rowEditable && this.crudService.rowEditingBlocked && this.crudService.rowInEditMode) && (this.navigation.lastActiveNode = this.navigation.activeNode, this.navigation.activeNode = {}, this.notifyChanges());
     }), this.rowAddedNotifier.pipe(t10).subscribe((n) => this.refreshGridState(n)), this.rowDeletedNotifier.pipe(t10).subscribe((n) => {
       this.summaryService.deleteOperation = true, this.summaryService.clearSummaryCache(n);
-    }), this.subscribeToTransactions(), this.resizeNotify.pipe(Ci(() => !this._init), Kc(40, go, { leading: false, trailing: true }), t10).subscribe(() => {
+    }), this.subscribeToTransactions(), this.resizeNotify.pipe(gi(() => !this._init), Kc(40, go, { leading: false, trailing: true }), t10).subscribe(() => {
       this.zone.run(() => {
         this.nativeElement?.isConnected && this.notifyChanges(true);
       });
@@ -40036,18 +40048,20 @@ var gg = class extends Ri {
         return;
       }
       this.rowEditingOverlay?.overlayId !== n.id && e?.outlet === this.outlet && this.overlayIDs.indexOf(n.id) === -1 && this.overlayIDs.push(n.id);
-    }), this.overlayService.closed.pipe(Ci(() => !this._init), t10).subscribe((n) => {
+    }), this.overlayService.closed.pipe(gi(() => !this._init), t10).subscribe((n) => {
       if (this._advancedFilteringOverlayId === n.id) {
         this.overlayService.detach(this._advancedFilteringOverlayId), this._advancedFilteringOverlayId = null;
         return;
       }
       let e = this.overlayIDs.indexOf(n.id);
       e !== -1 && this.overlayIDs.splice(e, 1);
-    }), this.verticalScrollContainer.dataChanging.pipe(Ci(() => !this._init), t10).subscribe((n) => {
+    }), this.verticalScrollContainer.dataChanging.pipe(gi(() => !this._init), t10).subscribe((n) => {
       this.isPercentHeight && (!this.calcHeight || this.calcHeight === this.getDataBasedBodyHeight() || this.calcHeight === this.renderedRowHeight * this._defaultTargetRecordNumber) && (this.calculateGridHeight(), n.containerSize = this.calcHeight), this.evaluateLoadingState();
-    }), this.verticalScrollContainer.scrollbarVisibilityChanged.pipe(Ci(() => !this._init), t10).subscribe(() => {
+    }), this.verticalScrollContainer.scrollbarVisibilityChanged.pipe(gi(() => !this._init), t10).subscribe(() => {
+      this.notifyChanges(true), this.cdr.detectChanges();
+    }), this.headerContainer?.scrollbarVisibilityChanged.pipe(gi(() => !this._init), t10).subscribe(() => {
       this.notifyChanges(true), this.cdr.detectChanges();
-    }), this.verticalScrollContainer.contentSizeChange.pipe(Ci(() => !this._init), Kc(30), t10).subscribe(() => {
+    }), this.verticalScrollContainer.contentSizeChange.pipe(gi(() => !this._init), Kc(30), t10).subscribe(() => {
       this.notifyChanges(true);
     }), this.densityChanged.pipe(t10).subscribe(() => {
       this._autoSize = this.isPercentHeight && this.calcHeight !== this.getDataBasedBodyHeight(), this.crudService.endEdit(false), this._summaryRowHeight === 0 && (this.summaryService.summaryHeight = 0), this.notifyChanges(true);
@@ -40085,7 +40099,7 @@ var gg = class extends Ri {
     t10 && (this._headerFeaturesWidth = NaN), this.resetColumnsCaches(), this.resetColumnCollections(), this.resetForOfCache(), this.resetCachedWidths(), this.hasVisibleColumns = void 0, this._columnGroups = this._columns.some((n) => n.columnGroup);
   }
   ngAfterContentInit() {
-    this.sortHeaderIconDirectiveTemplate && (this.sortHeaderIconTemplate = this.sortHeaderIconDirectiveTemplate), this.sortAscendingHeaderIconDirectiveTemplate && (this.sortAscendingHeaderIconTemplate = this.sortAscendingHeaderIconDirectiveTemplate), this.sortDescendingHeaderIconDirectiveTemplate && (this.sortDescendingHeaderIconTemplate = this.sortDescendingHeaderIconDirectiveTemplate), this.setupColumns(), this.toolbar.changes.pipe(Ci(() => !this._init), W(this.destroy$)).subscribe(() => this.notifyChanges(true)), this.setUpPaginator(), this.paginationComponents.changes.pipe(W(this.destroy$)).subscribe(() => {
+    this.sortHeaderIconDirectiveTemplate && (this.sortHeaderIconTemplate = this.sortHeaderIconDirectiveTemplate), this.sortAscendingHeaderIconDirectiveTemplate && (this.sortAscendingHeaderIconTemplate = this.sortAscendingHeaderIconDirectiveTemplate), this.sortDescendingHeaderIconDirectiveTemplate && (this.sortDescendingHeaderIconTemplate = this.sortDescendingHeaderIconDirectiveTemplate), this.setupColumns(), this.toolbar.changes.pipe(gi(() => !this._init), W(this.destroy$)).subscribe(() => this.notifyChanges(true)), this.setUpPaginator(), this.paginationComponents.changes.pipe(W(this.destroy$)).subscribe(() => {
       this.setUpPaginator();
     }), this.actionStrip && (this.actionStrip.menuOverlaySettings.outlet = this.outlet);
   }
@@ -40111,9 +40125,9 @@ var gg = class extends Ri {
     return this.appRef.attachView(n.hostView), n;
   }
   setUpPaginator() {
-    this.paginator ? (this._rendered && (this.pipeTrigger++, this.cdr.markForCheck()), this.paginator.pageChange.pipe(xu(() => !!this.paginator), Ci(() => !this._init)).subscribe(() => {
+    this.paginator ? (this._rendered && (this.pipeTrigger++, this.cdr.markForCheck()), this.paginator.pageChange.pipe(xu(() => !!this.paginator), gi(() => !this._init)).subscribe(() => {
       this.selectionService.clear(true), this.crudService.endEdit(false), this.pipeTrigger++, this.navigateTo(0), this.notifyChanges();
-    }), this.paginator.perPageChange.pipe(xu(() => !!this.paginator), Ci(() => !this._init)).subscribe(() => {
+    }), this.paginator.perPageChange.pipe(xu(() => !!this.paginator), gi(() => !this._init)).subscribe(() => {
       this.selectionService.clear(true), this.page = 0, this.crudService.endEdit(false), this.notifyChanges();
     })) : this.markForCheck();
   }
@@ -40250,10 +40264,6 @@ var gg = class extends Ri {
   get unpinnedWidth() {
     return isNaN(this._unpinnedWidth) ? (this._unpinnedWidth = this.getUnpinnedWidth(), this._unpinnedWidth) : this._unpinnedWidth;
   }
-  get isHorizontalScrollHidden() {
-    let t10 = this.unpinnedWidth - this.totalWidth;
-    return this.width === null || t10 >= 0;
-  }
   getHeaderCellWidth(t10) {
     let n = this.document.createRange(), e = this.platform.getNodeSizeViaRange(n, t10, t10.parentElement), i2 = this.document.defaultView.getComputedStyle(t10), r5 = parseFloat(i2.paddingLeft) + parseFloat(i2.paddingRight) + parseFloat(i2.borderRightWidth), s10 = this.document.defaultView.getComputedStyle(t10.parentElement), a = parseFloat(s10.borderRightWidth) + parseFloat(s10.borderLeftWidth);
     return { width: Math.ceil(e), padding: Math.ceil(r5 + a) };
@@ -40331,15 +40341,15 @@ var gg = class extends Ri {
     let n = t10;
     return this.gridAPI.grid.verticalScrollContainer.isRemote && (n = t10 + this.gridAPI.grid.virtualizationState.startIndex), n;
   }
-  moveColumn(t10, n, e = yi.AfterDropTarget) {
+  moveColumn(t10, n, e = Ci.AfterDropTarget) {
     let i2 = { source: t10, target: n, cancel: false };
     if (this.columnMovingEnd.emit(i2), !i2.cancel && !(t10 === n || t10.level !== n.level || t10.topLevelParent !== n.topLevelParent)) {
       if (t10.level && this._moveChildColumns(t10.parent, t10, n, e), n.pinned && !t10.pinned) {
-        let r5 = this._pinnedColumns.indexOf(n), s10 = e === yi.AfterDropTarget ? r5 + 1 : r5;
+        let r5 = this._pinnedColumns.indexOf(n), s10 = e === Ci.AfterDropTarget ? r5 + 1 : r5;
         t10.pin(s10);
       }
       if (!n.pinned && t10.pinned) {
-        let r5 = this._unpinnedColumns.indexOf(n), s10 = e === yi.AfterDropTarget ? r5 + 1 : r5;
+        let r5 = this._unpinnedColumns.indexOf(n), s10 = e === Ci.AfterDropTarget ? r5 + 1 : r5;
         t10.unpin(s10);
       }
       this._moveColumns(t10, n, e), this._columnsReordered(t10);
@@ -40787,7 +40797,7 @@ var gg = class extends Ri {
     return n[this.primaryKey] = e, { rowID: e, data: n, recordRef: n };
   }
   hasHorizontalScroll() {
-    return this.totalWidth - this.unpinnedWidth > 0;
+    return this.totalWidth - this.unpinnedWidth > 0 && this.width !== null;
   }
   isSummaryRow(t10) {
     return t10 && t10.summaries && t10.summaries instanceof Map;
@@ -40932,7 +40942,7 @@ var gg = class extends Ri {
     let s10 = i2.indexOf(t10), a = r5 ? 1 : t10.allChildren.length + 1;
     i2.splice(s10, a);
     let l10 = i2.indexOf(n);
-    e === yi.AfterDropTarget && (l10++, !r5 && n.columnGroup && (l10 += n.allChildren.length)), i2.splice(l10, 0, t10);
+    e === Ci.AfterDropTarget && (l10++, !r5 && n.columnGroup && (l10 += n.allChildren.length)), i2.splice(l10, 0, t10);
   }
   _moveChildColumns(t10, n, e, i2) {
     let r5 = t10.children.toArray();
@@ -40983,8 +40993,8 @@ var gg = class extends Ri {
   }
   calculateGridSizes(t10 = true) {
     this.resetCaches(t10), this.cdr.detectChanges();
-    let n = this.hasVerticalScroll();
-    this.calculateGridWidth(), this.resetCaches(t10), this.cdr.detectChanges(), this.calculateGridHeight(), this.rowEditable && this.repositionRowEditingOverlay(this.crudService.rowInEditMode), this.filteringService.isFilterRowVisible && this.filteringRow.resetChipsArea(), this.cdr.detectChanges(), n !== this.hasVerticalScroll() && (this.calculateGridWidth(), this.cdr.detectChanges()), this.zone.isStable ? this.zone.run(() => {
+    let n = this.hasVerticalScroll(), e = !this.isHorizontalScrollHidden;
+    this.calculateGridWidth(), this.resetCaches(t10), this.cdr.detectChanges(), this.calculateGridHeight(), this.rowEditable && this.repositionRowEditingOverlay(this.crudService.rowInEditMode), this.filteringService.isFilterRowVisible && this.filteringRow.resetChipsArea(), this.cdr.detectChanges(), n !== this.hasVerticalScroll() && (this.calculateGridWidth(), this.cdr.detectChanges()), e !== this.hasHorizontalScroll() && (this.isHorizontalScrollHidden = !this.hasHorizontalScroll(), this.cdr.detectChanges(), this.calculateGridHeight(), this.cdr.detectChanges()), this.zone.isStable ? this.zone.run(() => {
       this._applyWidthHostBinding(), this.cdr.detectChanges();
     }) : this.zone.onStable.pipe(et2()).subscribe(() => {
       this.zone.run(() => {
@@ -41411,7 +41421,7 @@ var gg = class extends Ri {
 var Bi = gg;
 (() => {
   gg.\u0275fac = function(n) {
-    return new (n || gg)(_(or), _(Zt2), _(Hi), _(Xn), _(Tc), _(B), _(we2), _(gt2), _(ae2), _(ji), _(Qe2), _(Qi), _(kt2), _(zi), _(Go), _(ti), _(ui), _(sr), _(dt2, 8), _(ni), _(_e2), _(ru, 8));
+    return new (n || gg)(_(or), _(Zt2), _(Hi), _(Xn), _(Tc), _(B), _(we2), _(gt2), _(le2), _(ji), _(Qe2), _(Qi), _(kt2), _(zi), _(Go), _(ti), _(ui), _(sr), _(dt2, 8), _(ni), _(_e2), _(ru, 8));
   };
 })(), (() => {
   gg.\u0275dir = N({ type: gg, contentQueries: function(n, e, i2) {
@@ -41963,7 +41973,7 @@ var gy = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(Me2), _(Zt2), _(B), _(ae2), _(ti));
+      return new (i2 || t10)(_(Me2), _(Zt2), _(B), _(le2), _(ti));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-grid-groupby-row"]], viewQuery: function(i2, r5) {
@@ -41982,7 +41992,7 @@ var gy = (() => {
         let s10 = P(14);
         d(2), u5("ngIf", r5.rowDraggable), d(1), u5("ngIf", r5.showRowSelectors), d(2), u5("ngTemplateOutlet", r5.iconTemplate)("ngTemplateOutletContext", ze(6, wD, r5)), d(3), u5("ngTemplateOutlet", r5.grid.groupRowTemplate ? r5.grid.groupRowTemplate : s10)("ngTemplateOutletContext", ze(8, wD, r5.groupRow));
       }
-    }, dependencies: [se, Re2, ml, En, fl, Vs, he, qu, Ut, ql], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [ae2, Re2, ml, En, fl, Vs, he, qu, Ut, ql], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 var oM = (() => {
@@ -42906,7 +42916,7 @@ var Xl = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(Zt2), _(Me2), _(ui), _(ae2), _(B), _(we2), _(_i), _(_e2));
+      return new (i2 || t10)(_(Zt2), _(Me2), _(ui), _(le2), _(B), _(we2), _(vi), _(_e2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-grid-cell"]], viewQuery: function(i2, r5) {
@@ -42922,9 +42932,9 @@ var Xl = (() => {
       })("contextmenu", function(a) {
         return r5.onContextMenu(a);
       }), i2 & 2 && (H("data-rowIndex", r5.rowIndex)("data-visibleIndex", r5.visibleColumnIndex)("id", r5.attrCellID)("title", r5.title)("role", r5.role)("aria-readonly", r5.readonly)("aria-describedby", r5.ariaDescribeBy)("aria-invalid", r5.isInvalid)("aria-selected", r5.ariaSelected), J("igx-grid__td--new", r5.isEmptyAddRowCell)("igx-grid__td--bool-true", r5.booleanClass)("igx-grid__td--pinned-last", r5.lastPinned)("igx-grid__td--pinned-first", r5.firstPinned)("igx-grid__td--editing", r5.editMode)("igx-grid__td--invalid", r5.isInvalid)("igx-grid__td--valid", r5.isValidAfterEdit)("igx-grid__td--active", r5.active)("igx-grid__td--selected", r5.selected)("igx-grid__td--column-selected", r5.columnSelected)("igx-grid__td--row-pinned-first", r5.displayPinnedChip));
-    }, inputs: { column: "column", intRow: "intRow", row: "row", rowData: "rowData", columnData: "columnData", cellTemplate: "cellTemplate", cellValidationErrorTemplate: "cellValidationErrorTemplate", pinnedIndicator: "pinnedIndicator", value: "value", formatter: "formatter", visibleColumnIndex: "visibleColumnIndex", cellSelectionMode: "cellSelectionMode", lastSearchInfo: "lastSearchInfo", lastPinned: "lastPinned", firstPinned: "firstPinned", editMode: "editMode", width: "width", active: "active", displayPinnedChip: "displayPinnedChip" }, standalone: true, features: [fe([_i]), Ti, $5], decls: 13, vars: 5, consts: [["defaultPinnedIndicator", ""], ["defaultCell", ""], ["addRowCell", ""], ["inlineEditor", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [4, "ngIf"], ["defaultError", ""], ["class", "igx-grid__td--pinned-chip", 3, "disabled", "displayDensity", 4, "ngIf"], [1, "igx-grid__td--pinned-chip", 3, "disabled", "displayDensity"], ["igxTextHighlight", "", "class", "igx-grid__td-text", "style", "pointer-events: none;", 3, "cssClass", "activeCssClass", "groupName", "value", "row", "column", "containerClass", "metadata", 4, "ngIf"], [3, "ngClass", 4, "ngIf"], [3, "src", "alt", 4, "ngIf"], ["igxTextHighlight", "", 1, "igx-grid__td-text", 2, "pointer-events", "none", 3, "cssClass", "activeCssClass", "groupName", "value", "row", "column", "containerClass", "metadata"], [3, "ngClass"], [3, "src", "alt"], ["igxTextHighlight", "", "class", "igx-grid__td-text", "style", "pointer-events: none", 3, "cssClass", "activeCssClass", "groupName", "value", "row", "column", "containerClass", "metadata", 4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "formGroup"], ["displayDensity", "compact"], ["igxInput", "", 3, "igxFocus", "igxTextSelection", "formControl", "compositionstart", "compositionend"], ["displayDensity", "compact", 3, "formGroup"], ["igxInput", "", "type", "number", 3, "igxFocus", "igxTextSelection", "step", "formControl"], [3, "checked", "igxFocus", "disableRipple", "formControl"], ["mode", "dropdown", 3, "outlet", "locale", "weekStart", "value", "igxFocus", "formControl", "valueChange"], ["mode", "dropdown", 3, "outlet", "locale", "inputFormat", "value", "igxFocus", "formControl", "valueChange"], ["type", "text", "igxInput", "", 3, "formControl", "igxDateTimeEditor", "igxFocus"], [3, "igxTooltipTarget", "igxToggleOutlet", "mouseover", "mouseout"], ["errorIcon", ""], ["igxTooltip", "", 3, "id"], ["error", "", "tooltipRef", "tooltip"]], template: function(i2, r5) {
+    }, inputs: { column: "column", intRow: "intRow", row: "row", rowData: "rowData", columnData: "columnData", cellTemplate: "cellTemplate", cellValidationErrorTemplate: "cellValidationErrorTemplate", pinnedIndicator: "pinnedIndicator", value: "value", formatter: "formatter", visibleColumnIndex: "visibleColumnIndex", cellSelectionMode: "cellSelectionMode", lastSearchInfo: "lastSearchInfo", lastPinned: "lastPinned", firstPinned: "firstPinned", editMode: "editMode", width: "width", active: "active", displayPinnedChip: "displayPinnedChip" }, standalone: true, features: [fe([vi]), Ti, $5], decls: 13, vars: 5, consts: [["defaultPinnedIndicator", ""], ["defaultCell", ""], ["addRowCell", ""], ["inlineEditor", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [4, "ngIf"], ["defaultError", ""], ["class", "igx-grid__td--pinned-chip", 3, "disabled", "displayDensity", 4, "ngIf"], [1, "igx-grid__td--pinned-chip", 3, "disabled", "displayDensity"], ["igxTextHighlight", "", "class", "igx-grid__td-text", "style", "pointer-events: none;", 3, "cssClass", "activeCssClass", "groupName", "value", "row", "column", "containerClass", "metadata", 4, "ngIf"], [3, "ngClass", 4, "ngIf"], [3, "src", "alt", 4, "ngIf"], ["igxTextHighlight", "", 1, "igx-grid__td-text", 2, "pointer-events", "none", 3, "cssClass", "activeCssClass", "groupName", "value", "row", "column", "containerClass", "metadata"], [3, "ngClass"], [3, "src", "alt"], ["igxTextHighlight", "", "class", "igx-grid__td-text", "style", "pointer-events: none", 3, "cssClass", "activeCssClass", "groupName", "value", "row", "column", "containerClass", "metadata", 4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "formGroup"], ["displayDensity", "compact"], ["igxInput", "", 3, "igxFocus", "igxTextSelection", "formControl", "compositionstart", "compositionend"], ["displayDensity", "compact", 3, "formGroup"], ["igxInput", "", "type", "number", 3, "igxFocus", "igxTextSelection", "step", "formControl"], [3, "checked", "igxFocus", "disableRipple", "formControl"], ["mode", "dropdown", 3, "outlet", "locale", "weekStart", "value", "igxFocus", "formControl", "valueChange"], ["mode", "dropdown", 3, "outlet", "locale", "inputFormat", "value", "igxFocus", "formControl", "valueChange"], ["type", "text", "igxInput", "", 3, "formControl", "igxDateTimeEditor", "igxFocus"], [3, "igxTooltipTarget", "igxToggleOutlet", "mouseover", "mouseout"], ["errorIcon", ""], ["igxTooltip", "", 3, "id"], ["error", "", "tooltipRef", "tooltip"]], template: function(i2, r5) {
       i2 & 1 && (m5(0, Ofe, 1, 1, "ng-template", null, 0, V), m5(2, Gfe, 3, 3, "ng-template", null, 1, V), m5(4, jfe, 1, 1, "ng-template", null, 2, V), m5(6, e0e, 8, 8, "ng-template", null, 3, V), m5(8, t0e, 1, 0, "ng-container", 4), m5(9, i0e, 1, 0, "ng-container", 4), m5(10, r0e, 9, 7, "ng-container", 5), m5(11, p0e, 7, 7, "ng-template", null, 6, V)), i2 & 2 && (d(8), u5("ngTemplateOutlet", r5.pinnedIndicatorTemplate)("ngTemplateOutletContext", r5.context), d(1), u5("ngTemplateOutlet", r5.template)("ngTemplateOutletContext", r5.context), d(1), u5("ngIf", r5.isInvalid));
-    }, dependencies: [se, Oe2, Re2, ml, fl, Vs, En, vd, Qn, vc, qn, _d, yc, Cc, ei, gr, he, At, vt2, Rl, Gs, Ut, fr, xr, an, Be, Ue, Na, no, Kd, Jd, ql], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [ae2, Oe2, Re2, ml, fl, Vs, En, vd, Qn, vc, qn, _d, yc, Cc, ei, gr, he, At, vt2, Rl, Gs, Ut, fr, xr, an, Be, Ue, Na, no, Kd, Jd, ql], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 var h0e = ["indicator"];
@@ -43215,7 +43225,7 @@ var xy = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(Zt2), _(Me2), _(ui), _(ae2), _(B), _(we2), _(_i), _(gt2), _(_e2));
+      return new (i2 || t10)(_(Zt2), _(Me2), _(ui), _(le2), _(B), _(we2), _(vi), _(gt2), _(_e2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-expandable-grid-cell"]], viewQuery: function(i2, r5) {
@@ -43223,9 +43233,9 @@ var xy = (() => {
         let s10;
         D(s10 = b()) && (r5.indicator = s10.first), D(s10 = b()) && (r5.indentationDiv = s10.first), D(s10 = b()) && (r5.defaultExpandedTemplate = s10.first), D(s10 = b()) && (r5.defaultCollapsedTemplate = s10.first);
       }
-    }, inputs: { expanded: "expanded" }, standalone: true, features: [fe([_i]), Y, $5], decls: 18, vars: 6, consts: [["defaultPinnedIndicator", ""], ["defaultCell", ""], ["addRowCell", ""], ["inlineEditor", ""], [4, "ngIf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["defaultExpandedTemplate", ""], ["defaultCollapsedTemplate", ""], ["defaultError", ""], ["class", "igx-grid__td--pinned-chip", 3, "disabled", "displayDensity", 4, "ngIf"], [1, "igx-grid__td--pinned-chip", 3, "disabled", "displayDensity"], ["igxTextHighlight", "", "class", "igx-grid__td-text", "style", "pointer-events: none", 3, "cssClass", "activeCssClass", "groupName", "value", "row", "column", "containerClass", "metadata", 4, "ngIf"], [3, "ngClass", 4, "ngIf"], [3, "src", "alt", 4, "ngIf"], ["igxTextHighlight", "", 1, "igx-grid__td-text", 2, "pointer-events", "none", 3, "cssClass", "activeCssClass", "groupName", "value", "row", "column", "containerClass", "metadata"], [3, "ngClass"], [3, "src", "alt"], [3, "formGroup", 4, "ngIf"], [3, "formGroup"], ["displayDensity", "compact"], ["igxInput", "", 3, "igxFocus", "formControl", "compositionstart", "compositionend"], ["displayDensity", "compact", 3, "formGroup"], ["igxInput", "", "type", "number", 3, "igxFocus", "step", "formControl"], [3, "checked", "igxFocus", "disableRipple", "formControl"], ["mode", "dropdown", 3, "outlet", "locale", "weekStart", "value", "igxFocus", "formControl", "valueChange"], ["mode", "dropdown", 3, "outlet", "locale", "inputFormat", "value", "igxFocus", "formControl", "valueChange"], ["type", "text", "igxInput", "", 3, "formControl", "igxDateTimeEditor", "igxFocus"], [1, "igx-grid__tree-grouping-indicator", 3, "click", "focus"], ["indicator", ""], [3, "igxTooltipTarget", "igxToggleOutlet", "mouseover", "mouseout"], ["errorIcon", ""], ["igxTooltip", "", 3, "id"], ["error", "", "tooltipRef", "tooltip"]], template: function(i2, r5) {
+    }, inputs: { expanded: "expanded" }, standalone: true, features: [fe([vi]), Y, $5], decls: 18, vars: 6, consts: [["defaultPinnedIndicator", ""], ["defaultCell", ""], ["addRowCell", ""], ["inlineEditor", ""], [4, "ngIf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["defaultExpandedTemplate", ""], ["defaultCollapsedTemplate", ""], ["defaultError", ""], ["class", "igx-grid__td--pinned-chip", 3, "disabled", "displayDensity", 4, "ngIf"], [1, "igx-grid__td--pinned-chip", 3, "disabled", "displayDensity"], ["igxTextHighlight", "", "class", "igx-grid__td-text", "style", "pointer-events: none", 3, "cssClass", "activeCssClass", "groupName", "value", "row", "column", "containerClass", "metadata", 4, "ngIf"], [3, "ngClass", 4, "ngIf"], [3, "src", "alt", 4, "ngIf"], ["igxTextHighlight", "", 1, "igx-grid__td-text", 2, "pointer-events", "none", 3, "cssClass", "activeCssClass", "groupName", "value", "row", "column", "containerClass", "metadata"], [3, "ngClass"], [3, "src", "alt"], [3, "formGroup", 4, "ngIf"], [3, "formGroup"], ["displayDensity", "compact"], ["igxInput", "", 3, "igxFocus", "formControl", "compositionstart", "compositionend"], ["displayDensity", "compact", 3, "formGroup"], ["igxInput", "", "type", "number", 3, "igxFocus", "step", "formControl"], [3, "checked", "igxFocus", "disableRipple", "formControl"], ["mode", "dropdown", 3, "outlet", "locale", "weekStart", "value", "igxFocus", "formControl", "valueChange"], ["mode", "dropdown", 3, "outlet", "locale", "inputFormat", "value", "igxFocus", "formControl", "valueChange"], ["type", "text", "igxInput", "", 3, "formControl", "igxDateTimeEditor", "igxFocus"], [1, "igx-grid__tree-grouping-indicator", 3, "click", "focus"], ["indicator", ""], [3, "igxTooltipTarget", "igxToggleOutlet", "mouseover", "mouseout"], ["errorIcon", ""], ["igxTooltip", "", 3, "id"], ["error", "", "tooltipRef", "tooltip"]], template: function(i2, r5) {
       i2 & 1 && (m5(0, _0e, 1, 1, "ng-template", null, 0, V), m5(2, I0e, 3, 3, "ng-template", null, 1, V), m5(4, D0e, 1, 1, "ng-template", null, 2, V), m5(6, O0e, 8, 8, "ng-template", null, 3, V), m5(8, L0e, 4, 4, "ng-container", 4), m5(9, B0e, 1, 0, "ng-container", 5), m5(10, G0e, 1, 0, "ng-container", 5), m5(11, j0e, 9, 7, "ng-container", 4), m5(12, $0e, 2, 0, "ng-template", null, 6, V), m5(14, U0e, 2, 0, "ng-template", null, 7, V), m5(16, J0e, 7, 7, "ng-template", null, 8, V)), i2 & 2 && (d(8), u5("ngIf", r5.showExpanderIndicator), d(1), u5("ngTemplateOutlet", r5.pinnedIndicatorTemplate)("ngTemplateOutletContext", r5.context), d(1), u5("ngTemplateOutlet", r5.template)("ngTemplateOutletContext", r5.context), d(1), u5("ngIf", r5.isInvalid));
-    }, dependencies: [se, ei, gr, he, Oe2, yo, Qn, vc, qn, _d, vd, yc, Cc, At, vt2, Rl, Ut, fr, xr, an, Be, Ue, Re2, Na, no, Kd, Jd, ql, ml, fl, Vs, En], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [ae2, ei, gr, he, Oe2, yo, Qn, vc, qn, _d, vd, yc, Cc, At, vt2, Rl, Ut, fr, xr, an, Be, Ue, Re2, Na, no, Kd, Jd, ql, ml, fl, Vs, En], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 function e1e(o, t10) {
@@ -43472,12 +43482,12 @@ var dM = (() => {
       };
     }();
   })(), (() => {
-    t10.\u0275cmp = G({ type: t10, selectors: [["igx-grid-row"]], standalone: true, features: [fe([{ provide: oi, useExisting: gi(() => t10) }]), Y, $5], decls: 17, vars: 1, consts: [[4, "ngTemplateOutlet"], ["addTemp", ""], ["defaultTemp", ""], ["mrlPinnedTemplate", ""], ["rowSelectorBaseTemplate", ""], ["cellTemplate", ""], ["expandableCellTemplate", ""], ["mrlCellTemplate", ""], ["mrlExpandableCellTemplate", ""], [1, "igx-grid__tr--inner", 3, "animationend"], [4, "ngIf"], [3, "igxRowDrag", "ghostTemplate", "click"], [1, "igx-grid__cbx-selection", "igx-grid__tr-action", 3, "pointerdown", "click"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "pointerdown", "click"], ["igxGridFor", "", 3, "igxGridForOf", "igxForScrollContainer", "igxForScrollOrientation", "igxForContainerSize", "igxForSizePropName", "igxForTrackBy"], ["igxDirRef", ""], ["ngFor", "", 3, "ngForOf"], [1, "igx-grid__mrl-block", 3, "ngStyle"], ["class", "igx-grid__mrl-block", 3, "igx-grid__td--pinned-last", "igx-grid__td--pinned-first", "left", "ngStyle", 4, "ngFor", "ngForOf"], [1, "igx-grid__cbx-padding"], [3, "tabindex", "checked", "readonly", "disabled", "disableRipple", "disableTransitions", "aria-label"], [1, "igx-grid__td", "igx-grid__td--fw", 3, "ngClass", "ngStyle", "editMode", "column", "formatter", "intRow", "lastPinned", "firstPinned", "rowData", "width", "visibleColumnIndex", "value", "cellTemplate", "cellValidationErrorTemplate", "lastSearchInfo", "active", "cellSelectionMode", "displayPinnedChip"], ["cell", ""], [1, "igx-grid__td", "igx-grid__td--fw", "igx-grid__td--tree-cell", 3, "ngClass", "ngStyle", "expanded", "editMode", "column", "formatter", "intRow", "lastPinned", "rowData", "width", "visibleColumnIndex", "value", "cellTemplate", "cellValidationErrorTemplate", "lastSearchInfo", "active", "cellSelectionMode", "displayPinnedChip"], [1, "igx-grid__td", "igx-grid__td--fw", 3, "ngClass", "ngStyle", "editMode", "column", "lastPinned", "firstPinned", "formatter", "intRow", "rowData", "visibleColumnIndex", "value", "cellTemplate", "cellValidationErrorTemplate", "lastSearchInfo", "active", "cellSelectionMode", "displayPinnedChip"], [1, "igx-grid__td", "igx-grid__td--fw", "igx-grid__td--tree-cell", 3, "ngClass", "ngStyle", "expanded", "editMode", "column", "lastPinned", "formatter", "intRow", "rowData", "visibleColumnIndex", "value", "cellTemplate", "cellValidationErrorTemplate", "lastSearchInfo", "active", "cellSelectionMode", "displayPinnedChip"]], template: function(i2, r5) {
+    t10.\u0275cmp = G({ type: t10, selectors: [["igx-grid-row"]], standalone: true, features: [fe([{ provide: oi, useExisting: mi(() => t10) }]), Y, $5], decls: 17, vars: 1, consts: [[4, "ngTemplateOutlet"], ["addTemp", ""], ["defaultTemp", ""], ["mrlPinnedTemplate", ""], ["rowSelectorBaseTemplate", ""], ["cellTemplate", ""], ["expandableCellTemplate", ""], ["mrlCellTemplate", ""], ["mrlExpandableCellTemplate", ""], [1, "igx-grid__tr--inner", 3, "animationend"], [4, "ngIf"], [3, "igxRowDrag", "ghostTemplate", "click"], [1, "igx-grid__cbx-selection", "igx-grid__tr-action", 3, "pointerdown", "click"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "pointerdown", "click"], ["igxGridFor", "", 3, "igxGridForOf", "igxForScrollContainer", "igxForScrollOrientation", "igxForContainerSize", "igxForSizePropName", "igxForTrackBy"], ["igxDirRef", ""], ["ngFor", "", 3, "ngForOf"], [1, "igx-grid__mrl-block", 3, "ngStyle"], ["class", "igx-grid__mrl-block", 3, "igx-grid__td--pinned-last", "igx-grid__td--pinned-first", "left", "ngStyle", 4, "ngFor", "ngForOf"], [1, "igx-grid__cbx-padding"], [3, "tabindex", "checked", "readonly", "disabled", "disableRipple", "disableTransitions", "aria-label"], [1, "igx-grid__td", "igx-grid__td--fw", 3, "ngClass", "ngStyle", "editMode", "column", "formatter", "intRow", "lastPinned", "firstPinned", "rowData", "width", "visibleColumnIndex", "value", "cellTemplate", "cellValidationErrorTemplate", "lastSearchInfo", "active", "cellSelectionMode", "displayPinnedChip"], ["cell", ""], [1, "igx-grid__td", "igx-grid__td--fw", "igx-grid__td--tree-cell", 3, "ngClass", "ngStyle", "expanded", "editMode", "column", "formatter", "intRow", "lastPinned", "rowData", "width", "visibleColumnIndex", "value", "cellTemplate", "cellValidationErrorTemplate", "lastSearchInfo", "active", "cellSelectionMode", "displayPinnedChip"], [1, "igx-grid__td", "igx-grid__td--fw", 3, "ngClass", "ngStyle", "editMode", "column", "lastPinned", "firstPinned", "formatter", "intRow", "rowData", "visibleColumnIndex", "value", "cellTemplate", "cellValidationErrorTemplate", "lastSearchInfo", "active", "cellSelectionMode", "displayPinnedChip"], [1, "igx-grid__td", "igx-grid__td--fw", "igx-grid__td--tree-cell", 3, "ngClass", "ngStyle", "expanded", "editMode", "column", "lastPinned", "formatter", "intRow", "rowData", "visibleColumnIndex", "value", "cellTemplate", "cellValidationErrorTemplate", "lastSearchInfo", "active", "cellSelectionMode", "displayPinnedChip"]], template: function(i2, r5) {
       if (i2 & 1 && (m5(0, e1e, 1, 0, "ng-container", 0), m5(1, i1e, 2, 3, "ng-template", null, 1, V), m5(3, R1e, 5, 5, "ng-template", null, 2, V), m5(5, F1e, 2, 3, "ng-template", null, 3, V), m5(7, V1e, 2, 7, "ng-template", null, 4, V), m5(9, O1e, 6, 94, "ng-template", null, 5, V), m5(11, N1e, 6, 88, "ng-template", null, 6, V), m5(13, H1e, 6, 89, "ng-template", null, 7, V), m5(15, L1e, 6, 89, "ng-template", null, 8, V)), i2 & 2) {
         let s10 = P(2), a = P(4);
         u5("ngTemplateOutlet", r5.addRowUI ? s10 : a);
       }
-    }, dependencies: [Re2, se, cg, He2, Xt, ai, Ut, Xl, Oe2, xy, Ql, ag, qd, sg, Zd, eu], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [Re2, ae2, cg, He2, Xt, ai, Ut, Xl, Oe2, xy, Ql, ag, qd, sg, Zd, eu], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 var ii = (() => (ii = ii || {}, ii[ii.NONE = 0] = "NONE", ii[ii.LEFT = 1] = "LEFT", ii[ii.TOP = 2] = "TOP", ii[ii.RIGHT = 3] = "RIGHT", ii[ii.BOTTOM = 4] = "BOTTOM", ii[ii.TOPLEFT = 5] = "TOPLEFT", ii[ii.TOPRIGHT = 6] = "TOPRIGHT", ii[ii.BOTTOMLEFT = 7] = "BOTTOMLEFT", ii[ii.BOTTOMRIGHT = 8] = "BOTTOMRIGHT", ii))();
@@ -43500,7 +43510,7 @@ var su = (() => {
         l10 !== this.lastDirection && (this.unsubscribe(), this._sub = this._interval$.subscribe(() => this.dragScroll.emit(c)), this.lastDirection = l10);
       }, this.stopDragSelection = () => {
         this.activeDrag && (this.dragStop.emit(false), this.unsubscribe(), this.lastDirection = ii.NONE);
-      }, this._interval$ = yr(0, go).pipe(W(this.end$), Ci(() => this.activeDrag));
+      }, this._interval$ = yr(0, go).pipe(W(this.end$), gi(() => this.activeDrag));
     }
     ngOnInit() {
       this.zone.runOutsideAngular(() => {
@@ -43558,7 +43568,7 @@ function q1e(o, t10) {
 }
 function K1e(o, t10) {
   if (o & 1 && (z(0), m5(1, q1e, 1, 0, "ng-container", 72), j3()), o & 2) {
-    let n = t10.$implicit, e = t10.index, i2 = h(4), r5 = P(28);
+    let n = t10.$implicit, e = t10.index, i2 = h(4), r5 = P(27);
     d(1), u5("ngTemplateOutlet", r5)("ngTemplateOutletContext", i2.getContext(n, e, true));
   }
 }
@@ -43694,7 +43704,7 @@ function vxe(o, t10) {
 }
 function yxe(o, t10) {
   if (o & 1 && (f(0, "span"), m5(1, vxe, 1, 0, "ng-container", 7), x5()), o & 2) {
-    let n = h(2), e = P(78);
+    let n = h(2), e = P(77);
     d(1), u5("ngTemplateOutlet", n.addRowEmptyTemplate || e);
   }
 }
@@ -43709,7 +43719,7 @@ function wxe(o, t10) {
 }
 function Ixe(o, t10) {
   if (o & 1 && (f(0, "span"), m5(1, wxe, 1, 0, "ng-container", 7), x5()), o & 2) {
-    let n = h(2), e = P(78);
+    let n = h(2), e = P(77);
     d(1), u5("ngTemplateOutlet", n.addRowEmptyTemplate || e);
   }
 }
@@ -43799,7 +43809,7 @@ var uM = function(o) {
 };
 function Oxe(o, t10) {
   if (o & 1 && (f(0, "div", 95)(1, "span", 96), m5(2, Fxe, 1, 0, "ng-container", 72), x5()(), f(3, "div", 97)(4, "div", 98), m5(5, Vxe, 1, 0, "ng-container", 72), x5()()), o & 2) {
-    let n = h(), e = P(87), i2 = P(89);
+    let n = h(), e = P(86), i2 = P(88);
     d(2), u5("ngTemplateOutlet", (n.crudService.row == null ? null : n.crudService.row.getClassName()) === "IgxAddRow" ? n.rowAddTextTemplate : n.rowEditTextTemplate ? n.rowEditTextTemplate : e)("ngTemplateOutletContext", ze(4, uM, (n.crudService.row == null ? null : n.crudService.row.getClassName()) !== "IgxAddRow" ? n.rowChangesCount : null)), d(3), u5("ngTemplateOutlet", n.rowEditActionsTemplate ? n.rowEditActionsTemplate : i2)("ngTemplateOutletContext", ze(6, uM, n.endEdit.bind(n)));
   }
 }
@@ -43809,7 +43819,7 @@ function Nxe(o, t10) {
 function Hxe(o, t10) {
   o & 1 && k5(0, "igx-grid-column-resizer");
 }
-var Lxe = [[["igx-grid-state"], ["igc-grid-state"]], [["igx-grid-toolbar"], ["igc-grid-toolbar"]], [["igx-grid-footer"], ["igc-grid-footer"]], [["igx-paginator"], ["igc-paginator"]], [["igx-column"], ["igc-column"], ["igx-column-group"], ["igc-column-group"], ["igx-column-layout"], ["igc-column-layout"], ["igx-action-strip"], ["igc-action-strip"]]];
+var Lxe = [[["igx-grid-toolbar"], ["igc-grid-toolbar"]], [["igx-grid-footer"], ["igc-grid-footer"]], [["igx-paginator"], ["igc-paginator"]], [["igx-grid-state"], ["igc-grid-state"]], [["igx-column"], ["igc-column"], ["igx-column-group"], ["igc-column-group"], ["igx-column-layout"], ["igc-column-layout"], ["igx-action-strip"], ["igc-action-strip"]]];
 var Bxe = function(o, t10, n, e, i2, r5, s10) {
   return [o, t10, n, e, i2, r5, s10];
 };
@@ -43825,7 +43835,7 @@ var zxe = function(o, t10, n, e, i2) {
 var jxe = function() {
   return [];
 };
-var $xe = ["igx-grid-state,igc-grid-state", "igx-grid-toolbar,igc-grid-toolbar", "igx-grid-footer,igc-grid-footer", "igx-paginator,igc-paginator", "igx-column,igc-column,igx-column-group,igc-column-group,igx-column-layout,igc-column-layout,igx-action-strip,igc-action-strip"];
+var $xe = ["igx-grid-toolbar,igc-grid-toolbar", "igx-grid-footer,igc-grid-footer", "igx-paginator,igc-paginator", "igx-grid-state,igc-grid-state", "igx-column,igc-column,igx-column-group,igc-column-group,igx-column-layout,igc-column-layout,igx-action-strip,igc-action-strip"];
 var Uxe = 0;
 var dn = (() => {
   let t10 = class extends Bi {
@@ -44159,7 +44169,7 @@ var dn = (() => {
     }, hostVars: 2, hostBindings: function(i2, r5) {
       i2 & 2 && H("role", r5.role)("id", r5.id);
     }, inputs: { groupsExpanded: "groupsExpanded", dropAreaTemplate: "dropAreaTemplate", detailTemplate: "detailTemplate", id: "id", data: "data", totalItemCount: "totalItemCount", groupingExpressions: "groupingExpressions", groupingExpansionState: "groupingExpansionState", hideGroupedColumns: "hideGroupedColumns", groupStrategy: "groupStrategy", dropAreaMessage: "dropAreaMessage", groupByRowSelectorTemplate: "groupByRowSelectorTemplate", groupRowTemplate: "groupRowTemplate", showGroupArea: "showGroupArea" }, outputs: { dataPreLoad: "dataPreLoad", groupingExpressionsChange: "groupingExpressionsChange", groupingExpansionStateChange: "groupingExpansionStateChange", groupingDone: "groupingDone" }, standalone: true, features: [fe([Ml, Go, sr, Zt2, or, { provide: Xn, useClass: rM }, { provide: Me2, useExisting: t10 }, ti, Hi, Do, ts]), Y, $5], ngContentSelectors: $xe, decls: 100, vars: 170, consts: [[4, "ngIf"], ["tabindex", "0", 1, "igx-grid-thead", 3, "grid", "hasMRL", "density", "activeDescendant", "width", "pinnedColumnCollection", "unpinnedColumnCollection", "keydown.meta.c", "keydown.control.c", "copy", "keydown", "scroll", "focus"], ["igxGridBody", "", "role", "rowgroup", 1, "igx-grid__tbody", 3, "keydown.control.c", "copy"], ["tabindex", "0", 1, "igx-grid__tbody-content", 3, "igxGridDragSelect", "keydown", "focus", "dragStop", "scroll", "dragScroll"], ["tbody", ""], ["id", "left", "class", "igx-grid__scroll-on-drag-left", 3, "igxColumnMovingDrop", 4, "ngIf"], ["id", "left", "class", "igx-grid__scroll-on-drag-pinned", 3, "igxColumnMovingDrop", "left", 4, "ngIf"], [4, "ngTemplateOutlet"], ["pinnedRecordsTemplate", ""], ["igxGridFor", "", 3, "igxGridForOf", "igxForScrollOrientation", "igxForScrollContainer", "igxForContainerSize", "igxForItemSize", "igxForTrackBy", "chunkPreload", "dataChanging", "dataChanged"], ["verticalScrollContainer", ""], ["record_template", ""], ["pinned_record_template", ""], ["group_template", ""], ["summary_template", ""], ["detail_template_container", ""], ["igxOverlayOutlet", "", 1, "igx-grid__row-editing-outlet"], ["igxRowEditingOverlayOutlet", ""], ["text", "Trial version of Ignite UI for Web Components"], ["igxToggle", ""], ["loadingOverlay", ""], [3, "indeterminate", 4, "ngIf"], ["id", "right", "class", "igx-grid__scroll-on-drag-right", 3, "igxColumnMovingDrop", 4, "ngIf"], [1, "igx-grid__tbody-scrollbar", 3, "hidden", "pointerdown"], [1, "igx-grid__tbody-scrollbar-start"], [1, "igx-grid__tbody-scrollbar-main"], ["igxGridFor", "", 3, "igxGridForOf"], ["verticalScrollHolder", ""], [1, "igx-grid__tbody-scrollbar-end"], [1, "igx-grid__addrow-snackbar"], [3, "outlet", "actionText", "displayTime"], ["addRowSnackbar", ""], ["igxOverlayOutlet", ""], ["igxBodyOverlayOutlet", "overlay-outlet"], ["igxOverlayOutlet", "", 1, "igx-grid__loading-outlet"], ["igxLoadingOverlayOutlet", ""], ["role", "rowgroup", 1, "igx-grid__tfoot"], ["tfoot", ""], ["tabindex", "0", 3, "focus", "keydown"], ["role", "row", "class", "igx-grid__summaries", 3, "width", "height", "gridID", "summaries", "index", 4, "ngIf"], [1, "igx-grid__tfoot-thumb", 3, "hidden"], [1, "igx-grid__scroll", 3, "hidden", "pointerdown"], ["scr", ""], [1, "igx-grid__scroll-start"], [1, "igx-grid__scroll-main"], ["scrollContainer", ""], [1, "igx-grid__scroll-end", 3, "hidden"], [1, "igx-grid__footer"], ["footer", ""], ["emptyFilteredGrid", ""], ["defaultEmptyGrid", ""], ["defaultAddRowEmptyTemplate", ""], ["defaultLoadingGrid", ""], ["defaultExpandedTemplate", ""], ["defaultCollapsedTemplate", ""], ["igxToggle", "", 4, "ngIf"], ["defaultRowEditText", ""], ["defaultRowEditActions", ""], ["defaultRowEditTemplate", ""], ["dragIndicatorIconBase", ""], ["igxOverlayOutlet", "", 1, "igx-grid__outlet"], ["igxFilteringOverlayOutlet", ""], [2, "display", "none"], ["sink", ""], [3, "grid", "expressions", "sortingExpressions", "density", "dropAreaTemplate", "dropAreaMessage"], ["groupArea", ""], ["id", "left", 1, "igx-grid__scroll-on-drag-left", 3, "igxColumnMovingDrop"], ["id", "left", 1, "igx-grid__scroll-on-drag-pinned", 3, "igxColumnMovingDrop"], ["class", "igx-grid__tr--pinned", 3, "ngClass", "width", 4, "ngIf"], [1, "igx-grid__tr--pinned", 3, "ngClass"], ["pinContainer", ""], [4, "ngFor", "ngForOf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "igxTemplateOutlet", "igxTemplateOutletContext", "cachedViewLoaded", "viewCreated", "viewMoved"], [3, "gridID", "index", "data", "disabled", "ngClass", "ngStyle"], ["row", ""], [3, "gridID", "index", "data", "ngClass", "ngStyle"], ["row", "", "pinnedRow", ""], [3, "gridID", "index", "groupRow", "hideGroupRowSelectors", "rowDraggable"], ["role", "row", 1, "igx-grid__summaries--body", 3, "gridID", "summaries", "index"], ["summaryRow", ""], ["detail", "true", 2, "overflow", "auto", "width", "100%", 3, "id", "ngClass", "pointerdown"], ["detailsContainer", ""], [1, "igx-grid__hierarchical-indent", 2, "display", "flex"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "indeterminate"], ["id", "right", 1, "igx-grid__scroll-on-drag-right", 3, "igxColumnMovingDrop"], ["role", "row", 1, "igx-grid__summaries", 3, "gridID", "summaries", "index"], ["role", "cell", 1, "igx-grid__tbody-message"], ["igxButton", "raised", "igxRipple", "", 3, "click"], [1, "igx-grid__loading"], ["role", "button", 1, "igx-grid__group-expand-btn", 3, "ngClass"], ["rowEditingOverlay", ""], [3, "className"], ["igxButton", "", "igxRowEditTabStop", "", "type", "button", 3, "click"], [1, "igx-banner__message"], [1, "igx-banner__text"], [1, "igx-banner__actions"], [1, "igx-banner__row"]], template: function(i2, r5) {
-      if (i2 & 1 && (Se(Lxe), le2(0), le2(1, 1), m5(2, $1e, 3, 8, "ng-container", 0), f(3, "igx-grid-header-row", 1), w5("keydown.meta.c", function(a) {
+      if (i2 & 1 && (Se(Lxe), se(0), m5(1, $1e, 3, 8, "ng-container", 0), f(2, "igx-grid-header-row", 1), w5("keydown.meta.c", function(a) {
         return r5.copyHandler(a);
       })("keydown.control.c", function(a) {
         return r5.copyHandler(a);
@@ -44171,11 +44181,11 @@ var dn = (() => {
         return r5.preventHeaderScroll(a);
       })("focus", function() {
         return r5.navigation.focusFirstCell();
-      }), x5(), f(4, "div", 2), w5("keydown.control.c", function(a) {
+      }), x5(), f(3, "div", 2), w5("keydown.control.c", function(a) {
         return r5.copyHandler(a);
       })("copy", function(a) {
         return r5.copyHandler(a);
-      }), f(5, "div", 3, 4), w5("keydown", function(a) {
+      }), f(4, "div", 3, 4), w5("keydown", function(a) {
         return r5.navigation.handleNavigation(a);
       })("focus", function(a) {
         return r5.navigation.focusTbody(a);
@@ -44185,25 +44195,25 @@ var dn = (() => {
         return r5.preventContainerScroll(a);
       })("dragScroll", function(a) {
         return r5.dragScroll(a);
-      }), m5(7, U1e, 1, 2, "span", 5), m5(8, W1e, 1, 4, "span", 6), m5(9, Q1e, 1, 0, "ng-container", 7), m5(10, txe, 7, 49, "ng-template", null, 8, V), m5(12, nxe, 1, 2, "ng-template", 9, 10, V), R(14, "gridRowPinning"), R(15, "gridAddRow"), R(16, "gridDetails"), R(17, "gridSummary"), R(18, "gridPaging"), R(19, "gridGroupBy"), R(20, "gridSort"), R(21, "gridFiltering"), R(22, "visibleColumns"), R(23, "gridTransaction"), w5("chunkPreload", function(a) {
+      }), m5(6, U1e, 1, 2, "span", 5), m5(7, W1e, 1, 4, "span", 6), m5(8, Q1e, 1, 0, "ng-container", 7), m5(9, txe, 7, 49, "ng-template", null, 8, V), m5(11, nxe, 1, 2, "ng-template", 9, 10, V), R(13, "gridRowPinning"), R(14, "gridAddRow"), R(15, "gridDetails"), R(16, "gridSummary"), R(17, "gridPaging"), R(18, "gridGroupBy"), R(19, "gridSort"), R(20, "gridFiltering"), R(21, "visibleColumns"), R(22, "gridTransaction"), w5("chunkPreload", function(a) {
         return r5.dataLoading(a);
       })("dataChanging", function(a) {
         return r5.dataRebinding(a);
       })("dataChanged", function(a) {
         return r5.dataRebound(a);
-      }), m5(24, rxe, 1, 0, "ng-container", 7), m5(25, oxe, 4, 36, "ng-template", null, 11, V), m5(27, sxe, 5, 35, "ng-template", null, 12, V), m5(29, axe, 2, 5, "ng-template", null, 13, V), m5(31, lxe, 2, 3, "ng-template", null, 14, V), m5(33, pxe, 5, 9, "ng-template", null, 15, V), m5(35, hxe, 1, 0, "ng-container", 7), k5(36, "div", 16, 17)(38, "igc-trial-watermark", 18), x5(), f(39, "div", 19, 20), m5(41, gxe, 1, 1, "igx-circular-bar", 21), x5(), m5(42, mxe, 1, 2, "span", 22), f(43, "div", 23), w5("pointerdown", function(a) {
+      }), m5(23, rxe, 1, 0, "ng-container", 7), m5(24, oxe, 4, 36, "ng-template", null, 11, V), m5(26, sxe, 5, 35, "ng-template", null, 12, V), m5(28, axe, 2, 5, "ng-template", null, 13, V), m5(30, lxe, 2, 3, "ng-template", null, 14, V), m5(32, pxe, 5, 9, "ng-template", null, 15, V), m5(34, hxe, 1, 0, "ng-container", 7), k5(35, "div", 16, 17)(37, "igc-trial-watermark", 18), x5(), f(38, "div", 19, 20), m5(40, gxe, 1, 1, "igx-circular-bar", 21), x5(), m5(41, mxe, 1, 2, "span", 22), f(42, "div", 23), w5("pointerdown", function(a) {
         return a.preventDefault();
-      }), k5(44, "div", 24), f(45, "div", 25), m5(46, fxe, 0, 0, "ng-template", 26, 27, V), x5(), k5(48, "div", 28), x5(), f(49, "div", 29)(50, "igx-snackbar", 30, 31), C(52), x5()(), k5(53, "div", 32, 33)(55, "div", 34, 35), x5(), f(57, "div", 36, 37)(59, "div", 38), w5("focus", function() {
+      }), k5(43, "div", 24), f(44, "div", 25), m5(45, fxe, 0, 0, "ng-template", 26, 27, V), x5(), k5(47, "div", 28), x5(), f(48, "div", 29)(49, "igx-snackbar", 30, 31), C(51), x5()(), k5(52, "div", 32, 33)(54, "div", 34, 35), x5(), f(56, "div", 36, 37)(58, "div", 38), w5("focus", function() {
         return r5.navigation.focusFirstCell(false);
       })("keydown", function(a) {
         return r5.navigation.summaryNav(a);
-      }), m5(60, xxe, 3, 10, "igx-grid-summary-row", 39), k5(61, "div", 40), x5()(), f(62, "div", 41, 42), w5("pointerdown", function(a) {
+      }), m5(59, xxe, 3, 10, "igx-grid-summary-row", 39), k5(60, "div", 40), x5()(), f(61, "div", 41, 42), w5("pointerdown", function(a) {
         return a.preventDefault();
-      }), k5(64, "div", 43), f(65, "div", 44), m5(66, _xe, 0, 0, "ng-template", 26, 45, V), x5(), k5(68, "div", 46), x5(), f(69, "div", 47, 48), le2(71, 2), le2(72, 3), x5(), m5(73, Cxe, 4, 2, "ng-template", null, 49, V), m5(75, Sxe, 4, 2, "ng-template", null, 50, V), m5(77, Dxe, 2, 1, "ng-template", null, 51, V), m5(79, bxe, 2, 1, "ng-template", null, 52, V), m5(81, Exe, 2, 3, "ng-template", null, 53, V), m5(83, Txe, 2, 3, "ng-template", null, 54, V), m5(85, Axe, 4, 6, "div", 55), m5(86, Pxe, 1, 2, "ng-template", null, 56, V), m5(88, kxe, 4, 2, "ng-template", null, 57, V), m5(90, Oxe, 6, 8, "ng-template", null, 58, V), m5(92, Nxe, 2, 0, "ng-template", null, 59, V), m5(94, Hxe, 1, 0, "igx-grid-column-resizer", 0), k5(95, "div", 60, 61), f(97, "div", 62, 63), le2(99, 4), x5()), i2 & 2) {
-        let s10 = P(11), a = P(54);
-        d(2), u5("ngIf", r5.showGroupArea && (r5.groupingExpressions.length > 0 || r5.hasGroupableColumns)), d(1), u5("grid", r5)("hasMRL", r5.hasColumnLayouts)("density", r5.displayDensity)("activeDescendant", r5.activeDescendant)("width", r5.calcWidth)("pinnedColumnCollection", r5.pinnedColumns)("unpinnedColumnCollection", r5.unpinnedColumns), d(2), U("height", r5.totalHeight, "px")("width", r5.calcWidth || null, "px"), u5("igxGridDragSelect", r5.selectionService.dragMode), H("role", r5.dataView.length ? null : "row")("aria-activedescendant", r5.activeDescendant), d(2), u5("ngIf", r5.moving && r5.columnInDrag && r5.pinnedColumns.length <= 0), d(1), u5("ngIf", r5.moving && r5.columnInDrag && r5.pinnedColumns.length > 0), d(1), u5("ngTemplateOutlet", r5.hasPinnedRecords && r5.isRowPinningToTop ? s10 : null), d(3), u5("igxGridForOf", ft2(14, 70, de(15, 75, ft2(16, 79, me(17, 84, qw(160, pM, me(18, 93, It2(154, zxe, me(19, 99, qw(145, pM, me(20, 108, _t2(138, Gxe, me(21, 115, Xi(130, Bxe, Wt(22, 123, de(23, 126, r5.data, r5.id, r5.pipeTrigger), r5.hasVisibleColumns), r5.filteringExpressionsTree, r5.filterStrategy, r5.advancedFilteringExpressionsTree, r5.id, r5.pipeTrigger, r5.filteringPipeTrigger)), r5.sortingExpressions, r5.groupingExpressions, r5.sortStrategy, r5.id, r5.pipeTrigger)), r5.groupingExpressions, r5.groupingExpansionState, r5.groupStrategy, r5.groupsExpanded, r5.id, r5.groupsRecords, r5.pipeTrigger)), !!r5.paginator, r5.page, r5.perPage, r5.pipeTrigger)), r5.hasSummarizedColumns, r5.summaryCalculationMode, r5.summaryPosition, r5.id, r5.showSummaryOnCollapse, r5.pipeTrigger, r5.summaryPipeTrigger)), r5.hasDetails, r5.expansionStates, r5.pipeTrigger), false, r5.pipeTrigger), r5.id, false, r5.pipeTrigger))("igxForScrollOrientation", "vertical")("igxForScrollContainer", r5.verticalScroll)("igxForContainerSize", r5.calcHeight)("igxForItemSize", r5.hasColumnLayouts ? r5.rowHeight * r5.multiRowLayoutRowSize + 1 : r5.renderedRowHeight)("igxForTrackBy", r5.trackChanges), d(12), u5("ngTemplateOutlet", r5.hasPinnedRecords && !r5.isRowPinningToTop ? s10 : null), d(11), u5("ngTemplateOutlet", r5.template), d(6), u5("ngIf", r5.shouldOverlayLoading), d(1), u5("ngIf", r5.moving && r5.columnInDrag), d(1), U("width", r5.scrollSize, "px"), u5("hidden", !r5.hasVerticalScroll()), d(1), U("height", r5.isRowPinningToTop ? r5.pinnedRowHeight : 0, "px"), d(1), U("height", r5.calcHeight, "px"), d(1), u5("igxGridForOf", Dn(169, jxe)), d(2), U("height", r5.isRowPinningToTop ? 0 : r5.pinnedRowHeight, "px"), d(2), u5("outlet", a)("actionText", r5.resourceStrings.igx_grid_snackbar_addrow_actiontext)("displayTime", r5.snackbarDisplayTime), d(2), Q(r5.resourceStrings.igx_grid_snackbar_addrow_label), d(5), U("height", r5.summaryRowHeight, "px"), d(2), H("aria-activedescendant", r5.activeDescendant), d(1), u5("ngIf", r5.hasSummarizedColumns && r5.rootSummariesEnabled), d(1), U("height", r5.summaryRowHeight, "px")("width", r5.scrollSize, "px"), u5("hidden", !r5.hasVerticalScroll()), d(1), U("height", r5.scrollSize, "px"), u5("hidden", r5.isHorizontalScrollHidden), d(2), U("width", r5.isPinningToStart ? r5.pinnedWidth : r5.headerFeaturesWidth, "px")("min-width", r5.isPinningToStart ? r5.pinnedWidth : r5.headerFeaturesWidth, "px"), d(1), U("width", r5.unpinnedWidth, "px"), d(1), u5("igxGridForOf", r5.EMPTY_DATA), d(2), U("float", "right")("width", r5.pinnedWidth, "px")("min-width", r5.pinnedWidth, "px"), u5("hidden", r5.pinnedWidth === 0 || r5.isPinningToStart), d(17), u5("ngIf", r5.rowEditable), d(9), u5("ngIf", r5.colResizingService.showResizer);
+      }), k5(63, "div", 43), f(64, "div", 44), m5(65, _xe, 0, 0, "ng-template", 26, 45, V), x5(), k5(67, "div", 46), x5(), f(68, "div", 47, 48), se(70, 1), se(71, 2), x5(), m5(72, Cxe, 4, 2, "ng-template", null, 49, V), m5(74, Sxe, 4, 2, "ng-template", null, 50, V), m5(76, Dxe, 2, 1, "ng-template", null, 51, V), m5(78, bxe, 2, 1, "ng-template", null, 52, V), m5(80, Exe, 2, 3, "ng-template", null, 53, V), m5(82, Txe, 2, 3, "ng-template", null, 54, V), m5(84, Axe, 4, 6, "div", 55), m5(85, Pxe, 1, 2, "ng-template", null, 56, V), m5(87, kxe, 4, 2, "ng-template", null, 57, V), m5(89, Oxe, 6, 8, "ng-template", null, 58, V), m5(91, Nxe, 2, 0, "ng-template", null, 59, V), m5(93, Hxe, 1, 0, "igx-grid-column-resizer", 0), k5(94, "div", 60, 61), f(96, "div", 62, 63), se(98, 3), se(99, 4), x5()), i2 & 2) {
+        let s10 = P(10), a = P(53);
+        d(1), u5("ngIf", r5.showGroupArea && (r5.groupingExpressions.length > 0 || r5.hasGroupableColumns)), d(1), u5("grid", r5)("hasMRL", r5.hasColumnLayouts)("density", r5.displayDensity)("activeDescendant", r5.activeDescendant)("width", r5.calcWidth)("pinnedColumnCollection", r5.pinnedColumns)("unpinnedColumnCollection", r5.unpinnedColumns), d(2), U("height", r5.totalHeight, "px")("width", r5.calcWidth || null, "px"), u5("igxGridDragSelect", r5.selectionService.dragMode), H("role", r5.dataView.length ? null : "row")("aria-activedescendant", r5.activeDescendant), d(2), u5("ngIf", r5.moving && r5.columnInDrag && r5.pinnedColumns.length <= 0), d(1), u5("ngIf", r5.moving && r5.columnInDrag && r5.pinnedColumns.length > 0), d(1), u5("ngTemplateOutlet", r5.hasPinnedRecords && r5.isRowPinningToTop ? s10 : null), d(3), u5("igxGridForOf", ft2(13, 70, de(14, 75, ft2(15, 79, me(16, 84, qw(160, pM, me(17, 93, It2(154, zxe, me(18, 99, qw(145, pM, me(19, 108, _t2(138, Gxe, me(20, 115, Xi(130, Bxe, Wt(21, 123, de(22, 126, r5.data, r5.id, r5.pipeTrigger), r5.hasVisibleColumns), r5.filteringExpressionsTree, r5.filterStrategy, r5.advancedFilteringExpressionsTree, r5.id, r5.pipeTrigger, r5.filteringPipeTrigger)), r5.sortingExpressions, r5.groupingExpressions, r5.sortStrategy, r5.id, r5.pipeTrigger)), r5.groupingExpressions, r5.groupingExpansionState, r5.groupStrategy, r5.groupsExpanded, r5.id, r5.groupsRecords, r5.pipeTrigger)), !!r5.paginator, r5.page, r5.perPage, r5.pipeTrigger)), r5.hasSummarizedColumns, r5.summaryCalculationMode, r5.summaryPosition, r5.id, r5.showSummaryOnCollapse, r5.pipeTrigger, r5.summaryPipeTrigger)), r5.hasDetails, r5.expansionStates, r5.pipeTrigger), false, r5.pipeTrigger), r5.id, false, r5.pipeTrigger))("igxForScrollOrientation", "vertical")("igxForScrollContainer", r5.verticalScroll)("igxForContainerSize", r5.calcHeight)("igxForItemSize", r5.hasColumnLayouts ? r5.rowHeight * r5.multiRowLayoutRowSize + 1 : r5.renderedRowHeight)("igxForTrackBy", r5.trackChanges), d(12), u5("ngTemplateOutlet", r5.hasPinnedRecords && !r5.isRowPinningToTop ? s10 : null), d(11), u5("ngTemplateOutlet", r5.template), d(6), u5("ngIf", r5.shouldOverlayLoading), d(1), u5("ngIf", r5.moving && r5.columnInDrag), d(1), U("width", r5.scrollSize, "px"), u5("hidden", !r5.hasVerticalScroll()), d(1), U("height", r5.isRowPinningToTop ? r5.pinnedRowHeight : 0, "px"), d(1), U("height", r5.calcHeight, "px"), d(1), u5("igxGridForOf", Dn(169, jxe)), d(2), U("height", r5.isRowPinningToTop ? 0 : r5.pinnedRowHeight, "px"), d(2), u5("outlet", a)("actionText", r5.resourceStrings.igx_grid_snackbar_addrow_actiontext)("displayTime", r5.snackbarDisplayTime), d(2), Q(r5.resourceStrings.igx_grid_snackbar_addrow_label), d(5), U("height", r5.summaryRowHeight, "px"), d(2), H("aria-activedescendant", r5.activeDescendant), d(1), u5("ngIf", r5.hasSummarizedColumns && r5.rootSummariesEnabled), d(1), U("height", r5.summaryRowHeight, "px")("width", r5.scrollSize, "px"), u5("hidden", !r5.hasVerticalScroll()), d(1), U("height", r5.scrollSize, "px"), u5("hidden", r5.isHorizontalScrollHidden), d(2), U("width", r5.isPinningToStart ? r5.pinnedWidth : r5.headerFeaturesWidth, "px")("min-width", r5.isPinningToStart ? r5.pinnedWidth : r5.headerFeaturesWidth, "px"), d(1), U("width", r5.unpinnedWidth, "px"), d(1), u5("igxGridForOf", r5.EMPTY_DATA), d(2), U("float", "right")("width", r5.pinnedWidth, "px")("min-width", r5.pinnedWidth, "px"), u5("hidden", r5.pinnedWidth === 0 || r5.isPinningToStart), d(17), u5("ngIf", r5.rowEditable), d(9), u5("ngIf", r5.colResizingService.showResizer);
       }
-    }, dependencies: [se, Oe2, He2, ai, Re2, hy, en, iu, su, Ho, Xt, is, dM, gy, nu, yn, Lt, ir, Xa, Xe, qt, he, kn, Yl, Zv, lg, Uc, Jv, Yd, Xd, mg, lM, cM, my, fy, aM, sM], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [ae2, Oe2, He2, ai, Re2, hy, en, iu, su, Ho, Xt, is, dM, gy, nu, yn, Lt, ir, Xa, Xe, qt, he, kn, Yl, Zv, lg, Uc, Jv, Yd, Xd, mg, lM, cM, my, fy, aM, sM], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 var Qxe = ["esf"];
@@ -44694,10 +44704,10 @@ function F_e(o, t10) {
 var DD = (() => {
   let t10 = class extends en {
     get headerForOf() {
-      return this.headerContainers.last;
+      return this.headerContainers?.last;
     }
     constructor(e, i2, r5, s10) {
-      super(i2, r5), this.grid = e, this.renderer = s10, this.aggregateList = [], this.filterDropdownDimensions = /* @__PURE__ */ new Set(), this.filterAreaDimensions = /* @__PURE__ */ new Set(), this._dropPos = yi.AfterDropTarget, this._subMenuPositionSettings = { verticalStartPoint: Te2.Bottom, closeAnimation: void 0 }, this._subMenuOverlaySettings = { closeOnOutsideClick: true, modal: false, positionStrategy: new Ii(this._subMenuPositionSettings), scrollStrategy: new Yt() }, this.columnDimensionsByLevel = [[]];
+      super(i2, r5), this.grid = e, this.renderer = s10, this.aggregateList = [], this.filterDropdownDimensions = /* @__PURE__ */ new Set(), this.filterAreaDimensions = /* @__PURE__ */ new Set(), this._dropPos = Ci.AfterDropTarget, this._subMenuPositionSettings = { verticalStartPoint: Te2.Bottom, closeAnimation: void 0 }, this._subMenuOverlaySettings = { closeOnOutsideClick: true, modal: false, positionStrategy: new Ii(this._subMenuPositionSettings), scrollStrategy: new Yt() }, this.columnDimensionsByLevel = [[]];
     }
     get isFiltersButton() {
       let e = 0;
@@ -44821,10 +44831,10 @@ var DD = (() => {
       if (!e.dragChip || !e.dragChip.data?.pivotArea || (i2 !== void 0 ? this.grid.pivotConfiguration.values.find((l10) => l10.member === e.dragChip.id || l10.displayName === e.dragChip.id) : !this.grid.pivotConfiguration.values.find((l10) => l10.member === e.dragChip.id || l10.displayName === e.dragChip.id)))
         return;
       let a = e.owner.nativeElement.getBoundingClientRect().width / 2;
-      this._dropPos = e.originalEvent.offsetX > a ? yi.AfterDropTarget : yi.BeforeDropTarget, this._dropPos === yi.AfterDropTarget ? (e.owner.nativeElement.previousElementSibling.style.visibility = "hidden", e.owner.nativeElement.nextElementSibling.style.visibility = "") : (e.owner.nativeElement.nextElementSibling.style.visibility = "hidden", e.owner.nativeElement.previousElementSibling.style.visibility = "");
+      this._dropPos = e.originalEvent.offsetX > a ? Ci.AfterDropTarget : Ci.BeforeDropTarget, this._dropPos === Ci.AfterDropTarget ? (e.owner.nativeElement.previousElementSibling.style.visibility = "hidden", e.owner.nativeElement.nextElementSibling.style.visibility = "") : (e.owner.nativeElement.nextElementSibling.style.visibility = "hidden", e.owner.nativeElement.previousElementSibling.style.visibility = "");
     }
     onDimDragLeave(e) {
-      e.owner.nativeElement.previousElementSibling.style.visibility = "hidden", e.owner.nativeElement.nextElementSibling.style.visibility = "hidden", this._dropPos = yi.AfterDropTarget;
+      e.owner.nativeElement.previousElementSibling.style.visibility = "hidden", e.owner.nativeElement.nextElementSibling.style.visibility = "hidden", this._dropPos = Ci.AfterDropTarget;
     }
     onAreaDragLeave(e, i2) {
       i2.chipsList.toArray().filter((s10) => this.notificationChips.toArray().indexOf(s10) === -1).forEach((s10) => {
@@ -44835,7 +44845,7 @@ var DD = (() => {
       if (!(e.dragChip && e.dragChip.data?.pivotArea) && !(e.dragData?.chip && e.dragData.chip.data.pivotArea))
         return;
       let r5 = this.grid.pivotConfiguration.values, s10 = e.dragChip?.id || e.dragData?.chip.id, a = i2.chipsList.toArray(), l10 = a.indexOf(e.owner) !== -1 ? a.indexOf(e.owner) : a.length;
-      l10 = this._dropPos === yi.AfterDropTarget ? l10 + 1 : l10;
+      l10 = this._dropPos === Ci.AfterDropTarget ? l10 + 1 : l10;
       let c = r5.find((p10) => p10.member === s10 || p10.displayName === s10);
       if (c) {
         let p10 = a.indexOf(e.dragChip || e.dragData.chip);
@@ -44845,7 +44855,7 @@ var DD = (() => {
     onDimDrop(e, i2, r5) {
       if (!(e.dragChip && e.dragChip.data?.pivotArea) && !(e.dragData?.chip && e.dragData.chip.data.pivotArea))
         return;
-      let s10 = e.dragChip?.id || e.dragData?.chip.id, a = this.grid.getDimensionsByType(r5), p10 = i2.chipsList.toArray().find((E) => E.id === s10) === void 0, g = e.owner.id !== void 0, v10 = a.findIndex((E) => E.memberName === e.owner.id) !== -1 ? a.findIndex((E) => E.memberName === e.owner.id) : a.length, y5 = this._dropPos === yi.AfterDropTarget ? v10 + 1 : v10;
+      let s10 = e.dragChip?.id || e.dragData?.chip.id, a = this.grid.getDimensionsByType(r5), p10 = i2.chipsList.toArray().find((E) => E.id === s10) === void 0, g = e.owner.id !== void 0, v10 = a.findIndex((E) => E.memberName === e.owner.id) !== -1 ? a.findIndex((E) => E.memberName === e.owner.id) : a.length, y5 = this._dropPos === Ci.AfterDropTarget ? v10 + 1 : v10;
       if (p10) {
         let E = this.grid.allDimensions.find((M) => M && M.memberName === s10);
         if (!E)
@@ -44863,7 +44873,7 @@ var DD = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(Me2), _(B), _(ae2), _(xt));
+      return new (i2 || t10)(_(Me2), _(B), _(le2), _(xt));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-pivot-header-row"]], viewQuery: function(i2, r5) {
@@ -44897,7 +44907,7 @@ var DD = (() => {
         }), m5(23, A_e, 2, 3, "igx-drop-down-item", 19), x5(), f(24, "div", 20)(25, "igx-grid-excel-style-filtering", 21, 22)(27, "div", 23)(28, "igx-chips-area", null, 24), m5(30, P_e, 2, 6, "igx-chip", 25), x5()(), f(31, "igx-excel-style-filter-operations"), k5(32, "igx-excel-style-search"), x5()()(), f(33, "div", 26)(34, "igx-chips-area", 11, 27), m5(36, k_e, 4, 5, "igx-chip", 28), x5()(), m5(37, F_e, 1, 2, "ng-template", null, 29, V);
       }
       i2 & 2 && (d(1), U("width", r5.width, "px"), d(1), U("width", r5.width, "px"), d(2), u5("ngIf", r5.grid.showPivotConfigurationUI), d(3), u5("ngIf", r5.grid.showPivotConfigurationUI), d(1), u5("ngIf", r5.grid.showPivotConfigurationUI), d(1), U("width", r5.width, "px"), J("igx-grid__tr--mrl", r5.hasMRL), H("aria-activedescendant", r5.activeDescendant), d(1), U("width", r5.width, "px"), d(1), U("width", r5.grid.pivotRowWidths - 1, "px"), d(4), u5("ngIf", r5.grid.showPivotConfigurationUI), d(1), u5("ngIf", r5.pinnedColumnCollection.length && r5.grid.isPinningToStart), d(1), U("max-height", r5.maxContainerHeight, "px"), d(1), u5("ngForOf", r5.columnDimensionsByLevel), d(1), u5("ngIf", r5.pinnedColumnCollection.length && !r5.grid.isPinningToStart), d(1), U("width", r5.grid.scrollSize, "px"), u5("hidden", !r5.grid.hasVerticalScroll()), d(3), u5("ngForOf", r5.aggregateList), d(1), u5("hidden", true), d(1), u5("maxHeight", r5.grid.excelStyleFilterMaxHeight)("minHeight", r5.grid.excelStyleFilterMinHeight), d(5), u5("ngForOf", r5.filterDropdownDimensions), d(6), u5("ngForOf", r5.grid.filterDimensions));
-    }, dependencies: [se, Pr, co, He2, ei, he, Be, qu, Ue, Yn, Re2, nr, Oe2, ai, Xt, $n, jn, Pn, Nr, Hr, Or, Wd, Ul, ag], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [ae2, Pr, co, He2, ei, he, Be, qu, Ue, Yn, Re2, nr, Oe2, ai, Xt, $n, jn, Pn, Nr, Hr, Or, Wd, Ul, ag], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 var Of = (() => {
@@ -45180,7 +45190,7 @@ var bD = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(Me2), _(ca), _(ae2), _(B));
+      return new (i2 || t10)(_(Me2), _(ca), _(le2), _(B));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-pivot-row-dimension-header"]], hostBindings: function(i2, r5) {
@@ -45192,7 +45202,7 @@ var bD = (() => {
         let s10 = P(1);
         d(7), u5("ngTemplateOutlet", r5.column.headerTemplate ? r5.column.headerTemplate : s10)("ngTemplateOutletContext", Nt2(3, U_e, r5.column, r5.column)), d(1), u5("ngIf", !r5.column.columnGroup);
       }
-    }, dependencies: [he, Re2, se, Oe2, Qv], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [he, Re2, ae2, Oe2, Qv], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 var vM = (() => {
@@ -45319,7 +45329,7 @@ var ED = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(ae2), _(Me2), _(B), _(ca), _(ti), _(_e2), _(we2));
+      return new (i2 || t10)(_(le2), _(Me2), _(B), _(ca), _(ti), _(_e2), _(we2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-pivot-row-dimension-header-group"]], viewQuery: function(i2, r5) {
@@ -45333,7 +45343,7 @@ var ED = (() => {
       }), i2 & 2 && (H("id", r5.headerID)("title", r5.title), U("user-select", r5.userSelect), J("igx-grid-th--active", r5.active));
     }, inputs: { rowIndex: "rowIndex", parent: "parent" }, standalone: true, features: [Y, $5], decls: 5, vars: 1, consts: [["defaultColumn", ""], ["defaultCollapseIndicator", ""], [4, "ngIf"], [1, "igx-grid-th__group-title", 3, "title"], ["class", "igx-grid-th__drop-indicator-left", 4, "ngIf"], ["role", "columnheader", 1, "igx-grid-th--fw", 3, "id", "ngClass", "ngStyle", "igxColumnMovingDrag", "ghostHost", "igxColumnMovingDrop", "column", "density", "pointerdown"], [3, "column", 4, "ngIf"], ["class", "igx-grid-th__resize-handle", 3, "igxPivotResizeHandle", "igxPivotResizeHandleHeader", "cursor", 4, "ngIf"], ["class", "igx-grid-th__drop-indicator-right", 4, "ngIf"], [1, "igx-grid-th__drop-indicator-left"], [3, "column"], [1, "igx-grid-th__resize-handle", 3, "igxPivotResizeHandle", "igxPivotResizeHandleHeader"], [1, "igx-grid-th__drop-indicator-right"]], template: function(i2, r5) {
       i2 & 1 && (m5(0, W_e, 2, 2, "ng-template", null, 0, V), m5(2, Q_e, 2, 2, "ng-template", null, 1, V), m5(4, Z_e, 7, 17, "ng-container", 2)), i2 & 2 && (d(4), u5("ngIf", !r5.column.columnGroup));
-    }, dependencies: [he, se, bD, Oe2, ai, qa, Ho, bf, vM, Ul], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [he, ae2, bD, Oe2, ai, qa, Ho, bf, vM, Ul], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 var J_e = ["headerTemplate"];
@@ -45400,7 +45410,7 @@ var TD = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(Me2), _(B), _(kt2), _(zi), _(ae2), _(Qe2));
+      return new (i2 || t10)(_(Me2), _(B), _(kt2), _(zi), _(le2), _(Qe2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-pivot-row-dimension-content"]], viewQuery: function(i2, r5) {
@@ -45826,12 +45836,12 @@ var PM = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(Me2), _(Zt2), _(B), _(ae2), _(Qe2));
+      return new (i2 || t10)(_(Me2), _(Zt2), _(B), _(le2), _(Qe2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-pivot-row"]], hostVars: 1, hostBindings: function(i2, r5) {
       i2 & 2 && H("aria-selected", r5.selected);
-    }, inputs: { selected: "selected", data: "data" }, standalone: true, features: [fe([{ provide: oi, useExisting: gi(() => t10) }]), Y, $5], decls: 5, vars: 8, consts: [["igxGridFor", "", 3, "igxGridForOf", "igxForScrollContainer", "igxForSizePropName", "igxForScrollOrientation", "igxForContainerSize", "igxForTrackBy"], ["igxDirRef", ""], ["rowSelectorBaseTemplate", ""], [1, "igx-grid__td", "igx-grid__td--fw", 3, "ngClass", "ngStyle", "editMode", "column", "formatter", "intRow", "active", "rowData", "columnData", "width", "visibleColumnIndex", "value", "cellTemplate", "lastSearchInfo", "cellSelectionMode", "displayPinnedChip", "pointerdown"], ["cell", ""], [1, "igx-grid__cbx-padding"], [3, "tabindex", "readonly", "checked", "disableRipple", "disabled", "disableTransitions", "aria-label"]], template: function(i2, r5) {
+    }, inputs: { selected: "selected", data: "data" }, standalone: true, features: [fe([{ provide: oi, useExisting: mi(() => t10) }]), Y, $5], decls: 5, vars: 8, consts: [["igxGridFor", "", 3, "igxGridForOf", "igxForScrollContainer", "igxForSizePropName", "igxForScrollOrientation", "igxForContainerSize", "igxForTrackBy"], ["igxDirRef", ""], ["rowSelectorBaseTemplate", ""], [1, "igx-grid__td", "igx-grid__td--fw", 3, "ngClass", "ngStyle", "editMode", "column", "formatter", "intRow", "active", "rowData", "columnData", "width", "visibleColumnIndex", "value", "cellTemplate", "lastSearchInfo", "cellSelectionMode", "displayPinnedChip", "pointerdown"], ["cell", ""], [1, "igx-grid__cbx-padding"], [3, "tabindex", "readonly", "checked", "disableRipple", "disabled", "disableTransitions", "aria-label"]], template: function(i2, r5) {
       i2 & 1 && (m5(0, sve, 6, 86, "ng-template", 0, 1, V), R(2, "igxNotGrouped"), m5(3, ave, 2, 7, "ng-template", null, 2, V)), i2 & 2 && u5("igxGridForOf", Ct2(2, 6, r5.unpinnedColumns))("igxForScrollContainer", r5.grid.parentVirtDir)("igxForSizePropName", "calcPixelWidth")("igxForScrollOrientation", "horizontal")("igxForContainerSize", r5.grid.unpinnedWidth)("igxForTrackBy", r5.grid.trackColumnChanges);
     }, dependencies: [Xt, Xl, Oe2, ai, Ut, Ql, qd, Zd, eu, MM], encapsulation: 2, changeDetection: 0 });
   })(), o;
@@ -45844,13 +45854,13 @@ function pve(o, t10) {
   o & 1 && q3(0);
 }
 function hve(o, t10) {
-  if (o & 1 && k5(0, "span", 52), o & 2) {
+  if (o & 1 && k5(0, "span", 54), o & 2) {
     let n = h();
     u5("igxColumnMovingDrop", n.headerContainer), H("droppable", true);
   }
 }
 function gve(o, t10) {
-  if (o & 1 && k5(0, "span", 53), o & 2) {
+  if (o & 1 && k5(0, "span", 55), o & 2) {
     let n = h();
     U("left", n.pinnedWidth, "px"), u5("igxColumnMovingDrop", n.headerContainer), H("droppable", true);
   }
@@ -45860,7 +45870,7 @@ function mve(o, t10) {
 function fve(o, t10) {
   if (o & 1) {
     let n = O();
-    m5(0, mve, 0, 0, "ng-template", 54), w5("cachedViewLoaded", function(i2) {
+    m5(0, mve, 0, 0, "ng-template", 56), w5("cachedViewLoaded", function(i2) {
       I(n);
       let r5 = h();
       return S(r5.cachedViewLoaded(i2));
@@ -45875,7 +45885,7 @@ var xve = function(o, t10, n, e, i2, r5, s10, a, l10, c, p10) {
   return [o, t10, n, e, i2, r5, s10, a, l10, false, c, p10];
 };
 function _ve(o, t10) {
-  if (o & 1 && (k5(0, "igx-pivot-row", 55, 56), R(2, "igxGridRowClasses"), R(3, "igxGridRowStyles")), o & 2) {
+  if (o & 1 && (k5(0, "igx-pivot-row", 57, 58), R(2, "igxGridRowClasses"), R(3, "igxGridRowStyles")), o & 2) {
     let n = t10.index, e = t10.$implicit, i2 = P(1), r5 = h();
     U("height", r5.renderedRowHeight, "px"), u5("gridID", r5.id)("index", n)("data", e)("ngClass", me(2, 7, ya(25, xve, [r5.rowClasses, i2, i2.inEditMode, i2.selected, i2.dirty, i2.deleted, i2.dragging, n, r5.hasColumnLayouts, e, r5.pipeTrigger])))("ngStyle", ft2(3, 20, r5.rowStyles, e, n, r5.pipeTrigger));
   }
@@ -45884,10 +45894,10 @@ function vve(o, t10) {
   o & 1 && q3(0);
 }
 function yve(o, t10) {
-  o & 1 && k5(0, "igx-circular-bar", 57), o & 2 && u5("indeterminate", true);
+  o & 1 && k5(0, "igx-circular-bar", 59), o & 2 && u5("indeterminate", true);
 }
 function Cve(o, t10) {
-  if (o & 1 && k5(0, "span", 58), o & 2) {
+  if (o & 1 && k5(0, "span", 60), o & 2) {
     let n = h();
     u5("igxColumnMovingDrop", n.headerContainer), H("droppable", true);
   }
@@ -45897,22 +45907,22 @@ function wve(o, t10) {
 function Ive(o, t10) {
 }
 function Sve(o, t10) {
-  if (o & 1 && (f(0, "span", 59)(1, "span"), C(2), x5()()), o & 2) {
+  if (o & 1 && (f(0, "span", 61)(1, "span"), C(2), x5()()), o & 2) {
     let n = h();
     d(2), Q(n.emptyFilteredGridMessage);
   }
 }
 function Dve(o, t10) {
-  if (o & 1 && (f(0, "span", 59)(1, "span"), C(2), x5()()), o & 2) {
+  if (o & 1 && (f(0, "span", 61)(1, "span"), C(2), x5()()), o & 2) {
     let n = h();
     d(2), Q(n.emptyGridMessage);
   }
 }
 function bve(o, t10) {
-  o & 1 && (f(0, "div", 60), k5(1, "igx-circular-bar", 57), x5()), o & 2 && (d(1), u5("indeterminate", true));
+  o & 1 && (f(0, "div", 62), k5(1, "igx-circular-bar", 59), x5()), o & 2 && (d(1), u5("indeterminate", true));
 }
 function Eve(o, t10) {
-  if (o & 1 && k5(0, "igx-pivot-grid-column-resizer", 61), o & 2) {
+  if (o & 1 && k5(0, "igx-pivot-grid-column-resizer", 63), o & 2) {
     let n = h();
     u5("restrictResizerTop", n.theadRow.nativeElement.clientHeight);
   }
@@ -45920,7 +45930,7 @@ function Eve(o, t10) {
 function Tve(o, t10) {
   if (o & 1) {
     let n = O();
-    f(0, "div", 62)(1, "igx-icon", 63), w5("click", function() {
+    f(0, "div", 64)(1, "igx-icon", 65), w5("click", function() {
       let r5 = I(n).$implicit, s10 = h();
       return S(s10.toggleColumn(r5));
     }), C(2), x5(), C(3), x5();
@@ -45931,7 +45941,7 @@ function Tve(o, t10) {
   }
 }
 function Rve(o, t10) {
-  if (o & 1 && k5(0, "igx-pivot-row-dimension-content", 69), o & 2) {
+  if (o & 1 && k5(0, "igx-pivot-row-dimension-content", 71), o & 2) {
     let n = t10.$implicit, e = t10.index, i2 = h(), r5 = i2.index, s10 = i2.$implicit, a = h(2);
     U("height", a.renderedRowHeight * (n.rowSpan || 1), "px"), u5("grid", a)("dimension", n.dimensions[r5])("rootDimension", s10)("rowIndex", e)("rowData", n)("density", a.displayDensity)("width", a.rowDimensionWidthToPixels(s10));
   }
@@ -45939,7 +45949,7 @@ function Rve(o, t10) {
 function Mve(o, t10) {
   if (o & 1) {
     let n = O();
-    f(0, "div", 65, 66), w5("focus", function(i2) {
+    f(0, "div", 67, 68), w5("focus", function(i2) {
       I(n);
       let r5 = h(2);
       return S(r5.navigation.focusTbody(i2));
@@ -45947,7 +45957,7 @@ function Mve(o, t10) {
       I(n);
       let r5 = h(2);
       return S(r5.navigation.handleNavigation(i2));
-    }), m5(2, Rve, 1, 9, "ng-template", 67, 68, V), R(4, "pivotGridCellMerging"), x5();
+    }), m5(2, Rve, 1, 9, "ng-template", 69, 70, V), R(4, "pivotGridCellMerging"), x5();
   }
   if (o & 2) {
     let n = t10.$implicit, e = h(2);
@@ -45955,7 +45965,7 @@ function Mve(o, t10) {
   }
 }
 function Ave(o, t10) {
-  if (o & 1 && m5(0, Mve, 5, 13, "div", 64), o & 2) {
+  if (o & 1 && m5(0, Mve, 5, 13, "div", 66), o & 2) {
     let n = h();
     u5("ngForOf", n.rowDimensions);
   }
@@ -45963,7 +45973,7 @@ function Ave(o, t10) {
 function Pve(o, t10) {
   if (o & 1) {
     let n = O();
-    f(0, "div", 65, 66), w5("focus", function(i2) {
+    f(0, "div", 67, 68), w5("focus", function(i2) {
       I(n);
       let r5 = h(2);
       return S(r5.navigation.focusTbody(i2));
@@ -45971,7 +45981,7 @@ function Pve(o, t10) {
       I(n);
       let r5 = h(2);
       return S(r5.navigation.handleNavigation(i2));
-    }), k5(2, "igx-pivot-row-dimension-content", 69), x5();
+    }), k5(2, "igx-pivot-row-dimension-content", 71), x5();
   }
   if (o & 2) {
     let n = h(2);
@@ -45979,18 +45989,18 @@ function Pve(o, t10) {
   }
 }
 function kve(o, t10) {
-  if (o & 1 && m5(0, Pve, 3, 7, "div", 70), o & 2) {
+  if (o & 1 && m5(0, Pve, 3, 7, "div", 72), o & 2) {
     let n = h();
     u5("ngIf", n.columnDimensions.length > 0 || n.values.length > 0);
   }
 }
 function Fve(o, t10) {
-  if (o & 1 && (f(0, "span", 59)(1, "span"), C(2), x5()()), o & 2) {
+  if (o & 1 && (f(0, "span", 61)(1, "span"), C(2), x5()()), o & 2) {
     let n = h();
     d(2), Q(n.resourceStrings.igx_grid_pivot_empty_message);
   }
 }
-var Vve = [[["igx-grid-toolbar"], ["igc-grid-toolbar"]], [["igx-grid-footer"], ["igc-grid-footer"]]];
+var Vve = [[["igx-grid-toolbar"], ["igc-grid-toolbar"]], [["igx-grid-footer"], ["igc-grid-footer"]], [["igx-grid-state"], ["igc-grid-state"]]];
 var AD = function(o, t10, n, e, i2, r5) {
   return [o, t10, n, e, i2, r5];
 };
@@ -46000,7 +46010,7 @@ var Ove = function(o, t10, n, e, i2) {
 var Nve = function() {
   return [];
 };
-var Hve = ["igx-grid-toolbar,igc-grid-toolbar", "igx-grid-footer,igc-grid-footer"];
+var Hve = ["igx-grid-toolbar,igc-grid-toolbar", "igx-grid-footer,igc-grid-footer", "igx-grid-state,igc-grid-state"];
 var Lve = 0;
 var kM = 200;
 var Bve = 104;
@@ -46283,7 +46293,7 @@ var pp = class extends Bi {
   }
   set totalRecords(t10) {
   }
-  moveColumn(t10, n, e = yi.AfterDropTarget) {
+  moveColumn(t10, n, e = Ci.AfterDropTarget) {
   }
   addRow(t10) {
   }
@@ -46597,7 +46607,7 @@ var pp = class extends Bi {
 var Fn = pp;
 (() => {
   pp.\u0275fac = function(n) {
-    return new (n || pp)(_(or), _(Zt2), _(ca), _(Is), _(Tc), _(B), _(we2), _(gt2), _(ae2), _(ji), _(Qe2), _(Qi), _(kt2), _(zi), _(yy), _(ti), _(ui), _(sr), _(dt2, 8), _(ni), _(_e2), _(ru, 8));
+    return new (n || pp)(_(or), _(Zt2), _(ca), _(Is), _(Tc), _(B), _(we2), _(gt2), _(le2), _(ji), _(Qe2), _(Qi), _(kt2), _(zi), _(yy), _(ti), _(ui), _(sr), _(dt2, 8), _(ni), _(_e2), _(ru, 8));
   };
 })(), (() => {
   pp.\u0275cmp = G({ type: pp, selectors: [["igx-pivot-grid"]], contentQueries: function(n, e, i2) {
@@ -46612,8 +46622,8 @@ var Fn = pp;
     }
   }, hostVars: 4, hostBindings: function(n, e) {
     n & 2 && (H("role", e.role)("id", e.id), J("igx-grid__pivot--super-compact", e.superCompactMode));
-  }, inputs: { valueChipTemplate: "valueChipTemplate", pivotConfiguration: "pivotConfiguration", showPivotConfigurationUI: "showPivotConfigurationUI", superCompactMode: "superCompactMode", displayDensity: "displayDensity", pivotValueCloneStrategy: "pivotValueCloneStrategy", addRowEmptyTemplate: "addRowEmptyTemplate", autoGenerateExclude: "autoGenerateExclude", snackbarDisplayTime: "snackbarDisplayTime", defaultExpandState: "defaultExpandState", pagingMode: "pagingMode", hideRowSelectors: "hideRowSelectors", rowDraggable: "rowDraggable", allowAdvancedFiltering: "allowAdvancedFiltering", filterMode: "filterMode", allowFiltering: "allowFiltering", page: "page", perPage: "perPage", summaryRowHeight: "summaryRowHeight", rowEditable: "rowEditable", pinning: "pinning", summaryPosition: "summaryPosition", summaryCalculationMode: "summaryCalculationMode", showSummaryOnCollapse: "showSummaryOnCollapse", batchEditing: "batchEditing", id: "id", data: "data", totalRecords: "totalRecords", emptyPivotGridTemplate: "emptyPivotGridTemplate" }, outputs: { dimensionsChange: "dimensionsChange", pivotConfigurationChange: "pivotConfigurationChange", dimensionInit: "dimensionInit", valueInit: "valueInit", dimensionsSortingExpressionsChange: "dimensionsSortingExpressionsChange", valuesChange: "valuesChange", cellEdit: "cellEdit", cellEditDone: "cellEditDone", cellEditEnter: "cellEditEnter", cellEditExit: "cellEditExit", columnMovingStart: "columnMovingStart", columnMoving: "columnMoving", columnMovingEnd: "columnMovingEnd", columnPin: "columnPin", columnPinned: "columnPinned", rowAdd: "rowAdd", rowAdded: "rowAdded", rowDeleted: "rowDeleted", rowDelete: "rowDelete", rowDragStart: "rowDragStart", rowDragEnd: "rowDragEnd", rowEditEnter: "rowEditEnter", rowEdit: "rowEdit", rowEditDone: "rowEditDone", rowEditExit: "rowEditExit", rowPinning: "rowPinning", rowPinned: "rowPinned" }, standalone: true, features: [fe([Ml, or, sr, Zt2, Hi, Is, { provide: Me2, useExisting: pp }, { provide: ti, useClass: xM }, yy, ca, Do, ts]), Y, $5], ngContentSelectors: Hve, decls: 74, vars: 132, consts: [["tabindex", "0", 1, "igx-grid-thead", "igx-grid-thead--pivot", 3, "grid", "hasMRL", "density", "activeDescendant", "width", "pinnedColumnCollection", "unpinnedColumnCollection", "keydown.meta.c", "keydown.control.c", "copy", "keydown", "scroll"], ["igxGridBody", "", "role", "rowgroup", 1, "igx-grid__tbody", 3, "keydown.control.c", "copy"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["tabindex", "0", 1, "igx-grid__tbody-content", 3, "igxGridDragSelect", "keydown", "focus", "dragStop", "scroll", "dragScroll"], ["tbody", ""], ["id", "left", "class", "igx-grid__scroll-on-drag-left", 3, "igxColumnMovingDrop", 4, "ngIf"], ["id", "left", "class", "igx-grid__scroll-on-drag-pinned", 3, "igxColumnMovingDrop", "left", 4, "ngIf"], ["igxGridFor", "", 3, "igxGridForOf", "igxForScrollOrientation", "igxForScrollContainer", "igxForContainerSize", "igxForItemSize", "igxGridForOfVariableSizes"], ["verticalScrollContainer", ""], ["record_template", ""], [4, "ngTemplateOutlet"], ["text", "Trial version of Ignite UI for Web Components"], ["igxToggle", ""], ["loadingOverlay", ""], [3, "indeterminate", 4, "ngIf"], ["id", "right", "class", "igx-grid__scroll-on-drag-right", 3, "igxColumnMovingDrop", 4, "ngIf"], [1, "igx-grid__tbody-scrollbar", 3, "hidden", "pointerdown"], [1, "igx-grid__tbody-scrollbar-start"], [1, "igx-grid__tbody-scrollbar-main"], ["igxGridFor", "", 3, "igxGridForOf"], ["verticalScrollHolder", ""], [1, "igx-grid__tbody-scrollbar-end"], [1, "igx-grid__addrow-snackbar"], [3, "outlet", "actionText", "displayTime"], ["addRowSnackbar", ""], ["igxOverlayOutlet", ""], ["igxBodyOverlayOutlet", "overlay-outlet"], [1, "igx-grid__scroll", 3, "hidden", "pointerdown"], ["scr", ""], [1, "igx-grid__scroll-start"], [1, "igx-grid__scroll-main"], ["scrollContainer", ""], [1, "igx-grid__scroll-end", 3, "hidden"], ["role", "rowgroup", 1, "igx-grid__tfoot"], ["tfoot", ""], [1, "igx-grid__footer"], ["footer", ""], ["emptyFilteredGrid", ""], ["defaultEmptyGrid", ""], ["defaultLoadingGrid", ""], [3, "restrictResizerTop", 4, "ngIf"], ["igxOverlayOutlet", "", 1, "igx-grid__loading-outlet"], ["igxLoadingOverlayOutlet", ""], ["igxOverlayOutlet", "", 1, "igx-grid__outlet"], ["sink", "", "igxFilteringOverlayOutlet", ""], ["headerTemplate", ""], ["defaultRowDimensionsTemplate", ""], ["emptyRowDimensionsTemplate", ""], ["emptyPivotGridTemplate", ""], [3, "hidden"], [3, "maxHeight", "minHeight"], ["igxExcelStyleColumnOperations", "", 3, "hidden"], ["id", "left", 1, "igx-grid__scroll-on-drag-left", 3, "igxColumnMovingDrop"], ["id", "left", 1, "igx-grid__scroll-on-drag-pinned", 3, "igxColumnMovingDrop"], [3, "igxTemplateOutlet", "igxTemplateOutletContext", "cachedViewLoaded"], [3, "gridID", "index", "data", "ngClass", "ngStyle"], ["row", ""], [3, "indeterminate"], ["id", "right", 1, "igx-grid__scroll-on-drag-right", 3, "igxColumnMovingDrop"], ["role", "cell", 1, "igx-grid__tbody-message"], [1, "igx-grid__loading"], [3, "restrictResizerTop"], [1, "igx-grid__tr--header"], [3, "click"], ["tabindex", "0", "role", "rowgroup", "class", "igx-grid__tbody-pivot-dimension", 3, "height", "focus", "keydown", 4, "ngFor", "ngForOf"], ["tabindex", "0", "role", "rowgroup", 1, "igx-grid__tbody-pivot-dimension", 3, "focus", "keydown"], ["rowDimensionContainer", ""], ["igxGridFor", "", 3, "igxGridForOf", "igxForScrollOrientation", "igxForScrollContainer", "igxForContainerSize", "igxForItemSize", "igxForSizePropName"], ["verticalRowDimScrollContainer", ""], ["role", "row", 1, "igx-grid-thead", 3, "grid", "dimension", "rootDimension", "rowIndex", "rowData", "density", "width"], ["tabindex", "0", "role", "rowgroup", "class", "igx-grid__tbody-pivot-dimension", 3, "focus", "keydown", 4, "ngIf"]], template: function(n, e) {
-    if (n & 1 && (Se(Vve), le2(0), f(1, "igx-pivot-header-row", 0), w5("keydown.meta.c", function(r5) {
+  }, inputs: { valueChipTemplate: "valueChipTemplate", pivotConfiguration: "pivotConfiguration", showPivotConfigurationUI: "showPivotConfigurationUI", superCompactMode: "superCompactMode", displayDensity: "displayDensity", pivotValueCloneStrategy: "pivotValueCloneStrategy", addRowEmptyTemplate: "addRowEmptyTemplate", autoGenerateExclude: "autoGenerateExclude", snackbarDisplayTime: "snackbarDisplayTime", defaultExpandState: "defaultExpandState", pagingMode: "pagingMode", hideRowSelectors: "hideRowSelectors", rowDraggable: "rowDraggable", allowAdvancedFiltering: "allowAdvancedFiltering", filterMode: "filterMode", allowFiltering: "allowFiltering", page: "page", perPage: "perPage", summaryRowHeight: "summaryRowHeight", rowEditable: "rowEditable", pinning: "pinning", summaryPosition: "summaryPosition", summaryCalculationMode: "summaryCalculationMode", showSummaryOnCollapse: "showSummaryOnCollapse", batchEditing: "batchEditing", id: "id", data: "data", totalRecords: "totalRecords", emptyPivotGridTemplate: "emptyPivotGridTemplate" }, outputs: { dimensionsChange: "dimensionsChange", pivotConfigurationChange: "pivotConfigurationChange", dimensionInit: "dimensionInit", valueInit: "valueInit", dimensionsSortingExpressionsChange: "dimensionsSortingExpressionsChange", valuesChange: "valuesChange", cellEdit: "cellEdit", cellEditDone: "cellEditDone", cellEditEnter: "cellEditEnter", cellEditExit: "cellEditExit", columnMovingStart: "columnMovingStart", columnMoving: "columnMoving", columnMovingEnd: "columnMovingEnd", columnPin: "columnPin", columnPinned: "columnPinned", rowAdd: "rowAdd", rowAdded: "rowAdded", rowDeleted: "rowDeleted", rowDelete: "rowDelete", rowDragStart: "rowDragStart", rowDragEnd: "rowDragEnd", rowEditEnter: "rowEditEnter", rowEdit: "rowEdit", rowEditDone: "rowEditDone", rowEditExit: "rowEditExit", rowPinning: "rowPinning", rowPinned: "rowPinned" }, standalone: true, features: [fe([Ml, or, sr, Zt2, Hi, Is, { provide: Me2, useExisting: pp }, { provide: ti, useClass: xM }, yy, ca, Do, ts]), Y, $5], ngContentSelectors: Hve, decls: 76, vars: 132, consts: [["tabindex", "0", 1, "igx-grid-thead", "igx-grid-thead--pivot", 3, "grid", "hasMRL", "density", "activeDescendant", "width", "pinnedColumnCollection", "unpinnedColumnCollection", "keydown.meta.c", "keydown.control.c", "copy", "keydown", "scroll"], ["igxGridBody", "", "role", "rowgroup", 1, "igx-grid__tbody", 3, "keydown.control.c", "copy"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["tabindex", "0", 1, "igx-grid__tbody-content", 3, "igxGridDragSelect", "keydown", "focus", "dragStop", "scroll", "dragScroll"], ["tbody", ""], ["id", "left", "class", "igx-grid__scroll-on-drag-left", 3, "igxColumnMovingDrop", 4, "ngIf"], ["id", "left", "class", "igx-grid__scroll-on-drag-pinned", 3, "igxColumnMovingDrop", "left", 4, "ngIf"], ["igxGridFor", "", 3, "igxGridForOf", "igxForScrollOrientation", "igxForScrollContainer", "igxForContainerSize", "igxForItemSize", "igxGridForOfVariableSizes"], ["verticalScrollContainer", ""], ["record_template", ""], [4, "ngTemplateOutlet"], ["text", "Trial version of Ignite UI for Web Components"], ["igxToggle", ""], ["loadingOverlay", ""], [3, "indeterminate", 4, "ngIf"], ["id", "right", "class", "igx-grid__scroll-on-drag-right", 3, "igxColumnMovingDrop", 4, "ngIf"], [1, "igx-grid__tbody-scrollbar", 3, "hidden", "pointerdown"], [1, "igx-grid__tbody-scrollbar-start"], [1, "igx-grid__tbody-scrollbar-main"], ["igxGridFor", "", 3, "igxGridForOf"], ["verticalScrollHolder", ""], [1, "igx-grid__tbody-scrollbar-end"], [1, "igx-grid__addrow-snackbar"], [3, "outlet", "actionText", "displayTime"], ["addRowSnackbar", ""], ["igxOverlayOutlet", ""], ["igxBodyOverlayOutlet", "overlay-outlet"], [1, "igx-grid__scroll", 3, "hidden", "pointerdown"], ["scr", ""], [1, "igx-grid__scroll-start"], [1, "igx-grid__scroll-main"], ["scrollContainer", ""], [1, "igx-grid__scroll-end", 3, "hidden"], ["role", "rowgroup", 1, "igx-grid__tfoot"], ["tfoot", ""], [1, "igx-grid__footer"], ["footer", ""], ["emptyFilteredGrid", ""], ["defaultEmptyGrid", ""], ["defaultLoadingGrid", ""], [3, "restrictResizerTop", 4, "ngIf"], ["igxOverlayOutlet", "", 1, "igx-grid__loading-outlet"], ["igxLoadingOverlayOutlet", ""], ["igxOverlayOutlet", "", 1, "igx-grid__outlet"], ["igxFilteringOverlayOutlet", ""], ["headerTemplate", ""], ["defaultRowDimensionsTemplate", ""], ["emptyRowDimensionsTemplate", ""], ["emptyPivotGridTemplate", ""], [3, "hidden"], [3, "maxHeight", "minHeight"], ["igxExcelStyleColumnOperations", "", 3, "hidden"], [2, "display", "none"], ["sink", ""], ["id", "left", 1, "igx-grid__scroll-on-drag-left", 3, "igxColumnMovingDrop"], ["id", "left", 1, "igx-grid__scroll-on-drag-pinned", 3, "igxColumnMovingDrop"], [3, "igxTemplateOutlet", "igxTemplateOutletContext", "cachedViewLoaded"], [3, "gridID", "index", "data", "ngClass", "ngStyle"], ["row", ""], [3, "indeterminate"], ["id", "right", 1, "igx-grid__scroll-on-drag-right", 3, "igxColumnMovingDrop"], ["role", "cell", 1, "igx-grid__tbody-message"], [1, "igx-grid__loading"], [3, "restrictResizerTop"], [1, "igx-grid__tr--header"], [3, "click"], ["tabindex", "0", "role", "rowgroup", "class", "igx-grid__tbody-pivot-dimension", 3, "height", "focus", "keydown", 4, "ngFor", "ngForOf"], ["tabindex", "0", "role", "rowgroup", 1, "igx-grid__tbody-pivot-dimension", 3, "focus", "keydown"], ["rowDimensionContainer", ""], ["igxGridFor", "", 3, "igxGridForOf", "igxForScrollOrientation", "igxForScrollContainer", "igxForContainerSize", "igxForItemSize", "igxForSizePropName"], ["verticalRowDimScrollContainer", ""], ["role", "row", 1, "igx-grid-thead", 3, "grid", "dimension", "rootDimension", "rowIndex", "rowData", "density", "width"], ["tabindex", "0", "role", "rowgroup", "class", "igx-grid__tbody-pivot-dimension", 3, "focus", "keydown", 4, "ngIf"]], template: function(n, e) {
+    if (n & 1 && (Se(Vve), se(0), f(1, "igx-pivot-header-row", 0), w5("keydown.meta.c", function(r5) {
       return e.copyHandler(r5);
     })("keydown.control.c", function(r5) {
       return e.copyHandler(r5);
@@ -46641,11 +46651,11 @@ var Fn = pp;
       return r5.preventDefault();
     }), k5(26, "div", 17), f(27, "div", 18), m5(28, wve, 0, 0, "ng-template", 19, 20, V), x5(), k5(30, "div", 21), x5(), f(31, "div", 22)(32, "igx-snackbar", 23, 24), C(34), x5()(), k5(35, "div", 25, 26), x5(), f(37, "div", 27, 28), w5("pointerdown", function(r5) {
       return r5.preventDefault();
-    }), k5(39, "div", 29), f(40, "div", 30), m5(41, Ive, 0, 0, "ng-template", 19, 31, V), x5(), k5(43, "div", 32), x5(), k5(44, "div", 33, 34), f(46, "div", 35, 36), le2(48, 1), x5(), m5(49, Sve, 3, 1, "ng-template", null, 37, V), m5(51, Dve, 3, 1, "ng-template", null, 38, V), m5(53, bve, 2, 1, "ng-template", null, 39, V), m5(55, Eve, 1, 1, "igx-pivot-grid-column-resizer", 40), k5(56, "div", 41, 42)(58, "div", 43, 44), m5(61, Tve, 4, 3, "ng-template", null, 45, V), m5(63, Ave, 1, 1, "ng-template", null, 46, V), m5(65, kve, 1, 1, "ng-template", null, 47, V), m5(67, Fve, 3, 1, "ng-template", null, 48, V), f(69, "div", 49)(70, "igx-grid-excel-style-filtering", 50), k5(71, "div", 51), f(72, "igx-excel-style-filter-operations"), k5(73, "igx-excel-style-search"), x5()()()), n & 2) {
-      let i2 = P(36), r5 = P(64), s10 = P(66);
-      d(1), u5("grid", e)("hasMRL", e.hasColumnLayouts)("density", e.displayDensity)("activeDescendant", e.activeDescendant)("width", e.calcWidth)("pinnedColumnCollection", e.pinnedColumns)("unpinnedColumnCollection", e.unpinnedColumns), d(2), u5("ngTemplateOutlet", e.rowDimensions.length ? r5 : s10)("ngTemplateOutletContext", e), d(1), U("height", e.totalHeight, "px")("width", e.pivotContentCalcWidth || null, "px"), u5("igxGridDragSelect", e.selectionService.dragMode), H("role", e.dataView.length ? null : "row")("aria-activedescendant", e.activeDescendant), d(2), u5("ngIf", e.hasMovableColumns && e.columnInDrag && e.pinnedColumns.length <= 0), d(1), u5("ngIf", e.hasMovableColumns && e.columnInDrag && e.pinnedColumns.length > 0), d(1), u5("igxGridForOf", me(10, 63, It2(125, Ove, ft2(11, 69, de(12, 74, me(13, 78, _t2(118, AD, me(14, 85, _t2(111, AD, ft2(15, 92, me(16, 97, _t2(104, AD, e.data, e.pivotConfiguration, e.filterStrategy, e.advancedFilteringExpressionsTree, e.filteringPipeTrigger, e.pipeTrigger)), e.pivotConfiguration, e.sortStrategy, e.pipeTrigger), e.pivotConfiguration, e.pivotValueCloneStrategy, e.expansionStates, e.pipeTrigger, e.sortingExpressions)), e.pivotConfiguration, e.pivotValueCloneStrategy, e.expansionStates, e.pipeTrigger, e.sortingExpressions)), e.pivotConfiguration, e.pipeTrigger), e.sortingExpressions, e.sortStrategy, e.pipeTrigger), e.pivotConfiguration, e.expansionStates, e.defaultExpandState, e.pipeTrigger)))("igxForScrollOrientation", "vertical")("igxForScrollContainer", e.verticalScroll)("igxForContainerSize", e.calcHeight)("igxForItemSize", e.hasColumnLayouts ? e.rowHeight * e.multiRowLayoutRowSize + 1 : e.renderedRowHeight)("igxGridForOfVariableSizes", false), d(11), u5("ngTemplateOutlet", e.template), d(4), u5("ngIf", e.shouldOverlayLoading), d(1), u5("ngIf", e.hasMovableColumns && e.columnInDrag), d(1), U("width", e.scrollSize, "px"), u5("hidden", !e.hasVerticalScroll()), d(1), U("height", e.isRowPinningToTop ? e.pinnedRowHeight : 0, "px"), d(1), U("height", e.calcHeight, "px"), d(1), u5("igxGridForOf", Dn(131, Nve)), d(2), U("height", e.isRowPinningToTop ? 0 : e.pinnedRowHeight, "px"), d(2), u5("outlet", i2)("actionText", e.resourceStrings.igx_grid_snackbar_addrow_actiontext)("displayTime", e.snackbarDisplayTime), d(2), Q(e.resourceStrings.igx_grid_snackbar_addrow_label), d(3), U("height", e.scrollSize, "px"), u5("hidden", e.isHorizontalScrollHidden), d(2), U("width", e.pivotPinnedWidth, "px")("min-width", e.pivotPinnedWidth, "px"), d(1), U("width", e.pivotUnpinnedWidth, "px"), d(1), u5("igxGridForOf", e.EMPTY_DATA), d(2), U("float", "right")("width", e.pivotPinnedWidth, "px")("min-width", e.pivotPinnedWidth, "px"), u5("hidden", e.pivotPinnedWidth === 0 || e.isPinningToStart), d(12), u5("ngIf", e.colResizingService.showResizer), d(14), u5("hidden", true), d(1), u5("maxHeight", e.excelStyleFilterMaxHeight)("minHeight", e.excelStyleFilterMinHeight), d(1), u5("hidden", true);
+    }), k5(39, "div", 29), f(40, "div", 30), m5(41, Ive, 0, 0, "ng-template", 19, 31, V), x5(), k5(43, "div", 32), x5(), k5(44, "div", 33, 34), f(46, "div", 35, 36), se(48, 1), x5(), m5(49, Sve, 3, 1, "ng-template", null, 37, V), m5(51, Dve, 3, 1, "ng-template", null, 38, V), m5(53, bve, 2, 1, "ng-template", null, 39, V), m5(55, Eve, 1, 1, "igx-pivot-grid-column-resizer", 40), k5(56, "div", 41, 42)(58, "div", 43, 44), m5(60, Tve, 4, 3, "ng-template", null, 45, V), m5(62, Ave, 1, 1, "ng-template", null, 46, V), m5(64, kve, 1, 1, "ng-template", null, 47, V), m5(66, Fve, 3, 1, "ng-template", null, 48, V), f(68, "div", 49)(69, "igx-grid-excel-style-filtering", 50), k5(70, "div", 51), f(71, "igx-excel-style-filter-operations"), k5(72, "igx-excel-style-search"), x5()()(), f(73, "div", 52, 53), se(75, 2), x5()), n & 2) {
+      let i2 = P(36), r5 = P(63), s10 = P(65);
+      d(1), u5("grid", e)("hasMRL", e.hasColumnLayouts)("density", e.displayDensity)("activeDescendant", e.activeDescendant)("width", e.calcWidth)("pinnedColumnCollection", e.pinnedColumns)("unpinnedColumnCollection", e.unpinnedColumns), d(2), u5("ngTemplateOutlet", e.rowDimensions.length ? r5 : s10)("ngTemplateOutletContext", e), d(1), U("height", e.totalHeight, "px")("width", e.pivotContentCalcWidth || null, "px"), u5("igxGridDragSelect", e.selectionService.dragMode), H("role", e.dataView.length ? null : "row")("aria-activedescendant", e.activeDescendant), d(2), u5("ngIf", e.hasMovableColumns && e.columnInDrag && e.pinnedColumns.length <= 0), d(1), u5("ngIf", e.hasMovableColumns && e.columnInDrag && e.pinnedColumns.length > 0), d(1), u5("igxGridForOf", me(10, 63, It2(125, Ove, ft2(11, 69, de(12, 74, me(13, 78, _t2(118, AD, me(14, 85, _t2(111, AD, ft2(15, 92, me(16, 97, _t2(104, AD, e.data, e.pivotConfiguration, e.filterStrategy, e.advancedFilteringExpressionsTree, e.filteringPipeTrigger, e.pipeTrigger)), e.pivotConfiguration, e.sortStrategy, e.pipeTrigger), e.pivotConfiguration, e.pivotValueCloneStrategy, e.expansionStates, e.pipeTrigger, e.sortingExpressions)), e.pivotConfiguration, e.pivotValueCloneStrategy, e.expansionStates, e.pipeTrigger, e.sortingExpressions)), e.pivotConfiguration, e.pipeTrigger), e.sortingExpressions, e.sortStrategy, e.pipeTrigger), e.pivotConfiguration, e.expansionStates, e.defaultExpandState, e.pipeTrigger)))("igxForScrollOrientation", "vertical")("igxForScrollContainer", e.verticalScroll)("igxForContainerSize", e.calcHeight)("igxForItemSize", e.hasColumnLayouts ? e.rowHeight * e.multiRowLayoutRowSize + 1 : e.renderedRowHeight)("igxGridForOfVariableSizes", false), d(11), u5("ngTemplateOutlet", e.template), d(4), u5("ngIf", e.shouldOverlayLoading), d(1), u5("ngIf", e.hasMovableColumns && e.columnInDrag), d(1), U("width", e.scrollSize, "px"), u5("hidden", !e.hasVerticalScroll()), d(1), U("height", e.isRowPinningToTop ? e.pinnedRowHeight : 0, "px"), d(1), U("height", e.calcHeight, "px"), d(1), u5("igxGridForOf", Dn(131, Nve)), d(2), U("height", e.isRowPinningToTop ? 0 : e.pinnedRowHeight, "px"), d(2), u5("outlet", i2)("actionText", e.resourceStrings.igx_grid_snackbar_addrow_actiontext)("displayTime", e.snackbarDisplayTime), d(2), Q(e.resourceStrings.igx_grid_snackbar_addrow_label), d(3), U("height", e.scrollSize, "px"), u5("hidden", e.isHorizontalScrollHidden), d(2), U("width", e.pivotPinnedWidth, "px")("min-width", e.pivotPinnedWidth, "px"), d(1), U("width", e.pivotUnpinnedWidth, "px"), d(1), u5("igxGridForOf", e.EMPTY_DATA), d(2), U("float", "right")("width", e.pivotPinnedWidth, "px")("min-width", e.pivotPinnedWidth, "px"), u5("hidden", e.pivotPinnedWidth === 0 || e.isPinningToStart), d(12), u5("ngIf", e.colResizingService.showResizer), d(13), u5("hidden", true), d(1), u5("maxHeight", e.excelStyleFilterMaxHeight)("minHeight", e.excelStyleFilterMinHeight), d(1), u5("hidden", true);
     }
-  }, dependencies: [se, He2, Oe2, ai, Re2, DD, iu, su, Ho, Xt, is, PM, Lt, ir, Xa, yn, RD, he, TD, Pn, Nr, Hr, Or, Yd, Xd, CM, IM, wM, DM, bM, TM, EM, SM], encapsulation: 2, changeDetection: 0 });
+  }, dependencies: [ae2, He2, Oe2, ai, Re2, DD, iu, su, Ho, Xt, is, PM, Lt, ir, Xa, yn, RD, he, TD, Pn, Nr, Hr, Or, Yd, Xd, CM, IM, wM, DM, bM, TM, EM, SM], encapsulation: 2, changeDetection: 0 });
 })();
 We([An()], Fn.prototype, "hideRowSelectors", null);
 We([An()], Fn.prototype, "rowEditable", null);
@@ -46929,7 +46939,7 @@ var Cy = (() => {
           break;
         case te2.String:
         default:
-          r5 = fi.instance();
+          r5 = xi.instance();
           break;
       }
       return r5.condition(i2);
@@ -47060,7 +47070,7 @@ function $ve(o, t10) {
       I(n);
       let i2 = h(), r5 = P(12);
       return S(i2.export("excel", r5));
-    }), f(2, "span", null, 11), le2(4, 1), x5(), m5(5, jve, 2, 1, "excel-text", 3), x5();
+    }), f(2, "span", null, 11), se(4, 1), x5(), m5(5, jve, 2, 1, "excel-text", 3), x5();
   }
   if (o & 2) {
     let n = P(3);
@@ -47080,7 +47090,7 @@ function Wve(o, t10) {
       I(n);
       let i2 = h(), r5 = P(12);
       return S(i2.export("csv", r5));
-    }), f(2, "span", null, 14), le2(4, 2), x5(), m5(5, Uve, 2, 1, "csv-text", 3), x5();
+    }), f(2, "span", null, 14), se(4, 2), x5(), m5(5, Uve, 2, 1, "csv-text", 3), x5();
   }
   if (o & 2) {
     let n = P(3);
@@ -47121,13 +47131,13 @@ var zo = (() => {
           I(s10);
           let l10 = P(1), c = P(12);
           return S(r5.toggle(l10, c));
-        }), f(2, "igx-icon"), C(3, "import_export"), x5(), f(4, "span", null, 2), le2(6), x5(), m5(7, zve, 2, 1, "span", 3), f(8, "igx-icon"), C(9, "arrow_drop_down"), x5()(), f(10, "div", 4)(11, "ul", 5, 6), m5(13, $ve, 6, 1, "li", 7), m5(14, Wve, 6, 1, "li", 8), x5()();
+        }), f(2, "igx-icon"), C(3, "import_export"), x5(), f(4, "span", null, 2), se(6), x5(), m5(7, zve, 2, 1, "span", 3), f(8, "igx-icon"), C(9, "arrow_drop_down"), x5()(), f(10, "div", 4)(11, "ul", 5, 6), m5(13, $ve, 6, 1, "li", 7), m5(14, Wve, 6, 1, "li", 8), x5()();
       }
       if (i2 & 2) {
         let s10 = P(5);
         u5("title", r5.grid == null ? null : r5.grid.resourceStrings.igx_grid_toolbar_exporter_button_tooltip)("disabled", r5.isExporting)("displayDensity", r5.grid.displayDensity), d(7), u5("ngIf", !s10.textContent.trim()), d(6), u5("ngIf", r5.exportExcel), d(1), u5("ngIf", r5.exportCSV);
       }
-    }, dependencies: [Xe, qt, he, se, Lt, oa, sa], encapsulation: 2 });
+    }, dependencies: [Xe, qt, he, ae2, Lt, oa, sa], encapsulation: 2 });
   })(), o;
 })();
 function Kve(o, t10) {
@@ -47169,7 +47179,7 @@ var jo = (() => {
       }
     }, standalone: true, features: [Y, $5], decls: 2, vars: 3, consts: [[4, "ngIf"], ["igxButton", "outlined", "type", "button", "name", "btnColumnHiding", 3, "title", "displayDensity", "click"], ["btn", ""], ["igxColumnHiding", "", "igxToggle", "", 3, "grid", "title", "filterColumnsPrompt", "hideFilter", "filterCriteria", "columnDisplayOrder", "columnsAreaMaxHeight", "uncheckAllText", "checkAllText", "indentation", "opened"], ["actions", "", "ref", "toggle"]], template: function(i2, r5) {
       i2 & 1 && (m5(0, Kve, 12, 15, "ng-container", 0), R(1, "async")), i2 & 2 && u5("ngIf", Ct2(1, 1, r5.grid.rendered$));
-    }, dependencies: [se, Xe, he, Ji, To, Lt, G1], encapsulation: 2 });
+    }, dependencies: [ae2, Xe, he, Ji, To, Lt, G1], encapsulation: 2 });
   })(), o;
 })();
 function Yve(o, t10) {
@@ -47211,7 +47221,7 @@ var $o = (() => {
       }
     }, standalone: true, features: [Y, $5], decls: 2, vars: 3, consts: [[4, "ngIf"], ["igxButton", "outlined", "type", "button", "name", "btnColumnPinning", 3, "title", "displayDensity", "click"], ["btn", ""], ["family", "imx-icons", 3, "name"], ["igxColumnPinning", "", "igxToggle", "", 3, "grid", "title", "filterColumnsPrompt", "hideFilter", "filterCriteria", "columnDisplayOrder", "columnsAreaMaxHeight", "uncheckAllText", "checkAllText", "indentation", "opened"], ["actions", "", "ref", "toggle"]], template: function(i2, r5) {
       i2 & 1 && (m5(0, Yve, 11, 15, "ng-container", 0), R(1, "async")), i2 & 2 && u5("ngIf", Ct2(1, 1, r5.grid.rendered$));
-    }, dependencies: [se, Xe, he, Ji, Ro, Lt, G1], encapsulation: 2 });
+    }, dependencies: [ae2, Xe, he, Ji, Ro, Lt, G1], encapsulation: 2 });
   })(), o;
 })();
 var FM = [sa, oa, rr, Gr, Li, zo, jo, $o, Bo, aa];
@@ -48217,9 +48227,9 @@ var WM = (() => {
       };
     }();
   })(), (() => {
-    t10.\u0275cmp = G({ type: t10, selectors: [["igx-tree-grid-cell"]], inputs: { level: "level", showIndicator: "showIndicator", isLoading: "isLoading", row: "row" }, standalone: true, features: [fe([_i]), Y, $5], decls: 17, vars: 4, consts: [["defaultPinnedIndicator", ""], ["defaultCell", ""], ["addRowCell", ""], ["inlineEditor", ""], [4, "ngIf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["defaultExpandedTemplate", ""], ["defaultCollapsedTemplate", ""], ["defaultError", ""], ["class", "igx-grid__td--pinned-chip", 3, "disabled", "displayDensity", 4, "ngIf"], [1, "igx-grid__td--pinned-chip", 3, "disabled", "displayDensity"], ["igxTextHighlight", "", "class", "igx-grid__td-text", "style", "pointer-events: none;", 3, "cssClass", "activeCssClass", "groupName", "value", "row", "column", "containerClass", "metadata", 4, "ngIf"], [3, "ngClass", 4, "ngIf"], [3, "src", "alt", 4, "ngIf"], ["igxTextHighlight", "", 1, "igx-grid__td-text", 2, "pointer-events", "none", 3, "cssClass", "activeCssClass", "groupName", "value", "row", "column", "containerClass", "metadata"], [3, "ngClass"], [3, "src", "alt"], ["igxTextHighlight", "", "class", "igx-grid__td-text", "style", "pointer-events: none", 3, "cssClass", "activeCssClass", "groupName", "value", "row", "column", "containerClass", "metadata", 4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "formGroup"], ["displayDensity", "compact"], ["igxInput", "", 3, "igxFocus", "igxTextSelection", "formControl", "compositionstart", "compositionend"], ["displayDensity", "compact", 3, "formGroup"], ["igxInput", "", "type", "number", 3, "igxFocus", "step", "igxTextSelection", "formControl"], [3, "checked", "igxFocus", "disableRipple", "formControl"], ["mode", "dropdown", 3, "outlet", "locale", "weekStart", "value", "igxFocus", "formControl", "valueChange"], ["mode", "dropdown", 3, "outlet", "locale", "inputFormat", "value", "igxFocus", "formControl", "valueChange"], ["type", "text", "igxInput", "", 3, "formControl", "igxDateTimeEditor", "igxFocus"], ["class", "igx-grid__tree-grouping-indicator", 3, "ngStyle", "click", "focus", 4, "ngIf"], ["class", "igx-grid__tree-loading-indicator", 3, "dblclick", 4, "ngIf"], ["defaultLoadingIndicatorTemplate", ""], [3, "ngStyle"], ["indentationDiv", ""], [1, "igx-grid__tree-grouping-indicator", 3, "ngStyle", "click", "focus"], ["indicator", ""], [1, "igx-grid__tree-loading-indicator", 3, "dblclick"], [4, "ngTemplateOutlet"], [3, "indeterminate"], [3, "igxTooltipTarget", "igxToggleOutlet", "mouseover", "mouseout"], ["errorIcon", ""], ["igxTooltip", "", 3, "id"], ["error", "", "tooltipRef", "tooltip"]], template: function(i2, r5) {
+    t10.\u0275cmp = G({ type: t10, selectors: [["igx-tree-grid-cell"]], inputs: { level: "level", showIndicator: "showIndicator", isLoading: "isLoading", row: "row" }, standalone: true, features: [fe([vi]), Y, $5], decls: 17, vars: 4, consts: [["defaultPinnedIndicator", ""], ["defaultCell", ""], ["addRowCell", ""], ["inlineEditor", ""], [4, "ngIf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["defaultExpandedTemplate", ""], ["defaultCollapsedTemplate", ""], ["defaultError", ""], ["class", "igx-grid__td--pinned-chip", 3, "disabled", "displayDensity", 4, "ngIf"], [1, "igx-grid__td--pinned-chip", 3, "disabled", "displayDensity"], ["igxTextHighlight", "", "class", "igx-grid__td-text", "style", "pointer-events: none;", 3, "cssClass", "activeCssClass", "groupName", "value", "row", "column", "containerClass", "metadata", 4, "ngIf"], [3, "ngClass", 4, "ngIf"], [3, "src", "alt", 4, "ngIf"], ["igxTextHighlight", "", 1, "igx-grid__td-text", 2, "pointer-events", "none", 3, "cssClass", "activeCssClass", "groupName", "value", "row", "column", "containerClass", "metadata"], [3, "ngClass"], [3, "src", "alt"], ["igxTextHighlight", "", "class", "igx-grid__td-text", "style", "pointer-events: none", 3, "cssClass", "activeCssClass", "groupName", "value", "row", "column", "containerClass", "metadata", 4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "formGroup"], ["displayDensity", "compact"], ["igxInput", "", 3, "igxFocus", "igxTextSelection", "formControl", "compositionstart", "compositionend"], ["displayDensity", "compact", 3, "formGroup"], ["igxInput", "", "type", "number", 3, "igxFocus", "step", "igxTextSelection", "formControl"], [3, "checked", "igxFocus", "disableRipple", "formControl"], ["mode", "dropdown", 3, "outlet", "locale", "weekStart", "value", "igxFocus", "formControl", "valueChange"], ["mode", "dropdown", 3, "outlet", "locale", "inputFormat", "value", "igxFocus", "formControl", "valueChange"], ["type", "text", "igxInput", "", 3, "formControl", "igxDateTimeEditor", "igxFocus"], ["class", "igx-grid__tree-grouping-indicator", 3, "ngStyle", "click", "focus", 4, "ngIf"], ["class", "igx-grid__tree-loading-indicator", 3, "dblclick", 4, "ngIf"], ["defaultLoadingIndicatorTemplate", ""], [3, "ngStyle"], ["indentationDiv", ""], [1, "igx-grid__tree-grouping-indicator", 3, "ngStyle", "click", "focus"], ["indicator", ""], [1, "igx-grid__tree-loading-indicator", 3, "dblclick"], [4, "ngTemplateOutlet"], [3, "indeterminate"], [3, "igxTooltipTarget", "igxToggleOutlet", "mouseover", "mouseout"], ["errorIcon", ""], ["igxTooltip", "", 3, "id"], ["error", "", "tooltipRef", "tooltip"]], template: function(i2, r5) {
       i2 & 1 && (m5(0, iye, 1, 1, "ng-template", null, 0, V), m5(2, aye, 3, 3, "ng-template", null, 1, V), m5(4, cye, 1, 1, "ng-template", null, 2, V), m5(6, yye, 8, 8, "ng-template", null, 3, V), m5(8, Aye, 6, 3, "ng-container", 4), m5(9, Pye, 1, 0, "ng-container", 5), m5(10, Fye, 9, 7, "ng-container", 4), m5(11, Vye, 2, 0, "ng-template", null, 6, V), m5(13, Oye, 2, 0, "ng-template", null, 7, V), m5(15, $ye, 7, 7, "ng-template", null, 8, V)), i2 & 2 && (d(8), u5("ngIf", !r5.editMode), d(1), u5("ngTemplateOutlet", r5.template)("ngTemplateOutletContext", r5.context), d(1), u5("ngIf", r5.isInvalid));
-    }, dependencies: [se, Oe2, ai, Re2, ml, fl, Vs, En, ei, gr, he, vd, Qn, vc, qn, _d, yc, Cc, At, vt2, Rl, Ut, fr, xr, an, Be, Ue, ir, Na, no, Kd, Jd, ql, Gs], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [ae2, Oe2, ai, Re2, ml, fl, Vs, En, ei, gr, he, vd, Qn, vc, qn, _d, yc, Cc, At, vt2, Rl, Ut, fr, xr, an, Be, Ue, ir, Na, no, Kd, Jd, ql, Gs], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 var Uye = ["treeCell"];
@@ -48429,12 +48439,12 @@ var QM = (() => {
       }
     }, hostVars: 1, hostBindings: function(i2, r5) {
       i2 & 2 && H("aria-expanded", r5.expanded);
-    }, inputs: { treeRow: "treeRow" }, standalone: true, features: [fe([{ provide: oi, useExisting: gi(() => t10) }]), Y, $5], decls: 5, vars: 1, consts: [[4, "ngTemplateOutlet"], ["addTemp", ""], ["defaultTemp", ""], [1, "igx-grid__tr--inner", 3, "animationend"], [4, "ngIf"], ["igxGridFor", "", 3, "igxGridForOf", "igxForScrollContainer", "igxForScrollOrientation", "igxForContainerSize", "igxForSizePropName", "igxForTrackBy"], ["igxDirRef", ""], ["rowSelectorBaseTemplate", ""], ["pinnedCellsTemplate", ""], [3, "igxRowDrag", "ghostTemplate", "click"], [1, "igx-grid__cbx-selection", "igx-grid__tr-action", 3, "click", "pointerdown"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["cellTemplate", ""], ["treeCellTemplate", ""], [1, "igx-grid__td", "igx-grid__td--fw", 3, "ngClass", "ngStyle", "editMode", "column", "formatter", "intRow", "rowData", "width", "visibleColumnIndex", "value", "cellTemplate", "cellValidationErrorTemplate", "lastSearchInfo", "active", "cellSelectionMode", "displayPinnedChip"], ["treeCell", ""], [1, "igx-grid__td", "igx-grid__td--fw", "igx-grid__td--tree-cell", 3, "ngClass", "ngStyle", "level", "expanded", "showIndicator", "editMode", "column", "formatter", "intRow", "rowData", "width", "visibleColumnIndex", "value", "isLoading", "cellTemplate", "cellValidationErrorTemplate", "lastSearchInfo", "active", "cellSelectionMode", "displayPinnedChip"], [1, "igx-grid__cbx-padding"], [3, "tabindex", "readonly", "checked", "indeterminate", "disabled", "disableRipple", "disableTransitions", "aria-label"], ["ngFor", "", 3, "ngForOf"], [1, "igx-grid__td", "igx-grid__td--fw", "igx-grid__td--pinned", 3, "ngClass", "ngStyle", "editMode", "column", "formatter", "intRow", "firstPinned", "lastPinned", "rowData", "width", "visibleColumnIndex", "value", "cellTemplate", "cellValidationErrorTemplate", "lastSearchInfo", "active", "cellSelectionMode", "displayPinnedChip"], [1, "igx-grid__td", "igx-grid__td--fw", "igx-grid__td--tree-cell", "igx-grid__td--pinned", 3, "ngClass", "ngStyle", "level", "expanded", "showIndicator", "editMode", "column", "formatter", "intRow", "lastPinned", "rowData", "width", "visibleColumnIndex", "value", "isLoading", "cellTemplate", "cellValidationErrorTemplate", "lastSearchInfo", "active", "cellSelectionMode", "displayPinnedChip"]], template: function(i2, r5) {
+    }, inputs: { treeRow: "treeRow" }, standalone: true, features: [fe([{ provide: oi, useExisting: mi(() => t10) }]), Y, $5], decls: 5, vars: 1, consts: [[4, "ngTemplateOutlet"], ["addTemp", ""], ["defaultTemp", ""], [1, "igx-grid__tr--inner", 3, "animationend"], [4, "ngIf"], ["igxGridFor", "", 3, "igxGridForOf", "igxForScrollContainer", "igxForScrollOrientation", "igxForContainerSize", "igxForSizePropName", "igxForTrackBy"], ["igxDirRef", ""], ["rowSelectorBaseTemplate", ""], ["pinnedCellsTemplate", ""], [3, "igxRowDrag", "ghostTemplate", "click"], [1, "igx-grid__cbx-selection", "igx-grid__tr-action", 3, "click", "pointerdown"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["cellTemplate", ""], ["treeCellTemplate", ""], [1, "igx-grid__td", "igx-grid__td--fw", 3, "ngClass", "ngStyle", "editMode", "column", "formatter", "intRow", "rowData", "width", "visibleColumnIndex", "value", "cellTemplate", "cellValidationErrorTemplate", "lastSearchInfo", "active", "cellSelectionMode", "displayPinnedChip"], ["treeCell", ""], [1, "igx-grid__td", "igx-grid__td--fw", "igx-grid__td--tree-cell", 3, "ngClass", "ngStyle", "level", "expanded", "showIndicator", "editMode", "column", "formatter", "intRow", "rowData", "width", "visibleColumnIndex", "value", "isLoading", "cellTemplate", "cellValidationErrorTemplate", "lastSearchInfo", "active", "cellSelectionMode", "displayPinnedChip"], [1, "igx-grid__cbx-padding"], [3, "tabindex", "readonly", "checked", "indeterminate", "disabled", "disableRipple", "disableTransitions", "aria-label"], ["ngFor", "", 3, "ngForOf"], [1, "igx-grid__td", "igx-grid__td--fw", "igx-grid__td--pinned", 3, "ngClass", "ngStyle", "editMode", "column", "formatter", "intRow", "firstPinned", "lastPinned", "rowData", "width", "visibleColumnIndex", "value", "cellTemplate", "cellValidationErrorTemplate", "lastSearchInfo", "active", "cellSelectionMode", "displayPinnedChip"], [1, "igx-grid__td", "igx-grid__td--fw", "igx-grid__td--tree-cell", "igx-grid__td--pinned", 3, "ngClass", "ngStyle", "level", "expanded", "showIndicator", "editMode", "column", "formatter", "intRow", "lastPinned", "rowData", "width", "visibleColumnIndex", "value", "isLoading", "cellTemplate", "cellValidationErrorTemplate", "lastSearchInfo", "active", "cellSelectionMode", "displayPinnedChip"]], template: function(i2, r5) {
       if (i2 & 1 && (m5(0, Wye, 1, 0, "ng-container", 0), m5(1, qye, 2, 3, "ng-template", null, 1, V), m5(3, f2e, 11, 12, "ng-template", null, 2, V)), i2 & 2) {
         let s10 = P(2), a = P(4);
         u5("ngTemplateOutlet", r5.addRowUI ? s10 : a);
       }
-    }, dependencies: [Re2, se, cg, Xt, Xl, Oe2, ai, WM, Ut, He2, Ql, qd, sg, Zd, eu], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [Re2, ae2, cg, Xt, Xl, Oe2, ai, WM, Ut, He2, Ql, qd, sg, Zd, eu], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 var x2e = ["record_template"];
@@ -48456,7 +48466,7 @@ function C2e(o, t10) {
 }
 function w2e(o, t10) {
   if (o & 1 && (z(0), m5(1, C2e, 1, 0, "ng-container", 66), j3()), o & 2) {
-    let n = t10.$implicit, e = t10.index, i2 = h(4), r5 = P(28);
+    let n = t10.$implicit, e = t10.index, i2 = h(4), r5 = P(27);
     d(1), u5("ngTemplateOutlet", r5)("ngTemplateOutletContext", i2.getContext(n, e, true));
   }
 }
@@ -48502,7 +48512,7 @@ function A2e(o, t10) {
     });
   }
   if (o & 2) {
-    let n = t10.$implicit, e = t10.index, i2 = h(), r5 = P(30), s10 = P(26);
+    let n = t10.$implicit, e = t10.index, i2 = h(), r5 = P(29), s10 = P(25);
     u5("igxTemplateOutlet", i2.isSummaryRow(n) ? r5 : s10)("igxTemplateOutletContext", i2.getContext(n, e, false));
   }
 }
@@ -48557,7 +48567,7 @@ function z2e(o, t10) {
 }
 function j2e(o, t10) {
   if (o & 1 && (f(0, "span"), m5(1, z2e, 1, 0, "ng-container", 7), x5()), o & 2) {
-    let n = h(2), e = P(72);
+    let n = h(2), e = P(71);
     d(1), u5("ngTemplateOutlet", n.addRowEmptyTemplate || e);
   }
 }
@@ -48572,7 +48582,7 @@ function U2e(o, t10) {
 }
 function W2e(o, t10) {
   if (o & 1 && (f(0, "span"), m5(1, U2e, 1, 0, "ng-container", 7), x5()), o & 2) {
-    let n = h(2), e = P(72);
+    let n = h(2), e = P(71);
     d(1), u5("ngTemplateOutlet", n.addRowEmptyTemplate || e);
   }
 }
@@ -48647,7 +48657,7 @@ var qM = function(o) {
 };
 function nCe(o, t10) {
   if (o & 1 && (f(0, "div", 83)(1, "span", 84), m5(2, tCe, 1, 0, "ng-container", 66), x5()(), f(3, "div", 85)(4, "div", 86), m5(5, iCe, 1, 0, "ng-container", 66), x5()()), o & 2) {
-    let n = h(), e = P(77), i2 = P(79);
+    let n = h(), e = P(76), i2 = P(78);
     d(2), u5("ngTemplateOutlet", (n.crudService.row == null ? null : n.crudService.row.getClassName()) === "IgxAddRow" ? n.rowAddTextTemplate : n.rowEditTextTemplate ? n.rowEditTextTemplate : e)("ngTemplateOutletContext", ze(4, qM, (n.crudService.row == null ? null : n.crudService.row.getClassName()) !== "IgxAddRow" ? n.rowChangesCount : null)), d(3), u5("ngTemplateOutlet", n.rowEditActionsTemplate ? n.rowEditActionsTemplate : i2)("ngTemplateOutletContext", ze(6, qM, n.endEdit.bind(n)));
   }
 }
@@ -48657,7 +48667,7 @@ function rCe(o, t10) {
 function oCe(o, t10) {
   o & 1 && k5(0, "igx-grid-column-resizer");
 }
-var sCe = [[["igx-grid-state"], ["igc-grid-state"]], [["igx-grid-toolbar"], ["igc-grid-toolbar"]], [["igx-tree-grid-group-by-area"], ["igc-tree-grid-group-by-area"]], [["igx-grid-footer"], ["igc-grid-footer"]], [["igx-paginator"], ["igc-paginator"]], [["igx-column"], ["igc-column"], ["igx-column-group"], ["igc-column-group"], ["igx-action-strip"], ["igc-action-strip"]]];
+var sCe = [[["igx-grid-toolbar"], ["igc-grid-toolbar"]], [["igx-tree-grid-group-by-area"], ["igc-tree-grid-group-by-area"]], [["igx-grid-footer"], ["igc-grid-footer"]], [["igx-paginator"], ["igc-paginator"]], [["igx-grid-state"], ["igc-grid-state"]], [["igx-column"], ["igc-column"], ["igx-column-group"], ["igc-column-group"], ["igx-action-strip"], ["igc-action-strip"]]];
 var VD = function(o, t10, n, e, i2) {
   return [o, t10, n, e, i2];
 };
@@ -48670,7 +48680,7 @@ var lCe = function(o, t10, n, e, i2, r5, s10) {
 var KM = function() {
   return [];
 };
-var cCe = ["igx-grid-state,igc-grid-state", "igx-grid-toolbar,igc-grid-toolbar", "igx-tree-grid-group-by-area,igc-tree-grid-group-by-area", "igx-grid-footer,igc-grid-footer", "igx-paginator,igc-paginator", "igx-column,igc-column,igx-column-group,igc-column-group,igx-action-strip,igc-action-strip"];
+var cCe = ["igx-grid-toolbar,igc-grid-toolbar", "igx-tree-grid-group-by-area,igc-tree-grid-group-by-area", "igx-grid-footer,igc-grid-footer", "igx-paginator,igc-paginator", "igx-grid-state,igc-grid-state", "igx-column,igc-column,igx-column-group,igc-column-group,igx-action-strip,igc-action-strip"];
 var dCe = 0;
 var Uo = (() => {
   let t10 = class extends Bi {
@@ -48949,7 +48959,7 @@ var Uo = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(or), _(Zt2), _(Hi), _(Xn), _(p7), _(B), _(we2), _(gt2), _(ae2), _(ji), _(Qe2), _(Qi), _(kt2), _(zi), _(Go), _(ti), _(ui), _(sr), _(dt2, 8), _(ni), _(_e2), _(ru, 8));
+      return new (i2 || t10)(_(or), _(Zt2), _(Hi), _(Xn), _(p7), _(B), _(we2), _(gt2), _(le2), _(ji), _(Qe2), _(Qi), _(kt2), _(zi), _(Go), _(ti), _(ui), _(sr), _(dt2, 8), _(ni), _(_e2), _(ru, 8));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-tree-grid"]], contentQueries: function(i2, r5, s10) {
@@ -48965,7 +48975,7 @@ var Uo = (() => {
     }, hostVars: 2, hostBindings: function(i2, r5) {
       i2 & 2 && H("role", r5.role)("id", r5.id);
     }, inputs: { childDataKey: "childDataKey", foreignKey: "foreignKey", hasChildrenKey: "hasChildrenKey", cascadeOnDelete: "cascadeOnDelete", loadChildrenOnDemand: "loadChildrenOnDemand", id: "id", data: "data", expansionDepth: "expansionDepth", rowLoadingIndicatorTemplate: "rowLoadingIndicatorTemplate" }, standalone: true, features: [fe([Ml, or, sr, Go, { provide: Zt2, useClass: OM }, { provide: Xn, useClass: VM }, { provide: Me2, useExisting: t10 }, ti, Hi, Do, ts]), Y, $5], ngContentSelectors: cCe, decls: 92, vars: 157, consts: [["tabindex", "0", 1, "igx-grid-thead", 3, "grid", "hasMRL", "activeDescendant", "width", "pinnedColumnCollection", "unpinnedColumnCollection", "keydown.meta.c", "keydown.control.c", "copy", "keydown", "focus"], ["igxGridBody", "", "role", "rowgroup", 1, "igx-grid__tbody", 3, "keydown.control.c", "copy"], ["tabindex", "0", 1, "igx-grid__tbody-content", 3, "igxGridDragSelect", "focus", "keydown", "dragStop", "dragScroll", "scroll"], ["tbody", ""], ["id", "left", "class", "igx-grid__scroll-on-drag-left", 3, "igxColumnMovingDrop", 4, "ngIf"], ["id", "left", "class", "igx-grid__scroll-on-drag-pinned", 3, "igxColumnMovingDrop", "left", 4, "ngIf"], ["pinnedRecordsTemplate", ""], [4, "ngTemplateOutlet"], ["igxGridFor", "", 3, "igxGridForOf", "igxForScrollOrientation", "igxForScrollContainer", "igxForContainerSize", "igxForItemSize", "dataChanging", "dataChanged"], ["verticalScrollContainer", ""], ["record_template", ""], ["pinned_record_template", ""], ["summary_template", ""], ["igxOverlayOutlet", "", 1, "igx-grid__row-editing-outlet"], ["igxRowEditingOverlayOutlet", ""], ["text", "Trial version of Ignite UI for Web Components"], ["igxToggle", ""], ["loadingOverlay", ""], [3, "indeterminate", 4, "ngIf"], ["id", "right", "class", "igx-grid__scroll-on-drag-right", 3, "igxColumnMovingDrop", 4, "ngIf"], [1, "igx-grid__tbody-scrollbar", 3, "hidden", "pointerdown"], [1, "igx-grid__tbody-scrollbar-start"], [1, "igx-grid__tbody-scrollbar-main"], ["igxGridFor", "", 3, "igxGridForOf"], ["verticalScrollHolder", ""], [1, "igx-grid__tbody-scrollbar-end"], [1, "igx-grid__addrow-snackbar"], [3, "outlet", "actionText", "displayTime"], ["addRowSnackbar", ""], ["igxOverlayOutlet", ""], ["igxBodyOverlayOutlet", "overlay-outlet"], ["role", "rowgroup", 1, "igx-grid__tfoot"], ["tfoot", ""], ["tabindex", "0", 3, "focus", "keydown"], ["role", "row", "class", "igx-grid__summaries", 3, "width", "height", "gridID", "summaries", "index", 4, "ngIf"], [1, "igx-grid__tfoot-thumb", 3, "hidden"], [1, "igx-grid__scroll", 3, "hidden", "pointerdown"], ["scr", ""], [1, "igx-grid__scroll-start"], [1, "igx-grid__scroll-main"], ["scrollContainer", ""], [1, "igx-grid__scroll-end", 3, "hidden"], [1, "igx-grid__footer"], ["footer", ""], ["emptyFilteredGrid", ""], ["defaultEmptyGrid", ""], ["defaultAddRowEmptyTemplate", ""], ["defaultLoadingGrid", ""], ["igxToggle", "", 4, "ngIf"], ["defaultRowEditText", ""], ["defaultRowEditActions", ""], ["defaultRowEditTemplate", ""], ["dragIndicatorIconBase", ""], [4, "ngIf"], ["igxOverlayOutlet", "", 1, "igx-grid__loading-outlet"], ["igxLoadingOverlayOutlet", ""], ["igxOverlayOutlet", "", 1, "igx-grid__outlet"], ["igxFilteringOverlayOutlet", ""], [2, "display", "none"], ["sink", ""], ["id", "left", 1, "igx-grid__scroll-on-drag-left", 3, "igxColumnMovingDrop"], ["id", "left", 1, "igx-grid__scroll-on-drag-pinned", 3, "igxColumnMovingDrop"], ["class", "igx-grid__tr--pinned", 3, "ngClass", "width", 4, "ngIf"], [1, "igx-grid__tr--pinned", 3, "ngClass"], ["pinContainer", ""], [4, "ngFor", "ngForOf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "igxTemplateOutlet", "igxTemplateOutletContext", "cachedViewLoaded"], [3, "gridID", "index", "treeRow", "disabled", "ngClass", "ngStyle"], ["row", ""], [3, "gridID", "index", "treeRow", "ngClass", "ngStyle"], ["row", "", "pinnedRow", ""], ["role", "row", 1, "igx-grid__summaries--body", 3, "gridID", "summaries", "firstCellIndentation", "index"], ["summaryRow", ""], [3, "indeterminate"], ["id", "right", 1, "igx-grid__scroll-on-drag-right", 3, "igxColumnMovingDrop"], ["role", "row", 1, "igx-grid__summaries", 3, "gridID", "summaries", "index"], ["role", "cell", 1, "igx-grid__tbody-message"], ["igxButton", "raised", "igxRipple", "", 3, "click"], [1, "igx-grid__loading"], ["rowEditingOverlay", ""], [3, "className"], ["igxButton", "", "igxRowEditTabStop", "", 3, "click"], [1, "igx-banner__message"], [1, "igx-banner__text"], [1, "igx-banner__actions"], [1, "igx-banner__row"]], template: function(i2, r5) {
-      if (i2 & 1 && (Se(sCe), le2(0), le2(1, 1), le2(2, 2), f(3, "igx-grid-header-row", 0), w5("keydown.meta.c", function(a) {
+      if (i2 & 1 && (Se(sCe), se(0), se(1, 1), f(2, "igx-grid-header-row", 0), w5("keydown.meta.c", function(a) {
         return r5.copyHandler(a);
       })("keydown.control.c", function(a) {
         return r5.copyHandler(a);
@@ -48975,11 +48985,11 @@ var Uo = (() => {
         return r5.navigation.headerNavigation(a);
       })("focus", function() {
         return r5.navigation.focusFirstCell();
-      }), x5(), f(4, "div", 1), w5("keydown.control.c", function(a) {
+      }), x5(), f(3, "div", 1), w5("keydown.control.c", function(a) {
         return r5.copyHandler(a);
       })("copy", function(a) {
         return r5.copyHandler(a);
-      }), f(5, "div", 2, 3), w5("focus", function(a) {
+      }), f(4, "div", 2, 3), w5("focus", function(a) {
         return r5.navigation.focusTbody(a);
       })("keydown", function(a) {
         return r5.navigation.handleNavigation(a);
@@ -48989,23 +48999,23 @@ var Uo = (() => {
         return r5.dragScroll(a);
       })("scroll", function(a) {
         return r5.preventContainerScroll(a);
-      }), m5(7, v2e, 1, 2, "span", 4), m5(8, y2e, 1, 4, "span", 5), m5(9, T2e, 8, 47, "ng-template", null, 6, V), m5(11, R2e, 1, 0, "ng-container", 7), m5(12, A2e, 1, 2, "ng-template", 8, 9, V), R(14, "gridRowPinning"), R(15, "treeGridAddRow"), R(16, "treeGridSummary"), R(17, "treeGridPaging"), R(18, "treeGridFlattening"), R(19, "treeGridSorting"), R(20, "treeGridFiltering"), R(21, "treeGridHierarchizing"), R(22, "visibleColumns"), R(23, "treeGridTransaction"), w5("dataChanging", function(a) {
+      }), m5(6, v2e, 1, 2, "span", 4), m5(7, y2e, 1, 4, "span", 5), m5(8, T2e, 8, 47, "ng-template", null, 6, V), m5(10, R2e, 1, 0, "ng-container", 7), m5(11, A2e, 1, 2, "ng-template", 8, 9, V), R(13, "gridRowPinning"), R(14, "treeGridAddRow"), R(15, "treeGridSummary"), R(16, "treeGridPaging"), R(17, "treeGridFlattening"), R(18, "treeGridSorting"), R(19, "treeGridFiltering"), R(20, "treeGridHierarchizing"), R(21, "visibleColumns"), R(22, "treeGridTransaction"), w5("dataChanging", function(a) {
         return r5.dataRebinding(a);
       })("dataChanged", function(a) {
         return r5.dataRebound(a);
-      }), m5(24, P2e, 1, 0, "ng-container", 7), m5(25, k2e, 4, 37, "ng-template", null, 10, V), m5(27, F2e, 5, 36, "ng-template", null, 11, V), m5(29, V2e, 2, 4, "ng-template", null, 12, V), m5(31, O2e, 1, 0, "ng-container", 7), k5(32, "div", 13, 14)(34, "igc-trial-watermark", 15), x5(), f(35, "div", 16, 17), m5(37, N2e, 1, 1, "igx-circular-bar", 18), x5(), m5(38, H2e, 1, 2, "span", 19), f(39, "div", 20), w5("pointerdown", function(a) {
+      }), m5(23, P2e, 1, 0, "ng-container", 7), m5(24, k2e, 4, 37, "ng-template", null, 10, V), m5(26, F2e, 5, 36, "ng-template", null, 11, V), m5(28, V2e, 2, 4, "ng-template", null, 12, V), m5(30, O2e, 1, 0, "ng-container", 7), k5(31, "div", 13, 14)(33, "igc-trial-watermark", 15), x5(), f(34, "div", 16, 17), m5(36, N2e, 1, 1, "igx-circular-bar", 18), x5(), m5(37, H2e, 1, 2, "span", 19), f(38, "div", 20), w5("pointerdown", function(a) {
         return a.preventDefault();
-      }), k5(40, "div", 21), f(41, "div", 22), m5(42, L2e, 0, 0, "ng-template", 23, 24, V), x5(), k5(44, "div", 25), x5(), f(45, "div", 26)(46, "igx-snackbar", 27, 28), C(48), x5()(), k5(49, "div", 29, 30), x5(), f(51, "div", 31, 32)(53, "div", 33), w5("focus", function() {
+      }), k5(39, "div", 21), f(40, "div", 22), m5(41, L2e, 0, 0, "ng-template", 23, 24, V), x5(), k5(43, "div", 25), x5(), f(44, "div", 26)(45, "igx-snackbar", 27, 28), C(47), x5()(), k5(48, "div", 29, 30), x5(), f(50, "div", 31, 32)(52, "div", 33), w5("focus", function() {
         return r5.navigation.focusFirstCell(false);
       })("keydown", function(a) {
         return r5.navigation.summaryNav(a);
-      }), m5(54, B2e, 3, 10, "igx-grid-summary-row", 34), k5(55, "div", 35), x5()(), f(56, "div", 36, 37), w5("pointerdown", function(a) {
+      }), m5(53, B2e, 3, 10, "igx-grid-summary-row", 34), k5(54, "div", 35), x5()(), f(55, "div", 36, 37), w5("pointerdown", function(a) {
         return a.preventDefault();
-      }), k5(58, "div", 38), f(59, "div", 39), m5(60, G2e, 0, 0, "ng-template", 23, 40, V), x5(), k5(62, "div", 41), x5(), f(63, "div", 42, 43), le2(65, 3), le2(66, 4), x5(), m5(67, $2e, 4, 2, "ng-template", null, 44, V), m5(69, Q2e, 4, 2, "ng-template", null, 45, V), m5(71, q2e, 2, 1, "ng-template", null, 46, V), m5(73, K2e, 2, 1, "ng-template", null, 47, V), m5(75, Z2e, 4, 6, "div", 48), m5(76, J2e, 1, 2, "ng-template", null, 49, V), m5(78, eCe, 4, 2, "ng-template", null, 50, V), m5(80, nCe, 6, 8, "ng-template", null, 51, V), m5(82, rCe, 2, 0, "ng-template", null, 52, V), m5(84, oCe, 1, 0, "igx-grid-column-resizer", 53), k5(85, "div", 54, 55)(87, "div", 56, 57), f(89, "div", 58, 59), le2(91, 5), x5()), i2 & 2) {
-        let s10 = P(10), a = P(50);
-        d(3), u5("grid", r5)("hasMRL", r5.hasColumnLayouts)("activeDescendant", r5.activeDescendant)("width", r5.calcWidth)("pinnedColumnCollection", r5.pinnedColumns)("unpinnedColumnCollection", r5.unpinnedColumns), d(2), U("height", r5.totalHeight, "px")("width", r5.calcWidth, "px"), u5("igxGridDragSelect", r5.selectionService.dragMode), H("aria-activedescendant", r5.activeDescendant)("role", r5.dataView.length ? null : "row"), d(2), u5("ngIf", r5.moving && r5.columnInDrag && r5.pinnedColumns.length <= 0), d(1), u5("ngIf", r5.moving && r5.columnInDrag && r5.pinnedColumns.length > 0), d(3), u5("ngTemplateOutlet", r5.hasPinnedRecords && r5.isRowPinningToTop ? s10 : null), d(1), u5("igxGridForOf", ft2(14, 69, de(15, 74, me(16, 78, Xi(147, lCe, me(17, 86, It2(141, VD, ft2(18, 92, me(19, 97, It2(135, VD, me(20, 103, _t2(128, aCe, me(21, 110, It2(122, VD, Wt(22, 116, Wt(23, 119, r5.data, r5.pipeTrigger), r5.hasVisibleColumns), r5.primaryKey, r5.foreignKey, r5.childDataKey, r5.pipeTrigger)), r5.filteringExpressionsTree, r5.filterStrategy, r5.advancedFilteringExpressionsTree, r5.pipeTrigger, r5.filteringPipeTrigger)), r5.sortingExpressions, r5.treeGroupArea == null ? null : r5.treeGroupArea.expressions, r5.sortStrategy, r5.pipeTrigger)), r5.expansionDepth, r5.expansionStates, r5.pipeTrigger), !!r5.paginator, r5.page, r5.perPage, r5.pipeTrigger)), r5.hasSummarizedColumns, r5.summaryCalculationMode, r5.summaryPosition, r5.showSummaryOnCollapse, r5.pipeTrigger, r5.summaryPipeTrigger)), false, r5.pipeTrigger), r5.id, false, r5.pipeTrigger))("igxForScrollOrientation", "vertical")("igxForScrollContainer", r5.verticalScroll)("igxForContainerSize", r5.calcHeight)("igxForItemSize", r5.renderedRowHeight), d(12), u5("ngTemplateOutlet", r5.hasPinnedRecords && !r5.isRowPinningToTop ? s10 : null), d(7), u5("ngTemplateOutlet", r5.template), d(6), u5("ngIf", r5.shouldOverlayLoading), d(1), u5("ngIf", r5.moving && r5.columnInDrag), d(1), U("width", r5.scrollSize, "px")("height", r5.calcHeight, "px"), u5("hidden", !r5.hasVerticalScroll()), d(1), U("height", r5.isRowPinningToTop ? r5.pinnedRowHeight : 0, "px"), d(1), U("height", r5.calcHeight, "px"), d(1), u5("igxGridForOf", Dn(155, KM)), d(2), U("height", r5.isRowPinningToTop ? 0 : r5.pinnedRowHeight, "px"), d(2), u5("outlet", a)("actionText", r5.resourceStrings.igx_grid_snackbar_addrow_actiontext)("displayTime", r5.snackbarDisplayTime), d(2), Q(r5.resourceStrings.igx_grid_snackbar_addrow_label), d(3), U("height", r5.summaryRowHeight, "px"), d(2), H("aria-activedescendant", r5.activeDescendant), d(1), u5("ngIf", r5.hasSummarizedColumns && r5.rootSummariesEnabled), d(1), U("height", r5.summaryRowHeight, "px")("width", r5.scrollSize, "px"), u5("hidden", !r5.hasVerticalScroll()), d(1), U("height", r5.scrollSize, "px"), u5("hidden", r5.isHorizontalScrollHidden), d(2), U("width", r5.isPinningToStart ? r5.pinnedWidth : r5.headerFeaturesWidth, "px")("min-width", r5.isPinningToStart ? r5.pinnedWidth : r5.headerFeaturesWidth, "px"), d(1), U("width", r5.unpinnedWidth, "px"), d(1), u5("igxGridForOf", Dn(156, KM)), d(2), U("float", "right")("width", r5.pinnedWidth, "px")("min-width", r5.pinnedWidth, "px"), u5("hidden", r5.pinnedWidth === 0 || r5.isPinningToStart), d(13), u5("ngIf", r5.rowEditable), d(9), u5("ngIf", r5.colResizingService.showResizer);
+      }), k5(57, "div", 38), f(58, "div", 39), m5(59, G2e, 0, 0, "ng-template", 23, 40, V), x5(), k5(61, "div", 41), x5(), f(62, "div", 42, 43), se(64, 2), se(65, 3), x5(), m5(66, $2e, 4, 2, "ng-template", null, 44, V), m5(68, Q2e, 4, 2, "ng-template", null, 45, V), m5(70, q2e, 2, 1, "ng-template", null, 46, V), m5(72, K2e, 2, 1, "ng-template", null, 47, V), m5(74, Z2e, 4, 6, "div", 48), m5(75, J2e, 1, 2, "ng-template", null, 49, V), m5(77, eCe, 4, 2, "ng-template", null, 50, V), m5(79, nCe, 6, 8, "ng-template", null, 51, V), m5(81, rCe, 2, 0, "ng-template", null, 52, V), m5(83, oCe, 1, 0, "igx-grid-column-resizer", 53), k5(84, "div", 54, 55)(86, "div", 56, 57), f(88, "div", 58, 59), se(90, 4), se(91, 5), x5()), i2 & 2) {
+        let s10 = P(9), a = P(49);
+        d(2), u5("grid", r5)("hasMRL", r5.hasColumnLayouts)("activeDescendant", r5.activeDescendant)("width", r5.calcWidth)("pinnedColumnCollection", r5.pinnedColumns)("unpinnedColumnCollection", r5.unpinnedColumns), d(2), U("height", r5.totalHeight, "px")("width", r5.calcWidth, "px"), u5("igxGridDragSelect", r5.selectionService.dragMode), H("aria-activedescendant", r5.activeDescendant)("role", r5.dataView.length ? null : "row"), d(2), u5("ngIf", r5.moving && r5.columnInDrag && r5.pinnedColumns.length <= 0), d(1), u5("ngIf", r5.moving && r5.columnInDrag && r5.pinnedColumns.length > 0), d(3), u5("ngTemplateOutlet", r5.hasPinnedRecords && r5.isRowPinningToTop ? s10 : null), d(1), u5("igxGridForOf", ft2(13, 69, de(14, 74, me(15, 78, Xi(147, lCe, me(16, 86, It2(141, VD, ft2(17, 92, me(18, 97, It2(135, VD, me(19, 103, _t2(128, aCe, me(20, 110, It2(122, VD, Wt(21, 116, Wt(22, 119, r5.data, r5.pipeTrigger), r5.hasVisibleColumns), r5.primaryKey, r5.foreignKey, r5.childDataKey, r5.pipeTrigger)), r5.filteringExpressionsTree, r5.filterStrategy, r5.advancedFilteringExpressionsTree, r5.pipeTrigger, r5.filteringPipeTrigger)), r5.sortingExpressions, r5.treeGroupArea == null ? null : r5.treeGroupArea.expressions, r5.sortStrategy, r5.pipeTrigger)), r5.expansionDepth, r5.expansionStates, r5.pipeTrigger), !!r5.paginator, r5.page, r5.perPage, r5.pipeTrigger)), r5.hasSummarizedColumns, r5.summaryCalculationMode, r5.summaryPosition, r5.showSummaryOnCollapse, r5.pipeTrigger, r5.summaryPipeTrigger)), false, r5.pipeTrigger), r5.id, false, r5.pipeTrigger))("igxForScrollOrientation", "vertical")("igxForScrollContainer", r5.verticalScroll)("igxForContainerSize", r5.calcHeight)("igxForItemSize", r5.renderedRowHeight), d(12), u5("ngTemplateOutlet", r5.hasPinnedRecords && !r5.isRowPinningToTop ? s10 : null), d(7), u5("ngTemplateOutlet", r5.template), d(6), u5("ngIf", r5.shouldOverlayLoading), d(1), u5("ngIf", r5.moving && r5.columnInDrag), d(1), U("width", r5.scrollSize, "px")("height", r5.calcHeight, "px"), u5("hidden", !r5.hasVerticalScroll()), d(1), U("height", r5.isRowPinningToTop ? r5.pinnedRowHeight : 0, "px"), d(1), U("height", r5.calcHeight, "px"), d(1), u5("igxGridForOf", Dn(155, KM)), d(2), U("height", r5.isRowPinningToTop ? 0 : r5.pinnedRowHeight, "px"), d(2), u5("outlet", a)("actionText", r5.resourceStrings.igx_grid_snackbar_addrow_actiontext)("displayTime", r5.snackbarDisplayTime), d(2), Q(r5.resourceStrings.igx_grid_snackbar_addrow_label), d(3), U("height", r5.summaryRowHeight, "px"), d(2), H("aria-activedescendant", r5.activeDescendant), d(1), u5("ngIf", r5.hasSummarizedColumns && r5.rootSummariesEnabled), d(1), U("height", r5.summaryRowHeight, "px")("width", r5.scrollSize, "px"), u5("hidden", !r5.hasVerticalScroll()), d(1), U("height", r5.scrollSize, "px"), u5("hidden", r5.isHorizontalScrollHidden), d(2), U("width", r5.isPinningToStart ? r5.pinnedWidth : r5.headerFeaturesWidth, "px")("min-width", r5.isPinningToStart ? r5.pinnedWidth : r5.headerFeaturesWidth, "px"), d(1), U("width", r5.unpinnedWidth, "px"), d(1), u5("igxGridForOf", Dn(156, KM)), d(2), U("float", "right")("width", r5.pinnedWidth, "px")("min-width", r5.pinnedWidth, "px"), u5("hidden", r5.pinnedWidth === 0 || r5.isPinningToStart), d(13), u5("ngIf", r5.rowEditable), d(9), u5("ngIf", r5.colResizingService.showResizer);
       }
-    }, dependencies: [se, He2, Oe2, ai, Re2, en, iu, su, Ho, Xt, is, QM, nu, yn, Lt, ir, Xa, Xe, qt, kn, he, Yl, lg, Uc, Yd, Xd, mg, LM, BM, GM, HM, zM, jM, NM, $M, UM], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [ae2, He2, Oe2, ai, Re2, en, iu, su, Ho, Xt, is, QM, nu, yn, Lt, ir, Xa, Xe, qt, kn, he, Yl, lg, Uc, Yd, Xd, mg, LM, BM, GM, HM, zM, jM, NM, $M, UM], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 var pCe = "_Igx_Hidden_Data_";
@@ -49409,7 +49419,7 @@ var My = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(or), _(Zt2), _(Hi), _(Xn), _(Tc), _(B), _(we2), _(gt2), _(ae2), _(ji), _(Qe2), _(Qi), _(kt2), _(zi), _(fg), _(ti), _(ui), _(sr), _(dt2, 8), _(ni), _(_e2), _(ru, 8));
+      return new (i2 || t10)(_(or), _(Zt2), _(Hi), _(Xn), _(Tc), _(B), _(we2), _(gt2), _(le2), _(ji), _(Qe2), _(Qi), _(kt2), _(zi), _(fg), _(ti), _(ui), _(sr), _(dt2, 8), _(ni), _(_e2), _(ru, 8));
     };
   })(), (() => {
     t10.\u0275dir = N({ type: t10, inputs: { hasChildrenKey: "hasChildrenKey", showExpandAll: "showExpandAll" }, outputs: { dataPreLoad: "dataPreLoad" }, features: [Y] });
@@ -49543,7 +49553,7 @@ var In = (() => {
     }
     ngAfterViewInit() {
       this.rowIslandAPI.register(this), this.parentIsland ? this.parentIsland.rowIslandAPI.registerChildRowIsland(this) : this.rootGrid.gridAPI.registerChildRowIsland(this), this._init = false, this.gridCreated.pipe(N2("grid"), W(this.destroy$)).subscribe((e) => {
-        e.rendered$.pipe(et2(), Ci(() => !!this.toolbarTemplate)).subscribe(() => e.toolbarOutlet.createEmbeddedView(this.toolbarTemplate, { $implicit: e })), e.rendered$.pipe(et2(), Ci(() => !!this.paginatorTemplate)).subscribe(() => {
+        e.rendered$.pipe(et2(), gi(() => !!this.toolbarTemplate)).subscribe(() => e.toolbarOutlet.createEmbeddedView(this.toolbarTemplate, { $implicit: e })), e.rendered$.pipe(et2(), gi(() => !!this.paginatorTemplate)).subscribe(() => {
           this.rootGrid.paginatorList.changes.pipe(W(this.destroy$)).subscribe((i2) => {
             i2.forEach((r5) => {
               r5.nativeElement.offsetParent?.id === e.id && e.setUpPaginator();
@@ -49583,7 +49593,7 @@ var In = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(or), _(Zt2), _(Hi), _(Xn), _(Tc), _(B), _(we2), _(gt2), _(ae2), _(ji), _(Qe2), _(kt2), _(zi), _(Qi), _(fg), _(ti), _(ui), _(sr), _(dt2, 8), _(xg), _(ni), _(_e2));
+      return new (i2 || t10)(_(or), _(Zt2), _(Hi), _(Xn), _(Tc), _(B), _(we2), _(gt2), _(le2), _(ji), _(Qe2), _(kt2), _(zi), _(Qi), _(fg), _(ti), _(ui), _(sr), _(dt2, 8), _(xg), _(ni), _(_e2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-row-island"]], contentQueries: function(i2, r5, s10) {
@@ -49592,7 +49602,7 @@ var In = (() => {
         D(a = b()) && (r5.toolbarDirectiveTemplate = a.first), D(a = b()) && (r5.paginatorDirectiveTemplate = a.first), D(a = b()) && (r5.children = a), D(a = b()) && (r5.childLayoutList = a), D(a = b()) && (r5.childColumns = a), D(a = b()) && (r5.actionStrips = a);
       }
     }, inputs: { key: "key", childDataKey: "childDataKey", toolbarTemplate: "toolbarTemplate", paginatorTemplate: "paginatorTemplate", expandChildren: "expandChildren" }, outputs: { layoutChange: "layoutChange", gridCreated: "gridCreated", gridInitialized: "gridInitialized" }, standalone: true, features: [fe([xg, ti, Zt2]), Y, Ti, $5], ngContentSelectors: fCe, decls: 4, vars: 0, consts: [[2, "display", "none"], ["sink", ""]], template: function(i2, r5) {
-      i2 & 1 && (Se(mCe), f(0, "div", 0, 1), le2(2), le2(3, 1), x5());
+      i2 & 1 && (Se(mCe), f(0, "div", 0, 1), se(2), se(3, 1), x5());
     }, encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
@@ -49900,12 +49910,12 @@ var Ay = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(Zt2), _(Me2), _(ui), _(ae2), _(B), _(we2), _(_i), _(_e2));
+      return new (i2 || t10)(_(Zt2), _(Me2), _(ui), _(le2), _(B), _(we2), _(vi), _(_e2));
     };
   })(), (() => {
-    t10.\u0275cmp = G({ type: t10, selectors: [["igx-hierarchical-grid-cell"]], standalone: true, features: [fe([_i]), Y, $5], decls: 13, vars: 5, consts: [["defaultPinnedIndicator", ""], ["defaultCell", ""], ["addRowCell", ""], ["inlineEditor", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [4, "ngIf"], ["defaultError", ""], ["class", "igx-grid__td--pinned-chip", 3, "disabled", "displayDensity", 4, "ngIf"], [1, "igx-grid__td--pinned-chip", 3, "disabled", "displayDensity"], ["igxTextHighlight", "", "class", "igx-grid__td-text", "style", "pointer-events: none;", 3, "cssClass", "activeCssClass", "groupName", "value", "row", "column", "containerClass", "metadata", 4, "ngIf"], [3, "ngClass", 4, "ngIf"], [3, "src", "alt", 4, "ngIf"], ["igxTextHighlight", "", 1, "igx-grid__td-text", 2, "pointer-events", "none", 3, "cssClass", "activeCssClass", "groupName", "value", "row", "column", "containerClass", "metadata"], [3, "ngClass"], [3, "src", "alt"], ["igxTextHighlight", "", "class", "igx-grid__td-text", "style", "pointer-events: none", 3, "cssClass", "activeCssClass", "groupName", "value", "row", "column", "containerClass", "metadata", 4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "formGroup"], ["displayDensity", "compact"], ["igxInput", "", 3, "igxFocus", "igxTextSelection", "formControl", "compositionstart", "compositionend"], ["displayDensity", "compact", 3, "formGroup"], ["igxInput", "", "type", "number", 3, "igxFocus", "igxTextSelection", "step", "formControl"], [3, "checked", "igxFocus", "disableRipple", "formControl"], ["mode", "dropdown", 3, "outlet", "locale", "weekStart", "value", "igxFocus", "formControl", "valueChange"], ["mode", "dropdown", 3, "outlet", "locale", "inputFormat", "value", "igxFocus", "formControl", "valueChange"], ["type", "text", "igxInput", "", 3, "formControl", "igxDateTimeEditor", "igxFocus"], [3, "igxTooltipTarget", "igxToggleOutlet", "mouseover", "mouseout"], ["errorIcon", ""], ["igxTooltip", "", 3, "id"], ["error", "", "tooltipRef", "tooltip"]], template: function(i2, r5) {
+    t10.\u0275cmp = G({ type: t10, selectors: [["igx-hierarchical-grid-cell"]], standalone: true, features: [fe([vi]), Y, $5], decls: 13, vars: 5, consts: [["defaultPinnedIndicator", ""], ["defaultCell", ""], ["addRowCell", ""], ["inlineEditor", ""], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [4, "ngIf"], ["defaultError", ""], ["class", "igx-grid__td--pinned-chip", 3, "disabled", "displayDensity", 4, "ngIf"], [1, "igx-grid__td--pinned-chip", 3, "disabled", "displayDensity"], ["igxTextHighlight", "", "class", "igx-grid__td-text", "style", "pointer-events: none;", 3, "cssClass", "activeCssClass", "groupName", "value", "row", "column", "containerClass", "metadata", 4, "ngIf"], [3, "ngClass", 4, "ngIf"], [3, "src", "alt", 4, "ngIf"], ["igxTextHighlight", "", 1, "igx-grid__td-text", 2, "pointer-events", "none", 3, "cssClass", "activeCssClass", "groupName", "value", "row", "column", "containerClass", "metadata"], [3, "ngClass"], [3, "src", "alt"], ["igxTextHighlight", "", "class", "igx-grid__td-text", "style", "pointer-events: none", 3, "cssClass", "activeCssClass", "groupName", "value", "row", "column", "containerClass", "metadata", 4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "formGroup"], ["displayDensity", "compact"], ["igxInput", "", 3, "igxFocus", "igxTextSelection", "formControl", "compositionstart", "compositionend"], ["displayDensity", "compact", 3, "formGroup"], ["igxInput", "", "type", "number", 3, "igxFocus", "igxTextSelection", "step", "formControl"], [3, "checked", "igxFocus", "disableRipple", "formControl"], ["mode", "dropdown", 3, "outlet", "locale", "weekStart", "value", "igxFocus", "formControl", "valueChange"], ["mode", "dropdown", 3, "outlet", "locale", "inputFormat", "value", "igxFocus", "formControl", "valueChange"], ["type", "text", "igxInput", "", 3, "formControl", "igxDateTimeEditor", "igxFocus"], [3, "igxTooltipTarget", "igxToggleOutlet", "mouseover", "mouseout"], ["errorIcon", ""], ["igxTooltip", "", 3, "id"], ["error", "", "tooltipRef", "tooltip"]], template: function(i2, r5) {
       i2 & 1 && (m5(0, vCe, 1, 1, "ng-template", null, 0, V), m5(2, SCe, 3, 3, "ng-template", null, 1, V), m5(4, bCe, 1, 1, "ng-template", null, 2, V), m5(6, NCe, 8, 8, "ng-template", null, 3, V), m5(8, HCe, 1, 0, "ng-container", 4), m5(9, LCe, 1, 0, "ng-container", 4), m5(10, GCe, 9, 7, "ng-container", 5), m5(11, KCe, 7, 7, "ng-template", null, 6, V)), i2 & 2 && (d(8), u5("ngTemplateOutlet", r5.pinnedIndicatorTemplate)("ngTemplateOutletContext", r5.context), d(1), u5("ngTemplateOutlet", r5.template)("ngTemplateOutletContext", r5.context), d(1), u5("ngIf", r5.isInvalid));
-    }, dependencies: [se, ei, gr, he, Oe2, yo, Qn, vc, qn, _d, vd, yc, Cc, At, vt2, Rl, Gs, Ut, fr, xr, an, Be, Ue, Re2, Na, no, Kd, Jd, ql, ml, fl, Vs, En], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [ae2, ei, gr, he, Oe2, yo, Qn, vc, qn, _d, vd, yc, Cc, At, vt2, Rl, Gs, Ut, fr, xr, an, Be, Ue, Re2, Na, no, Kd, Jd, ql, ml, fl, Vs, En], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 var YCe = ["expander"];
@@ -50128,12 +50138,12 @@ var oA = (() => {
       }
     }, hostVars: 4, hostBindings: function(i2, r5) {
       i2 & 2 && J("igx-grid__tr--expanded", r5.expandedClass)("igx-grid__tr--highlighted", r5.highlighted);
-    }, standalone: true, features: [fe([{ provide: oi, useExisting: gi(() => t10) }]), Y, $5], decls: 11, vars: 1, consts: [[4, "ngTemplateOutlet"], ["defaultExpandedTemplate", ""], ["defaultCollapsedTemplate", ""], ["defaultEmptyTemplate", ""], ["addTemp", ""], ["defaultTemp", ""], [3, "active"], [1, "igx-grid__tr--inner", 3, "animationend"], [4, "ngIf"], [3, "ngClass", "click", "mousedown", 4, "ngIf"], ["igxGridFor", "", 3, "igxGridForOf", "igxForScrollContainer", "igxForSizePropName", "igxForScrollOrientation", "igxForContainerSize", "igxForTrackBy"], ["igxDirRef", ""], ["rowSelectorBaseTemplate", ""], ["pinnedCellsTemplate", ""], [3, "igxRowDrag", "ghostTemplate", "click", "pointerdown"], [1, "igx-grid__cbx-selection", "igx-grid__tr-action", 3, "click", "pointerdown"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "ngClass", "click", "mousedown"], ["expander", ""], [1, "igx-grid__td", "igx-grid__td--fw", 3, "ngClass", "ngStyle", "editMode", "column", "formatter", "intRow", "active", "rowData", "width", "visibleColumnIndex", "value", "cellTemplate", "cellValidationErrorTemplate", "lastSearchInfo", "cellSelectionMode", "displayPinnedChip"], [1, "igx-grid__cbx-padding"], [3, "tabindex", "readonly", "checked", "disableRipple", "disabled", "disableTransitions", "aria-label"], ["class", "igx-grid__td igx-grid__td--fw igx-grid__td--pinned", 3, "igx-grid__td--edited", "igx-grid__td--number", "ngClass", "ngStyle", "editMode", "column", "formatter", "intRow", "active", "firstPinned", "lastPinned", "min-height", "rowData", "min-width", "max-width", "flex-basis", "left", "width", "visibleColumnIndex", "value", "cellTemplate", "cellValidationErrorTemplate", "lastSearchInfo", "cellSelectionMode", "displayPinnedChip", 4, "ngFor", "ngForOf"], [1, "igx-grid__td", "igx-grid__td--fw", "igx-grid__td--pinned", 3, "ngClass", "ngStyle", "editMode", "column", "formatter", "intRow", "active", "firstPinned", "lastPinned", "rowData", "width", "visibleColumnIndex", "value", "cellTemplate", "cellValidationErrorTemplate", "lastSearchInfo", "cellSelectionMode", "displayPinnedChip"]], template: function(i2, r5) {
+    }, standalone: true, features: [fe([{ provide: oi, useExisting: mi(() => t10) }]), Y, $5], decls: 11, vars: 1, consts: [[4, "ngTemplateOutlet"], ["defaultExpandedTemplate", ""], ["defaultCollapsedTemplate", ""], ["defaultEmptyTemplate", ""], ["addTemp", ""], ["defaultTemp", ""], [3, "active"], [1, "igx-grid__tr--inner", 3, "animationend"], [4, "ngIf"], [3, "ngClass", "click", "mousedown", 4, "ngIf"], ["igxGridFor", "", 3, "igxGridForOf", "igxForScrollContainer", "igxForSizePropName", "igxForScrollOrientation", "igxForContainerSize", "igxForTrackBy"], ["igxDirRef", ""], ["rowSelectorBaseTemplate", ""], ["pinnedCellsTemplate", ""], [3, "igxRowDrag", "ghostTemplate", "click", "pointerdown"], [1, "igx-grid__cbx-selection", "igx-grid__tr-action", 3, "click", "pointerdown"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "ngClass", "click", "mousedown"], ["expander", ""], [1, "igx-grid__td", "igx-grid__td--fw", 3, "ngClass", "ngStyle", "editMode", "column", "formatter", "intRow", "active", "rowData", "width", "visibleColumnIndex", "value", "cellTemplate", "cellValidationErrorTemplate", "lastSearchInfo", "cellSelectionMode", "displayPinnedChip"], [1, "igx-grid__cbx-padding"], [3, "tabindex", "readonly", "checked", "disableRipple", "disabled", "disableTransitions", "aria-label"], ["class", "igx-grid__td igx-grid__td--fw igx-grid__td--pinned", 3, "igx-grid__td--edited", "igx-grid__td--number", "ngClass", "ngStyle", "editMode", "column", "formatter", "intRow", "active", "firstPinned", "lastPinned", "min-height", "rowData", "min-width", "max-width", "flex-basis", "left", "width", "visibleColumnIndex", "value", "cellTemplate", "cellValidationErrorTemplate", "lastSearchInfo", "cellSelectionMode", "displayPinnedChip", 4, "ngFor", "ngForOf"], [1, "igx-grid__td", "igx-grid__td--fw", "igx-grid__td--pinned", 3, "ngClass", "ngStyle", "editMode", "column", "formatter", "intRow", "active", "firstPinned", "lastPinned", "rowData", "width", "visibleColumnIndex", "value", "cellTemplate", "cellValidationErrorTemplate", "lastSearchInfo", "cellSelectionMode", "displayPinnedChip"]], template: function(i2, r5) {
       if (i2 & 1 && (m5(0, ewe, 1, 0, "ng-container", 0), m5(1, twe, 2, 1, "ng-template", null, 1, V), m5(3, iwe, 2, 1, "ng-template", null, 2, V), m5(5, nwe, 1, 0, "ng-template", null, 3, V), m5(7, owe, 2, 3, "ng-template", null, 4, V), m5(9, Swe, 12, 13, "ng-template", null, 5, V)), i2 & 2) {
         let s10 = P(8), a = P(10);
         u5("ngTemplateOutlet", r5.addRowUI ? s10 : a);
       }
-    }, dependencies: [Re2, he, se, cg, Oe2, Xt, Ay, ai, Ut, He2, Ql, qd, sg, Zd, eu], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [Re2, he, ae2, cg, Oe2, Xt, Ay, ai, Ut, He2, Ql, qd, sg, Zd, eu], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 var Dwe = ["container"];
@@ -50408,14 +50418,14 @@ function wIe(o, t10) {
 function IIe(o, t10) {
   o & 1 && k5(0, "igx-grid-column-resizer");
 }
-var SIe = [[["igx-grid-toolbar"], ["igc-grid-toolbar"]], [["igx-grid-footer"], ["igc-grid-footer"]], [["igx-paginator"], ["igc-paginator"]], [["igx-column"], ["igc-column"], ["igx-column-group"], ["igc-column-group"], ["igx-action-strip"], ["igc-action-strip"]], [["igx-row-island"], ["igc-row-island"]]];
+var SIe = [[["igx-grid-toolbar"], ["igc-grid-toolbar"]], [["igx-grid-footer"], ["igc-grid-footer"]], [["igx-paginator"], ["igc-paginator"]], [["igx-grid-state"], ["igc-grid-state"]], [["igx-column"], ["igc-column"], ["igx-column-group"], ["igc-column-group"], ["igx-action-strip"], ["igc-action-strip"]], [["igx-row-island"], ["igc-row-island"]]];
 var DIe = function(o, t10, n, e, i2, r5, s10) {
   return [o, t10, n, e, i2, r5, s10];
 };
 var HD = function(o, t10, n, e, i2, r5) {
   return [o, t10, n, e, i2, r5];
 };
-var bIe = ["igx-grid-toolbar,igc-grid-toolbar", "igx-grid-footer,igc-grid-footer", "igx-paginator,igc-paginator", "igx-column,igc-column,igx-column-group,igc-column-group,igx-action-strip,igc-action-strip", "igx-row-island,igc-row-island"];
+var bIe = ["igx-grid-toolbar,igc-grid-toolbar", "igx-grid-footer,igc-grid-footer", "igx-paginator,igc-paginator", "igx-grid-state,igc-grid-state", "igx-column,igc-column,igx-column-group,igc-column-group,igx-action-strip,igc-action-strip", "igx-row-island,igc-row-island"];
 var EIe = 0;
 var aA = (() => {
   let t10 = class {
@@ -50463,7 +50473,7 @@ var aA = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(Xn), _(B), _(ae2));
+      return new (i2 || t10)(_(Xn), _(B), _(le2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-child-grid-row"]], viewQuery: function(i2, r5) {
@@ -50752,8 +50762,8 @@ var zr = (() => {
       }
     }, hostVars: 2, hostBindings: function(i2, r5) {
       i2 & 2 && H("role", r5.role)("id", r5.id);
-    }, inputs: { id: "id", data: "data", totalItemCount: "totalItemCount", expandChildren: "expandChildren" }, standalone: true, features: [fe([Ml, or, Zt2, { provide: Xn, useClass: XM }, { provide: Me2, useExisting: t10 }, sr, ti, fg, Hi, Do, ts, xg]), Y, $5], ngContentSelectors: bIe, decls: 98, vars: 147, consts: [["toolbarOutlet", ""], ["tabindex", "0", 1, "igx-grid-thead", 3, "grid", "hasMRL", "activeDescendant", "width", "pinnedColumnCollection", "unpinnedColumnCollection", "keydown.meta.c", "keydown.control.c", "copy", "keydown", "focus"], ["igxGridBody", "", "role", "rowgroup", 1, "igx-grid__tbody", 3, "keydown.control.c", "copy"], ["tabindex", "0", 1, "igx-grid__tbody-content", 3, "igxGridDragSelect", "focus", "keydown", "dragStop", "dragScroll", "scroll"], ["tbody", ""], ["id", "left", "class", "igx-grid__scroll-on-drag-left", 3, "igxColumnMovingDrop", 4, "ngIf"], ["id", "left", "class", "igx-grid__scroll-on-drag-pinned", 3, "igxColumnMovingDrop", "left", 4, "ngIf"], ["pinnedRecordsTemplate", ""], [4, "ngTemplateOutlet"], ["igxGridFor", "", 3, "igxGridForOf", "igxForScrollOrientation", "igxForScrollContainer", "igxForContainerSize", "igxForItemSize", "igxForTrackBy", "chunkPreload", "dataChanging", "dataChanged"], ["verticalScrollContainer", ""], ["hierarchical_record_template", ""], ["pinned_hierarchical_record_template", ""], ["child_record_template", ""], ["id", "right", "class", "igx-grid__scroll-on-drag-right", 3, "igxColumnMovingDrop", 4, "ngIf"], ["igxOverlayOutlet", "", 1, "igx-grid__row-editing-outlet"], ["igxRowEditingOverlayOutlet", ""], ["text", "Trial version of Ignite UI for Web Components", 4, "ngIf"], ["igxToggle", ""], ["loadingOverlay", ""], [3, "indeterminate", 4, "ngIf"], [1, "igx-grid__tbody-scrollbar", 3, "hidden", "pointerdown"], [1, "igx-grid__tbody-scrollbar-start"], [1, "igx-grid__tbody-scrollbar-main"], ["igxGridFor", "", 3, "igxGridForOf"], ["verticalScrollHolder", ""], [1, "igx-grid__tbody-scrollbar-end"], [1, "igx-grid__addrow-snackbar"], [3, "outlet", "actionText", "displayTime"], ["addRowSnackbar", ""], ["igxOverlayOutlet", ""], ["igxBodyOverlayOutlet", "overlay-outlet"], ["role", "rowgroup", 1, "igx-grid__tfoot"], ["tfoot", ""], ["tabindex", "0", 3, "focus", "keydown"], ["role", "row", "class", "igx-grid__summaries", 3, "width", "height", "gridID", "summaries", "index", 4, "ngIf"], [1, "igx-grid__tfoot-thumb", 3, "hidden"], [1, "igx-grid__scroll", 3, "hidden", "pointerdown"], ["scr", ""], [1, "igx-grid__scroll-start"], [1, "igx-grid__scroll-main"], ["scrollContainer", ""], [1, "igx-grid__scroll-end", 3, "hidden"], [1, "igx-grid__footer"], ["footer", ""], ["paginatorOutlet", ""], ["emptyFilteredGrid", ""], ["defaultEmptyGrid", ""], ["defaultAddRowEmptyTemplate", ""], ["defaultLoadingGrid", ""], ["defaultCollapsedTemplate", ""], ["defaultExpandedTemplate", ""], ["igxToggle", "", 4, "ngIf"], ["defaultRowEditText", ""], ["defaultRowEditActions", ""], ["defaultRowEditTemplate", ""], ["dragIndicatorIconBase", ""], [4, "ngIf"], ["igxOverlayOutlet", "", 1, "igx-grid__loading-outlet"], ["igxLoadingOverlayOutlet", ""], ["igxOverlayOutlet", "", 1, "igx-grid__outlet"], ["igxFilteringOverlayOutlet", ""], [2, "display", "none"], ["sink", ""], ["id", "left", 1, "igx-grid__scroll-on-drag-left", 3, "igxColumnMovingDrop"], ["id", "left", 1, "igx-grid__scroll-on-drag-pinned", 3, "igxColumnMovingDrop"], ["class", "igx-grid__tr--pinned", 3, "ngClass", "width", 4, "ngIf"], [1, "igx-grid__tr--pinned", 3, "ngClass"], ["pinContainer", ""], [4, "ngFor", "ngForOf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "igxTemplateOutlet", "igxTemplateOutletContext", "viewCreated", "viewMoved", "cachedViewLoaded"], [3, "gridID", "index", "disabled", "data", "ngClass", "ngStyle"], ["row", ""], [3, "gridID", "index", "data", "ngClass", "ngStyle"], ["row", "", "pinnedRow", ""], [2, "overflow", "auto", "width", "100%", 3, "ngClass", "scroll"], [3, "parentGridID", "index", "data", "layout", 4, "ngFor", "ngForOf"], [3, "parentGridID", "index", "data", "layout"], ["id", "right", 1, "igx-grid__scroll-on-drag-right", 3, "igxColumnMovingDrop"], ["text", "Trial version of Ignite UI for Web Components"], [3, "indeterminate"], ["role", "row", 1, "igx-grid__summaries", 3, "gridID", "summaries", "index"], ["summaryRow", ""], ["role", "cell", 1, "igx-grid__tbody-message"], ["igxButton", "raised", "igxRipple", "", 3, "click"], [1, "igx-grid__loading"], ["role", "button"], ["role", "button", 3, "active"], ["rowEditingOverlay", ""], [3, "className"], ["igxButton", "", "igxRowEditTabStop", "", 3, "click"], [1, "igx-banner__message"], [1, "igx-banner__text"], [1, "igx-banner__actions"], [1, "igx-banner__row"]], template: function(i2, r5) {
-      if (i2 & 1 && (Se(SIe), le2(0), q3(1, null, 0), f(3, "igx-grid-header-row", 1), w5("keydown.meta.c", function(a) {
+    }, inputs: { id: "id", data: "data", totalItemCount: "totalItemCount", expandChildren: "expandChildren" }, standalone: true, features: [fe([Ml, or, Zt2, { provide: Xn, useClass: XM }, { provide: Me2, useExisting: t10 }, sr, ti, fg, Hi, Do, ts, xg]), Y, $5], ngContentSelectors: bIe, decls: 99, vars: 147, consts: [["toolbarOutlet", ""], ["tabindex", "0", 1, "igx-grid-thead", 3, "grid", "hasMRL", "activeDescendant", "width", "pinnedColumnCollection", "unpinnedColumnCollection", "keydown.meta.c", "keydown.control.c", "copy", "keydown", "focus"], ["igxGridBody", "", "role", "rowgroup", 1, "igx-grid__tbody", 3, "keydown.control.c", "copy"], ["tabindex", "0", 1, "igx-grid__tbody-content", 3, "igxGridDragSelect", "focus", "keydown", "dragStop", "dragScroll", "scroll"], ["tbody", ""], ["id", "left", "class", "igx-grid__scroll-on-drag-left", 3, "igxColumnMovingDrop", 4, "ngIf"], ["id", "left", "class", "igx-grid__scroll-on-drag-pinned", 3, "igxColumnMovingDrop", "left", 4, "ngIf"], ["pinnedRecordsTemplate", ""], [4, "ngTemplateOutlet"], ["igxGridFor", "", 3, "igxGridForOf", "igxForScrollOrientation", "igxForScrollContainer", "igxForContainerSize", "igxForItemSize", "igxForTrackBy", "chunkPreload", "dataChanging", "dataChanged"], ["verticalScrollContainer", ""], ["hierarchical_record_template", ""], ["pinned_hierarchical_record_template", ""], ["child_record_template", ""], ["id", "right", "class", "igx-grid__scroll-on-drag-right", 3, "igxColumnMovingDrop", 4, "ngIf"], ["igxOverlayOutlet", "", 1, "igx-grid__row-editing-outlet"], ["igxRowEditingOverlayOutlet", ""], ["text", "Trial version of Ignite UI for Web Components", 4, "ngIf"], ["igxToggle", ""], ["loadingOverlay", ""], [3, "indeterminate", 4, "ngIf"], [1, "igx-grid__tbody-scrollbar", 3, "hidden", "pointerdown"], [1, "igx-grid__tbody-scrollbar-start"], [1, "igx-grid__tbody-scrollbar-main"], ["igxGridFor", "", 3, "igxGridForOf"], ["verticalScrollHolder", ""], [1, "igx-grid__tbody-scrollbar-end"], [1, "igx-grid__addrow-snackbar"], [3, "outlet", "actionText", "displayTime"], ["addRowSnackbar", ""], ["igxOverlayOutlet", ""], ["igxBodyOverlayOutlet", "overlay-outlet"], ["role", "rowgroup", 1, "igx-grid__tfoot"], ["tfoot", ""], ["tabindex", "0", 3, "focus", "keydown"], ["role", "row", "class", "igx-grid__summaries", 3, "width", "height", "gridID", "summaries", "index", 4, "ngIf"], [1, "igx-grid__tfoot-thumb", 3, "hidden"], [1, "igx-grid__scroll", 3, "hidden", "pointerdown"], ["scr", ""], [1, "igx-grid__scroll-start"], [1, "igx-grid__scroll-main"], ["scrollContainer", ""], [1, "igx-grid__scroll-end", 3, "hidden"], [1, "igx-grid__footer"], ["footer", ""], ["paginatorOutlet", ""], ["emptyFilteredGrid", ""], ["defaultEmptyGrid", ""], ["defaultAddRowEmptyTemplate", ""], ["defaultLoadingGrid", ""], ["defaultCollapsedTemplate", ""], ["defaultExpandedTemplate", ""], ["igxToggle", "", 4, "ngIf"], ["defaultRowEditText", ""], ["defaultRowEditActions", ""], ["defaultRowEditTemplate", ""], ["dragIndicatorIconBase", ""], [4, "ngIf"], ["igxOverlayOutlet", "", 1, "igx-grid__loading-outlet"], ["igxLoadingOverlayOutlet", ""], ["igxOverlayOutlet", "", 1, "igx-grid__outlet"], ["igxFilteringOverlayOutlet", ""], [2, "display", "none"], ["sink", ""], ["id", "left", 1, "igx-grid__scroll-on-drag-left", 3, "igxColumnMovingDrop"], ["id", "left", 1, "igx-grid__scroll-on-drag-pinned", 3, "igxColumnMovingDrop"], ["class", "igx-grid__tr--pinned", 3, "ngClass", "width", 4, "ngIf"], [1, "igx-grid__tr--pinned", 3, "ngClass"], ["pinContainer", ""], [4, "ngFor", "ngForOf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "igxTemplateOutlet", "igxTemplateOutletContext", "viewCreated", "viewMoved", "cachedViewLoaded"], [3, "gridID", "index", "disabled", "data", "ngClass", "ngStyle"], ["row", ""], [3, "gridID", "index", "data", "ngClass", "ngStyle"], ["row", "", "pinnedRow", ""], [2, "overflow", "auto", "width", "100%", 3, "ngClass", "scroll"], [3, "parentGridID", "index", "data", "layout", 4, "ngFor", "ngForOf"], [3, "parentGridID", "index", "data", "layout"], ["id", "right", 1, "igx-grid__scroll-on-drag-right", 3, "igxColumnMovingDrop"], ["text", "Trial version of Ignite UI for Web Components"], [3, "indeterminate"], ["role", "row", 1, "igx-grid__summaries", 3, "gridID", "summaries", "index"], ["summaryRow", ""], ["role", "cell", 1, "igx-grid__tbody-message"], ["igxButton", "raised", "igxRipple", "", 3, "click"], [1, "igx-grid__loading"], ["role", "button"], ["role", "button", 3, "active"], ["rowEditingOverlay", ""], [3, "className"], ["igxButton", "", "igxRowEditTabStop", "", 3, "click"], [1, "igx-banner__message"], [1, "igx-banner__text"], [1, "igx-banner__actions"], [1, "igx-banner__row"]], template: function(i2, r5) {
+      if (i2 & 1 && (Se(SIe), se(0), q3(1, null, 0), f(3, "igx-grid-header-row", 1), w5("keydown.meta.c", function(a) {
         return r5.copyHandler(a);
       })("keydown.control.c", function(a) {
         return r5.copyHandler(a);
@@ -50791,11 +50801,11 @@ var zr = (() => {
         return r5.navigation.summaryNav(a);
       }), m5(53, iIe, 3, 10, "igx-grid-summary-row", 35), k5(54, "div", 36), x5()(), f(55, "div", 37, 38), w5("pointerdown", function(a) {
         return a.preventDefault();
-      }), k5(57, "div", 39), f(58, "div", 40), m5(59, nIe, 0, 0, "ng-template", 24, 41, V), x5(), k5(61, "div", 42), x5(), f(62, "div", 43, 44), le2(64, 1), le2(65, 2), q3(66, null, 45), x5(), m5(68, sIe, 4, 2, "ng-template", null, 46, V), m5(70, cIe, 4, 2, "ng-template", null, 47, V), m5(72, dIe, 2, 1, "ng-template", null, 48, V), m5(74, uIe, 2, 1, "ng-template", null, 49, V), m5(76, pIe, 2, 0, "ng-template", null, 50, V), m5(78, hIe, 2, 1, "ng-template", null, 51, V), m5(80, fIe, 4, 6, "div", 52), m5(81, xIe, 1, 2, "ng-template", null, 53, V), m5(83, _Ie, 4, 2, "ng-template", null, 54, V), m5(85, CIe, 6, 8, "ng-template", null, 55, V), m5(87, wIe, 2, 0, "ng-template", null, 56, V), m5(89, IIe, 1, 0, "igx-grid-column-resizer", 57), k5(90, "div", 58, 59)(92, "div", 60, 61), f(94, "div", 62, 63), le2(96, 3), le2(97, 4), x5()), i2 & 2) {
+      }), k5(57, "div", 39), f(58, "div", 40), m5(59, nIe, 0, 0, "ng-template", 24, 41, V), x5(), k5(61, "div", 42), x5(), f(62, "div", 43, 44), se(64, 1), se(65, 2), q3(66, null, 45), x5(), m5(68, sIe, 4, 2, "ng-template", null, 46, V), m5(70, cIe, 4, 2, "ng-template", null, 47, V), m5(72, dIe, 2, 1, "ng-template", null, 48, V), m5(74, uIe, 2, 1, "ng-template", null, 49, V), m5(76, pIe, 2, 0, "ng-template", null, 50, V), m5(78, hIe, 2, 1, "ng-template", null, 51, V), m5(80, fIe, 4, 6, "div", 52), m5(81, xIe, 1, 2, "ng-template", null, 53, V), m5(83, _Ie, 4, 2, "ng-template", null, 54, V), m5(85, CIe, 6, 8, "ng-template", null, 55, V), m5(87, wIe, 2, 0, "ng-template", null, 56, V), m5(89, IIe, 1, 0, "igx-grid-column-resizer", 57), k5(90, "div", 58, 59)(92, "div", 60, 61), f(94, "div", 62, 63), se(96, 3), se(97, 4), se(98, 5), x5()), i2 & 2) {
         let s10 = P(10), a = P(49);
         d(3), u5("grid", r5)("hasMRL", r5.hasColumnLayouts)("activeDescendant", r5.activeDescendant)("width", r5.calcWidth)("pinnedColumnCollection", r5.pinnedColumns)("unpinnedColumnCollection", r5.unpinnedColumns), d(2), U("height", r5.totalHeight, "px")("width", r5.calcWidth, "px"), u5("igxGridDragSelect", r5.selectionService.dragMode), H("aria-activedescendant", r5.activeDescendant)("role", r5.dataView.length ? null : "row"), d(2), u5("ngIf", r5.moving && r5.columnInDrag && r5.pinnedColumns.length <= 0), d(1), u5("ngIf", r5.moving && r5.columnInDrag && r5.pinnedColumns.length > 0), d(3), u5("ngTemplateOutlet", r5.hasPinnedRecords && r5.isRowPinningToTop ? s10 : null), d(1), u5("igxGridForOf", ft2(14, 70, de(15, 75, me(16, 79, _t2(138, HD, me(17, 86, _t2(131, HD, me(18, 93, _t2(124, HD, me(19, 100, Xi(115, DIe, Wt(20, 108, de(21, 111, r5.data, r5.id, r5.pipeTrigger), r5.hasVisibleColumns), r5.filteringExpressionsTree, r5.filterStrategy, r5.advancedFilteringExpressionsTree, r5.id, r5.pipeTrigger, r5.filteringPipeTrigger)), r5.sortingExpressions, Dn(123, ky), r5.sortStrategy, r5.id, r5.pipeTrigger)), !!r5.paginator, r5.page, r5.perPage, r5.id, r5.pipeTrigger)), r5.expansionStates, r5.id, r5.primaryKey, r5.childLayoutKeys, r5.pipeTrigger)), false, r5.pipeTrigger), r5.id, false, r5.pipeTrigger))("igxForScrollOrientation", "vertical")("igxForScrollContainer", r5.verticalScroll)("igxForContainerSize", r5.calcHeight)("igxForItemSize", r5.renderedRowHeight)("igxForTrackBy", r5.trackChanges), d(16), u5("ngTemplateOutlet", r5.hasPinnedRecords && !r5.isRowPinningToTop ? s10 : null), d(1), u5("ngTemplateOutlet", r5.template), d(1), u5("ngIf", r5.moving && r5.columnInDrag), d(3), u5("ngIf", !r5.parent), d(3), u5("ngIf", r5.shouldOverlayLoading), d(1), u5("ngIf", r5.moving && r5.columnInDrag), d(1), U("width", r5.scrollSize, "px"), u5("hidden", !r5.hasVerticalScroll()), d(1), U("height", r5.isRowPinningToTop ? r5.pinnedRowHeight : 0, "px"), d(1), U("height", r5.calcHeight, "px"), d(1), u5("igxGridForOf", Dn(145, ky)), d(2), U("height", r5.isRowPinningToTop ? 0 : r5.pinnedRowHeight, "px"), d(2), u5("outlet", a)("actionText", r5.resourceStrings.igx_grid_snackbar_addrow_actiontext)("displayTime", r5.snackbarDisplayTime), d(2), Q(r5.resourceStrings.igx_grid_snackbar_addrow_label), d(3), U("height", r5.summaryRowHeight, "px"), d(2), H("aria-activedescendant", r5.activeDescendant), d(1), u5("ngIf", r5.hasSummarizedColumns && r5.rootSummariesEnabled), d(1), U("height", r5.summaryRowHeight, "px")("width", r5.scrollSize, "px"), u5("hidden", !r5.hasVerticalScroll()), d(1), U("height", r5.scrollSize, "px"), u5("hidden", r5.isHorizontalScrollHidden), d(2), U("width", r5.isPinningToStart ? r5.pinnedWidth : r5.headerFeaturesWidth, "px")("min-width", r5.isPinningToStart ? r5.pinnedWidth : r5.headerFeaturesWidth, "px"), d(1), U("width", r5.unpinnedWidth, "px"), d(1), u5("igxGridForOf", Dn(146, ky)), d(2), U("float", "right")("width", r5.pinnedWidth, "px")("min-width", r5.pinnedWidth, "px"), u5("hidden", r5.pinnedWidth === 0 || r5.isPinningToStart), d(19), u5("ngIf", r5.rowEditable), d(9), u5("ngIf", r5.colResizingService.showResizer);
       }
-    }, dependencies: [se, Oe2, He2, Re2, ai, en, iu, su, Ho, Xt, is, oA, yn, Lt, ir, Xa, nu, Xe, qt, he, kn, Yl, aA, my, fy, Zv, lg, Uc, Jv, Yd, Xd, mg, eA, tA], encapsulation: 2, changeDetection: 0 });
+    }, dependencies: [ae2, Oe2, He2, Re2, ai, en, iu, su, Ho, Xt, is, oA, yn, Lt, ir, Xa, nu, Xe, qt, he, kn, Yl, aA, my, fy, Zv, lg, Uc, Jv, Yd, Xd, mg, eA, tA], encapsulation: 2, changeDetection: 0 });
   })(), o;
 })();
 var abt = [zr, In, ...lu];
@@ -51103,7 +51113,7 @@ var du = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(xt), _(ae2));
+      return new (i2 || t10)(_(xt), _(le2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["igx-pivot-data-selector"]], hostVars: 2, hostBindings: function(i2, r5) {
@@ -51115,7 +51125,7 @@ var du = (() => {
         let s10 = P(5);
         d(1), u5("displayDensity", r5.displayDensity), d(5), u5("displayDensity", r5.displayDensity), d(1), u5("ngForOf", de(8, 6, r5.dims, s10.value, r5.grid == null ? null : r5.grid.pipeTrigger)), d(2), u5("ngForOf", de(10, 10, r5.values, s10.value, r5.grid == null ? null : r5.grid.pipeTrigger)), d(3), u5("ngForOf", r5._panels), d(3), u5("ngForOf", r5.aggregateList);
       }
-    }, dependencies: [At, he, Be, vt2, $d, He2, $c, Ut, Bh, Us, $s, Pr, Hc, ei, ns, se, So, Yn, Wu, $n, jn, RM], encapsulation: 2 });
+    }, dependencies: [At, he, Be, vt2, $d, He2, $c, Ut, Bh, Us, $s, Pr, Hc, ei, ns, ae2, So, Yn, Wu, $n, jn, RM], encapsulation: 2 });
   })(), o;
 })();
 var zTt = [Fn, du, up, ...lu];
@@ -53731,7 +53741,7 @@ var Lb = class {
   }
   initializeComponent(t10) {
     let n = kt2.create({ providers: [], parent: this.injector }), e = sbe(t10, this.componentFactory.ngContentSelectors);
-    this.componentRef = this.componentFactory.create(n, e, t10), this.viewChangeDetectorRef = this.componentRef.injector.get(ae2), this.implementsOnChanges = tbe(this.componentRef.instance.ngOnChanges), this.initializeInputs(), this.initializeOutputs(this.componentRef), this.detectChanges(), this.injector.get(Qi).attachView(this.componentRef.hostView);
+    this.componentRef = this.componentFactory.create(n, e, t10), this.viewChangeDetectorRef = this.componentRef.injector.get(le2), this.implementsOnChanges = tbe(this.componentRef.instance.ngOnChanges), this.initializeInputs(), this.initializeOutputs(this.componentRef), this.detectChanges(), this.injector.get(Qi).attachView(this.componentRef.hostView);
   }
   initializeInputs() {
     this.componentFactory.inputs.forEach(({ propName: t10 }) => {
@@ -53868,7 +53878,7 @@ var Kf = class {
   }
   initializeComponent(t10) {
     let n = kt2.create({ providers: [], parent: this.injector }), e = jb(t10, this.componentFactory.ngContentSelectors);
-    this.componentRef = this.componentFactory.create(n, e, t10), this.viewChangeDetectorRef = this.componentRef.injector.get(ae2), this.implementsOnChanges = zb(this.componentRef.instance.ngOnChanges), this.initializeInputs(), this.initializeOutputs(this.componentRef), this.detectChanges(), this.injector.get(Qi).attachView(this.componentRef.hostView);
+    this.componentRef = this.componentFactory.create(n, e, t10), this.viewChangeDetectorRef = this.componentRef.injector.get(le2), this.implementsOnChanges = zb(this.componentRef.instance.ngOnChanges), this.initializeInputs(), this.initializeOutputs(this.componentRef), this.detectChanges(), this.injector.get(Qi).attachView(this.componentRef.hostView);
   }
   initializeInputs() {
     this.componentFactory.inputs.forEach(({ propName: t10 }) => {
@@ -53972,7 +53982,7 @@ var $b = (() => {
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["app-child-standalone"]], inputs: { text: "text", template: "template" }, ngContentSelectors: mbe, decls: 6, vars: 3, consts: [[4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function(i2, r5) {
-      i2 & 1 && (Se(), f(0, "p"), C(1, "child-standalone's own content"), x5(), f(2, "span"), C(3), x5(), le2(4), m5(5, gbe, 1, 0, "ng-container", 0)), i2 & 2 && (d(3), Q(r5.text), d(2), u5("ngTemplateOutlet", r5.template)("ngTemplateOutletContext", r5.context));
+      i2 & 1 && (Se(), f(0, "p"), C(1, "child-standalone's own content"), x5(), f(2, "span"), C(3), x5(), se(4), m5(5, gbe, 1, 0, "ng-container", 0)), i2 & 2 && (d(3), Q(r5.text), d(2), u5("ngTemplateOutlet", r5.template)("ngTemplateOutletContext", r5.context));
     }, dependencies: [Re2] });
   })(), o;
 })();
@@ -54054,7 +54064,7 @@ var b9 = (() => {
   }, o = t10;
   return (() => {
     t10.\u0275fac = function(i2) {
-      return new (i2 || t10)(_(ae2));
+      return new (i2 || t10)(_(le2));
     };
   })(), (() => {
     t10.\u0275cmp = G({ type: t10, selectors: [["app-wrapper"]], contentQueries: function(i2, r5, s10) {
@@ -54106,7 +54116,7 @@ var Qb = class extends Kf {
       }
       this.injector = e || this._injector;
       let c = kt2.create({ providers: [], parent: this.injector }), p10 = jb(t10, this._componentFactory.ngContentSelectors);
-      if (this.componentRef = this._componentFactory.create(c, p10, t10), this.setComponentRef(this.componentRef), this.viewChangeDetectorRef = this.componentRef.injector.get(ae2), this.implementsOnChanges = zb(this.componentRef.instance.ngOnChanges), t10 && this.componentRef.instance && (this.componentRef.instance.___wcElement = t10), this.initializeInputs(), this.initializeOutputs(this.componentRef), this.detectChanges(), i2 && e) {
+      if (this.componentRef = this._componentFactory.create(c, p10, t10), this.setComponentRef(this.componentRef), this.viewChangeDetectorRef = this.componentRef.injector.get(le2), this.implementsOnChanges = zb(this.componentRef.instance.ngOnChanges), t10 && this.componentRef.instance && (this.componentRef.instance.___wcElement = t10), this.initializeInputs(), this.initializeOutputs(this.componentRef), this.detectChanges(), i2 && e) {
         let v10 = e.get(Qe2), y5 = t10.parentElement, E = t10.nextSibling;
         i2.insert(this.componentRef.hostView), y5.insertBefore(t10, E), this.detectChanges();
       } else
@@ -54220,7 +54230,7 @@ function pn(o, t10) {
     }, set: s10, configurable: true, enumerable: true });
   }), o === dn) {
     let r5 = function() {
-      return { stringFilteringOperand: fi.instance(), numberFilteringOperand: ro.instance(), timeFilteringOperand: Ni.instance(), dateTimeFilteringOperand: $t.instance(), dateFilteringOperand: jt.instance(), booleanFilteringOperand: Fr.instance(), createFilteringExpressionTree: (s10, a) => new $e2(s10, a) };
+      return { stringFilteringOperand: xi.instance(), numberFilteringOperand: ro.instance(), timeFilteringOperand: Ni.instance(), dateTimeFilteringOperand: $t.instance(), dateFilteringOperand: jt.instance(), booleanFilteringOperand: Fr.instance(), createFilteringExpressionTree: (s10, a) => new $e2(s10, a) };
     };
     e.prototype.getFilterFactory = r5;
   }
@@ -54301,7 +54311,7 @@ R9.production && void 0;
 f5().bootstrapModule(T9).catch((o) => console.error(o));
 export {
   Ma as ColumnPinningPosition,
-  yi as DropPosition,
+  Ci as DropPosition,
   Ra as FilteringExpressionsTreeType,
   St2 as FilteringLogic,
   Xr as GridInstanceType,
@@ -54320,7 +54330,7 @@ export {
   Hf as IgcPivotDateDimension,
   za as IgcPivotNumericAggregate,
   Fc as IgcPivotTimeAggregate,
-  fi as IgcStringFilteringOperand,
+  xi as IgcStringFilteringOperand,
   js as IgcSummaryOperand,
   Ni as IgcTimeFilteringOperand,
   Ga as IgcTimeSummaryOperand,