igniteui-angular 22.1.1 → 22.1.3

package/fesm2022/igniteui-angular-directives.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, EventEmitter, afterNextRender, booleanAttribute, HostListener, HostBinding, Input, Output, Directive, Renderer2, ChangeDetectorRef, DestroyRef, ViewChild, ViewEncapsulation, Component, DOCUMENT, ViewContainerRef, NgZone, RendererStyleFlags2, ContentChildren, Pipe, ChangeDetectionStrategy, PLATFORM_ID, Injectable, TemplateRef, IterableDiffers, EnvironmentInjector, createComponent, LOCALE_ID, forwardRef, NgModule } from '@angular/core';
+import { inject, ElementRef, EventEmitter, afterNextRender, booleanAttribute, HostListener, HostBinding, Input, Output, Directive, Renderer2, ChangeDetectorRef, ViewChild, ViewEncapsulation, Component, DOCUMENT, ViewContainerRef, NgZone, RendererStyleFlags2, ContentChildren, Pipe, ChangeDetectionStrategy, PLATFORM_ID, Injectable, TemplateRef, IterableDiffers, EnvironmentInjector, createComponent, LOCALE_ID, forwardRef, NgModule } from '@angular/core';
 import { NgControl, Validators, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
-import { THEME_TOKEN, getComponentTheme, PlatformUtil, EDITOR_PROVIDER, resizeObservable, getResizeObserver, runAfterRenderOnce, compareMaps, IgxOverlayService, IgxNavigationService, AbsoluteScrollStrategy, ConnectedPositioningStrategy, VerticalAlignment, HorizontalAlignment, AutoPositionStrategy, first as first$1, DateTimeUtil, DatePart, I18N_FORMATTER, isDate } from 'igniteui-angular/core';
 import { Subject, noop, fromEvent, interval, animationFrameScheduler } from 'rxjs';
 import { takeUntil, throttle, throttleTime, filter, first } from 'rxjs/operators';
+import { PlatformUtil, EDITOR_PROVIDER, resizeObservable, getResizeObserver, runAfterRenderOnce, compareMaps, IgxOverlayService, IgxNavigationService, AbsoluteScrollStrategy, ConnectedPositioningStrategy, VerticalAlignment, HorizontalAlignment, AutoPositionStrategy, first as first$1, DateTimeUtil, DatePart, I18N_FORMATTER, isDate } from 'igniteui-angular/core';
 import * as i1 from '@angular/common';
 import { DOCUMENT as DOCUMENT$1, isPlatformBrowser, CommonModule } from '@angular/common';
 import { IgxIconComponent } from 'igniteui-angular/icon';
@@ -332,7 +332,6 @@ class CheckboxBaseDirective {
     }
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
-        this.themeToken = inject(THEME_TOKEN);
         this.ngControl = inject(NgControl, { optional: true, self: true });
         /**
          * An event that is emitted after the checkbox state is changed.
@@ -457,19 +456,9 @@ class CheckboxBaseDirective {
          * @internal
          */
         this._required = false;
-        this.elRef = inject(ElementRef);
-        this.destroyRef = inject(DestroyRef);
         if (this.ngControl !== null) {
             this.ngControl.valueAccessor = this;
         }
-        this.theme = this.themeToken.theme;
-        const themeChange = this.themeToken.onChange((theme) => {
-            if (this.theme !== theme) {
-                this.theme = theme;
-                this.cdr.detectChanges();
-            }
-        });
-        this.destroyRef.onDestroy(() => themeChange.unsubscribe());
     }
     /**
      * Sets/gets whether the checkbox is required.
@@ -507,16 +496,6 @@ class CheckboxBaseDirective {
                 this.cdr.detectChanges();
             }
         }
-        this.setComponentTheme();
-    }
-    setComponentTheme() {
-        if (!this.themeToken.preferToken) {
-            const theme = getComponentTheme(this.elRef.nativeElement);
-            if (theme && theme !== this.theme) {
-                this.theme = theme;
-                this.cdr.markForCheck();
-            }
-        }
     }
     /** @hidden @internal */
     onKeyUp(event) {
@@ -4074,7 +4053,26 @@ class IgxForOfDirective extends IgxForOfToken {
             });
         }
     }
+    /**
+     * @hidden
+     * Resolves the element a view is tracked by.
+     *
+     * The view's root nodes are not always elements: when the template's root is
+     * a control flow block they are comment anchors, and the rendered element
+     * follows the first of them. Both lookups can come up empty - the view may
+     * hold no element at all, or be torn down before its content is rendered -
+     * in which case there is nothing to observe and null is returned.
+     */
+    getViewObservedNode(view) {
+        const rootNodes = view?.rootNodes ?? [];
+        const elementNode = rootNodes.find(node => node?.nodeType === Node.ELEMENT_NODE);
+        const candidate = elementNode ?? rootNodes[0]?.nextElementSibling;
+        return candidate?.nodeType === Node.ELEMENT_NODE ? candidate : null;
+    }
     subscribeToViewObserver(target) {
+        if (!target) {
+            return;
+        }
         if (this.igxForScrollOrientation === 'vertical' && this.viewObserver) {
             this._zone.runOutsideAngular(() => {
                 if (this.platformUtil.isBrowser) {
@@ -4946,7 +4944,16 @@ class IgxForOfDirective extends IgxForOfToken {
     removeLastElem() {
         const oldElem = this._embeddedViews.pop();
         this.beforeViewDestroyed.emit(oldElem);
-        this.viewObserver?.unobserve(oldElem.rootNodes.find(node => node.nodeType === Node.ELEMENT_NODE) || oldElem.rootNodes[0].nextElementSibling);
+        // The observed node is not necessarily a root node of the view: when the
+        // template's root is a control flow block the root nodes are comment
+        // anchors, and the rendered element follows the first of them. Either
+        // lookup can come up empty - the view may hold no element at all, or be
+        // torn down before its content is rendered - and ResizeObserver throws
+        // on anything that is not an Element.
+        const observedNode = this.getViewObservedNode(oldElem);
+        if (observedNode) {
+            this.viewObserver?.unobserve(observedNode);
+        }
         // also detach from ViewContainerRef to make absolutely sure this is removed from the view container.
         this.dc.instance._vcr.detach(this.dc.instance._vcr.length - 1);
         oldElem.destroy();
@@ -5401,7 +5408,7 @@ class IgxGridForOfDirective extends IgxForOfDirective {
         const input = this.igxForOf[elemIndex];
         const embeddedView = this.dc.instance._vcr.createEmbeddedView(this._template, new IgxGridForOfContext(input, this.igxForOf, this.getContextIndex(input), this.igxForOf.length));
         this._embeddedViews.push(embeddedView);
-        this.subscribeToViewObserver(embeddedView.rootNodes.find(node => node.nodeType === Node.ELEMENT_NODE) || embeddedView.rootNodes[0].nextElementSibling);
+        this.subscribeToViewObserver(this.getViewObservedNode(embeddedView));
         this.state.chunkSize++;
     }
     _updateViews(prevChunkSize) {