@snabcentr/client-ui 3.6.0 → 3.6.1

package/fesm2022/snabcentr-client-ui.mjs

@@ -3,11 +3,11 @@ import { EventEmitter, Component, ChangeDetectionStrategy, Inject, Input, Output
 import * as i1 from '@snabcentr/client-core';
 import { ScUserMetrikaGoalsEnum, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScOpfList, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, ScPhoneService, IS_RUNNING_ON_TERMINAL, SC_URLS, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScSamplesService, ScUserService } from '@snabcentr/client-core';
 import * as i6$1 from 'rxjs';
-import { Subject, map, filter, switchMap, tap, catchError, of, finalize, startWith, share, timer, scan, takeWhile, endWith, distinctUntilChanged, combineLatest, debounceTime, throwError, shareReplay, interval, takeUntil, skip } from 'rxjs';
+import { Subject, map, filter, switchMap, tap, catchError, of, finalize, startWith, share, timer, scan, takeWhile, endWith, distinctUntilChanged, combineLatest, debounceTime, throwError, shareReplay, skip, interval } from 'rxjs';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from '@taiga-ui/core';
-import { TUI_DATA_LIST_HOST, tuiDropdownOptionsProvider, TuiButton, TuiDialog, TuiDialogService, TuiLabel, TuiError, TuiLoader, TuiDataList, TuiNotification, TuiLink, tuiFadeIn, TuiHint, TUI_MONTHS, TuiIcon, TuiFormatNumberPipe } from '@taiga-ui/core';
+import { TUI_DATA_LIST_HOST, tuiDropdownOptionsProvider, TuiButton, TuiDialog, TuiDialogService, TuiLabel, TuiError, TuiLoader, TuiDataList, TuiNotification, TuiLink, TuiHint, TUI_MONTHS, TuiIcon, TuiFormatNumberPipe, tuiFadeIn } from '@taiga-ui/core';
 import { HttpErrorResponse } from '@angular/common/http';
 import * as i3 from '@angular/forms';
 import { FormGroupDirective, FormGroup, FormControl, Validators, NgControl, FormArray, FormsModule, ReactiveFormsModule } from '@angular/forms';
@@ -2892,17 +2892,13 @@ class ScBannerComponent {
          */
         this.navigateButton = true;
         /**
-         * Интервал показа слайдов в миллисекундах.
+         * Интервал автоматической смены слайдов в миллисекундах (используйте 0, чтобы отключить автоматическую смену слайда).
          */
-        this.playerInterval = 5000;
-        /**
-         * Признак, что прокрутка выключена.
-         */
-        this.disabled = false;
+        this.duration = 5000;
         /**
          * Признак, что компонент должен растягиваться.
          */
-        this.resizable = true;
+        this.resizable = false;
         /**
          * Событие загрузки баннеров с количеством полученных баннеров.
          */
@@ -2911,10 +2907,6 @@ class ScBannerComponent {
          * Событие нажатия на изображение баннера.
          */
         this.clickBannerEvent = new EventEmitter();
-        /**
-         * Ссылка для автоматического управления уничтожением зависимостей.
-         */
-        this.destroyRef = inject(DestroyRef);
         /**
          * Идентификатор текущего баннера.
          */
@@ -2923,23 +2915,14 @@ class ScBannerComponent {
          * {@link Subject} изменения состояния таймера.
          */
         this.toggleTimer$ = new Subject();
-        /**
-         * Признак, что необходимо показывать кнопки старта видео баннера.
-         */
-        this.showPlayBtn = false;
         /**
          * {@link Observable} обновления списка баннеров.
          */
         this.banners$ = this.bannerService.banners$.pipe(map((banners) => banners.filter((banner) => banner.location === this.bannerLocation).reverse()), tap((banners) => {
             if (banners.length > 0) {
-                if (this.resizable) {
-                    this.width = '100%';
-                }
-                else {
-                    this.height = `${this.pxConverter.pxToRem(banners[0].height)}rem`;
-                    this.width = `${this.pxConverter.pxToRem(banners[0].width)}rem`;
+                if (!this.resizable) {
+                    this.aspectRatio = `${banners[0].width} / ${banners[0].height}`;
                 }
-                this.aspectRatio = `${banners[0].width} / ${banners[0].height}`;
                 this.banners = banners;
                 this.toggleTimer$.next(true);
             }
@@ -2951,30 +2934,10 @@ class ScBannerComponent {
          * Список баннеров.
          */
         this.banners = [];
-        /**
-         * Свойство, от которого зависит высота `:host` компонента.
-         */
-        this.height = 'auto';
-        /**
-         * Свойство, от которого зависит ширина `:host` компонента.
-         */
-        this.width = '';
         /**
          * Свойство, от которого зависит соотношение `:host` компонента.
          */
         this.aspectRatio = '';
-        /**
-         * Обработчик события mouseenter.
-         */
-        this.mouseEnterHandler = () => {
-            this.toggleTimer$.next(false);
-        };
-        /**
-         * Обработчик события mouseleave.
-         */
-        this.mouseLeaveHandler = () => {
-            this.toggleTimer$.next(true);
-        };
     }
     /**
      * Свойство, от которого зависит наличие класса `!hidden` у `:host` компонента.
@@ -2982,43 +2945,6 @@ class ScBannerComponent {
     get isHidden() {
         return !this.banners || this.bannersListRef.length + this.banners.length === 0;
     }
-    /** @inheritDoc */
-    ngAfterViewInit() {
-        this.toggleTimer$
-            .pipe(filter((toggle) => toggle), switchMap(() => interval(this.playerInterval).pipe(takeUntil(this.toggleTimer$))), filter(() => !this.disabled && (this.banners?.[this.currentBannerId]?.mediaType === 'image' || this.showPlayBtn)), takeUntilDestroyed(this.destroyRef))
-            .subscribe(() => {
-            this.onNextBanner();
-        });
-        // Отслеживание пересечения компонента с экраном пользователя.
-        // Если баннера не находится в поле видимости пользователя, то он перестаёт переключаться, а видео останавливается.
-        this.entries$.pipe(map((entries) => entries.find((item) => item.target === this.element.nativeElement))).subscribe((entry) => {
-            this.toggleTimer$.next(!!entry?.isIntersecting);
-        });
-    }
-    /**
-     * Переключает на предыдущий баннер.
-     */
-    onPreviousBanner() {
-        const previous = this.currentBannerId - 1;
-        this.currentBannerId = previous < 0 ? this.bannersListRef.length + (this.banners?.length ?? 0) - 1 : previous;
-        this.cdr.markForCheck();
-    }
-    /**
-     * Переключает на следующий баннер.
-     */
-    onNextBanner() {
-        const next = this.currentBannerId + 1;
-        this.currentBannerId = next === this.bannersListRef.length + (this.banners?.length ?? 0) ? 0 : next;
-        this.cdr.markForCheck();
-    }
-    /**
-     * Переключает на следующий баннер.
-     */
-    onEndedVideo() {
-        this.onNextBanner();
-        this.toggleTimer$.next(true);
-        this.showPlayBtn = true;
-    }
     /**
      * Обработчик нажатия на баннер, генерирующий событие {@link clickBannerImgEvent}.
      *
@@ -3036,11 +2962,11 @@ class ScBannerComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScBannerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ScBannerService }, { token: IntersectionObserverService }, { token: ElementRef }, { token: ScPxConverter }, { token: i1.ScUserMetrikaService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScBannerComponent, selector: "sc-banner", inputs: { navigateButton: "navigateButton", playerInterval: "playerInterval", disabled: "disabled", bannerLocation: "bannerLocation", resizable: "resizable" }, outputs: { loadBannersEvent: "loadBannersEvent", clickBannerEvent: "clickBannerEvent" }, host: { listeners: { "mouseenter": "mouseEnterHandler()", "mouseleave": "mouseLeaveHandler()" }, properties: { "style.height": "this.height", "style.width": "this.width", "style.aspect-ratio": "this.aspectRatio", "class.!hidden": "this.isHidden" } }, providers: [IntersectionObserverService], queries: [{ propertyName: "bannersListRef", predicate: ["banner"] }], viewQueries: [{ propertyName: "videoRef", first: true, predicate: ["videoPlayer"], descendants: true }], ngImport: i0, template: "<ng-container *tuiLet=\"banners$ | async\">\n    <tui-carousel\n        class=\"size-full overflow-hidden rounded-xl bg-white\"\n        [(index)]=\"currentBannerId\"\n    >\n        <ng-container *ngFor=\"let banner of banners; let index = index\">\n            <a\n                *tuiItem\n                (click)=\"onClick(banner)\"\n                [style.aspect-ratio]=\"aspectRatio\"\n                [attr.href]=\"banner.url ? banner.url : null\"\n                target=\"_blank\"\n                [title]=\"banner.title\"\n                class=\"relative\"\n            >\n                <ng-container [ngSwitch]=\"banner.mediaType\">\n                    <ng-container *ngSwitchCase=\"'video'\">\n                        <video\n                            #videoPlayer\n                            (suspend)=\"showPlayBtn = true\"\n                            (play)=\"showPlayBtn = false\"\n                            [src]=\"banner.mediaFile\"\n                            (ended)=\"onEndedVideo()\"\n                            (mouseover)=\"videoPlayer.pause()\"\n                            (mouseout)=\"videoPlayer.play()\"\n                            class=\"h-full object-cover\"\n                            muted\n                            autoplay\n                        ></video>\n                        <button\n                            *ngIf=\"showPlayBtn\"\n                            tuiIconButton\n                            [@tuiFadeIn]=\"200\"\n                            matRipple\n                            (click)=\"$event.preventDefault(); videoPlayer.play()\"\n                            size=\"s\"\n                            appearance=\"secondary\"\n                            class=\"!absolute bottom-4 left-8\"\n                        >\n                            <i class=\"icon-refresh text-black\"></i>\n                        </button>\n                    </ng-container>\n\n                    <img\n                        *ngSwitchCase=\"'image'\"\n                        [src]=\"banner.mediaFile\"\n                        alt=\"\u0411\u0430\u043D\u043D\u0435\u0440\"\n                        class=\"h-full object-cover\"\n                    />\n                </ng-container>\n            </a>\n        </ng-container>\n        <ng-container *ngFor=\"let item of bannersListRef\">\n            <div\n                *tuiItem\n                [style.height]=\"height\"\n                [style.width]=\"width\"\n                [style.aspect-ratio]=\"aspectRatio\"\n                class=\"overflow-hidden\"\n            >\n                <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n            </div>\n        </ng-container>\n    </tui-carousel>\n</ng-container>\n<div\n    *ngIf=\"navigateButton && !disabled && this.banners && this.bannersListRef.length + this.banners.length > 1\"\n    tuiTheme=\"light\"\n    class=\"flex items-center\"\n>\n    <button\n        tuiIconButton\n        iconStart=\"@tui.chevron-left\"\n        size=\"m\"\n        [style.border-radius.%]=\"100\"\n        appearance=\"flat\"\n        (click)=\"onPreviousBanner()\"\n        class=\"!absolute left-2\"\n    ></button>\n    <button\n        tuiIconButton\n        iconStart=\"@tui.chevron-right\"\n        size=\"m\"\n        [style.border-radius.%]=\"100\"\n        appearance=\"flat\"\n        (click)=\"onNextBanner()\"\n        class=\"!absolute right-2\"\n    ></button>\n</div>\n", styles: [":host{--tui-carousel-padding: 0;display:flex;position:relative}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i1$2.TuiItem, selector: "[tuiItem]" }, { kind: "component", type: i2$1.TuiCarouselComponent, selector: "tui-carousel", inputs: ["draggable", "itemsCount", "index"], outputs: ["indexChange"] }, { kind: "directive", type: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], animations: [tuiFadeIn], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScBannerComponent, selector: "sc-banner", inputs: { navigateButton: "navigateButton", duration: "duration", bannerLocation: "bannerLocation", resizable: "resizable" }, outputs: { loadBannersEvent: "loadBannersEvent", clickBannerEvent: "clickBannerEvent" }, host: { properties: { "style.aspect-ratio": "this.aspectRatio", "class.!hidden": "this.isHidden" } }, providers: [IntersectionObserverService], queries: [{ propertyName: "bannersListRef", predicate: ["banner"] }], ngImport: i0, template: "<ng-container *tuiLet=\"banners$ | async\">\n    <tui-carousel\n        [duration]=\"duration\"\n        #carousel\n        [attr.resizable]=\"resizable\"\n        class=\"size-full overflow-hidden rounded-xl bg-white\"\n        [(index)]=\"currentBannerId\"\n    >\n        <ng-container *ngFor=\"let banner of banners; let index = index\">\n            <ng-container [ngSwitch]=\"banner.mediaType\">\n                <ng-container *ngSwitchCase=\"'image'\">\n                    <a\n                        *tuiItem\n                        (click)=\"onClick(banner)\"\n                        target=\"_blank\"\n                        [title]=\"banner.title\"\n                        [style.aspect-ratio]=\"aspectRatio\"\n                        [attr.href]=\"banner.url ? banner.url : null\"\n                        [style.background-image]=\"'url(' + banner.mediaFile + ')'\"\n                        class=\"size-full bg-[length:100%_100%]\"\n                    >\n                    </a>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n        <ng-container *ngFor=\"let item of bannersListRef\">\n            <div\n                *tuiItem\n                [style.aspect-ratio]=\"aspectRatio\"\n                class=\"size-full overflow-hidden\"\n            >\n                <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n            </div>\n        </ng-container>\n    </tui-carousel>\n\n    <div\n        *ngIf=\"navigateButton && duration && this.banners && this.bannersListRef.length + this.banners.length > 1\"\n        tuiTheme=\"light\"\n        class=\"flex items-center\"\n    >\n        <button\n            tuiIconButton\n            iconStart=\"@tui.chevron-left\"\n            size=\"m\"\n            [style.border-radius.%]=\"100\"\n            appearance=\"flat\"\n            (click)=\"carousel.prev()\"\n            class=\"!absolute left-2\"\n        ></button>\n        <button\n            tuiIconButton\n            iconStart=\"@tui.chevron-right\"\n            size=\"m\"\n            [style.border-radius.%]=\"100\"\n            appearance=\"flat\"\n            (click)=\"carousel.next()\"\n            class=\"!absolute right-2\"\n        ></button>\n    </div>\n</ng-container>\n", styles: [":host{--tui-carousel-padding: 0;display:flex;position:relative}::ng-deep tui-carousel[resizable=true] .t-scroller,::ng-deep tui-carousel[resizable=true] .t-items{width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i1$2.TuiItem, selector: "[tuiItem]" }, { kind: "component", type: i2$1.TuiCarouselComponent, selector: "tui-carousel", inputs: ["draggable", "itemsCount", "index"], outputs: ["indexChange"] }, { kind: "directive", type: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScBannerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-banner', changeDetection: ChangeDetectionStrategy.OnPush, providers: [IntersectionObserverService], animations: [tuiFadeIn], template: "<ng-container *tuiLet=\"banners$ | async\">\n    <tui-carousel\n        class=\"size-full overflow-hidden rounded-xl bg-white\"\n        [(index)]=\"currentBannerId\"\n    >\n        <ng-container *ngFor=\"let banner of banners; let index = index\">\n            <a\n                *tuiItem\n                (click)=\"onClick(banner)\"\n                [style.aspect-ratio]=\"aspectRatio\"\n                [attr.href]=\"banner.url ? banner.url : null\"\n                target=\"_blank\"\n                [title]=\"banner.title\"\n                class=\"relative\"\n            >\n                <ng-container [ngSwitch]=\"banner.mediaType\">\n                    <ng-container *ngSwitchCase=\"'video'\">\n                        <video\n                            #videoPlayer\n                            (suspend)=\"showPlayBtn = true\"\n                            (play)=\"showPlayBtn = false\"\n                            [src]=\"banner.mediaFile\"\n                            (ended)=\"onEndedVideo()\"\n                            (mouseover)=\"videoPlayer.pause()\"\n                            (mouseout)=\"videoPlayer.play()\"\n                            class=\"h-full object-cover\"\n                            muted\n                            autoplay\n                        ></video>\n                        <button\n                            *ngIf=\"showPlayBtn\"\n                            tuiIconButton\n                            [@tuiFadeIn]=\"200\"\n                            matRipple\n                            (click)=\"$event.preventDefault(); videoPlayer.play()\"\n                            size=\"s\"\n                            appearance=\"secondary\"\n                            class=\"!absolute bottom-4 left-8\"\n                        >\n                            <i class=\"icon-refresh text-black\"></i>\n                        </button>\n                    </ng-container>\n\n                    <img\n                        *ngSwitchCase=\"'image'\"\n                        [src]=\"banner.mediaFile\"\n                        alt=\"\u0411\u0430\u043D\u043D\u0435\u0440\"\n                        class=\"h-full object-cover\"\n                    />\n                </ng-container>\n            </a>\n        </ng-container>\n        <ng-container *ngFor=\"let item of bannersListRef\">\n            <div\n                *tuiItem\n                [style.height]=\"height\"\n                [style.width]=\"width\"\n                [style.aspect-ratio]=\"aspectRatio\"\n                class=\"overflow-hidden\"\n            >\n                <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n            </div>\n        </ng-container>\n    </tui-carousel>\n</ng-container>\n<div\n    *ngIf=\"navigateButton && !disabled && this.banners && this.bannersListRef.length + this.banners.length > 1\"\n    tuiTheme=\"light\"\n    class=\"flex items-center\"\n>\n    <button\n        tuiIconButton\n        iconStart=\"@tui.chevron-left\"\n        size=\"m\"\n        [style.border-radius.%]=\"100\"\n        appearance=\"flat\"\n        (click)=\"onPreviousBanner()\"\n        class=\"!absolute left-2\"\n    ></button>\n    <button\n        tuiIconButton\n        iconStart=\"@tui.chevron-right\"\n        size=\"m\"\n        [style.border-radius.%]=\"100\"\n        appearance=\"flat\"\n        (click)=\"onNextBanner()\"\n        class=\"!absolute right-2\"\n    ></button>\n</div>\n", styles: [":host{--tui-carousel-padding: 0;display:flex;position:relative}\n"] }]
+            args: [{ selector: 'sc-banner', changeDetection: ChangeDetectionStrategy.OnPush, providers: [IntersectionObserverService], template: "<ng-container *tuiLet=\"banners$ | async\">\n    <tui-carousel\n        [duration]=\"duration\"\n        #carousel\n        [attr.resizable]=\"resizable\"\n        class=\"size-full overflow-hidden rounded-xl bg-white\"\n        [(index)]=\"currentBannerId\"\n    >\n        <ng-container *ngFor=\"let banner of banners; let index = index\">\n            <ng-container [ngSwitch]=\"banner.mediaType\">\n                <ng-container *ngSwitchCase=\"'image'\">\n                    <a\n                        *tuiItem\n                        (click)=\"onClick(banner)\"\n                        target=\"_blank\"\n                        [title]=\"banner.title\"\n                        [style.aspect-ratio]=\"aspectRatio\"\n                        [attr.href]=\"banner.url ? banner.url : null\"\n                        [style.background-image]=\"'url(' + banner.mediaFile + ')'\"\n                        class=\"size-full bg-[length:100%_100%]\"\n                    >\n                    </a>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n        <ng-container *ngFor=\"let item of bannersListRef\">\n            <div\n                *tuiItem\n                [style.aspect-ratio]=\"aspectRatio\"\n                class=\"size-full overflow-hidden\"\n            >\n                <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n            </div>\n        </ng-container>\n    </tui-carousel>\n\n    <div\n        *ngIf=\"navigateButton && duration && this.banners && this.bannersListRef.length + this.banners.length > 1\"\n        tuiTheme=\"light\"\n        class=\"flex items-center\"\n    >\n        <button\n            tuiIconButton\n            iconStart=\"@tui.chevron-left\"\n            size=\"m\"\n            [style.border-radius.%]=\"100\"\n            appearance=\"flat\"\n            (click)=\"carousel.prev()\"\n            class=\"!absolute left-2\"\n        ></button>\n        <button\n            tuiIconButton\n            iconStart=\"@tui.chevron-right\"\n            size=\"m\"\n            [style.border-radius.%]=\"100\"\n            appearance=\"flat\"\n            (click)=\"carousel.next()\"\n            class=\"!absolute right-2\"\n        ></button>\n    </div>\n</ng-container>\n", styles: [":host{--tui-carousel-padding: 0;display:flex;position:relative}::ng-deep tui-carousel[resizable=true] .t-scroller,::ng-deep tui-carousel[resizable=true] .t-items{width:100%;height:100%}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.ScBannerService }, { type: i3$2.IntersectionObserverService, decorators: [{
                     type: Inject,
                     args: [IntersectionObserverService]
@@ -3049,9 +2975,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
                     args: [ElementRef]
                 }] }, { type: ScPxConverter }, { type: i1.ScUserMetrikaService }], propDecorators: { navigateButton: [{
                 type: Input
-            }], playerInterval: [{
-                type: Input
-            }], disabled: [{
+            }], duration: [{
                 type: Input
             }], bannerLocation: [{
                 type: Input
@@ -3064,24 +2988,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
             }], bannersListRef: [{
                 type: ContentChildren,
                 args: ['banner']
-            }], videoRef: [{
-                type: ViewChild,
-                args: ['videoPlayer']
-            }], height: [{
-                type: HostBinding,
-                args: ['style.height']
-            }], width: [{
-                type: HostBinding,
-                args: ['style.width']
             }], aspectRatio: [{
                 type: HostBinding,
                 args: ['style.aspect-ratio']
-            }], mouseEnterHandler: [{
-                type: HostListener,
-                args: ['mouseenter']
-            }], mouseLeaveHandler: [{
-                type: HostListener,
-                args: ['mouseleave']
             }], isHidden: [{
                 type: HostBinding,
                 args: ['class.!hidden']