@tetacom/ng-components 1.1.19 → 1.1.20

package/component/icon/icon/icon.component.d.ts

@@ -1,14 +1,11 @@
-import { OnInit } from '@angular/core';
 import { TetaSize } from '../../../common/enum/teta-size.enum';
 import * as i0 from "@angular/core";
-export declare class IconComponent implements OnInit {
+export declare class IconComponent {
     name: string;
     size: TetaSize;
     palette: string;
     class: any;
     private get getClass();
-    constructor();
-    ngOnInit(): void;
     getName(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "teta-icon", never, { "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, false, never>;

package/directive/scrollable/scrollable/scrollable.component.d.ts

@@ -1,11 +1,7 @@
-import { ElementRef, EventEmitter, Injector, NgZone, OnDestroy, OnInit } from '@angular/core';
-import { Observable } from "rxjs";
+import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ScrollableComponent implements OnInit, OnDestroy {
-    private _elementRef;
-    private _injector;
-    private _ngZone;
-    private _animationFrame;
+    private _cdr;
     private _scrollDirective;
     private _scrollableWrapper;
     private _scrollbarVertical;
@@ -14,15 +10,17 @@ export declare class ScrollableComponent implements OnInit, OnDestroy {
     showScrollbars: boolean;
     contentClass: string | string[];
     scroll: EventEmitter<Event>;
-    scrollSize: Observable<{
+    scrollSize: {
         clientHeight: number;
         clientWidth: number;
         scrollHeight: number;
         scrollWidth: number;
-    }>;
+    };
     private _container;
     private _alive;
-    constructor(_elementRef: ElementRef, _injector: Injector, _ngZone: NgZone, _animationFrame: Observable<number>);
+    private _observer;
+    constructor(_cdr: ChangeDetectorRef);
+    private _observe;
     scrollVertical(event: any): void;
     scrollHorizontal(event: any): void;
     ngOnInit(): void;

package/esm2022/component/icon/icon/icon.component.mjs

@@ -13,8 +13,6 @@ export class IconComponent {
         }
         return result.join(' ');
     }
-    constructor() { }
-    ngOnInit() { }
     getName() {
         return `#${this.name}`;
     }
@@ -24,7 +22,7 @@ export class IconComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg class=\"icon__image\">\n  <use [attr.xlink:href]=\"getName()\"></use>\n</svg>\n" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { name: [{
+        }], propDecorators: { name: [{
                 type: Input
             }], size: [{
                 type: Input
@@ -36,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50L2ljb24vaWNvbi9pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnQvaWNvbi9pY29uL2ljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssR0FFTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0scUNBQXFDLENBQUM7O0FBUS9ELE1BQU0sT0FBTyxhQUFhO0lBQ2YsSUFBSSxDQUFTO0lBQ2IsSUFBSSxHQUFhLFFBQVEsQ0FBQyxDQUFDLENBQUM7SUFDNUIsT0FBTyxDQUFTO0lBRWhCLEtBQUssQ0FBQztJQUVmLElBQ1ksUUFBUTtRQUNsQixNQUFNLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFDcEMsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2hCLE1BQU0sQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztTQUNyQztRQUNELE9BQU8sTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQsZ0JBQWUsQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQztJQUVuQixPQUFPO1FBQ0wsT0FBTyxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDO3VHQXRCVSxhQUFhOzJGQUFiLGFBQWEsaUxDZjFCLHNGQUdBOzsyRkRZYSxhQUFhO2tCQU56QixTQUFTOytCQUNFLFdBQVcsbUJBR0osdUJBQXVCLENBQUMsTUFBTTswRUFHdEMsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUdNLFFBQVE7c0JBRG5CLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT25Jbml0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRldGFTaXplIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL2VudW0vdGV0YS1zaXplLmVudW0nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZXRhLWljb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vaWNvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ljb24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEljb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBuYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNpemU6IFRldGFTaXplID0gVGV0YVNpemUuTTtcbiAgQElucHV0KCkgcGFsZXR0ZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIGNsYXNzO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBnZXRDbGFzcygpOiBzdHJpbmcge1xuICAgIGNvbnN0IHJlc3VsdCA9IFt0aGlzLmNsYXNzLCAnaWNvbiddO1xuICAgIGlmICh0aGlzLnBhbGV0dGUpIHtcbiAgICAgIHJlc3VsdC5wdXNoKGBpY29uLSR7dGhpcy5wYWxldHRlfWApO1xuICAgIH1cbiAgICByZXR1cm4gcmVzdWx0LmpvaW4oJyAnKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG5cbiAgZ2V0TmFtZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiBgIyR7dGhpcy5uYW1lfWA7XG4gIH1cbn1cbiIsIjxzdmcgY2xhc3M9XCJpY29uX19pbWFnZVwiPlxuICA8dXNlIFthdHRyLnhsaW5rOmhyZWZdPVwiZ2V0TmFtZSgpXCI+PC91c2U+XG48L3N2Zz5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50L2ljb24vaWNvbi9pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnQvaWNvbi9pY29uL2ljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0scUNBQXFDLENBQUM7O0FBUS9ELE1BQU0sT0FBTyxhQUFhO0lBQ2YsSUFBSSxDQUFTO0lBQ2IsSUFBSSxHQUFhLFFBQVEsQ0FBQyxDQUFDLENBQUM7SUFDNUIsT0FBTyxDQUFTO0lBRWhCLEtBQUssQ0FBQztJQUVmLElBQ1ksUUFBUTtRQUNsQixNQUFNLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFDcEMsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2hCLE1BQU0sQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztTQUNyQztRQUNELE9BQU8sTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQsT0FBTztRQUNMLE9BQU8sSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQzt1R0FsQlUsYUFBYTsyRkFBYixhQUFhLGlMQ2YxQixzRkFHQTs7MkZEWWEsYUFBYTtrQkFOekIsU0FBUzsrQkFDRSxXQUFXLG1CQUdKLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSztnQkFHTSxRQUFRO3NCQURuQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBUZXRhU2l6ZSB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9lbnVtL3RldGEtc2l6ZS5lbnVtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGV0YS1pY29uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ljb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pY29uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBJY29uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbmFtZTogc3RyaW5nO1xuICBASW5wdXQoKSBzaXplOiBUZXRhU2l6ZSA9IFRldGFTaXplLk07XG4gIEBJbnB1dCgpIHBhbGV0dGU6IHN0cmluZztcblxuICBASW5wdXQoKSBjbGFzcztcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgZ2V0Q2xhc3MoKTogc3RyaW5nIHtcbiAgICBjb25zdCByZXN1bHQgPSBbdGhpcy5jbGFzcywgJ2ljb24nXTtcbiAgICBpZiAodGhpcy5wYWxldHRlKSB7XG4gICAgICByZXN1bHQucHVzaChgaWNvbi0ke3RoaXMucGFsZXR0ZX1gKTtcbiAgICB9XG4gICAgcmV0dXJuIHJlc3VsdC5qb2luKCcgJyk7XG4gIH1cblxuICBnZXROYW1lKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAjJHt0aGlzLm5hbWV9YDtcbiAgfVxufVxuIiwiPHN2ZyBjbGFzcz1cImljb25fX2ltYWdlXCI+XG4gIDx1c2UgW2F0dHIueGxpbms6aHJlZl09XCJnZXROYW1lKClcIj48L3VzZT5cbjwvc3ZnPlxuIl19

package/esm2022/directive/scrollable/scrollable/scrollable.component.mjs

@@ -1,18 +1,11 @@
-import { ChangeDetectionStrategy, Component, ContentChild, ElementRef, EventEmitter, HostBinding, Inject, Input, Output, ViewChild, } from '@angular/core';
-import { ScrollableDirective } from "../scrollable.directive";
-import { ANIMATION_FRAME } from "../../../observable/animation-frame";
-import { fromEvent, tap } from "rxjs";
-import { map, takeWhile, throttleTime } from "rxjs/operators";
-import { tetaZoneFull } from "../../../observable/zoneObservable";
+import { ChangeDetectionStrategy, Component, ContentChild, ElementRef, EventEmitter, HostBinding, Input, Output, ViewChild, } from '@angular/core';
+import { fromEvent, tap } from 'rxjs';
+import { takeWhile } from 'rxjs/operators';
+import { ScrollableDirective } from '../scrollable.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "../../let/let.directive";
-import * as i3 from "rxjs";
 export class ScrollableComponent {
-    _elementRef;
-    _injector;
-    _ngZone;
-    _animationFrame;
+    _cdr;
     _scrollDirective;
     _scrollableWrapper;
     _scrollbarVertical;
@@ -24,29 +17,25 @@ export class ScrollableComponent {
     scrollSize;
     _container;
     _alive = true;
-    constructor(_elementRef, _injector, _ngZone, _animationFrame) {
-        this._elementRef = _elementRef;
-        this._injector = _injector;
-        this._ngZone = _ngZone;
-        this._animationFrame = _animationFrame;
-        this.scrollSize = this._animationFrame.pipe(throttleTime(300), map(() => ({
+    _observer;
+    constructor(_cdr) {
+        this._cdr = _cdr;
+        this._observer = new ResizeObserver(this._observe);
+    }
+    _observe = () => {
+        this.scrollSize = {
             scrollHeight: this._container.nativeElement.scrollHeight,
             scrollWidth: this._container.nativeElement.scrollWidth,
             clientHeight: this._container.nativeElement.clientHeight,
             clientWidth: this._container.nativeElement.clientWidth,
-        })), tetaZoneFull(this._ngZone));
-    }
+        };
+        this._cdr.detectChanges();
+    };
     scrollVertical(event) {
         this._container.nativeElement.scrollTop = event.target.scrollTop;
-        // event.scrollLeft = this._container.nativeElement.scrollLeft;
-        // this._elementRef.nativeElement.dispatchEvent(event);
-        // this.scroll.emit(event);
     }
     scrollHorizontal(event) {
         this._container.nativeElement.scrollLeft = event.target.scrollLeft;
-        // event.scrollTop = this._container.nativeElement.scrollTop;
-        // this._elementRef.nativeElement.dispatchEvent(event);
-        // this.scroll.emit(event);
     }
     ngOnInit() {
         this._container = this._scrollableWrapper;
@@ -55,44 +44,46 @@ export class ScrollableComponent {
         }
         fromEvent(this._container.nativeElement, 'scroll')
             .pipe(takeWhile(() => this._alive), tap((event) => {
-            this._scrollbarHorizontal.nativeElement.scrollLeft = event.target.scrollLeft;
-            this._scrollbarVertical.nativeElement.scrollTop = event.target.scrollTop;
-            // this._elementRef.nativeElement.dispatchEvent(event);
+            this._scrollbarHorizontal.nativeElement.scrollLeft =
+                event.target.scrollLeft;
+            this._scrollbarVertical.nativeElement.scrollTop =
+                event.target.scrollTop;
             this.scroll.emit(event);
-        })).subscribe();
+        }))
+            .subscribe();
+        this._observer.observe(this._container.nativeElement);
     }
     ngOnDestroy() {
         this._alive = false;
+        this._observer.unobserve(this._container.nativeElement);
+        this._observer.disconnect();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: ScrollableComponent, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: i0.NgZone }, { token: ANIMATION_FRAME }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: ScrollableComponent, selector: "teta-scrollable", inputs: { direction: "direction", showScrollbars: "showScrollbars", contentClass: "contentClass" }, outputs: { scroll: "scroll" }, host: { properties: { "class.show-scrollbars": "this.showScrollbars" } }, queries: [{ propertyName: "_scrollDirective", first: true, predicate: ScrollableDirective, descendants: true, read: ElementRef, static: true }], viewQueries: [{ propertyName: "_scrollableWrapper", first: true, predicate: ["scrollableWrapper"], descendants: true, static: true }, { propertyName: "_scrollbarVertical", first: true, predicate: ["scrollbarVertical"], descendants: true, static: true }, { propertyName: "_scrollbarHorizontal", first: true, predicate: ["scrollbarHorizontal"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"scroll-controls\" *tetaLet=\"scrollSize | async as size\">\n  <div #scrollbarVertical\n       [class.display-none]=\"size?.scrollHeight <= size?.clientHeight\"\n       class=\"scroll-scrollbar scroll-scrollbar-vertical\"\n       (scroll)=\"scrollVertical($event)\">\n    <div [style.height.px]=\"size?.scrollHeight\" style=\"width: 1px;\"></div>\n  </div>\n  <div #scrollbarHorizontal\n       [class.display-none]=\"size?.scrollWidth <= size?.clientWidth\"\n       class=\"scroll-scrollbar scroll-scrollbar-horizontal\"\n       (scroll)=\"scrollHorizontal($event)\">\n    <div [style.width.px]=\"size?.scrollWidth\" style=\"height: 1px;\"></div>\n  </div>\n</div>\n\n\n<!--<div #scrollableWrapper class=\"scroll-content-wrapper\">-->\n<!--  <div class=\"scroll-content\"-->\n<!--       [class.column]=\"direction === 'column'\">-->\n<!--    &lt;!&ndash;  <div class=\"scroll-content\">&ndash;&gt;-->\n<!--    <ng-content></ng-content>-->\n<!--  </div>-->\n<!--</div>-->\n<div #scrollableWrapper class=\"scroll-content-wrapper\"\n     [ngClass]=\"contentClass\"\n     [class.column]=\"direction === 'column'\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{overflow:hidden;position:relative;z-index:0;display:flex}:host:hover .scroll-controls{opacity:1}:host.show-scrollbars .scroll-controls{opacity:1}:host::-webkit-scrollbar{width:0;height:0}.scroll-content-wrapper{display:flex;overflow:auto;flex-grow:1}.scroll-content-wrapper::-webkit-scrollbar{width:0;height:0}.scroll-content{position:relative;z-index:0;flex:1;display:flex;height:auto;min-width:0}.scroll-controls{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s linear}.scroll-scrollbar{position:absolute;overflow:auto;pointer-events:auto}.scroll-scrollbar-vertical{right:0;top:0;bottom:12px;width:12px}.scroll-scrollbar-horizontal{right:12px;left:0;bottom:0;height:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.LetDirective, selector: "[tetaLet]", inputs: ["tetaLet"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: ScrollableComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: ScrollableComponent, selector: "teta-scrollable", inputs: { direction: "direction", showScrollbars: "showScrollbars", contentClass: "contentClass" }, outputs: { scroll: "scroll" }, host: { properties: { "class.show-scrollbars": "this.showScrollbars" } }, queries: [{ propertyName: "_scrollDirective", first: true, predicate: ScrollableDirective, descendants: true, read: ElementRef, static: true }], viewQueries: [{ propertyName: "_scrollableWrapper", first: true, predicate: ["scrollableWrapper"], descendants: true, static: true }, { propertyName: "_scrollbarVertical", first: true, predicate: ["scrollbarVertical"], descendants: true, static: true }, { propertyName: "_scrollbarHorizontal", first: true, predicate: ["scrollbarHorizontal"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"scroll-controls\">\n  <div #scrollbarVertical\n       [class.display-none]=\"scrollSize?.scrollHeight <= scrollSize?.clientHeight\"\n       class=\"scroll-scrollbar scroll-scrollbar-vertical\"\n       (scroll)=\"scrollVertical($event)\">\n    <div [style.height.px]=\"scrollSize?.scrollHeight\" style=\"width: 1px;\"></div>\n  </div>\n  <div #scrollbarHorizontal\n       [class.display-none]=\"scrollSize?.scrollWidth <= scrollSize?.clientWidth\"\n       class=\"scroll-scrollbar scroll-scrollbar-horizontal\"\n       (scroll)=\"scrollHorizontal($event)\">\n    <div [style.width.px]=\"scrollSize?.scrollWidth\" style=\"height: 1px;\"></div>\n  </div>\n</div>\n\n\n<!--<div #scrollableWrapper class=\"scroll-content-wrapper\">-->\n<!--  <div class=\"scroll-content\"-->\n<!--       [class.column]=\"direction === 'column'\">-->\n<!--    &lt;!&ndash;  <div class=\"scroll-content\">&ndash;&gt;-->\n<!--    <ng-content></ng-content>-->\n<!--  </div>-->\n<!--</div>-->\n<div #scrollableWrapper class=\"scroll-content-wrapper\"\n     [ngClass]=\"contentClass\"\n     [class.column]=\"direction === 'column'\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{overflow:hidden;position:relative;z-index:0;display:flex}:host:hover .scroll-controls{opacity:1}:host.show-scrollbars .scroll-controls{opacity:1}:host::-webkit-scrollbar{width:0;height:0}.scroll-content-wrapper{display:flex;overflow:auto;flex-grow:1}.scroll-content-wrapper::-webkit-scrollbar{width:0;height:0}.scroll-content{position:relative;z-index:0;flex:1;display:flex;height:auto;min-width:0}.scroll-controls{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s linear}.scroll-scrollbar{position:absolute;overflow:auto;pointer-events:auto}.scroll-scrollbar-vertical{right:0;top:0;bottom:12px;width:12px}.scroll-scrollbar-horizontal{right:12px;left:0;bottom:0;height:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: ScrollableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-scrollable', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"scroll-controls\" *tetaLet=\"scrollSize | async as size\">\n  <div #scrollbarVertical\n       [class.display-none]=\"size?.scrollHeight <= size?.clientHeight\"\n       class=\"scroll-scrollbar scroll-scrollbar-vertical\"\n       (scroll)=\"scrollVertical($event)\">\n    <div [style.height.px]=\"size?.scrollHeight\" style=\"width: 1px;\"></div>\n  </div>\n  <div #scrollbarHorizontal\n       [class.display-none]=\"size?.scrollWidth <= size?.clientWidth\"\n       class=\"scroll-scrollbar scroll-scrollbar-horizontal\"\n       (scroll)=\"scrollHorizontal($event)\">\n    <div [style.width.px]=\"size?.scrollWidth\" style=\"height: 1px;\"></div>\n  </div>\n</div>\n\n\n<!--<div #scrollableWrapper class=\"scroll-content-wrapper\">-->\n<!--  <div class=\"scroll-content\"-->\n<!--       [class.column]=\"direction === 'column'\">-->\n<!--    &lt;!&ndash;  <div class=\"scroll-content\">&ndash;&gt;-->\n<!--    <ng-content></ng-content>-->\n<!--  </div>-->\n<!--</div>-->\n<div #scrollableWrapper class=\"scroll-content-wrapper\"\n     [ngClass]=\"contentClass\"\n     [class.column]=\"direction === 'column'\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{overflow:hidden;position:relative;z-index:0;display:flex}:host:hover .scroll-controls{opacity:1}:host.show-scrollbars .scroll-controls{opacity:1}:host::-webkit-scrollbar{width:0;height:0}.scroll-content-wrapper{display:flex;overflow:auto;flex-grow:1}.scroll-content-wrapper::-webkit-scrollbar{width:0;height:0}.scroll-content{position:relative;z-index:0;flex:1;display:flex;height:auto;min-width:0}.scroll-controls{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s linear}.scroll-scrollbar{position:absolute;overflow:auto;pointer-events:auto}.scroll-scrollbar-vertical{right:0;top:0;bottom:12px;width:12px}.scroll-scrollbar-horizontal{right:12px;left:0;bottom:0;height:12px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Injector }, { type: i0.NgZone }, { type: i3.Observable, decorators: [{
-                    type: Inject,
-                    args: [ANIMATION_FRAME]
-                }] }]; }, propDecorators: { _scrollDirective: [{
+            args: [{ selector: 'teta-scrollable', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"scroll-controls\">\n  <div #scrollbarVertical\n       [class.display-none]=\"scrollSize?.scrollHeight <= scrollSize?.clientHeight\"\n       class=\"scroll-scrollbar scroll-scrollbar-vertical\"\n       (scroll)=\"scrollVertical($event)\">\n    <div [style.height.px]=\"scrollSize?.scrollHeight\" style=\"width: 1px;\"></div>\n  </div>\n  <div #scrollbarHorizontal\n       [class.display-none]=\"scrollSize?.scrollWidth <= scrollSize?.clientWidth\"\n       class=\"scroll-scrollbar scroll-scrollbar-horizontal\"\n       (scroll)=\"scrollHorizontal($event)\">\n    <div [style.width.px]=\"scrollSize?.scrollWidth\" style=\"height: 1px;\"></div>\n  </div>\n</div>\n\n\n<!--<div #scrollableWrapper class=\"scroll-content-wrapper\">-->\n<!--  <div class=\"scroll-content\"-->\n<!--       [class.column]=\"direction === 'column'\">-->\n<!--    &lt;!&ndash;  <div class=\"scroll-content\">&ndash;&gt;-->\n<!--    <ng-content></ng-content>-->\n<!--  </div>-->\n<!--</div>-->\n<div #scrollableWrapper class=\"scroll-content-wrapper\"\n     [ngClass]=\"contentClass\"\n     [class.column]=\"direction === 'column'\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{overflow:hidden;position:relative;z-index:0;display:flex}:host:hover .scroll-controls{opacity:1}:host.show-scrollbars .scroll-controls{opacity:1}:host::-webkit-scrollbar{width:0;height:0}.scroll-content-wrapper{display:flex;overflow:auto;flex-grow:1}.scroll-content-wrapper::-webkit-scrollbar{width:0;height:0}.scroll-content{position:relative;z-index:0;flex:1;display:flex;height:auto;min-width:0}.scroll-controls{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s linear}.scroll-scrollbar{position:absolute;overflow:auto;pointer-events:auto}.scroll-scrollbar-vertical{right:0;top:0;bottom:12px;width:12px}.scroll-scrollbar-horizontal{right:12px;left:0;bottom:0;height:12px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { _scrollDirective: [{
                 type: ContentChild,
                 args: [ScrollableDirective, {
                         static: true,
-                        read: ElementRef
+                        read: ElementRef,
                     }]
             }], _scrollableWrapper: [{
                 type: ViewChild,
                 args: ['scrollableWrapper', {
-                        static: true
+                        static: true,
                     }]
             }], _scrollbarVertical: [{
                 type: ViewChild,
                 args: ['scrollbarVertical', {
-                        static: true
+                        static: true,
                     }]
             }], _scrollbarHorizontal: [{
                 type: ViewChild,
                 args: ['scrollbarHorizontal', {
-                        static: true
+                        static: true,
                     }]
             }], direction: [{
                 type: Input
@@ -106,4 +97,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
             }], scroll: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsYWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZGlyZWN0aXZlL3Njcm9sbGFibGUvc2Nyb2xsYWJsZS9zY3JvbGxhYmxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9kaXJlY3RpdmUvc2Nyb2xsYWJsZS9zY3JvbGxhYmxlL3Njcm9sbGFibGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQUUsWUFBWSxFQUN2QixVQUFVLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQ25DLEtBQUssRUFDUCxNQUFNLEVBQUUsU0FBUyxHQUMxQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUM1RCxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0scUNBQXFDLENBQUM7QUFDcEUsT0FBTyxFQUFDLFNBQVMsRUFBYyxHQUFHLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFDaEQsT0FBTyxFQUFDLEdBQUcsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDNUQsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLG9DQUFvQyxDQUFDOzs7OztBQVFoRSxNQUFNLE9BQU8sbUJBQW1CO0lBcUNWO0lBQ0E7SUFDQTtJQUN5QjtJQXBDbEMsZ0JBQWdCLENBQWE7SUFJN0Isa0JBQWtCLENBQVk7SUFJOUIsa0JBQWtCLENBQVk7SUFJOUIsb0JBQW9CLENBQWE7SUFFbkMsU0FBUyxHQUFxQixLQUFLLENBQUM7SUFHN0MsY0FBYyxHQUFHLEtBQUssQ0FBQztJQUVkLFlBQVksQ0FBb0I7SUFFL0IsTUFBTSxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7SUFFN0MsVUFBVSxDQUtQO0lBRUssVUFBVSxDQUFhO0lBQ3ZCLE1BQU0sR0FBRyxJQUFJLENBQUM7SUFFdEIsWUFBb0IsV0FBdUIsRUFDdkIsU0FBbUIsRUFDbkIsT0FBZSxFQUNVLGVBQW1DO1FBSDVELGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQ3ZCLGNBQVMsR0FBVCxTQUFTLENBQVU7UUFDbkIsWUFBTyxHQUFQLE9BQU8sQ0FBUTtRQUNVLG9CQUFlLEdBQWYsZUFBZSxDQUFvQjtRQUM5RSxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUN6QyxZQUFZLENBQUMsR0FBRyxDQUFDLEVBQ2pCLEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDO1lBQ1QsWUFBWSxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFlBQVk7WUFDeEQsV0FBVyxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFdBQVc7WUFDdEQsWUFBWSxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFlBQVk7WUFDeEQsV0FBVyxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFdBQVc7U0FDdkQsQ0FBQyxDQUFDLEVBQ0gsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FDM0IsQ0FBQTtJQUNILENBQUM7SUFFRCxjQUFjLENBQUMsS0FBSztRQUNsQixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUM7UUFDakUsK0RBQStEO1FBQy9ELHVEQUF1RDtRQUN2RCwyQkFBMkI7SUFDN0IsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQUs7UUFDcEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDO1FBQ25FLDZEQUE2RDtRQUM3RCx1REFBdUQ7UUFDdkQsMkJBQTJCO0lBQzdCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUM7UUFDMUMsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFDekIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7U0FDekM7UUFFRCxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsUUFBUSxDQUFDO2FBQy9DLElBQUksQ0FDSCxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUM1QixHQUFHLENBQUMsQ0FBQyxLQUFVLEVBQUUsRUFBRTtZQUNqQixJQUFJLENBQUMsb0JBQW9CLENBQUMsYUFBYSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQztZQUM3RSxJQUFJLENBQUMsa0JBQWtCLENBQUMsYUFBYSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQztZQUN6RSx1REFBdUQ7WUFDdkQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDMUIsQ0FBQyxDQUFDLENBQ0gsQ0FBQyxTQUFTLEVBQUUsQ0FBQTtJQUNqQixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO0lBQ3RCLENBQUM7dUdBdkZVLG1CQUFtQiwwRkF3Q1YsZUFBZTsyRkF4Q3hCLG1CQUFtQixrVEFDaEIsbUJBQW1CLDJCQUV6QixVQUFVLHNhQ3RCcEIsMm9DQTRCQTs7MkZEVGEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNFLGlCQUFpQixtQkFHVix1QkFBdUIsQ0FBQyxNQUFNOzswQkEwQ2xDLE1BQU07MkJBQUMsZUFBZTs0Q0FwQ3hCLGdCQUFnQjtzQkFIMUIsWUFBWTt1QkFBQyxtQkFBbUIsRUFBRTt3QkFDakMsTUFBTSxFQUFFLElBQUk7d0JBQ1osSUFBSSxFQUFFLFVBQVU7cUJBQ2pCO2dCQUlVLGtCQUFrQjtzQkFGNUIsU0FBUzt1QkFBQyxtQkFBbUIsRUFBRTt3QkFDOUIsTUFBTSxFQUFFLElBQUk7cUJBQ2I7Z0JBSVUsa0JBQWtCO3NCQUY1QixTQUFTO3VCQUFDLG1CQUFtQixFQUFFO3dCQUM5QixNQUFNLEVBQUUsSUFBSTtxQkFDYjtnQkFJVSxvQkFBb0I7c0JBRjlCLFNBQVM7dUJBQUMscUJBQXFCLEVBQUU7d0JBQ2hDLE1BQU0sRUFBRSxJQUFJO3FCQUNiO2dCQUVRLFNBQVM7c0JBQWpCLEtBQUs7Z0JBR04sY0FBYztzQkFGYixLQUFLOztzQkFDTCxXQUFXO3VCQUFDLHVCQUF1QjtnQkFHM0IsWUFBWTtzQkFBcEIsS0FBSztnQkFFSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsXG4gIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIEluamVjdCxcbiAgSW5qZWN0b3IsIElucHV0LCBOZ1pvbmUsIE9uRGVzdHJveSxcbiAgT25Jbml0LCBPdXRwdXQsIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1Njcm9sbGFibGVEaXJlY3RpdmV9IGZyb20gXCIuLi9zY3JvbGxhYmxlLmRpcmVjdGl2ZVwiO1xuaW1wb3J0IHtBTklNQVRJT05fRlJBTUV9IGZyb20gXCIuLi8uLi8uLi9vYnNlcnZhYmxlL2FuaW1hdGlvbi1mcmFtZVwiO1xuaW1wb3J0IHtmcm9tRXZlbnQsIE9ic2VydmFibGUsIHRhcH0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7bWFwLCB0YWtlV2hpbGUsIHRocm90dGxlVGltZX0gZnJvbSBcInJ4anMvb3BlcmF0b3JzXCI7XG5pbXBvcnQge3RldGFab25lRnVsbH0gZnJvbSBcIi4uLy4uLy4uL29ic2VydmFibGUvem9uZU9ic2VydmFibGVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGV0YS1zY3JvbGxhYmxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Njcm9sbGFibGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zY3JvbGxhYmxlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFNjcm9sbGFibGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIEBDb250ZW50Q2hpbGQoU2Nyb2xsYWJsZURpcmVjdGl2ZSwge1xuICAgIHN0YXRpYzogdHJ1ZSxcbiAgICByZWFkOiBFbGVtZW50UmVmXG4gIH0pIHByaXZhdGUgX3Njcm9sbERpcmVjdGl2ZTogRWxlbWVudFJlZjtcblxuICBAVmlld0NoaWxkKCdzY3JvbGxhYmxlV3JhcHBlcicsIHtcbiAgICBzdGF0aWM6IHRydWVcbiAgfSkgcHJpdmF0ZSBfc2Nyb2xsYWJsZVdyYXBwZXI6IEVsZW1lbnRSZWZcblxuICBAVmlld0NoaWxkKCdzY3JvbGxiYXJWZXJ0aWNhbCcsIHtcbiAgICBzdGF0aWM6IHRydWVcbiAgfSkgcHJpdmF0ZSBfc2Nyb2xsYmFyVmVydGljYWw6IEVsZW1lbnRSZWZcblxuICBAVmlld0NoaWxkKCdzY3JvbGxiYXJIb3Jpem9udGFsJywge1xuICAgIHN0YXRpYzogdHJ1ZVxuICB9KSBwcml2YXRlIF9zY3JvbGxiYXJIb3Jpem9udGFsOiBFbGVtZW50UmVmO1xuXG4gIEBJbnB1dCgpIGRpcmVjdGlvbjogJ3JvdycgfCAnY29sdW1uJyA9ICdyb3cnO1xuICBASW5wdXQoKVxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnNob3ctc2Nyb2xsYmFycycpXG4gIHNob3dTY3JvbGxiYXJzID0gZmFsc2U7XG5cbiAgQElucHV0KCkgY29udGVudENsYXNzOiBzdHJpbmcgfCBzdHJpbmdbXTtcblxuICBAT3V0cHV0KCkgc2Nyb2xsID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcblxuICBzY3JvbGxTaXplOiBPYnNlcnZhYmxlPHtcbiAgICBjbGllbnRIZWlnaHQ6IG51bWJlcjtcbiAgICBjbGllbnRXaWR0aDogbnVtYmVyO1xuICAgIHNjcm9sbEhlaWdodDogbnVtYmVyO1xuICAgIHNjcm9sbFdpZHRoOiBudW1iZXI7XG4gIH0+O1xuXG4gIHByaXZhdGUgX2NvbnRhaW5lcjogRWxlbWVudFJlZjtcbiAgcHJpdmF0ZSBfYWxpdmUgPSB0cnVlO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICAgICAgICAgICAgIHByaXZhdGUgX2luamVjdG9yOiBJbmplY3RvcixcbiAgICAgICAgICAgICAgcHJpdmF0ZSBfbmdab25lOiBOZ1pvbmUsXG4gICAgICAgICAgICAgIEBJbmplY3QoQU5JTUFUSU9OX0ZSQU1FKSBwcml2YXRlIF9hbmltYXRpb25GcmFtZTogT2JzZXJ2YWJsZTxudW1iZXI+KSB7XG4gICAgdGhpcy5zY3JvbGxTaXplID0gdGhpcy5fYW5pbWF0aW9uRnJhbWUucGlwZShcbiAgICAgIHRocm90dGxlVGltZSgzMDApLFxuICAgICAgbWFwKCgpID0+ICh7XG4gICAgICAgIHNjcm9sbEhlaWdodDogdGhpcy5fY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsSGVpZ2h0LFxuICAgICAgICBzY3JvbGxXaWR0aDogdGhpcy5fY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsV2lkdGgsXG4gICAgICAgIGNsaWVudEhlaWdodDogdGhpcy5fY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuY2xpZW50SGVpZ2h0LFxuICAgICAgICBjbGllbnRXaWR0aDogdGhpcy5fY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuY2xpZW50V2lkdGgsXG4gICAgICB9KSksXG4gICAgICB0ZXRhWm9uZUZ1bGwodGhpcy5fbmdab25lKVxuICAgIClcbiAgfVxuXG4gIHNjcm9sbFZlcnRpY2FsKGV2ZW50KSB7XG4gICAgdGhpcy5fY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsVG9wID0gZXZlbnQudGFyZ2V0LnNjcm9sbFRvcDtcbiAgICAvLyBldmVudC5zY3JvbGxMZWZ0ID0gdGhpcy5fY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsTGVmdDtcbiAgICAvLyB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZGlzcGF0Y2hFdmVudChldmVudCk7XG4gICAgLy8gdGhpcy5zY3JvbGwuZW1pdChldmVudCk7XG4gIH1cblxuICBzY3JvbGxIb3Jpem9udGFsKGV2ZW50KSB7XG4gICAgdGhpcy5fY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsTGVmdCA9IGV2ZW50LnRhcmdldC5zY3JvbGxMZWZ0O1xuICAgIC8vIGV2ZW50LnNjcm9sbFRvcCA9IHRoaXMuX2NvbnRhaW5lci5uYXRpdmVFbGVtZW50LnNjcm9sbFRvcDtcbiAgICAvLyB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZGlzcGF0Y2hFdmVudChldmVudCk7XG4gICAgLy8gdGhpcy5zY3JvbGwuZW1pdChldmVudCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLl9jb250YWluZXIgPSB0aGlzLl9zY3JvbGxhYmxlV3JhcHBlcjtcbiAgICBpZiAodGhpcy5fc2Nyb2xsRGlyZWN0aXZlKSB7XG4gICAgICB0aGlzLl9jb250YWluZXIgPSB0aGlzLl9zY3JvbGxEaXJlY3RpdmU7XG4gICAgfVxuXG4gICAgZnJvbUV2ZW50KHRoaXMuX2NvbnRhaW5lci5uYXRpdmVFbGVtZW50LCAnc2Nyb2xsJylcbiAgICAgIC5waXBlKFxuICAgICAgICB0YWtlV2hpbGUoKCkgPT4gdGhpcy5fYWxpdmUpLFxuICAgICAgICB0YXAoKGV2ZW50OiBhbnkpID0+IHtcbiAgICAgICAgICB0aGlzLl9zY3JvbGxiYXJIb3Jpem9udGFsLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsTGVmdCA9IGV2ZW50LnRhcmdldC5zY3JvbGxMZWZ0O1xuICAgICAgICAgIHRoaXMuX3Njcm9sbGJhclZlcnRpY2FsLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsVG9wID0gZXZlbnQudGFyZ2V0LnNjcm9sbFRvcDtcbiAgICAgICAgICAvLyB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZGlzcGF0Y2hFdmVudChldmVudCk7XG4gICAgICAgICAgdGhpcy5zY3JvbGwuZW1pdChldmVudCk7XG4gICAgICAgIH0pXG4gICAgICApLnN1YnNjcmliZSgpXG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLl9hbGl2ZSA9IGZhbHNlO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Nyb2xsLWNvbnRyb2xzXCIgKnRldGFMZXQ9XCJzY3JvbGxTaXplIHwgYXN5bmMgYXMgc2l6ZVwiPlxuICA8ZGl2ICNzY3JvbGxiYXJWZXJ0aWNhbFxuICAgICAgIFtjbGFzcy5kaXNwbGF5LW5vbmVdPVwic2l6ZT8uc2Nyb2xsSGVpZ2h0IDw9IHNpemU/LmNsaWVudEhlaWdodFwiXG4gICAgICAgY2xhc3M9XCJzY3JvbGwtc2Nyb2xsYmFyIHNjcm9sbC1zY3JvbGxiYXItdmVydGljYWxcIlxuICAgICAgIChzY3JvbGwpPVwic2Nyb2xsVmVydGljYWwoJGV2ZW50KVwiPlxuICAgIDxkaXYgW3N0eWxlLmhlaWdodC5weF09XCJzaXplPy5zY3JvbGxIZWlnaHRcIiBzdHlsZT1cIndpZHRoOiAxcHg7XCI+PC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2ICNzY3JvbGxiYXJIb3Jpem9udGFsXG4gICAgICAgW2NsYXNzLmRpc3BsYXktbm9uZV09XCJzaXplPy5zY3JvbGxXaWR0aCA8PSBzaXplPy5jbGllbnRXaWR0aFwiXG4gICAgICAgY2xhc3M9XCJzY3JvbGwtc2Nyb2xsYmFyIHNjcm9sbC1zY3JvbGxiYXItaG9yaXpvbnRhbFwiXG4gICAgICAgKHNjcm9sbCk9XCJzY3JvbGxIb3Jpem9udGFsKCRldmVudClcIj5cbiAgICA8ZGl2IFtzdHlsZS53aWR0aC5weF09XCJzaXplPy5zY3JvbGxXaWR0aFwiIHN0eWxlPVwiaGVpZ2h0OiAxcHg7XCI+PC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG5cblxuPCEtLTxkaXYgI3Njcm9sbGFibGVXcmFwcGVyIGNsYXNzPVwic2Nyb2xsLWNvbnRlbnQtd3JhcHBlclwiPi0tPlxuPCEtLSAgPGRpdiBjbGFzcz1cInNjcm9sbC1jb250ZW50XCItLT5cbjwhLS0gICAgICAgW2NsYXNzLmNvbHVtbl09XCJkaXJlY3Rpb24gPT09ICdjb2x1bW4nXCI+LS0+XG48IS0tICAgICZsdDshJm5kYXNoOyAgPGRpdiBjbGFzcz1cInNjcm9sbC1jb250ZW50XCI+Jm5kYXNoOyZndDstLT5cbjwhLS0gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50Pi0tPlxuPCEtLSAgPC9kaXY+LS0+XG48IS0tPC9kaXY+LS0+XG48ZGl2ICNzY3JvbGxhYmxlV3JhcHBlciBjbGFzcz1cInNjcm9sbC1jb250ZW50LXdyYXBwZXJcIlxuICAgICBbbmdDbGFzc109XCJjb250ZW50Q2xhc3NcIlxuICAgICBbY2xhc3MuY29sdW1uXT1cImRpcmVjdGlvbiA9PT0gJ2NvbHVtbidcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsYWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZGlyZWN0aXZlL3Njcm9sbGFibGUvc2Nyb2xsYWJsZS9zY3JvbGxhYmxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9kaXJlY3RpdmUvc2Nyb2xsYWJsZS9zY3JvbGxhYmxlL3Njcm9sbGFibGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUV2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFVBQVUsRUFDVixZQUFZLEVBQ1osV0FBVyxFQUNYLEtBQUssRUFHTCxNQUFNLEVBQ04sU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7O0FBUTlELE1BQU0sT0FBTyxtQkFBbUI7SUEwQ1Y7SUFyQ1osZ0JBQWdCLENBQWE7SUFLN0Isa0JBQWtCLENBQWE7SUFLL0Isa0JBQWtCLENBQWE7SUFLL0Isb0JBQW9CLENBQWE7SUFFaEMsU0FBUyxHQUFxQixLQUFLLENBQUM7SUFHN0MsY0FBYyxHQUFHLEtBQUssQ0FBQztJQUVkLFlBQVksQ0FBb0I7SUFFL0IsTUFBTSxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7SUFFN0MsVUFBVSxDQUtSO0lBRU0sVUFBVSxDQUFhO0lBQ3ZCLE1BQU0sR0FBRyxJQUFJLENBQUM7SUFDZCxTQUFTLENBQWlCO0lBRWxDLFlBQW9CLElBQXVCO1FBQXZCLFNBQUksR0FBSixJQUFJLENBQW1CO1FBQ3pDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxjQUFjLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FB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QVM7c0JBQWpCLEtBQUs7Z0JBR04sY0FBYztzQkFGYixLQUFLOztzQkFDTCxXQUFXO3VCQUFDLHVCQUF1QjtnQkFHM0IsWUFBWTtzQkFBcEIsS0FBSztnQkFFSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZyb21FdmVudCwgdGFwIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlV2hpbGUgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7IFNjcm9sbGFibGVEaXJlY3RpdmUgfSBmcm9tICcuLi9zY3JvbGxhYmxlLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RldGEtc2Nyb2xsYWJsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zY3JvbGxhYmxlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2Nyb2xsYWJsZS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2Nyb2xsYWJsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgQENvbnRlbnRDaGlsZChTY3JvbGxhYmxlRGlyZWN0aXZlLCB7XG4gICAgc3RhdGljOiB0cnVlLFxuICAgIHJlYWQ6IEVsZW1lbnRSZWYsXG4gIH0pXG4gIHByaXZhdGUgX3Njcm9sbERpcmVjdGl2ZTogRWxlbWVudFJlZjtcblxuICBAVmlld0NoaWxkKCdzY3JvbGxhYmxlV3JhcHBlcicsIHtcbiAgICBzdGF0aWM6IHRydWUsXG4gIH0pXG4gIHByaXZhdGUgX3Njcm9sbGFibGVXcmFwcGVyOiBFbGVtZW50UmVmO1xuXG4gIEBWaWV3Q2hpbGQoJ3Njcm9sbGJhclZlcnRpY2FsJywge1xuICAgIHN0YXRpYzogdHJ1ZSxcbiAgfSlcbiAgcHJpdmF0ZSBfc2Nyb2xsYmFyVmVydGljYWw6IEVsZW1lbnRSZWY7XG5cbiAgQFZpZXdDaGlsZCgnc2Nyb2xsYmFySG9yaXpvbnRhbCcsIHtcbiAgICBzdGF0aWM6IHRydWUsXG4gIH0pXG4gIHByaXZhdGUgX3Njcm9sbGJhckhvcml6b250YWw6IEVsZW1lbnRSZWY7XG5cbiAgQElucHV0KCkgZGlyZWN0aW9uOiAncm93JyB8ICdjb2x1bW4nID0gJ3Jvdyc7XG4gIEBJbnB1dCgpXG4gIEBIb3N0QmluZGluZygnY2xhc3Muc2hvdy1zY3JvbGxiYXJzJylcbiAgc2hvd1Njcm9sbGJhcnMgPSBmYWxzZTtcblxuICBASW5wdXQoKSBjb250ZW50Q2xhc3M6IHN0cmluZyB8IHN0cmluZ1tdO1xuXG4gIEBPdXRwdXQoKSBzY3JvbGwgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuXG4gIHNjcm9sbFNpemU6IHtcbiAgICBjbGllbnRIZWlnaHQ6IG51bWJlcjtcbiAgICBjbGllbnRXaWR0aDogbnVtYmVyO1xuICAgIHNjcm9sbEhlaWdodDogbnVtYmVyO1xuICAgIHNjcm9sbFdpZHRoOiBudW1iZXI7XG4gIH07XG5cbiAgcHJpdmF0ZSBfY29udGFpbmVyOiBFbGVtZW50UmVmO1xuICBwcml2YXRlIF9hbGl2ZSA9IHRydWU7XG4gIHByaXZhdGUgX29ic2VydmVyOiBSZXNpemVPYnNlcnZlcjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9jZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gICAgdGhpcy5fb2JzZXJ2ZXIgPSBuZXcgUmVzaXplT2JzZXJ2ZXIodGhpcy5fb2JzZXJ2ZSk7XG4gIH1cblxuICBwcml2YXRlIF9vYnNlcnZlID0gKCkgPT4ge1xuICAgIHRoaXMuc2Nyb2xsU2l6ZSA9IHtcbiAgICAgIHNjcm9sbEhlaWdodDogdGhpcy5fY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsSGVpZ2h0LFxuICAgICAgc2Nyb2xsV2lkdGg6IHRoaXMuX2NvbnRhaW5lci5uYXRpdmVFbGVtZW50LnNjcm9sbFdpZHRoLFxuICAgICAgY2xpZW50SGVpZ2h0OiB0aGlzLl9jb250YWluZXIubmF0aXZlRWxlbWVudC5jbGllbnRIZWlnaHQsXG4gICAgICBjbGllbnRXaWR0aDogdGhpcy5fY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuY2xpZW50V2lkdGgsXG4gICAgfTtcbiAgICB0aGlzLl9jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICB9O1xuXG4gIHNjcm9sbFZlcnRpY2FsKGV2ZW50KSB7XG4gICAgdGhpcy5fY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsVG9wID0gZXZlbnQudGFyZ2V0LnNjcm9sbFRvcDtcbiAgfVxuXG4gIHNjcm9sbEhvcml6b250YWwoZXZlbnQpIHtcbiAgICB0aGlzLl9jb250YWluZXIubmF0aXZlRWxlbWVudC5zY3JvbGxMZWZ0ID0gZXZlbnQudGFyZ2V0LnNjcm9sbExlZnQ7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLl9jb250YWluZXIgPSB0aGlzLl9zY3JvbGxhYmxlV3JhcHBlcjtcbiAgICBpZiAodGhpcy5fc2Nyb2xsRGlyZWN0aXZlKSB7XG4gICAgICB0aGlzLl9jb250YWluZXIgPSB0aGlzLl9zY3JvbGxEaXJlY3RpdmU7XG4gICAgfVxuXG4gICAgZnJvbUV2ZW50KHRoaXMuX2NvbnRhaW5lci5uYXRpdmVFbGVtZW50LCAnc2Nyb2xsJylcbiAgICAgIC5waXBlKFxuICAgICAgICB0YWtlV2hpbGUoKCkgPT4gdGhpcy5fYWxpdmUpLFxuICAgICAgICB0YXAoKGV2ZW50OiBhbnkpID0+IHtcbiAgICAgICAgICB0aGlzLl9zY3JvbGxiYXJIb3Jpem9udGFsLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsTGVmdCA9XG4gICAgICAgICAgICBldmVudC50YXJnZXQuc2Nyb2xsTGVmdDtcbiAgICAgICAgICB0aGlzLl9zY3JvbGxiYXJWZXJ0aWNhbC5uYXRpdmVFbGVtZW50LnNjcm9sbFRvcCA9XG4gICAgICAgICAgICBldmVudC50YXJnZXQuc2Nyb2xsVG9wO1xuICAgICAgICAgIHRoaXMuc2Nyb2xsLmVtaXQoZXZlbnQpO1xuICAgICAgICB9KVxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZSgpO1xuICAgIHRoaXMuX29ic2VydmVyLm9ic2VydmUodGhpcy5fY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5fYWxpdmUgPSBmYWxzZTtcbiAgICB0aGlzLl9vYnNlcnZlci51bm9ic2VydmUodGhpcy5fY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQpO1xuICAgIHRoaXMuX29ic2VydmVyLmRpc2Nvbm5lY3QoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNjcm9sbC1jb250cm9sc1wiPlxuICA8ZGl2ICNzY3JvbGxiYXJWZXJ0aWNhbFxuICAgICAgIFtjbGFzcy5kaXNwbGF5LW5vbmVdPVwic2Nyb2xsU2l6ZT8uc2Nyb2xsSGVpZ2h0IDw9IHNjcm9sbFNpemU/LmNsaWVudEhlaWdodFwiXG4gICAgICAgY2xhc3M9XCJzY3JvbGwtc2Nyb2xsYmFyIHNjcm9sbC1zY3JvbGxiYXItdmVydGljYWxcIlxuICAgICAgIChzY3JvbGwpPVwic2Nyb2xsVmVydGljYWwoJGV2ZW50KVwiPlxuICAgIDxkaXYgW3N0eWxlLmhlaWdodC5weF09XCJzY3JvbGxTaXplPy5zY3JvbGxIZWlnaHRcIiBzdHlsZT1cIndpZHRoOiAxcHg7XCI+PC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2ICNzY3JvbGxiYXJIb3Jpem9udGFsXG4gICAgICAgW2NsYXNzLmRpc3BsYXktbm9uZV09XCJzY3JvbGxTaXplPy5zY3JvbGxXaWR0aCA8PSBzY3JvbGxTaXplPy5jbGllbnRXaWR0aFwiXG4gICAgICAgY2xhc3M9XCJzY3JvbGwtc2Nyb2xsYmFyIHNjcm9sbC1zY3JvbGxiYXItaG9yaXpvbnRhbFwiXG4gICAgICAgKHNjcm9sbCk9XCJzY3JvbGxIb3Jpem9udGFsKCRldmVudClcIj5cbiAgICA8ZGl2IFtzdHlsZS53aWR0aC5weF09XCJzY3JvbGxTaXplPy5zY3JvbGxXaWR0aFwiIHN0eWxlPVwiaGVpZ2h0OiAxcHg7XCI+PC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG5cblxuPCEtLTxkaXYgI3Njcm9sbGFibGVXcmFwcGVyIGNsYXNzPVwic2Nyb2xsLWNvbnRlbnQtd3JhcHBlclwiPi0tPlxuPCEtLSAgPGRpdiBjbGFzcz1cInNjcm9sbC1jb250ZW50XCItLT5cbjwhLS0gICAgICAgW2NsYXNzLmNvbHVtbl09XCJkaXJlY3Rpb24gPT09ICdjb2x1bW4nXCI+LS0+XG48IS0tICAgICZsdDshJm5kYXNoOyAgPGRpdiBjbGFzcz1cInNjcm9sbC1jb250ZW50XCI+Jm5kYXNoOyZndDstLT5cbjwhLS0gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50Pi0tPlxuPCEtLSAgPC9kaXY+LS0+XG48IS0tPC9kaXY+LS0+XG48ZGl2ICNzY3JvbGxhYmxlV3JhcHBlciBjbGFzcz1cInNjcm9sbC1jb250ZW50LXdyYXBwZXJcIlxuICAgICBbbmdDbGFzc109XCJjb250ZW50Q2xhc3NcIlxuICAgICBbY2xhc3MuY29sdW1uXT1cImRpcmVjdGlvbiA9PT0gJ2NvbHVtbidcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=

package/fesm2022/tetacom-ng-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, HostBinding, Directive, Optional, Inject, ContentChild, Input, Host, HostListener, Injectable, NgModule, forwardRef, EventEmitter, Output, PLATFORM_ID, ElementRef, TemplateRef, Injector, Pipe, ViewChild, InjectionToken, inject, ViewContainerRef, ViewEncapsulation, ChangeDetectorRef, ContentChildren, CUSTOM_ELEMENTS_SCHEMA, SkipSelf } from '@angular/core';
+import { Component, ChangeDetectionStrategy, HostBinding, Directive, Optional, Inject, ContentChild, Input, Host, HostListener, Injectable, NgModule, forwardRef, EventEmitter, Output, PLATFORM_ID, ElementRef, TemplateRef, Injector, Pipe, ViewChild, ViewEncapsulation, ChangeDetectorRef, ViewContainerRef, ContentChildren, inject, CUSTOM_ELEMENTS_SCHEMA, SkipSelf, InjectionToken } from '@angular/core';
 import * as i1 from '@angular/common';
 import { DOCUMENT, CommonModule, isPlatformBrowser, DatePipe } from '@angular/common';
 import * as i1$1 from '@angular/common/http';
@@ -12,8 +12,7 @@ import { MaskitoModule } from '@maskito/angular';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { trigger, transition, style, animate } from '@angular/animations';
 import dayjs from 'dayjs';
-import * as i3$1 from 'rxjs';
-import { ReplaySubject, BehaviorSubject, combineLatest, takeWhile as takeWhile$1, filter as filter$1, map as map$1, shareReplay, Observable, share, pipe, fromEvent, tap, Subject, merge } from 'rxjs';
+import { ReplaySubject, BehaviorSubject, combineLatest, takeWhile as takeWhile$1, filter as filter$1, map as map$1, shareReplay, fromEvent, tap, Subject, merge, Observable, pipe, share } from 'rxjs';
 import { maskitoDateTimeOptionsGenerator, maskitoDateOptionsGenerator, maskitoDateRangeOptionsGenerator } from '@maskito/kit';
 import * as i1$2 from '@ngneat/transloco';
 import { TranslocoModule, TRANSLOCO_SCOPE } from '@ngneat/transloco';
@@ -131,8 +130,6 @@ class IconComponent {
         }
         return result.join(' ');
     }
-    constructor() { }
-    ngOnInit() { }
     getName() {
         return `#${this.name}`;
     }
@@ -142,7 +139,7 @@ class IconComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teta-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg class=\"icon__image\">\n  <use [attr.xlink:href]=\"getName()\"></use>\n</svg>\n" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { name: [{
+        }], propDecorators: { name: [{
                 type: Input
             }], size: [{
                 type: Input
@@ -4348,90 +4345,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
                 args: ['class.scrollable_hide_scroll']
             }] } });
 
-const ANIMATION_FRAME = new InjectionToken('Shared Observable based on `window.requestAnimationFrame`', {
-    factory: () => {
-        const { requestAnimationFrame, cancelAnimationFrame } = inject(WINDOW);
-        const animationFrame$ = new Observable(subscriber => {
-            let id = NaN;
-            const callback = (timestamp) => {
-                subscriber.next(timestamp);
-                id = requestAnimationFrame(callback);
-            };
-            id = requestAnimationFrame(callback);
-            return () => {
-                cancelAnimationFrame(id);
-            };
-        });
-        return animationFrame$.pipe(share());
-    },
-});
-const WINDOW = new InjectionToken('An abstraction over global window object', {
-    factory: () => {
-        const { defaultView } = inject(DOCUMENT);
-        if (!defaultView) {
-            throw new Error('Window is not available');
-        }
-        return defaultView;
-    },
-});
-
-function tetaZoneFull(ngZone) {
-    return source => new Observable(subscriber => source.subscribe({
-        next: value => ngZone.run(() => subscriber.next(value)),
-        error: (error) => ngZone.run(() => subscriber.error(error)),
-        complete: () => ngZone.run(() => subscriber.complete()),
-    }));
-}
-function tetaZoneFree(ngZone) {
-    return source => new Observable(subscriber => ngZone.runOutsideAngular(() => source.subscribe(subscriber)));
-}
-function tetaZoneOptimized(ngZone) {
-    return pipe(tetaZoneFree(ngZone), tetaZoneFull(ngZone));
-}
-
-class LetDirective {
-    tetaLet;
-    constructor(viewContainer, templateRef) {
-        viewContainer.createEmbeddedView(templateRef, new LetContext(this));
-    }
-    static ngTemplateContextGuard(_dir, _ctx) {
-        return true;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: LetDirective, deps: [{ token: ViewContainerRef }, { token: TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.1", type: LetDirective, selector: "[tetaLet]", inputs: { tetaLet: "tetaLet" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: LetDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[tetaLet]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef, decorators: [{
-                    type: Inject,
-                    args: [ViewContainerRef]
-                }] }, { type: i0.TemplateRef, decorators: [{
-                    type: Inject,
-                    args: [TemplateRef]
-                }] }]; }, propDecorators: { tetaLet: [{
-                type: Input
-            }] } });
-class LetContext {
-    internalDirectiveInstance;
-    constructor(internalDirectiveInstance) {
-        this.internalDirectiveInstance = internalDirectiveInstance;
-    }
-    get $implicit() {
-        return this.internalDirectiveInstance.tetaLet;
-    }
-    get tetaLet() {
-        return this.internalDirectiveInstance.tetaLet;
-    }
-}
-
 class ScrollableComponent {
-    _elementRef;
-    _injector;
-    _ngZone;
-    _animationFrame;
+    _cdr;
     _scrollDirective;
     _scrollableWrapper;
     _scrollbarVertical;
@@ -4443,29 +4358,25 @@ class ScrollableComponent {
     scrollSize;
     _container;
     _alive = true;
-    constructor(_elementRef, _injector, _ngZone, _animationFrame) {
-        this._elementRef = _elementRef;
-        this._injector = _injector;
-        this._ngZone = _ngZone;
-        this._animationFrame = _animationFrame;
-        this.scrollSize = this._animationFrame.pipe(throttleTime(300), map(() => ({
+    _observer;
+    constructor(_cdr) {
+        this._cdr = _cdr;
+        this._observer = new ResizeObserver(this._observe);
+    }
+    _observe = () => {
+        this.scrollSize = {
             scrollHeight: this._container.nativeElement.scrollHeight,
             scrollWidth: this._container.nativeElement.scrollWidth,
             clientHeight: this._container.nativeElement.clientHeight,
             clientWidth: this._container.nativeElement.clientWidth,
-        })), tetaZoneFull(this._ngZone));
-    }
+        };
+        this._cdr.detectChanges();
+    };
     scrollVertical(event) {
         this._container.nativeElement.scrollTop = event.target.scrollTop;
-        // event.scrollLeft = this._container.nativeElement.scrollLeft;
-        // this._elementRef.nativeElement.dispatchEvent(event);
-        // this.scroll.emit(event);
     }
     scrollHorizontal(event) {
         this._container.nativeElement.scrollLeft = event.target.scrollLeft;
-        // event.scrollTop = this._container.nativeElement.scrollTop;
-        // this._elementRef.nativeElement.dispatchEvent(event);
-        // this.scroll.emit(event);
     }
     ngOnInit() {
         this._container = this._scrollableWrapper;
@@ -4474,44 +4385,46 @@ class ScrollableComponent {
         }
         fromEvent(this._container.nativeElement, 'scroll')
             .pipe(takeWhile(() => this._alive), tap((event) => {
-            this._scrollbarHorizontal.nativeElement.scrollLeft = event.target.scrollLeft;
-            this._scrollbarVertical.nativeElement.scrollTop = event.target.scrollTop;
-            // this._elementRef.nativeElement.dispatchEvent(event);
+            this._scrollbarHorizontal.nativeElement.scrollLeft =
+                event.target.scrollLeft;
+            this._scrollbarVertical.nativeElement.scrollTop =
+                event.target.scrollTop;
             this.scroll.emit(event);
-        })).subscribe();
+        }))
+            .subscribe();
+        this._observer.observe(this._container.nativeElement);
     }
     ngOnDestroy() {
         this._alive = false;
+        this._observer.unobserve(this._container.nativeElement);
+        this._observer.disconnect();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: ScrollableComponent, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: i0.NgZone }, { token: ANIMATION_FRAME }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: ScrollableComponent, selector: "teta-scrollable", inputs: { direction: "direction", showScrollbars: "showScrollbars", contentClass: "contentClass" }, outputs: { scroll: "scroll" }, host: { properties: { "class.show-scrollbars": "this.showScrollbars" } }, queries: [{ propertyName: "_scrollDirective", first: true, predicate: ScrollableDirective, descendants: true, read: ElementRef, static: true }], viewQueries: [{ propertyName: "_scrollableWrapper", first: true, predicate: ["scrollableWrapper"], descendants: true, static: true }, { propertyName: "_scrollbarVertical", first: true, predicate: ["scrollbarVertical"], descendants: true, static: true }, { propertyName: "_scrollbarHorizontal", first: true, predicate: ["scrollbarHorizontal"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"scroll-controls\" *tetaLet=\"scrollSize | async as size\">\n  <div #scrollbarVertical\n       [class.display-none]=\"size?.scrollHeight <= size?.clientHeight\"\n       class=\"scroll-scrollbar scroll-scrollbar-vertical\"\n       (scroll)=\"scrollVertical($event)\">\n    <div [style.height.px]=\"size?.scrollHeight\" style=\"width: 1px;\"></div>\n  </div>\n  <div #scrollbarHorizontal\n       [class.display-none]=\"size?.scrollWidth <= size?.clientWidth\"\n       class=\"scroll-scrollbar scroll-scrollbar-horizontal\"\n       (scroll)=\"scrollHorizontal($event)\">\n    <div [style.width.px]=\"size?.scrollWidth\" style=\"height: 1px;\"></div>\n  </div>\n</div>\n\n\n<!--<div #scrollableWrapper class=\"scroll-content-wrapper\">-->\n<!--  <div class=\"scroll-content\"-->\n<!--       [class.column]=\"direction === 'column'\">-->\n<!--    &lt;!&ndash;  <div class=\"scroll-content\">&ndash;&gt;-->\n<!--    <ng-content></ng-content>-->\n<!--  </div>-->\n<!--</div>-->\n<div #scrollableWrapper class=\"scroll-content-wrapper\"\n     [ngClass]=\"contentClass\"\n     [class.column]=\"direction === 'column'\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{overflow:hidden;position:relative;z-index:0;display:flex}:host:hover .scroll-controls{opacity:1}:host.show-scrollbars .scroll-controls{opacity:1}:host::-webkit-scrollbar{width:0;height:0}.scroll-content-wrapper{display:flex;overflow:auto;flex-grow:1}.scroll-content-wrapper::-webkit-scrollbar{width:0;height:0}.scroll-content{position:relative;z-index:0;flex:1;display:flex;height:auto;min-width:0}.scroll-controls{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s linear}.scroll-scrollbar{position:absolute;overflow:auto;pointer-events:auto}.scroll-scrollbar-vertical{right:0;top:0;bottom:12px;width:12px}.scroll-scrollbar-horizontal{right:12px;left:0;bottom:0;height:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: LetDirective, selector: "[tetaLet]", inputs: ["tetaLet"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: ScrollableComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: ScrollableComponent, selector: "teta-scrollable", inputs: { direction: "direction", showScrollbars: "showScrollbars", contentClass: "contentClass" }, outputs: { scroll: "scroll" }, host: { properties: { "class.show-scrollbars": "this.showScrollbars" } }, queries: [{ propertyName: "_scrollDirective", first: true, predicate: ScrollableDirective, descendants: true, read: ElementRef, static: true }], viewQueries: [{ propertyName: "_scrollableWrapper", first: true, predicate: ["scrollableWrapper"], descendants: true, static: true }, { propertyName: "_scrollbarVertical", first: true, predicate: ["scrollbarVertical"], descendants: true, static: true }, { propertyName: "_scrollbarHorizontal", first: true, predicate: ["scrollbarHorizontal"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"scroll-controls\">\n  <div #scrollbarVertical\n       [class.display-none]=\"scrollSize?.scrollHeight <= scrollSize?.clientHeight\"\n       class=\"scroll-scrollbar scroll-scrollbar-vertical\"\n       (scroll)=\"scrollVertical($event)\">\n    <div [style.height.px]=\"scrollSize?.scrollHeight\" style=\"width: 1px;\"></div>\n  </div>\n  <div #scrollbarHorizontal\n       [class.display-none]=\"scrollSize?.scrollWidth <= scrollSize?.clientWidth\"\n       class=\"scroll-scrollbar scroll-scrollbar-horizontal\"\n       (scroll)=\"scrollHorizontal($event)\">\n    <div [style.width.px]=\"scrollSize?.scrollWidth\" style=\"height: 1px;\"></div>\n  </div>\n</div>\n\n\n<!--<div #scrollableWrapper class=\"scroll-content-wrapper\">-->\n<!--  <div class=\"scroll-content\"-->\n<!--       [class.column]=\"direction === 'column'\">-->\n<!--    &lt;!&ndash;  <div class=\"scroll-content\">&ndash;&gt;-->\n<!--    <ng-content></ng-content>-->\n<!--  </div>-->\n<!--</div>-->\n<div #scrollableWrapper class=\"scroll-content-wrapper\"\n     [ngClass]=\"contentClass\"\n     [class.column]=\"direction === 'column'\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{overflow:hidden;position:relative;z-index:0;display:flex}:host:hover .scroll-controls{opacity:1}:host.show-scrollbars .scroll-controls{opacity:1}:host::-webkit-scrollbar{width:0;height:0}.scroll-content-wrapper{display:flex;overflow:auto;flex-grow:1}.scroll-content-wrapper::-webkit-scrollbar{width:0;height:0}.scroll-content{position:relative;z-index:0;flex:1;display:flex;height:auto;min-width:0}.scroll-controls{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s linear}.scroll-scrollbar{position:absolute;overflow:auto;pointer-events:auto}.scroll-scrollbar-vertical{right:0;top:0;bottom:12px;width:12px}.scroll-scrollbar-horizontal{right:12px;left:0;bottom:0;height:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: ScrollableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-scrollable', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"scroll-controls\" *tetaLet=\"scrollSize | async as size\">\n  <div #scrollbarVertical\n       [class.display-none]=\"size?.scrollHeight <= size?.clientHeight\"\n       class=\"scroll-scrollbar scroll-scrollbar-vertical\"\n       (scroll)=\"scrollVertical($event)\">\n    <div [style.height.px]=\"size?.scrollHeight\" style=\"width: 1px;\"></div>\n  </div>\n  <div #scrollbarHorizontal\n       [class.display-none]=\"size?.scrollWidth <= size?.clientWidth\"\n       class=\"scroll-scrollbar scroll-scrollbar-horizontal\"\n       (scroll)=\"scrollHorizontal($event)\">\n    <div [style.width.px]=\"size?.scrollWidth\" style=\"height: 1px;\"></div>\n  </div>\n</div>\n\n\n<!--<div #scrollableWrapper class=\"scroll-content-wrapper\">-->\n<!--  <div class=\"scroll-content\"-->\n<!--       [class.column]=\"direction === 'column'\">-->\n<!--    &lt;!&ndash;  <div class=\"scroll-content\">&ndash;&gt;-->\n<!--    <ng-content></ng-content>-->\n<!--  </div>-->\n<!--</div>-->\n<div #scrollableWrapper class=\"scroll-content-wrapper\"\n     [ngClass]=\"contentClass\"\n     [class.column]=\"direction === 'column'\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{overflow:hidden;position:relative;z-index:0;display:flex}:host:hover .scroll-controls{opacity:1}:host.show-scrollbars .scroll-controls{opacity:1}:host::-webkit-scrollbar{width:0;height:0}.scroll-content-wrapper{display:flex;overflow:auto;flex-grow:1}.scroll-content-wrapper::-webkit-scrollbar{width:0;height:0}.scroll-content{position:relative;z-index:0;flex:1;display:flex;height:auto;min-width:0}.scroll-controls{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s linear}.scroll-scrollbar{position:absolute;overflow:auto;pointer-events:auto}.scroll-scrollbar-vertical{right:0;top:0;bottom:12px;width:12px}.scroll-scrollbar-horizontal{right:12px;left:0;bottom:0;height:12px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Injector }, { type: i0.NgZone }, { type: i3$1.Observable, decorators: [{
-                    type: Inject,
-                    args: [ANIMATION_FRAME]
-                }] }]; }, propDecorators: { _scrollDirective: [{
+            args: [{ selector: 'teta-scrollable', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"scroll-controls\">\n  <div #scrollbarVertical\n       [class.display-none]=\"scrollSize?.scrollHeight <= scrollSize?.clientHeight\"\n       class=\"scroll-scrollbar scroll-scrollbar-vertical\"\n       (scroll)=\"scrollVertical($event)\">\n    <div [style.height.px]=\"scrollSize?.scrollHeight\" style=\"width: 1px;\"></div>\n  </div>\n  <div #scrollbarHorizontal\n       [class.display-none]=\"scrollSize?.scrollWidth <= scrollSize?.clientWidth\"\n       class=\"scroll-scrollbar scroll-scrollbar-horizontal\"\n       (scroll)=\"scrollHorizontal($event)\">\n    <div [style.width.px]=\"scrollSize?.scrollWidth\" style=\"height: 1px;\"></div>\n  </div>\n</div>\n\n\n<!--<div #scrollableWrapper class=\"scroll-content-wrapper\">-->\n<!--  <div class=\"scroll-content\"-->\n<!--       [class.column]=\"direction === 'column'\">-->\n<!--    &lt;!&ndash;  <div class=\"scroll-content\">&ndash;&gt;-->\n<!--    <ng-content></ng-content>-->\n<!--  </div>-->\n<!--</div>-->\n<div #scrollableWrapper class=\"scroll-content-wrapper\"\n     [ngClass]=\"contentClass\"\n     [class.column]=\"direction === 'column'\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{overflow:hidden;position:relative;z-index:0;display:flex}:host:hover .scroll-controls{opacity:1}:host.show-scrollbars .scroll-controls{opacity:1}:host::-webkit-scrollbar{width:0;height:0}.scroll-content-wrapper{display:flex;overflow:auto;flex-grow:1}.scroll-content-wrapper::-webkit-scrollbar{width:0;height:0}.scroll-content{position:relative;z-index:0;flex:1;display:flex;height:auto;min-width:0}.scroll-controls{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s linear}.scroll-scrollbar{position:absolute;overflow:auto;pointer-events:auto}.scroll-scrollbar-vertical{right:0;top:0;bottom:12px;width:12px}.scroll-scrollbar-horizontal{right:12px;left:0;bottom:0;height:12px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { _scrollDirective: [{
                 type: ContentChild,
                 args: [ScrollableDirective, {
                         static: true,
-                        read: ElementRef
+                        read: ElementRef,
                     }]
             }], _scrollableWrapper: [{
                 type: ViewChild,
                 args: ['scrollableWrapper', {
-                        static: true
+                        static: true,
                     }]
             }], _scrollbarVertical: [{
                 type: ViewChild,
                 args: ['scrollbarVertical', {
-                        static: true
+                        static: true,
                     }]
             }], _scrollbarHorizontal: [{
                 type: ViewChild,
                 args: ['scrollbarHorizontal', {
-                        static: true
+                        static: true,
                     }]
             }], direction: [{
                 type: Input
@@ -5280,6 +5193,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
                 type: Input
             }] } });
 
