@snabcentr/client-ui 3.7.0 → 3.8.1

package/fesm2022/snabcentr-client-ui.mjs

@@ -1,38 +1,38 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Inject, Input, Output, inject, DestroyRef, SkipSelf, Directive, HostBinding, ContentChild, ViewChild, NgModule, ContentChildren, HostListener, ChangeDetectorRef, Renderer2, ElementRef, Pipe, Optional, Injectable, signal, forwardRef, InjectionToken } from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Inject, Input, Output, inject, DestroyRef, SkipSelf, Directive, HostBinding, ContentChild, ViewChild, NgModule, Pipe, ElementRef, HostListener, Renderer2, Optional, Injectable, ContentChildren, ChangeDetectorRef, signal, input, computed, output, effect, forwardRef, InjectionToken } from '@angular/core';
 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 { ScUserMetrikaGoalsEnum, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScOpfList, ScPhoneService, ScUserMetrikaService, ScAuthService, SC_URLS, SC_PATH_IMAGE_NOT_FOUND, SEARCH_TERM, ScUnitsHelper, ScImageHelper, IS_RUNNING_ON_TERMINAL, 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, skip, interval } from 'rxjs';
+import { Subject, map, filter, switchMap, tap, catchError, of, finalize, startWith, share, timer, scan, takeWhile, endWith, distinctUntilChanged, combineLatest, debounceTime, throwError, shareReplay, skip, noop, 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, TuiHint, TUI_MONTHS, TuiIcon, TuiFormatNumberPipe, tuiFadeIn } from '@taiga-ui/core';
+import { TUI_DATA_LIST_HOST, tuiDropdownOptionsProvider, TuiButton, TuiLabel, TuiError, TuiLoader, TuiDataList, TuiNotification, TuiLink, TuiDialog, TuiDialogService, TuiHint, TUI_MONTHS, TuiIcon, TuiFormatNumberPipe, TuiAppearance, TuiWithAppearance, TuiIcons, TuiWithIcons, 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';
 import * as i6 from '@taiga-ui/cdk';
-import { tuiControlValue, tuiIsFalsy, tuiIsPresent, tuiMarkControlAsTouchedAndValidate, TUI_IS_MOBILE, TuiLet, TuiRepeatTimes, TuiHovered, TuiDay, TuiDayRange, TuiMonth, tuiPure, tuiCreateToken, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
+import { tuiControlValue, tuiIsFalsy, tuiIsPresent, tuiMarkControlAsTouchedAndValidate, TuiLet, TuiRepeatTimes, TUI_IS_MOBILE, TuiHovered, TuiDay, TuiDayRange, TuiMonth, tuiPure, tuiCreateTokenFromFactory, tuiCreateToken, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
 import * as i4 from '@taiga-ui/legacy/components/primitive-textfield';
 import * as i5 from '@taiga-ui/legacy';
-import { AbstractTuiControl, TuiInputModule, TuiTextfieldControllerModule, TuiComboBoxModule, TuiInputPhoneModule, TuiSelectModule, TuiInputPasswordModule, AbstractTuiNullableControl, TuiInputNumberComponent, TuiIslandDirective, TuiInputNumberModule } from '@taiga-ui/legacy';
+import { TuiInputModule, TuiTextfieldControllerModule, TuiComboBoxModule, TuiInputPhoneModule, TuiSelectModule, TuiInputPasswordModule, AbstractTuiNullableControl, TuiInputNumberComponent, AbstractTuiControl, TuiIslandDirective, TuiInputNumberModule } from '@taiga-ui/legacy';
 import * as i8 from '@maskito/angular';
 import { MaskitoDirective } from '@maskito/angular';
 import * as i2$1 from '@taiga-ui/kit';
-import { TuiAccordionItem, TuiElasticContainer, TuiAccordion, TuiPreview, TuiFieldErrorPipe, TuiFilterByInputPipe, TuiStringifyContentPipe, TuiDataListWrapper, TuiButtonLoading, TuiCarousel, TuiCheckbox, TuiStepper, TuiBadge, TuiHighlight, TuiAvatar, TuiLineClamp, TuiPreviewDialogService, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TUI_TREE_LOADER, TuiTree } from '@taiga-ui/kit';
+import { TuiAccordionItem, TuiElasticContainer, TuiAccordion, TuiFieldErrorPipe, TuiFilterByInputPipe, TuiStringifyContentPipe, TuiDataListWrapper, TuiButtonLoading, TuiCarousel, TuiCheckbox, TuiStepper, TuiPreview, TuiBadge, TuiHighlight, TuiAvatar, TuiLineClamp, TuiPreviewDialogService, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TUI_TREE_LOADER, TuiTree } from '@taiga-ui/kit';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i3$1 from '@taiga-ui/core/components/data-list';
 import * as i2$2 from '@taiga-ui/polymorpheus';
 import { PolymorpheusTemplate, PolymorpheusOutlet, POLYMORPHEUS_CONTEXT, PolymorpheusComponent, injectContext } from '@taiga-ui/polymorpheus';
-import * as i2$3 from 'angularx-qrcode';
-import { QRCodeModule } from 'angularx-qrcode';
 import * as i1$2 from '@taiga-ui/cdk/directives/item';
 import * as i3$2 from '@ng-web-apis/intersection-observer';
 import { IntersectionObserverService, WaIntersectionObserver } from '@ng-web-apis/intersection-observer';
-import * as i2$4 from '@angular/router';
-import { RouterModule, ActivatedRoute } from '@angular/router';
+import * as i2$3 from '@angular/router';
+import { RouterModule, ActivatedRoute, Router, NavigationEnd, RouterLink } from '@angular/router';
 import * as i9 from '@taiga-ui/addon-commerce';
 import { TuiCurrencyPipe } from '@taiga-ui/addon-commerce';
+import * as i2$4 from 'angularx-qrcode';
+import { QRCodeModule } from 'angularx-qrcode';
 import { __decorate } from 'tslib';
 import * as i5$1 from '@taiga-ui/addon-charts';
 import { TuiLineDaysChart, TuiLineDaysChartHint, TuiAxes } from '@taiga-ui/addon-charts';
@@ -1499,219 +1499,81 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
                 }]
         }] });
 
-/* eslint-disable lodash/prefer-lodash-method */
+/* eslint-disable class-methods-use-this */
 /**
- * Директива для перехода по нажатию клавиши enter на следующее поле ввода формы.
+ * Пайп для форматирования номера телефона.
+ *
+ * Если переданный номер телефона валиден, он будет отформатирован с использованием метода `formatPhoneNumber` сервиса `ScPhoneService`.
+ * Если номер невалиден, возвращается исходное значение.
  */
