igniteui-angular 17.1.0-beta.3 → 17.1.0

package/fesm2022/igniteui-angular.mjs

@@ -11,7 +11,7 @@ import * as i1 from '@angular/animations';
 import { style, animate, useAnimation, trigger, transition } from '@angular/animations';
 import { scaleInVerTop, scaleOutVerTop, AnimationUtil, fadeIn, fadeOut, slideInTop, slideOutTop, slideInBottom, slideOutBottom, scaleInHorRight, scaleOutHorRight, scaleInHorLeft, scaleOutHorLeft, scaleInVerBottom, scaleOutVerBottom, scaleInCenter, growVerIn, growVerOut, slideInRight, slideInLeft } from 'igniteui-angular/animations';
 import * as i1$1 from '@angular/platform-browser';
-import { HammerGestureConfig, HAMMER_GESTURE_CONFIG, ɵgetDOM as _getDOM } from '@angular/platform-browser';
+import { ɵgetDOM as _getDOM, HammerGestureConfig, HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';
 import * as i2 from '@angular/common/http';
 import { addRow, addChild, pinLeft, unpinLeft, jumpDown, jumpUp, caseSensitive, editor } from '@igniteui/material-icons-extended';
 import { __decorate, __param } from 'tslib';
@@ -1049,7 +1049,7 @@ class CachedDataCloneStrategy {
 /**
  * @hidden
  */
-const DataType = mkenum({
+const DataType = /*@__PURE__*/ mkenum({
     String: 'string',
     Number: 'number',
     Boolean: 'boolean',
@@ -7073,6 +7073,12 @@ class IgxTextHighlightService {
         });
         this.onActiveElementChanged.emit(groupName);
     }
+    /**
+     * Destroys a highlight group.
+     */
+    destroyGroup(groupName) {
+        this.highlightGroupsMap.delete(groupName);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgxTextHighlightService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgxTextHighlightService, providedIn: 'root' }); }
 }
@@ -7092,12 +7098,12 @@ var Navigate;
     Navigate[Navigate["Down"] = 1] = "Down";
 })(Navigate || (Navigate = {}));
 /** Key actions that have designated handlers in IgxDropDownComponent */
-const DropDownActionKey = mkenum({
+const DropDownActionKey = /*@__PURE__*/ mkenum({
     ESCAPE: 'escape',
     ENTER: 'enter',
     SPACE: 'space'
 });
-const IGX_DROPDOWN_BASE = new InjectionToken('IgxDropDownBaseToken');
+const IGX_DROPDOWN_BASE = /*@__PURE__*/ new InjectionToken('IgxDropDownBaseToken');
 
 /**
  * Defines the possible values of the components' display density.
@@ -8301,7 +8307,7 @@ const InputResourceStringsEN = {
     igx_input_file_placeholder: 'No file chosen',
 };
 
-const IgxBaseButtonType = mkenum({
+const IgxBaseButtonType = /*@__PURE__*/ mkenum({
     Flat: 'flat',
     Contained: 'contained',
     Outlined: 'outlined'
@@ -8384,7 +8390,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
                 args: ['attr.disabled']
             }] } });
 
-const IgxButtonType = mkenum({
+const IgxButtonType = /*@__PURE__*/ mkenum({
     ...IgxBaseButtonType,
     FAB: 'fab'
 });
@@ -8605,7 +8611,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
                 args: ['style.--component-size']
             }] } });
 
-const IgxInputGroupEnum = mkenum({
+const IgxInputGroupEnum = /*@__PURE__*/ mkenum({
     Line: 'line',
     Box: 'box',
     Border: 'border',
@@ -8615,7 +8621,7 @@ const IgxInputGroupEnum = mkenum({
  * Defines the InputGroupType DI token.
  */
 // Should this go trough Interface https://angular.io/api/core/InjectionToken
-const IGX_INPUT_GROUP_TYPE = new InjectionToken('InputGroupType');
+const IGX_INPUT_GROUP_TYPE = /*@__PURE__*/ new InjectionToken('InputGroupType');
 
 /**
  * **Ignite UI for Angular Icon Service** -
@@ -9064,7 +9070,7 @@ function changei18n(resourceStrings) {
     igxI18N.instance().changei18n(resourceStrings);
 }
 
-const IgxInputGroupTheme = mkenum({
+const IgxInputGroupTheme = /*@__PURE__*/ mkenum({
     Material: 'material',
     Fluent: 'fluent',
     Bootstrap: 'bootstrap',
@@ -9870,7 +9876,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
                 args: ['keydown.Shift.Tab']
             }] } });
 
-const IgxDividerType = mkenum({
+const IgxDividerType = /*@__PURE__*/ mkenum({
     SOLID: 'solid',
     DASHED: 'dashed'
 });
@@ -15418,7 +15424,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
                 args: ['mousedown', ['$event']]
             }] } });
 
