@ts-core/angular 13.1.28 → 13.1.31

package/fesm2020/ts-core-angular.mjs

@@ -508,6 +508,15 @@ class ViewUtil {
     static getStageHeight() {
         return ViewUtil.window.innerHeight || ViewUtil.document.body.clientHeight;
     }
+    static getCanvasContext2d(container, options) {
+        let canvas = ViewUtil.parseElement(container);
+        try {
+            return canvas.getContext('2d', options);
+        }
+        catch (error) {
+            return null;
+        }
+    }
     static getBoundingRectangle(container) {
         container = ViewUtil.parseElement(container);
         if (_.isNil(container) || _.isNil(container.getBoundingClientRect)) {
@@ -1960,8 +1969,12 @@ class ResizeManager {
         this.element = ViewUtil.parseElement(element);
         this.subject = new BehaviorSubject({ width: ViewUtil.getWidth(this.element), height: ViewUtil.getHeight(this.element) });
         // this.sensor = new ResizeSensor(this.element, this.handler);
-        this.sensor = new ResizeObserver(this.handler2);
-        this.sensor.observe(this.element);
+        // Could be undefined in ssr
+        try {
+            this.sensor = new ResizeObserver(this.handler2);
+            this.sensor.observe(this.element);
+        }
+        catch (error) { }
     }
     // --------------------------------------------------------------------------
     //
@@ -2935,27 +2948,56 @@ class ScrollCheckDirective extends DestroyableContainer {
         //	Properties
         //
         //--------------------------------------------------------------------------
+        this.top = new EventEmitter();
+        this.bottom = new EventEmitter();
         this.limitExceed = new EventEmitter();
+        this.isTop = false;
+        this.isBottom = false;
         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();
-        });
+        this.offset = 50;
+        //--------------------------------------------------------------------------
+        //
+        //	Protected Methods
+        //
+        //--------------------------------------------------------------------------
+        this.check = () => {
+            let value = this.scrollValue >= this.scrollLimit;
+            if (value !== this.isExceedLimit) {
+                this.isExceedLimit = value;
+                this.limitExceed.emit(this.isExceedLimit);
+            }
+            value = this.scrollValue + this.clientHeight + this.offset > this.scrollHeight;
+            if (value != this.isBottom) {
+                this.bottom.next(value);
+            }
+            value = this.scrollValue < this.offset;
+            if (value != this.isTop) {
+                this.top.next(value);
+            }
+        };
+        this.element = element.nativeElement;
+        fromEvent(this.element, 'scroll')
+            .pipe(debounceTime(DateUtil.MILLISECONDS_SECOND / 10), takeUntil(this.destroyed))
+            .subscribe(this.check);
     }
     //--------------------------------------------------------------------------
     //
-    //	Protected Methods
+    //	Private Properties
     //
     //--------------------------------------------------------------------------
-    check() {
-        let value = this._scrollValue >= this.scrollLimit;
-        if (value !== this.isExceedLimit) {
-            this.isExceedLimit = value;
-            this.limitExceed.emit(this.isExceedLimit);
-        }
+    // --------------------------------------------------------------------------
+    //
+    //	Private Properties
+    //
+    // --------------------------------------------------------------------------
+    get scrollValue() {
+        return this.element.scrollTop;
+    }
+    get scrollHeight() {
+        return this.element.scrollHeight;
+    }
+    get clientHeight() {
+        return this.element.clientHeight;
     }
     //--------------------------------------------------------------------------
     //
@@ -2974,14 +3016,20 @@ class ScrollCheckDirective extends DestroyableContainer {
     }
 }
 ScrollCheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollCheckDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ScrollCheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ScrollCheckDirective, selector: "[vi-scroll-check]", inputs: { scrollLimit: ["vi-scroll-check", "scrollLimit"] }, outputs: { limitExceed: "limitExceed" }, usesInheritance: true, ngImport: i0 });
+ScrollCheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ScrollCheckDirective, selector: "[vi-scroll-check]", inputs: { offset: "offset", scrollLimit: ["vi-scroll-check", "scrollLimit"] }, outputs: { top: "top", bottom: "bottom", limitExceed: "limitExceed" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollCheckDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[vi-scroll-check]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { limitExceed: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { top: [{
+                type: Output
+            }], bottom: [{
                 type: Output
+            }], limitExceed: [{
+                type: Output
+            }], offset: [{
+                type: Input
             }], scrollLimit: [{
                 type: Input,
                 args: ['vi-scroll-check']