@snabcentr/client-ui 3.29.0 → 3.29.2

package/fesm2022/snabcentr-client-ui.mjs

@@ -2074,6 +2074,14 @@ class ScNewContragentFormComponent {
          * Ссылка для автоматического управления уничтожением зависимостей.
          */
         this.destroyRef = inject(DestroyRef);
+        /**
+         * Возвращает {@link Observable} списка стран.
+         */
+        this.countries$ = this.locationsService.getCountries$();
+        /**
+         * Возвращает {@link Observable} списка идентификаторов стран.
+         */
+        this.countriesId$ = this.countries$.pipe(map((countries) => countries.map((country) => country.id)));
         /**
          * Маска поля ввода ИНН.
          *
@@ -2091,10 +2099,14 @@ class ScNewContragentFormComponent {
         /**
          * Функция преобразования объекта сортировки в значение, отображаемое в поле ввода.
          *
-         * @param item Выбранный объект выпадающего списка.
-         * @param item.name Название страны/региона/города, которое будет отображено в поле.
+         * @param items Список стран.
          */
-        this.stringify = (item) => item.name;
+        this.stringify = (items) => {
+            const itemsMap = new Map(items.map((item) => {
+                return [item.id, item.name];
+            }));
+            return (id) => itemsMap.get(id) ?? '';
+        };
         this.referencesService.directions$
             .pipe(filter(tuiIsPresent), filter((directions) => directions.length > 0), takeUntilDestroyed())
             .subscribe((directions) => {
@@ -2144,26 +2156,20 @@ class ScNewContragentFormComponent {
     getOpfBySlug$(slug) {
         return this.referencesService.getOpfBySlug$(slug);
     }
-    /**
-     * Возвращает {@link Observable} списка стран
-     */
-    getCountries$() {
-        return this.locationsService.getCountries$();
-    }
     /**
      * Возвращает {@link Observable} страны по идентификатору.
      *
      * @param countryId — Идентификатор страны.
      */
-    getCountriesById$(countryId) {
-        return this.locationsService.getCountries$().pipe(map((countries) => countries.find((country) => country.id === countryId)));
+    getCountryNameById$(countryId) {
+        return this.locationsService.getCountries$().pipe(map((countries) => countries.find((country) => country.id === countryId)?.name ?? ''));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScNewContragentFormComponent, deps: [{ token: i1.ScReferencesService }, { token: i1.ScLocationsService }, { token: FormGroupDirective, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScNewContragentFormComponent, selector: "sc-new-contragent-form", inputs: { opfControl: "opfControl" }, ngImport: i0, template: "<div\n    [formGroup]=\"form\"\n    *ngIf=\"selectOpf$ | async as selectOpf\"\n    class=\"flex flex-col gap-3 pb-1\"\n>\n    <p class=\"text-lg font-bold\">\u041E\u0431\u0449\u0438\u0435 \u0434\u0430\u043D\u043D\u044B\u0435 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430</p>\n    <label tuiLabel>\n        \u0422\u0438\u043F \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 (\u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u043E\u043D\u043D\u043E-\u043F\u0440\u0430\u0432\u043E\u0432\u0430\u044F \u0444\u043E\u0440\u043C\u0430)\n        <tui-select\n            formControlName=\"opf\"\n            [valueContent]=\"opfContent\"\n            [readOnly]=\"!!opfControl\"\n        >\n            \u0422\u0438\u043F \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 (\u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u043E\u043D\u043D\u043E-\u043F\u0440\u0430\u0432\u043E\u0432\u0430\u044F \u0444\u043E\u0440\u043C\u0430)\n            <tui-data-list *tuiDataList>\n                <button\n                    *ngFor=\"let item of getOpf$() | async; let index = index\"\n                    tuiOption\n                    [value]=\"item.slug\"\n                >\n                    {{ item.name }}\n                </button>\n            </tui-data-list>\n        </tui-select>\n        <ng-template\n            #opfContent\n            let-data\n        >\n            <div>{{ (getOpfBySlug$(data) | async)?.name }}</div>\n        </ng-template>\n        <tui-error\n            formControlName=\"opf\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    @let nameLabel = opfListEnum[selectOpf] === opfListEnum.individual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438';\n    <label tuiLabel>\n        {{ nameLabel }}\n        <tui-input formControlName=\"name\">\n            @if (opfListEnum[selectOpf] === opfListEnum.individual) {\n                {{ nameLabel }}\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.fio\"\n                />\n            } @else {\n                \u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.organization\"\n                    />\n                }\n            }\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    @if (opfListEnum[selectOpf] > opfListEnum.individual) {\n        @if (opfListEnum[selectOpf] === opfListEnum.legal) {\n            <label tuiLabel>\n                \u0418\u041D\u041D \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F\n                <tui-input formControlName=\"inn\">\n                    \u0418\u041D\u041D \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"innMask(selectOpf)\"\n                        autocomplete=\"inn\"\n                    />\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.organization\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"inn\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n            <label tuiLabel>\n                \u041A\u043E\u0434 \u041E\u041A\u041F\u041E\n                <tui-input formControlName=\"okpo\">\n                    \u041A\u043E\u0434 \u041E\u041A\u041F\u041E\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"okpoMask(selectOpf)\"\n                        autocomplete=\"okpo\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"okpo\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n        }\n        <label tuiLabel>\n            \u0424.\u0418.\u041E. \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n            <tui-input formControlName=\"directorName\">\n                \u0424.\u0418.\u041E. \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.fio\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"directorName\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n            <tui-input formControlName=\"directorPosition\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F </tui-input>\n            <tui-error\n                formControlName=\"directorPosition\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u041E\u0441\u043D\u043E\u0432\u0430\u043D\u0438\u044F \u043F\u043E\u043B\u043D\u043E\u043C\u043E\u0447\u0438\u0439 \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n            <tui-input formControlName=\"directorActsOn\"> \u041E\u0441\u043D\u043E\u0432\u0430\u043D\u0438\u044F \u043F\u043E\u043B\u043D\u043E\u043C\u043E\u0447\u0438\u0439 \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F </tui-input>\n            <tui-error\n                formControlName=\"directorActsOn\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u042E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"legalAddress\">\n                \u042E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.address\"\n                    />\n                }\n            </tui-input>\n            <tui-error\n                formControlName=\"legalAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"postalAddress\">\n                \u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\n                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.address\"\n                    />\n                }\n            </tui-input>\n            <tui-error\n                formControlName=\"postalAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u0424\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"actualAddress\">\n                \u0424\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.address\"\n                    />\n                }\n            </tui-input>\n            <tui-error\n                formControlName=\"actualAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        @if (opfListEnum[selectOpf] === opfListEnum.legal) {\n            <label tuiLabel>\n                \u041A\u041F\u041F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                <tui-input formControlName=\"kpp\">\n                    \u041A\u041F\u041F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"kppMask\"\n                        autocomplete=\"kpp\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"kpp\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n        }\n    }\n\n    @if (opfListEnum[selectOpf] === opfListEnum.non_resident_legal) {\n        <label tuiLabel>\n            \u0421\u0442\u0440\u0430\u043D\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n\n            <tui-combo-box\n                *tuiLet=\"(getCountries$() | async) ?? [] as countries\"\n                formControlName=\"registrationCountryId\"\n                [stringify]=\"stringify\"\n            >\n                \u0421\u0442\u0440\u0430\u043D\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n                <input\n                    tuiTextfieldLegacy\n                    autocapitalize=\"off\"\n                    autocomplete=\"off\"\n                    autocorrect=\"off\"\n                    autocomplete=\"new-password\"\n                />\n                <tui-data-list-wrapper\n                    *tuiDataList\n                    [itemContent]=\"stringify | tuiStringifyContent\"\n                    [items]=\"countries | tuiFilterByInput\"\n                />\n            </tui-combo-box>\n            <ng-template\n                #CountryContent\n                let-data\n            >\n                <div>{{ (getCountriesById$(data) | async)?.name }}</div>\n            </ng-template>\n            <tui-error\n                formControlName=\"registrationCountryId\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n            <tui-input formControlName=\"registrationNumber\"> \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430 </tui-input>\n            <tui-error\n                formControlName=\"registrationNumber\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u041D\u0430\u043B\u043E\u0433\u043E\u0432\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n            <tui-input formControlName=\"taxNumber\"> \u041D\u0430\u043B\u043E\u0433\u043E\u0432\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430 </tui-input>\n            <tui-error\n                formControlName=\"taxNumber\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n    }\n</div>\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\n"], dependencies: [{ kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i3.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i3.TuiSelectDirective, selector: "tui-select" }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "component", type: i1$1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i1$1.TuiOption, selector: "button[tuiOption]:not([new]), a[tuiOption]:not([new]), label[tuiOption]:not([new])", inputs: ["disabled", "value"] }, { kind: "component", type: i2$1.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels]), tui-data-list-wrapper:not([labels])[new]", inputs: ["items", "disabledItemHandler", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "directive", type: i8.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: i3.TuiComboBoxComponent, selector: "tui-combo-box", inputs: ["stringify", "strictMatcher", "identityMatcher", "valueContent", "strict", "search"], outputs: ["searchChange"] }, { kind: "directive", type: i3.TuiComboBoxDirective, selector: "tui-combo-box" }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "pipe", type: i2$1.TuiStringifyContentPipe, name: "tuiStringifyContent" }, { kind: "pipe", type: i2$1.TuiFilterByInputPipe, name: "tuiFilterByInput" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScNewContragentFormComponent, selector: "sc-new-contragent-form", inputs: { opfControl: "opfControl" }, ngImport: i0, template: "<div\n    [formGroup]=\"form\"\n    *ngIf=\"selectOpf$ | async as selectOpf\"\n    class=\"flex flex-col gap-3 pb-1\"\n>\n    <p class=\"text-lg font-bold\">\u041E\u0431\u0449\u0438\u0435 \u0434\u0430\u043D\u043D\u044B\u0435 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430</p>\n    <label tuiLabel>\n        \u0422\u0438\u043F \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 (\u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u043E\u043D\u043D\u043E-\u043F\u0440\u0430\u0432\u043E\u0432\u0430\u044F \u0444\u043E\u0440\u043C\u0430)\n        <tui-select\n            formControlName=\"opf\"\n            [valueContent]=\"opfContent\"\n            [readOnly]=\"!!opfControl\"\n        >\n            \u0422\u0438\u043F \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 (\u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u043E\u043D\u043D\u043E-\u043F\u0440\u0430\u0432\u043E\u0432\u0430\u044F \u0444\u043E\u0440\u043C\u0430)\n            <tui-data-list *tuiDataList>\n                <button\n                    *ngFor=\"let item of getOpf$() | async; let index = index\"\n                    tuiOption\n                    [value]=\"item.slug\"\n                >\n                    {{ item.name }}\n                </button>\n            </tui-data-list>\n        </tui-select>\n        <ng-template\n            #opfContent\n            let-data\n        >\n            <div>{{ (getOpfBySlug$(data) | async)?.name }}</div>\n        </ng-template>\n        <tui-error\n            formControlName=\"opf\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    @let nameLabel = opfListEnum[selectOpf] === opfListEnum.individual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438';\n    <label tuiLabel>\n        {{ nameLabel }}\n        <tui-input formControlName=\"name\">\n            @if (opfListEnum[selectOpf] === opfListEnum.individual) {\n                {{ nameLabel }}\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.fio\"\n                />\n            } @else {\n                \u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.organization\"\n                    />\n                }\n            }\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    @if (opfListEnum[selectOpf] > opfListEnum.individual) {\n        @if (opfListEnum[selectOpf] === opfListEnum.legal) {\n            <label tuiLabel>\n                \u0418\u041D\u041D \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F\n                <tui-input formControlName=\"inn\">\n                    \u0418\u041D\u041D \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"innMask(selectOpf)\"\n                        autocomplete=\"inn\"\n                    />\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.organization\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"inn\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n            <label tuiLabel>\n                \u041A\u043E\u0434 \u041E\u041A\u041F\u041E\n                <tui-input formControlName=\"okpo\">\n                    \u041A\u043E\u0434 \u041E\u041A\u041F\u041E\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"okpoMask(selectOpf)\"\n                        autocomplete=\"okpo\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"okpo\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n        }\n        <label tuiLabel>\n            \u0424.\u0418.\u041E. \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n            <tui-input formControlName=\"directorName\">\n                \u0424.\u0418.\u041E. \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.fio\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"directorName\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n            <tui-input formControlName=\"directorPosition\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F </tui-input>\n            <tui-error\n                formControlName=\"directorPosition\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u041E\u0441\u043D\u043E\u0432\u0430\u043D\u0438\u044F \u043F\u043E\u043B\u043D\u043E\u043C\u043E\u0447\u0438\u0439 \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n            <tui-input formControlName=\"directorActsOn\"> \u041E\u0441\u043D\u043E\u0432\u0430\u043D\u0438\u044F \u043F\u043E\u043B\u043D\u043E\u043C\u043E\u0447\u0438\u0439 \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F </tui-input>\n            <tui-error\n                formControlName=\"directorActsOn\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u042E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"legalAddress\">\n                \u042E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.address\"\n                    />\n                }\n            </tui-input>\n            <tui-error\n                formControlName=\"legalAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"postalAddress\">\n                \u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\n                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.address\"\n                    />\n                }\n            </tui-input>\n            <tui-error\n                formControlName=\"postalAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u0424\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"actualAddress\">\n                \u0424\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.address\"\n                    />\n                }\n            </tui-input>\n            <tui-error\n                formControlName=\"actualAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        @if (opfListEnum[selectOpf] === opfListEnum.legal) {\n            <label tuiLabel>\n                \u041A\u041F\u041F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                <tui-input formControlName=\"kpp\">\n                    \u041A\u041F\u041F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"kppMask\"\n                        autocomplete=\"kpp\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"kpp\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n        }\n    }\n\n    @if (opfListEnum[selectOpf] === opfListEnum.non_resident_legal) {\n        @let countries = countries$ | async;\n        @let countriesId = countriesId$ | async;\n\n        <label\n            *ngIf=\"countries\"\n            tuiLabel\n        >\n            \u0421\u0442\u0440\u0430\u043D\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n            <tui-combo-box\n                formControlName=\"registrationCountryId\"\n                [stringify]=\"stringify(countries ?? [])\"\n            >\n                \u0421\u0442\u0440\u0430\u043D\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n                <input\n                    tuiTextfieldLegacy\n                    autocapitalize=\"off\"\n                    autocomplete=\"off\"\n                    autocorrect=\"off\"\n                    autocomplete=\"new-password\"\n                />\n                <tui-data-list-wrapper\n                    *tuiDataList\n                    [itemContent]=\"stringify(countries ?? []) | tuiStringifyContent\"\n                    [items]=\"countriesId | tuiFilterByInput\"\n                />\n            </tui-combo-box>\n            <ng-template\n                #CountryContent\n                let-data\n            >\n                <div>{{ (getCountryNameById$(data) | async) ?? '' }}</div>\n            </ng-template>\n            <tui-error\n                formControlName=\"registrationCountryId\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <ng-template #selectLoading> <tui-loader /> </ng-template>\n        <label tuiLabel>\n            \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n            <tui-input formControlName=\"registrationNumber\"> \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430 </tui-input>\n            <tui-error\n                formControlName=\"registrationNumber\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u041D\u0430\u043B\u043E\u0433\u043E\u0432\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n            <tui-input formControlName=\"taxNumber\"> \u041D\u0430\u043B\u043E\u0433\u043E\u0432\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430 </tui-input>\n            <tui-error\n                formControlName=\"taxNumber\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n    }\n</div>\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\n"], dependencies: [{ kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "component", type: i1$1.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i3.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i3.TuiSelectDirective, selector: "tui-select" }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "component", type: i1$1.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i1$1.TuiOption, selector: "button[tuiOption]:not([new]), a[tuiOption]:not([new]), label[tuiOption]:not([new])", inputs: ["disabled", "value"] }, { kind: "component", type: i2$1.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels]), tui-data-list-wrapper:not([labels])[new]", inputs: ["items", "disabledItemHandler", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "directive", type: i1$1.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "directive", type: i8.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type"], outputs: ["selectedClick"] }, { kind: "component", type: i3.TuiComboBoxComponent, selector: "tui-combo-box", inputs: ["stringify", "strictMatcher", "identityMatcher", "valueContent", "strict", "search"], outputs: ["searchChange"] }, { kind: "directive", type: i3.TuiComboBoxDirective, selector: "tui-combo-box" }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "pipe", type: i2$1.TuiStringifyContentPipe, name: "tuiStringifyContent" }, { kind: "pipe", type: i2$1.TuiFilterByInputPipe, name: "tuiFilterByInput" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScNewContragentFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-new-contragent-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [formGroup]=\"form\"\n    *ngIf=\"selectOpf$ | async as selectOpf\"\n    class=\"flex flex-col gap-3 pb-1\"\n>\n    <p class=\"text-lg font-bold\">\u041E\u0431\u0449\u0438\u0435 \u0434\u0430\u043D\u043D\u044B\u0435 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430</p>\n    <label tuiLabel>\n        \u0422\u0438\u043F \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 (\u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u043E\u043D\u043D\u043E-\u043F\u0440\u0430\u0432\u043E\u0432\u0430\u044F \u0444\u043E\u0440\u043C\u0430)\n        <tui-select\n            formControlName=\"opf\"\n            [valueContent]=\"opfContent\"\n            [readOnly]=\"!!opfControl\"\n        >\n            \u0422\u0438\u043F \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 (\u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u043E\u043D\u043D\u043E-\u043F\u0440\u0430\u0432\u043E\u0432\u0430\u044F \u0444\u043E\u0440\u043C\u0430)\n            <tui-data-list *tuiDataList>\n                <button\n                    *ngFor=\"let item of getOpf$() | async; let index = index\"\n                    tuiOption\n                    [value]=\"item.slug\"\n                >\n                    {{ item.name }}\n                </button>\n            </tui-data-list>\n        </tui-select>\n        <ng-template\n            #opfContent\n            let-data\n        >\n            <div>{{ (getOpfBySlug$(data) | async)?.name }}</div>\n        </ng-template>\n        <tui-error\n            formControlName=\"opf\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    @let nameLabel = opfListEnum[selectOpf] === opfListEnum.individual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438';\n    <label tuiLabel>\n        {{ nameLabel }}\n        <tui-input formControlName=\"name\">\n            @if (opfListEnum[selectOpf] === opfListEnum.individual) {\n                {{ nameLabel }}\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.fio\"\n                />\n            } @else {\n                \u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.organization\"\n                    />\n                }\n            }\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    @if (opfListEnum[selectOpf] > opfListEnum.individual) {\n        @if (opfListEnum[selectOpf] === opfListEnum.legal) {\n            <label tuiLabel>\n                \u0418\u041D\u041D \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F\n                <tui-input formControlName=\"inn\">\n                    \u0418\u041D\u041D \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"innMask(selectOpf)\"\n                        autocomplete=\"inn\"\n                    />\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.organization\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"inn\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n            <label tuiLabel>\n                \u041A\u043E\u0434 \u041E\u041A\u041F\u041E\n                <tui-input formControlName=\"okpo\">\n                    \u041A\u043E\u0434 \u041E\u041A\u041F\u041E\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"okpoMask(selectOpf)\"\n                        autocomplete=\"okpo\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"okpo\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n        }\n        <label tuiLabel>\n            \u0424.\u0418.\u041E. \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n            <tui-input formControlName=\"directorName\">\n                \u0424.\u0418.\u041E. \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.fio\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"directorName\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n            <tui-input formControlName=\"directorPosition\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F </tui-input>\n            <tui-error\n                formControlName=\"directorPosition\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u041E\u0441\u043D\u043E\u0432\u0430\u043D\u0438\u044F \u043F\u043E\u043B\u043D\u043E\u043C\u043E\u0447\u0438\u0439 \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n            <tui-input formControlName=\"directorActsOn\"> \u041E\u0441\u043D\u043E\u0432\u0430\u043D\u0438\u044F \u043F\u043E\u043B\u043D\u043E\u043C\u043E\u0447\u0438\u0439 \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F </tui-input>\n            <tui-error\n                formControlName=\"directorActsOn\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u042E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"legalAddress\">\n                \u042E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.address\"\n                    />\n                }\n            </tui-input>\n            <tui-error\n                formControlName=\"legalAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"postalAddress\">\n                \u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\n                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.address\"\n                    />\n                }\n            </tui-input>\n            <tui-error\n                formControlName=\"postalAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u0424\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"actualAddress\">\n                \u0424\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.address\"\n                    />\n                }\n            </tui-input>\n            <tui-error\n                formControlName=\"actualAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        @if (opfListEnum[selectOpf] === opfListEnum.legal) {\n            <label tuiLabel>\n                \u041A\u041F\u041F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                <tui-input formControlName=\"kpp\">\n                    \u041A\u041F\u041F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"kppMask\"\n                        autocomplete=\"kpp\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"kpp\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n        }\n    }\n\n    @if (opfListEnum[selectOpf] === opfListEnum.non_resident_legal) {\n        <label tuiLabel>\n            \u0421\u0442\u0440\u0430\u043D\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n\n            <tui-combo-box\n                *tuiLet=\"(getCountries$() | async) ?? [] as countries\"\n                formControlName=\"registrationCountryId\"\n                [stringify]=\"stringify\"\n            >\n                \u0421\u0442\u0440\u0430\u043D\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n                <input\n                    tuiTextfieldLegacy\n                    autocapitalize=\"off\"\n                    autocomplete=\"off\"\n                    autocorrect=\"off\"\n                    autocomplete=\"new-password\"\n                />\n                <tui-data-list-wrapper\n                    *tuiDataList\n                    [itemContent]=\"stringify | tuiStringifyContent\"\n                    [items]=\"countries | tuiFilterByInput\"\n                />\n            </tui-combo-box>\n            <ng-template\n                #CountryContent\n                let-data\n            >\n                <div>{{ (getCountriesById$(data) | async)?.name }}</div>\n            </ng-template>\n            <tui-error\n                formControlName=\"registrationCountryId\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n            <tui-input formControlName=\"registrationNumber\"> \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430 </tui-input>\n            <tui-error\n                formControlName=\"registrationNumber\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u041D\u0430\u043B\u043E\u0433\u043E\u0432\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n            <tui-input formControlName=\"taxNumber\"> \u041D\u0430\u043B\u043E\u0433\u043E\u0432\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430 </tui-input>\n            <tui-error\n                formControlName=\"taxNumber\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n    }\n</div>\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\n"] }]
+            args: [{ selector: 'sc-new-contragent-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [formGroup]=\"form\"\n    *ngIf=\"selectOpf$ | async as selectOpf\"\n    class=\"flex flex-col gap-3 pb-1\"\n>\n    <p class=\"text-lg font-bold\">\u041E\u0431\u0449\u0438\u0435 \u0434\u0430\u043D\u043D\u044B\u0435 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430</p>\n    <label tuiLabel>\n        \u0422\u0438\u043F \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 (\u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u043E\u043D\u043D\u043E-\u043F\u0440\u0430\u0432\u043E\u0432\u0430\u044F \u0444\u043E\u0440\u043C\u0430)\n        <tui-select\n            formControlName=\"opf\"\n            [valueContent]=\"opfContent\"\n            [readOnly]=\"!!opfControl\"\n        >\n            \u0422\u0438\u043F \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 (\u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u043E\u043D\u043D\u043E-\u043F\u0440\u0430\u0432\u043E\u0432\u0430\u044F \u0444\u043E\u0440\u043C\u0430)\n            <tui-data-list *tuiDataList>\n                <button\n                    *ngFor=\"let item of getOpf$() | async; let index = index\"\n                    tuiOption\n                    [value]=\"item.slug\"\n                >\n                    {{ item.name }}\n                </button>\n            </tui-data-list>\n        </tui-select>\n        <ng-template\n            #opfContent\n            let-data\n        >\n            <div>{{ (getOpfBySlug$(data) | async)?.name }}</div>\n        </ng-template>\n        <tui-error\n            formControlName=\"opf\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    @let nameLabel = opfListEnum[selectOpf] === opfListEnum.individual ? '\u0424.\u0418.\u041E.' : '\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438';\n    <label tuiLabel>\n        {{ nameLabel }}\n        <tui-input formControlName=\"name\">\n            @if (opfListEnum[selectOpf] === opfListEnum.individual) {\n                {{ nameLabel }}\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.fio\"\n                />\n            } @else {\n                \u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.organization\"\n                    />\n                }\n            }\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    @if (opfListEnum[selectOpf] > opfListEnum.individual) {\n        @if (opfListEnum[selectOpf] === opfListEnum.legal) {\n            <label tuiLabel>\n                \u0418\u041D\u041D \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F\n                <tui-input formControlName=\"inn\">\n                    \u0418\u041D\u041D \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438\u043B\u0438 \u0418\u041F\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"innMask(selectOpf)\"\n                        autocomplete=\"inn\"\n                    />\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.organization\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"inn\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n            <label tuiLabel>\n                \u041A\u043E\u0434 \u041E\u041A\u041F\u041E\n                <tui-input formControlName=\"okpo\">\n                    \u041A\u043E\u0434 \u041E\u041A\u041F\u041E\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"okpoMask(selectOpf)\"\n                        autocomplete=\"okpo\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"okpo\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n        }\n        <label tuiLabel>\n            \u0424.\u0418.\u041E. \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n            <tui-input formControlName=\"directorName\">\n                \u0424.\u0418.\u041E. \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n                <sc-suggestion-field\n                    *tuiDataList\n                    [type]=\"suggestionType.fio\"\n                />\n            </tui-input>\n            <tui-error\n                formControlName=\"directorName\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n            <tui-input formControlName=\"directorPosition\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F </tui-input>\n            <tui-error\n                formControlName=\"directorPosition\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u041E\u0441\u043D\u043E\u0432\u0430\u043D\u0438\u044F \u043F\u043E\u043B\u043D\u043E\u043C\u043E\u0447\u0438\u0439 \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F\n            <tui-input formControlName=\"directorActsOn\"> \u041E\u0441\u043D\u043E\u0432\u0430\u043D\u0438\u044F \u043F\u043E\u043B\u043D\u043E\u043C\u043E\u0447\u0438\u0439 \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F </tui-input>\n            <tui-error\n                formControlName=\"directorActsOn\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u042E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"legalAddress\">\n                \u042E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.address\"\n                    />\n                }\n            </tui-input>\n            <tui-error\n                formControlName=\"legalAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"postalAddress\">\n                \u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\n                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.address\"\n                    />\n                }\n            </tui-input>\n            <tui-error\n                formControlName=\"postalAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u0424\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input formControlName=\"actualAddress\">\n                \u0424\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0430\u0434\u0440\u0435\u0441\n                @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n                    <sc-suggestion-field\n                        *tuiDataList\n                        [type]=\"suggestionType.address\"\n                    />\n                }\n            </tui-input>\n            <tui-error\n                formControlName=\"actualAddress\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        @if (opfListEnum[selectOpf] === opfListEnum.legal) {\n            <label tuiLabel>\n                \u041A\u041F\u041F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                <tui-input formControlName=\"kpp\">\n                    \u041A\u041F\u041F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"kppMask\"\n                        autocomplete=\"kpp\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"kpp\"\n                    [error]=\"[] | tuiFieldError | async\"\n                />\n            </label>\n        }\n    }\n\n    @if (opfListEnum[selectOpf] === opfListEnum.non_resident_legal) {\n        @let countries = countries$ | async;\n        @let countriesId = countriesId$ | async;\n\n        <label\n            *ngIf=\"countries\"\n            tuiLabel\n        >\n            \u0421\u0442\u0440\u0430\u043D\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n            <tui-combo-box\n                formControlName=\"registrationCountryId\"\n                [stringify]=\"stringify(countries ?? [])\"\n            >\n                \u0421\u0442\u0440\u0430\u043D\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n                <input\n                    tuiTextfieldLegacy\n                    autocapitalize=\"off\"\n                    autocomplete=\"off\"\n                    autocorrect=\"off\"\n                    autocomplete=\"new-password\"\n                />\n                <tui-data-list-wrapper\n                    *tuiDataList\n                    [itemContent]=\"stringify(countries ?? []) | tuiStringifyContent\"\n                    [items]=\"countriesId | tuiFilterByInput\"\n                />\n            </tui-combo-box>\n            <ng-template\n                #CountryContent\n                let-data\n            >\n                <div>{{ (getCountryNameById$(data) | async) ?? '' }}</div>\n            </ng-template>\n            <tui-error\n                formControlName=\"registrationCountryId\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <ng-template #selectLoading> <tui-loader /> </ng-template>\n        <label tuiLabel>\n            \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n            <tui-input formControlName=\"registrationNumber\"> \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u043E\u043D\u043D\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430 </tui-input>\n            <tui-error\n                formControlName=\"registrationNumber\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n        <label tuiLabel>\n            \u041D\u0430\u043B\u043E\u0433\u043E\u0432\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n            <tui-input formControlName=\"taxNumber\"> \u041D\u0430\u043B\u043E\u0433\u043E\u0432\u044B\u0439 \u043D\u043E\u043C\u0435\u0440 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430 </tui-input>\n            <tui-error\n                formControlName=\"taxNumber\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n    }\n</div>\n", styles: ["tui-carousel{--tui-carousel-padding: .5rem}\n"] }]
         }], ctorParameters: () => [{ type: i1.ScReferencesService }, { type: i1.ScLocationsService }, { type: i2$3.FormGroupDirective, decorators: [{
                     type: SkipSelf
                 }, {
@@ -4083,11 +4089,11 @@ class ScPriceWarehouseStockComponent {
         this.warehousesList$ = this.selectedWarehouse$.pipe(switchMap((warehouse) => this.warehouseService.getWarehouses$().pipe(map((warehouses) => this.product.stockCount?.map((sc) => ({ w: warehouses.find((w) => w.id === sc.warehouseId), sc: sc }))), map((items) => items?.sort((item) => (item.w?.id === warehouse?.id ? -1 : 1))))));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScPriceWarehouseStockComponent, deps: [{ token: i1.ScWarehouseService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScPriceWarehouseStockComponent, isStandalone: true, selector: "sc-price-warehouse-stock", inputs: { classList: "classList", product: "product", withStockHint: "withStockHint", fromMain: "fromMain" }, ngImport: i0, template: "<ng-container *ngIf=\"product\">\n    @let isDisabled = product.isHidden || product.isNull;\n\n    <ng-container *ngIf=\"selectedWarehouse$ | async as warehouseSelect\">\n        <span *tuiLet=\"withStockHint && !!(warehousesList$ | async)?.length as showStockHint\">\n            <ng-container *ngIf=\"!product.stockCount?.length && product.getNotStockMessage(warehouseSelect) as message\">\n                <a\n                    *tuiLet=\"!!(product.properties?.planingIncomingDate || product.properties?.planingProductionDate) as showPlaningHint\"\n                    tuiLink\n                    [pseudo]=\"showPlaningHint\"\n                    [tuiHint]=\"showPlaningHint && planingHint\"\n                    [class.disabled]=\"isDisabled\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    [style.color]=\"'var(--tui-status-negative)'\"\n                    [style.cursor]=\"showPlaningHint && planingHint ? 'pointer' : 'default'\"\n                    [ngClass]=\"classList\"\n                >\n                    {{ message }}\n                </a>\n            </ng-container>\n            <ng-template #planingHint>\n                <span *ngIf=\"product.properties?.planingIncomingDate\">\n                    \u041F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 \u043F\u043E\u0441\u0442\u0443\u043F\u043B\u0435\u043D\u0438\u044F <br />\n                    \u043D\u0430 \u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0439 \u0441\u043A\u043B\u0430\u0434:\n                    <span class=\"font-bold\">{{ product.properties?.planingIncomingDate }}</span>\n                </span>\n                <span *ngIf=\"product.properties?.planingProductionDate\">\n                    \u041F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 <br />\n                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0441\u0442\u0432\u0430:\n                    <span class=\"font-bold\">{{ product.properties?.planingProductionDate }}</span>\n                </span>\n            </ng-template>\n            <span *ngIf=\"product.stockCount && product.stockCount.length && !product.onOrder\">\n                \u0412 \u043D\u0430\u043B\u0438\u0447\u0438\u0438 \u043D\u0430&nbsp;\n                <span\n                    tuiLink\n                    [style.color]=\"'var(--tui-status-positive)'\"\n                    [tuiHint]=\"showStockHint && stockHint\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    [ngClass]=\"classList\"\n                    [class.disabled]=\"isDisabled\"\n                    class=\"!underline\"\n                >\n                    {{ product.stockCount.length }} \u0441\u043A\u043B\u0430\u0434{{ product.stockCount.length > 1 ? '\u0430\u0445' : '\u0435' }}\n                </span>\n            </span>\n\n            <span\n                *ngIf=\"product.onOrder\"\n                [style.color]=\"'var(--tui-status-warning)'\"\n                [ngClass]=\"classList\"\n            >\n                \u041F\u043E\u0434 \u0437\u0430\u043A\u0430\u0437\n            </span>\n        </span>\n    </ng-container>\n\n    <ng-template #stockHint>\n        <table\n            *ngIf=\"selectedWarehouse$ | async as warehouseSelect\"\n            class=\"stock-table table-auto text-body-s\"\n            [ngClass]=\"classList\"\n        >\n            <tbody>\n                <tr\n                    *ngFor=\"let item of warehousesList$ | async\"\n                    class=\"border-b\"\n                >\n                    <ng-container>\n                        <td class=\"px-1\">{{ item.w?.name }}:</td>\n                        <td class=\"px-1\">{{ item.sc.count ? item.sc.count + ' ' + product.quantityUnit : '\u0412 \u043D\u0430\u043B\u0438\u0447\u0438\u0438' }}</td>\n                    </ng-container>\n                </tr>\n            </tbody>\n        </table>\n    </ng-template>\n</ng-container>\n", styles: ["::ng-deep tui-hint:has(.stock-table){max-inline-size:22rem}[tuiIconButton]{--tui-radius-m: .75rem;--tui-height-xs: 1.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScPriceWarehouseStockComponent, isStandalone: true, selector: "sc-price-warehouse-stock", inputs: { classList: "classList", product: "product", withStockHint: "withStockHint", fromMain: "fromMain" }, ngImport: i0, template: "<ng-container *ngIf=\"product\">\n    @let isDisabled = product.isHidden || product.isNull;\n\n    <ng-container *ngIf=\"selectedWarehouse$ | async as warehouseSelect\">\n        <span *tuiLet=\"withStockHint && !!(warehousesList$ | async)?.length as showStockHint\">\n            <ng-container *ngIf=\"!product.stockCount?.length && product.getNotStockMessage(warehouseSelect) as message\">\n                <a\n                    *tuiLet=\"!!(product.properties?.planingIncomingDate || product.properties?.planingProductionDate) as showPlaningHint\"\n                    tuiLink\n                    [pseudo]=\"showPlaningHint\"\n                    [tuiHint]=\"showPlaningHint && planingHint\"\n                    [class.disabled]=\"isDisabled\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    [style.color]=\"'var(--tui-status-negative)'\"\n                    [style.cursor]=\"showPlaningHint && planingHint ? 'pointer' : 'default'\"\n                    [ngClass]=\"classList\"\n                >\n                    {{ message }}\n                </a>\n            </ng-container>\n            <ng-template #planingHint>\n                <span *ngIf=\"product.properties?.planingIncomingDate\">\n                    \u041F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 \u043F\u043E\u0441\u0442\u0443\u043F\u043B\u0435\u043D\u0438\u044F <br />\n                    \u043D\u0430 \u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0439 \u0441\u043A\u043B\u0430\u0434:\n                    <span class=\"font-bold\">{{ product.properties?.planingIncomingDate }}</span>\n                </span>\n                <span *ngIf=\"product.properties?.planingProductionDate\">\n                    \u041F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 <br />\n                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0441\u0442\u0432\u0430:\n                    <span class=\"font-bold\">{{ product.properties?.planingProductionDate }}</span>\n                </span>\n            </ng-template>\n            <span *ngIf=\"product.stockCount && product.stockCount.length && !product.onOrder\">\n                <span\n                    tuiLink\n                    [style.color]=\"'var(--tui-status-positive)'\"\n                    [tuiHint]=\"showStockHint && stockHint\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    [ngClass]=\"classList\"\n                    [class.disabled]=\"isDisabled\"\n                    class=\"!underline\"\n                >\n                    \u041F\u0440\u043E\u0432\u0435\u0440\u0438\u0442\u044C \u043D\u0430\u043B\u0438\u0447\u0438\u0435\n                </span>\n            </span>\n\n            <span\n                *ngIf=\"product.onOrder\"\n                [style.color]=\"'var(--tui-status-warning)'\"\n                [ngClass]=\"classList\"\n            >\n                \u041F\u043E\u0434 \u0437\u0430\u043A\u0430\u0437\n            </span>\n        </span>\n    </ng-container>\n\n    <ng-template #stockHint>\n        <table\n            *ngIf=\"selectedWarehouse$ | async as warehouseSelect\"\n            class=\"stock-table table-auto text-body-s\"\n            [ngClass]=\"classList\"\n        >\n            <tbody>\n                <tr\n                    *ngFor=\"let item of warehousesList$ | async\"\n                    class=\"border-b\"\n                >\n                    <ng-container>\n                        <td class=\"px-1\">{{ item.w?.name }}:</td>\n                        <td class=\"px-1\">{{ item.sc.count ? item.sc.count + ' ' + product.quantityUnit : '\u0412 \u043D\u0430\u043B\u0438\u0447\u0438\u0438' }}</td>\n                    </ng-container>\n                </tr>\n            </tbody>\n        </table>\n    </ng-template>\n</ng-container>\n", styles: ["::ng-deep tui-hint:has(.stock-table){max-inline-size:22rem}[tuiIconButton]{--tui-radius-m: .75rem;--tui-height-xs: 1.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintContext", "tuiHintAppearance", "tuiHint"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: TuiLet, selector: "[tuiLet]", inputs: ["tuiLet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScPriceWarehouseStockComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'sc-price-warehouse-stock', imports: [CommonModule, RouterModule, TuiTextfieldControllerModule, FormsModule, ReactiveFormsModule, ...TuiHint, TuiLink, TuiLet, ScFormatDatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"product\">\n    @let isDisabled = product.isHidden || product.isNull;\n\n    <ng-container *ngIf=\"selectedWarehouse$ | async as warehouseSelect\">\n        <span *tuiLet=\"withStockHint && !!(warehousesList$ | async)?.length as showStockHint\">\n            <ng-container *ngIf=\"!product.stockCount?.length && product.getNotStockMessage(warehouseSelect) as message\">\n                <a\n                    *tuiLet=\"!!(product.properties?.planingIncomingDate || product.properties?.planingProductionDate) as showPlaningHint\"\n                    tuiLink\n                    [pseudo]=\"showPlaningHint\"\n                    [tuiHint]=\"showPlaningHint && planingHint\"\n                    [class.disabled]=\"isDisabled\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    [style.color]=\"'var(--tui-status-negative)'\"\n                    [style.cursor]=\"showPlaningHint && planingHint ? 'pointer' : 'default'\"\n                    [ngClass]=\"classList\"\n                >\n                    {{ message }}\n                </a>\n            </ng-container>\n            <ng-template #planingHint>\n                <span *ngIf=\"product.properties?.planingIncomingDate\">\n                    \u041F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 \u043F\u043E\u0441\u0442\u0443\u043F\u043B\u0435\u043D\u0438\u044F <br />\n                    \u043D\u0430 \u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0439 \u0441\u043A\u043B\u0430\u0434:\n                    <span class=\"font-bold\">{{ product.properties?.planingIncomingDate }}</span>\n                </span>\n                <span *ngIf=\"product.properties?.planingProductionDate\">\n                    \u041F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 <br />\n                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0441\u0442\u0432\u0430:\n                    <span class=\"font-bold\">{{ product.properties?.planingProductionDate }}</span>\n                </span>\n            </ng-template>\n            <span *ngIf=\"product.stockCount && product.stockCount.length && !product.onOrder\">\n                \u0412 \u043D\u0430\u043B\u0438\u0447\u0438\u0438 \u043D\u0430&nbsp;\n                <span\n                    tuiLink\n                    [style.color]=\"'var(--tui-status-positive)'\"\n                    [tuiHint]=\"showStockHint && stockHint\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    [ngClass]=\"classList\"\n                    [class.disabled]=\"isDisabled\"\n                    class=\"!underline\"\n                >\n                    {{ product.stockCount.length }} \u0441\u043A\u043B\u0430\u0434{{ product.stockCount.length > 1 ? '\u0430\u0445' : '\u0435' }}\n                </span>\n            </span>\n\n            <span\n                *ngIf=\"product.onOrder\"\n                [style.color]=\"'var(--tui-status-warning)'\"\n                [ngClass]=\"classList\"\n            >\n                \u041F\u043E\u0434 \u0437\u0430\u043A\u0430\u0437\n            </span>\n        </span>\n    </ng-container>\n\n    <ng-template #stockHint>\n        <table\n            *ngIf=\"selectedWarehouse$ | async as warehouseSelect\"\n            class=\"stock-table table-auto text-body-s\"\n            [ngClass]=\"classList\"\n        >\n            <tbody>\n                <tr\n                    *ngFor=\"let item of warehousesList$ | async\"\n                    class=\"border-b\"\n                >\n                    <ng-container>\n                        <td class=\"px-1\">{{ item.w?.name }}:</td>\n                        <td class=\"px-1\">{{ item.sc.count ? item.sc.count + ' ' + product.quantityUnit : '\u0412 \u043D\u0430\u043B\u0438\u0447\u0438\u0438' }}</td>\n                    </ng-container>\n                </tr>\n            </tbody>\n        </table>\n    </ng-template>\n</ng-container>\n", styles: ["::ng-deep tui-hint:has(.stock-table){max-inline-size:22rem}[tuiIconButton]{--tui-radius-m: .75rem;--tui-height-xs: 1.25rem}\n"] }]
+            args: [{ standalone: true, selector: 'sc-price-warehouse-stock', imports: [CommonModule, RouterModule, TuiTextfieldControllerModule, FormsModule, ReactiveFormsModule, ...TuiHint, TuiLink, TuiLet, ScFormatDatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"product\">\n    @let isDisabled = product.isHidden || product.isNull;\n\n    <ng-container *ngIf=\"selectedWarehouse$ | async as warehouseSelect\">\n        <span *tuiLet=\"withStockHint && !!(warehousesList$ | async)?.length as showStockHint\">\n            <ng-container *ngIf=\"!product.stockCount?.length && product.getNotStockMessage(warehouseSelect) as message\">\n                <a\n                    *tuiLet=\"!!(product.properties?.planingIncomingDate || product.properties?.planingProductionDate) as showPlaningHint\"\n                    tuiLink\n                    [pseudo]=\"showPlaningHint\"\n                    [tuiHint]=\"showPlaningHint && planingHint\"\n                    [class.disabled]=\"isDisabled\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    [style.color]=\"'var(--tui-status-negative)'\"\n                    [style.cursor]=\"showPlaningHint && planingHint ? 'pointer' : 'default'\"\n                    [ngClass]=\"classList\"\n                >\n                    {{ message }}\n                </a>\n            </ng-container>\n            <ng-template #planingHint>\n                <span *ngIf=\"product.properties?.planingIncomingDate\">\n                    \u041F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 \u043F\u043E\u0441\u0442\u0443\u043F\u043B\u0435\u043D\u0438\u044F <br />\n                    \u043D\u0430 \u041E\u0441\u043D\u043E\u0432\u043D\u043E\u0439 \u0441\u043A\u043B\u0430\u0434:\n                    <span class=\"font-bold\">{{ product.properties?.planingIncomingDate }}</span>\n                </span>\n                <span *ngIf=\"product.properties?.planingProductionDate\">\n                    \u041F\u043B\u0430\u043D\u0438\u0440\u0443\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 <br />\n                    \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0441\u0442\u0432\u0430:\n                    <span class=\"font-bold\">{{ product.properties?.planingProductionDate }}</span>\n                </span>\n            </ng-template>\n            <span *ngIf=\"product.stockCount && product.stockCount.length && !product.onOrder\">\n                <span\n                    tuiLink\n                    [style.color]=\"'var(--tui-status-positive)'\"\n                    [tuiHint]=\"showStockHint && stockHint\"\n                    [tuiHintShowDelay]=\"100\"\n                    tuiHintDirection=\"top\"\n                    [ngClass]=\"classList\"\n                    [class.disabled]=\"isDisabled\"\n                    class=\"!underline\"\n                >\n                    \u041F\u0440\u043E\u0432\u0435\u0440\u0438\u0442\u044C \u043D\u0430\u043B\u0438\u0447\u0438\u0435\n                </span>\n            </span>\n\n            <span\n                *ngIf=\"product.onOrder\"\n                [style.color]=\"'var(--tui-status-warning)'\"\n                [ngClass]=\"classList\"\n            >\n                \u041F\u043E\u0434 \u0437\u0430\u043A\u0430\u0437\n            </span>\n        </span>\n    </ng-container>\n\n    <ng-template #stockHint>\n        <table\n            *ngIf=\"selectedWarehouse$ | async as warehouseSelect\"\n            class=\"stock-table table-auto text-body-s\"\n            [ngClass]=\"classList\"\n        >\n            <tbody>\n                <tr\n                    *ngFor=\"let item of warehousesList$ | async\"\n                    class=\"border-b\"\n                >\n                    <ng-container>\n                        <td class=\"px-1\">{{ item.w?.name }}:</td>\n                        <td class=\"px-1\">{{ item.sc.count ? item.sc.count + ' ' + product.quantityUnit : '\u0412 \u043D\u0430\u043B\u0438\u0447\u0438\u0438' }}</td>\n                    </ng-container>\n                </tr>\n            </tbody>\n        </table>\n    </ng-template>\n</ng-container>\n", styles: ["::ng-deep tui-hint:has(.stock-table){max-inline-size:22rem}[tuiIconButton]{--tui-radius-m: .75rem;--tui-height-xs: 1.25rem}\n"] }]
         }], ctorParameters: () => [{ type: i1.ScWarehouseService }], propDecorators: { classList: [{
                 type: Input
             }], product: [{