igniteui-angular 16.1.0-beta.1 → 16.1.0-beta.3

package/fesm2022/igniteui-angular.mjs

@@ -8542,6 +8542,10 @@ const DisplayDensity = mkenum({
     compact: 'compact',
 });
 /**
+ * @deprecated since version 16.1.x.
+ * Please use the `--ig-size` CSS custom property.
+ * @see {@link [Update Guide](https://www.infragistics.com/products/ignite-ui-angular/angular/components/general/update-guide#from-160x-to-161x)}
+ *
  * @hidden
  * Defines the DisplayDensity DI token.
  */
@@ -8553,7 +8557,9 @@ const DisplayDensityToken = new InjectionToken('DisplayDensity');
 // eslint-disable-next-line @angular-eslint/directive-class-suffix
 class DisplayDensityBase {
     /**
-     * @deprecated since version 16.1.x. Please use the `--ig-size` CSS custom property.
+     * @deprecated since version 16.1.x.
+     * Please use the `--ig-size` CSS custom property.
+     * @see {@link [Update Guide](https://www.infragistics.com/products/ignite-ui-angular/angular/components/general/update-guide#from-160x-to-161x)}
      *
      * Returns the theme of the component.
      * The default theme is `comfortable`.
@@ -18379,8 +18385,7 @@ class IgxTextHighlightDirective {
             content: this.value,
             matchCount: 0,
             caseSensitive: false,
-            exactMatch: false,
-            activeMatchIndex: 0
+            exactMatch: false
         };
         this._container = this.parentElement.firstElementChild;
     }
@@ -19075,6 +19080,15 @@ class IgxToggleDirective {
         if (openAnimationStarted || !(this._collapsed || closeAnimationStarted)) {
             return;
         }
+        const target = overlaySettings && overlaySettings.target;
+        // Get the size from the target element
+        if (target && target instanceof Element) {
+            const styles = window.getComputedStyle(target);
+            const componentSize = styles.getPropertyValue('--component-size');
+            const globalSize = styles.getPropertyValue('--ig-size');
+            const size = componentSize || globalSize || '3';
+            this.elementRef.nativeElement.style.setProperty('--ig-size', size);
+        }
         this._collapsed = false;
         this.cdr.detectChanges();
         if (!info) {
@@ -64078,6 +64092,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
             caseSensitive: false,
             exactMatch: false,
             activeMatchIndex: 0,
+            matchInfoCache: [],
             matchCount: 0,
             content: ''
         };
@@ -64256,7 +64271,6 @@ class IgxGridBaseDirective extends DisplayDensityBase {
         this._sortHeaderIconTemplate = null;
         this._sortAscendingHeaderIconTemplate = null;
         this._sortDescendingHeaderIconTemplate = null;
-        this._matchInfoCache = [];
         /**
          * @hidden @internal
          */
@@ -65849,7 +65863,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
             this.rebuildMatchCache();
             if (updateActiveInfo) {
                 const activeInfo = IgxTextHighlightDirective.highlightGroupsMap.get(this.id);
-                this._matchInfoCache.forEach((match, i) => {
+                this.lastSearchInfo.matchInfoCache.forEach((match, i) => {
                     if (match.column === activeInfo.column &&
                         match.row === activeInfo.row &&
                         match.index === activeInfo.index &&
@@ -65878,6 +65892,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
             caseSensitive: false,
             exactMatch: false,
             activeMatchIndex: 0,
+            matchInfoCache: [],
             matchCount: 0,
             content: ''
         };
@@ -68080,6 +68095,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
                 activeMatchIndex: 0,
                 caseSensitive: caseSensitiveResolved,
                 exactMatch: exactMatchResolved,
+                matchInfoCache: [],
                 matchCount: 0,
                 content: ''
             };
@@ -68105,7 +68121,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
             this.lastSearchInfo.activeMatchIndex = this.lastSearchInfo.matchCount - 1;
         }
         if (this.lastSearchInfo.matchCount > 0) {
-            const matchInfo = this._matchInfoCache[this.lastSearchInfo.activeMatchIndex];
+            const matchInfo = this.lastSearchInfo.matchInfoCache[this.lastSearchInfo.activeMatchIndex];
             this.lastSearchInfo = { ...this.lastSearchInfo };
             if (scroll !== false) {
                 this.scrollTo(matchInfo.row, matchInfo.column);
@@ -68123,7 +68139,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
         return this.lastSearchInfo.matchCount;
     }
     rebuildMatchCache() {
-        this._matchInfoCache = [];
+        this.lastSearchInfo.matchInfoCache = [];
         const caseSensitive = this.lastSearchInfo.caseSensitive;
         const exactMatch = this.lastSearchInfo.exactMatch;
         const searchText = caseSensitive ? this.lastSearchInfo.searchText : this.lastSearchInfo.searchText.toLowerCase();
@@ -68147,7 +68163,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
                                 index: 0,
                                 metadata: new Map([['pinned', this.isRecordPinnedByIndex(rowIndex)]])
                             };
-                            this._matchInfoCache.push(mic);
+                            this.lastSearchInfo.matchInfoCache.push(mic);
                         }
                     }
                     else {
@@ -68160,7 +68176,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
                                 index: occurrenceIndex++,
                                 metadata: new Map([['pinned', this.isRecordPinnedByIndex(rowIndex)]])
                             };
-                            this._matchInfoCache.push(mic);
+                            this.lastSearchInfo.matchInfoCache.push(mic);
                             searchValue = searchValue.substring(searchIndex + searchText.length);
                             searchIndex = searchValue.indexOf(searchText);
                         }
@@ -68168,7 +68184,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
                 }
             });
         });
-        this.lastSearchInfo.matchCount = this._matchInfoCache.length;
+        this.lastSearchInfo.matchCount = this.lastSearchInfo.matchInfoCache.length;
     }
     // TODO: About to Move to CRUD
     configureRowEditingOverlay(rowID, useOuter = false) {