-const LabelPosition = mkenum({
+const LabelPosition = /*@__PURE__*/ mkenum({
     BEFORE: 'before',
     AFTER: 'after'
 });
@@ -16170,7 +16176,7 @@ function DIR_DOCUMENT_FACTORY() {
  *
  * @hidden
  */
-const DIR_DOCUMENT = new InjectionToken('dir-doc', {
+const DIR_DOCUMENT = /*@__PURE__*/ new InjectionToken('dir-doc', {
     providedIn: 'root',
     factory: DIR_DOCUMENT_FACTORY
 });
@@ -20476,7 +20482,7 @@ class GroupedRecords extends Array {
 }
 
 /** @hidden */
-const IGX_EXPANSION_PANEL_COMPONENT = new InjectionToken('IgxExpansionPanelToken');
+const IGX_EXPANSION_PANEL_COMPONENT = /*@__PURE__*/ new InjectionToken('IgxExpansionPanelToken');
 class HeaderContentBaseDirective {
     constructor(element) {
         this.element = element;
@@ -20695,7 +20701,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
 /**
  * @hidden
  */
-const ExpansionPanelHeaderIconPosition = mkenum({
+const ExpansionPanelHeaderIconPosition = /*@__PURE__*/ mkenum({
     LEFT: 'left',
     NONE: 'none',
     RIGHT: 'right'
@@ -21868,6 +21874,13 @@ class IgxSelectionAPIService {
     clear(componentID) {
         this.selection.set(componentID, this.get_empty());
     }
+    /**
+     * Removes selection for a component.
+     * @param componentID
+     */
+    delete(componentID) {
+        this.selection.delete(componentID);
+    }
     /**
      * Get current component selection length.
      *
@@ -22881,8 +22894,8 @@ class IgxDropDownComponent extends IgxDropDownBaseDirective {
     ngOnDestroy() {
         this.destroy$.next(true);
         this.destroy$.complete();
-        this.selection.clear(this.id);
-        this.selection.clear(`${this.id}-active`);
+        this.selection.delete(this.id);
+        this.selection.delete(`${this.id}-active`);
     }
     /** @hidden @internal */
     calculateScrollPosition(item) {
@@ -26628,12 +26641,12 @@ const IGX_GRID_ACTION_STRIP_DIRECTIVES = [
 ];
 
 let NEXT_ID$o = 0;
-const IgxAvatarSize = mkenum({
+const IgxAvatarSize = /*@__PURE__*/ mkenum({
     SMALL: 'small',
     MEDIUM: 'medium',
     LARGE: 'large'
 });
-const IgxAvatarType = mkenum({
+const IgxAvatarType = /*@__PURE__*/ mkenum({
     INITIALS: 'initials',
     IMAGE: 'image',
     ICON: 'icon',
@@ -26924,7 +26937,7 @@ let NEXT_ID$n = 0;
 /**
  * Determines the igxBadge type
  */
-const IgxBadgeType = mkenum({
+const IgxBadgeType = /*@__PURE__*/ mkenum({
     PRIMARY: 'primary',
     INFO: 'info',
     SUCCESS: 'success',
@@ -28108,30 +28121,16 @@ var DateRangeType;
 /**
  * Sets the selection type - single, multi or range.
  */
-const CalendarSelection = mkenum({
+const CalendarSelection = /*@__PURE__*/ mkenum({
     SINGLE: 'single',
     MULTI: 'multi',
     RANGE: 'range'
 });
-var ScrollMonth;
-(function (ScrollMonth) {
-    ScrollMonth["PREV"] = "prev";
-    ScrollMonth["NEXT"] = "next";
-    ScrollMonth["NONE"] = "none";
-})(ScrollMonth || (ScrollMonth = {}));
-const IgxCalendarView = mkenum({
+const IgxCalendarView = /*@__PURE__*/ mkenum({
     Month: 'month',
     Year: 'year',
     Decade: 'decade'
 });
-/**
- * @hidden
- */
-var TimeDeltaInterval;
-(function (TimeDeltaInterval) {
-    TimeDeltaInterval["Month"] = "month";
-    TimeDeltaInterval["Year"] = "year";
-})(TimeDeltaInterval || (TimeDeltaInterval = {}));
 const MDAYS = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
 const FEBRUARY = 1;
 const range = (start = 0, stop, step = 1) => {
@@ -28399,16 +28398,16 @@ class Calendar {
         return this.timedelta(date, interval, activeViewIdx);
     }
     getNextMonth(date) {
-        return this.timedelta(date, TimeDeltaInterval.Month, 1);
+        return this.timedelta(date, "month" /* TimeDeltaInterval.Month */, 1);
     }
     getPrevMonth(date) {
-        return this.timedelta(date, TimeDeltaInterval.Month, -1);
+        return this.timedelta(date, "month" /* TimeDeltaInterval.Month */, -1);
     }
     getNextYear(date) {
-        return this.timedelta(date, TimeDeltaInterval.Year, 1);
+        return this.timedelta(date, "year" /* TimeDeltaInterval.Year */, 1);
     }
     getPrevYear(date) {
-        return this.timedelta(date, TimeDeltaInterval.Year, -1);
+        return this.timedelta(date, "year" /* TimeDeltaInterval.Year */, -1);
     }
     getWeekNumber(date, weekStart) {
         // current year
@@ -28421,7 +28420,7 @@ class Calendar {
         const dayNumber = Math.floor((date.getTime() - yearStart.getTime() -
             (date.getTimezoneOffset() - yearStart.getTimezoneOffset()) * 60000) / dayInMilSeconds) + 1;
         let weekNumber;
-        // if 01 Jan is Monday to Thursday, is considered 1st week of the year 
+        // if 01 Jan is Monday to Thursday, is considered 1st week of the year
         // if 01 Jan starts Friday to Sunday, is considered last week of previous year
         if (firstDayOfTheYear < 4) {
             // when calculating the week number we add 1 for the 1st week
@@ -28438,7 +28437,7 @@ class Calendar {
             // first day of the next year
             let nextYearFirstDay = nextYear.getDay() - weekStart;
             nextYearFirstDay = nextYearFirstDay >= 0 ? nextYearFirstDay : nextYearFirstDay + 7;
-            // if 01 Jan of the next year is Monday to Thursday, is considered 1st week of the next year 
+            // if 01 Jan of the next year is Monday to Thursday, is considered 1st week of the next year
             // if 01 Jan is Friday to Sunday, is considered 53rd week of the current year
             weekNumber = nextYearFirstDay < 4 ? 1 : 53;
         }
@@ -28743,7 +28742,7 @@ class IgxCalendarBaseDirective {
         /**
          * @hidden
          */
-        this.monthScrollDirection = ScrollMonth.NONE;
+        this.monthScrollDirection = "none" /* ScrollMonth.NONE */;
         /**
          * @hidden
          */
@@ -29645,11 +29644,163 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
                 args: ['focusout']
             }] } });
 
+const EVENT_SUFFIX = 'precise';
+/**
+ * Touch gestures manager based on Hammer.js
+ * Use with caution, this will track references for single manager per element. Very TBD. Much TODO.
+ *
+ * @hidden
+ */
+class HammerGesturesManager {
+    static { this.Hammer = typeof window !== 'undefined' ? window.Hammer : null; }
+    constructor(_zone, doc, platformUtil) {
+        this._zone = _zone;
+        this.doc = doc;
+        this.platformUtil = platformUtil;
+        /**
+         * Event option defaults for each recognizer, see http://hammerjs.github.io/api/ for API listing.
+         */
+        this.hammerOptions = {};
+        this._hammerManagers = [];
+        this.platformBrowser = this.platformUtil.isBrowser;
+        if (this.platformBrowser && HammerGesturesManager.Hammer) {
+            this.hammerOptions = {
+                // D.P. #447 Force TouchInput due to PointerEventInput bug (https://github.com/hammerjs/hammer.js/issues/1065)
+                // see https://github.com/IgniteUI/igniteui-angular/issues/447#issuecomment-324601803
+                inputClass: HammerGesturesManager.Hammer.TouchInput,
+                recognizers: [
+                    [HammerGesturesManager.Hammer.Pan, { threshold: 0 }],
+                    [HammerGesturesManager.Hammer.Swipe, { direction: HammerGesturesManager.Hammer.DIRECTION_HORIZONTAL }],
+                    [HammerGesturesManager.Hammer.Tap],
+                    [HammerGesturesManager.Hammer.Tap, { event: 'doubletap', taps: 2 }, ['tap']]
+                ]
+            };
+        }
+    }
+    supports(eventName) {
+        return eventName.toLowerCase().endsWith('.' + EVENT_SUFFIX);
+    }
+    /**
+     * Add listener extended with options for Hammer.js. Will use defaults if none are provided.
+     * Modeling after other event plugins for easy future modifications.
+     */
+    addEventListener(element, eventName, eventHandler, options = null) {
+        if (!this.platformBrowser) {
+            return;
+        }
+        // Creating the manager bind events, must be done outside of angular
+        return this._zone.runOutsideAngular(() => {
+            if (!HammerGesturesManager.Hammer) {
+                //no hammer
+                return;
+            }
+            let mc = this.getManagerForElement(element);
+            if (mc === null) {
+                // new Hammer is a shortcut for Manager with defaults
+                mc = new HammerGesturesManager.Hammer(element, Object.assign(this.hammerOptions, options));
+                this.addManagerForElement(element, mc);
+            }
+            const handler = (eventObj) => this._zone.run(() => eventHandler(eventObj));
+            mc.on(eventName, handler);
+            return () => mc.off(eventName, handler);
+        });
+    }
+    /**
+     * Add listener extended with options for Hammer.js. Will use defaults if none are provided.
+     * Modeling after other event plugins for easy future modifications.
+     *
+     * @param target Can be one of either window, body or document(fallback default).
+     */
+    addGlobalEventListener(target, eventName, eventHandler) {
+        if (!this.platformBrowser || !HammerGesturesManager.Hammer) {
+            return;
+        }
+        const element = this.getGlobalEventTarget(target);
+        // Creating the manager bind events, must be done outside of angular
+        return this.addEventListener(element, eventName, eventHandler);
+    }
+    /**
+     * Exposes [Dom]Adapter.getGlobalEventTarget to get global event targets.
+     * Supported: window, document, body. Defaults to document for invalid args.
+     *
+     * @param target Target name
+     */
+    getGlobalEventTarget(target) {
+        return _getDOM().getGlobalEventTarget(this.doc, target);
+    }
+    /**
+     * Set HammerManager options.
+     *
+     * @param element The DOM element used to create the manager on.
+     *
+     * ### Example
+     *
+     * ```ts
+     * manager.setManagerOption(myElem, "pan", { pointers: 1 });
+     * ```
+     */
+    setManagerOption(element, event, options) {
+        const manager = this.getManagerForElement(element);
+        manager.get(event).set(options);
+    }
+    /**
+     * Add an element and manager map to the internal collection.
+     *
+     * @param element The DOM element used to create the manager on.
+     */
+    addManagerForElement(element, manager) {
+        this._hammerManagers.push({ element, manager });
+    }
+    /**
+     * Get HammerManager for the element or null
+     *
+     * @param element The DOM element used to create the manager on.
+     */
+    getManagerForElement(element) {
+        const result = this._hammerManagers.filter(value => value.element === element);
+        return result.length ? result[0].manager : null;
+    }
+    /**
+     * Destroys the HammerManager for the element, removing event listeners in the process.
+     *
+     * @param element The DOM element used to create the manager on.
+     */
+    removeManagerForElement(element) {
+        let index = null;
+        for (let i = 0; i < this._hammerManagers.length; i++) {
+            if (element === this._hammerManagers[i].element) {
+                index = i;
+                break;
+            }
+        }
+        if (index !== null) {
+            const item = this._hammerManagers.splice(index, 1)[0];
+            // destroy also
+            item.manager.destroy();
+        }
+    }
+    /** Destroys all internally tracked HammerManagers, removing event listeners in the process. */
+    destroy() {
+        for (const item of this._hammerManagers) {
+            item.manager.destroy();
+        }
+        this._hammerManagers = [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: HammerGesturesManager, deps: [{ token: i0.NgZone }, { token: DOCUMENT }, { token: PlatformUtil }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: HammerGesturesManager }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: HammerGesturesManager, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i0.NgZone }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: PlatformUtil }] });
+
 class CalendarHammerConfig extends HammerGestureConfig {
     constructor() {
         super(...arguments);
         this.overrides = {
-            pan: { direction: Hammer.DIRECTION_VERTICAL, threshold: 1 }
+            pan: { direction: HammerGesturesManager.Hammer?.DIRECTION_VERTICAL, threshold: 1 }
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CalendarHammerConfig, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -30235,7 +30386,7 @@ class IgxDaysViewNavigationService {
             dayIsNextMonth = step > 0 ? day.date.isNextMonth : day.date.isPrevMonth;
         }
         if (monthView.changeDaysView && !nextMonthView && ((day && dayIsNextMonth) || !day)) {
-            const monthAction = step > 0 ? ScrollMonth.NEXT : ScrollMonth.PREV;
+            const monthAction = step > 0 ? "next" /* ScrollMonth.NEXT */ : "prev" /* ScrollMonth.PREV */;
             monthView.viewChanging.emit({ monthAction, key, nextDate });
         }
     }
@@ -30844,8 +30995,8 @@ class IgxCalendarComponent extends IgxMonthPickerBaseDirective {
          */
         this.startPrevMonthScroll = (isKeydownTrigger = false) => {
             this.startMonthScroll$.next();
-            this.monthScrollDirection = ScrollMonth.PREV;
-            this.animationAction = ScrollMonth.PREV;
+            this.monthScrollDirection = "prev" /* ScrollMonth.PREV */;
+            this.animationAction = "prev" /* ScrollMonth.PREV */;
             this.previousMonth(isKeydownTrigger);
         };
         /**
@@ -30856,8 +31007,8 @@ class IgxCalendarComponent extends IgxMonthPickerBaseDirective {
          */
         this.startNextMonthScroll = (isKeydownTrigger = false) => {
             this.startMonthScroll$.next();
-            this.monthScrollDirection = ScrollMonth.NEXT;
-            this.animationAction = ScrollMonth.NEXT;
+            this.monthScrollDirection = "next" /* ScrollMonth.NEXT */;
+            this.animationAction = "next" /* ScrollMonth.NEXT */;
             this.nextMonth(isKeydownTrigger);
         };
         /**
@@ -30874,16 +31025,16 @@ class IgxCalendarComponent extends IgxMonthPickerBaseDirective {
             // strange bug is introduced --> after changing number of months, continuous scrolling on mouse click does not happen
             this.daysView.stopMonthScroll$.next(true);
             this.daysView.stopMonthScroll$.complete();
-            if (this.monthScrollDirection === ScrollMonth.PREV) {
+            if (this.monthScrollDirection === "prev" /* ScrollMonth.PREV */) {
                 this.prevMonthBtn.nativeElement.focus();
             }
-            else if (this.monthScrollDirection === ScrollMonth.NEXT) {
+            else if (this.monthScrollDirection === "next" /* ScrollMonth.NEXT */) {
                 this.nextMonthBtn.nativeElement.focus();
             }
             if (this.platform.isActivationKey(event)) {
                 this.resetActiveDate();
             }
-            this.monthScrollDirection = ScrollMonth.NONE;
+            this.monthScrollDirection = "none" /* ScrollMonth.NONE */;
         };
     }
     /**
@@ -31096,7 +31247,7 @@ class IgxCalendarComponent extends IgxMonthPickerBaseDirective {
         const step = isPageDown ? 1 : -1;
         this.previousViewDate = this.viewDate;
         this.viewDate = this.calendarModel.timedelta(this.viewDate, 'year', step);
-        this.animationAction = isPageDown ? ScrollMonth.NEXT : ScrollMonth.PREV;
+        this.animationAction = isPageDown ? "next" /* ScrollMonth.NEXT */ : "prev" /* ScrollMonth.PREV */;
         this.isKeydownTrigger = true;
         let monthView = this.daysView;
         let activeDate;
@@ -31156,7 +31307,7 @@ class IgxCalendarComponent extends IgxMonthPickerBaseDirective {
      * @internal
      */
     onMouseUp(event) {
-        if (this.monthScrollDirection !== ScrollMonth.NONE) {
+        if (this.monthScrollDirection !== "none" /* ScrollMonth.NONE */) {
             this.stopMonthScroll(event);
         }
     }
@@ -31167,13 +31318,13 @@ class IgxCalendarComponent extends IgxMonthPickerBaseDirective {
         });
         this.startMonthScroll$.pipe(takeUntil(this.stopMonthScroll$), switchMap(() => this.scrollMonth$.pipe(skipLast(1), debounce(() => interval(300)), takeUntil(this.stopMonthScroll$)))).subscribe(() => {
             switch (this.monthScrollDirection) {
-                case ScrollMonth.PREV:
+                case "prev" /* ScrollMonth.PREV */:
                     this.previousMonth();
                     break;
-                case ScrollMonth.NEXT:
+                case "next" /* ScrollMonth.NEXT */:
                     this.nextMonth();
                     break;
-                case ScrollMonth.NONE:
+                case "none" /* ScrollMonth.NONE */:
                 default:
                     break;
             }
@@ -31199,12 +31350,12 @@ class IgxCalendarComponent extends IgxMonthPickerBaseDirective {
      * @internal
      */
     previousMonth(isKeydownTrigger = false) {
-        if (isKeydownTrigger && this.animationAction === ScrollMonth.NEXT) {
+        if (isKeydownTrigger && this.animationAction === "next" /* ScrollMonth.NEXT */) {
             return;
         }
         this.previousViewDate = this.viewDate;
         this.viewDate = this.calendarModel.getPrevMonth(this.viewDate);
-        this.animationAction = ScrollMonth.PREV;
+        this.animationAction = "prev" /* ScrollMonth.PREV */;
         this.isKeydownTrigger = isKeydownTrigger;
     }
     suppressBlur() {
@@ -31226,7 +31377,7 @@ class IgxCalendarComponent extends IgxMonthPickerBaseDirective {
         this.isKeydownTrigger = isKeydownTrigger;
         this.previousViewDate = this.viewDate;
         this.viewDate = this.calendarModel.getNextMonth(this.viewDate);
-        this.animationAction = ScrollMonth.NEXT;
+        this.animationAction = "next" /* ScrollMonth.NEXT */;
     }
     /**
      * @hidden
@@ -31389,14 +31540,14 @@ class IgxCalendarComponent extends IgxMonthPickerBaseDirective {
      * @internal
      */
     animationDone(event) {
-        if ((event.fromState === ScrollMonth.NONE && (event.toState === ScrollMonth.PREV || event.toState === ScrollMonth.NEXT)) ||
-            (event.fromState === 'void' && event.toState === ScrollMonth.NONE)) {
+        if ((event.fromState === "none" /* ScrollMonth.NONE */ && (event.toState === "prev" /* ScrollMonth.PREV */ || event.toState === "next" /* ScrollMonth.NEXT */)) ||
+            (event.fromState === 'void' && event.toState === "none" /* ScrollMonth.NONE */)) {
             this.viewDateChanged.emit({ previousValue: this.previousViewDate, currentValue: this.viewDate });
         }
         if (!this.isKeydownTrigger) {
             this.resetActiveDate();
         }
-        if (this.monthScrollDirection !== ScrollMonth.NONE) {
+        if (this.monthScrollDirection !== "none" /* ScrollMonth.NONE */) {
             this.scrollMonth$.next();
         }
         if (!this.isDefaultView) {
@@ -31413,10 +31564,10 @@ class IgxCalendarComponent extends IgxMonthPickerBaseDirective {
                 date.nativeElement.focus();
             }, parseInt(slideInRight.options.params.duration, 10));
         }
-        else if (this.callback && (event.toState === ScrollMonth.NEXT || event.toState === ScrollMonth.PREV)) {
+        else if (this.callback && (event.toState === "next" /* ScrollMonth.NEXT */ || event.toState === "prev" /* ScrollMonth.PREV */)) {
             this.callback(this.nextDate);
         }
-        this.animationAction = ScrollMonth.NONE;
+        this.animationAction = "none" /* ScrollMonth.NONE */;
     }
     /**
      * @hidden
@@ -31736,7 +31887,7 @@ class IgxMonthPickerComponent extends IgxMonthPickerBaseDirective {
      */
     animationDone(event) {
         if ((event.fromState === 'void' && event.toState === '') ||
-            (event.fromState === '' && (event.toState === ScrollMonth.PREV || event.toState === ScrollMonth.NEXT))) {
+            (event.fromState === '' && (event.toState === "prev" /* ScrollMonth.PREV */ || event.toState === "next" /* ScrollMonth.NEXT */))) {
             this.viewDateChanged.emit({ previousValue: this.previousViewDate, currentValue: this.viewDate });
         }
         this.yearAction = '';
@@ -32197,7 +32348,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
  * @deprecated in 17.0.0. To switch betweet `outlined` and `elevated` card use the `elevated` property.
  * Since version 17.0.0 the card component is `outlined` by default.
  */
-const IgxCardType = mkenum({
+const IgxCardType = /*@__PURE__*/ mkenum({
     ELEVATED: 'elevated',
     OUTLINED: 'outlined'
 });
@@ -32330,7 +32481,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
                 type: Input,
                 args: [{ transform: booleanAttribute }]
             }] } });
-const IgxCardActionsLayout = mkenum({
+const IgxCardActionsLayout = /*@__PURE__*/ mkenum({
     START: 'start',
     JUSTIFY: 'justify'
 });
@@ -32450,17 +32601,22 @@ const CarouselResourceStringsEN = {
     igx_carousel_next_slide: 'next slide'
 };
 
+const HorizontalAnimationType = /*@__PURE__*/ mkenum({
+    none: 'none',
+    slide: 'slide',
+    fade: 'fade'
+});
+const CarouselIndicatorsOrientation = /*@__PURE__*/ mkenum({
+    bottom: 'bottom',
+    top: 'top'
+});
+
 var Direction;
 (function (Direction) {
     Direction[Direction["NONE"] = 0] = "NONE";
     Direction[Direction["NEXT"] = 1] = "NEXT";
     Direction[Direction["PREV"] = 2] = "PREV";
 })(Direction || (Direction = {}));
-const HorizontalAnimationType = mkenum({
-    none: 'none',
-    slide: 'slide',
-    fade: 'fade'
-});
 /** @hidden */
 let IgxCarouselComponentBase = class IgxCarouselComponentBase {
     constructor(animationService, cdr) {
@@ -32781,15 +32937,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
             }] } });
 
 let NEXT_ID$g = 0;
-const CarouselIndicatorsOrientation = mkenum({
-    bottom: 'bottom',
-    top: 'top'
-});
 class CarouselHammerConfig extends HammerGestureConfig {
     constructor() {
         super(...arguments);
         this.overrides = {
-            pan: { direction: Hammer.DIRECTION_HORIZONTAL }
+            pan: { direction: HammerGesturesManager.Hammer?.DIRECTION_HORIZONTAL }
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CarouselHammerConfig, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -33751,7 +33903,7 @@ const ChipResourceStringsEN = {
     igx_chip_select: 'select chip'
 };
 
-const IgxChipTypeVariant = mkenum({
+const IgxChipTypeVariant = /*@__PURE__*/ mkenum({
     PRIMARY: 'primary',
     INFO: 'info',
     SUCCESS: 'success',
@@ -35270,7 +35422,7 @@ const ComboResourceStringsEN = {
     igx_combo_empty_message: 'The list is empty'
 };
 
-const IGX_COMBO_COMPONENT = new InjectionToken('IgxComboComponentToken');
+const IGX_COMBO_COMPONENT = /*@__PURE__*/ new InjectionToken('IgxComboComponentToken');
 let NEXT_ID$f = 0;
 /**
  * @hidden
@@ -35284,14 +35436,6 @@ const ItemHeights = {
     cosy: 32,
     compact: 28,
 };
-/** @hidden @internal */
-var DataTypes;
-(function (DataTypes) {
-    DataTypes["EMPTY"] = "empty";
-    DataTypes["PRIMITIVE"] = "primitive";
-    DataTypes["COMPLEX"] = "complex";
-    DataTypes["PRIMARYKEY"] = "valueKey";
-})(DataTypes || (DataTypes = {}));
 class IgxComboBaseDirective extends DisplayDensityBase {
     /**
      * Configures the drop down list height
@@ -35460,14 +35604,14 @@ class IgxComboBaseDirective extends DisplayDensityBase {
     get isRemote() {
         return this.totalItemCount > 0 &&
             this.valueKey &&
-            this.dataType === DataTypes.COMPLEX;
+            this.dataType === "complex" /* DataTypes.COMPLEX */;
     }
     /** @hidden @internal */
     get dataType() {
         if (this.displayKey) {
-            return DataTypes.COMPLEX;
+            return "complex" /* DataTypes.COMPLEX */;
         }
-        return DataTypes.PRIMITIVE;
+        return "primitive" /* DataTypes.PRIMITIVE */;
     }
     /**
      * Gets if control is valid, when used in a form
@@ -35574,7 +35718,7 @@ class IgxComboBaseDirective extends DisplayDensityBase {
         if (this.itemTemplate) {
             return this.itemTemplate;
         }
-        if (this._dataType === DataTypes.COMPLEX) {
+        if (this._dataType === "complex" /* DataTypes.COMPLEX */) {
             return this.complexTemplate;
         }
         return this.primitiveTemplate;
@@ -36006,7 +36150,7 @@ class IgxComboBaseDirective extends DisplayDensityBase {
         this.destroy$.next();
         this.destroy$.complete();
         this.comboAPI.clear();
-        this.selectionService.clear(this.id);
+        this.selectionService.delete(this.id);
     }
     /**
      * A method that opens/closes the combo.
@@ -37815,7 +37959,7 @@ const DatePickerResourceStringsEN = {
 };
 
 /** Header orientation in `dialog` mode. */
-const PickerHeaderOrientation = mkenum({
+const PickerHeaderOrientation = /*@__PURE__*/ mkenum({
     Horizontal: 'horizontal',
     Vertical: 'vertical'
 });
@@ -37823,7 +37967,7 @@ const PickerHeaderOrientation = mkenum({
  * This enumeration is used to configure whether the date/time picker has an editable input with drop down
  * or is readonly - the date/time is selected only through a dialog.
  */
-const PickerInteractionMode = mkenum({
+const PickerInteractionMode = /*@__PURE__*/ mkenum({
     DropDown: 'dropdown',
     Dialog: 'dialog'
 });
@@ -41609,7 +41753,7 @@ class IgxColumnComponent {
         this._visibleWhenCollapsed = value;
         this.visibleWhenCollapsedChange.emit(this._visibleWhenCollapsed);
         if (this.parent) {
-            this.parent.setExpandCollapseState();
+            this.parent?.setExpandCollapseState?.();
         }
     }
     get visibleWhenCollapsed() {
@@ -44413,14 +44557,6 @@ class IgxSelectComponent extends IgxDropDownComponent {
             this.inputGroup.suffixes = this.suffixes;
         }
     }
-    /**
-     * @hidden @internal
-     */
-    ngOnDestroy() {
-        this.destroy$.next(true);
-        this.destroy$.complete();
-        this.selection.clear(this.id);
-    }
     /**
      * @hidden @internal
      * Prevent input blur - closing the items container on Header/Footer Template click.
@@ -44558,153 +44694,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
                 type: Input
             }] } });
 
-const EVENT_SUFFIX = 'precise';
-/**
- * Touch gestures manager based on Hammer.js
- * Use with caution, this will track references for single manager per element. Very TBD. Much TODO.
- *
- * @hidden
- */
-class HammerGesturesManager {
-    constructor(_zone, doc, platformUtil) {
-        this._zone = _zone;
-        this.doc = doc;
-        this.platformUtil = platformUtil;
-        /**
-         * Event option defaults for each recognizer, see http://hammerjs.github.io/api/ for API listing.
-         */
-        this.hammerOptions = {};
-        this._hammerManagers = [];
-        this.platformBrowser = this.platformUtil.isBrowser;
-        if (this.platformBrowser) {
-            this.hammerOptions = {
-                // D.P. #447 Force TouchInput due to PointerEventInput bug (https://github.com/hammerjs/hammer.js/issues/1065)
-                // see https://github.com/IgniteUI/igniteui-angular/issues/447#issuecomment-324601803
-                inputClass: Hammer.TouchInput,
-                recognizers: [
-                    [Hammer.Pan, { threshold: 0 }],
-                    [Hammer.Swipe, { direction: Hammer.DIRECTION_HORIZONTAL }],
-                    [Hammer.Tap],
-                    [Hammer.Tap, { event: 'doubletap', taps: 2 }, ['tap']]
-                ]
-            };
-        }
-    }
-    supports(eventName) {
-        return eventName.toLowerCase().endsWith('.' + EVENT_SUFFIX);
-    }
-    /**
-     * Add listener extended with options for Hammer.js. Will use defaults if none are provided.
-     * Modeling after other event plugins for easy future modifications.
-     */
-    addEventListener(element, eventName, eventHandler, options = null) {
-        if (!this.platformBrowser) {
-            return;
-        }
-        // Creating the manager bind events, must be done outside of angular
-        return this._zone.runOutsideAngular(() => {
-            let mc = this.getManagerForElement(element);
-            if (mc === null) {
-                // new Hammer is a shortcut for Manager with defaults
-                mc = new Hammer(element, Object.assign(this.hammerOptions, options));
-                this.addManagerForElement(element, mc);
-            }
-            const handler = (eventObj) => this._zone.run(() => eventHandler(eventObj));
-            mc.on(eventName, handler);
-            return () => mc.off(eventName, handler);
-        });
-    }
-    /**
-     * Add listener extended with options for Hammer.js. Will use defaults if none are provided.
-     * Modeling after other event plugins for easy future modifications.
-     *
-     * @param target Can be one of either window, body or document(fallback default).
-     */
-    addGlobalEventListener(target, eventName, eventHandler) {
-        if (!this.platformBrowser) {
-            return;
-        }
-        const element = this.getGlobalEventTarget(target);
-        // Creating the manager bind events, must be done outside of angular
-        return this.addEventListener(element, eventName, eventHandler);
-    }
-    /**
-     * Exposes [Dom]Adapter.getGlobalEventTarget to get global event targets.
-     * Supported: window, document, body. Defaults to document for invalid args.
-     *
-     * @param target Target name
-     */
-    getGlobalEventTarget(target) {
-        return _getDOM().getGlobalEventTarget(this.doc, target);
-    }
-    /**
-     * Set HammerManager options.
-     *
-     * @param element The DOM element used to create the manager on.
-     *
-     * ### Example
-     *
-     * ```ts
-     * manager.setManagerOption(myElem, "pan", { pointers: 1 });
-     * ```
-     */
-    setManagerOption(element, event, options) {
-        const manager = this.getManagerForElement(element);
-        manager.get(event).set(options);
-    }
-    /**
-     * Add an element and manager map to the internal collection.
-     *
-     * @param element The DOM element used to create the manager on.
-     */
-    addManagerForElement(element, manager) {
-        this._hammerManagers.push({ element, manager });
-    }
-    /**
-     * Get HammerManager for the element or null
-     *
-     * @param element The DOM element used to create the manager on.
-     */
-    getManagerForElement(element) {
-        const result = this._hammerManagers.filter(value => value.element === element);
-        return result.length ? result[0].manager : null;
-    }
-    /**
-     * Destroys the HammerManager for the element, removing event listeners in the process.
-     *
-     * @param element The DOM element used to create the manager on.
-     */
-    removeManagerForElement(element) {
-        let index = null;
-        for (let i = 0; i < this._hammerManagers.length; i++) {
-            if (element === this._hammerManagers[i].element) {
-                index = i;
-                break;
-            }
-        }
-        if (index !== null) {
-            const item = this._hammerManagers.splice(index, 1)[0];
-            // destroy also
-            item.manager.destroy();
-        }
-    }
-    /** Destroys all internally tracked HammerManagers, removing event listeners in the process. */
-    destroy() {
-        for (const item of this._hammerManagers) {
-            item.manager.destroy();
-        }
-        this._hammerManagers = [];
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: HammerGesturesManager, deps: [{ token: i0.NgZone }, { token: DOCUMENT }, { token: PlatformUtil }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: HammerGesturesManager }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: HammerGesturesManager, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: PlatformUtil }] });
-
 /** @hidden */
 const IGX_TIME_PICKER_COMPONENT = 'IgxTimePickerComponentToken';
 
@@ -44836,7 +44825,7 @@ class IgxItemListDirective {
      * @hidden @internal
      */
     ngOnInit() {
-        const hammerOptions = { recognizers: [[Hammer.Pan, { direction: Hammer.DIRECTION_VERTICAL, threshold: 10 }]] };
+        const hammerOptions = { recognizers: [[HammerGesturesManager.Hammer?.Pan, { direction: HammerGesturesManager.Hammer?.DIRECTION_VERTICAL, threshold: 10 }]] };
         this.touchManager.addEventListener(this.elementRef.nativeElement, 'pan', this.onPanMove, hammerOptions);
     }
     /**
@@ -48618,12 +48607,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
 
 const ONE_PERCENT = 0.01;
 const MIN_VALUE = 0;
-const IgxTextAlign = mkenum({
+const IgxTextAlign = /*@__PURE__*/ mkenum({
     START: 'start',
     CENTER: 'center',
     END: 'end'
 });
-const IgxProgressType = mkenum({
+const IgxProgressType = /*@__PURE__*/ mkenum({
     ERROR: 'error',
     INFO: 'info',
     WARNING: 'warning',
@@ -49206,14 +49195,14 @@ const TreeResourceStringsEN = {
 };
 
 // Enums
-const IgxTreeSelectionType = mkenum({
+const IgxTreeSelectionType = /*@__PURE__*/ mkenum({
     None: 'None',
     BiState: 'BiState',
     Cascading: 'Cascading'
 });
 // Token
-const IGX_TREE_COMPONENT = new InjectionToken('IgxTreeToken');
-const IGX_TREE_NODE_COMPONENT = new InjectionToken('IgxTreeNodeToken');
+const IGX_TREE_COMPONENT = /*@__PURE__*/ new InjectionToken('IgxTreeToken');
+const IGX_TREE_NODE_COMPONENT = /*@__PURE__*/ new InjectionToken('IgxTreeNodeToken');
 
 /** @hidden @internal */
 class IgxTreeService {
@@ -60076,7 +60065,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
             type: Injectable
         }] });
 
-IgcTrialWatermark.register();
+/*@__PURE__*/ IgcTrialWatermark.register();
 let FAKE_ROW_ID = -1;
 const DEFAULT_ITEMS_PER_PAGE = 15;
 const MINIMUM_COLUMN_WIDTH$1 = 136;
@@ -62962,6 +62951,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
         this.transactionChange$.next();
         this.transactionChange$.complete();
         this._destroyed = true;
+        this.textHighlightService.destroyGroup(this.id);
         if (this._advancedFilteringOverlayId) {
             this.overlayService.detach(this._advancedFilteringOverlayId);
             delete this._advancedFilteringOverlayId;
@@ -74842,7 +74832,10 @@ class IgxGridStateDirective {
                         parent: c.parent ? c.parent.header : null,
                         columnGroup: c.columnGroup,
                         disableHiding: c.disableHiding,
-                        disablePinning: c.disablePinning
+                        disablePinning: c.disablePinning,
+                        collapsible: c.columnGroup ? c.collapsible : undefined,
+                        expanded: c.columnGroup ? c.expanded : undefined,
+                        visibleWhenCollapsed: c.parent?.columnGroup ? c.visibleWhenCollapsed : undefined
                     }));
                     return { columns: gridColumns };
                 },
@@ -80322,6 +80315,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
         }] });
 
 class IgxRowIslandComponent extends IgxHierarchicalGridBaseDirective {
+    /**
+     * Sets/Gets the toolbar template for each child grid created from this row island.
+    */
+    get toolbarTemplate() {
+        return this._toolbarTemplate || this.toolbarDirectiveTemplate;
+    }
+    set toolbarTemplate(template) {
+        this._toolbarTemplate = template;
+    }
+    /**
+     * Sets/Gets the paginator template for each child grid created from this row island.
+    */
+    get paginatorTemplate() {
+        return this._paginatorTemplate || this.paginatorDirectiveTemplate;
+    }
+    set paginatorTemplate(template) {
+        this._paginatorTemplate = template;
+    }
     /**
      * Sets if all immediate children of the grids for this `IgxRowIslandComponent` should be expanded/collapsed.
      * ```html
@@ -80501,12 +80512,19 @@ class IgxRowIslandComponent extends IgxHierarchicalGridBaseDirective {
         this._init = false;
         // Create the child toolbar if the parent island has a toolbar definition
         this.gridCreated.pipe(pluck('grid'), takeUntil(this.destroy$)).subscribe(grid => {
-            grid.rendered$.pipe(first$1(), filter(() => !!this.islandToolbarTemplate))
-                .subscribe(() => grid.toolbarOutlet.createEmbeddedView(this.islandToolbarTemplate, { $implicit: grid }, { injector: grid.toolbarOutlet.injector }));
-            grid.rendered$.pipe(first$1(), filter(() => !!this.islandPaginatorTemplate))
+            grid.rendered$.pipe(first$1(), filter(() => !!this.toolbarTemplate))
+                .subscribe(() => grid.toolbarOutlet.createEmbeddedView(this.toolbarTemplate, { $implicit: grid }, { injector: grid.toolbarOutlet.injector }));
+            grid.rendered$.pipe(first$1(), filter(() => !!this.paginatorTemplate))
                 .subscribe(() => {
-                this.rootGrid.paginatorList.changes.pipe(takeUntil(this.destroy$)).subscribe(() => grid.setUpPaginator());
-                grid.paginatorOutlet.createEmbeddedView(this.islandPaginatorTemplate);
+                this.rootGrid.paginatorList.changes.pipe(takeUntil(this.destroy$)).subscribe((changes) => {
+                    changes.forEach(p => {
+                        if (p.nativeElement.offsetParent?.id === grid.id) {
+                            // Optimize update only for those grids that have related changed paginator.
+                            grid.setUpPaginator();
+                        }
+                    });
+                });
+                grid.paginatorOutlet.createEmbeddedView(this.paginatorTemplate, { $implicit: grid });
             });
         });
     }
@@ -80523,7 +80541,7 @@ class IgxRowIslandComponent extends IgxHierarchicalGridBaseDirective {
      * @hidden
      */
     ngOnDestroy() {
-        // Override the base destroy because we don't have rendered anything to use removeEventListener on
+        // Override the base destroy because we have not rendered anything to use removeEventListener on
         this.destroy$.next(true);
         this.destroy$.complete();
         this._destroyed = true;
@@ -80584,11 +80602,11 @@ class IgxRowIslandComponent extends IgxHierarchicalGridBaseDirective {
         grid.onRowIslandChange();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgxRowIslandComponent, deps: [{ token: IgxGridValidationService }, { token: IgxGridSelectionService }, { token: IgxColumnResizingService }, { token: IGX_GRID_SERVICE_BASE }, { token: IgxFlatTransactionFactory }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: DOCUMENT }, { token: i0.ChangeDetectorRef }, { token: i0.IterableDiffers }, { token: i0.ViewContainerRef }, { token: i0.Injector }, { token: i0.EnvironmentInjector }, { token: IgxHierarchicalGridNavigationService }, { token: IgxFilteringService }, { token: IgxTextHighlightService }, { token: IgxOverlayService }, { token: IgxGridSummaryService }, { token: DisplayDensityToken, optional: true }, { token: IgxRowIslandAPIService }, { token: LOCALE_ID }, { token: PlatformUtil }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.2.1", type: IgxRowIslandComponent, isStandalone: true, selector: "igx-row-island", inputs: { key: "key", expandChildren: ["expandChildren", "expandChildren", booleanAttribute] }, outputs: { layoutChange: "layoutChange", gridCreated: "gridCreated", gridInitialized: "gridInitialized" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.2.1", type: IgxRowIslandComponent, isStandalone: true, selector: "igx-row-island", inputs: { key: "key", toolbarTemplate: "toolbarTemplate", paginatorTemplate: "paginatorTemplate", expandChildren: ["expandChildren", "expandChildren", booleanAttribute] }, outputs: { layoutChange: "layoutChange", gridCreated: "gridCreated", gridInitialized: "gridInitialized" }, providers: [
             IgxRowIslandAPIService,
             IgxFilteringService,
             IgxGridSelectionService
-        ], queries: [{ propertyName: "islandToolbarTemplate", first: true, predicate: IgxGridToolbarDirective, descendants: true, read: TemplateRef }, { propertyName: "islandPaginatorTemplate", first: true, predicate: IgxPaginatorDirective, descendants: true, read: TemplateRef }, { propertyName: "children", predicate: i0.forwardRef(() => IgxRowIslandComponent), read: IgxRowIslandComponent }, { propertyName: "childColumns", predicate: IgxColumnComponent, read: IgxColumnComponent }, { propertyName: "actionStrips", predicate: IgxActionStripToken, read: IgxActionStripToken }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "toolbarDirectiveTemplate", first: true, predicate: IgxGridToolbarDirective, descendants: true, read: TemplateRef }, { propertyName: "paginatorDirectiveTemplate", first: true, predicate: IgxPaginatorDirective, descendants: true, read: TemplateRef }, { propertyName: "children", predicate: i0.forwardRef(() => IgxRowIslandComponent), read: IgxRowIslandComponent }, { propertyName: "childColumns", predicate: IgxColumnComponent, read: IgxColumnComponent }, { propertyName: "actionStrips", predicate: IgxActionStripToken, read: IgxActionStripToken }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IgxRowIslandComponent, decorators: [{
             type: Component,
@@ -80628,12 +80646,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
             }], childColumns: [{
                 type: ContentChildren,
                 args: [IgxColumnComponent, { read: IgxColumnComponent, descendants: false }]
-            }], islandToolbarTemplate: [{
+            }], toolbarDirectiveTemplate: [{
                 type: ContentChild,
                 args: [IgxGridToolbarDirective, { read: TemplateRef }]
-            }], islandPaginatorTemplate: [{
+            }], paginatorDirectiveTemplate: [{
                 type: ContentChild,
                 args: [IgxPaginatorDirective, { read: TemplateRef }]
+            }], toolbarTemplate: [{
+                type: Input
+            }], paginatorTemplate: [{
+                type: Input
             }], actionStrips: [{
                 type: ContentChildren,
                 args: [IgxActionStripToken, { read: IgxActionStripToken, descendants: false }]
@@ -85648,20 +85670,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
                 args: ['class.igx-tabs__panel']
             }] } });
 
-const IgxTabsAlignment = mkenum({
+const IgxTabsAlignment = /*@__PURE__*/ mkenum({
     start: 'start',
     end: 'end',
     center: 'center',
     justify: 'justify'
 });
 /** @hidden */
-var TabScrollButtonStyle;
-(function (TabScrollButtonStyle) {
-    TabScrollButtonStyle["Enabled"] = "enabled";
-    TabScrollButtonStyle["Disabled"] = "disabled";
-    TabScrollButtonStyle["NotDisplayed"] = "not_displayed";
-})(TabScrollButtonStyle || (TabScrollButtonStyle = {}));
-/** @hidden */
 let NEXT_TAB_ID = 0;
 /**
  * Tabs component is used to organize or switch between similar data sets.
@@ -85840,15 +85855,15 @@ class IgxTabsComponent extends IgxTabsDirective {
         this.setScrollButtonStyle(this.scrollNextButton.nativeElement, scrollNextButtonStyle);
     }
     setScrollButtonStyle(button, buttonStyle) {
-        if (buttonStyle === TabScrollButtonStyle.Enabled) {
+        if (buttonStyle === "enabled" /* TabScrollButtonStyle.Enabled */) {
             button.disabled = false;
             button.style.display = '';
         }
-        else if (buttonStyle === TabScrollButtonStyle.Disabled) {
+        else if (buttonStyle === "disabled" /* TabScrollButtonStyle.Disabled */) {
             button.disabled = true;
             button.style.display = '';
         }
-        else if (buttonStyle === TabScrollButtonStyle.NotDisplayed) {
+        else if (buttonStyle === "not_displayed" /* TabScrollButtonStyle.NotDisplayed */) {
             button.style.display = 'none';
         }
     }
@@ -85858,12 +85873,12 @@ class IgxTabsComponent extends IgxTabsDirective {
         if (offset === 0) {
             // Fix for IE 11, a difference is accumulated from the widths calculations.
             if (itemsContainerWidth - headerContainerWidth <= 1) {
-                return TabScrollButtonStyle.NotDisplayed;
+                return "not_displayed" /* TabScrollButtonStyle.NotDisplayed */;
             }
-            return TabScrollButtonStyle.Disabled;
+            return "disabled" /* TabScrollButtonStyle.Disabled */;
         }
         else {
-            return TabScrollButtonStyle.Enabled;
+            return "enabled" /* TabScrollButtonStyle.Enabled */;
         }
     }
     resolveRightScrollButtonStyle(itemsContainerWidth) {
@@ -85873,13 +85888,13 @@ class IgxTabsComponent extends IgxTabsDirective {
         const total = offset + viewPortWidth;
         // Fix for IE 11, a difference is accumulated from the widths calculations.
         if (itemsContainerWidth - headerContainerWidth <= 1 && offset === 0) {
-            return TabScrollButtonStyle.NotDisplayed;
+            return "not_displayed" /* TabScrollButtonStyle.NotDisplayed */;
         }
         if (itemsContainerWidth > total) {
-            return TabScrollButtonStyle.Enabled;
+            return "enabled" /* TabScrollButtonStyle.Enabled */;
         }
         else {
-            return TabScrollButtonStyle.Disabled;
+            return "disabled" /* TabScrollButtonStyle.Disabled */;
         }
     }
     getTabItemsContainerWidth() {
@@ -86875,7 +86890,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
                 type: HostBinding,
                 args: ['style.flex-direction']
             }] } });
-const SPLITTER_INTERACTION_KEYS = new Set('right down left up arrowright arrowdown arrowleft arrowup'.split(' '));
 /**
  * @hidden @internal
  * Represents the draggable bar that visually separates panes and allows for changing their sizes.
@@ -86899,6 +86913,7 @@ class IgxSplitBarComponent {
          */
         this.moving = new EventEmitter();
         this.movingEnd = new EventEmitter();
+        this.interactionKeys = new Set('right down left up arrowright arrowdown arrowleft arrowup'.split(' '));
     }
     /**
      * @hidden
@@ -86937,7 +86952,7 @@ class IgxSplitBarComponent {
         const key = event.key.toLowerCase();
         const ctrl = event.ctrlKey;
         event.stopPropagation();
-        if (SPLITTER_INTERACTION_KEYS.has(key)) {
+        if (this.interactionKeys.has(key)) {
             event.preventDefault();
         }
         switch (key) {
@@ -87132,8 +87147,8 @@ const VerticalAnimationType = {
     None: 'none'
 };
 // Token
-const IGX_STEPPER_COMPONENT = new InjectionToken('IgxStepperToken');
-const IGX_STEP_COMPONENT = new InjectionToken('IgxStepToken');
+const IGX_STEPPER_COMPONENT = /*@__PURE__*/ new InjectionToken('IgxStepperToken');
+const IGX_STEP_COMPONENT = /*@__PURE__*/ new InjectionToken('IgxStepToken');
 
 /** @hidden @internal */
 class IgxStepperService {
@@ -90813,5 +90828,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AbsolutePosition, AbsoluteScrollStrategy, ActionStripResourceStringsEN, AutoPositionStrategy, BannerResourceStringsEN, BaseFilteringStrategy, BlockScrollStrategy, ButtonGroupAlignment, CachedDataCloneStrategy, Calendar, CalendarHammerConfig, CalendarResourceStringsEN, CalendarSelection, CarouselHammerConfig, CarouselIndicatorsOrientation, CarouselResourceStringsEN, ChipResourceStringsEN, CloseScrollStrategy, ColumnDisplayOrder, ColumnPinningPosition, ComboResourceStringsEN, ConnectedPositioningStrategy, ContainerPositionStrategy, CsvFileTypes, DEFAULT_OWNER, DEFAULT_PIVOT_KEYS, DataType, DataUtil, DatePart, DatePickerResourceStringsEN, DateRangePickerFormatPipe, DateRangePickerResourceStringsEN, DateRangeType, DefaultDataCloneStrategy, DefaultPivotGridRecordSortingStrategy, DefaultPivotSortingStrategy, DefaultSortingStrategy, DimensionValuesFilteringStrategy, Direction, DisplayDensity, DisplayDensityBase, DisplayDensityToken, DragDirection, ElasticPositionStrategy, ExpansionPanelHeaderIconPosition, ExportHeaderType, ExportRecordType, FilterMode, FilterUtil, FilteringExpressionsTree, FilteringExpressionsTreeType, FilteringLogic, FilteringStrategy, FormattedValuesFilteringStrategy, GRID_LEVEL_COL, GRID_PARENT, GRID_ROOT_SUMMARY, GlobalPositionStrategy, GridColumnDataType, GridInstanceType, GridPagingMode, GridResourceStringsEN, GridSelectionMode, GridSummaryCalculationMode, GridSummaryPosition, GroupMemberCountSortingStrategy, GroupedRecords, HorizontalAlignment, HorizontalAnimationType, IGX_ACCORDION_DIRECTIVES, IGX_ACTION_STRIP_DIRECTIVES, IGX_BANNER_DIRECTIVES, IGX_BOTTOM_NAV_DIRECTIVES, IGX_BUTTON_GROUP_DIRECTIVES, IGX_CALENDAR_DIRECTIVES, IGX_CARD_DIRECTIVES, IGX_CAROUSEL_DIRECTIVES, IGX_CHIPS_DIRECTIVES, IGX_CIRCULAR_PROGRESS_BAR_DIRECTIVES, IGX_COMBO_DIRECTIVES, IGX_DATE_PICKER_DIRECTIVES, IGX_DATE_RANGE_PICKER_DIRECTIVES, IGX_DIALOG_DIRECTIVES, IGX_DRAG_DROP_DIRECTIVES, IGX_DROP_DOWN_DIRECTIVES, IGX_EXPANSION_PANEL_DIRECTIVES, IGX_GRID_ACTION_STRIP_DIRECTIVES, IGX_GRID_BASE, IGX_GRID_COMMON_DIRECTIVES, IGX_GRID_DIRECTIVES, IGX_GRID_SERVICE_BASE, IGX_GRID_VALIDATION_DIRECTIVES, IGX_HIERARCHICAL_GRID_DIRECTIVES, IGX_INPUT_GROUP_DIRECTIVES, IGX_INPUT_GROUP_TYPE, IGX_LINEAR_PROGRESS_BAR_DIRECTIVES, IGX_LIST_DIRECTIVES, IGX_NAVBAR_DIRECTIVES, IGX_NAVIGATION_DRAWER_DIRECTIVES, IGX_PAGINATOR_DIRECTIVES, IGX_PIVOT_GRID_DIRECTIVES, IGX_PROGRESS_BAR_DIRECTIVES, IGX_QUERY_BUILDER_DIRECTIVES, IGX_RADIO_GROUP_DIRECTIVES, IGX_SELECT_DIRECTIVES, IGX_SIMPLE_COMBO_DIRECTIVES, IGX_SLIDER_DIRECTIVES, IGX_SPLITTER_DIRECTIVES, IGX_STEPPER_DIRECTIVES, IGX_TABS_DIRECTIVES, IGX_TIME_PICKER_DIRECTIVES, IGX_TOOLTIP_DIRECTIVES, IGX_TREE_DIRECTIVES, IGX_TREE_GRID_DIRECTIVES, ITreeGridAggregation, IgcFormControlDirective, IgcFormsModule, IgxAccordionComponent, IgxAccordionModule, IgxActionStripComponent, IgxActionStripMenuItemDirective, IgxActionStripModule, IgxAdvancedFilteringDialogComponent, IgxAppendDropStrategy, IgxAutocompleteDirective, IgxAutocompleteModule, IgxAvatarComponent, IgxAvatarModule, IgxAvatarSize, IgxAvatarType, IgxBadgeComponent, IgxBadgeModule, IgxBadgeType, IgxBannerActionsDirective, IgxBannerComponent, IgxBannerModule, IgxBaseExporter, IgxBaseTransactionService, IgxBooleanFilteringOperand, IgxBottomNavComponent, IgxBottomNavContentComponent, IgxBottomNavHeaderComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavItemComponent, IgxBottomNavModule, IgxButtonDirective, IgxButtonGroupComponent, IgxButtonGroupModule, IgxButtonModule, IgxCSVTextDirective, IgxCalendarComponent, IgxCalendarHeaderTemplateDirective, IgxCalendarModule, IgxCalendarMonthDirective, IgxCalendarScrollMonthDirective, IgxCalendarSubheaderTemplateDirective, IgxCalendarView, IgxCalendarYearDirective, IgxCardActionsComponent, IgxCardActionsLayout, IgxCardComponent, IgxCardContentDirective, IgxCardFooterDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective, IgxCardModule, IgxCardThumbnailDirective, IgxCardType, IgxCarouselComponent, IgxCarouselIndicatorDirective, IgxCarouselModule, IgxCarouselNextButtonDirective, IgxCarouselPrevButtonDirective, IgxCellEditorTemplateDirective, IgxCellFooterTemplateDirective, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxCellValidationErrorDirective, IgxCheckboxComponent, IgxCheckboxModule, IgxChildGridRowComponent, IgxChipComponent, IgxChipTypeVariant, IgxChipsAreaComponent, IgxChipsModule, IgxCircularProgressBarComponent, IgxCollapsibleIndicatorTemplateDirective, IgxColumPatternValidatorDirective, IgxColumnActionsBaseDirective, IgxColumnActionsComponent, IgxColumnComponent, IgxColumnEmailValidatorDirective, IgxColumnGroupComponent, IgxColumnHidingDirective, IgxColumnLayoutComponent, IgxColumnMaxLengthValidatorDirective, IgxColumnMaxValidatorDirective, IgxColumnMinLengthValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnPinningDirective, IgxColumnRequiredValidatorDirective, IgxComboAddItemDirective, IgxComboClearIconDirective, IgxComboComponent, IgxComboEmptyDirective, IgxComboFooterDirective, IgxComboHeaderDirective, IgxComboHeaderItemDirective, IgxComboItemDirective, IgxComboModule, IgxComboToggleIconDirective, IgxCsvExporterOptions, IgxCsvExporterService, IgxDataLoadingTemplateDirective, IgxDataRecordSorting, IgxDateFilteringOperand, IgxDatePickerComponent, IgxDatePickerModule, IgxDateRangeEndComponent, IgxDateRangeInputsBaseComponent, IgxDateRangePickerComponent, IgxDateRangePickerModule, IgxDateRangeSeparatorDirective, IgxDateRangeStartComponent, IgxDateSummaryOperand, IgxDateTimeEditorDirective, IgxDateTimeEditorModule, IgxDateTimeFilteringOperand, IgxDaysViewComponent, IgxDefaultDropStrategy, IgxDialogActionsDirective, IgxDialogComponent, IgxDialogModule, IgxDialogTitleDirective, IgxDividerDirective, IgxDividerModule, IgxDividerType, IgxDragDirective, IgxDragDropModule, IgxDragHandleDirective, IgxDragIgnoreDirective, IgxDragIndicatorIconDirective, IgxDragLocation, IgxDropDirective, IgxDropDownComponent, IgxDropDownGroupComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective, IgxDropDownModule, IgxEmptyListTemplateDirective, IgxExcelExporterOptions, IgxExcelExporterService, IgxExcelStyleClearFiltersComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleConditionalFilterComponent, IgxExcelStyleDateExpressionComponent, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleHeaderIconDirective, IgxExcelStyleHidingComponent, IgxExcelStyleLoadingValuesTemplateDirective, IgxExcelStyleMovingComponent, IgxExcelStylePinningComponent, IgxExcelStyleSearchComponent, IgxExcelStyleSelectingComponent, IgxExcelStyleSortingComponent, IgxExcelTextDirective, IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelHeaderComponent, IgxExpansionPanelIconDirective, IgxExpansionPanelModule, IgxExpansionPanelTitleDirective, IgxExporterOptionsBase, IgxFilterCellTemplateDirective, IgxFilterDirective, IgxFilterModule, IgxFilterOptions, IgxFilterPipe, IgxFilteringOperand, IgxFlatTransactionFactory, IgxFlexDirective, IgxFocusDirective, IgxFocusModule, IgxFocusTrapDirective, IgxFocusTrapModule, IgxForOfContext, IgxForOfDirective, IgxForOfModule, IgxGridActionButtonComponent, IgxGridActionsBaseDirective, IgxGridCell, IgxGridComponent, IgxGridDetailTemplateDirective, IgxGridEditingActionsComponent, IgxGridExcelStyleFilteringComponent, IgxGridFooterComponent, IgxGridForOfContext, IgxGridForOfDirective, IgxGridHeaderComponent, IgxGridHeaderGroupComponent, IgxGridHeaderRowComponent, IgxGridModule, IgxGridPinningActionsComponent, IgxGridRow, IgxGridStateDirective, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarComponent, IgxGridToolbarDirective, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent, IgxGridTransaction, IgxGroupAreaDropDirective, IgxGroupByRow, IgxGroupByRowSelectorDirective, IgxGroupByRowTemplateDirective, IgxGroupedTreeGridSorting, IgxGrouping, IgxHeadSelectorDirective, IgxHeaderCollapsedIndicatorDirective, IgxHeaderExpandedIndicatorDirective, IgxHierarchicalGridComponent, IgxHierarchicalGridModule, IgxHierarchicalGridRow, IgxHierarchicalTransactionFactory, IgxHierarchicalTransactionService, IgxHintDirective, IgxIconButtonDirective, IgxIconComponent, IgxIconModule, IgxIconService, IgxInputDirective, IgxInputGroupComponent, IgxInputGroupModule, IgxInputState, IgxInsertDropStrategy, IgxItemListDirective, IgxLabelDirective, IgxLayoutDirective, IgxLayoutModule, IgxLinearProgressBarComponent, IgxListActionDirective, IgxListBaseDirective, IgxListComponent, IgxListItemComponent, IgxListItemLeftPanningTemplateDirective, IgxListItemRightPanningTemplateDirective, IgxListLineDirective, IgxListLineSubTitleDirective, IgxListLineTitleDirective, IgxListModule, IgxListPanState, IgxListThumbnailDirective, IgxMaskDirective, IgxMaskModule, IgxMonthPickerComponent, IgxMonthsViewComponent, IgxNavDrawerItemDirective, IgxNavDrawerMiniTemplateDirective, IgxNavDrawerTemplateDirective, IgxNavbarActionDirective, IgxNavbarComponent, IgxNavbarModule, IgxNavbarTitleDirective, IgxNavigationCloseDirective, IgxNavigationDrawerComponent, IgxNavigationDrawerModule, IgxNavigationService, IgxNavigationToggleDirective, IgxNumberFilteringOperand, IgxNumberSummaryOperand, IgxOverlayOutletDirective, IgxOverlayService, IgxPageNavigationComponent, IgxPageSizeSelectorComponent, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPaginatorDirective, IgxPaginatorModule, IgxPickerActionsDirective, IgxPickerClearComponent, IgxPickerToggleComponent, IgxPivotAggregate, IgxPivotDataSelectorComponent, IgxPivotDateAggregate, IgxPivotDateDimension, IgxPivotGridComponent, IgxPivotGridModule, IgxPivotNumericAggregate, IgxPivotTimeAggregate, IgxPivotValueChipTemplateDirective, IgxPrefixDirective, IgxPrependDropStrategy, IgxProgressBarGradientDirective, IgxProgressBarModule, IgxProgressBarTextTemplateDirective, IgxProgressType, IgxQueryBuilderComponent, IgxQueryBuilderHeaderComponent, IgxQueryBuilderModule, IgxRadioComponent, IgxRadioGroupDirective, IgxRadioModule, IgxRippleDirective, IgxRippleModule, IgxRowAddTextDirective, IgxRowCollapsedIndicatorDirective, IgxRowDirective, IgxRowDragGhostDirective, IgxRowEditActionsDirective, IgxRowEditTabStopDirective, IgxRowEditTextDirective, IgxRowExpandedIndicatorDirective, IgxRowIslandComponent, IgxRowSelectorDirective, IgxScrollInertiaDirective, IgxScrollInertiaModule, IgxSelectComponent, IgxSelectFooterDirective, IgxSelectGroupComponent, IgxSelectHeaderDirective, IgxSelectItemComponent, IgxSelectModule, IgxSelectToggleIconDirective, IgxSimpleComboComponent, IgxSimpleComboModule, IgxSlideComponent, IgxSliderComponent, IgxSliderModule, IgxSliderType, IgxSnackbarComponent, IgxSnackbarModule, IgxSortAscendingHeaderIconDirective, IgxSortDescendingHeaderIconDirective, IgxSortHeaderIconDirective, IgxSorting, IgxSplitBarComponent, IgxSplitterComponent, IgxSplitterModule, IgxSplitterPaneComponent, IgxStepActiveIndicatorDirective, IgxStepCompletedIndicatorDirective, IgxStepComponent, IgxStepContentDirective, IgxStepIndicatorDirective, IgxStepInvalidIndicatorDirective, IgxStepSubtitleDirective, IgxStepTitleDirective, IgxStepType, IgxStepperComponent, IgxStepperModule, IgxStepperOrientation, IgxStepperTitlePosition, IgxStringFilteringOperand, IgxSuffixDirective, IgxSummaryOperand, IgxSummaryRow, IgxSummaryTemplateDirective, IgxSwitchComponent, IgxSwitchModule, IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsAlignment, IgxTabsComponent, IgxTabsModule, IgxTemplateOutletDirective, IgxTextAlign, IgxTextHighlightDirective, IgxTextHighlightModule, IgxTextHighlightService, IgxTextSelectionDirective, IgxTextSelectionModule, IgxThumbFromTemplateDirective, IgxThumbToTemplateDirective, IgxTickLabelTemplateDirective, IgxTimeFilteringOperand, IgxTimeItemDirective, IgxTimePickerComponent, IgxTimePickerModule, IgxTimeSummaryOperand, IgxToastComponent, IgxToastModule, IgxToggleActionDirective, IgxToggleDirective, IgxToggleModule, IgxTooltipDirective, IgxTooltipModule, IgxTooltipTargetDirective, IgxTransactionService, IgxTreeComponent, IgxTreeExpandIndicatorDirective, IgxTreeGridComponent, IgxTreeGridGroupByAreaComponent, IgxTreeGridGroupingPipe, IgxTreeGridModule, IgxTreeGridRow, IgxTreeModule, IgxTreeNodeComponent, IgxTreeNodeLinkDirective, IgxTreeSelectionType, IgxYearsViewComponent, InputResourceStringsEN, LabelPosition, ListResourceStringsEN, NoOpScrollStrategy, NoopFilteringStrategy, NoopPivotDimensionsStrategy, NoopSortingStrategy, PaginatorResourceStringsEN, PagingError, PickerInteractionMode, PivotColumnDimensionsStrategy, PivotDimensionType, PivotRowDimensionsStrategy, Point, QueryBuilderResourceStringsEN, RadioGroupAlignment, RelativePosition, RelativePositionStrategy, RowPinningPosition, SPLITTER_INTERACTION_KEYS, ScrollMonth, ScrollStrategy, SliderHandle, SortingDirection, SplitterType, TickLabelsOrientation, TicksOrientation, TimePickerResourceStringsEN, TransactionEventOrigin, TransactionType, TreeGridFilteringStrategy, TreeGridFormattedValuesFilteringStrategy, TreeGridMatchingRecordsOnlyFilteringStrategy, TreeResourceStringsEN, VerticalAlignment, VerticalAnimationType, WEEKDAYS, changei18n, comboIgnoreDiacriticsFilter, igxI18N, isDateInRanges, isLeap, monthRange, range, weekDay };
+export { AbsolutePosition, AbsoluteScrollStrategy, ActionStripResourceStringsEN, AutoPositionStrategy, BannerResourceStringsEN, BaseFilteringStrategy, BlockScrollStrategy, ButtonGroupAlignment, CachedDataCloneStrategy, Calendar, CalendarHammerConfig, CalendarResourceStringsEN, CalendarSelection, CarouselHammerConfig, CarouselIndicatorsOrientation, CarouselResourceStringsEN, ChipResourceStringsEN, CloseScrollStrategy, ColumnDisplayOrder, ColumnPinningPosition, ComboResourceStringsEN, ConnectedPositioningStrategy, ContainerPositionStrategy, CsvFileTypes, DEFAULT_OWNER, DEFAULT_PIVOT_KEYS, DataType, DataUtil, DatePart, DatePickerResourceStringsEN, DateRangePickerFormatPipe, DateRangePickerResourceStringsEN, DateRangeType, DefaultDataCloneStrategy, DefaultPivotGridRecordSortingStrategy, DefaultPivotSortingStrategy, DefaultSortingStrategy, DimensionValuesFilteringStrategy, Direction, DisplayDensity, DisplayDensityBase, DisplayDensityToken, DragDirection, ElasticPositionStrategy, ExpansionPanelHeaderIconPosition, ExportHeaderType, ExportRecordType, FilterMode, FilterUtil, FilteringExpressionsTree, FilteringExpressionsTreeType, FilteringLogic, FilteringStrategy, FormattedValuesFilteringStrategy, GRID_LEVEL_COL, GRID_PARENT, GRID_ROOT_SUMMARY, GlobalPositionStrategy, GridColumnDataType, GridInstanceType, GridPagingMode, GridResourceStringsEN, GridSelectionMode, GridSummaryCalculationMode, GridSummaryPosition, GroupMemberCountSortingStrategy, GroupedRecords, HorizontalAlignment, HorizontalAnimationType, IGX_ACCORDION_DIRECTIVES, IGX_ACTION_STRIP_DIRECTIVES, IGX_BANNER_DIRECTIVES, IGX_BOTTOM_NAV_DIRECTIVES, IGX_BUTTON_GROUP_DIRECTIVES, IGX_CALENDAR_DIRECTIVES, IGX_CARD_DIRECTIVES, IGX_CAROUSEL_DIRECTIVES, IGX_CHIPS_DIRECTIVES, IGX_CIRCULAR_PROGRESS_BAR_DIRECTIVES, IGX_COMBO_DIRECTIVES, IGX_DATE_PICKER_DIRECTIVES, IGX_DATE_RANGE_PICKER_DIRECTIVES, IGX_DIALOG_DIRECTIVES, IGX_DRAG_DROP_DIRECTIVES, IGX_DROP_DOWN_DIRECTIVES, IGX_EXPANSION_PANEL_DIRECTIVES, IGX_GRID_ACTION_STRIP_DIRECTIVES, IGX_GRID_BASE, IGX_GRID_COMMON_DIRECTIVES, IGX_GRID_DIRECTIVES, IGX_GRID_SERVICE_BASE, IGX_GRID_VALIDATION_DIRECTIVES, IGX_HIERARCHICAL_GRID_DIRECTIVES, IGX_INPUT_GROUP_DIRECTIVES, IGX_INPUT_GROUP_TYPE, IGX_LINEAR_PROGRESS_BAR_DIRECTIVES, IGX_LIST_DIRECTIVES, IGX_NAVBAR_DIRECTIVES, IGX_NAVIGATION_DRAWER_DIRECTIVES, IGX_PAGINATOR_DIRECTIVES, IGX_PIVOT_GRID_DIRECTIVES, IGX_PROGRESS_BAR_DIRECTIVES, IGX_QUERY_BUILDER_DIRECTIVES, IGX_RADIO_GROUP_DIRECTIVES, IGX_SELECT_DIRECTIVES, IGX_SIMPLE_COMBO_DIRECTIVES, IGX_SLIDER_DIRECTIVES, IGX_SPLITTER_DIRECTIVES, IGX_STEPPER_DIRECTIVES, IGX_TABS_DIRECTIVES, IGX_TIME_PICKER_DIRECTIVES, IGX_TOOLTIP_DIRECTIVES, IGX_TREE_DIRECTIVES, IGX_TREE_GRID_DIRECTIVES, ITreeGridAggregation, IgcFormControlDirective, IgcFormsModule, IgxAccordionComponent, IgxAccordionModule, IgxActionStripComponent, IgxActionStripMenuItemDirective, IgxActionStripModule, IgxAdvancedFilteringDialogComponent, IgxAppendDropStrategy, IgxAutocompleteDirective, IgxAutocompleteModule, IgxAvatarComponent, IgxAvatarModule, IgxAvatarSize, IgxAvatarType, IgxBadgeComponent, IgxBadgeModule, IgxBadgeType, IgxBannerActionsDirective, IgxBannerComponent, IgxBannerModule, IgxBaseExporter, IgxBaseTransactionService, IgxBooleanFilteringOperand, IgxBottomNavComponent, IgxBottomNavContentComponent, IgxBottomNavHeaderComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavItemComponent, IgxBottomNavModule, IgxButtonDirective, IgxButtonGroupComponent, IgxButtonGroupModule, IgxButtonModule, IgxCSVTextDirective, IgxCalendarComponent, IgxCalendarHeaderTemplateDirective, IgxCalendarModule, IgxCalendarMonthDirective, IgxCalendarScrollMonthDirective, IgxCalendarSubheaderTemplateDirective, IgxCalendarView, IgxCalendarYearDirective, IgxCardActionsComponent, IgxCardActionsLayout, IgxCardComponent, IgxCardContentDirective, IgxCardFooterDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective, IgxCardModule, IgxCardThumbnailDirective, IgxCardType, IgxCarouselComponent, IgxCarouselIndicatorDirective, IgxCarouselModule, IgxCarouselNextButtonDirective, IgxCarouselPrevButtonDirective, IgxCellEditorTemplateDirective, IgxCellFooterTemplateDirective, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxCellValidationErrorDirective, IgxCheckboxComponent, IgxCheckboxModule, IgxChildGridRowComponent, IgxChipComponent, IgxChipTypeVariant, IgxChipsAreaComponent, IgxChipsModule, IgxCircularProgressBarComponent, IgxCollapsibleIndicatorTemplateDirective, IgxColumPatternValidatorDirective, IgxColumnActionsBaseDirective, IgxColumnActionsComponent, IgxColumnComponent, IgxColumnEmailValidatorDirective, IgxColumnGroupComponent, IgxColumnHidingDirective, IgxColumnLayoutComponent, IgxColumnMaxLengthValidatorDirective, IgxColumnMaxValidatorDirective, IgxColumnMinLengthValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnPinningDirective, IgxColumnRequiredValidatorDirective, IgxComboAddItemDirective, IgxComboClearIconDirective, IgxComboComponent, IgxComboEmptyDirective, IgxComboFooterDirective, IgxComboHeaderDirective, IgxComboHeaderItemDirective, IgxComboItemDirective, IgxComboModule, IgxComboToggleIconDirective, IgxCsvExporterOptions, IgxCsvExporterService, IgxDataLoadingTemplateDirective, IgxDataRecordSorting, IgxDateFilteringOperand, IgxDatePickerComponent, IgxDatePickerModule, IgxDateRangeEndComponent, IgxDateRangeInputsBaseComponent, IgxDateRangePickerComponent, IgxDateRangePickerModule, IgxDateRangeSeparatorDirective, IgxDateRangeStartComponent, IgxDateSummaryOperand, IgxDateTimeEditorDirective, IgxDateTimeEditorModule, IgxDateTimeFilteringOperand, IgxDaysViewComponent, IgxDefaultDropStrategy, IgxDialogActionsDirective, IgxDialogComponent, IgxDialogModule, IgxDialogTitleDirective, IgxDividerDirective, IgxDividerModule, IgxDividerType, IgxDragDirective, IgxDragDropModule, IgxDragHandleDirective, IgxDragIgnoreDirective, IgxDragIndicatorIconDirective, IgxDragLocation, IgxDropDirective, IgxDropDownComponent, IgxDropDownGroupComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective, IgxDropDownModule, IgxEmptyListTemplateDirective, IgxExcelExporterOptions, IgxExcelExporterService, IgxExcelStyleClearFiltersComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleConditionalFilterComponent, IgxExcelStyleDateExpressionComponent, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleHeaderIconDirective, IgxExcelStyleHidingComponent, IgxExcelStyleLoadingValuesTemplateDirective, IgxExcelStyleMovingComponent, IgxExcelStylePinningComponent, IgxExcelStyleSearchComponent, IgxExcelStyleSelectingComponent, IgxExcelStyleSortingComponent, IgxExcelTextDirective, IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelHeaderComponent, IgxExpansionPanelIconDirective, IgxExpansionPanelModule, IgxExpansionPanelTitleDirective, IgxExporterOptionsBase, IgxFilterCellTemplateDirective, IgxFilterDirective, IgxFilterModule, IgxFilterOptions, IgxFilterPipe, IgxFilteringOperand, IgxFlatTransactionFactory, IgxFlexDirective, IgxFocusDirective, IgxFocusModule, IgxFocusTrapDirective, IgxFocusTrapModule, IgxForOfContext, IgxForOfDirective, IgxForOfModule, IgxGridActionButtonComponent, IgxGridActionsBaseDirective, IgxGridCell, IgxGridComponent, IgxGridDetailTemplateDirective, IgxGridEditingActionsComponent, IgxGridExcelStyleFilteringComponent, IgxGridFooterComponent, IgxGridForOfContext, IgxGridForOfDirective, IgxGridHeaderComponent, IgxGridHeaderGroupComponent, IgxGridHeaderRowComponent, IgxGridModule, IgxGridPinningActionsComponent, IgxGridRow, IgxGridStateDirective, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarComponent, IgxGridToolbarDirective, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent, IgxGridTransaction, IgxGroupAreaDropDirective, IgxGroupByRow, IgxGroupByRowSelectorDirective, IgxGroupByRowTemplateDirective, IgxGroupedTreeGridSorting, IgxGrouping, IgxHeadSelectorDirective, IgxHeaderCollapsedIndicatorDirective, IgxHeaderExpandedIndicatorDirective, IgxHierarchicalGridComponent, IgxHierarchicalGridModule, IgxHierarchicalGridRow, IgxHierarchicalTransactionFactory, IgxHierarchicalTransactionService, IgxHintDirective, IgxIconButtonDirective, IgxIconComponent, IgxIconModule, IgxIconService, IgxInputDirective, IgxInputGroupComponent, IgxInputGroupModule, IgxInputState, IgxInsertDropStrategy, IgxItemListDirective, IgxLabelDirective, IgxLayoutDirective, IgxLayoutModule, IgxLinearProgressBarComponent, IgxListActionDirective, IgxListBaseDirective, IgxListComponent, IgxListItemComponent, IgxListItemLeftPanningTemplateDirective, IgxListItemRightPanningTemplateDirective, IgxListLineDirective, IgxListLineSubTitleDirective, IgxListLineTitleDirective, IgxListModule, IgxListPanState, IgxListThumbnailDirective, IgxMaskDirective, IgxMaskModule, IgxMonthPickerComponent, IgxMonthsViewComponent, IgxNavDrawerItemDirective, IgxNavDrawerMiniTemplateDirective, IgxNavDrawerTemplateDirective, IgxNavbarActionDirective, IgxNavbarComponent, IgxNavbarModule, IgxNavbarTitleDirective, IgxNavigationCloseDirective, IgxNavigationDrawerComponent, IgxNavigationDrawerModule, IgxNavigationService, IgxNavigationToggleDirective, IgxNumberFilteringOperand, IgxNumberSummaryOperand, IgxOverlayOutletDirective, IgxOverlayService, IgxPageNavigationComponent, IgxPageSizeSelectorComponent, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPaginatorDirective, IgxPaginatorModule, IgxPickerActionsDirective, IgxPickerClearComponent, IgxPickerToggleComponent, IgxPivotAggregate, IgxPivotDataSelectorComponent, IgxPivotDateAggregate, IgxPivotDateDimension, IgxPivotGridComponent, IgxPivotGridModule, IgxPivotNumericAggregate, IgxPivotTimeAggregate, IgxPivotValueChipTemplateDirective, IgxPrefixDirective, IgxPrependDropStrategy, IgxProgressBarGradientDirective, IgxProgressBarModule, IgxProgressBarTextTemplateDirective, IgxProgressType, IgxQueryBuilderComponent, IgxQueryBuilderHeaderComponent, IgxQueryBuilderModule, IgxRadioComponent, IgxRadioGroupDirective, IgxRadioModule, IgxRippleDirective, IgxRippleModule, IgxRowAddTextDirective, IgxRowCollapsedIndicatorDirective, IgxRowDirective, IgxRowDragGhostDirective, IgxRowEditActionsDirective, IgxRowEditTabStopDirective, IgxRowEditTextDirective, IgxRowExpandedIndicatorDirective, IgxRowIslandComponent, IgxRowSelectorDirective, IgxScrollInertiaDirective, IgxScrollInertiaModule, IgxSelectComponent, IgxSelectFooterDirective, IgxSelectGroupComponent, IgxSelectHeaderDirective, IgxSelectItemComponent, IgxSelectModule, IgxSelectToggleIconDirective, IgxSimpleComboComponent, IgxSimpleComboModule, IgxSlideComponent, IgxSliderComponent, IgxSliderModule, IgxSliderType, IgxSnackbarComponent, IgxSnackbarModule, IgxSortAscendingHeaderIconDirective, IgxSortDescendingHeaderIconDirective, IgxSortHeaderIconDirective, IgxSorting, IgxSplitBarComponent, IgxSplitterComponent, IgxSplitterModule, IgxSplitterPaneComponent, IgxStepActiveIndicatorDirective, IgxStepCompletedIndicatorDirective, IgxStepComponent, IgxStepContentDirective, IgxStepIndicatorDirective, IgxStepInvalidIndicatorDirective, IgxStepSubtitleDirective, IgxStepTitleDirective, IgxStepType, IgxStepperComponent, IgxStepperModule, IgxStepperOrientation, IgxStepperTitlePosition, IgxStringFilteringOperand, IgxSuffixDirective, IgxSummaryOperand, IgxSummaryRow, IgxSummaryTemplateDirective, IgxSwitchComponent, IgxSwitchModule, IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsAlignment, IgxTabsComponent, IgxTabsModule, IgxTemplateOutletDirective, IgxTextAlign, IgxTextHighlightDirective, IgxTextHighlightModule, IgxTextHighlightService, IgxTextSelectionDirective, IgxTextSelectionModule, IgxThumbFromTemplateDirective, IgxThumbToTemplateDirective, IgxTickLabelTemplateDirective, IgxTimeFilteringOperand, IgxTimeItemDirective, IgxTimePickerComponent, IgxTimePickerModule, IgxTimeSummaryOperand, IgxToastComponent, IgxToastModule, IgxToggleActionDirective, IgxToggleDirective, IgxToggleModule, IgxTooltipDirective, IgxTooltipModule, IgxTooltipTargetDirective, IgxTransactionService, IgxTreeComponent, IgxTreeExpandIndicatorDirective, IgxTreeGridComponent, IgxTreeGridGroupByAreaComponent, IgxTreeGridGroupingPipe, IgxTreeGridModule, IgxTreeGridRow, IgxTreeModule, IgxTreeNodeComponent, IgxTreeNodeLinkDirective, IgxTreeSelectionType, IgxYearsViewComponent, InputResourceStringsEN, LabelPosition, ListResourceStringsEN, NoOpScrollStrategy, NoopFilteringStrategy, NoopPivotDimensionsStrategy, NoopSortingStrategy, PaginatorResourceStringsEN, PagingError, PickerInteractionMode, PivotColumnDimensionsStrategy, PivotDimensionType, PivotRowDimensionsStrategy, Point, QueryBuilderResourceStringsEN, RadioGroupAlignment, RelativePosition, RelativePositionStrategy, RowPinningPosition, ScrollStrategy, SliderHandle, SortingDirection, SplitterType, TickLabelsOrientation, TicksOrientation, TimePickerResourceStringsEN, TransactionEventOrigin, TransactionType, TreeGridFilteringStrategy, TreeGridFormattedValuesFilteringStrategy, TreeGridMatchingRecordsOnlyFilteringStrategy, TreeResourceStringsEN, VerticalAlignment, VerticalAnimationType, WEEKDAYS, changei18n, comboIgnoreDiacriticsFilter, igxI18N, isDateInRanges, isLeap, monthRange, range, weekDay };
 //# sourceMappingURL=igniteui-angular.mjs.map