@snabcentr/client-ui 4.18.0 → 4.19.0

package/fesm2022/snabcentr-client-ui.mjs

@@ -561,6 +561,19 @@ const scKppMask = {
     mask: /^\d{0,9}$/,
 };
 
+/**
+ * Маска поля ввода ОГРНИП индивидуального предпринимателя.
+ */
+const scEntrepreneurOgrnMask = {
+    mask: /^\d{0,15}$/,
+};
+/**
+ * Маска поля ввода ОГРН юридического лица.
+ */
+const scLegalOgrnMask = {
+    mask: /^\d{0,13}$/,
+};
+
 /**
  * Маска поля ввода ОКПО индивидуального предпринимателя.
  */
@@ -2070,6 +2083,7 @@ class ScSuggestionFieldComponent {
             name: suggestion.name,
             inn: suggestion.inn,
             kpp: suggestion.kpp,
+            ogrn: suggestion.ogrn ?? null,
             okpo: suggestion.okpo,
             directorName: suggestion.directorName,
             directorPosition: suggestion.directorPosition,
@@ -2802,6 +2816,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }] } });
 
+/* eslint-disable class-methods-use-this */
+/**
+ * Преобразователь значения текстового поля, в котором очищенное поле даёт в форме null, как нетронутое.
+ */
+class NullOnEmptyValueTransformer extends TuiValueTransformer {
+    /**
+     * Преобразует значение из формы в значение поля ввода: null становится пустой строкой.
+     *
+     * @param controlValue Значение из формы поля ввода.
+     */
+    fromControlValue(controlValue) {
+        return controlValue ?? '';
+    }
+    /**
+     * Преобразует значение поля ввода в значение формы: пустая строка становится null.
+     *
+     * @param componentValue Значение из компонента поля ввода.
+     */
+    toControlValue(componentValue) {
+        return componentValue === '' ? null : componentValue;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NullOnEmptyValueTransformer, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NullOnEmptyValueTransformer }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NullOnEmptyValueTransformer, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Директива для замены пустой строки в значении текстового поля на null: очищенное необязательное поле не уходит в запрос.
+ */
+class NullOnEmptyTransformerDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NullOnEmptyTransformerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: NullOnEmptyTransformerDirective, isStandalone: true, selector: "tui-input[nullOnEmpty]", providers: [
+            {
+                provide: TuiValueTransformer,
+                useClass: NullOnEmptyValueTransformer,
+            },
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NullOnEmptyTransformerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'tui-input[nullOnEmpty]',
+                    providers: [
+                        {
+                            provide: TuiValueTransformer,
+                            useClass: NullOnEmptyValueTransformer,
+                        },
+                    ],
+                }]
+        }] });
+
 /* eslint-disable class-methods-use-this,@typescript-eslint/unbound-method,security/detect-object-injection */
 /**
  * Форма создания нового контрагента.
@@ -2829,6 +2897,7 @@ class ScNewContragentFormComponent {
          */
         this.entrepreneurGroup = new FormGroup({
             inn: new FormControl(null, Validators.required),
+            ogrn: new FormControl(null),
             okpo: new FormControl(null, Validators.required),
             directorName: new FormControl(null, Validators.required),
             directorPosition: new FormControl(null, Validators.required),
@@ -2885,9 +2954,11 @@ class ScNewContragentFormComponent {
         this.selectOpf$ = tuiControlValue(this.form.controls.opf).pipe(distinctUntilChanged(), tap((opf) => {
             const opfOrder = ScOpfList[opf];
             const innLength = opfOrder > ScOpfList.entrepreneur ? 10 : 12;
+            const ogrnLength = opfOrder > ScOpfList.entrepreneur ? 13 : 15;
             const okpoLength = opfOrder > ScOpfList.entrepreneur ? 8 : 10;
             // Правила задаются до включения контролов: enable и setControl проверяют сразу.
             this.entrepreneurGroup.controls.inn.setValidators([Validators.required, Validators.minLength(innLength), Validators.maxLength(innLength)]);
+            this.entrepreneurGroup.controls.ogrn.setValidators([Validators.minLength(ogrnLength), Validators.maxLength(ogrnLength)]);
             this.entrepreneurGroup.controls.okpo.setValidators([Validators.required, Validators.minLength(okpoLength), Validators.maxLength(okpoLength)]);
             [this.entrepreneurGroup.controls.legalAddress, this.entrepreneurGroup.controls.postalAddress, this.entrepreneurGroup.controls.actualAddress].forEach((addressControl) => {
                 this.addressQualityService.setQualityCheckEnabled(addressControl, opfOrder !== ScOpfList.non_resident_legal);
@@ -2911,6 +2982,7 @@ class ScNewContragentFormComponent {
                 addControls(this.nonResidentLegalGroup);
                 this.legalGroup.controls.kpp.disable();
                 this.entrepreneurGroup.controls.inn.disable();
+                this.entrepreneurGroup.controls.ogrn.disable();
                 this.entrepreneurGroup.controls.okpo.disable();
             }
         }));
@@ -2940,6 +3012,12 @@ class ScNewContragentFormComponent {
          * @param opf Организационно-правовая форма.
          */
         this.innMask = (opf) => (ScOpfList[opf] > ScOpfList.entrepreneur ? scLegalInnMask : scEntrepreneurInnMask);
+        /**
+         * Маска поля ввода ОГРН.
+         *
+         * @param opf Организационно-правовая форма.
+         */
+        this.ogrnMask = (opf) => (ScOpfList[opf] > ScOpfList.entrepreneur ? scLegalOgrnMask : scEntrepreneurOgrnMask);
         /**
          * Маска поля ввода ОКПО.
          *
@@ -3002,11 +3080,11 @@ class ScNewContragentFormComponent {
         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.14", ngImport: i0, type: ScNewContragentFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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        <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        @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\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\n                scAddressQuality\n                #legalAddressQuality=\"scAddressQuality\"\n                formControlName=\"legalAddress\"\n            >\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            @if (legalAddressQuality.getWarningMessage(); as addressQualityWarning) {\n                <p class=\"text-xs text-tui-status-warning\">{{ addressQualityWarning }}</p>\n            }\n        </label>\n        <label tuiLabel>\n            \u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input\n                scAddressQuality\n                #postalAddressQuality=\"scAddressQuality\"\n                formControlName=\"postalAddress\"\n            >\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            @if (postalAddressQuality.getWarningMessage(); as addressQualityWarning) {\n                <p class=\"text-xs text-tui-status-warning\">{{ addressQualityWarning }}</p>\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\n                scAddressQuality\n                #actualAddressQuality=\"scAddressQuality\"\n                formControlName=\"actualAddress\"\n            >\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            @if (actualAddressQuality.getWarningMessage(); as addressQualityWarning) {\n                <p class=\"text-xs text-tui-status-warning\">{{ addressQualityWarning }}</p>\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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.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$2.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "component", type: i1$2.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$2.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i1$2.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$2.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: "directive", type: ScAddressQualityDirective, selector: "[scAddressQuality]", exportAs: ["scAddressQuality"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type", "showAddressQuality"], 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.14", 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        <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        @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n            @let ogrnLabel = opfListEnum[selectOpf] === opfListEnum.entrepreneur ? '\u041E\u0413\u0420\u041D\u0418\u041F' : '\u041E\u0413\u0420\u041D \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438';\n            <label tuiLabel>\n                {{ ogrnLabel }}\n                <tui-input\n                    formControlName=\"ogrn\"\n                    nullOnEmpty\n                >\n                    {{ ogrnLabel }}\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"ogrnMask(selectOpf)\"\n                        autocomplete=\"ogrn\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"ogrn\"\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\n                scAddressQuality\n                #legalAddressQuality=\"scAddressQuality\"\n                formControlName=\"legalAddress\"\n            >\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            @if (legalAddressQuality.getWarningMessage(); as addressQualityWarning) {\n                <p class=\"text-xs text-tui-status-warning\">{{ addressQualityWarning }}</p>\n            }\n        </label>\n        <label tuiLabel>\n            \u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input\n                scAddressQuality\n                #postalAddressQuality=\"scAddressQuality\"\n                formControlName=\"postalAddress\"\n            >\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            @if (postalAddressQuality.getWarningMessage(); as addressQualityWarning) {\n                <p class=\"text-xs text-tui-status-warning\">{{ addressQualityWarning }}</p>\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\n                scAddressQuality\n                #actualAddressQuality=\"scAddressQuality\"\n                formControlName=\"actualAddress\"\n            >\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            @if (actualAddressQuality.getWarningMessage(); as addressQualityWarning) {\n                <p class=\"text-xs text-tui-status-warning\">{{ addressQualityWarning }}</p>\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\n                formControlName=\"taxNumber\"\n                nullOnEmpty\n            >\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>\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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.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$2.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "component", type: i1$2.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$2.TuiDataListComponent, selector: "tui-data-list", inputs: ["emptyContent", "size"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i1$2.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$2.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: "directive", type: ScAddressQualityDirective, selector: "[scAddressQuality]", exportAs: ["scAddressQuality"] }, { kind: "directive", type: NullOnEmptyTransformerDirective, selector: "tui-input[nullOnEmpty]" }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type", "showAddressQuality"], 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.14", 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        <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        @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\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\n                scAddressQuality\n                #legalAddressQuality=\"scAddressQuality\"\n                formControlName=\"legalAddress\"\n            >\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            @if (legalAddressQuality.getWarningMessage(); as addressQualityWarning) {\n                <p class=\"text-xs text-tui-status-warning\">{{ addressQualityWarning }}</p>\n            }\n        </label>\n        <label tuiLabel>\n            \u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input\n                scAddressQuality\n                #postalAddressQuality=\"scAddressQuality\"\n                formControlName=\"postalAddress\"\n            >\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            @if (postalAddressQuality.getWarningMessage(); as addressQualityWarning) {\n                <p class=\"text-xs text-tui-status-warning\">{{ addressQualityWarning }}</p>\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\n                scAddressQuality\n                #actualAddressQuality=\"scAddressQuality\"\n                formControlName=\"actualAddress\"\n            >\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            @if (actualAddressQuality.getWarningMessage(); as addressQualityWarning) {\n                <p class=\"text-xs text-tui-status-warning\">{{ addressQualityWarning }}</p>\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"] }]
+            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        <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        @if (opfListEnum[selectOpf] !== opfListEnum.non_resident_legal) {\n            @let ogrnLabel = opfListEnum[selectOpf] === opfListEnum.entrepreneur ? '\u041E\u0413\u0420\u041D\u0418\u041F' : '\u041E\u0413\u0420\u041D \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438';\n            <label tuiLabel>\n                {{ ogrnLabel }}\n                <tui-input\n                    formControlName=\"ogrn\"\n                    nullOnEmpty\n                >\n                    {{ ogrnLabel }}\n                    <input\n                        tuiTextfieldLegacy\n                        [maskito]=\"ogrnMask(selectOpf)\"\n                        autocomplete=\"ogrn\"\n                    />\n                </tui-input>\n                <tui-error\n                    formControlName=\"ogrn\"\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\n                scAddressQuality\n                #legalAddressQuality=\"scAddressQuality\"\n                formControlName=\"legalAddress\"\n            >\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            @if (legalAddressQuality.getWarningMessage(); as addressQualityWarning) {\n                <p class=\"text-xs text-tui-status-warning\">{{ addressQualityWarning }}</p>\n            }\n        </label>\n        <label tuiLabel>\n            \u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441\n            <tui-input\n                scAddressQuality\n                #postalAddressQuality=\"scAddressQuality\"\n                formControlName=\"postalAddress\"\n            >\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            @if (postalAddressQuality.getWarningMessage(); as addressQualityWarning) {\n                <p class=\"text-xs text-tui-status-warning\">{{ addressQualityWarning }}</p>\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\n                scAddressQuality\n                #actualAddressQuality=\"scAddressQuality\"\n                formControlName=\"actualAddress\"\n            >\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            @if (actualAddressQuality.getWarningMessage(); as addressQualityWarning) {\n                <p class=\"text-xs text-tui-status-warning\">{{ addressQualityWarning }}</p>\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\n                formControlName=\"taxNumber\"\n                nullOnEmpty\n            >\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>\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"] }]
         }], propDecorators: { opfControl: [{
                 type: Input
             }] } });
@@ -3026,11 +3104,11 @@ class ScNewContactFormComponent {
         this.countries = getCountries();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScNewContactFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ScNewContactFormComponent, selector: "sc-new-contact-form", inputs: { form: "form" }, ngImport: i0, template: "<div\n    [formGroup]=\"form\"\n    class=\"flex flex-col gap-3\"\n>\n    <label tuiLabel>\n        \u0424.\u0418.\u041E.\n        <tui-input formControlName=\"name\">\n            \u0424.\u0418.\u041E.\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.fio\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    <label tuiLabel>\n        \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n        <tui-textfield>\n            <input\n                formControlName=\"phone\"\n                tuiInputPhoneInternational\n                [countrySearch]=\"true\"\n                [countries]=\"(countries | tuiSortCountries | async) || []\"\n                autocomplete=\"phone\"\n            />\n        </tui-textfield>\n        <tui-error\n            formControlName=\"phone\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    <label tuiLabel>\n        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <label tuiLabel>\n        \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n        <tui-input formControlName=\"position\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0433\u043E \u043B\u0438\u0446\u0430 </tui-input>\n        <tui-error\n            formControlName=\"position\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type", "showAddressQuality"], outputs: ["selectedClick"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "directive", type: i5.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "component", type: i1$2.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i1$3.TuiInputPhoneInternational, selector: "input[tuiInputPhoneInternational]", inputs: ["countrySearch", "countries", "countryIsoCode"], outputs: ["countryIsoCodeChange"] }, { kind: "component", type: i1$2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])" }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "pipe", type: i2$1.TuiSortCountriesPipe, name: "tuiSortCountries" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ScNewContactFormComponent, selector: "sc-new-contact-form", inputs: { form: "form" }, ngImport: i0, template: "<div\n    [formGroup]=\"form\"\n    class=\"flex flex-col gap-3\"\n>\n    <label tuiLabel>\n        \u0424.\u0418.\u041E.\n        <tui-input formControlName=\"name\">\n            \u0424.\u0418.\u041E.\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.fio\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    <label tuiLabel>\n        \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n        <tui-textfield>\n            <input\n                formControlName=\"phone\"\n                tuiInputPhoneInternational\n                [countrySearch]=\"true\"\n                [countries]=\"(countries | tuiSortCountries | async) || []\"\n                autocomplete=\"phone\"\n            />\n        </tui-textfield>\n        <tui-error\n            formControlName=\"phone\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    <label tuiLabel>\n        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input\n            formControlName=\"email\"\n            nullOnEmpty\n        >\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <label tuiLabel>\n        \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n        <tui-input formControlName=\"position\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0433\u043E \u043B\u0438\u0446\u0430 </tui-input>\n        <tui-error\n            formControlName=\"position\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: ["type", "showAddressQuality"], outputs: ["selectedClick"] }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "directive", type: i5.TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "component", type: i1$2.TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "directive", type: NullOnEmptyTransformerDirective, selector: "tui-input[nullOnEmpty]" }, { kind: "component", type: i1$3.TuiInputPhoneInternational, selector: "input[tuiInputPhoneInternational]", inputs: ["countrySearch", "countries", "countryIsoCode"], outputs: ["countryIsoCodeChange"] }, { kind: "component", type: i1$2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])" }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "pipe", type: i2$1.TuiSortCountriesPipe, name: "tuiSortCountries" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScNewContactFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-new-contact-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [formGroup]=\"form\"\n    class=\"flex flex-col gap-3\"\n>\n    <label tuiLabel>\n        \u0424.\u0418.\u041E.\n        <tui-input formControlName=\"name\">\n            \u0424.\u0418.\u041E.\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.fio\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    <label tuiLabel>\n        \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n        <tui-textfield>\n            <input\n                formControlName=\"phone\"\n                tuiInputPhoneInternational\n                [countrySearch]=\"true\"\n                [countries]=\"(countries | tuiSortCountries | async) || []\"\n                autocomplete=\"phone\"\n            />\n        </tui-textfield>\n        <tui-error\n            formControlName=\"phone\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    <label tuiLabel>\n        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input formControlName=\"email\">\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <label tuiLabel>\n        \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n        <tui-input formControlName=\"position\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0433\u043E \u043B\u0438\u0446\u0430 </tui-input>\n        <tui-error\n            formControlName=\"position\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n</div>\n" }]
+            args: [{ selector: 'sc-new-contact-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [formGroup]=\"form\"\n    class=\"flex flex-col gap-3\"\n>\n    <label tuiLabel>\n        \u0424.\u0418.\u041E.\n        <tui-input formControlName=\"name\">\n            \u0424.\u0418.\u041E.\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.fio\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"name\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    <label tuiLabel>\n        \u0422\u0435\u043B\u0435\u0444\u043E\u043D\n        <tui-textfield>\n            <input\n                formControlName=\"phone\"\n                tuiInputPhoneInternational\n                [countrySearch]=\"true\"\n                [countries]=\"(countries | tuiSortCountries | async) || []\"\n                autocomplete=\"phone\"\n            />\n        </tui-textfield>\n        <tui-error\n            formControlName=\"phone\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n    <label tuiLabel>\n        \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n        <tui-input\n            formControlName=\"email\"\n            nullOnEmpty\n        >\n            \u0410\u0434\u0440\u0435\u0441 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u044B\n            <sc-suggestion-field\n                *tuiDataList\n                [type]=\"suggestionType.email\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"email\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <label tuiLabel>\n        \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0433\u043E \u043B\u0438\u0446\u0430\n        <tui-input formControlName=\"position\"> \u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043D\u043E\u0433\u043E \u043B\u0438\u0446\u0430 </tui-input>\n        <tui-error\n            formControlName=\"position\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n</div>\n" }]
         }], propDecorators: { form: [{
                 type: Input
             }] } });
@@ -3312,6 +3390,7 @@ class ScSignUpFormComponent {
                 name: suggestion.name,
                 inn: suggestion.inn,
                 kpp: suggestion.kpp ?? null,
+                ogrn: suggestion.ogrn ?? null,
                 okpo: suggestion.okpo ?? null,
                 directorName: suggestion.directorName ?? null,
                 directorPosition: suggestion.directorPosition ?? null,
@@ -3644,7 +3723,8 @@ class ScContactsModule {
             TuiSelectModule, i1$2.TuiDataListComponent, i1$2.TuiDataListDirective, i1$2.TuiOption, i1$2.TuiOptionNew, i1$2.TuiOptionWithValue, i1$2.TuiOptGroup, i2$1.TuiDataListWrapperComponent, i2$1.TuiDataListGroupWrapperComponent, i3$1.TuiDataListDirective, TuiLabel,
             TuiInputModule,
             TuiInputPhoneModule,
-            TuiError, ScTelLinkDirective, ScEmailLinkDirective, ScPhoneFormatPipe, TuiButtonLoading,
+            TuiError, ScTelLinkDirective, ScEmailLinkDirective, ScPhoneFormatPipe, NullOnEmptyTransformerDirective,
+            TuiButtonLoading,
             TuiInputPhoneInternational, i1$4.TuiItem, i5.TuiLabel, i1$2.TuiSelect, i1$2.TuiTextfieldComponent, i1$2.TuiTextfieldDirective, i1$2.TuiTextfieldOptionsDirective, i1$2.TuiTextfieldDropdownDirective, i1$2.TuiTextfieldMultiComponent, TuiSortCountriesPipe], exports: [ScContactsAccordionComponent, ScNewContactFormComponent, ScAddContactDialogComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScContactsModule, imports: [CommonModule,
             FormsModule,
@@ -3682,6 +3762,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TuiInputPhoneModule,
                         TuiError,
                         ...ScLinks,
+                        NullOnEmptyTransformerDirective,
                         TuiButtonLoading,
                         TuiInputPhoneInternational,
                         ...TuiTextfield,
@@ -4038,6 +4119,10 @@ class ScContragentsAccordionItemComponent {
          * Событие нажатия на кнопку удаления контактного лица у контрагента.
          */
         this.deleteContragentContactClick = new EventEmitter();
+        /**
+         * Перечисление организационно-правовых форм.
+         */
+        this.opfListEnum = ScOpfList;
     }
     /** @inheritDoc */
     ngOnInit() {
@@ -4054,11 +4139,11 @@ class ScContragentsAccordionItemComponent {
         this.deleteContragentContactClick.emit({ contact: contact, contragent: contragent });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScContragentsAccordionItemComponent, deps: [{ token: i1.ScContragentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ScContragentsAccordionItemComponent, selector: "sc-contragents-accordion-item", inputs: { contragent: "contragent" }, outputs: { deleteContragentClick: "deleteContragentClick", addContragentBankAccountClick: "addContragentBankAccountClick", deleteContragentBankAccountClick: "deleteContragentBankAccountClick", addContragentContactClick: "addContragentContactClick", deleteContragentContactClick: "deleteContragentContactClick" }, ngImport: i0, template: "<sc-accordion [showAddButton]=\"false\">\n    {{ contragent.name }}\n    <span *ngIf=\"$any(contragent).inn as inn\">\u0418\u041D\u041D: {{ inn }}</span>\n\n    <ng-template scAccordionContent>\n        <div class=\"flex flex-col gap-2\">\n            <div class=\"flex gap-2\">\n                <div class=\"flex grow flex-col gap-2\">\n                    {{ contragent.name }}\n                    <span *ngIf=\"$any(contragent).inn as inn\">\u0418\u041D\u041D: {{ inn }}</span>\n                    <span *ngIf=\"$any(contragent).kpp as kpp\">\u041A\u041F\u041F: {{ kpp }}</span>\n                </div>\n                <!-- \u0424\u0443\u043D\u043A\u0446\u0438\u043E\u043D\u0430\u043B \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0438 \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\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                <!-- <button\n                    tuiIconButton\n                    size=\"m\"\n                    type=\"button\"\n                    icon=\"@tui.pencil\"\n                    appearance=\"flat\"\n                    (click)=\"$event.stopPropagation(); editContragentClick.emit(contragent.id)\"\n                ></button>\n                <button\n                    tuiIconButton\n                    size=\"m\"\n                    type=\"button\"\n                    icon=\"@tui.trash-2\"\n                    appearance=\"flat\"\n                    (click)=\"$event.stopPropagation(); deleteContragentClick.emit(contragent)\"\n                ></button> -->\n            </div>\n\n            <sc-accordion (addButtonClick)=\"addContragentBankAccountClick.emit(contragent)\">\n                \u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B\n                <ng-template scAccordionContent>\n                    @let bankAccounts = bankAccounts$ | async;\n                    <tui-loader\n                        [overlay]=\"true\"\n                        [showLoader]=\"bankAccounts === null\"\n                    >\n                        <div class=\"flex flex-col gap-2\">\n                            <ng-container *ngIf=\"!bankAccounts || bankAccounts.length; else bankAccountsNotExist\">\n                                <div\n                                    *ngFor=\"let bankAccount of bankAccounts\"\n                                    class=\"flex gap-2 border-b border-tui-base-03\"\n                                >\n                                    <div class=\"flex grow flex-col gap-2\">\n                                        <span>\u0411\u0430\u043D\u043A: {{ bankAccount.bankName }}</span>\n                                        <span>\u0411\u0418\u041A: {{ bankAccount.bic }}</span>\n                                        <span>\u0420/\u0441\u0447\u0451\u0442: {{ bankAccount.accountNumber }}</span>\n                                        <span>\u041A\u043E\u0440/\u0441\u0447\u0451\u0442: {{ bankAccount.correspondentAccount }}</span>\n                                        <span>\u0412\u0430\u043B\u044E\u0442\u0430: {{ bankAccount.currency.name }}</span>\n                                    </div>\n                                    <!-- <div class=\"flex flex-col md:flex-row gap-4\">\n                                        <button\n                                            tuiIconButton\n                                            size=\"m\"\n                                            type=\"button\"\n                                            icon=\"@tui.pencil\"\n                                            appearance=\"flat\"\n                                            (click)=\"$event.stopPropagation(); editBankAccountsContragentClick.emit(bankAccount.id)\"\n                                        ></button>\n                                        <button\n                                            tuiIconButton\n                                            size=\"m\"\n                                            type=\"button\"\n                                            icon=\"@tui.trash-2\"\n                                            appearance=\"flat\"\n                                            (click)=\"$event.stopPropagation(); deleteContragentBankAccountClick.emit(bankAccount)\"\n                                        ></button>\n                                    </div> -->\n                                </div>\n                            </ng-container>\n\n                            <ng-template #bankAccountsNotExist>\n                                <tui-notification size=\"l\"\n                                    ><div>\n                                        <div class=\"flex flex-wrap gap-2 font-medium\">\n                                            \u0423 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 <span class=\"font-bold\">{{ contragent.name }}</span> \u043D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D\u044B \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B.\n                                        </div>\n                                    </div></tui-notification\n                                >\n                            </ng-template>\n                        </div>\n                    </tui-loader>\n                </ng-template>\n            </sc-accordion>\n            <sc-contacts-accordion\n                *ngIf=\"contacts$\"\n                [contacts$]=\"contacts$\"\n                (addContactClick)=\"addContragentContactClick.emit(contragent)\"\n                (deleteButtonClick)=\"onDeleteContragentContactClick($event, contragent)\"\n            ></sc-contacts-accordion>\n        </div>\n    </ng-template>\n</sc-accordion>\n", dependencies: [{ 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: ScAccordionComponent, selector: "sc-accordion", inputs: ["showAddButton", "showDeleteButton", "showArrow", "open", "size", "disabledButtons"], outputs: ["addButtonClick", "deleteButtonClick"] }, { kind: "directive", type: ScAccordionContentDirective, selector: "ng-template[scAccordionContent]" }, { kind: "component", type: i1$2.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: i1$2.TuiNotification, selector: "tui-notification,a[tuiNotification],button[tuiNotification]", inputs: ["appearance", "icon", "size"] }, { kind: "component", type: ScContactsAccordionComponent, selector: "sc-contacts-accordion", inputs: ["contacts$"], outputs: ["addContactClick", "deleteButtonClick"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ScContragentsAccordionItemComponent, selector: "sc-contragents-accordion-item", inputs: { contragent: "contragent" }, outputs: { deleteContragentClick: "deleteContragentClick", addContragentBankAccountClick: "addContragentBankAccountClick", deleteContragentBankAccountClick: "deleteContragentBankAccountClick", addContragentContactClick: "addContragentContactClick", deleteContragentContactClick: "deleteContragentContactClick" }, ngImport: i0, template: "<sc-accordion [showAddButton]=\"false\">\n    {{ contragent.name }}\n    <span *ngIf=\"$any(contragent).inn as inn\">\u0418\u041D\u041D: {{ inn }}</span>\n\n    <ng-template scAccordionContent>\n        <div class=\"flex flex-col gap-2\">\n            <div class=\"flex gap-2\">\n                <div class=\"flex grow flex-col gap-2\">\n                    {{ contragent.name }}\n                    <span *ngIf=\"$any(contragent).inn as inn\">\u0418\u041D\u041D: {{ inn }}</span>\n                    @let ogrnLabel = contragent.opf.id === opfListEnum.entrepreneur ? '\u041E\u0413\u0420\u041D\u0418\u041F' : '\u041E\u0413\u0420\u041D';\n                    <span *ngIf=\"$any(contragent).ogrn as ogrn\">{{ ogrnLabel }}: {{ ogrn }}</span>\n                    <span *ngIf=\"$any(contragent).kpp as kpp\">\u041A\u041F\u041F: {{ kpp }}</span>\n                </div>\n                <!-- \u0424\u0443\u043D\u043A\u0446\u0438\u043E\u043D\u0430\u043B \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0438 \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\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                <!-- <button\n                    tuiIconButton\n                    size=\"m\"\n                    type=\"button\"\n                    icon=\"@tui.pencil\"\n                    appearance=\"flat\"\n                    (click)=\"$event.stopPropagation(); editContragentClick.emit(contragent.id)\"\n                ></button>\n                <button\n                    tuiIconButton\n                    size=\"m\"\n                    type=\"button\"\n                    icon=\"@tui.trash-2\"\n                    appearance=\"flat\"\n                    (click)=\"$event.stopPropagation(); deleteContragentClick.emit(contragent)\"\n                ></button> -->\n            </div>\n\n            <sc-accordion (addButtonClick)=\"addContragentBankAccountClick.emit(contragent)\">\n                \u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B\n                <ng-template scAccordionContent>\n                    @let bankAccounts = bankAccounts$ | async;\n                    <tui-loader\n                        [overlay]=\"true\"\n                        [showLoader]=\"bankAccounts === null\"\n                    >\n                        <div class=\"flex flex-col gap-2\">\n                            <ng-container *ngIf=\"!bankAccounts || bankAccounts.length; else bankAccountsNotExist\">\n                                <div\n                                    *ngFor=\"let bankAccount of bankAccounts\"\n                                    class=\"flex gap-2 border-b border-tui-base-03\"\n                                >\n                                    <div class=\"flex grow flex-col gap-2\">\n                                        <span>\u0411\u0430\u043D\u043A: {{ bankAccount.bankName }}</span>\n                                        <span>\u0411\u0418\u041A: {{ bankAccount.bic }}</span>\n                                        <span>\u0420/\u0441\u0447\u0451\u0442: {{ bankAccount.accountNumber }}</span>\n                                        <span>\u041A\u043E\u0440/\u0441\u0447\u0451\u0442: {{ bankAccount.correspondentAccount }}</span>\n                                        <span>\u0412\u0430\u043B\u044E\u0442\u0430: {{ bankAccount.currency.name }}</span>\n                                    </div>\n                                    <!-- <div class=\"flex flex-col md:flex-row gap-4\">\n                                        <button\n                                            tuiIconButton\n                                            size=\"m\"\n                                            type=\"button\"\n                                            icon=\"@tui.pencil\"\n                                            appearance=\"flat\"\n                                            (click)=\"$event.stopPropagation(); editBankAccountsContragentClick.emit(bankAccount.id)\"\n                                        ></button>\n                                        <button\n                                            tuiIconButton\n                                            size=\"m\"\n                                            type=\"button\"\n                                            icon=\"@tui.trash-2\"\n                                            appearance=\"flat\"\n                                            (click)=\"$event.stopPropagation(); deleteContragentBankAccountClick.emit(bankAccount)\"\n                                        ></button>\n                                    </div> -->\n                                </div>\n                            </ng-container>\n\n                            <ng-template #bankAccountsNotExist>\n                                <tui-notification size=\"l\"\n                                    ><div>\n                                        <div class=\"flex flex-wrap gap-2 font-medium\">\n                                            \u0423 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 <span class=\"font-bold\">{{ contragent.name }}</span> \u043D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D\u044B \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B.\n                                        </div>\n                                    </div></tui-notification\n                                >\n                            </ng-template>\n                        </div>\n                    </tui-loader>\n                </ng-template>\n            </sc-accordion>\n            <sc-contacts-accordion\n                *ngIf=\"contacts$\"\n                [contacts$]=\"contacts$\"\n                (addContactClick)=\"addContragentContactClick.emit(contragent)\"\n                (deleteButtonClick)=\"onDeleteContragentContactClick($event, contragent)\"\n            ></sc-contacts-accordion>\n        </div>\n    </ng-template>\n</sc-accordion>\n", dependencies: [{ 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: ScAccordionComponent, selector: "sc-accordion", inputs: ["showAddButton", "showDeleteButton", "showArrow", "open", "size", "disabledButtons"], outputs: ["addButtonClick", "deleteButtonClick"] }, { kind: "directive", type: ScAccordionContentDirective, selector: "ng-template[scAccordionContent]" }, { kind: "component", type: i1$2.TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "directive", type: i1$2.TuiNotification, selector: "tui-notification,a[tuiNotification],button[tuiNotification]", inputs: ["appearance", "icon", "size"] }, { kind: "component", type: ScContactsAccordionComponent, selector: "sc-contacts-accordion", inputs: ["contacts$"], outputs: ["addContactClick", "deleteButtonClick"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScContragentsAccordionItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-contragents-accordion-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<sc-accordion [showAddButton]=\"false\">\n    {{ contragent.name }}\n    <span *ngIf=\"$any(contragent).inn as inn\">\u0418\u041D\u041D: {{ inn }}</span>\n\n    <ng-template scAccordionContent>\n        <div class=\"flex flex-col gap-2\">\n            <div class=\"flex gap-2\">\n                <div class=\"flex grow flex-col gap-2\">\n                    {{ contragent.name }}\n                    <span *ngIf=\"$any(contragent).inn as inn\">\u0418\u041D\u041D: {{ inn }}</span>\n                    <span *ngIf=\"$any(contragent).kpp as kpp\">\u041A\u041F\u041F: {{ kpp }}</span>\n                </div>\n                <!-- \u0424\u0443\u043D\u043A\u0446\u0438\u043E\u043D\u0430\u043B \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0438 \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\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                <!-- <button\n                    tuiIconButton\n                    size=\"m\"\n                    type=\"button\"\n                    icon=\"@tui.pencil\"\n                    appearance=\"flat\"\n                    (click)=\"$event.stopPropagation(); editContragentClick.emit(contragent.id)\"\n                ></button>\n                <button\n                    tuiIconButton\n                    size=\"m\"\n                    type=\"button\"\n                    icon=\"@tui.trash-2\"\n                    appearance=\"flat\"\n                    (click)=\"$event.stopPropagation(); deleteContragentClick.emit(contragent)\"\n                ></button> -->\n            </div>\n\n            <sc-accordion (addButtonClick)=\"addContragentBankAccountClick.emit(contragent)\">\n                \u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B\n                <ng-template scAccordionContent>\n                    @let bankAccounts = bankAccounts$ | async;\n                    <tui-loader\n                        [overlay]=\"true\"\n                        [showLoader]=\"bankAccounts === null\"\n                    >\n                        <div class=\"flex flex-col gap-2\">\n                            <ng-container *ngIf=\"!bankAccounts || bankAccounts.length; else bankAccountsNotExist\">\n                                <div\n                                    *ngFor=\"let bankAccount of bankAccounts\"\n                                    class=\"flex gap-2 border-b border-tui-base-03\"\n                                >\n                                    <div class=\"flex grow flex-col gap-2\">\n                                        <span>\u0411\u0430\u043D\u043A: {{ bankAccount.bankName }}</span>\n                                        <span>\u0411\u0418\u041A: {{ bankAccount.bic }}</span>\n                                        <span>\u0420/\u0441\u0447\u0451\u0442: {{ bankAccount.accountNumber }}</span>\n                                        <span>\u041A\u043E\u0440/\u0441\u0447\u0451\u0442: {{ bankAccount.correspondentAccount }}</span>\n                                        <span>\u0412\u0430\u043B\u044E\u0442\u0430: {{ bankAccount.currency.name }}</span>\n                                    </div>\n                                    <!-- <div class=\"flex flex-col md:flex-row gap-4\">\n                                        <button\n                                            tuiIconButton\n                                            size=\"m\"\n                                            type=\"button\"\n                                            icon=\"@tui.pencil\"\n                                            appearance=\"flat\"\n                                            (click)=\"$event.stopPropagation(); editBankAccountsContragentClick.emit(bankAccount.id)\"\n                                        ></button>\n                                        <button\n                                            tuiIconButton\n                                            size=\"m\"\n                                            type=\"button\"\n                                            icon=\"@tui.trash-2\"\n                                            appearance=\"flat\"\n                                            (click)=\"$event.stopPropagation(); deleteContragentBankAccountClick.emit(bankAccount)\"\n                                        ></button>\n                                    </div> -->\n                                </div>\n                            </ng-container>\n\n                            <ng-template #bankAccountsNotExist>\n                                <tui-notification size=\"l\"\n                                    ><div>\n                                        <div class=\"flex flex-wrap gap-2 font-medium\">\n                                            \u0423 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 <span class=\"font-bold\">{{ contragent.name }}</span> \u043D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D\u044B \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B.\n                                        </div>\n                                    </div></tui-notification\n                                >\n                            </ng-template>\n                        </div>\n                    </tui-loader>\n                </ng-template>\n            </sc-accordion>\n            <sc-contacts-accordion\n                *ngIf=\"contacts$\"\n                [contacts$]=\"contacts$\"\n                (addContactClick)=\"addContragentContactClick.emit(contragent)\"\n                (deleteButtonClick)=\"onDeleteContragentContactClick($event, contragent)\"\n            ></sc-contacts-accordion>\n        </div>\n    </ng-template>\n</sc-accordion>\n" }]
+            args: [{ selector: 'sc-contragents-accordion-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<sc-accordion [showAddButton]=\"false\">\n    {{ contragent.name }}\n    <span *ngIf=\"$any(contragent).inn as inn\">\u0418\u041D\u041D: {{ inn }}</span>\n\n    <ng-template scAccordionContent>\n        <div class=\"flex flex-col gap-2\">\n            <div class=\"flex gap-2\">\n                <div class=\"flex grow flex-col gap-2\">\n                    {{ contragent.name }}\n                    <span *ngIf=\"$any(contragent).inn as inn\">\u0418\u041D\u041D: {{ inn }}</span>\n                    @let ogrnLabel = contragent.opf.id === opfListEnum.entrepreneur ? '\u041E\u0413\u0420\u041D\u0418\u041F' : '\u041E\u0413\u0420\u041D';\n                    <span *ngIf=\"$any(contragent).ogrn as ogrn\">{{ ogrnLabel }}: {{ ogrn }}</span>\n                    <span *ngIf=\"$any(contragent).kpp as kpp\">\u041A\u041F\u041F: {{ kpp }}</span>\n                </div>\n                <!-- \u0424\u0443\u043D\u043A\u0446\u0438\u043E\u043D\u0430\u043B \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0438 \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\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                <!-- <button\n                    tuiIconButton\n                    size=\"m\"\n                    type=\"button\"\n                    icon=\"@tui.pencil\"\n                    appearance=\"flat\"\n                    (click)=\"$event.stopPropagation(); editContragentClick.emit(contragent.id)\"\n                ></button>\n                <button\n                    tuiIconButton\n                    size=\"m\"\n                    type=\"button\"\n                    icon=\"@tui.trash-2\"\n                    appearance=\"flat\"\n                    (click)=\"$event.stopPropagation(); deleteContragentClick.emit(contragent)\"\n                ></button> -->\n            </div>\n\n            <sc-accordion (addButtonClick)=\"addContragentBankAccountClick.emit(contragent)\">\n                \u0411\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B\n                <ng-template scAccordionContent>\n                    @let bankAccounts = bankAccounts$ | async;\n                    <tui-loader\n                        [overlay]=\"true\"\n                        [showLoader]=\"bankAccounts === null\"\n                    >\n                        <div class=\"flex flex-col gap-2\">\n                            <ng-container *ngIf=\"!bankAccounts || bankAccounts.length; else bankAccountsNotExist\">\n                                <div\n                                    *ngFor=\"let bankAccount of bankAccounts\"\n                                    class=\"flex gap-2 border-b border-tui-base-03\"\n                                >\n                                    <div class=\"flex grow flex-col gap-2\">\n                                        <span>\u0411\u0430\u043D\u043A: {{ bankAccount.bankName }}</span>\n                                        <span>\u0411\u0418\u041A: {{ bankAccount.bic }}</span>\n                                        <span>\u0420/\u0441\u0447\u0451\u0442: {{ bankAccount.accountNumber }}</span>\n                                        <span>\u041A\u043E\u0440/\u0441\u0447\u0451\u0442: {{ bankAccount.correspondentAccount }}</span>\n                                        <span>\u0412\u0430\u043B\u044E\u0442\u0430: {{ bankAccount.currency.name }}</span>\n                                    </div>\n                                    <!-- <div class=\"flex flex-col md:flex-row gap-4\">\n                                        <button\n                                            tuiIconButton\n                                            size=\"m\"\n                                            type=\"button\"\n                                            icon=\"@tui.pencil\"\n                                            appearance=\"flat\"\n                                            (click)=\"$event.stopPropagation(); editBankAccountsContragentClick.emit(bankAccount.id)\"\n                                        ></button>\n                                        <button\n                                            tuiIconButton\n                                            size=\"m\"\n                                            type=\"button\"\n                                            icon=\"@tui.trash-2\"\n                                            appearance=\"flat\"\n                                            (click)=\"$event.stopPropagation(); deleteContragentBankAccountClick.emit(bankAccount)\"\n                                        ></button>\n                                    </div> -->\n                                </div>\n                            </ng-container>\n\n                            <ng-template #bankAccountsNotExist>\n                                <tui-notification size=\"l\"\n                                    ><div>\n                                        <div class=\"flex flex-wrap gap-2 font-medium\">\n                                            \u0423 \u043A\u043E\u043D\u0442\u0440\u0430\u0433\u0435\u043D\u0442\u0430 <span class=\"font-bold\">{{ contragent.name }}</span> \u043D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D\u044B \u0431\u0430\u043D\u043A\u043E\u0432\u0441\u043A\u0438\u0435 \u0440\u0435\u043A\u0432\u0438\u0437\u0438\u0442\u044B.\n                                        </div>\n                                    </div></tui-notification\n                                >\n                            </ng-template>\n                        </div>\n                    </tui-loader>\n                </ng-template>\n            </sc-accordion>\n            <sc-contacts-accordion\n                *ngIf=\"contacts$\"\n                [contacts$]=\"contacts$\"\n                (addContactClick)=\"addContragentContactClick.emit(contragent)\"\n                (deleteButtonClick)=\"onDeleteContragentContactClick($event, contragent)\"\n            ></sc-contacts-accordion>\n        </div>\n    </ng-template>\n</sc-accordion>\n" }]
         }], ctorParameters: () => [{ type: i1.ScContragentService }], propDecorators: { contragent: [{
                 type: Input
             }], deleteContragentClick: [{
@@ -4158,6 +4243,7 @@ class ScContragentsModule {
             TuiInputPhoneModule,
             MaskitoDirective,
             ScAddressQualityDirective,
+            NullOnEmptyTransformerDirective,
             ScFormFieldsModule,
             TuiElasticContainer, i1$4.TuiItem, i2$1.TuiCarouselComponent, i2$1.TuiCarouselDirective, i2$1.TuiCarouselAutoscroll, i2$1.TuiCarouselButtons, i2$1.TuiCarouselScroll, TuiButtonLoading,
             TuiComboBoxModule,
@@ -4210,6 +4296,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TuiInputPhoneModule,
                         MaskitoDirective,
                         ScAddressQualityDirective,
+                        NullOnEmptyTransformerDirective,
                         ScFormFieldsModule,
                         TuiElasticContainer,
                         ...TuiCarousel,