@snabcentr/client-ui 3.34.0 → 3.34.2

package/fesm2022/snabcentr-client-ui.mjs

@@ -5,7 +5,7 @@ import { ScContactsService, ScUserService, ScAuthService, SEARCH_TERM, ScUnitsHe
 import * as i6 from 'rxjs';
 import { EMPTY, BehaviorSubject, switchMap, of, shareReplay, Subject, map, filter, tap, catchError, finalize, startWith, share, timer, scan, takeWhile, endWith, distinctUntilChanged, debounceTime, throwError, combineLatest, Observable, pairwise, noop, first, merge, skip } from 'rxjs';
 import * as i7 from '@taiga-ui/cdk';
-import { tuiCreateToken, tuiCreateTokenFromFactory, TUI_IS_MOBILE, TuiValueTransformer, TuiDay, tuiControlValue, tuiIsPresent, tuiMarkControlAsTouchedAndValidate, tuiIsFalsy, TuiLet, TuiRepeatTimes, TuiAutoFocus, TuiTime, TuiHovered, TuiDayRange, TuiMonth, tuiPure, TUI_WINDOW_SIZE, TuiValidationError, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
+import { tuiCreateToken, tuiCreateTokenFromFactory, TUI_IS_MOBILE, TuiValueTransformer, TuiDay, tuiControlValue, tuiIsPresent, tuiMarkControlAsTouchedAndValidate, tuiIsFalsy, TuiLet, TuiAutoFocus, TuiRepeatTimes, TuiTime, TuiHovered, TuiDayRange, TuiMonth, tuiPure, TUI_WINDOW_SIZE, TuiValidationError, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
 import { HttpClient, HttpErrorResponse } from '@angular/common/http';
 import { toSignal, outputFromObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i2$3 from '@angular/forms';
@@ -3197,11 +3197,11 @@ class ScAddContragentDialogComponent {
         this.contacts.removeAt(index);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAddContragentDialogComponent, deps: [{ token: i1.ScReferencesService }, { token: i1.ScContragentService }, { token: i1.ScConvertersService }, { token: i1.ScUserMetrikaService }, { token: i1.ScLocationsService }, { token: POLYMORPHEUS_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScAddContragentDialogComponent, selector: "sc-add-contragent-dialog", ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4\"\n>\n    <tui-stepper [(activeItemIndex)]=\"stepIndex\">\n        <button\n            *tuiRepeatTimes=\"let index of 3\"\n            [stepState]=\"index && !canNextStep(index) ? 'error' : 'pass'\"\n            [attr.disabled]=\"index && !canNextStep(index - 1) ? '' : null\"\n            type=\"button\"\n            tuiStep\n        >\n            {{ steps[index] }}\n        </button>\n    </tui-stepper>\n    <tui-elastic-container>\n        <sc-new-contragent-form [class.!hidden]=\"stepIndex !== 0\" />\n\n        <div [class.!hidden]=\"stepIndex !== 1\">\n            <div\n                *ngIf=\"contacts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B</p>\n                <div\n                    *ngFor=\"let contact of contacts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-10 items-center justify-between\">\n                        <p class=\"font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442 \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeContactGroup(index)\"\n                            iconStart=\"@tui.trash-2\"\n                        ></button>\n                    </div>\n                    <sc-new-contact-form [form]=\"contact\"></sc-new-contact-form>\n                    <hr\n                        *ngIf=\"!last\"\n                        class=\"h-px w-full bg-tui-base-04\"\n                    />\n                </div>\n                <button\n                    tuiButton\n                    iconStart=\"@tui.plus\"\n                    appearance=\"secondary\"\n                    (click)=\"addContactGroup()\"\n                    type=\"button\"\n                    class=\"self-center\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\n                </button>\n            </div>\n        </div>\n\n        <div [class.!hidden]=\"stepIndex !== 2\">\n            <div\n                *ngIf=\"bankAccounts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B</p>\n                <div\n                    *ngFor=\"let bankAccount of bankAccounts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-12 items-center justify-between\">\n                        <p class=\"font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeBankAccountGroup(index)\"\n                            iconStart=\"@tui.trash-2\"\n                        ></button>\n                    </div>\n                    <sc-new-contragent-bank-account-form\n                        *ngIf=\"form.controls.contragent.controls['opf'].value as opf\"\n                        [form]=\"bankAccount\"\n                        [opf]=\"opf\"\n                    />\n                    <hr\n                        *ngIf=\"!last\"\n                        class=\"h-px w-full bg-tui-base-04\"\n                    />\n                </div>\n                <button\n                    tuiButton\n                    iconStart=\"@tui.plus\"\n                    appearance=\"secondary\"\n                    (click)=\"addBankAccountGroup()\"\n                    type=\"button\"\n                    class=\"self-center\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B\n                </button>\n            </div>\n        </div>\n    </tui-elastic-container>\n    <div class=\"flex justify-center gap-2\">\n        <button\n            *ngIf=\"stepIndex > 0\"\n            tuiButton\n            appearance=\"secondary\"\n            type=\"button\"\n            (click)=\"stepIndex = (stepIndex - 1) % 3\"\n        >\n            \u041D\u0430\u0437\u0430\u0434\n        </button>\n        <button\n            *ngIf=\"stepIndex === 0\"\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            *ngIf=\"stepIndex === 2 || (stepIndex === 1 && !form.controls.contragent.controls['bankAccounts']); else nextIndexBtn\"\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            class=\"self-center\"\n        >\n            \u0421\u043E\u0437\u0434\u0430\u0442\u044C\n        </button>\n        <ng-template #nextIndexBtn>\n            <button\n                tuiButton\n                [disabled]=\"!canNextStep(stepIndex)\"\n                type=\"button\"\n                (click)=\"navigate(1)\"\n            >\n                \u0414\u0430\u043B\u0435\u0435\n            </button>\n        </ng-template>\n    </div>\n</form>\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\n"], dependencies: [{ kind: "directive", type: i2$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: ScNewContactFormComponent, selector: "sc-new-contact-form", inputs: ["form"] }, { kind: "component", type: i2$1.TuiElasticContainer, selector: "tui-elastic-container" }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: i2$1.TuiStepperComponent, selector: "tui-stepper, nav[tuiStepper]", inputs: ["activeItemIndex", "orientation"], outputs: ["activeItemIndexChange"] }, { kind: "component", type: i2$1.TuiStep, selector: "button[tuiStep], a[tuiStep]:not([routerLink]), a[tuiStep][routerLink][routerLinkActive]", inputs: ["stepState", "icon"] }, { kind: "directive", type: i7.TuiRepeatTimes, selector: "[tuiRepeatTimes][tuiRepeatTimesOf]", inputs: ["tuiRepeatTimesOf"] }, { kind: "component", type: ScNewContragentBankAccountsFormComponent, selector: "sc-new-contragent-bank-account-form", inputs: ["form", "opf"] }, { kind: "component", type: ScNewContragentFormComponent, selector: "sc-new-contragent-form", inputs: ["opfControl"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScAddContragentDialogComponent, selector: "sc-add-contragent-dialog", ngImport: i0, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4\"\n>\n    <tui-stepper [(activeItemIndex)]=\"stepIndex\">\n        @for (step of steps; track $index) {\n            <button\n                *ngIf=\"$index !== 2 || form.controls.contragent.controls['bankAccounts']\"\n                [stepState]=\"!canNextStep($index) ? 'error' : 'pass'\"\n                [attr.disabled]=\"$index && !canNextStep($index - 1) ? '' : null\"\n                type=\"button\"\n                tuiStep\n            >\n                {{ step }}\n            </button>\n        }\n    </tui-stepper>\n    <tui-elastic-container>\n        <sc-new-contragent-form [class.!hidden]=\"stepIndex !== 0\" />\n\n        <div [class.!hidden]=\"stepIndex !== 1\">\n            <div\n                *ngIf=\"contacts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B</p>\n                <div\n                    *ngFor=\"let contact of contacts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-10 items-center justify-between\">\n                        <p class=\"font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442 \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeContactGroup(index)\"\n                            iconStart=\"@tui.trash-2\"\n                        ></button>\n                    </div>\n                    <sc-new-contact-form [form]=\"contact\"></sc-new-contact-form>\n                    <hr\n                        *ngIf=\"!last\"\n                        class=\"h-px w-full bg-tui-base-04\"\n                    />\n                </div>\n                <button\n                    tuiButton\n                    iconStart=\"@tui.plus\"\n                    appearance=\"secondary\"\n                    (click)=\"addContactGroup()\"\n                    type=\"button\"\n                    class=\"self-center\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\n                </button>\n            </div>\n        </div>\n\n        <div [class.!hidden]=\"stepIndex !== 2\">\n            <div\n                *ngIf=\"bankAccounts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B</p>\n                <div\n                    *ngFor=\"let bankAccount of bankAccounts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-12 items-center justify-between\">\n                        <p class=\"font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeBankAccountGroup(index)\"\n                            iconStart=\"@tui.trash-2\"\n                        ></button>\n                    </div>\n                    <sc-new-contragent-bank-account-form\n                        *ngIf=\"form.controls.contragent.controls['opf'].value as opf\"\n                        [form]=\"bankAccount\"\n                        [opf]=\"opf\"\n                    />\n                    <hr\n                        *ngIf=\"!last\"\n                        class=\"h-px w-full bg-tui-base-04\"\n                    />\n                </div>\n                <button\n                    tuiButton\n                    iconStart=\"@tui.plus\"\n                    appearance=\"secondary\"\n                    (click)=\"addBankAccountGroup()\"\n                    type=\"button\"\n                    class=\"self-center\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B\n                </button>\n            </div>\n        </div>\n    </tui-elastic-container>\n    <div class=\"flex justify-center gap-2\">\n        <button\n            *ngIf=\"stepIndex > 0\"\n            tuiButton\n            appearance=\"secondary\"\n            type=\"button\"\n            (click)=\"stepIndex = (stepIndex - 1) % 3\"\n        >\n            \u041D\u0430\u0437\u0430\u0434\n        </button>\n        <button\n            *ngIf=\"stepIndex === 0\"\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            *ngIf=\"stepIndex === 2 || (stepIndex === 1 && !form.controls.contragent.controls['bankAccounts']); else nextIndexBtn\"\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            class=\"self-center\"\n        >\n            \u0421\u043E\u0437\u0434\u0430\u0442\u044C\n        </button>\n        <ng-template #nextIndexBtn>\n            <button\n                tuiButton\n                [disabled]=\"!canNextStep(stepIndex)\"\n                type=\"button\"\n                (click)=\"navigate(1)\"\n            >\n                \u0414\u0430\u043B\u0435\u0435\n            </button>\n        </ng-template>\n    </div>\n</form>\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\n"], dependencies: [{ kind: "directive", type: i2$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: ScNewContactFormComponent, selector: "sc-new-contact-form", inputs: ["form"] }, { kind: "component", type: i2$1.TuiElasticContainer, selector: "tui-elastic-container" }, { kind: "component", type: i2$1.TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "component", type: i2$1.TuiStepperComponent, selector: "tui-stepper, nav[tuiStepper]", inputs: ["activeItemIndex", "orientation"], outputs: ["activeItemIndexChange"] }, { kind: "component", type: i2$1.TuiStep, selector: "button[tuiStep], a[tuiStep]:not([routerLink]), a[tuiStep][routerLink][routerLinkActive]", inputs: ["stepState", "icon"] }, { kind: "component", type: ScNewContragentBankAccountsFormComponent, selector: "sc-new-contragent-bank-account-form", inputs: ["form", "opf"] }, { kind: "component", type: ScNewContragentFormComponent, selector: "sc-new-contragent-form", inputs: ["opfControl"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScAddContragentDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-add-contragent-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4\"\n>\n    <tui-stepper [(activeItemIndex)]=\"stepIndex\">\n        <button\n            *tuiRepeatTimes=\"let index of 3\"\n            [stepState]=\"index && !canNextStep(index) ? 'error' : 'pass'\"\n            [attr.disabled]=\"index && !canNextStep(index - 1) ? '' : null\"\n            type=\"button\"\n            tuiStep\n        >\n            {{ steps[index] }}\n        </button>\n    </tui-stepper>\n    <tui-elastic-container>\n        <sc-new-contragent-form [class.!hidden]=\"stepIndex !== 0\" />\n\n        <div [class.!hidden]=\"stepIndex !== 1\">\n            <div\n                *ngIf=\"contacts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B</p>\n                <div\n                    *ngFor=\"let contact of contacts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-10 items-center justify-between\">\n                        <p class=\"font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442 \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeContactGroup(index)\"\n                            iconStart=\"@tui.trash-2\"\n                        ></button>\n                    </div>\n                    <sc-new-contact-form [form]=\"contact\"></sc-new-contact-form>\n                    <hr\n                        *ngIf=\"!last\"\n                        class=\"h-px w-full bg-tui-base-04\"\n                    />\n                </div>\n                <button\n                    tuiButton\n                    iconStart=\"@tui.plus\"\n                    appearance=\"secondary\"\n                    (click)=\"addContactGroup()\"\n                    type=\"button\"\n                    class=\"self-center\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\n                </button>\n            </div>\n        </div>\n\n        <div [class.!hidden]=\"stepIndex !== 2\">\n            <div\n                *ngIf=\"bankAccounts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B</p>\n                <div\n                    *ngFor=\"let bankAccount of bankAccounts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-12 items-center justify-between\">\n                        <p class=\"font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeBankAccountGroup(index)\"\n                            iconStart=\"@tui.trash-2\"\n                        ></button>\n                    </div>\n                    <sc-new-contragent-bank-account-form\n                        *ngIf=\"form.controls.contragent.controls['opf'].value as opf\"\n                        [form]=\"bankAccount\"\n                        [opf]=\"opf\"\n                    />\n                    <hr\n                        *ngIf=\"!last\"\n                        class=\"h-px w-full bg-tui-base-04\"\n                    />\n                </div>\n                <button\n                    tuiButton\n                    iconStart=\"@tui.plus\"\n                    appearance=\"secondary\"\n                    (click)=\"addBankAccountGroup()\"\n                    type=\"button\"\n                    class=\"self-center\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B\n                </button>\n            </div>\n        </div>\n    </tui-elastic-container>\n    <div class=\"flex justify-center gap-2\">\n        <button\n            *ngIf=\"stepIndex > 0\"\n            tuiButton\n            appearance=\"secondary\"\n            type=\"button\"\n            (click)=\"stepIndex = (stepIndex - 1) % 3\"\n        >\n            \u041D\u0430\u0437\u0430\u0434\n        </button>\n        <button\n            *ngIf=\"stepIndex === 0\"\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            *ngIf=\"stepIndex === 2 || (stepIndex === 1 && !form.controls.contragent.controls['bankAccounts']); else nextIndexBtn\"\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            class=\"self-center\"\n        >\n            \u0421\u043E\u0437\u0434\u0430\u0442\u044C\n        </button>\n        <ng-template #nextIndexBtn>\n            <button\n                tuiButton\n                [disabled]=\"!canNextStep(stepIndex)\"\n                type=\"button\"\n                (click)=\"navigate(1)\"\n            >\n                \u0414\u0430\u043B\u0435\u0435\n            </button>\n        </ng-template>\n    </div>\n</form>\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\n"] }]
+            args: [{ selector: 'sc-add-contragent-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit.next()\"\n    class=\"flex flex-col gap-4\"\n>\n    <tui-stepper [(activeItemIndex)]=\"stepIndex\">\n        @for (step of steps; track $index) {\n            <button\n                *ngIf=\"$index !== 2 || form.controls.contragent.controls['bankAccounts']\"\n                [stepState]=\"!canNextStep($index) ? 'error' : 'pass'\"\n                [attr.disabled]=\"$index && !canNextStep($index - 1) ? '' : null\"\n                type=\"button\"\n                tuiStep\n            >\n                {{ step }}\n            </button>\n        }\n    </tui-stepper>\n    <tui-elastic-container>\n        <sc-new-contragent-form [class.!hidden]=\"stepIndex !== 0\" />\n\n        <div [class.!hidden]=\"stepIndex !== 1\">\n            <div\n                *ngIf=\"contacts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B</p>\n                <div\n                    *ngFor=\"let contact of contacts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-10 items-center justify-between\">\n                        <p class=\"font-bold\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442 \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeContactGroup(index)\"\n                            iconStart=\"@tui.trash-2\"\n                        ></button>\n                    </div>\n                    <sc-new-contact-form [form]=\"contact\"></sc-new-contact-form>\n                    <hr\n                        *ngIf=\"!last\"\n                        class=\"h-px w-full bg-tui-base-04\"\n                    />\n                </div>\n                <button\n                    tuiButton\n                    iconStart=\"@tui.plus\"\n                    appearance=\"secondary\"\n                    (click)=\"addContactGroup()\"\n                    type=\"button\"\n                    class=\"self-center\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\n                </button>\n            </div>\n        </div>\n\n        <div [class.!hidden]=\"stepIndex !== 2\">\n            <div\n                *ngIf=\"bankAccounts\"\n                class=\"flex flex-col gap-5 pb-1\"\n            >\n                <p class=\"text-lg font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B</p>\n                <div\n                    *ngFor=\"let bankAccount of bankAccounts.controls; let index = index; let count = count; let last = last\"\n                    class=\"flex flex-col gap-3\"\n                >\n                    <div class=\"flex h-12 items-center justify-between\">\n                        <p class=\"font-bold\">\u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B \u2116{{ index + 1 }}:</p>\n                        <button\n                            *ngIf=\"count - 1\"\n                            tuiIconButton\n                            appearance=\"secondary\"\n                            (click)=\"removeBankAccountGroup(index)\"\n                            iconStart=\"@tui.trash-2\"\n                        ></button>\n                    </div>\n                    <sc-new-contragent-bank-account-form\n                        *ngIf=\"form.controls.contragent.controls['opf'].value as opf\"\n                        [form]=\"bankAccount\"\n                        [opf]=\"opf\"\n                    />\n                    <hr\n                        *ngIf=\"!last\"\n                        class=\"h-px w-full bg-tui-base-04\"\n                    />\n                </div>\n                <button\n                    tuiButton\n                    iconStart=\"@tui.plus\"\n                    appearance=\"secondary\"\n                    (click)=\"addBankAccountGroup()\"\n                    type=\"button\"\n                    class=\"self-center\"\n                >\n                    \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B\n                </button>\n            </div>\n        </div>\n    </tui-elastic-container>\n    <div class=\"flex justify-center gap-2\">\n        <button\n            *ngIf=\"stepIndex > 0\"\n            tuiButton\n            appearance=\"secondary\"\n            type=\"button\"\n            (click)=\"stepIndex = (stepIndex - 1) % 3\"\n        >\n            \u041D\u0430\u0437\u0430\u0434\n        </button>\n        <button\n            *ngIf=\"stepIndex === 0\"\n            tuiButton\n            (click)=\"context.$implicit.complete()\"\n            type=\"button\"\n            appearance=\"secondary\"\n        >\n            \u041E\u0442\u043C\u0435\u043D\u0430\n        </button>\n        <button\n            *ngIf=\"stepIndex === 2 || (stepIndex === 1 && !form.controls.contragent.controls['bankAccounts']); else nextIndexBtn\"\n            tuiButton\n            [disabled]=\"form.invalid\"\n            [loading]=\"!!(loading$ | async)\"\n            type=\"submit\"\n            class=\"self-center\"\n        >\n            \u0421\u043E\u0437\u0434\u0430\u0442\u044C\n        </button>\n        <ng-template #nextIndexBtn>\n            <button\n                tuiButton\n                [disabled]=\"!canNextStep(stepIndex)\"\n                type=\"button\"\n                (click)=\"navigate(1)\"\n            >\n                \u0414\u0430\u043B\u0435\u0435\n            </button>\n        </ng-template>\n    </div>\n</form>\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\n"] }]
         }], ctorParameters: () => [{ type: i1.ScReferencesService }, { type: i1.ScContragentService }, { type: i1.ScConvertersService }, { type: i1.ScUserMetrikaService }, { type: i1.ScLocationsService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -3364,7 +3364,7 @@ class ScContragentsModule {
             TuiElasticContainer, i1$2.TuiItem, i2$1.TuiCarouselComponent, i2$1.TuiCarouselDirective, i2$1.TuiCarouselAutoscroll, i2$1.TuiCarouselButtons, i2$1.TuiCarouselScroll, TuiButtonLoading,
             TuiComboBoxModule,
             TuiStringifyContentPipe,
-            TuiFilterByInputPipe, i2$1.TuiStepperComponent, i2$1.TuiStep, TuiRepeatTimes], exports: [ScContragentsAccordionComponent,
+            TuiFilterByInputPipe, i2$1.TuiStepperComponent, i2$1.TuiStep], exports: [ScContragentsAccordionComponent,
             ScNewContragentBankAccountsFormComponent,
             ScAddContragentBankAccountsDialogComponent,
             ScAddContragentDialogComponent,
@@ -3420,7 +3420,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TuiStringifyContentPipe,
                         TuiFilterByInputPipe,
                         ...TuiStepper,
-                        TuiRepeatTimes,
                     ],
                     exports: [
                         ScContragentsAccordionComponent,
@@ -4721,11 +4720,11 @@ class ScCategoryCardComponent {
         this.cdr.markForCheck();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScCategoryCardComponent, deps: [{ token: SC_URLS }, { token: SC_PATH_IMAGE_NOT_FOUND }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScCategoryCardComponent, selector: "sc-category-card", inputs: { category: { classPropertyName: "category", publicName: "category", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, enableHover: { classPropertyName: "enableHover", publicName: "enableHover", isSignal: false, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { clickOnFavoriteEvent: "clickOnFavoriteEvent" }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "<div class=\"relative\">\n    <a\n        (tuiHoveredChange)=\"onHovered($event)\"\n        [routerLink]=\"href ?? null\"\n        class=\"category-button flex flex-col overflow-hidden rounded-tui-radius-m border border-tui-base-04 text-center\"\n    >\n        <div class=\"img-wrapper w-full grow overflow-hidden\">\n            <picture *ngIf=\"category\">\n                @if (category.properties?.imageWebp) {\n                    <source\n                        type=\"image/webp\"\n                        [srcset]=\"category.properties?.imageWebp | scMediaImageTransformer\"\n                    />\n                }\n                <img\n                    [src]=\"category.properties?.image | scMediaImageTransformer: true\"\n                    [alt]=\"category.name\"\n                    [ngClass]=\"{ '!object-contain p-2': appearance() === 'normal' || !category.properties?.image }\"\n                    class=\"size-full rounded-xl object-cover\"\n                />\n            </picture>\n            <!-- \u0411\u043B\u043E\u043A \u0434\u043B\u044F \u0441\u043A\u0435\u043B\u0435\u0442\u043E\u043D\u0430 \u043A\u0430\u0440\u0442\u043E\u0447\u043A\u0438 -->\n            <div\n                *ngIf=\"!category\"\n                class=\"img-wrapper size-full bg-tui-base-02\"\n            ></div>\n        </div>\n\n        <div class=\"name flex w-full items-center justify-center\">\n            @if (category) {\n                @if (enableHover && !isMobile) {\n                    <tui-line-clamp\n                        [content]=\"category.name\"\n                        class=\"pointer-events-none\"\n                        [lineHeight]=\"size === 'm' ? 26 : 24\"\n                        [linesLimit]=\"isHover ? 4 : 2\"\n                    />\n                } @else {\n                    {{ category.name }}\n                }\n            } @else {\n                <div class=\"skeleton-name rounded-tui-radius-s bg-tui-base-02\"></div>\n            }\n        </div>\n    </a>\n    <sc-favorite-button\n        *ngIf=\"category && (authStatus$ | async)\"\n        [showLoader]=\"favoriteShowLoader\"\n        [isFavorite]=\"category.isFavorite\"\n        (clickEvent)=\"clickOnFavoriteEvent.emit()\"\n        class=\"absolute left-1 top-1\"\n    />\n</div>\n", styles: [":host{--tui-duration: .15s}:host[data-size=m] a.category-button{width:100%;height:12.5rem}:host[data-size=m] a.category-button .img-wrapper{max-height:8.75rem}:host[data-size=m] a.category-button .name{padding:.25rem 1rem;margin-block:auto;font-size:.9375rem;line-height:1.5rem;font-weight:800}:host[data-size=m] a.category-button .name .skeleton-name{width:10rem;height:1rem}:host[data-size=s] a.category-button{width:100%;height:10rem}:host[data-size=s] a.category-button .img-wrapper{max-height:7rem}:host[data-size=s] a.category-button .name{padding:.25rem .5rem;margin-block:auto;font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=s] a.category-button .name .skeleton-name{width:7rem;height:.75rem}\n"], dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i2$1.TuiLineClamp, selector: "tui-line-clamp", inputs: ["lineHeight", "content", "linesLimit"], outputs: ["overflownChange"] }, { kind: "directive", type: i7.TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { kind: "component", type: ScFavoriteButtonComponent, selector: "sc-favorite-button", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.ScMediaImageTransformerPipe, name: "scMediaImageTransformer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScCategoryCardComponent, selector: "sc-category-card", inputs: { category: { classPropertyName: "category", publicName: "category", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, enableHover: { classPropertyName: "enableHover", publicName: "enableHover", isSignal: false, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { clickOnFavoriteEvent: "clickOnFavoriteEvent" }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "<div class=\"relative\">\n    <a\n        (tuiHoveredChange)=\"onHovered($event)\"\n        [routerLink]=\"href ?? null\"\n        class=\"category-button flex flex-col overflow-hidden rounded-tui-radius-m border border-tui-base-04 text-center\"\n    >\n        <div class=\"img-wrapper w-full grow overflow-hidden\">\n            <picture *ngIf=\"category\">\n                @if (category.properties?.imageWebp) {\n                    <source\n                        type=\"image/webp\"\n                        [srcset]=\"category.properties?.imageWebp | scMediaImageTransformer\"\n                    />\n                }\n                <img\n                    [src]=\"category.properties?.image | scMediaImageTransformer: true\"\n                    [alt]=\"category.name\"\n                    [ngClass]=\"{ '!object-contain p-2': appearance() === 'normal' || !category.properties?.image }\"\n                    class=\"size-full rounded-xl object-cover\"\n                />\n            </picture>\n            <!-- \u0411\u043B\u043E\u043A \u0434\u043B\u044F \u0441\u043A\u0435\u043B\u0435\u0442\u043E\u043D\u0430 \u043A\u0430\u0440\u0442\u043E\u0447\u043A\u0438 -->\n            <div\n                *ngIf=\"!category\"\n                class=\"img-wrapper size-full bg-tui-base-02\"\n            ></div>\n        </div>\n\n        <div class=\"name flex w-full items-center justify-center break-all\">\n            @if (category) {\n                @if (enableHover && !isMobile) {\n                    <tui-line-clamp\n                        [content]=\"category.name\"\n                        class=\"pointer-events-none\"\n                        [lineHeight]=\"size === 'm' ? 26 : 24\"\n                        [linesLimit]=\"isHover ? 4 : 2\"\n                    />\n                } @else {\n                    {{ category.name }}\n                }\n            } @else {\n                <div class=\"skeleton-name rounded-tui-radius-s bg-tui-base-02\"></div>\n            }\n        </div>\n    </a>\n    <sc-favorite-button\n        *ngIf=\"category && (authStatus$ | async)\"\n        [showLoader]=\"favoriteShowLoader\"\n        [isFavorite]=\"category.isFavorite\"\n        (clickEvent)=\"clickOnFavoriteEvent.emit()\"\n        class=\"absolute left-1 top-1\"\n    />\n</div>\n", styles: [":host{--tui-duration: .15s}:host[data-size=m] a.category-button{width:100%;height:12.5rem}:host[data-size=m] a.category-button .img-wrapper{max-height:8.75rem}:host[data-size=m] a.category-button .name{padding:.25rem 1rem;margin-block:auto;font-size:.9375rem;line-height:1.5rem;font-weight:800}:host[data-size=m] a.category-button .name .skeleton-name{width:10rem;height:1rem}:host[data-size=s] a.category-button{width:100%;height:10rem}:host[data-size=s] a.category-button .img-wrapper{max-height:7rem}:host[data-size=s] a.category-button .name{padding:.25rem .5rem;margin-block:auto;font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=s] a.category-button .name .skeleton-name{width:7rem;height:.75rem}\n"], dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i2$1.TuiLineClamp, selector: "tui-line-clamp", inputs: ["lineHeight", "content", "linesLimit"], outputs: ["overflownChange"] }, { kind: "directive", type: i7.TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { kind: "component", type: ScFavoriteButtonComponent, selector: "sc-favorite-button", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.ScMediaImageTransformerPipe, name: "scMediaImageTransformer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScCategoryCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-category-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"relative\">\n    <a\n        (tuiHoveredChange)=\"onHovered($event)\"\n        [routerLink]=\"href ?? null\"\n        class=\"category-button flex flex-col overflow-hidden rounded-tui-radius-m border border-tui-base-04 text-center\"\n    >\n        <div class=\"img-wrapper w-full grow overflow-hidden\">\n            <picture *ngIf=\"category\">\n                @if (category.properties?.imageWebp) {\n                    <source\n                        type=\"image/webp\"\n                        [srcset]=\"category.properties?.imageWebp | scMediaImageTransformer\"\n                    />\n                }\n                <img\n                    [src]=\"category.properties?.image | scMediaImageTransformer: true\"\n                    [alt]=\"category.name\"\n                    [ngClass]=\"{ '!object-contain p-2': appearance() === 'normal' || !category.properties?.image }\"\n                    class=\"size-full rounded-xl object-cover\"\n                />\n            </picture>\n            <!-- \u0411\u043B\u043E\u043A \u0434\u043B\u044F \u0441\u043A\u0435\u043B\u0435\u0442\u043E\u043D\u0430 \u043A\u0430\u0440\u0442\u043E\u0447\u043A\u0438 -->\n            <div\n                *ngIf=\"!category\"\n                class=\"img-wrapper size-full bg-tui-base-02\"\n            ></div>\n        </div>\n\n        <div class=\"name flex w-full items-center justify-center\">\n            @if (category) {\n                @if (enableHover && !isMobile) {\n                    <tui-line-clamp\n                        [content]=\"category.name\"\n                        class=\"pointer-events-none\"\n                        [lineHeight]=\"size === 'm' ? 26 : 24\"\n                        [linesLimit]=\"isHover ? 4 : 2\"\n                    />\n                } @else {\n                    {{ category.name }}\n                }\n            } @else {\n                <div class=\"skeleton-name rounded-tui-radius-s bg-tui-base-02\"></div>\n            }\n        </div>\n    </a>\n    <sc-favorite-button\n        *ngIf=\"category && (authStatus$ | async)\"\n        [showLoader]=\"favoriteShowLoader\"\n        [isFavorite]=\"category.isFavorite\"\n        (clickEvent)=\"clickOnFavoriteEvent.emit()\"\n        class=\"absolute left-1 top-1\"\n    />\n</div>\n", styles: [":host{--tui-duration: .15s}:host[data-size=m] a.category-button{width:100%;height:12.5rem}:host[data-size=m] a.category-button .img-wrapper{max-height:8.75rem}:host[data-size=m] a.category-button .name{padding:.25rem 1rem;margin-block:auto;font-size:.9375rem;line-height:1.5rem;font-weight:800}:host[data-size=m] a.category-button .name .skeleton-name{width:10rem;height:1rem}:host[data-size=s] a.category-button{width:100%;height:10rem}:host[data-size=s] a.category-button .img-wrapper{max-height:7rem}:host[data-size=s] a.category-button .name{padding:.25rem .5rem;margin-block:auto;font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=s] a.category-button .name .skeleton-name{width:7rem;height:.75rem}\n"] }]
+            args: [{ selector: 'sc-category-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"relative\">\n    <a\n        (tuiHoveredChange)=\"onHovered($event)\"\n        [routerLink]=\"href ?? null\"\n        class=\"category-button flex flex-col overflow-hidden rounded-tui-radius-m border border-tui-base-04 text-center\"\n    >\n        <div class=\"img-wrapper w-full grow overflow-hidden\">\n            <picture *ngIf=\"category\">\n                @if (category.properties?.imageWebp) {\n                    <source\n                        type=\"image/webp\"\n                        [srcset]=\"category.properties?.imageWebp | scMediaImageTransformer\"\n                    />\n                }\n                <img\n                    [src]=\"category.properties?.image | scMediaImageTransformer: true\"\n                    [alt]=\"category.name\"\n                    [ngClass]=\"{ '!object-contain p-2': appearance() === 'normal' || !category.properties?.image }\"\n                    class=\"size-full rounded-xl object-cover\"\n                />\n            </picture>\n            <!-- \u0411\u043B\u043E\u043A \u0434\u043B\u044F \u0441\u043A\u0435\u043B\u0435\u0442\u043E\u043D\u0430 \u043A\u0430\u0440\u0442\u043E\u0447\u043A\u0438 -->\n            <div\n                *ngIf=\"!category\"\n                class=\"img-wrapper size-full bg-tui-base-02\"\n            ></div>\n        </div>\n\n        <div class=\"name flex w-full items-center justify-center break-all\">\n            @if (category) {\n                @if (enableHover && !isMobile) {\n                    <tui-line-clamp\n                        [content]=\"category.name\"\n                        class=\"pointer-events-none\"\n                        [lineHeight]=\"size === 'm' ? 26 : 24\"\n                        [linesLimit]=\"isHover ? 4 : 2\"\n                    />\n                } @else {\n                    {{ category.name }}\n                }\n            } @else {\n                <div class=\"skeleton-name rounded-tui-radius-s bg-tui-base-02\"></div>\n            }\n        </div>\n    </a>\n    <sc-favorite-button\n        *ngIf=\"category && (authStatus$ | async)\"\n        [showLoader]=\"favoriteShowLoader\"\n        [isFavorite]=\"category.isFavorite\"\n        (clickEvent)=\"clickOnFavoriteEvent.emit()\"\n        class=\"absolute left-1 top-1\"\n    />\n</div>\n", styles: [":host{--tui-duration: .15s}:host[data-size=m] a.category-button{width:100%;height:12.5rem}:host[data-size=m] a.category-button .img-wrapper{max-height:8.75rem}:host[data-size=m] a.category-button .name{padding:.25rem 1rem;margin-block:auto;font-size:.9375rem;line-height:1.5rem;font-weight:800}:host[data-size=m] a.category-button .name .skeleton-name{width:10rem;height:1rem}:host[data-size=s] a.category-button{width:100%;height:10rem}:host[data-size=s] a.category-button .img-wrapper{max-height:7rem}:host[data-size=s] a.category-button .name{padding:.25rem .5rem;margin-block:auto;font-size:.8125rem;line-height:1.25rem;font-weight:800}:host[data-size=s] a.category-button .name .skeleton-name{width:7rem;height:.75rem}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [SC_URLS]