+class LetDirective {
+    tetaLet;
+    constructor(viewContainer, templateRef) {
+        viewContainer.createEmbeddedView(templateRef, new LetContext(this));
+    }
+    static ngTemplateContextGuard(_dir, _ctx) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: LetDirective, deps: [{ token: ViewContainerRef }, { token: TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.1", type: LetDirective, selector: "[tetaLet]", inputs: { tetaLet: "tetaLet" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: LetDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tetaLet]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef, decorators: [{
+                    type: Inject,
+                    args: [ViewContainerRef]
+                }] }, { type: i0.TemplateRef, decorators: [{
+                    type: Inject,
+                    args: [TemplateRef]
+                }] }]; }, propDecorators: { tetaLet: [{
+                type: Input
+            }] } });
+class LetContext {
+    internalDirectiveInstance;
+    constructor(internalDirectiveInstance) {
+        this.internalDirectiveInstance = internalDirectiveInstance;
+    }
+    get $implicit() {
+        return this.internalDirectiveInstance.tetaLet;
+    }
+    get tetaLet() {
+        return this.internalDirectiveInstance.tetaLet;
+    }
+}
+
 class SelectComponent {
     _cdr;
     _elementRef;
@@ -14282,6 +14233,47 @@ const ruLocale = {
     ]
 };
 
