@fundamental-ngx/cdk 0.61.2-rc.7 → 0.61.2-rc.8

package/fesm2022/fundamental-ngx-cdk-utils.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { INJECTOR, ElementRef, isDevMode, InjectionToken, EventEmitter, inject, NgZone, DestroyRef, Input, Output, Directive, NgModule, Injectable, signal, DOCUMENT, Optional, Inject, booleanAttribute, output, Renderer2, PLATFORM_ID, input, effect, Self, SkipSelf, computed, ChangeDetectorRef, ContentChildren, forwardRef, HostListener, HostBinding, linkedSignal, Injector, model, contentChildren, runInInjectionContext, untracked, ContentChild, QueryList, numberAttribute, ViewContainerRef, TemplateRef, ViewChild, Component, NgModuleFactory, Pipe } from '@angular/core';
 import { RIGHT_ARROW, DOWN_ARROW, LEFT_ARROW, UP_ARROW, SPACE, ESCAPE, DELETE, ENTER, MAC_ENTER, TAB, HOME, END, ALT, CONTROL, META, SHIFT, BACKSPACE, A, C, V, X, PAGE_UP, PAGE_DOWN, DASH, NUMPAD_MINUS, NUMPAD_ZERO, NUMPAD_ONE, NUMPAD_TWO, NUMPAD_THREE, NUMPAD_FOUR, NUMPAD_FIVE, NUMPAD_SIX, NUMPAD_SEVEN, NUMPAD_EIGHT, NUMPAD_NINE, F2, F7, hasModifierKey } from '@angular/cdk/keycodes';
-import { takeUntilDestroyed, outputToObservable } from '@angular/core/rxjs-interop';
+import { takeUntilDestroyed, outputToObservable, outputFromObservable } from '@angular/core/rxjs-interop';
 import { Observable, NEVER, fromEvent, switchMap, map as map$1, Subject, BehaviorSubject, merge as merge$1, combineLatest, ReplaySubject, firstValueFrom, startWith as startWith$1, Subscription, isObservable, of, tap as tap$1, filter as filter$1, take as take$1 } from 'rxjs';
 import { map, first, distinctUntilChanged, startWith, takeUntil, filter, tap, switchMap as switchMap$1, finalize, take, debounceTime, pairwise, shareReplay, delay } from 'rxjs/operators';
 import { coerceElement, coerceBooleanProperty, coerceNumberProperty, coerceArray, coerceCssPixelValue } from '@angular/cdk/coercion';
@@ -4512,15 +4512,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
         }] });
 
 class ResizeObserverDirective {
-    /** @hidden */
     constructor() {
         /**
          * The reference to the Resize target element.
          **/
         this.elementRef = inject(ElementRef);
-        /** @hidden */
-        this._resizeObserverService = inject(ResizeObserverService);
-        this.resized = this._resizeObserverService.observe(this.elementRef.nativeElement);
+        /**
+         * Observable that emits when the element is resized.
+         * Use this for programmatic subscriptions.
+         **/
+        this.resizeEvents$ = inject(ResizeObserverService).observe(this.elementRef.nativeElement);
+        /**
+         * When the element is resized, emits an array of ResizeObserverEntry objects.
+         **/
+        this.resized = outputFromObservable(this.resizeEvents$);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ResizeObserverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: ResizeObserverDirective, isStandalone: true, selector: "[fdkResizeObserver]", outputs: { resized: "resized" }, exportAs: ["fdkResizeObserver"], ngImport: i0 }); }
@@ -4529,12 +4534,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
             type: Directive,
             args: [{
                     selector: '[fdkResizeObserver]',
-                    exportAs: 'fdkResizeObserver',
-                    standalone: true
+                    exportAs: 'fdkResizeObserver'
                 }]
-        }], ctorParameters: () => [], propDecorators: { resized: [{
-                type: Output
-            }] } });
+        }], propDecorators: { resized: [{ type: i0.Output, args: ["resized"] }] } });
 
 class ResizeHandleDirective {
     /** @hidden */