igniteui-angular 17.1.0-beta.3 → 17.1.0-rc.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';
@@ -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' }); }
 }
@@ -29645,11 +29651,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 }); }
@@ -32789,7 +32947,7 @@ 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 }); }
@@ -41609,7 +41767,7 @@ class IgxColumnComponent {
         this._visibleWhenCollapsed = value;
         this.visibleWhenCollapsedChange.emit(this._visibleWhenCollapsed);
         if (this.parent) {
-            this.parent.setExpandCollapseState();
+            this.parent?.setExpandCollapseState?.();
         }
     }
     get visibleWhenCollapsed() {
@@ -44558,153 +44716,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 +44847,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);
     }
     /**
@@ -62962,6 +62973,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 +74854,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 };
                 },
@@ -80523,7 +80538,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;