@ts-core/angular 13.0.4 → 13.0.5

package/fesm2020/ts-core-angular.mjs

@@ -4,12 +4,12 @@ import { DestroyableContainer, LoadableEvent, Destroyable, IDestroyable, Loadabl
 import { PromiseHandler } from '@ts-core/common/promise';
 import * as _ from 'lodash';
 import { Assets } from '@ts-core/frontend/asset';
-import { takeUntil, filter, map } from 'rxjs/operators';
+import { takeUntil, filter, debounceTime, map } from 'rxjs/operators';
 import moment from 'moment';
 import numeral from 'numeral';
 import { ObservableData } from '@ts-core/common/observer';
 import { DateUtil, ObjectUtil, ArrayUtil } from '@ts-core/common/util';
-import { Subject, takeUntil as takeUntil$1, filter as filter$1, BehaviorSubject, of, merge } from 'rxjs';
+import { Subject, fromEvent, takeUntil as takeUntil$1, filter as filter$1, BehaviorSubject, of, merge } from 'rxjs';
 import * as i1 from '@angular/material/dialog';
 import { MatDialogConfig, MatDialogModule, MatDialog } from '@angular/material/dialog';
 import * as i1$1 from '@ts-core/frontend/language';
@@ -1995,15 +1995,9 @@ class ScrollDirective extends Destroyable {
         //
         // --------------------------------------------------------------------------
         this.scrolled = new EventEmitter();
-        this.delay = 100;
         this.isInitialized = false;
         this._scrollValue = 0;
-        this.scrollChanged = () => {
-            this.scrollChangedHandler();
-        };
-        this.initializeHandler = () => {
-            this.initialize();
-        };
+        this.initializeHandler = () => this.initialize();
         this.element = ViewUtil.parseElement(element);
         this.timer = setTimeout(this.initializeHandler, ScrollDirective.INITIALIZATION_DELAY);
     }
@@ -2028,11 +2022,9 @@ class ScrollDirective extends Destroyable {
     //
     // --------------------------------------------------------------------------
     scrollHandler() {
-        if (!this.isInitialized) {
-            return;
+        if (this.isInitialized) {
+            this.scrollChangedHandler();
         }
-        clearTimeout(this.timer);
-        this.timer = setTimeout(this.scrollChanged, this.delay);
     }
     scrollChangedHandler() {
         this._scrollValue = this.scrollTop;
@@ -2087,7 +2079,7 @@ class ScrollDirective extends Destroyable {
 // --------------------------------------------------------------------------
 ScrollDirective.INITIALIZATION_DELAY = 1;
 ScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.3", type: ScrollDirective, selector: "[vi-scroll]", inputs: { delay: "delay", scrollValue: "scrollValue" }, outputs: { scrolled: "scrolled" }, host: { listeners: { "scroll": "scrollHandler()" } }, usesInheritance: true, ngImport: i0 });
+ScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.3", type: ScrollDirective, selector: "[vi-scroll]", inputs: { scrollValue: "scrollValue" }, outputs: { scrolled: "scrolled" }, host: { listeners: { "scroll": "scrollHandler()" } }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ScrollDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2095,8 +2087,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { scrolled: [{
                 type: Output
-            }], delay: [{
-                type: Input
             }], scrollHandler: [{
                 type: HostListener,
                 args: ['scroll']
@@ -2651,6 +2641,71 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
                 type: Input
             }] } });
 