+function tetaZoneFull(ngZone) {
+    return source => new Observable(subscriber => source.subscribe({
+        next: value => ngZone.run(() => subscriber.next(value)),
+        error: (error) => ngZone.run(() => subscriber.error(error)),
+        complete: () => ngZone.run(() => subscriber.complete()),
+    }));
+}
+function tetaZoneFree(ngZone) {
+    return source => new Observable(subscriber => ngZone.runOutsideAngular(() => source.subscribe(subscriber)));
+}
+function tetaZoneOptimized(ngZone) {
+    return pipe(tetaZoneFree(ngZone), tetaZoneFull(ngZone));
+}
+
+const ANIMATION_FRAME = new InjectionToken('Shared Observable based on `window.requestAnimationFrame`', {
+    factory: () => {
+        const { requestAnimationFrame, cancelAnimationFrame } = inject(WINDOW);
+        const animationFrame$ = new Observable(subscriber => {
+            let id = NaN;
+            const callback = (timestamp) => {
+                subscriber.next(timestamp);
+                id = requestAnimationFrame(callback);
+            };
+            id = requestAnimationFrame(callback);
+            return () => {
+                cancelAnimationFrame(id);
+            };
+        });
+        return animationFrame$.pipe(share());
+    },
+});
+const WINDOW = new InjectionToken('An abstraction over global window object', {
+    factory: () => {
+        const { defaultView } = inject(DOCUMENT);
+        if (!defaultView) {
+            throw new Error('Window is not available');
+        }
+        return defaultView;
+    },
+});
+
 /**
  * Components
  */