@stemy/ngx-utils 13.3.2 → 13.4.1

package/fesm2020/stemy-ngx-utils.mjs

@@ -16,7 +16,7 @@ import { HttpClient, HttpHeaders, HttpParams, HttpUrlEncodingCodec, HttpEventTyp
 import * as JSON5 from 'json5';
 import * as i1$2 from '@angular/platform-browser';
 import { ɵDomEventsPlugin, EVENT_MANAGER_PLUGINS } from '@angular/platform-browser';
-import * as detector from 'resize-detector';
+import elementResizeDetectorMaker from 'element-resize-detector';
 import * as i4 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 
@@ -432,6 +432,7 @@ const CONFIG_SERVICE = new InjectionToken("config-service");
 const BASE_CONFIG = new InjectionToken("base-config");
 const SCRIPT_PARAMS = new InjectionToken("script-params");
 const ROOT_ELEMENT = new InjectionToken("app-root-element");
+const RESIZE_DELAY = new InjectionToken("resize-event-delay");
 const ERROR_HANDLER = new InjectionToken("error-handler-callback");
 const GLOBAL_TEMPLATES = new InjectionToken("global-templates");
 // --- Valued promise ---
@@ -3522,9 +3523,13 @@ function emptyRemove$1() {
 function isWindow(el) {
     return typeof window !== "undefined" && el === window;
 }
+const detector = elementResizeDetectorMaker({
+    strategy: "scroll" // For ultra performance.
+});
 class ResizeEventPlugin extends ɵDomEventsPlugin {
-    constructor(doc, universal) {
+    constructor(doc, resizeDelay, universal) {
         super(doc);
+        this.resizeDelay = resizeDelay;
         this.universal = universal;
     }
     supports(eventName) {
@@ -3535,14 +3540,17 @@ class ResizeEventPlugin extends ɵDomEventsPlugin {
         return zone.runOutsideAngular(() => {
             if (this.universal.isServer)
                 return emptyRemove$1;
+            const timer = TimerUtils.createTimeout();
             const cb = el => {
-                zone.run(() => handler(el));
+                timer.set(() => {
+                    zone.run(() => handler(el));
+                }, this.resizeDelay);
             };
             if (isWindow(element)) {
                 element.addEventListener(eventName, cb);
             }
             else {
-                detector.addListener(element, cb);
+                detector.listenTo(element, cb);
             }
             return () => {
                 try {
@@ -3550,23 +3558,29 @@ class ResizeEventPlugin extends ɵDomEventsPlugin {
                         element.removeEventListener(eventName, cb);
                     }
                     else {
-                        detector.removeListener(element, cb);
+                        detector.uninstall(element);
                     }
                 }
                 catch (e) {
                 }
+                finally {
+                    timer.clear();
+                }
             };
         });
     }
 }
 ResizeEventPlugin.EVENT_NAME = "resize";
-ResizeEventPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ResizeEventPlugin, deps: [{ token: DOCUMENT }, { token: UniversalService }], target: i0.ɵɵFactoryTarget.Injectable });
+ResizeEventPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ResizeEventPlugin, deps: [{ token: DOCUMENT }, { token: RESIZE_DELAY }, { token: UniversalService }], target: i0.ɵɵFactoryTarget.Injectable });
 ResizeEventPlugin.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ResizeEventPlugin });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ResizeEventPlugin, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [RESIZE_DELAY]
                 }] }, { type: UniversalService }]; } });
 
 function emptyRemove() {
@@ -5563,6 +5577,10 @@ class NgxUtilsModule {
                     provide: ROOT_ELEMENT,
                     useValue: null
                 },
+                {
+                    provide: RESIZE_DELAY,
+                    useValue: (!config ? null : config.resizeDelay) ?? 200,
+                },
                 {
                     provide: APP_INITIALIZER,
                     useFactory: (!config ? null : config.initializeApp) || loadConfig,
@@ -5611,5 +5629,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { API_SERVICE, APP_BASE_URL, AUTH_SERVICE, AclService, AjaxRequestHandler, ApiService, ArrayUtils, AsyncMethodBase, AsyncMethodDirective, AuthGuard, BASE_CONFIG, BackgroundDirective, BaseHttpClient, BaseHttpService, CONFIG_SERVICE, CanvasColor, CanvasUtils, ChunkPipe, Circle, ConfigService, ConsoleToasterService, DateUtils, DynamicTableComponent, DynamicTableTemplateDirective, ERROR_HANDLER, EXPRESS_REQUEST, EntriesPipe, ErrorHandlerService, EventsService, ExtraItemPropertiesPipe, FactoryDependencies, FileSystemEntry, FileUtils, FilterPipe, FindPipe, FormatNumberPipe, FormatterService, GLOBAL_TEMPLATES, GenericValue, GetOffsetPipe, GetTypePipe, GlobalTemplateDirective, GlobalTemplatePipe, GlobalTemplateService, GroupByPipe, HttpPromise, ICON_SERVICE, IConfiguration, IconDirective, IconService, Initializer, IsTypePipe, JSONfn, JoinPipe, KeysPipe, LANGUAGE_SERVICE, LanguageService, LoaderUtils, LocalHttpService, MapPipe, MathUtils, MaxPipe, MinPipe, NgxTemplateOutletDirective, NgxUtilsModule, ObjectUtils, ObservableUtils, OpenApiService, PROMISE_SERVICE, PaginationDirective, PaginationItemContext, PaginationItemDirective, PaginationMenuComponent, Point, PopPipe, PromiseService, ROOT_ELEMENT, Rect, ReducePipe, ReflectUtils, RemapPipe, ReplacePipe, ResizeEventPlugin, ResourceIfContext, ResourceIfDirective, ReversePipe, RoundPipe, SCRIPT_PARAMS, SafeHtmlPipe, ScrollEventPlugin, SetUtils, ShiftPipe, SplitPipe, StateService, StaticAuthService, StaticLanguageService, StickyClassDirective, StickyDirective, StorageMode, StorageService, StringUtils, TOASTER_SERVICE, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, UnorederedListTemplate, ValuedPromise, ValuesPipe, Vector, WASI_IMPLEMENTATION, WasmService };
+export { API_SERVICE, APP_BASE_URL, AUTH_SERVICE, AclService, AjaxRequestHandler, ApiService, ArrayUtils, AsyncMethodBase, AsyncMethodDirective, AuthGuard, BASE_CONFIG, BackgroundDirective, BaseHttpClient, BaseHttpService, CONFIG_SERVICE, CanvasColor, CanvasUtils, ChunkPipe, Circle, ConfigService, ConsoleToasterService, DateUtils, DynamicTableComponent, DynamicTableTemplateDirective, ERROR_HANDLER, EXPRESS_REQUEST, EntriesPipe, ErrorHandlerService, EventsService, ExtraItemPropertiesPipe, FactoryDependencies, FileSystemEntry, FileUtils, FilterPipe, FindPipe, FormatNumberPipe, FormatterService, GLOBAL_TEMPLATES, GenericValue, GetOffsetPipe, GetTypePipe, GlobalTemplateDirective, GlobalTemplatePipe, GlobalTemplateService, GroupByPipe, HttpPromise, ICON_SERVICE, IConfiguration, IconDirective, IconService, Initializer, IsTypePipe, JSONfn, JoinPipe, KeysPipe, LANGUAGE_SERVICE, LanguageService, LoaderUtils, LocalHttpService, MapPipe, MathUtils, MaxPipe, MinPipe, NgxTemplateOutletDirective, NgxUtilsModule, ObjectUtils, ObservableUtils, OpenApiService, PROMISE_SERVICE, PaginationDirective, PaginationItemContext, PaginationItemDirective, PaginationMenuComponent, Point, PopPipe, PromiseService, RESIZE_DELAY, ROOT_ELEMENT, Rect, ReducePipe, ReflectUtils, RemapPipe, ReplacePipe, ResizeEventPlugin, ResourceIfContext, ResourceIfDirective, ReversePipe, RoundPipe, SCRIPT_PARAMS, SafeHtmlPipe, ScrollEventPlugin, SetUtils, ShiftPipe, SplitPipe, StateService, StaticAuthService, StaticLanguageService, StickyClassDirective, StickyDirective, StorageMode, StorageService, StringUtils, TOASTER_SERVICE, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, UnorederedListTemplate, ValuedPromise, ValuesPipe, Vector, WASI_IMPLEMENTATION, WasmService };
 //# sourceMappingURL=stemy-ngx-utils.mjs.map