+class ScrollCheckDirective extends DestroyableContainer {
+    //--------------------------------------------------------------------------
+    //
+    //	Constructor
+    //
+    //--------------------------------------------------------------------------
+    constructor(element) {
+        super();
+        //--------------------------------------------------------------------------
+        //
+        //	Properties
+        //
+        //--------------------------------------------------------------------------
+        this.limitExceed = new EventEmitter();
+        this.isExceedLimit = false;
+        this._scrollValue = element.nativeElement.scrollTop;
+        fromEvent(element.nativeElement, 'scroll')
+            .pipe(debounceTime(DateUtil.MILISECONDS_SECOND / 10), takeUntil(this.destroyed))
+            .subscribe(() => {
+            this._scrollValue = element.nativeElement.scrollTop;
+            this.check();
+        });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //	Protected Methods
+    //
+    //--------------------------------------------------------------------------
+    check() {
+        let value = this._scrollValue >= this.scrollLimit;
+        if (value !== this.isExceedLimit) {
+            this.isExceedLimit = value;
+            this.limitExceed.emit(this.isExceedLimit);
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //	Public Properties
+    //
+    //--------------------------------------------------------------------------
+    set scrollLimit(value) {
+        if (value == this._scrollLimit) {
+            return;
+        }
+        this._scrollLimit = value;
+        this.check();
+    }
+    get scrollLimit() {
+        return this._scrollLimit;
+    }
+}
+ScrollCheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ScrollCheckDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ScrollCheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.3", type: ScrollCheckDirective, selector: "[vi-scroll-check]", inputs: { scrollLimit: ["vi-scroll-check", "scrollLimit"] }, outputs: { limitExceed: "limitExceed" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: ScrollCheckDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[vi-scroll-check]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { limitExceed: [{
+                type: Output
+            }], scrollLimit: [{
+                type: Input,
+                args: ['vi-scroll-check']
+            }] } });
+
 class LanguageMatPaginatorIntl extends MatPaginatorIntl {
     // --------------------------------------------------------------------------
     //
@@ -6746,6 +6801,7 @@ const DECLARATIONS$1 = [
     FocusDirective,
     ResizeDirective,
     ScrollDirective,
+    ScrollCheckDirective,
     ClickToCopyDirective,
     SelectOnFocusDirective,
     ClickToSelectDirective,
@@ -6794,6 +6850,7 @@ VICommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
         FocusDirective,
         ResizeDirective,
         ScrollDirective,
+        ScrollCheckDirective,
         ClickToCopyDirective,
         SelectOnFocusDirective,
         ClickToSelectDirective,
@@ -6815,6 +6872,7 @@ VICommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
         FocusDirective,
         ResizeDirective,
         ScrollDirective,
+        ScrollCheckDirective,
         ClickToCopyDirective,
         SelectOnFocusDirective,
         ClickToSelectDirective,
@@ -9515,5 +9573,5 @@ class TransportLazyModule {
  * Generated bundle index. Do not edit.
  */
 
-export { APPLICATION_INJECTOR, ApplicationBaseComponent, ApplicationComponent2, AspectRatioResizeDirective, AssetBackgroundDirective, AssetBackgroundPipe, AssetFilePipe, AssetIconPipe, AssetImagePipe, AssetModule, AssetSoundPipe, AssetVideoPipe, AutoScrollBottomDirective, BootstrapBreakpoint, BootstrapBreakpointService, BootstrapBreakpointServiceEvent, BottomSheetService, COOKIE_OPTIONS, CamelCasePipe, CanDeactivateGuard, CdkTableBaseComponent, CdkTableCellClassNamePipe, CdkTableColumnClassNamePipe, CdkTableColumnStyleNamePipe, CdkTableColumnValuePipe, CdkTableDataSource, CdkTableFilterableComponent, CdkTableFilterableMapCollection, CdkTablePaginableBookmarkMapCollection, CdkTablePaginableComponent, CdkTablePaginableMapCollection, CdkTableRowClassNamePipe, CdkTableRowStyleNamePipe, ClickToCopyDirective, ClickToSelectDirective, CookieModule, CookieOptions, CookieService, Direction, FinancePipe, FocusDirective, FocusManager, FormElementAsync, FormElementSync, HTMLContentTitleDirective, INotification, INotificationContent, IUser, IVICommonOptions, IWindow, IWindowContent, InfiniteScrollDirective, LANGUAGE_OPTIONS, LanguageDirective, LanguageHasDirective, LanguageMatPaginatorIntl, LanguageModule, LanguageMomentDateAdapter, LanguagePipe, LanguagePipeHas, LanguagePipeHasPure, LanguagePipePure, LanguageRequireResolver, LanguageResolver, LanguageSelectorComponent, LazyModuleLoader, ListItem, ListItems, LoginBaseService, LoginBaseServiceEvent, LoginGuard, LoginRedirectResolver, LoginRequireResolver, LoginResolver, MenuItem, MenuItemBase, MenuItems, MenuListComponent, MessageBaseComponent, MomentDateAdaptivePipe, MomentDateFromNowPipe, MomentDatePipe, MomentTimePipe, NavigationMenuItem, NgModelErrorPipe, NotificationBaseComponent, NotificationComponent, NotificationConfig, NotificationEvent, NotificationFactory, NotificationModule, NotificationService, NotificationServiceEvent, PipeBaseService, PrettifyPipe, PropertiesManager, QuestionEvent, QuestionManager, QuestionMode, ResizeDirective, ResizeManager, RouterBaseService, SanitizePipe, ScrollDirective, SelectListComponent, SelectListItem, SelectListItems, SelectOnFocusDirective, ShellBaseComponent, StartCasePipe, THEME_OPTIONS, TabGroupComponent, ThemeAssetBackgroundDirective, ThemeAssetDirective, ThemeAssetImageDirective, ThemeModule, ThemeStyleDirective, ThemeStyleHoverDirective, ThemeToggleDirective, TimePipe, TransportLazy, TransportLazyModule, TransportLazyModuleLoadedEvent, TruncatePipe, UserBaseService, UserBaseServiceEvent, VICommonModule, VIComponentModule, VI_ANGULAR_OPTIONS, ViewUtil, WINDOW_CONTENT_CONTAINER, WindowAlign, WindowBase, WindowBaseComponent, WindowCloseElementComponent, WindowConfig, WindowDragAreaDirective, WindowEvent, WindowFactory, WindowImpl, WindowMinimizeElementComponent, WindowModule, WindowQuestionBaseComponent, WindowQuestionComponent, WindowResizeElementComponent, WindowService, WindowServiceEvent, cookieServiceFactory, languageServiceFactory, loggerServiceFactory, notificationServiceFactory, themeAssetServiceFactory, themeServiceFactory, windowServiceFactory };
+export { APPLICATION_INJECTOR, ApplicationBaseComponent, ApplicationComponent2, AspectRatioResizeDirective, AssetBackgroundDirective, AssetBackgroundPipe, AssetFilePipe, AssetIconPipe, AssetImagePipe, AssetModule, AssetSoundPipe, AssetVideoPipe, AutoScrollBottomDirective, BootstrapBreakpoint, BootstrapBreakpointService, BootstrapBreakpointServiceEvent, BottomSheetService, COOKIE_OPTIONS, CamelCasePipe, CanDeactivateGuard, CdkTableBaseComponent, CdkTableCellClassNamePipe, CdkTableColumnClassNamePipe, CdkTableColumnStyleNamePipe, CdkTableColumnValuePipe, CdkTableDataSource, CdkTableFilterableComponent, CdkTableFilterableMapCollection, CdkTablePaginableBookmarkMapCollection, CdkTablePaginableComponent, CdkTablePaginableMapCollection, CdkTableRowClassNamePipe, CdkTableRowStyleNamePipe, ClickToCopyDirective, ClickToSelectDirective, CookieModule, CookieOptions, CookieService, Direction, FinancePipe, FocusDirective, FocusManager, FormElementAsync, FormElementSync, HTMLContentTitleDirective, INotification, INotificationContent, IUser, IVICommonOptions, IWindow, IWindowContent, InfiniteScrollDirective, LANGUAGE_OPTIONS, LanguageDirective, LanguageHasDirective, LanguageMatPaginatorIntl, LanguageModule, LanguageMomentDateAdapter, LanguagePipe, LanguagePipeHas, LanguagePipeHasPure, LanguagePipePure, LanguageRequireResolver, LanguageResolver, LanguageSelectorComponent, LazyModuleLoader, ListItem, ListItems, LoginBaseService, LoginBaseServiceEvent, LoginGuard, LoginRedirectResolver, LoginRequireResolver, LoginResolver, MenuItem, MenuItemBase, MenuItems, MenuListComponent, MessageBaseComponent, MomentDateAdaptivePipe, MomentDateFromNowPipe, MomentDatePipe, MomentTimePipe, NavigationMenuItem, NgModelErrorPipe, NotificationBaseComponent, NotificationComponent, NotificationConfig, NotificationEvent, NotificationFactory, NotificationModule, NotificationService, NotificationServiceEvent, PipeBaseService, PrettifyPipe, PropertiesManager, QuestionEvent, QuestionManager, QuestionMode, ResizeDirective, ResizeManager, RouterBaseService, SanitizePipe, ScrollCheckDirective, ScrollDirective, SelectListComponent, SelectListItem, SelectListItems, SelectOnFocusDirective, ShellBaseComponent, StartCasePipe, THEME_OPTIONS, TabGroupComponent, ThemeAssetBackgroundDirective, ThemeAssetDirective, ThemeAssetImageDirective, ThemeModule, ThemeStyleDirective, ThemeStyleHoverDirective, ThemeToggleDirective, TimePipe, TransportLazy, TransportLazyModule, TransportLazyModuleLoadedEvent, TruncatePipe, UserBaseService, UserBaseServiceEvent, VICommonModule, VIComponentModule, VI_ANGULAR_OPTIONS, ViewUtil, WINDOW_CONTENT_CONTAINER, WindowAlign, WindowBase, WindowBaseComponent, WindowCloseElementComponent, WindowConfig, WindowDragAreaDirective, WindowEvent, WindowFactory, WindowImpl, WindowMinimizeElementComponent, WindowModule, WindowQuestionBaseComponent, WindowQuestionComponent, WindowResizeElementComponent, WindowService, WindowServiceEvent, cookieServiceFactory, languageServiceFactory, loggerServiceFactory, notificationServiceFactory, themeAssetServiceFactory, themeServiceFactory, windowServiceFactory };
 //# sourceMappingURL=ts-core-angular.mjs.map