-class ScNextInputFocusDirective {
+class ScFormatePhonePipe {
     /**
-     * Слушатель нажатия на клавишу enter. Предотвращает событие submit, выполняет смену фокуса на следующее поле ввода TuiFocusableElementAccessor.
+     * Преобразует строковое значение номера телефона.
      *
-     * @param event Объект события нажатия на клавишу.
+     * @param value Строка, содержащая номер телефона.
+     * @returns Отформатированный номер телефона, если он валиден, или исходное значение, если он невалиден.
      */
-    onFormKeyDownEnter(event) {
-        if (event.code !== 'Enter' && event.key !== 'Enter') {
-            return;
-        }
-        event.preventDefault();
-        const elements = this.focusableElements.toArray();
-        const focusedIndex = elements.findIndex((control) => control.focused);
-        if (focusedIndex !== -1) {
-            const nextElement = elements[focusedIndex + 1]?.nativeFocusableElement;
-            if (nextElement) {
-                nextElement.focus();
-            }
+    transform(value) {
+        if (ScPhoneService.isValidPhoneNumber(value)) {
+            return ScPhoneService.formatPhoneNumber(value);
         }
+        return value; // Возвращаем оригинальный номер, если он невалиден.
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScNextInputFocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]", host: { listeners: { "keydown": "onFormKeyDownEnter($event)" } }, queries: [{ propertyName: "focusableElements", predicate: AbstractTuiControl, descendants: true }], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScNextInputFocusDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'form[ScNextInputFocus]',
-                }]
-        }], propDecorators: { focusableElements: [{
-                type: ContentChildren,
-                args: [AbstractTuiControl, { descendants: true }]
-            }], onFormKeyDownEnter: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
-            }] } });
-
-/**
- * Модуль директивы для перехода по нажатию клавиши enter на следующее поле ввода формы.
- */
-class ScNextInputFocusModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScNextInputFocusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: ScNextInputFocusModule, declarations: [ScNextInputFocusDirective], exports: [ScNextInputFocusDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScNextInputFocusModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScFormatePhonePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: ScFormatePhonePipe, isStandalone: true, name: "scFormatePhone" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScNextInputFocusModule, decorators: [{
-            type: NgModule,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScFormatePhonePipe, decorators: [{
+            type: Pipe,
             args: [{
-                    declarations: [ScNextInputFocusDirective],
-                    exports: [ScNextInputFocusDirective],
+                    standalone: true,
+                    name: 'scFormatePhone',
                 }]
         }] });
 
-/* eslint-disable no-underscore-dangle */
 /**
- * Директива абстрактной карточки товара.
+ * Директива, которая управляет свойствами ссылки адреса электронной почты.
  */
-class AbstractScPriceCard {
+class ScEmailLinkDirective {
     constructor() {
         /**
-         * Признак того, что этот компонент отображается на мобильном устройстве.
-         */
-        this.isMobile = inject(TUI_IS_MOBILE);
-        /**
-         * {@link FormControl} поля ввода количества товара в корзине.
-         */
-        this.quantityControl = new FormControl(3, { updateOn: 'blur' });
-        /**
-         * Признак, что необходимо отобразить лоадер для поля ввода количества товара.
-         */
-        this.quantityShowLoader = false;
-        /**
-         * Признак, что необходимо отобразить лоадер для кнопки избранных товаров и категорий.
-         */
-        this.favoriteShowLoader = false;
-        /**
-         * {@link Observable} изменения статуса авторизации.
-         */
-        this.authStatus$ = inject(ScAuthService).getAuthChange();
-        /**
-         * {@link Observable} поиска терма.
-         */
-        this.search$ = inject(SEARCH_TERM);
-        /**
-         * Признак, что необходимо отобразить поле ввода количества товара.
-         */
-        this.showQuantityControl = false;
-        /**
-         * Событие нажатия на кнопку "В избранное".
-         */
-        this.clickFavoriteEvent = new EventEmitter();
-        /**
-         * Событие нажатия на кнопку "В корзину".
-         */
-        this.clickAddToCartEvent = new EventEmitter();
-        /**
-         * Событие нажатия на кнопку очистки количества товара.
-         */
-        this.clickClearEvent = new EventEmitter();
-        /**
-         * Событие нажатия на карточку товара.
-         */
-        this.clickCardEvent = new EventEmitter();
-        /**
-         * Событие нажатия на историю цен.
-         */
-        this.clickPriceHistoryEvent = new EventEmitter();
-        /**
-         * {@link Observable} изменения количества товара в корзине.
-         */
-        this.quantityValueChanges = this.quantityControl.valueChanges;
-        /**
-         * Экземпляр класса-помощника для работы со значениями единиц измерения товара.
-         */
-        this.unitsHelper = inject(ScUnitsHelper);
-        /**
-         * Хелпер для работы с изображениями товара.
-         */
-        this.imageHelper = inject(ScImageHelper);
-        /**
-         * Путь до изображения 'Товар не найден'.
+         * Ссылка на HTML элемент тега `<a>`.
          */
-        this.pathImageNotFound = inject(SC_PATH_IMAGE_NOT_FOUND);
+        this.elementReference = inject(ElementRef);
         /**
-         * Объект слежения за изменениями.
+         * Сервис для сбора метрик о действиях пользователей.
          */
-        this.cdr = inject(ChangeDetectorRef);
-    }
-    /**
-     * Позиция товара в корзине.
-     *
-     * TODO: Сделать товар в корзине наблюдаемой переменной после реализации TASK:[#7144].
-     */
-    get cartItem() {
-        return this._cartItem;
-    }
-    /**
-     * Позиция товара в корзине
-     *
-     * TODO: Сделать товар в корзине наблюдаемой переменной после реализации TASK:[#7144].
-     */
-    set cartItem(value) {
-        this._cartItem = value;
-        this.quantityControl.patchValue(this._cartItem?.quantity ?? null, { emitEvent: false });
-        this.quantityShowLoader = false;
-    }
-    /**
-     * Объект товара.
-     */
-    get product() {
-        return this._product;
-    }
-    /**
-     * Объект товара.
-     */
-    set product(value) {
-        this._product = value;
-    }
-    /**
-     * Признак, что нужно показать скелетон.
-     */
-    get skeletonVisible() {
-        return !this.product;
-    }
-    /**
-     * Возвращает ссылку на preview-изображение карточки товара.
-     */
-    getCardImagePreview() {
-        return this.product ? this.imageHelper.getImagePreview(this.product) : this.pathImageNotFound;
-    }
-    /**
-     * Возвращает массив превью-изображений товара.
-     *
-     * @param product Объект товара.
-     */
-    getCardImagePreviewList(product) {
-        const images = this.imageHelper.getProductImagePreviewList(product);
-        return images.length > 0 ? images : [this.pathImageNotFound];
+        this.userMetrikaService = inject(ScUserMetrikaService);
     }
     /**
-     * Устанавливает компонент в очередь на обновление.
+     * Обработчик клика по ссылке.
      */
-    markForCheck() {
-        this.cdr.markForCheck();
+    click() {
+        const email = /mailto:([^?]+)/.exec(this.elementReference.nativeElement.href)?.at(1);
+        if (email) {
+            this.userMetrikaService.emitUserMetrikaEvent({
+                target: ScUserMetrikaGoalsEnum.emailClick,
+                params: {
+                    emailLocation: this.linkLocation,
+                    email: email,
+                },
+            });
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: AbstractScPriceCard, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: AbstractScPriceCard, inputs: { cartItem: "cartItem", product: "product", showQuantityControl: "showQuantityControl", href: "href" }, outputs: { clickFavoriteEvent: "clickFavoriteEvent", clickAddToCartEvent: "clickAddToCartEvent", clickClearEvent: "clickClearEvent", clickCardEvent: "clickCardEvent", clickPriceHistoryEvent: "clickPriceHistoryEvent", quantityValueChanges: "quantityValueChanges" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScEmailLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: ScEmailLinkDirective, isStandalone: true, selector: "a[scEmailLink]", inputs: { linkLocation: "linkLocation" }, host: { listeners: { "click": "click()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: AbstractScPriceCard, decorators: [{
-            type: Directive
-        }], propDecorators: { cartItem: [{
-                type: Input
-            }], product: [{
-                type: Input
-            }], showQuantityControl: [{
-                type: Input
-            }], href: [{
-                type: Input
-            }], clickFavoriteEvent: [{
-                type: Output
-            }], clickAddToCartEvent: [{
-                type: Output
-            }], clickClearEvent: [{
-                type: Output
-            }], clickCardEvent: [{
-                type: Output
-            }], clickPriceHistoryEvent: [{
-                type: Output
-            }], quantityValueChanges: [{
-                type: Output
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScEmailLinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'a[scEmailLink]',
+                }]
+        }], propDecorators: { linkLocation: [{
+                type: Input,
+                args: [{ required: true }]
+            }], click: [{
+                type: HostListener,
+                args: ['click']
             }] } });
 
 /**
@@ -1728,225 +1590,72 @@ class ScTelLinkDirective {
          */
         this.elementReference = inject(ElementRef);
         /**
-         * Номер телефона, который будет проверен на валидность.
+         * Сервис для сбора метрик о действиях пользователей.
          */
-        this.scTelLink = '';
+        this.userMetrikaService = inject(ScUserMetrikaService);
     }
     /** @inheritDoc */
     ngOnChanges(changes) {
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        if (changes['scTelLink']) {
+        if (changes['tel']) {
             this.updateLinkState();
         }
     }
+    /**
+     * Обработчик клика по ссылке.
+     */
+    click() {
+        if (ScPhoneService.isValidPhoneNumber(this.tel)) {
+            this.userMetrikaService.emitUserMetrikaEvent({
+                target: ScUserMetrikaGoalsEnum.phoneClick,
+                params: {
+                    phoneLocation: this.linkLocation,
+                    phone: this.tel,
+                },
+            });
+        }
+    }
     /**
      * Обновляет состояние ссылки на основе валидности номера телефона.
      */
     updateLinkState() {
-        if (ScPhoneService.isValidPhoneNumber(this.scTelLink)) {
-            // Если номер валиден, активируем ссылку
+        if (ScPhoneService.isValidPhoneNumber(this.tel)) {
+            // Если номер валиден, активируем ссылку.
             this.renderer.removeAttribute(this.elementReference.nativeElement, 'aria-disabled');
             this.renderer.removeClass(this.elementReference.nativeElement, 'disabled');
-            this.renderer.setAttribute(this.elementReference.nativeElement, 'href', `tel:${ScPhoneService.formatPhoneNumber(this.scTelLink)}`);
+            this.renderer.setAttribute(this.elementReference.nativeElement, 'href', `tel:${ScPhoneService.formatPhoneNumber(this.tel)}`);
         }
         else {
-            // Если номер невалиден, отключаем ссылку
+            // Если номер невалиден, отключаем ссылку.
             this.renderer.setAttribute(this.elementReference.nativeElement, 'aria-disabled', 'true');
             this.renderer.addClass(this.elementReference.nativeElement, 'disabled');
             this.renderer.removeAttribute(this.elementReference.nativeElement, 'href');
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScTelLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: ScTelLinkDirective, isStandalone: true, selector: "[scTelLink]", inputs: { scTelLink: "scTelLink" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: ScTelLinkDirective, isStandalone: true, selector: "a[scTelLink]", inputs: { tel: ["scTelLink", "tel"], linkLocation: "linkLocation" }, host: { listeners: { "click": "click()" } }, usesOnChanges: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScTelLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
-                    selector: '[scTelLink]',
+                    selector: 'a[scTelLink]',
                 }]
-        }], propDecorators: { scTelLink: [{
-                type: Input
+        }], propDecorators: { tel: [{
+                type: Input,
+                args: [{ alias: 'scTelLink', required: true }]
+            }], linkLocation: [{
+                type: Input,
+                args: [{ required: true }]
+            }], click: [{
+                type: HostListener,
+                args: ['click']
             }] } });
 
-/* eslint-disable class-methods-use-this */
 /**
- * Пайп для форматирования номера телефона.
- *
- * Если переданный номер телефона валиден, он будет отформатирован с использованием метода `formatPhoneNumber` сервиса `ScPhoneService`.
- * Если номер невалиден, возвращается исходное значение.
+ * Список директив ссылок.
  */
-class ScFormatePhonePipe {
-    /**
-     * Преобразует строковое значение номера телефона.
-     *
-     * @param value Строка, содержащая номер телефона.
-     * @returns Отформатированный номер телефона, если он валиден, или исходное значение, если он невалиден.
-     */
-    transform(value) {
-        if (ScPhoneService.isValidPhoneNumber(value)) {
-            return ScPhoneService.formatPhoneNumber(value);
-        }
-        return value; // Возвращаем оригинальный номер, если он невалиден
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScFormatePhonePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: ScFormatePhonePipe, isStandalone: true, name: "scFormatePhone" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScFormatePhonePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'scFormatePhone',
-                }]
-        }] });
-
-/**
- * Модуль валидации значения номера телефона.
- */
-class ScTelLinkModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScTelLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: ScTelLinkModule, imports: [ScFormatePhonePipe, ScTelLinkDirective], exports: [ScFormatePhonePipe, ScTelLinkDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScTelLinkModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScTelLinkModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [ScFormatePhonePipe, ScTelLinkDirective],
-                    exports: [ScFormatePhonePipe, ScTelLinkDirective],
-                }]
-        }] });
-
-/**
- * Компонент QR кода.
- */
-class ScQRCodeDialogComponent {
-    /**
-     * Инициализирует экземпляр класса {@link ScQRCodeDialogComponent}.
-     *
-     * @param vCardService Сервис для работы с vCard.
-     * @param context Контекст диалогового окна, в котором открыт компонент.
-     * @param terminal Провайдер данных о терминале.
-     */
-    constructor(vCardService, context, terminal) {
-        this.vCardService = vCardService;
-        this.context = context;
-        this.terminal = terminal;
-        /**
-         * Свойство, от которого зависит наличие атрибута `data-terminal-view` у `:host` компонента.
-         */
-        this.terminalView = this.terminal.isRunningOnTerminal;
-    }
-    /**
-     * Выполняет скачивание генерируемого vCard файла контакта.
-     */
-    downloadVCard() {
-        if (!this.terminal.isRunningOnTerminal && this.isVCardData()) {
-            this.vCardService.downloadVCard(this.context.data.qrdata);
-        }
-    }
-    /**
-     * Проверяет что в диалоговое окно были переданы данные в формате `vCard`.
-     */
-    isVCardData() {
-        // eslint-disable-next-line unicorn/better-regex
-        return /BEGIN:VCARD[\s\S]*END:VCARD/i.test(this.context.data.qrdata);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScQRCodeDialogComponent, deps: [{ token: i1.ScVCardService }, { token: POLYMORPHEUS_CONTEXT }, { token: IS_RUNNING_ON_TERMINAL }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScQRCodeDialogComponent, selector: "sc-qrcode-dialog", host: { properties: { "attr.data-terminal-view": "this.terminalView" } }, ngImport: i0, template: "<p class=\"-mt-2 mb-3 text-tui-text-02\">{{ !terminal.isRunningOnTerminal && this.isVCardData() ? '\u041D\u0430\u0436\u043C\u0438\u0442\u0435 \u0438\u043B\u0438 \u043E' : '\u041E' }}\u0442\u0441\u043A\u0430\u043D\u0438\u0440\u0443\u0439\u0442\u0435 QR-\u043A\u043E\u0434 \u0432\u0430\u0448\u0438\u043C \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u044B\u043C \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u043E\u043C.</p>\n<qrcode\n    (click)=\"downloadVCard()\"\n    [margin]=\"0\"\n    [qrdata]=\"this.context.data.qrdata\"\n    [width]=\"800\"\n    elementType=\"img\"\n    class=\"cursor-pointer\"\n></qrcode>\n", styles: ["::ng-deep tui-dialog:has([data-terminal-view=true]){width:21rem!important}::ng-deep tui-dialog:has([data-terminal-view=true]) .t-heading{margin-bottom:.5rem!important;font:var(--tui-font-heading-6)!important}\n"], dependencies: [{ kind: "component", type: i2$3.QRCodeComponent, selector: "qrcode", inputs: ["allowEmptyString", "colorDark", "colorLight", "cssClass", "elementType", "errorCorrectionLevel", "imageSrc", "imageHeight", "imageWidth", "margin", "qrdata", "scale", "version", "width", "alt", "ariaLabel", "title"], outputs: ["qrCodeURL"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScQRCodeDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sc-qrcode-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p class=\"-mt-2 mb-3 text-tui-text-02\">{{ !terminal.isRunningOnTerminal && this.isVCardData() ? '\u041D\u0430\u0436\u043C\u0438\u0442\u0435 \u0438\u043B\u0438 \u043E' : '\u041E' }}\u0442\u0441\u043A\u0430\u043D\u0438\u0440\u0443\u0439\u0442\u0435 QR-\u043A\u043E\u0434 \u0432\u0430\u0448\u0438\u043C \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u044B\u043C \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u043E\u043C.</p>\n<qrcode\n    (click)=\"downloadVCard()\"\n    [margin]=\"0\"\n    [qrdata]=\"this.context.data.qrdata\"\n    [width]=\"800\"\n    elementType=\"img\"\n    class=\"cursor-pointer\"\n></qrcode>\n", styles: ["::ng-deep tui-dialog:has([data-terminal-view=true]){width:21rem!important}::ng-deep tui-dialog:has([data-terminal-view=true]) .t-heading{margin-bottom:.5rem!important;font:var(--tui-font-heading-6)!important}\n"] }]
-        }], ctorParameters: () => [{ type: i1.ScVCardService }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [POLYMORPHEUS_CONTEXT]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [IS_RUNNING_ON_TERMINAL]
-                }] }], propDecorators: { terminalView: [{
-                type: HostBinding,
-                args: ['attr.data-terminal-view']
-            }] } });
-
-/**
- * Модуль QR кода.
- */
-class ScQRCodeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScQRCodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: ScQRCodeModule, declarations: [ScQRCodeDialogComponent], imports: [CommonModule, QRCodeModule, TuiButton, TuiDialog, i2$1.TuiPreviewComponent, i2$1.TuiPreviewTitle, i2$1.TuiPreviewPagination, i2$1.TuiPreviewAction, i2$1.TuiPreviewZoom], exports: [ScQRCodeDialogComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScQRCodeModule, imports: [CommonModule, QRCodeModule, i2$1.TuiPreviewComponent, i2$1.TuiPreviewTitle, i2$1.TuiPreviewPagination, i2$1.TuiPreviewZoom] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScQRCodeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [ScQRCodeDialogComponent],
-                    imports: [CommonModule, QRCodeModule, TuiButton, TuiDialog, ...TuiPreview],
-                    exports: [ScQRCodeDialogComponent],
-                }]
-        }] });
-
-/* eslint-disable lodash/prefer-lodash-method */
-/**
- * Директива открытия диалогового окна с QRCode для ссылок `tel:` и `mailto:` на терминале.
- */
-class ScTerminalLinkDirective {
-    constructor() {
-        /**
-         * Ссылка на HTML элемент тега `<a>`.
-         */
-        this.elementReference = inject(ElementRef);
-        /**
-         * Сервис для работы с диалоговыми окнами TuiDialog.
-         */
-        this.dialog = inject(TuiDialogService);
-        /**
-         * Провайдер данных о терминале.
-         */
-        this.terminal = inject(IS_RUNNING_ON_TERMINAL);
-    }
-    /**
-     * Обработчик клика по ссылке.
-     *
-     * @param event Событие клика.
-     */
-    onClick(event) {
-        if (this.terminal.isRunningOnTerminal && this.isLinkTelOrMail()) {
-            // Отключение базового события для терминала.
-            event.preventDefault();
-            this.openQRCodeDialog();
-        }
-    }
-    /**
-     * Открывает диалоговое окно с QR-кодом.
-     */
-    openQRCodeDialog() {
-        this.dialog
-            .open(new PolymorpheusComponent(ScQRCodeDialogComponent), {
-            size: 's',
-            // Передаём ссылку формата `mailto:example@example.com` `tel:+70000000000` вместо vCard, так как для vCard данных недостаточно.
-            data: { qrdata: this.elementReference.nativeElement.href },
-        })
-            .subscribe();
-    }
-    /**
-     * Проверяет ведёт ли ссылка на телефон или адрес электронной почты.
-     */
-    isLinkTelOrMail() {
-        return this.elementReference.nativeElement.href.startsWith('tel:') || this.elementReference.nativeElement.href.startsWith('mailto:');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScTerminalLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: ScTerminalLinkDirective, isStandalone: true, selector: "a[href]", host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScTerminalLinkDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: 'a[href]',
-                }]
-        }], propDecorators: { onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
+const ScLinks = [ScTelLinkDirective, ScEmailLinkDirective, ScFormatePhonePipe];
 
 /**
  * Модуль полей ввода.
@@ -2094,11 +1803,11 @@ class ScContactsAccordionComponent {
         this.deleteButtonClick = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScContactsAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScContactsAccordionComponent, selector: "sc-contacts-accordion", inputs: { contacts$: "contacts$" }, outputs: { addContactClick: "addContactClick", deleteButtonClick: "deleteButtonClick" }, ngImport: i0, template: "<sc-accordion (addButtonClick)=\"addContactClick.emit()\">\n    \u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B\n    <ng-template scAccordionContent>\n        <tui-loader\n            *tuiLet=\"contacts$ | async as contacts\"\n            [overlay]=\"true\"\n            [showLoader]=\"contacts === null\"\n        >\n            <div class=\"flex flex-col gap-2\">\n                <ng-container *ngIf=\"!contacts || contacts.length; else contactsNotExist\">\n                    <div\n                        *ngFor=\"let contact of contacts\"\n                        class=\"flex gap-2 border-b border-tui-base-03\"\n                    >\n                        <div class=\"flex grow flex-col gap-2\">\n                            {{ contact.name }}\n                            <a\n                                *ngIf=\"contact.phone\"\n                                tuiLink\n                                [scTelLink]=\"contact.phone\"\n                                iconStart=\"@tui.phone\"\n                                [pseudo]=\"true\"\n                                href=\"tel:{{ contact.phone | scFormatePhone }}\"\n                            >\n                                {{ contact.phone | scFormatePhone }}\n                            </a>\n                            <a\n                                *ngIf=\"contact.email\"\n                                tuiLink\n                                iconStart=\"@tui.mail\"\n                                [pseudo]=\"true\"\n                                href=\"mailto:{{ contact.email }}\"\n                            >\n                                {{ contact.email }}\n                            </a>\n                        </div>\n                        <!-- \u0424\u0443\u043D\u043A\u0446\u0438\u043E\u043D\u0430\u043B \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0432\u0440\u0435\u043C\u0435\u043D\u043D\u043E \u043D\u0435 \u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044E. -->\n                        <!-- <div class=\"flex flex-col md:flex-row gap-1\">\n                            <button\n                                tuiIconButton\n                                size=\"m\"\n                                type=\"button\"\n                                icon=\"@tui.trash-2\"\n                                appearance=\"flat\"\n                                (click)=\"$event.stopPropagation(); deleteButtonClick.emit(contact)\"\n                            ></button>\n                        </div> -->\n                    </div>\n                </ng-container>\n\n                <ng-template #contactsNotExist>\n                    <tui-notification size=\"l\">\n                        <div>\n                            <div class=\"flex flex-wrap gap-2 font-medium\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B \u043D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D\u044B.</div>\n                        </div>\n                    </tui-notification>\n                </ng-template>\n            </div>\n        </tui-loader>\n    </ng-template>\n</sc-accordion>\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: "component", type: ScAccordionComponent, selector: "sc-accordion", inputs: ["showAddButton", "showDeleteButton", "showArrow", "open", "size"], outputs: ["addButtonClick", "deleteButtonClick"] }, { kind: "directive", type: ScAccordionContentDirective, selector: "ng-template[scAccordionContent]" }, { kind: "component", type: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i1$1.TuiNotification, selector: "tui-notification,a[tuiNotification],button[tuiNotification]", inputs: ["appearance", "icon", "size"] }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: ScTerminalLinkDirective, selector: "a[href]" }, { kind: "directive", type: ScTelLinkDirective, selector: "[scTelLink]", inputs: ["scTelLink"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: ScFormatePhonePipe, name: "scFormatePhone" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScContactsAccordionComponent, selector: "sc-contacts-accordion", inputs: { contacts$: "contacts$" }, outputs: { addContactClick: "addContactClick", deleteButtonClick: "deleteButtonClick" }, ngImport: i0, template: "<sc-accordion (addButtonClick)=\"addContactClick.emit()\">\n    \u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B\n    <ng-template scAccordionContent>\n        <tui-loader\n            *tuiLet=\"contacts$ | async as contacts\"\n            [overlay]=\"true\"\n            [showLoader]=\"contacts === null\"\n        >\n            <div class=\"flex flex-col gap-2\">\n                <ng-container *ngIf=\"!contacts || contacts.length; else contactsNotExist\">\n                    <div\n                        *ngFor=\"let contact of contacts\"\n                        class=\"flex gap-2 border-b border-tui-base-03\"\n                    >\n                        <div class=\"flex grow flex-col gap-2\">\n                            {{ contact.name }}\n                            <a\n                                *ngIf=\"contact.phone\"\n                                tuiLink\n                                [scTelLink]=\"contact.phone\"\n                                linkLocation=\"contact\"\n                                iconStart=\"@tui.phone\"\n                                [pseudo]=\"true\"\n                                href=\"tel:{{ contact.phone | scFormatePhone }}\"\n                            >\n                                {{ contact.phone | scFormatePhone }}\n                            </a>\n                            <a\n                                *ngIf=\"contact.email\"\n                                tuiLink\n                                scEmailLink\n                                linkLocation=\"contact\"\n                                iconStart=\"@tui.mail\"\n                                [pseudo]=\"true\"\n                                href=\"mailto:{{ contact.email }}\"\n                            >\n                                {{ contact.email }}\n                            </a>\n                        </div>\n                        <!-- \u0424\u0443\u043D\u043A\u0446\u0438\u043E\u043D\u0430\u043B \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0432\u0440\u0435\u043C\u0435\u043D\u043D\u043E \u043D\u0435 \u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044E. -->\n                        <!-- <div class=\"flex flex-col md:flex-row gap-1\">\n                            <button\n                                tuiIconButton\n                                size=\"m\"\n                                type=\"button\"\n                                icon=\"@tui.trash-2\"\n                                appearance=\"flat\"\n                                (click)=\"$event.stopPropagation(); deleteButtonClick.emit(contact)\"\n                            ></button>\n                        </div> -->\n                    </div>\n                </ng-container>\n\n                <ng-template #contactsNotExist>\n                    <tui-notification size=\"l\">\n                        <div>\n                            <div class=\"flex flex-wrap gap-2 font-medium\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B \u043D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D\u044B.</div>\n                        </div>\n                    </tui-notification>\n                </ng-template>\n            </div>\n        </tui-loader>\n    </ng-template>\n</sc-accordion>\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: "component", type: ScAccordionComponent, selector: "sc-accordion", inputs: ["showAddButton", "showDeleteButton", "showArrow", "open", "size"], outputs: ["addButtonClick", "deleteButtonClick"] }, { kind: "directive", type: ScAccordionContentDirective, selector: "ng-template[scAccordionContent]" }, { kind: "component", type: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i1$1.TuiNotification, selector: "tui-notification,a[tuiNotification],button[tuiNotification]", inputs: ["appearance", "icon", "size"] }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: ScTelLinkDirective, selector: "a[scTelLink]", inputs: ["scTelLink", "linkLocation"] }, { kind: "directive", type: ScEmailLinkDirective, selector: "a[scEmailLink]", inputs: ["linkLocation"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: ScFormatePhonePipe, name: "scFormatePhone" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScContactsAccordionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-contacts-accordion', changeDetection: ChangeDetectionStrategy.OnPush, template: "<sc-accordion (addButtonClick)=\"addContactClick.emit()\">\n    \u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B\n    <ng-template scAccordionContent>\n        <tui-loader\n            *tuiLet=\"contacts$ | async as contacts\"\n            [overlay]=\"true\"\n            [showLoader]=\"contacts === null\"\n        >\n            <div class=\"flex flex-col gap-2\">\n                <ng-container *ngIf=\"!contacts || contacts.length; else contactsNotExist\">\n                    <div\n                        *ngFor=\"let contact of contacts\"\n                        class=\"flex gap-2 border-b border-tui-base-03\"\n                    >\n                        <div class=\"flex grow flex-col gap-2\">\n                            {{ contact.name }}\n                            <a\n                                *ngIf=\"contact.phone\"\n                                tuiLink\n                                [scTelLink]=\"contact.phone\"\n                                iconStart=\"@tui.phone\"\n                                [pseudo]=\"true\"\n                                href=\"tel:{{ contact.phone | scFormatePhone }}\"\n                            >\n                                {{ contact.phone | scFormatePhone }}\n                            </a>\n                            <a\n                                *ngIf=\"contact.email\"\n                                tuiLink\n                                iconStart=\"@tui.mail\"\n                                [pseudo]=\"true\"\n                                href=\"mailto:{{ contact.email }}\"\n                            >\n                                {{ contact.email }}\n                            </a>\n                        </div>\n                        <!-- \u0424\u0443\u043D\u043A\u0446\u0438\u043E\u043D\u0430\u043B \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0432\u0440\u0435\u043C\u0435\u043D\u043D\u043E \u043D\u0435 \u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044E. -->\n                        <!-- <div class=\"flex flex-col md:flex-row gap-1\">\n                            <button\n                                tuiIconButton\n                                size=\"m\"\n                                type=\"button\"\n                                icon=\"@tui.trash-2\"\n                                appearance=\"flat\"\n                                (click)=\"$event.stopPropagation(); deleteButtonClick.emit(contact)\"\n                            ></button>\n                        </div> -->\n                    </div>\n                </ng-container>\n\n                <ng-template #contactsNotExist>\n                    <tui-notification size=\"l\">\n                        <div>\n                            <div class=\"flex flex-wrap gap-2 font-medium\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B \u043D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D\u044B.</div>\n                        </div>\n                    </tui-notification>\n                </ng-template>\n            </div>\n        </tui-loader>\n    </ng-template>\n</sc-accordion>\n" }]
+            args: [{ selector: 'sc-contacts-accordion', changeDetection: ChangeDetectionStrategy.OnPush, template: "<sc-accordion (addButtonClick)=\"addContactClick.emit()\">\n    \u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B\n    <ng-template scAccordionContent>\n        <tui-loader\n            *tuiLet=\"contacts$ | async as contacts\"\n            [overlay]=\"true\"\n            [showLoader]=\"contacts === null\"\n        >\n            <div class=\"flex flex-col gap-2\">\n                <ng-container *ngIf=\"!contacts || contacts.length; else contactsNotExist\">\n                    <div\n                        *ngFor=\"let contact of contacts\"\n                        class=\"flex gap-2 border-b border-tui-base-03\"\n                    >\n                        <div class=\"flex grow flex-col gap-2\">\n                            {{ contact.name }}\n                            <a\n                                *ngIf=\"contact.phone\"\n                                tuiLink\n                                [scTelLink]=\"contact.phone\"\n                                linkLocation=\"contact\"\n                                iconStart=\"@tui.phone\"\n                                [pseudo]=\"true\"\n                                href=\"tel:{{ contact.phone | scFormatePhone }}\"\n                            >\n                                {{ contact.phone | scFormatePhone }}\n                            </a>\n                            <a\n                                *ngIf=\"contact.email\"\n                                tuiLink\n                                scEmailLink\n                                linkLocation=\"contact\"\n                                iconStart=\"@tui.mail\"\n                                [pseudo]=\"true\"\n                                href=\"mailto:{{ contact.email }}\"\n                            >\n                                {{ contact.email }}\n                            </a>\n                        </div>\n                        <!-- \u0424\u0443\u043D\u043A\u0446\u0438\u043E\u043D\u0430\u043B \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0432\u0440\u0435\u043C\u0435\u043D\u043D\u043E \u043D\u0435 \u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044E. -->\n                        <!-- <div class=\"flex flex-col md:flex-row gap-1\">\n                            <button\n                                tuiIconButton\n                                size=\"m\"\n                                type=\"button\"\n                                icon=\"@tui.trash-2\"\n                                appearance=\"flat\"\n                                (click)=\"$event.stopPropagation(); deleteButtonClick.emit(contact)\"\n                            ></button>\n                        </div> -->\n                    </div>\n                </ng-container>\n\n                <ng-template #contactsNotExist>\n                    <tui-notification size=\"l\">\n                        <div>\n                            <div class=\"flex flex-wrap gap-2 font-medium\">\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u044B \u043D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D\u044B.</div>\n                        </div>\n                    </tui-notification>\n                </ng-template>\n            </div>\n        </tui-loader>\n    </ng-template>\n</sc-accordion>\n" }]
         }], propDecorators: { contacts$: [{
                 type: Input
             }], addContactClick: [{
@@ -2127,11 +1836,7 @@ class ScContactsModule {
             TuiSelectModule, i1$1.TuiDataListComponent, i1$1.TuiDataListDirective, i1$1.TuiOption, i1$1.TuiOptGroup, i2$1.TuiDataListWrapperComponent, i2$1.TuiDataListGroupWrapperComponent, i3$1.TuiDataListDirective, TuiLabel,
             TuiInputModule,
             TuiInputPhoneModule,
-            TuiError,
-            ScTerminalLinkDirective,
-            ScFormatePhonePipe,
-            ScTelLinkDirective,
-            TuiButtonLoading], exports: [ScContactsAccordionComponent, ScNewContactFormComponent, ScAddContactDialogComponent] }); }
+            TuiError, ScTelLinkDirective, ScEmailLinkDirective, ScFormatePhonePipe, TuiButtonLoading], exports: [ScContactsAccordionComponent, ScNewContactFormComponent, ScAddContactDialogComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScContactsModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
@@ -2167,9 +1872,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
                         TuiInputModule,
                         TuiInputPhoneModule,
                         TuiError,
-                        ScTerminalLinkDirective,
-                        ScFormatePhonePipe,
-                        ScTelLinkDirective,
+                        ...ScLinks,
                         TuiButtonLoading,
                     ],
                     exports: [ScContactsAccordionComponent, ScNewContactFormComponent, ScAddContactDialogComponent],
@@ -3120,7 +2823,7 @@ class ScCategoryCardComponent {
         this.cdr.markForCheck();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", 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.12", type: ScCategoryCardComponent, selector: "sc-category-card", inputs: { category: "category", size: "size", enableHover: "enableHover", href: "href" }, 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            <img\n                *ngIf=\"category && category.properties?.image\"\n                [src]=\"getCategoryImgURL(category)\"\n                [alt]=\"category.name\"\n                class=\"size-full object-cover\"\n            />\n\n            <div\n                *ngIf=\"!category\"\n                class=\"img-wrapper size-full bg-tui-base-02\"\n            ></div>\n\n            <img\n                *ngIf=\"category && !category.properties?.image\"\n                [src]=\"getCategoryImgURL(category)\"\n                [alt]=\"category.name\"\n                class=\"size-full rounded-xl object-contain p-2\"\n            />\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    ></sc-favorite-button>\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$4.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: i6.TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { kind: "component", type: ScFavoriteButtonComponent, selector: "sc-favorite-button", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: ScCategoryCardComponent, selector: "sc-category-card", inputs: { category: "category", size: "size", enableHover: "enableHover", href: "href" }, 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            <img\n                *ngIf=\"category && category.properties?.image\"\n                [src]=\"getCategoryImgURL(category)\"\n                [alt]=\"category.name\"\n                class=\"size-full object-cover\"\n            />\n\n            <div\n                *ngIf=\"!category\"\n                class=\"img-wrapper size-full bg-tui-base-02\"\n            ></div>\n\n            <img\n                *ngIf=\"category && !category.properties?.image\"\n                [src]=\"getCategoryImgURL(category)\"\n                [alt]=\"category.name\"\n                class=\"size-full rounded-xl object-contain p-2\"\n            />\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    ></sc-favorite-button>\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$3.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: i6.TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { kind: "component", type: ScFavoriteButtonComponent, selector: "sc-favorite-button", inputs: ["isFavorite", "showLoader", "disabled"], outputs: ["clickEvent"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScCategoryCardComponent, decorators: [{
             type: Component,
@@ -3297,85 +3000,432 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
                 args: ['keydown.arrowUp', ['step']]
             }] } });
 
+/* eslint-disable lodash/prefer-lodash-method */
 /**
- * Компонент просмотра изображений через событие наведения.
+ * Директива для перехода по нажатию клавиши enter на следующее поле ввода формы.
  */
-class HoverImageCarouselComponent {
-    constructor() {
-        /**
-         * Массив изображений.
-         */
-        this.images = [];
-        /**
-         * Признак что необходимо отобразить элементы управления.
-         */
-        this.isShowActions = true;
-        /**
-         * {@link WritableSignal} для отслеживания текущего индекса изображения.
-         */
-        this.currentIndex = signal(0);
-    }
+class ScNextInputFocusDirective {
     /**
-     * Обработчик события `mousemove.silent`.
+     * Слушатель нажатия на клавишу enter. Предотвращает событие submit, выполняет смену фокуса на следующее поле ввода TuiFocusableElementAccessor.
      *
-     * @param offsetX Отступ курсора мыши по оси X от края {@link HTMLElement}.
-     * @param target Объект {@link HTMLElement} в котором лежат изображения
-     */
-    onHover(offsetX, target) {
-        if (this.images.length <= 1 || offsetX < 0) {
-            return;
-        }
-        // new Event().preventDefault
-        const elementWidth = target.offsetWidth;
-        const hoverPercentage = offsetX / elementWidth;
-        const newIndex = Math.floor(hoverPercentage * this.images.length);
-        this.currentIndex.set(newIndex);
-    }
-    /**
-     * Обработчик события `mouseleave.silent`.
+     * @param event Объект события нажатия на клавишу.
      */
-    onLeave() {
-        if (this.images.length <= 1) {
+    onFormKeyDownEnter(event) {
+        if (event.code !== 'Enter' && event.key !== 'Enter') {
             return;
         }
-        this.currentIndex.set(0);
-    }
-    /**
-     * Обработчик события наведения указателя мыши на точку.
-     *
-     * @param hovered Признак что указатель мыши наведен на точку.
-     * @param index Индекс изображения, который соответствует точке.
-     */
-    onDotHovered(hovered, index) {
-        if (hovered) {
-            this.currentIndex.set(index);
+        event.preventDefault();
+        const elements = this.focusableElements.toArray();
+        const focusedIndex = elements.findIndex((control) => control.focused);
+        if (focusedIndex !== -1) {
+            const nextElement = elements[focusedIndex + 1]?.nativeFocusableElement;
+            if (nextElement) {
+                nextElement.focus();
+            }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: HoverImageCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: HoverImageCarouselComponent, isStandalone: true, selector: "sc-hover-image-carousel", inputs: { images: "images", isShowActions: "isShowActions" }, host: { listeners: { "mousemove.silent": "onHover($event.offsetX,$event.target)", "mouseleave.silent": "onLeave()" } }, ngImport: i0, template: "<div\n    class=\"overflow-hidden rounded-xl\"\n    [class.mb-2]=\"images.length <= 1 && isShowActions\"\n    [style.aspect-ratio]=\"'20/19'\"\n>\n    <img\n        [src]=\"images[currentIndex()]\"\n        class=\"size-full rounded-xl object-contain\"\n    />\n</div>\n\n@if (images.length > 1 && isShowActions) {\n    <div\n        (mousemove.silent)=\"$event.stopPropagation()\"\n        class=\"flex justify-center\"\n    >\n        <button\n            *tuiRepeatTimes=\"let indexItem of images.length\"\n            #element\n            tuiButton\n            type=\"button\"\n            class=\"button button_small\"\n            [appearance]=\"indexItem === currentIndex() ? 'primary' : 'secondary'\"\n            (tuiHoveredChange)=\"onDotHovered($event, indexItem)\"\n        ></button>\n    </div>\n}\n", styles: [".button{flex-shrink:0}.button:first-child{margin-inline-start:0}.button:last-child{margin-inline-end:0}.button_small{inline-size:.5rem;block-size:.5rem;font-size:0;padding:0;margin:0}.button_small:not(:first-child){margin-left:.5rem}\n"], dependencies: [{ kind: "directive", type: TuiRepeatTimes, selector: "[tuiRepeatTimes][tuiRepeatTimesOf]", inputs: ["tuiRepeatTimesOf"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScNextInputFocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]", host: { listeners: { "keydown": "onFormKeyDownEnter($event)" } }, queries: [{ propertyName: "focusableElements", predicate: AbstractTuiControl, descendants: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: HoverImageCarouselComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, selector: 'sc-hover-image-carousel', imports: [TuiRepeatTimes, TuiButton, TuiHovered], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    class=\"overflow-hidden rounded-xl\"\n    [class.mb-2]=\"images.length <= 1 && isShowActions\"\n    [style.aspect-ratio]=\"'20/19'\"\n>\n    <img\n        [src]=\"images[currentIndex()]\"\n        class=\"size-full rounded-xl object-contain\"\n    />\n</div>\n\n@if (images.length > 1 && isShowActions) {\n    <div\n        (mousemove.silent)=\"$event.stopPropagation()\"\n        class=\"flex justify-center\"\n    >\n        <button\n            *tuiRepeatTimes=\"let indexItem of images.length\"\n            #element\n            tuiButton\n            type=\"button\"\n            class=\"button button_small\"\n            [appearance]=\"indexItem === currentIndex() ? 'primary' : 'secondary'\"\n            (tuiHoveredChange)=\"onDotHovered($event, indexItem)\"\n        ></button>\n    </div>\n}\n", styles: [".button{flex-shrink:0}.button:first-child{margin-inline-start:0}.button:last-child{margin-inline-end:0}.button_small{inline-size:.5rem;block-size:.5rem;font-size:0;padding:0;margin:0}.button_small:not(:first-child){margin-left:.5rem}\n"] }]
-        }], propDecorators: { images: [{
-                type: Input
-            }], isShowActions: [{
-                type: Input
-            }], onHover: [{
-                type: HostListener,
-                args: ['mousemove.silent', ['$event.offsetX', '$event.target']]
-            }], onLeave: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScNextInputFocusDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'form[ScNextInputFocus]',
+                }]
+        }], propDecorators: { focusableElements: [{
+                type: ContentChildren,
+                args: [AbstractTuiControl, { descendants: true }]
+            }], onFormKeyDownEnter: [{
                 type: HostListener,
-                args: ['mouseleave.silent']
+                args: ['keydown', ['$event']]
             }] } });
 
 /**
- * Компонент центы товара с отображением скидки.
+ * Модуль директивы для перехода по нажатию клавиши enter на следующее поле ввода формы.
  */
-class CostWithDiscountComponent {
+class ScNextInputFocusModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScNextInputFocusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: ScNextInputFocusModule, declarations: [ScNextInputFocusDirective], exports: [ScNextInputFocusDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScNextInputFocusModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScNextInputFocusModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ScNextInputFocusDirective],
+                    exports: [ScNextInputFocusDirective],
+                }]
+        }] });
+
+/* eslint-disable no-underscore-dangle */
+/**
+ * Директива абстрактной карточки товара.
+ */
+class AbstractScPriceCard {
     constructor() {
         /**
-         * {@link Observable} изменения выбранного склада.
+         * Признак того, что этот компонент отображается на мобильном устройстве.
+         */
+        this.isMobile = inject(TUI_IS_MOBILE);
+        /**
+         * {@link FormControl} поля ввода количества товара в корзине.
+         */
+        this.quantityControl = new FormControl(3, { updateOn: 'blur' });
+        /**
+         * Признак, что необходимо отобразить лоадер для поля ввода количества товара.
+         */
+        this.quantityShowLoader = false;
+        /**
+         * Признак, что необходимо отобразить лоадер для кнопки избранных товаров и категорий.
+         */
+        this.favoriteShowLoader = false;
+        /**
+         * {@link Observable} изменения статуса авторизации.
+         */
+        this.authStatus$ = inject(ScAuthService).getAuthChange();
+        /**
+         * {@link Observable} поиска терма.
+         */
+        this.search$ = inject(SEARCH_TERM);
+        /**
+         * Признак, что необходимо отобразить поле ввода количества товара.
+         */
+        this.showQuantityControl = false;
+        /**
+         * Событие нажатия на кнопку "В избранное".
+         */
+        this.clickFavoriteEvent = new EventEmitter();
+        /**
+         * Событие нажатия на кнопку "В корзину".
+         */
+        this.clickAddToCartEvent = new EventEmitter();
+        /**
+         * Событие нажатия на кнопку очистки количества товара.
+         */
+        this.clickClearEvent = new EventEmitter();
+        /**
+         * Событие нажатия на карточку товара.
+         */
+        this.clickCardEvent = new EventEmitter();
+        /**
+         * Событие нажатия на историю цен.
+         */
+        this.clickPriceHistoryEvent = new EventEmitter();
+        /**
+         * {@link Observable} изменения количества товара в корзине.
+         */
+        this.quantityValueChanges = this.quantityControl.valueChanges;
+        /**
+         * Экземпляр класса-помощника для работы со значениями единиц измерения товара.
+         */
+        this.unitsHelper = inject(ScUnitsHelper);
+        /**
+         * Хелпер для работы с изображениями товара.
+         */
+        this.imageHelper = inject(ScImageHelper);
+        /**
+         * Путь до изображения 'Товар не найден'.
+         */
+        this.pathImageNotFound = inject(SC_PATH_IMAGE_NOT_FOUND);
+        /**
+         * Объект слежения за изменениями.
+         */
+        this.cdr = inject(ChangeDetectorRef);
+    }
+    /**
+     * Позиция товара в корзине.
+     *
+     * TODO: Сделать товар в корзине наблюдаемой переменной после реализации TASK:[#7144].
+     */
+    get cartItem() {
+        return this._cartItem;
+    }
+    /**
+     * Позиция товара в корзине
+     *
+     * TODO: Сделать товар в корзине наблюдаемой переменной после реализации TASK:[#7144].
+     */
+    set cartItem(value) {
+        this._cartItem = value;
+        this.quantityControl.patchValue(this._cartItem?.quantity ?? null, { emitEvent: false });
+        this.quantityShowLoader = false;
+    }
+    /**
+     * Объект товара.
+     */
+    get product() {
+        return this._product;
+    }
+    /**
+     * Объект товара.
+     */
+    set product(value) {
+        this._product = value;
+    }
+    /**
+     * Признак, что нужно показать скелетон.
+     */
+    get skeletonVisible() {
+        return !this.product;
+    }
+    /**
+     * Возвращает ссылку на preview-изображение карточки товара.
+     */
+    getCardImagePreview() {
+        return this.product ? this.imageHelper.getImagePreview(this.product) : this.pathImageNotFound;
+    }
+    /**
+     * Возвращает массив превью-изображений товара.
+     *
+     * @param product Объект товара.
+     */
+    getCardImagePreviewList(product) {
+        const images = this.imageHelper.getProductImagePreviewList(product);
+        return images.length > 0 ? images : [this.pathImageNotFound];
+    }
+    /**
+     * Устанавливает компонент в очередь на обновление.
+     */
+    markForCheck() {
+        this.cdr.markForCheck();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: AbstractScPriceCard, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: AbstractScPriceCard, inputs: { cartItem: "cartItem", product: "product", showQuantityControl: "showQuantityControl", href: "href" }, outputs: { clickFavoriteEvent: "clickFavoriteEvent", clickAddToCartEvent: "clickAddToCartEvent", clickClearEvent: "clickClearEvent", clickCardEvent: "clickCardEvent", clickPriceHistoryEvent: "clickPriceHistoryEvent", quantityValueChanges: "quantityValueChanges" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: AbstractScPriceCard, decorators: [{
+            type: Directive
+        }], propDecorators: { cartItem: [{
+                type: Input
+            }], product: [{
+                type: Input
+            }], showQuantityControl: [{
+                type: Input
+            }], href: [{
+                type: Input
+            }], clickFavoriteEvent: [{
+                type: Output
+            }], clickAddToCartEvent: [{
+                type: Output
+            }], clickClearEvent: [{
+                type: Output
+            }], clickCardEvent: [{
+                type: Output
+            }], clickPriceHistoryEvent: [{
+                type: Output
+            }], quantityValueChanges: [{
+                type: Output
+            }] } });
+
+/**
+ * Компонент QR кода.
+ */
+class ScQRCodeDialogComponent {
+    /**
+     * Инициализирует экземпляр класса {@link ScQRCodeDialogComponent}.
+     *
+     * @param vCardService Сервис для работы с vCard.
+     * @param context Контекст диалогового окна, в котором открыт компонент.
+     * @param terminal Провайдер данных о терминале.
+     */
+    constructor(vCardService, context, terminal) {
+        this.vCardService = vCardService;
+        this.context = context;
+        this.terminal = terminal;
+        /**
+         * Свойство, от которого зависит наличие атрибута `data-terminal-view` у `:host` компонента.
+         */
+        this.terminalView = this.terminal.isRunningOnTerminal;
+    }
+    /**
+     * Выполняет скачивание генерируемого vCard файла контакта.
+     */
+    downloadVCard() {
+        if (!this.terminal.isRunningOnTerminal && this.isVCardData()) {
+            this.vCardService.downloadVCard(this.context.data.qrdata);
+        }
+    }
+    /**
+     * Проверяет что в диалоговое окно были переданы данные в формате `vCard`.
+     */
+    isVCardData() {
+        // eslint-disable-next-line unicorn/better-regex
+        return /BEGIN:VCARD[\s\S]*END:VCARD/i.test(this.context.data.qrdata);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScQRCodeDialogComponent, deps: [{ token: i1.ScVCardService }, { token: POLYMORPHEUS_CONTEXT }, { token: IS_RUNNING_ON_TERMINAL }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScQRCodeDialogComponent, selector: "sc-qrcode-dialog", host: { properties: { "attr.data-terminal-view": "this.terminalView" } }, ngImport: i0, template: "<p class=\"-mt-2 mb-3 text-tui-text-02\">{{ !terminal.isRunningOnTerminal && this.isVCardData() ? '\u041D\u0430\u0436\u043C\u0438\u0442\u0435 \u0438\u043B\u0438 \u043E' : '\u041E' }}\u0442\u0441\u043A\u0430\u043D\u0438\u0440\u0443\u0439\u0442\u0435 QR-\u043A\u043E\u0434 \u0432\u0430\u0448\u0438\u043C \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u044B\u043C \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u043E\u043C.</p>\n<qrcode\n    (click)=\"downloadVCard()\"\n    [margin]=\"0\"\n    [qrdata]=\"this.context.data.qrdata\"\n    [width]=\"800\"\n    elementType=\"img\"\n    class=\"cursor-pointer\"\n></qrcode>\n", styles: ["::ng-deep tui-dialog:has([data-terminal-view=true]){width:21rem!important}::ng-deep tui-dialog:has([data-terminal-view=true]) .t-heading{margin-bottom:.5rem!important;font:var(--tui-font-heading-6)!important}\n"], dependencies: [{ kind: "component", type: i2$4.QRCodeComponent, selector: "qrcode", inputs: ["allowEmptyString", "colorDark", "colorLight", "cssClass", "elementType", "errorCorrectionLevel", "imageSrc", "imageHeight", "imageWidth", "margin", "qrdata", "scale", "version", "width", "alt", "ariaLabel", "title"], outputs: ["qrCodeURL"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScQRCodeDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sc-qrcode-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p class=\"-mt-2 mb-3 text-tui-text-02\">{{ !terminal.isRunningOnTerminal && this.isVCardData() ? '\u041D\u0430\u0436\u043C\u0438\u0442\u0435 \u0438\u043B\u0438 \u043E' : '\u041E' }}\u0442\u0441\u043A\u0430\u043D\u0438\u0440\u0443\u0439\u0442\u0435 QR-\u043A\u043E\u0434 \u0432\u0430\u0448\u0438\u043C \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u044B\u043C \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u043E\u043C.</p>\n<qrcode\n    (click)=\"downloadVCard()\"\n    [margin]=\"0\"\n    [qrdata]=\"this.context.data.qrdata\"\n    [width]=\"800\"\n    elementType=\"img\"\n    class=\"cursor-pointer\"\n></qrcode>\n", styles: ["::ng-deep tui-dialog:has([data-terminal-view=true]){width:21rem!important}::ng-deep tui-dialog:has([data-terminal-view=true]) .t-heading{margin-bottom:.5rem!important;font:var(--tui-font-heading-6)!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1.ScVCardService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [POLYMORPHEUS_CONTEXT]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [IS_RUNNING_ON_TERMINAL]
+                }] }], propDecorators: { terminalView: [{
+                type: HostBinding,
+                args: ['attr.data-terminal-view']
+            }] } });
+
+/**
+ * Модуль QR кода.
+ */
+class ScQRCodeModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScQRCodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: ScQRCodeModule, declarations: [ScQRCodeDialogComponent], imports: [CommonModule, QRCodeModule, TuiButton, TuiDialog, i2$1.TuiPreviewComponent, i2$1.TuiPreviewTitle, i2$1.TuiPreviewPagination, i2$1.TuiPreviewAction, i2$1.TuiPreviewZoom], exports: [ScQRCodeDialogComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScQRCodeModule, imports: [CommonModule, QRCodeModule, i2$1.TuiPreviewComponent, i2$1.TuiPreviewTitle, i2$1.TuiPreviewPagination, i2$1.TuiPreviewZoom] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScQRCodeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ScQRCodeDialogComponent],
+                    imports: [CommonModule, QRCodeModule, TuiButton, TuiDialog, ...TuiPreview],
+                    exports: [ScQRCodeDialogComponent],
+                }]
+        }] });
+
+/* eslint-disable lodash/prefer-lodash-method */
+/**
+ * Директива открытия диалогового окна с QRCode для ссылок `tel:` и `mailto:` на терминале.
+ */
+class ScTerminalLinkDirective {
+    constructor() {
+        /**
+         * Ссылка на HTML элемент тега `<a>`.
+         */
+        this.elementReference = inject(ElementRef);
+        /**
+         * Сервис для работы с диалоговыми окнами TuiDialog.
+         */
+        this.dialog = inject(TuiDialogService);
+        /**
+         * Провайдер данных о терминале.
+         */
+        this.terminal = inject(IS_RUNNING_ON_TERMINAL);
+    }
+    /**
+     * Обработчик клика по ссылке.
+     *
+     * @param event Событие клика.
+     */
+    onClick(event) {
+        if (this.terminal.isRunningOnTerminal && this.isLinkTelOrMail()) {
+            // Отключение базового события для терминала.
+            event.preventDefault();
+            this.openQRCodeDialog();
+        }
+    }
+    /**
+     * Открывает диалоговое окно с QR-кодом.
+     */
+    openQRCodeDialog() {
+        this.dialog
+            .open(new PolymorpheusComponent(ScQRCodeDialogComponent), {
+            size: 's',
+            // Передаём ссылку формата `mailto:example@example.com` `tel:+70000000000` вместо vCard, так как для vCard данных недостаточно.
+            data: { qrdata: this.elementReference.nativeElement.href },
+        })
+            .subscribe();
+    }
+    /**
+     * Проверяет ведёт ли ссылка на телефон или адрес электронной почты.
+     */
+    isLinkTelOrMail() {
+        return this.elementReference.nativeElement.href.startsWith('tel:') || this.elementReference.nativeElement.href.startsWith('mailto:');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScTerminalLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: ScTerminalLinkDirective, isStandalone: true, selector: "a[href]", host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScTerminalLinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'a[href]',
+                }]
+        }], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+/**
+ * Компонент просмотра изображений через событие наведения.
+ */
+class HoverImageCarouselComponent {
+    constructor() {
+        /**
+         * Массив изображений.
+         */
+        this.images = [];
+        /**
+         * Признак что необходимо отобразить элементы управления.
+         */
+        this.isShowActions = true;
+        /**
+         * {@link WritableSignal} для отслеживания текущего индекса изображения.
+         */
+        this.currentIndex = signal(0);
+    }
+    /**
+     * Обработчик события `mousemove.silent`.
+     *
+     * @param offsetX Отступ курсора мыши по оси X от края {@link HTMLElement}.
+     * @param target Объект {@link HTMLElement} в котором лежат изображения
+     */
+    onHover(offsetX, target) {
+        if (this.images.length <= 1 || offsetX < 0) {
+            return;
+        }
+        // new Event().preventDefault
+        const elementWidth = target.offsetWidth;
+        const hoverPercentage = offsetX / elementWidth;
+        const newIndex = Math.floor(hoverPercentage * this.images.length);
+        this.currentIndex.set(newIndex);
+    }
+    /**
+     * Обработчик события `mouseleave.silent`.
+     */
+    onLeave() {
+        if (this.images.length <= 1) {
+            return;
+        }
+        this.currentIndex.set(0);
+    }
+    /**
+     * Обработчик события наведения указателя мыши на точку.
+     *
+     * @param hovered Признак что указатель мыши наведен на точку.
+     * @param index Индекс изображения, который соответствует точке.
+     */
+    onDotHovered(hovered, index) {
+        if (hovered) {
+            this.currentIndex.set(index);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: HoverImageCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: HoverImageCarouselComponent, isStandalone: true, selector: "sc-hover-image-carousel", inputs: { images: "images", isShowActions: "isShowActions" }, host: { listeners: { "mousemove.silent": "onHover($event.offsetX,$event.target)", "mouseleave.silent": "onLeave()" } }, ngImport: i0, template: "<div\n    class=\"overflow-hidden rounded-xl\"\n    [class.mb-2]=\"images.length <= 1 && isShowActions\"\n    [style.aspect-ratio]=\"'20/19'\"\n>\n    <img\n        [src]=\"images[currentIndex()]\"\n        class=\"size-full rounded-xl object-contain\"\n    />\n</div>\n\n@if (images.length > 1 && isShowActions) {\n    <div\n        (mousemove.silent)=\"$event.stopPropagation()\"\n        class=\"flex justify-center\"\n    >\n        <button\n            *tuiRepeatTimes=\"let indexItem of images.length\"\n            #element\n            tuiButton\n            type=\"button\"\n            class=\"button button_small\"\n            [appearance]=\"indexItem === currentIndex() ? 'primary' : 'secondary'\"\n            (tuiHoveredChange)=\"onDotHovered($event, indexItem)\"\n        ></button>\n    </div>\n}\n", styles: [".button{flex-shrink:0}.button:first-child{margin-inline-start:0}.button:last-child{margin-inline-end:0}.button_small{inline-size:.5rem;block-size:.5rem;font-size:0;padding:0;margin:0}.button_small:not(:first-child){margin-left:.5rem}\n"], dependencies: [{ kind: "directive", type: TuiRepeatTimes, selector: "[tuiRepeatTimes][tuiRepeatTimesOf]", inputs: ["tuiRepeatTimesOf"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: HoverImageCarouselComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-hover-image-carousel', imports: [TuiRepeatTimes, TuiButton, TuiHovered], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    class=\"overflow-hidden rounded-xl\"\n    [class.mb-2]=\"images.length <= 1 && isShowActions\"\n    [style.aspect-ratio]=\"'20/19'\"\n>\n    <img\n        [src]=\"images[currentIndex()]\"\n        class=\"size-full rounded-xl object-contain\"\n    />\n</div>\n\n@if (images.length > 1 && isShowActions) {\n    <div\n        (mousemove.silent)=\"$event.stopPropagation()\"\n        class=\"flex justify-center\"\n    >\n        <button\n            *tuiRepeatTimes=\"let indexItem of images.length\"\n            #element\n            tuiButton\n            type=\"button\"\n            class=\"button button_small\"\n            [appearance]=\"indexItem === currentIndex() ? 'primary' : 'secondary'\"\n            (tuiHoveredChange)=\"onDotHovered($event, indexItem)\"\n        ></button>\n    </div>\n}\n", styles: [".button{flex-shrink:0}.button:first-child{margin-inline-start:0}.button:last-child{margin-inline-end:0}.button_small{inline-size:.5rem;block-size:.5rem;font-size:0;padding:0;margin:0}.button_small:not(:first-child){margin-left:.5rem}\n"] }]
+        }], propDecorators: { images: [{
+                type: Input
+            }], isShowActions: [{
+                type: Input
+            }], onHover: [{
+                type: HostListener,
+                args: ['mousemove.silent', ['$event.offsetX', '$event.target']]
+            }], onLeave: [{
+                type: HostListener,
+                args: ['mouseleave.silent']
+            }] } });
+
+/**
+ * Компонент центы товара с отображением скидки.
+ */
+class CostWithDiscountComponent {
+    constructor() {
+        /**
+         * {@link Observable} изменения выбранного склада.
          */
         this.warehouseSelect$ = inject(ScWarehouseService).getWarehouseSelectChange$();
         /**
@@ -4360,6 +4410,135 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
             args: [{ standalone: true, selector: 'sc-resource-preview', imports: [TuiNotification, TuiButton], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (src && isVideoResource()) {\n    <video\n        #video\n        controls\n        (canplay)=\"onCanPlay(video)\"\n        class=\"size-full bg-black\"\n    >\n        <source\n            [src]=\"src\"\n            [type]=\"type\"\n        />\n    </video>\n} @else {\n    <tui-notification\n        appearance=\"warning\"\n        size=\"l\"\n    >\n        <div\n            tuiTitle\n            [style.padding-inline-end.rem]=\"2\"\n            class=\"flex flex-col\"\n        >\n            {{ !src || !type ? '\u0418\u0437\u0432\u0438\u043D\u0438\u0442\u0435, \u0440\u0435\u0441\u0443\u0440\u0441 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D.' : '\u0418\u0437\u0432\u0438\u043D\u0438\u0442\u0435, \u0434\u0430\u043D\u043D\u044B\u0439 \u0444\u043E\u0440\u043C\u0430\u0442 \u0440\u0435\u0441\u0443\u0440\u0441\u0430 \u043D\u0435 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044F.' }}\n            <button\n                tuiButton\n                type=\"button\"\n                size=\"m\"\n                appearance=\"primary\"\n                (click)=\"context?.$implicit?.complete()\"\n                class=\"mt-4 self-center\"\n            >\n                \u0417\u0430\u043A\u0440\u044B\u0442\u044C\n            </button>\n        </div>\n    </tui-notification>\n}\n", styles: [":host{display:flex;height:100lvh;width:100%;justify-content:center;align-items:center}\n"] }]
         }] });
 
+/**
+ * Токен обработчика смены ошибки.
+ */
+// eslint-disable-next-line unicorn/consistent-function-scoping
+const SC_ERROR_CHANGE_HANDLER = tuiCreateTokenFromFactory(() => () => noop);
+
+/**
+ * Компонент для управления кодом ошибки отображаемой на странице.
+ */
+class ScErrorHandlerComponent {
+    /**
+     * Инициирует экземпляр класса {@link ErrorHandlerComponent}.
+     */
+    constructor() {
+        /**
+         * Сигнал для хранения кода ошибки.
+         */
+        this.code = signal(null);
+        /**
+         * Сигнал дефолтного передаваемого из вне значения ошибки.
+         */
+        // eslint-disable-next-line @angular-eslint/no-input-rename
+        this.defaultCode = input(null, { alias: 'code' });
+        /**
+         * Сервис маршрутизации.
+         */
+        this.router = inject(Router);
+        /**
+         * Обработчик изменения ошибки.
+         */
+        this.errorChangeHandler = inject(SC_ERROR_CHANGE_HANDLER);
+        this.router.events.pipe(filter((event) => event instanceof NavigationEnd)).subscribe(() => {
+            // Сбрасываем ошибку при переходе на новый маршрут.
+            this.code.set(this.defaultCode());
+        });
+    }
+    /**
+     * Возвращает текущий сигнал с кодом ошибки.
+     */
+    getErrorCode() {
+        return this.code;
+    }
+    /**
+     * Устанавливает новый код ошибки.
+     *
+     * @param code Новый код ошибки.
+     */
+    setErrorCode(code) {
+        this.code.set(code);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScErrorHandlerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: ScErrorHandlerComponent, isStandalone: true, selector: "sc-error-handler", inputs: { defaultCode: { classPropertyName: "defaultCode", publicName: "code", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (code() === null) {\n    <ng-content />\n} @else {\n    <sc-error-block-status (pageErrorChange)=\"errorChangeHandler($event)\"></sc-error-block-status>\n}\n", dependencies: [{ kind: "component", type: ScErrorBlockStatusComponent, selector: "sc-error-block-status", outputs: ["pageErrorChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScErrorHandlerComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-error-handler', imports: [ScErrorBlockStatusComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (code() === null) {\n    <ng-content />\n} @else {\n    <sc-error-block-status (pageErrorChange)=\"errorChangeHandler($event)\"></sc-error-block-status>\n}\n" }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Компонент представления данных об ошибке.
+ */
+class ScErrorBlockStatusComponent {
+    /**
+     * Инициализирует экземпляр класса {@link ErrorPageComponent}.
+     */
+    constructor() {
+        /**
+         * Компонент управляющий кодом ошибки отображаемой на странице.
+         */
+        this.errorHandlerComponent = inject(ScErrorHandlerComponent, { skipSelf: true });
+        /**
+         * Сигнал кода ошибки.
+         */
+        this.code = this.errorHandlerComponent.getErrorCode();
+        /**
+         * Данные об ошибке.
+         */
+        // eslint-disable-next-line unicorn/consistent-function-scoping
+        this.error = computed(() => this.getErrorMessage(this.code()));
+        /**
+         * Создает сигнал изменения строкового представления об ошибке.
+         */
+        this.pageErrorChange = output();
+        // Если компонент отображён маршрутизацией из-за перехода по неизвестному маршруту, то устанавливаем код 404.
+        if (inject(ActivatedRoute).snapshot.data['routes_key'] === 'error') {
+            this.errorHandlerComponent.setErrorCode(404);
+        }
+        effect(() => {
+            if (this.code() !== null) {
+                this.pageErrorChange.emit(this.error());
+            }
+        });
+    }
+    /**
+     * Возвращает описание ошибки.
+     *
+     * @param code Код ошибки.
+     */
+    // eslint-disable-next-line class-methods-use-this
+    getErrorMessage(code) {
+        switch (code) {
+            case 403:
+                return {
+                    message: 'К сожалению, у вас нет доступа к этому ресурсу',
+                    description: 'Воспользуйтесь навигацией в шапке или подвале сайта, чтобы перейти в интересующий вас раздел',
+                    code,
+                };
+            case 404:
+                return {
+                    message: 'К сожалению, такой страницы нет',
+                    description: 'Воспользуйтесь навигацией в шапке или подвале сайта, чтобы перейти в интересующий вас раздел',
+                    code,
+                };
+            default:
+                return {
+                    message: 'Неизвестная ошибка',
+                    description: 'Пожалуйста обновите страницу или обратитесь к менеджеру',
+                    code: 0,
+                };
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScErrorBlockStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScErrorBlockStatusComponent, isStandalone: true, selector: "sc-error-block-status", outputs: { pageErrorChange: "pageErrorChange" }, ngImport: i0, template: "<div class=\"flex flex-col items-center gap-8\">\n    <div class=\"border-20 border-solid border-tui-primary text-center sm:border-32\">\n        <div class=\"text-8xl leading-1.15 text-black sm:text-44\">\n            {{ error().code }}\n        </div>\n        <div class=\"text-6xl leading-1.15 text-tui-primary sm:text-8xl\">ERROR</div>\n    </div>\n    <div class=\"flex flex-col gap-2 text-center\">\n        <div class=\"text-h5 sm:text-h4\">{{ error().message }}</div>\n        <div class=\"text-body-m-bold sm:text-h6\">{{ error().description }}</div>\n    </div>\n    <button\n        tuiButton\n        appearance=\"primary\"\n        routerLink=\"/\"\n    >\n        \u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E\n    </button>\n</div>\n", dependencies: [{ kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScErrorBlockStatusComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-error-block-status', imports: [TuiAppearance, TuiWithAppearance, TuiIcons, TuiWithIcons, TuiButton, RouterLink], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-col items-center gap-8\">\n    <div class=\"border-20 border-solid border-tui-primary text-center sm:border-32\">\n        <div class=\"text-8xl leading-1.15 text-black sm:text-44\">\n            {{ error().code }}\n        </div>\n        <div class=\"text-6xl leading-1.15 text-tui-primary sm:text-8xl\">ERROR</div>\n    </div>\n    <div class=\"flex flex-col gap-2 text-center\">\n        <div class=\"text-h5 sm:text-h4\">{{ error().message }}</div>\n        <div class=\"text-body-m-bold sm:text-h6\">{{ error().description }}</div>\n    </div>\n    <button\n        tuiButton\n        appearance=\"primary\"\n        routerLink=\"/\"\n    >\n        \u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E\n    </button>\n</div>\n" }]
+        }], ctorParameters: () => [] });
+
 /* eslint-disable class-methods-use-this */
 /**
  * Сервис работающий с значками элементов дерева.
@@ -5454,11 +5633,11 @@ class ScUserManagersComponent {
         this.qrClickEvent = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScUserManagersComponent, deps: [{ token: i1.ScUserService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScUserManagersComponent, selector: "sc-user-managers", outputs: { qrClickEvent: "qrClickEvent" }, ngImport: i0, template: "<p class=\"mb-2 font-extrabold\">\u0412\u0430\u0448\u0438 \u043F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u044B\u0435 \u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440\u044B:</p>\n<ng-container *ngFor=\"let manager of managers$ | async; let last = last\">\n    <div class=\"flex justify-between\">\n        <div class=\"flex flex-col gap-1 !font-medium text-tui-text-02\">\n            {{ manager.name }}\n            <a\n                tuiLink\n                [pseudo]=\"true\"\n                href=\"mailto:{{ manager.contacts.email }}\"\n                iconStart=\"@tui.mail\"\n            >\n                {{ manager.contacts.email }}\n            </a>\n            <a\n                tuiLink\n                [scTelLink]=\"manager.contacts.phone\"\n                [pseudo]=\"true\"\n                href=\"tel:{{ manager.contacts.phone | scFormatePhone }}\"\n                iconStart=\"@tui.phone\"\n            >\n                {{ manager.contacts.phone | scFormatePhone }}\n            </a>\n        </div>\n        <button\n            tuiIconButton\n            size=\"m\"\n            appearance=\"secondary\"\n            iconStart=\"@tui.scan-qr-code\"\n            (click)=\"qrClickEvent.emit(manager)\"\n        ></button>\n    </div>\n    <hr\n        *ngIf=\"!last\"\n        class=\"my-2 h-px border-0 bg-tui-base-04\"\n    />\n</ng-container>\n", styles: ["a[tuiLink][data-mode=onLight]._pseudo{color:var(--tui-text-secondary)}a[tuiLink][data-mode=onLight]._pseudo:hover{color:var(--tui-text-tertiary)}\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: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: ScTerminalLinkDirective, selector: "a[href]" }, { kind: "directive", type: ScTelLinkDirective, selector: "[scTelLink]", inputs: ["scTelLink"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: ScFormatePhonePipe, name: "scFormatePhone" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScUserManagersComponent, selector: "sc-user-managers", outputs: { qrClickEvent: "qrClickEvent" }, ngImport: i0, template: "<p class=\"mb-2 font-extrabold\">\u0412\u0430\u0448\u0438 \u043F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u044B\u0435 \u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440\u044B:</p>\n<ng-container *ngFor=\"let manager of managers$ | async; let last = last\">\n    <div class=\"flex justify-between\">\n        <div class=\"flex flex-col gap-1 !font-medium text-tui-text-02\">\n            {{ manager.name }}\n            <a\n                tuiLink\n                [pseudo]=\"true\"\n                scEmailLink\n                linkLocation=\"user-managers\"\n                href=\"mailto:{{ manager.contacts.email }}\"\n                iconStart=\"@tui.mail\"\n            >\n                {{ manager.contacts.email }}\n            </a>\n            <a\n                tuiLink\n                [scTelLink]=\"manager.contacts.phone\"\n                [pseudo]=\"true\"\n                linkLocation=\"user-managers\"\n                href=\"tel:{{ manager.contacts.phone | scFormatePhone }}\"\n                iconStart=\"@tui.phone\"\n            >\n                {{ manager.contacts.phone | scFormatePhone }}\n            </a>\n        </div>\n        <button\n            tuiIconButton\n            size=\"m\"\n            appearance=\"secondary\"\n            iconStart=\"@tui.scan-qr-code\"\n            (click)=\"qrClickEvent.emit(manager)\"\n        ></button>\n    </div>\n    <hr\n        *ngIf=\"!last\"\n        class=\"my-2 h-px border-0 bg-tui-base-04\"\n    />\n</ng-container>\n", styles: ["a[tuiLink][data-mode=onLight]._pseudo{color:var(--tui-text-secondary)}a[tuiLink][data-mode=onLight]._pseudo:hover{color:var(--tui-text-tertiary)}\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: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: ScTerminalLinkDirective, selector: "a[href]" }, { kind: "directive", type: ScTelLinkDirective, selector: "a[scTelLink]", inputs: ["scTelLink", "linkLocation"] }, { kind: "directive", type: ScEmailLinkDirective, selector: "a[scEmailLink]", inputs: ["linkLocation"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: ScFormatePhonePipe, name: "scFormatePhone" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScUserManagersComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-user-managers', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p class=\"mb-2 font-extrabold\">\u0412\u0430\u0448\u0438 \u043F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u044B\u0435 \u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440\u044B:</p>\n<ng-container *ngFor=\"let manager of managers$ | async; let last = last\">\n    <div class=\"flex justify-between\">\n        <div class=\"flex flex-col gap-1 !font-medium text-tui-text-02\">\n            {{ manager.name }}\n            <a\n                tuiLink\n                [pseudo]=\"true\"\n                href=\"mailto:{{ manager.contacts.email }}\"\n                iconStart=\"@tui.mail\"\n            >\n                {{ manager.contacts.email }}\n            </a>\n            <a\n                tuiLink\n                [scTelLink]=\"manager.contacts.phone\"\n                [pseudo]=\"true\"\n                href=\"tel:{{ manager.contacts.phone | scFormatePhone }}\"\n                iconStart=\"@tui.phone\"\n            >\n                {{ manager.contacts.phone | scFormatePhone }}\n            </a>\n        </div>\n        <button\n            tuiIconButton\n            size=\"m\"\n            appearance=\"secondary\"\n            iconStart=\"@tui.scan-qr-code\"\n            (click)=\"qrClickEvent.emit(manager)\"\n        ></button>\n    </div>\n    <hr\n        *ngIf=\"!last\"\n        class=\"my-2 h-px border-0 bg-tui-base-04\"\n    />\n</ng-container>\n", styles: ["a[tuiLink][data-mode=onLight]._pseudo{color:var(--tui-text-secondary)}a[tuiLink][data-mode=onLight]._pseudo:hover{color:var(--tui-text-tertiary)}\n"] }]
+            args: [{ selector: 'sc-user-managers', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p class=\"mb-2 font-extrabold\">\u0412\u0430\u0448\u0438 \u043F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u044B\u0435 \u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440\u044B:</p>\n<ng-container *ngFor=\"let manager of managers$ | async; let last = last\">\n    <div class=\"flex justify-between\">\n        <div class=\"flex flex-col gap-1 !font-medium text-tui-text-02\">\n            {{ manager.name }}\n            <a\n                tuiLink\n                [pseudo]=\"true\"\n                scEmailLink\n                linkLocation=\"user-managers\"\n                href=\"mailto:{{ manager.contacts.email }}\"\n                iconStart=\"@tui.mail\"\n            >\n                {{ manager.contacts.email }}\n            </a>\n            <a\n                tuiLink\n                [scTelLink]=\"manager.contacts.phone\"\n                [pseudo]=\"true\"\n                linkLocation=\"user-managers\"\n                href=\"tel:{{ manager.contacts.phone | scFormatePhone }}\"\n                iconStart=\"@tui.phone\"\n            >\n                {{ manager.contacts.phone | scFormatePhone }}\n            </a>\n        </div>\n        <button\n            tuiIconButton\n            size=\"m\"\n            appearance=\"secondary\"\n            iconStart=\"@tui.scan-qr-code\"\n            (click)=\"qrClickEvent.emit(manager)\"\n        ></button>\n    </div>\n    <hr\n        *ngIf=\"!last\"\n        class=\"my-2 h-px border-0 bg-tui-base-04\"\n    />\n</ng-container>\n", styles: ["a[tuiLink][data-mode=onLight]._pseudo{color:var(--tui-text-secondary)}a[tuiLink][data-mode=onLight]._pseudo:hover{color:var(--tui-text-tertiary)}\n"] }]
         }], ctorParameters: () => [{ type: i1.ScUserService }], propDecorators: { qrClickEvent: [{
                 type: Output
             }] } });
@@ -5570,9 +5749,7 @@ class ScUserModule {
             TuiInputPhoneModule,
             TuiCheckbox, i1$1.TuiDataListComponent, i1$1.TuiDataListDirective, i1$1.TuiOption, i1$1.TuiOptGroup, TuiSelectModule,
             TuiLink,
-            ScTerminalLinkDirective,
-            ScTelLinkModule,
-            TuiButtonLoading], exports: [ScResetUserPasswordComponent, ScUpdateUserInfoDialogComponent, ScUserPhoneApproveDialogComponent, ScUserManagersComponent] }); }
+            ScTerminalLinkDirective, ScTelLinkDirective, ScEmailLinkDirective, ScFormatePhonePipe, TuiButtonLoading], exports: [ScResetUserPasswordComponent, ScUpdateUserInfoDialogComponent, ScUserPhoneApproveDialogComponent, ScUserManagersComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScUserModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
@@ -5585,7 +5762,6 @@ class ScUserModule {
             TuiInputModule,
             TuiInputPhoneModule,
             TuiCheckbox, i1$1.TuiDataListComponent, i1$1.TuiOption, TuiSelectModule,
-            ScTelLinkModule,
             TuiButtonLoading] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScUserModule, decorators: [{
@@ -5613,7 +5789,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
                         TuiSelectModule,
                         TuiLink,
                         ScTerminalLinkDirective,
-                        ScTelLinkModule,
+                        ...ScLinks,
                         TuiButtonLoading,
                     ],
                     exports: [ScResetUserPasswordComponent, ScUpdateUserInfoDialogComponent, ScUserPhoneApproveDialogComponent, ScUserManagersComponent],
@@ -5737,14 +5913,14 @@ class ScProfileAccordionsContentComponent {
         return this.locationsService.getUserCity$(cityId);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScProfileAccordionsContentComponent, deps: [{ token: SC_USER_INFO }, { token: i1.ScLocationsService }, { token: i1.ScUserService }, { token: i1.ScVerificationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScProfileAccordionsContentComponent, selector: "sc-profile-accordions-content", outputs: { editProfileClick: "editProfileClick", approvePhoneClick: "approvePhoneClick", addContragentClick: "addContragentClick", deleteContragentClick: "deleteContragentClick", addContragentBankAccountClick: "addContragentBankAccountClick", deleteContragentBankAccountClick: "deleteContragentBankAccountClick", addContragentContactClick: "addContragentContactClick", deleteContragentContactClick: "deleteContragentContactClick", addDeliveryAddressClick: "addDeliveryAddressClick", deleteDeliveryAddressClick: "deleteDeliveryAddressClick", addDeliveryAddressContactClick: "addDeliveryAddressContactClick", deleteDeliveryAddressContactClick: "deleteDeliveryAddressContactClick", addUserContactClick: "addUserContactClick", deleteUserContactClick: "deleteUserContactClick" }, providers: [SC_USER_PROVIDERS], ngImport: i0, template: "<div\n    *tuiLet=\"user$ | async as user\"\n    class=\"flex flex-col gap-4\"\n>\n    <sc-accordion\n        [showArrow]=\"false\"\n        [showAddButton]=\"false\"\n        [open]=\"true\"\n    >\n        \u041E\u0431\u0449\u0438\u0435 \u0434\u0430\u043D\u043D\u044B\u0435\n        <ng-template scAccordionContent>\n            <tui-loader\n                [overlay]=\"true\"\n                [showLoader]=\"user === null\"\n            >\n                <div class=\"flex gap-2 pl-4\">\n                    <div\n                        *ngIf=\"user\"\n                        class=\"flex grow flex-col gap-2\"\n                    >\n                        <span class=\"font-medium\">{{ user.name }}</span>\n                        <div\n                            *ngIf=\"user.city && (getUserCity$(user.city) | async) as city\"\n                            class=\"flex items-center gap-1\"\n                        >\n                            <tui-icon icon=\"@tui.map-pin\"></tui-icon>\n                            <div class=\"flex flex-wrap\">\n                                <span>\u0433. {{ city.name }}, </span>\n                                <span *ngIf=\"city.region\">{{ city.region.name }}</span>\n                            </div>\n                        </div>\n                        <div class=\"flex flex-wrap gap-2\">\n                            <a\n                                tuiLink\n                                [scTelLink]=\"user.contacts.phone.value\"\n                                iconStart=\"@tui.phone\"\n                                [pseudo]=\"true\"\n                                href=\"tel:{{ user.contacts.phone.value | scFormatePhone }}\"\n                                >{{ user.contacts.phone.value | scFormatePhone }}</a\n                            >\n                            <span\n                                *ngIf=\"!user.contacts.phone.isApproved\"\n                                class=\"text-tui-text-03\"\n                            >\n                                (\u0422\u0435\u043B\u0435\u0444\u043E\u043D \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                <button\n                                    tuiLink\n                                    [pseudo]=\"true\"\n                                    (click)=\"approvePhoneClick.emit()\"\n                                >\n                                    \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C</button\n                                >)\n                            </span>\n                        </div>\n                        <div\n                            *tuiLet=\"!!(isSendApproveEmail$ | async) as isSendApproveEmail\"\n                            class=\"flex flex-wrap gap-x-2\"\n                        >\n                            <a\n                                tuiLink\n                                iconStart=\"@tui.mail\"\n                                [pseudo]=\"true\"\n                                href=\"mailto:{{ user.contacts.email.value }}\"\n                            >\n                                {{ user.contacts.email.value }}\n                            </a>\n                            <span\n                                *ngIf=\"!isSendApproveEmail && !user.contacts.email.isApproved\"\n                                class=\"inline-flex flex-wrap gap-1 text-tui-text-03\"\n                            >\n                                E-mail \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                <tui-loader\n                                    [showLoader]=\"!!(approveEmailLoading$ | async)\"\n                                    [overlay]=\"true\"\n                                >\n                                    <button\n                                        tuiLink\n                                        [pseudo]=\"true\"\n                                        (click)=\"onSendApproveEmail.next(user.contacts.email.value)\"\n                                    >\n                                        \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n                                    </button>\n                                </tui-loader>\n                            </span>\n                            <span\n                                *ngIf=\"isSendApproveEmail\"\n                                class=\"text-tui-success-fill\"\n                                @tuiFadeIn\n                            >\n                                \u041F\u0438\u0441\u044C\u043C\u043E \u0434\u043B\u044F \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u044F \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u043E. \u041F\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043F\u043E \u0441\u0441\u044B\u043B\u043A\u0435 \u0432 \u043F\u0438\u0441\u044C\u043C\u0435 \u0438 \u043E\u0431\u043D\u043E\u0432\u0438\u0442\u0435 \u044D\u0442\u0443 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443.\n                            </span>\n                        </div>\n                        <tui-loader\n                            [showLoader]=\"!!(getNewsLoading$ | async)\"\n                            [overlay]=\"true\"\n                        >\n                            <label tuiLabel>\n                                <input\n                                    tuiCheckbox\n                                    type=\"checkbox\"\n                                    size=\"s\"\n                                    class=\"w-full\"\n                                    [formControl]=\"getNewsControl\"\n                                    [ngModel]=\"user.getNews\"\n                                />\n                                \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                            </label>\n                        </tui-loader>\n                    </div>\n\n                    <button\n                        tuiIconButton\n                        size=\"m\"\n                        type=\"button\"\n                        iconStart=\"@tui.pencil\"\n                        appearance=\"flat\"\n                        (click)=\"editProfileClick.emit()\"\n                    ></button>\n                </div>\n            </tui-loader>\n        </ng-template>\n    </sc-accordion>\n    <sc-contragents-accordion\n        (addContragentClick)=\"addContragentClick.emit()\"\n        (deleteContragentClick)=\"deleteContragentClick.emit($event)\"\n        (addContragentBankAccountClick)=\"addContragentBankAccountClick.emit($event)\"\n        (deleteContragentBankAccountClick)=\"deleteContragentBankAccountClick.emit($event)\"\n        (addContragentContactClick)=\"addContragentContactClick.emit($event)\"\n        (deleteContragentContactClick)=\"deleteContragentContactClick.emit($event)\"\n    ></sc-contragents-accordion>\n    <sc-delivery-address-accordion\n        (addDeliveryAddressClick)=\"addDeliveryAddressClick.emit()\"\n        (deleteDeliveryAddressClick)=\"deleteDeliveryAddressClick.emit($event)\"\n        (addDeliveryAddressContactClick)=\"addDeliveryAddressContactClick.emit($event)\"\n        (deleteDeliveryAddressContactClick)=\"deleteDeliveryAddressContactClick.emit($event)\"\n    ></sc-delivery-address-accordion>\n    <sc-contacts-accordion\n        *ngIf=\"user\"\n        [contacts$]=\"userContacts$\"\n        (addContactClick)=\"addUserContactClick.emit(user.id)\"\n        (deleteButtonClick)=\"deleteUserContactClick.emit($event)\"\n    ></sc-contacts-accordion>\n    <sc-accordion\n        #passwordAccordion\n        [showArrow]=\"false\"\n        [showAddButton]=\"false\"\n    >\n        \u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C\n        <ng-template scAccordionContent>\n            <sc-reset-user-password (successResetPassword)=\"passwordAccordion.close()\"></sc-reset-user-password>\n        </ng-template>\n    </sc-accordion>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ScResetUserPasswordComponent, selector: "sc-reset-user-password", outputs: ["successResetPassword"] }, { kind: "component", type: ScAccordionComponent, selector: "sc-accordion", inputs: ["showAddButton", "showDeleteButton", "showArrow", "open", "size"], outputs: ["addButtonClick", "deleteButtonClick"] }, { kind: "directive", type: ScAccordionContentDirective, selector: "ng-template[scAccordionContent]" }, { kind: "component", type: ScContragentsAccordionComponent, selector: "sc-contragents-accordion", outputs: ["addContragentClick", "deleteContragentClick", "addContragentBankAccountClick", "deleteContragentBankAccountClick", "addContragentContactClick", "deleteContragentContactClick"] }, { kind: "component", type: ScDeliveryAddressAccordionComponent, selector: "sc-delivery-address-accordion", outputs: ["addDeliveryAddressClick", "deleteDeliveryAddressClick", "addDeliveryAddressContactClick", "deleteDeliveryAddressContactClick"] }, { kind: "component", type: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i1$1.TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: ScContactsAccordionComponent, selector: "sc-contacts-accordion", inputs: ["contacts$"], outputs: ["addContactClick", "deleteButtonClick"] }, { kind: "directive", type: ScTerminalLinkDirective, selector: "a[href]" }, { kind: "directive", type: ScTelLinkDirective, selector: "[scTelLink]", inputs: ["scTelLink"] }, { kind: "component", type: i2$1.TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: ScFormatePhonePipe, name: "scFormatePhone" }], animations: [tuiFadeIn], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ScProfileAccordionsContentComponent, selector: "sc-profile-accordions-content", outputs: { editProfileClick: "editProfileClick", approvePhoneClick: "approvePhoneClick", addContragentClick: "addContragentClick", deleteContragentClick: "deleteContragentClick", addContragentBankAccountClick: "addContragentBankAccountClick", deleteContragentBankAccountClick: "deleteContragentBankAccountClick", addContragentContactClick: "addContragentContactClick", deleteContragentContactClick: "deleteContragentContactClick", addDeliveryAddressClick: "addDeliveryAddressClick", deleteDeliveryAddressClick: "deleteDeliveryAddressClick", addDeliveryAddressContactClick: "addDeliveryAddressContactClick", deleteDeliveryAddressContactClick: "deleteDeliveryAddressContactClick", addUserContactClick: "addUserContactClick", deleteUserContactClick: "deleteUserContactClick" }, providers: [SC_USER_PROVIDERS], ngImport: i0, template: "<div\n    *tuiLet=\"user$ | async as user\"\n    class=\"flex flex-col gap-4\"\n>\n    <sc-accordion\n        [showArrow]=\"false\"\n        [showAddButton]=\"false\"\n        [open]=\"true\"\n    >\n        \u041E\u0431\u0449\u0438\u0435 \u0434\u0430\u043D\u043D\u044B\u0435\n        <ng-template scAccordionContent>\n            <tui-loader\n                [overlay]=\"true\"\n                [showLoader]=\"user === null\"\n            >\n                <div class=\"flex gap-2 pl-4\">\n                    <div\n                        *ngIf=\"user\"\n                        class=\"flex grow flex-col gap-2\"\n                    >\n                        <span class=\"font-medium\">{{ user.name }}</span>\n                        <div\n                            *ngIf=\"user.city && (getUserCity$(user.city) | async) as city\"\n                            class=\"flex items-center gap-1\"\n                        >\n                            <tui-icon icon=\"@tui.map-pin\"></tui-icon>\n                            <div class=\"flex flex-wrap\">\n                                <span>\u0433. {{ city.name }}, </span>\n                                <span *ngIf=\"city.region\">{{ city.region.name }}</span>\n                            </div>\n                        </div>\n                        <div class=\"flex flex-wrap gap-2\">\n                            <a\n                                tuiLink\n                                [scTelLink]=\"user.contacts.phone.value\"\n                                iconStart=\"@tui.phone\"\n                                [pseudo]=\"true\"\n                                linkLocation=\"profile\"\n                                href=\"tel:{{ user.contacts.phone.value | scFormatePhone }}\"\n                            >\n                                {{ user.contacts.phone.value | scFormatePhone }}\n                            </a>\n                            <span\n                                *ngIf=\"!user.contacts.phone.isApproved\"\n                                class=\"text-tui-text-03\"\n                            >\n                                (\u0422\u0435\u043B\u0435\u0444\u043E\u043D \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                <button\n                                    tuiLink\n                                    [pseudo]=\"true\"\n                                    (click)=\"approvePhoneClick.emit()\"\n                                >\n                                    \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C</button\n                                >)\n                            </span>\n                        </div>\n                        <div\n                            *tuiLet=\"!!(isSendApproveEmail$ | async) as isSendApproveEmail\"\n                            class=\"flex flex-wrap gap-x-2\"\n                        >\n                            <a\n                                tuiLink\n                                iconStart=\"@tui.mail\"\n                                [pseudo]=\"true\"\n                                scEmailLink\n                                linkLocation=\"profile\"\n                                href=\"mailto:{{ user.contacts.email.value }}\"\n                            >\n                                {{ user.contacts.email.value }}\n                            </a>\n                            <span\n                                *ngIf=\"!isSendApproveEmail && !user.contacts.email.isApproved\"\n                                class=\"inline-flex flex-wrap gap-1 text-tui-text-03\"\n                            >\n                                E-mail \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                <tui-loader\n                                    [showLoader]=\"!!(approveEmailLoading$ | async)\"\n                                    [overlay]=\"true\"\n                                >\n                                    <button\n                                        tuiLink\n                                        [pseudo]=\"true\"\n                                        (click)=\"onSendApproveEmail.next(user.contacts.email.value)\"\n                                    >\n                                        \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n                                    </button>\n                                </tui-loader>\n                            </span>\n                            <span\n                                *ngIf=\"isSendApproveEmail\"\n                                class=\"text-tui-success-fill\"\n                                @tuiFadeIn\n                            >\n                                \u041F\u0438\u0441\u044C\u043C\u043E \u0434\u043B\u044F \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u044F \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u043E. \u041F\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043F\u043E \u0441\u0441\u044B\u043B\u043A\u0435 \u0432 \u043F\u0438\u0441\u044C\u043C\u0435 \u0438 \u043E\u0431\u043D\u043E\u0432\u0438\u0442\u0435 \u044D\u0442\u0443 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443.\n                            </span>\n                        </div>\n                        <tui-loader\n                            [showLoader]=\"!!(getNewsLoading$ | async)\"\n                            [overlay]=\"true\"\n                        >\n                            <label tuiLabel>\n                                <input\n                                    tuiCheckbox\n                                    type=\"checkbox\"\n                                    size=\"s\"\n                                    class=\"w-full\"\n                                    [formControl]=\"getNewsControl\"\n                                    [ngModel]=\"user.getNews\"\n                                />\n                                \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                            </label>\n                        </tui-loader>\n                    </div>\n\n                    <button\n                        tuiIconButton\n                        size=\"m\"\n                        type=\"button\"\n                        iconStart=\"@tui.pencil\"\n                        appearance=\"flat\"\n                        (click)=\"editProfileClick.emit()\"\n                    ></button>\n                </div>\n            </tui-loader>\n        </ng-template>\n    </sc-accordion>\n    <sc-contragents-accordion\n        (addContragentClick)=\"addContragentClick.emit()\"\n        (deleteContragentClick)=\"deleteContragentClick.emit($event)\"\n        (addContragentBankAccountClick)=\"addContragentBankAccountClick.emit($event)\"\n        (deleteContragentBankAccountClick)=\"deleteContragentBankAccountClick.emit($event)\"\n        (addContragentContactClick)=\"addContragentContactClick.emit($event)\"\n        (deleteContragentContactClick)=\"deleteContragentContactClick.emit($event)\"\n    ></sc-contragents-accordion>\n    <sc-delivery-address-accordion\n        (addDeliveryAddressClick)=\"addDeliveryAddressClick.emit()\"\n        (deleteDeliveryAddressClick)=\"deleteDeliveryAddressClick.emit($event)\"\n        (addDeliveryAddressContactClick)=\"addDeliveryAddressContactClick.emit($event)\"\n        (deleteDeliveryAddressContactClick)=\"deleteDeliveryAddressContactClick.emit($event)\"\n    ></sc-delivery-address-accordion>\n    <sc-contacts-accordion\n        *ngIf=\"user\"\n        [contacts$]=\"userContacts$\"\n        (addContactClick)=\"addUserContactClick.emit(user.id)\"\n        (deleteButtonClick)=\"deleteUserContactClick.emit($event)\"\n    ></sc-contacts-accordion>\n    <sc-accordion\n        #passwordAccordion\n        [showArrow]=\"false\"\n        [showAddButton]=\"false\"\n    >\n        \u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C\n        <ng-template scAccordionContent>\n            <sc-reset-user-password (successResetPassword)=\"passwordAccordion.close()\"></sc-reset-user-password>\n        </ng-template>\n    </sc-accordion>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ScResetUserPasswordComponent, selector: "sc-reset-user-password", outputs: ["successResetPassword"] }, { kind: "component", type: ScAccordionComponent, selector: "sc-accordion", inputs: ["showAddButton", "showDeleteButton", "showArrow", "open", "size"], outputs: ["addButtonClick", "deleteButtonClick"] }, { kind: "directive", type: ScAccordionContentDirective, selector: "ng-template[scAccordionContent]" }, { kind: "component", type: ScContragentsAccordionComponent, selector: "sc-contragents-accordion", outputs: ["addContragentClick", "deleteContragentClick", "addContragentBankAccountClick", "deleteContragentBankAccountClick", "addContragentContactClick", "deleteContragentContactClick"] }, { kind: "component", type: ScDeliveryAddressAccordionComponent, selector: "sc-delivery-address-accordion", outputs: ["addDeliveryAddressClick", "deleteDeliveryAddressClick", "addDeliveryAddressContactClick", "deleteDeliveryAddressContactClick"] }, { kind: "component", type: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: i6.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i1$1.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i1$1.TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: ScContactsAccordionComponent, selector: "sc-contacts-accordion", inputs: ["contacts$"], outputs: ["addContactClick", "deleteButtonClick"] }, { kind: "directive", type: ScTerminalLinkDirective, selector: "a[href]" }, { kind: "directive", type: ScTelLinkDirective, selector: "a[scTelLink]", inputs: ["scTelLink", "linkLocation"] }, { kind: "directive", type: ScEmailLinkDirective, selector: "a[scEmailLink]", inputs: ["linkLocation"] }, { kind: "component", type: i2$1.TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: ScFormatePhonePipe, name: "scFormatePhone" }], animations: [tuiFadeIn], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     tuiPure // TODO: TASK[#7615] Удалить поле рефакторинга сервиса работы с пользователем.
 ], ScProfileAccordionsContentComponent.prototype, "getUserCity$", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScProfileAccordionsContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-profile-accordions-content', providers: [SC_USER_PROVIDERS], animations: [tuiFadeIn], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    *tuiLet=\"user$ | async as user\"\n    class=\"flex flex-col gap-4\"\n>\n    <sc-accordion\n        [showArrow]=\"false\"\n        [showAddButton]=\"false\"\n        [open]=\"true\"\n    >\n        \u041E\u0431\u0449\u0438\u0435 \u0434\u0430\u043D\u043D\u044B\u0435\n        <ng-template scAccordionContent>\n            <tui-loader\n                [overlay]=\"true\"\n                [showLoader]=\"user === null\"\n            >\n                <div class=\"flex gap-2 pl-4\">\n                    <div\n                        *ngIf=\"user\"\n                        class=\"flex grow flex-col gap-2\"\n                    >\n                        <span class=\"font-medium\">{{ user.name }}</span>\n                        <div\n                            *ngIf=\"user.city && (getUserCity$(user.city) | async) as city\"\n                            class=\"flex items-center gap-1\"\n                        >\n                            <tui-icon icon=\"@tui.map-pin\"></tui-icon>\n                            <div class=\"flex flex-wrap\">\n                                <span>\u0433. {{ city.name }}, </span>\n                                <span *ngIf=\"city.region\">{{ city.region.name }}</span>\n                            </div>\n                        </div>\n                        <div class=\"flex flex-wrap gap-2\">\n                            <a\n                                tuiLink\n                                [scTelLink]=\"user.contacts.phone.value\"\n                                iconStart=\"@tui.phone\"\n                                [pseudo]=\"true\"\n                                href=\"tel:{{ user.contacts.phone.value | scFormatePhone }}\"\n                                >{{ user.contacts.phone.value | scFormatePhone }}</a\n                            >\n                            <span\n                                *ngIf=\"!user.contacts.phone.isApproved\"\n                                class=\"text-tui-text-03\"\n                            >\n                                (\u0422\u0435\u043B\u0435\u0444\u043E\u043D \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                <button\n                                    tuiLink\n                                    [pseudo]=\"true\"\n                                    (click)=\"approvePhoneClick.emit()\"\n                                >\n                                    \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C</button\n                                >)\n                            </span>\n                        </div>\n                        <div\n                            *tuiLet=\"!!(isSendApproveEmail$ | async) as isSendApproveEmail\"\n                            class=\"flex flex-wrap gap-x-2\"\n                        >\n                            <a\n                                tuiLink\n                                iconStart=\"@tui.mail\"\n                                [pseudo]=\"true\"\n                                href=\"mailto:{{ user.contacts.email.value }}\"\n                            >\n                                {{ user.contacts.email.value }}\n                            </a>\n                            <span\n                                *ngIf=\"!isSendApproveEmail && !user.contacts.email.isApproved\"\n                                class=\"inline-flex flex-wrap gap-1 text-tui-text-03\"\n                            >\n                                E-mail \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                <tui-loader\n                                    [showLoader]=\"!!(approveEmailLoading$ | async)\"\n                                    [overlay]=\"true\"\n                                >\n                                    <button\n                                        tuiLink\n                                        [pseudo]=\"true\"\n                                        (click)=\"onSendApproveEmail.next(user.contacts.email.value)\"\n                                    >\n                                        \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n                                    </button>\n                                </tui-loader>\n                            </span>\n                            <span\n                                *ngIf=\"isSendApproveEmail\"\n                                class=\"text-tui-success-fill\"\n                                @tuiFadeIn\n                            >\n                                \u041F\u0438\u0441\u044C\u043C\u043E \u0434\u043B\u044F \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u044F \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u043E. \u041F\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043F\u043E \u0441\u0441\u044B\u043B\u043A\u0435 \u0432 \u043F\u0438\u0441\u044C\u043C\u0435 \u0438 \u043E\u0431\u043D\u043E\u0432\u0438\u0442\u0435 \u044D\u0442\u0443 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443.\n                            </span>\n                        </div>\n                        <tui-loader\n                            [showLoader]=\"!!(getNewsLoading$ | async)\"\n                            [overlay]=\"true\"\n                        >\n                            <label tuiLabel>\n                                <input\n                                    tuiCheckbox\n                                    type=\"checkbox\"\n                                    size=\"s\"\n                                    class=\"w-full\"\n                                    [formControl]=\"getNewsControl\"\n                                    [ngModel]=\"user.getNews\"\n                                />\n                                \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                            </label>\n                        </tui-loader>\n                    </div>\n\n                    <button\n                        tuiIconButton\n                        size=\"m\"\n                        type=\"button\"\n                        iconStart=\"@tui.pencil\"\n                        appearance=\"flat\"\n                        (click)=\"editProfileClick.emit()\"\n                    ></button>\n                </div>\n            </tui-loader>\n        </ng-template>\n    </sc-accordion>\n    <sc-contragents-accordion\n        (addContragentClick)=\"addContragentClick.emit()\"\n        (deleteContragentClick)=\"deleteContragentClick.emit($event)\"\n        (addContragentBankAccountClick)=\"addContragentBankAccountClick.emit($event)\"\n        (deleteContragentBankAccountClick)=\"deleteContragentBankAccountClick.emit($event)\"\n        (addContragentContactClick)=\"addContragentContactClick.emit($event)\"\n        (deleteContragentContactClick)=\"deleteContragentContactClick.emit($event)\"\n    ></sc-contragents-accordion>\n    <sc-delivery-address-accordion\n        (addDeliveryAddressClick)=\"addDeliveryAddressClick.emit()\"\n        (deleteDeliveryAddressClick)=\"deleteDeliveryAddressClick.emit($event)\"\n        (addDeliveryAddressContactClick)=\"addDeliveryAddressContactClick.emit($event)\"\n        (deleteDeliveryAddressContactClick)=\"deleteDeliveryAddressContactClick.emit($event)\"\n    ></sc-delivery-address-accordion>\n    <sc-contacts-accordion\n        *ngIf=\"user\"\n        [contacts$]=\"userContacts$\"\n        (addContactClick)=\"addUserContactClick.emit(user.id)\"\n        (deleteButtonClick)=\"deleteUserContactClick.emit($event)\"\n    ></sc-contacts-accordion>\n    <sc-accordion\n        #passwordAccordion\n        [showArrow]=\"false\"\n        [showAddButton]=\"false\"\n    >\n        \u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C\n        <ng-template scAccordionContent>\n            <sc-reset-user-password (successResetPassword)=\"passwordAccordion.close()\"></sc-reset-user-password>\n        </ng-template>\n    </sc-accordion>\n</div>\n" }]
+            args: [{ selector: 'sc-profile-accordions-content', providers: [SC_USER_PROVIDERS], animations: [tuiFadeIn], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    *tuiLet=\"user$ | async as user\"\n    class=\"flex flex-col gap-4\"\n>\n    <sc-accordion\n        [showArrow]=\"false\"\n        [showAddButton]=\"false\"\n        [open]=\"true\"\n    >\n        \u041E\u0431\u0449\u0438\u0435 \u0434\u0430\u043D\u043D\u044B\u0435\n        <ng-template scAccordionContent>\n            <tui-loader\n                [overlay]=\"true\"\n                [showLoader]=\"user === null\"\n            >\n                <div class=\"flex gap-2 pl-4\">\n                    <div\n                        *ngIf=\"user\"\n                        class=\"flex grow flex-col gap-2\"\n                    >\n                        <span class=\"font-medium\">{{ user.name }}</span>\n                        <div\n                            *ngIf=\"user.city && (getUserCity$(user.city) | async) as city\"\n                            class=\"flex items-center gap-1\"\n                        >\n                            <tui-icon icon=\"@tui.map-pin\"></tui-icon>\n                            <div class=\"flex flex-wrap\">\n                                <span>\u0433. {{ city.name }}, </span>\n                                <span *ngIf=\"city.region\">{{ city.region.name }}</span>\n                            </div>\n                        </div>\n                        <div class=\"flex flex-wrap gap-2\">\n                            <a\n                                tuiLink\n                                [scTelLink]=\"user.contacts.phone.value\"\n                                iconStart=\"@tui.phone\"\n                                [pseudo]=\"true\"\n                                linkLocation=\"profile\"\n                                href=\"tel:{{ user.contacts.phone.value | scFormatePhone }}\"\n                            >\n                                {{ user.contacts.phone.value | scFormatePhone }}\n                            </a>\n                            <span\n                                *ngIf=\"!user.contacts.phone.isApproved\"\n                                class=\"text-tui-text-03\"\n                            >\n                                (\u0422\u0435\u043B\u0435\u0444\u043E\u043D \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                <button\n                                    tuiLink\n                                    [pseudo]=\"true\"\n                                    (click)=\"approvePhoneClick.emit()\"\n                                >\n                                    \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C</button\n                                >)\n                            </span>\n                        </div>\n                        <div\n                            *tuiLet=\"!!(isSendApproveEmail$ | async) as isSendApproveEmail\"\n                            class=\"flex flex-wrap gap-x-2\"\n                        >\n                            <a\n                                tuiLink\n                                iconStart=\"@tui.mail\"\n                                [pseudo]=\"true\"\n                                scEmailLink\n                                linkLocation=\"profile\"\n                                href=\"mailto:{{ user.contacts.email.value }}\"\n                            >\n                                {{ user.contacts.email.value }}\n                            </a>\n                            <span\n                                *ngIf=\"!isSendApproveEmail && !user.contacts.email.isApproved\"\n                                class=\"inline-flex flex-wrap gap-1 text-tui-text-03\"\n                            >\n                                E-mail \u043D\u0435 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D.\n                                <tui-loader\n                                    [showLoader]=\"!!(approveEmailLoading$ | async)\"\n                                    [overlay]=\"true\"\n                                >\n                                    <button\n                                        tuiLink\n                                        [pseudo]=\"true\"\n                                        (click)=\"onSendApproveEmail.next(user.contacts.email.value)\"\n                                    >\n                                        \u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C\n                                    </button>\n                                </tui-loader>\n                            </span>\n                            <span\n                                *ngIf=\"isSendApproveEmail\"\n                                class=\"text-tui-success-fill\"\n                                @tuiFadeIn\n                            >\n                                \u041F\u0438\u0441\u044C\u043C\u043E \u0434\u043B\u044F \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u044F \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u043E. \u041F\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043F\u043E \u0441\u0441\u044B\u043B\u043A\u0435 \u0432 \u043F\u0438\u0441\u044C\u043C\u0435 \u0438 \u043E\u0431\u043D\u043E\u0432\u0438\u0442\u0435 \u044D\u0442\u0443 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443.\n                            </span>\n                        </div>\n                        <tui-loader\n                            [showLoader]=\"!!(getNewsLoading$ | async)\"\n                            [overlay]=\"true\"\n                        >\n                            <label tuiLabel>\n                                <input\n                                    tuiCheckbox\n                                    type=\"checkbox\"\n                                    size=\"s\"\n                                    class=\"w-full\"\n                                    [formControl]=\"getNewsControl\"\n                                    [ngModel]=\"user.getNews\"\n                                />\n                                \u042F \u0445\u043E\u0447\u0443 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u0440\u0430\u0441\u0441\u044B\u043B\u043A\u0443 \u0421\u043D\u0430\u0431\u0446\u0435\u043D\u0442\u0440 \u043E \u0441\u043A\u0438\u0434\u043A\u0430\u0445 \u0438 \u043D\u043E\u0432\u043E\u0441\u0442\u044F\u0445 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435.\n                            </label>\n                        </tui-loader>\n                    </div>\n\n                    <button\n                        tuiIconButton\n                        size=\"m\"\n                        type=\"button\"\n                        iconStart=\"@tui.pencil\"\n                        appearance=\"flat\"\n                        (click)=\"editProfileClick.emit()\"\n                    ></button>\n                </div>\n            </tui-loader>\n        </ng-template>\n    </sc-accordion>\n    <sc-contragents-accordion\n        (addContragentClick)=\"addContragentClick.emit()\"\n        (deleteContragentClick)=\"deleteContragentClick.emit($event)\"\n        (addContragentBankAccountClick)=\"addContragentBankAccountClick.emit($event)\"\n        (deleteContragentBankAccountClick)=\"deleteContragentBankAccountClick.emit($event)\"\n        (addContragentContactClick)=\"addContragentContactClick.emit($event)\"\n        (deleteContragentContactClick)=\"deleteContragentContactClick.emit($event)\"\n    ></sc-contragents-accordion>\n    <sc-delivery-address-accordion\n        (addDeliveryAddressClick)=\"addDeliveryAddressClick.emit()\"\n        (deleteDeliveryAddressClick)=\"deleteDeliveryAddressClick.emit($event)\"\n        (addDeliveryAddressContactClick)=\"addDeliveryAddressContactClick.emit($event)\"\n        (deleteDeliveryAddressContactClick)=\"deleteDeliveryAddressContactClick.emit($event)\"\n    ></sc-delivery-address-accordion>\n    <sc-contacts-accordion\n        *ngIf=\"user\"\n        [contacts$]=\"userContacts$\"\n        (addContactClick)=\"addUserContactClick.emit(user.id)\"\n        (deleteButtonClick)=\"deleteUserContactClick.emit($event)\"\n    ></sc-contacts-accordion>\n    <sc-accordion\n        #passwordAccordion\n        [showArrow]=\"false\"\n        [showAddButton]=\"false\"\n    >\n        \u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C\n        <ng-template scAccordionContent>\n            <sc-reset-user-password (successResetPassword)=\"passwordAccordion.close()\"></sc-reset-user-password>\n        </ng-template>\n    </sc-accordion>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i6$1.Observable, decorators: [{
                     type: Inject,
                     args: [SC_USER_INFO]
@@ -5797,9 +5973,7 @@ class ScProfileModule {
             ReactiveFormsModule,
             TuiButton,
             ScContactsModule,
-            ScTerminalLinkDirective,
-            ScTelLinkModule,
-            TuiCheckbox], exports: [ScProfileAccordionsContentComponent] }); }
+            ScTerminalLinkDirective, ScTelLinkDirective, ScEmailLinkDirective, ScFormatePhonePipe, TuiCheckbox], exports: [ScProfileAccordionsContentComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScProfileModule, imports: [CommonModule,
             ScUserModule,
             ScAccordionModule,
@@ -5810,7 +5984,6 @@ class ScProfileModule {
             FormsModule,
             ReactiveFormsModule,
             ScContactsModule,
-            ScTelLinkModule,
             TuiCheckbox] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ScProfileModule, decorators: [{
@@ -5833,7 +6006,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
                         TuiButton,
                         ScContactsModule,
                         ScTerminalLinkDirective,
-                        ScTelLinkModule,
+                        ...ScLinks,
                         TuiCheckbox,
                     ],
                     exports: [ScProfileAccordionsContentComponent],
@@ -5848,5 +6021,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractScPriceCard, AuthMethod, FilesAndDocumentsComponent, FilesAndDocumentsModule, SC_QA_INFO, SC_USER_INFO, SC_USER_PROVIDERS, ScAccordionComponent, ScAccordionContentDirective, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddressesSelectionFieldComponent, ScAskToSampleFormComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCartItemMobileComponent, ScCartModule, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScFavoriteButtonComponent, ScFormFieldsModule, ScFormatePhonePipe, ScInputQuantityComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScOrderItemMobileComponent, ScOrderModule, ScPaymentStatusComponent, ScPreviewSampleComponent, ScPreviewSampleModule, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScProfileAccordionsContentComponent, ScProfileModule, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScShareButtonComponent, ScShareButtonModule, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTelLinkModule, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scPasswordConfirmMatchingValidator, scUserFactory, stepValidator };
+export { AbstractScPriceCard, AuthMethod, FilesAndDocumentsComponent, FilesAndDocumentsModule, SC_ERROR_CHANGE_HANDLER, SC_QA_INFO, SC_USER_INFO, SC_USER_PROVIDERS, ScAccordionComponent, ScAccordionContentDirective, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddressesSelectionFieldComponent, ScAskToSampleFormComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCartItemMobileComponent, ScCartModule, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFormFieldsModule, ScFormatePhonePipe, ScInputQuantityComponent, ScLinks, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScOrderItemMobileComponent, ScOrderModule, ScPaymentStatusComponent, ScPreviewSampleComponent, ScPreviewSampleModule, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScProfileAccordionsContentComponent, ScProfileModule, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScShareButtonComponent, ScShareButtonModule, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scPasswordConfirmMatchingValidator, scUserFactory, stepValidator };
 //# sourceMappingURL=snabcentr-client-ui.mjs.map