@snabcentr/client-ui 3.46.1 → 3.47.7

package/fesm2022/snabcentr-client-ui.mjs

@@ -1,17 +1,17 @@
 import * as i0 from '@angular/core';
-import { inject, Injectable, EventEmitter, signal, ChangeDetectorRef, Directive, Input, Output, Pipe, ElementRef, HostListener, Renderer2, ContentChildren, NgModule, input, Component, ChangeDetectionStrategy, Inject, HostBinding, model, output, SkipSelf, DestroyRef, effect, ContentChild, ViewChild, computed, Optional, viewChild, forwardRef } from '@angular/core';
+import { inject, Injectable, EventEmitter, signal, ChangeDetectorRef, Directive, Input, Output, InjectionToken, Pipe, ElementRef, HostListener, Renderer2, ContentChildren, NgModule, input, Component, ChangeDetectionStrategy, Inject, HostBinding, model, output, SkipSelf, DestroyRef, effect, ContentChild, ViewChild, computed, Optional, viewChild, forwardRef } from '@angular/core';
 import * as i1 from '@snabcentr/client-core';
-import { ScContactsService, ScUserService, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, ScImage, ScLocationsService, ScPhoneService, ScUserMetrikaService, ScUserMetrikaGoalsEnum, IS_RUNNING_ON_TERMINAL, ScVCardService, ScVerificationService, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScConvertersService, ScOpfList, ScReferencesService, ScContragentService, ScMediaImageTransformerPipe, ScMimeTypes, ScCatalogService, SC_URLS, IS_SERVER, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScCartService, ScUploadedFile, RESPONSE, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScFrequentlyAskedQuestionsService, SC_COMPANY_INFO, ScFeedbackService, ScIdOrSlugPipe, ScJsonLdModule } from '@snabcentr/client-core';
+import { ScContactsService, ScUserService, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, ScImage, ScLocationsService, ScPhoneService, ScUserMetrikaService, ScUserMetrikaGoalsEnum, IS_RUNNING_ON_TERMINAL, ScVCardService, ScVerificationService, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScConvertersService, ScOpfList, ScReferencesService, ScContragentService, ScMediaImageTransformerPipe, ScMimeTypes, ScCatalogService, SC_URLS, IS_SERVER, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScCartService, ScUploadedFile, ScConfiguratorService, RESPONSE, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScFrequentlyAskedQuestionsService, SC_COMPANY_INFO, ScFeedbackService, ScIdOrSlugPipe, ScJsonLdModule } from '@snabcentr/client-core';
 import * as i6$1 from 'rxjs';
 import { EMPTY, BehaviorSubject, switchMap, of, shareReplay, map, Subject, filter, tap, catchError, finalize, startWith, share, timer, scan, takeWhile, endWith, distinctUntilChanged, debounceTime, throwError, combineLatest, Observable, pairwise, noop, first, merge, skip } from 'rxjs';
 import * as i6 from '@taiga-ui/cdk';
 import { tuiCreateToken, tuiCreateTokenFromFactory, TUI_IS_MOBILE, TuiDay, TuiTime, TuiValueTransformer, tuiControlValue, tuiIsPresent, tuiMarkControlAsTouchedAndValidate, tuiIsFalsy, TuiLet, TuiAutoFocus, TuiRepeatTimes, TuiHovered, TuiDayRange, TuiMonth, tuiPure, TUI_WINDOW_SIZE, TuiValidationError, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
 import { HttpClient, HttpErrorResponse } from '@angular/common/http';
-import { takeUntilDestroyed, toSignal, outputFromObservable } from '@angular/core/rxjs-interop';
+import { takeUntilDestroyed, toSignal, outputFromObservable, toObservable } from '@angular/core/rxjs-interop';
 import * as i1$1 from '@angular/forms';
 import { FormControl, FormGroupDirective, NgControl, FormGroup, Validators, FormArray, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i1$2 from '@taiga-ui/core';
-import { TuiButton, TuiDialog, TuiDialogService, TuiLink, TuiFallbackSrcPipe, TuiInitialsPipe, TuiIcon, TuiAppearance, TuiWithAppearance, TuiIcons, TuiWithIcons, TUI_DATA_LIST_HOST, tuiDropdownOptionsProvider, TuiLabel, TuiError, TuiLoader, TuiDataList, TuiNotification, TuiTextfield, TuiTitle, TuiHint, TUI_MONTHS, TuiFormatNumberPipe, TuiNumberFormat, TUI_BUTTON_OPTIONS, TUI_BUTTON_DEFAULT_OPTIONS, TuiScrollbar, TuiSurface, tuiFadeIn } from '@taiga-ui/core';
+import { TuiButton, TuiDialog, TuiDialogService, TuiLink, TuiFallbackSrcPipe, TuiInitialsPipe, TuiIcon, TuiAppearance, TuiWithAppearance, TuiIcons, TuiWithIcons, TUI_DATA_LIST_HOST, tuiDropdownOptionsProvider, TuiLabel, TuiError, TuiLoader, TuiDataList, TuiNotification, TuiTextfield, TuiTitle, TuiHint, TUI_MONTHS, TuiFormatNumberPipe, TuiNumberFormat, tuiNumberFormatProvider, tuiItemsHandlersProvider, TUI_BUTTON_OPTIONS, TUI_BUTTON_DEFAULT_OPTIONS, TuiScrollbar, TuiSurface, tuiFadeIn } from '@taiga-ui/core';
 import { isValidPhoneNumber } from 'libphonenumber-js/max';
 import * as i4 from '@taiga-ui/legacy/components/primitive-textfield';
 import * as i3 from '@taiga-ui/legacy';
@@ -22,7 +22,7 @@ import * as i5 from '@taiga-ui/core/components/label';
 import * as i8 from '@maskito/angular';
 import { MaskitoDirective } from '@maskito/angular';
 import * as i2$1 from '@taiga-ui/kit';
-import { TUI_DATE_VALUE_TRANSFORMER, TuiPreview, TuiAvatar, TuiAccordionItem, TuiElasticContainer, TuiAccordion, TuiFieldErrorPipe, TuiFilterByInputPipe, TuiStringifyContentPipe, TuiDataListWrapper, TuiButtonLoading, TuiSortCountriesPipe, TuiStepper, TuiCarousel, TuiPush, TuiCheckbox, TuiBadge, TuiTooltip, TuiHighlight, TuiLineClamp, TuiPreviewDialogService, TuiFiles, TuiChip, TuiInputNumber, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TUI_TREE_LOADER, TuiTree, tuiItemsHandlersProvider, TuiPagination, TuiAccordionDirective, TuiAccordionItemContent, tuiFilesAccepted } from '@taiga-ui/kit';
+import { TUI_DATE_VALUE_TRANSFORMER, TuiPreview, TuiAvatar, TuiAccordionItem, TuiElasticContainer, TuiAccordion, TuiFieldErrorPipe, TuiFilterByInputPipe, TuiStringifyContentPipe, TuiDataListWrapper, TuiButtonLoading, TuiSortCountriesPipe, TuiStepper, TuiCarousel, TuiPush, TuiCheckbox, TuiBadge, TuiTooltip, TuiHighlight, TuiLineClamp, TuiPreviewDialogService, TuiFiles, TuiChip, TuiInputNumber, tuiInputNumberOptionsProvider, TuiDataListWrapperComponent, TuiChevron, TuiSelect, TuiInputSlider, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TUI_TREE_LOADER, TuiTree, tuiItemsHandlersProvider as tuiItemsHandlersProvider$1, TuiPagination, TuiAccordionDirective, TuiAccordionItemContent, tuiFilesAccepted } from '@taiga-ui/kit';
 import * as i2$2 from '@angular/common';
 import { DOCUMENT, CommonModule, NgIf, AsyncPipe, NgFor, NgClass } from '@angular/common';
 import * as i2$3 from '@taiga-ui/polymorpheus';
@@ -46,6 +46,7 @@ import * as i5$1 from '@taiga-ui/addon-charts';
 import { TuiLineDaysChart, TuiLineDaysChartHint, TuiAxes } from '@taiga-ui/addon-charts';
 import { TuiAppearance as TuiAppearance$1, TuiWithAppearance as TuiWithAppearance$1 } from '@taiga-ui/core/directives/appearance';
 import { TuiIcons as TuiIcons$1, TuiWithIcons as TuiWithIcons$1 } from '@taiga-ui/core/directives/icons';
+import * as i5$2 from '@taiga-ui/kit/components/slider';
 import * as i9 from 'angular8-yandex-maps';
 import { AngularYandexMapsModule } from 'angular8-yandex-maps';
 import * as i2$5 from '@taiga-ui/experimental/components/expand';
@@ -542,6 +543,14 @@ const SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS = tuiCreateToken([]);
  */
 const SC_BANNER_DURATION = tuiCreateToken(5000);
 
+/**
+ * Длительность {@link debounceTime} в миллисекундах по умолчанию.
+ */
+const SC_DEBOUNCE_TIME_DEFAULT = new InjectionToken('scDebounceTimeDefault', {
+    providedIn: 'root',
+    factory: () => 300,
+});
+
 /**
  * Пайп для форматирования даты и времени.
  */
@@ -919,13 +928,13 @@ class ScSelectOnFocusinDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScSelectOnFocusinDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ScSelectOnFocusinDirective, isStandalone: true, selector: "tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInputNumber]", host: { listeners: { "focusin": "onFocusIn($event.target)" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ScSelectOnFocusinDirective, isStandalone: true, selector: "tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInputNumber], input[tuiTextfield], input[tuiInputSlider]", host: { listeners: { "focusin": "onFocusIn($event.target)" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScSelectOnFocusinDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
-                    selector: 'tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInputNumber]',
+                    selector: 'tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInputNumber], input[tuiTextfield], input[tuiInputSlider]',
                     host: {
                         '(focusin)': 'onFocusIn($event.target)',
                     },
@@ -5438,7 +5447,7 @@ class ScAddOrEditingCartItemFormComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScAddOrEditingCartItemFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScAddOrEditingCartItemFormComponent, isStandalone: true, selector: "sc-add-or-editing-cart-item-form", inputs: { product: { classPropertyName: "product", publicName: "product", isSignal: true, isRequired: true, transformFunction: null }, cartItem: { classPropertyName: "cartItem", publicName: "cartItem", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { addToCart: "addToCart", editCartItem: "editCartItem" }, ngImport: i0, template: "<!-- \u0424\u043E\u0440\u043C\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u0438\u0437\u043C\u0435\u0440\u044F\u0435\u043C\u043E\u0433\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n<form\n    *ngIf=\"product\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit()\"\n    ScNextInputFocus\n    class=\"flex flex-col gap-2\"\n>\n    @let step = lengthStep();\n\n    <!-- \u0414\u043B\u0438\u043D\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 (\u043C\u0435\u0442\u0440\u0430\u0436) -->\n    <label\n        *ngIf=\"productIsMeasurable()\"\n        tuiLabel\n    >\n        \u041C\u0435\u0442\u0440\u0430\u0436, {{ product().unit.name }}\n        @if (!step || maxLength()) {\n            {{ lengthHint() }}\n        }\n\n        <tui-textfield>\n            <input\n                tuiInputNumber\n                formControlName=\"length\"\n                [tuiNumberFormat]=\"{ precision: 2 }\"\n                [max]=\"maxLength() || null\"\n                [min]=\"minLength() || null\"\n                (keydown.arrowDown)=\"onStepLength(-(lengthStep() ?? 0.01))\"\n                (keydown.arrowUp)=\"onStepLength(lengthStep() ?? 0.01)\"\n                autocomplete=\"length\"\n            />\n        </tui-textfield>\n        <tui-error\n            formControlName=\"length\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n        <p\n            *ngIf=\"lengthStep()\"\n            class=\"tui-form__field-note\"\n        >\n            \u041C\u0435\u0442\u0440\u0430\u0436 \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u0435\u043D {{ lengthStep() }}\n        </p>\n    </label>\n\n    <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430 -->\n    <label tuiLabel>\n        \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442.\n        <tui-textfield>\n            <tui-chip\n                *ngIf=\"isLengthConfigurator() && productMultiplicity() && step\"\n                size=\"s\"\n                appearance=\"negative\"\n                class=\"font-bold\"\n            >\n                x {{ step }} {{ product().unit.name }}\n            </tui-chip>\n\n            <input\n                placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                tuiInputNumber\n                [tuiNumberFormat]=\"{ decimalMode: 'not-zero' }\"\n                [min]=\"productMultiplicity()\"\n                (keydown.arrowDown)=\"onStepQuantity(-productMultiplicity())\"\n                (keydown.arrowUp)=\"onStepQuantity(productMultiplicity())\"\n                formControlName=\"quantity\"\n                autocomplete=\"quantity\"\n            />\n        </tui-textfield>\n        <p class=\"tui-form__field-note\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0434\u043E\u043B\u0436\u043D\u043E \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u043D\u043E {{ productMultiplicity() }}</p>\n        <tui-error\n            formControlName=\"quantity\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 -->\n    <label tuiLabel>\n        \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n        <tui-input formControlName=\"marker\">\n            \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n            <input\n                tuiTextfieldLegacy\n                autocomplete=\"marker\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"marker\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F / \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430 \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443 -->\n    <div class=\"flex flex-col items-center\">\n        @let cost = totalCost$ | async;\n\n        <div *ngIf=\"cost\">\n            \u0418\u0442\u043E\u0433\u043E:<span class=\"text-2xl font-bold\">\n                {{ cost | tuiAmount | async }}\n                {{ product().currency.symbol }}\n            </span>\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F / \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430 \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443 -->\n        <button\n            tuiButton\n            iconStart=\"@tui.check\"\n            [disabled]=\"form.invalid\"\n            [loading]=\"isLoading()\"\n            type=\"submit\"\n            class=\"mt-2\"\n        >\n            {{ cartItem() ? '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' : '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' }}\n        </button>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: "ngmodule", type: ScNextInputFocusModule }, { kind: "directive", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: ScSelectOnFocusinDirective, selector: "tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInputNumber]" }, { kind: "directive", type: TuiNumberFormat, selector: "[tuiNumberFormat]", inputs: ["tuiNumberFormat"] }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "ngmodule", type: TuiInputModule }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "directive", type: i2$1.TuiInputNumberDirective, selector: "input[tuiInputNumber]", inputs: ["min", "max", "prefix", "postfix"] }, { kind: "component", type: i1$2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])" }, { kind: "pipe", type: TuiAmountPipe, name: "tuiAmount" }, { kind: "directive", type: TuiChip, selector: "tui-chip,[tuiChip]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScAddOrEditingCartItemFormComponent, isStandalone: true, selector: "sc-add-or-editing-cart-item-form", inputs: { product: { classPropertyName: "product", publicName: "product", isSignal: true, isRequired: true, transformFunction: null }, cartItem: { classPropertyName: "cartItem", publicName: "cartItem", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { addToCart: "addToCart", editCartItem: "editCartItem" }, ngImport: i0, template: "<!-- \u0424\u043E\u0440\u043C\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u0438\u0437\u043C\u0435\u0440\u044F\u0435\u043C\u043E\u0433\u043E \u0442\u043E\u0432\u0430\u0440\u0430. -->\n<form\n    *ngIf=\"product\"\n    [formGroup]=\"form\"\n    (ngSubmit)=\"onSubmit()\"\n    ScNextInputFocus\n    class=\"flex flex-col gap-2\"\n>\n    @let step = lengthStep();\n\n    <!-- \u0414\u043B\u0438\u043D\u0430 \u0442\u043E\u0432\u0430\u0440\u0430 (\u043C\u0435\u0442\u0440\u0430\u0436) -->\n    <label\n        *ngIf=\"productIsMeasurable()\"\n        tuiLabel\n    >\n        \u041C\u0435\u0442\u0440\u0430\u0436, {{ product().unit.name }}\n        @if (!step || maxLength()) {\n            {{ lengthHint() }}\n        }\n\n        <tui-textfield>\n            <input\n                tuiInputNumber\n                formControlName=\"length\"\n                [tuiNumberFormat]=\"{ precision: 2 }\"\n                [max]=\"maxLength() || null\"\n                [min]=\"minLength() || null\"\n                (keydown.arrowDown)=\"onStepLength(-(lengthStep() ?? 0.01))\"\n                (keydown.arrowUp)=\"onStepLength(lengthStep() ?? 0.01)\"\n                autocomplete=\"length\"\n            />\n        </tui-textfield>\n        <tui-error\n            formControlName=\"length\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n        <p\n            *ngIf=\"lengthStep()\"\n            class=\"tui-form__field-note\"\n        >\n            \u041C\u0435\u0442\u0440\u0430\u0436 \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u0435\u043D {{ lengthStep() }}\n        </p>\n    </label>\n\n    <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0442\u043E\u0432\u0430\u0440\u0430 -->\n    <label tuiLabel>\n        \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442.\n        <tui-textfield>\n            <tui-chip\n                *ngIf=\"isLengthConfigurator() && productMultiplicity() && step\"\n                size=\"s\"\n                appearance=\"negative\"\n                class=\"font-bold\"\n            >\n                x {{ step }} {{ product().unit.name }}\n            </tui-chip>\n\n            <input\n                placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                tuiInputNumber\n                [tuiNumberFormat]=\"{ decimalMode: 'not-zero' }\"\n                [min]=\"productMultiplicity()\"\n                (keydown.arrowDown)=\"onStepQuantity(-productMultiplicity())\"\n                (keydown.arrowUp)=\"onStepQuantity(productMultiplicity())\"\n                formControlName=\"quantity\"\n                autocomplete=\"quantity\"\n            />\n        </tui-textfield>\n        <p class=\"tui-form__field-note\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0434\u043E\u043B\u0436\u043D\u043E \u0431\u044B\u0442\u044C \u043A\u0440\u0430\u0442\u043D\u043E {{ productMultiplicity() }}</p>\n        <tui-error\n            formControlName=\"quantity\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 -->\n    <label tuiLabel>\n        \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n        <tui-input formControlName=\"marker\">\n            \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\n            <input\n                tuiTextfieldLegacy\n                autocomplete=\"marker\"\n            />\n        </tui-input>\n        <tui-error\n            formControlName=\"marker\"\n            [error]=\"[] | tuiFieldError | async\"\n        />\n    </label>\n\n    <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F / \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430 \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443 -->\n    <div class=\"flex flex-col items-center\">\n        @let cost = totalCost$ | async;\n\n        <div *ngIf=\"cost\">\n            \u0418\u0442\u043E\u0433\u043E:<span class=\"text-2xl font-bold\">\n                {{ cost | tuiAmount | async }}\n                {{ product().currency.symbol }}\n            </span>\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u044F / \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430 \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443 -->\n        <button\n            tuiButton\n            iconStart=\"@tui.check\"\n            [disabled]=\"form.invalid\"\n            [loading]=\"isLoading()\"\n            type=\"submit\"\n            class=\"mt-2\"\n        >\n            {{ cartItem() ? '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' : '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' }}\n        </button>\n    </div>\n</form>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: "ngmodule", type: ScNextInputFocusModule }, { kind: "directive", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: ScSelectOnFocusinDirective, selector: "tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInputNumber], input[tuiTextfield], input[tuiInputSlider]" }, { kind: "directive", type: TuiNumberFormat, selector: "[tuiNumberFormat]", inputs: ["tuiNumberFormat"] }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "ngmodule", type: TuiInputModule }, { kind: "component", type: i3.TuiInputComponent, selector: "tui-input" }, { kind: "directive", type: i3.TuiInputDirective, selector: "tui-input" }, { kind: "component", type: i4.TuiTextfieldComponent, selector: "input[tuiTextfieldLegacy], textarea[tuiTextfieldLegacy]" }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "directive", type: i2$1.TuiInputNumberDirective, selector: "input[tuiInputNumber]", inputs: ["min", "max", "prefix", "postfix"] }, { kind: "component", type: i1$2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])" }, { kind: "pipe", type: TuiAmountPipe, name: "tuiAmount" }, { kind: "directive", type: TuiChip, selector: "tui-chip,[tuiChip]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScAddOrEditingCartItemFormComponent, decorators: [{
             type: Component,
@@ -5532,6 +5541,306 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             args: [{ standalone: true, selector: 'sc-add-or-editing-cart-item-dialog', imports: [ScAddOrEditingCartItemFormComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (product) {\n    <sc-add-or-editing-cart-item-form\n        [product]=\"product\"\n        [cartItem]=\"cartItem\"\n        (addToCart)=\"onSubmit.next($event)\"\n        (editCartItem)=\"onSubmit.next($event)\"\n        [isLoading]=\"loading()\"\n    ></sc-add-or-editing-cart-item-form>\n}\n" }]
         }] });
 
+/* eslint-disable @typescript-eslint/unbound-method */
+/**
+ * Конфигуратор распила сэндвич-панелей.
+ */
+class ScSandwichComponent {
+    constructor() {
+        /**
+         * Данные настроек окружения.
+         */
+        this.debounceTimeDefault = inject(SC_DEBOUNCE_TIME_DEFAULT);
+        /**
+         * Настройки для конфигуратора сэндвич-панелей.
+         */
+        this.settings = input();
+        /**
+         * Идентификатор категории.
+         */
+        this.categoryId = input.required();
+        /**
+         * Название конфигуратора.
+         */
+        this.editor = input.required();
+        /**
+         * Позиция товара/услуги в корзине.
+         */
+        this.cartItem = input.required();
+        /**
+         * Событие переключения отображения товаров.
+         */
+        this.toggleShowEvent = output();
+        /**
+         * Форма добавления/редактирования продукта в корзине.
+         */
+        this.form = new FormGroup({
+            productCategoryId: new FormControl(null, { validators: Validators.required, nonNullable: false }),
+            configurator: new FormControl(null, { validators: Validators.required, nonNullable: false }),
+            quantity: new FormControl(null, { validators: [Validators.required, stepValidator(1)], nonNullable: false }),
+            marker: new FormControl('', { nonNullable: true }),
+            items: new FormArray([]),
+            calculationId: new FormControl(null, { nonNullable: false }),
+        });
+        /**
+         * Сервис для работы с корзиной.
+         */
+        this.cartService = inject(ScCartService);
+        /**
+         * Сервис конвертации данных.
+         */
+        this.convertersService = inject(ScConvertersService);
+        /**
+         * Контекст диалогового окна, в котором открыт компонент.
+         */
+        this.context = inject(POLYMORPHEUS_CONTEXT, { optional: true });
+        /**
+         * Сервис для работы с каталогом.
+         */
+        this.catalogService = inject(ScCatalogService);
+        /**
+         * Сервис для работы с конфигураторами.
+         */
+        this.configuratorService = inject(ScConfiguratorService);
+        /**
+         * {@link Observable} списка товаров категории.
+         */
+        this.products$ = toObservable(this.categoryId).pipe(switchMap((categoryId) => {
+            if (!categoryId) {
+                return of([]);
+            }
+            return this.catalogService.getProductsCategoryCached$({ categoryId: Number(categoryId) }).pipe(map((products) => products ?? []));
+        }));
+        /**
+         * Выбранный продукт (материал для раскроя).
+         */
+        this.product = new FormControl(null, { validators: Validators.required, nonNullable: false });
+        /**
+         * Результат расчета оптимизации раскладки.
+         */
+        this.calculateResult$ = combineLatest({
+            productId: tuiControlValue(this.product).pipe(map((product) => product?.id ?? null)),
+            items: tuiControlValue(this.items),
+        }).pipe(debounceTime(this.debounceTimeDefault), filter(() => this.product.valid && this.form.controls.items.valid), switchMap(({ productId, items }) => {
+            if (productId === null || items.length === 0) {
+                return of(null);
+            }
+            return this.configuratorService.calculate$(this.categoryId(), this.editor(), { productId, items }).pipe(tap((calculateResult) => {
+                this.form.get('quantity')?.setValue(calculateResult.quantity);
+            }), catchError(() => of(null)));
+        }));
+        /**
+         * Валидатор для ширины изделия.
+         */
+        this.validatorWidth$ = tuiControlValue(this.product).pipe(map((product) => Validators.min(product?.properties?.width ?? 0)));
+        /**
+         * Валидатор для длины изделия.
+         */
+        this.validatorLength$ = tuiControlValue(this.product).pipe(map((product) => Validators.min(product?.properties?.length ?? 0)));
+        /**
+         * Признак того, что выполняется запрос на отправку данных выполняется.
+         */
+        this.isSubmitLoading = signal(false);
+        /**
+         * Ссылка для автоматического управления уничтожением зависимостей.
+         */
+        this.destroyRef = inject(DestroyRef);
+    }
+    /**
+     * Массив изделий.
+     */
+    get items() {
+        return this.form.controls.items;
+    }
+    /** @inheritDoc */
+    ngOnInit() {
+        this.setDefaultFormValue();
+        this.product.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((product) => {
+            if (product) {
+                this.items.controls.forEach((item) => {
+                    const value = item.getRawValue();
+                    if ((product.properties?.width && value.width < product.properties.width) || (product.properties?.length && value.length < product.properties.length)) {
+                        item.patchValue({
+                            width: Math.min(value.width, product.properties.width ?? value.width),
+                            length: Math.min(value.length, product.properties.length ?? value.length),
+                        });
+                    }
+                });
+            }
+        });
+    }
+    /**
+     * Создает группу для изделия.
+     *
+     * @param item Параметры изделия.
+     */
+    createItemGroup(item) {
+        return new FormGroup({
+            width: new FormControl(item?.width ?? 0, {
+                validators: [Validators.required, Validators.min(this.settings()?.minWidth ?? 0.01)],
+                nonNullable: true,
+            }),
+            length: new FormControl(item?.length ?? 0, {
+                validators: [Validators.required, Validators.min(this.settings()?.minLength ?? 0.01)],
+                nonNullable: true,
+            }),
+            quantity: new FormControl(item?.quantity ?? 1, {
+                validators: [Validators.required, Validators.min(1)],
+                nonNullable: true,
+            }),
+        });
+    }
+    /**
+     * Добавляет новое изделие в форму.
+     */
+    addItem() {
+        this.items.push(this.createItemGroup());
+    }
+    /**
+     * Удаляет изделие из формы.
+     *
+     * @param index Индекс изделия.
+     */
+    removeItem(index) {
+        this.items.removeAt(index);
+    }
+    /**
+     * Возвращает итоговую стоимость.
+     *
+     * @param calculateResult Результат расчета оптимизации раскладки.
+     */
+    getTotalCost(calculateResult) {
+        if (!this.product.value?.costRub) {
+            return 0;
+        }
+        const quantity = this.form.get('quantity')?.value ?? 1;
+        const totalCost = calculateResult.quantity * this.product.value.costRub * quantity;
+        return Math.round(totalCost * 100) / 100;
+    }
+    /**
+     * Обработчик добавления/редактирования продукта в корзине.
+     *
+     * @param calculateResult Результат расчета оптимизации раскладки.
+     */
+    onSubmit(calculateResult) {
+        if (!calculateResult || this.form.invalid) {
+            return;
+        }
+        const formValue = { ...this.form.value, productId: this.product.value?.id ?? null, calculationId: calculateResult.id };
+        // Удаляем items, так как они не нужны в {@link ScINewCartItemSandwich}.
+        delete formValue.items;
+        const cartItem = this.cartItem();
+        const newCartItem$ = cartItem
+            ? this.cartService.patchCartItem$(cartItem.id, this.convertersService.removeNull(formValue))
+            : this.cartService.addToCart$(this.convertersService.removeNull(formValue));
+        this.isSubmitLoading.set(true);
+        newCartItem$
+            .pipe(tap(() => {
+            if (this.context) {
+                this.context.$implicit.complete();
+            }
+            else {
+                this.setDefaultFormValue();
+            }
+        }), catchError((error) => {
+            if (error instanceof HttpErrorResponse) {
+                const { errors, message } = error.error;
+                if (errors) {
+                    Object.keys(errors).forEach((key) => {
+                        // eslint-disable-next-line security/detect-object-injection
+                        this.form.get(key)?.setErrors({ serverResponse: errors[key] });
+                    });
+                }
+                else if (message) {
+                    this.form.setErrors({ serverResponse: [message] });
+                }
+            }
+            return of();
+        }), finalize(() => {
+            this.isSubmitLoading.set(false);
+        }))
+            .subscribe();
+    }
+    /**
+     * Устанавливает начальные значения для полей формы.
+     */
+    setDefaultFormValue() {
+        this.form.reset({
+            productCategoryId: Number(this.categoryId()),
+            configurator: this.editor(),
+            quantity: this.cartItem()?.quantity ?? null,
+            marker: this.cartItem()?.marker ?? '',
+        });
+        this.items.clear();
+        this.product.reset(this.cartItem()?.product ?? null);
+        const configuratorParameters = this.cartItem()?.configuratorParams;
+        configuratorParameters?.items.forEach((item) => {
+            this.items.push(this.createItemGroup({ width: item.width, length: item.length, quantity: item.quantity }));
+        });
+        if (!configuratorParameters?.items.length) {
+            this.addItem();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScSandwichComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScSandwichComponent, isStandalone: true, selector: "sc-sandwich", inputs: { settings: { classPropertyName: "settings", publicName: "settings", isSignal: true, isRequired: false, transformFunction: null }, categoryId: { classPropertyName: "categoryId", publicName: "categoryId", isSignal: true, isRequired: true, transformFunction: null }, editor: { classPropertyName: "editor", publicName: "editor", isSignal: true, isRequired: true, transformFunction: null }, cartItem: { classPropertyName: "cartItem", publicName: "cartItem", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { toggleShowEvent: "toggleShowEvent" }, providers: [
+            tuiNumberFormatProvider({ precision: 0 }),
+            tuiInputNumberOptionsProvider({
+                min: 0,
+            }),
+            tuiItemsHandlersProvider({
+                stringify: signal((x) => x.name),
+                identityMatcher: signal((a, b) => a.id === b.id),
+            }),
+        ], ngImport: i0, template: "@if (!cartItem() && settings()?.allowShowTable) {\n    <div class=\"mb-5 flex justify-center\">\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            (click)=\"toggleShowEvent.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.layout-list\"\n        >\n            \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0432 \u0432\u0438\u0434\u0435 \u0441\u043F\u0438\u0441\u043A\u0430\n        </button>\n    </div>\n}\n<div class=\"\">\n    @let calculateResult = calculateResult$ | async;\n    @let products = products$ | async;\n    @let productValue = product.value;\n    @let validatorWidth = validatorWidth$ | async;\n    @let validatorLength = validatorLength$ | async;\n\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit(calculateResult)\"\n        ScNextInputFocus\n        class=\"flex flex-col gap-3\"\n    >\n        <label\n            tuiLabel\n            class=\"grow\"\n        >\n            \u0422\u043E\u0432\u0430\u0440\n            <tui-textfield\n                tuiChevron\n                [tuiTextfieldCleaner]=\"false\"\n            >\n                <input\n                    tuiChevron\n                    tuiSelect\n                    [formControl]=\"product\"\n                    placeholder=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\"\n                />\n\n                <tui-data-list-wrapper\n                    *tuiTextfieldDropdown\n                    new\n                    [items]=\"products\"\n                />\n            </tui-textfield>\n            @if (productValue) {\n                <div class=\"ml-2 text-tui-text-secondary\">\n                    \u0421\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C:\n                    <span class=\"font-bold\">{{ productValue.costRub?.toLocaleString() }} {{ productValue.currency.symbol }}/\u0448\u0442.</span>\n                </div>\n            }\n            <tui-error\n                [formControl]=\"product\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        @if (product.value && validatorWidth && validatorLength) {\n            <p class=\"w-full font-bold\">\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439</p>\n            <p class=\"w-full\">\n                \u041C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u0430\u044F \u0448\u0438\u0440\u0438\u043D\u0430: {{ settings()?.minWidth }} \u043C\u043C.\n                <br />\n                \u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u0430\u044F \u0448\u0438\u0440\u0438\u043D\u0430: {{ product.value.properties?.width }} \u043C\u043C.\n                <br />\n                \u041C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u0430\u044F \u0434\u043B\u0438\u043D\u0430: {{ settings()?.minLength }} \u043C\u043C.\n                <br />\n                \u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u0430\u044F \u0434\u043B\u0438\u043D\u0430: {{ product.value.properties?.length }} \u043C\u043C.\n                <br />\n            </p>\n            <div\n                formArrayName=\"items\"\n                class=\"flex flex-col gap-3\"\n            >\n                @for (item of items.controls; track item) {\n                    <div\n                        class=\"flex grow gap-2\"\n                        [formGroupName]=\"$index\"\n                    >\n                        <div class=\"grid grow grid-cols-3 gap-2\">\n                            <label tuiLabel>\n                                \u0428\u0438\u0440\u0438\u043D\u0430, \u043C\u043C\n                                <tui-textfield>\n                                    <input\n                                        tuiInputSlider\n                                        formControlName=\"width\"\n                                        [min]=\"settings()?.minWidth ?? 0\"\n                                        [max]=\"product.value.properties?.width ?? 0\"\n                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                        placeholder=\"\u0428\u0438\u0440\u0438\u043D\u0430\"\n                                        autocomplete=\"off\"\n                                    />\n                                    @if (product.value) {\n                                        <input\n                                            tuiSlider\n                                            type=\"range\"\n                                        />\n                                    }\n                                </tui-textfield>\n                                @if (product.value) {\n                                    <div class=\"slider-ticks-labels\">\n                                        <span> 0 </span>\n                                        <span>{{ product.value.properties?.width }}</span>\n                                    </div>\n                                }\n                                <tui-error\n                                    formControlName=\"width\"\n                                    [error]=\"[] | tuiFieldError | async\"\n                                />\n                            </label>\n\n                            <label tuiLabel>\n                                \u0414\u043B\u0438\u043D\u0430, \u043C\u043C\n                                <tui-textfield>\n                                    <input\n                                        tuiInputSlider\n                                        formControlName=\"length\"\n                                        [min]=\"settings()?.minLength ?? 0\"\n                                        [max]=\"product.value.properties?.length ?? 0\"\n                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                        placeholder=\"\u0414\u043B\u0438\u043D\u0430\"\n                                        autocomplete=\"off\"\n                                    />\n                                    @if (product.value) {\n                                        <input\n                                            tuiSlider\n                                            type=\"range\"\n                                        />\n                                    }\n                                </tui-textfield>\n                                @if (product.value) {\n                                    <div class=\"slider-ticks-labels\">\n                                        <span> 0 </span>\n                                        <span>{{ product.value.properties?.length }}</span>\n                                    </div>\n                                }\n                                <tui-error\n                                    formControlName=\"length\"\n                                    [error]=\"[] | tuiFieldError | async\"\n                                />\n                            </label>\n                            <label tuiLabel>\n                                <span class=\"whitespace-nowrap\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442</span>\n                                <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                    <input\n                                        tuiInputNumber\n                                        formControlName=\"quantity\"\n                                        [min]=\"1\"\n                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                        placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                                        autocomplete=\"off\"\n                                    />\n                                </tui-textfield>\n                                <tui-error\n                                    formControlName=\"quantity\"\n                                    [error]=\"[] | tuiFieldError | async\"\n                                />\n                            </label>\n                        </div>\n                        <button\n                            tuiIconButton\n                            (click)=\"removeItem($index)\"\n                            [disabled]=\"items.length <= 1\"\n                            size=\"m\"\n                            type=\"button\"\n                            iconStart=\"@tui.trash-2\"\n                            appearance=\"secondary\"\n                            class=\"mt-6\"\n                            [style.flex]=\"'0 0 auto'\"\n                        ></button>\n                    </div>\n                }\n            </div>\n            <button\n                tuiButton\n                appearance=\"secondary\"\n                [disabled]=\"items.invalid\"\n                (click)=\"addItem()\"\n                type=\"button\"\n                class=\"self-center\"\n                iconStart=\"@tui.plus\"\n            >\n                \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\n            </button>\n        } @else if (product.value) {\n            <tui-error error=\"\u0420\u0430\u0441\u0447\u0435\u0442 \u043F\u043E \u043F\u0440\u043E\u0434\u0443\u043A\u0442\u0443 \u043D\u0435\u0432\u043E\u0437\u043C\u043E\u0436\u0435\u043D. \u041E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u043A \u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440\u0443\" />\n        }\n\n        <label tuiLabel>\n            \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 \u0440\u0430\u0441\u043F\u0438\u043B\u0430\n            <tui-textfield>\n                <input\n                    tuiTextfield\n                    formControlName=\"marker\"\n                    placeholder=\"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 \u0440\u0430\u0441\u043F\u0438\u043B\u0430\"\n                    autocomplete=\"marker\"\n                />\n            </tui-textfield>\n\n            <tui-error\n                formControlName=\"marker\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        @if (calculateResult && product.value) {\n            <div class=\"mt-2 flex items-end gap-2\">\n                <div>\n                    \u0418\u0442\u043E\u0433\u043E: <span class=\"text-xl font-bold\">{{ getTotalCost(calculateResult).toLocaleString() }} {{ product.value.currency.symbol }}</span>\n                </div>\n                @if (calculateResult?.quantity && productValue) {\n                    <div class=\"text-lg text-sc-dark-grey\">\n                        <span class=\"font-bold\"> ({{ calculateResult.quantity }} \u0448\u0442. </span> x\n                        <span class=\"font-bold\">{{ productValue.costRub?.toLocaleString() }} {{ productValue.currency.symbol }}/\u0448\u0442.) </span>\n                    </div>\n                }\n            </div>\n        }\n\n        <tui-error [error]=\"[] | tuiFieldError | async\" />\n        <button\n            [disabled]=\"form.invalid || !calculateResult || isSubmitLoading()\"\n            tuiButton\n            class=\"self-center\"\n            iconStart=\"@tui.check\"\n        >\n            {{ !cartItem() ? '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' : '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' }}\n        </button>\n    </form>\n</div>\n", styles: [":host{display:block;width:100%;max-width:30rem}.slider-ticks-labels{--t-offset: calc($thumb / 2);display:flex;font:var(--tui-font-text-s);margin-inline-start:var(--t-offset);margin-inline-end:var(--t-offset);color:var(--tui-text-secondary)}.slider-ticks-labels>*{position:relative;flex:2;text-align:center}.slider-ticks-labels>*:first-child{left:calc(-1 * var(--t-offset));inset-inline-start:calc(-1 * var(--t-offset));flex:1;text-align:start}.slider-ticks-labels>*:last-child{right:calc(-1 * var(--t-offset));flex:1;text-align:end}@supports (inset-inline-end: 0){.slider-ticks-labels>*:last-child{right:unset;inset-inline-end:calc(-1 * var(--t-offset))}}tui-input-slider+.slider-ticks-labels{margin-inline-start:calc(var(--tui-radius-m) / 2 + var(--t-offset))}tui-textfield+.slider-ticks-labels{--t-offset: calc(var(--tui-radius-m) / 2 + $thumb / 2)}tui-textfield[data-size=l]+.slider-ticks-labels{--t-offset: calc(var(--tui-radius-l) / 2 + $thumb / 2)}tui-input-range:not([new])+.slider-ticks-labels,tui-range+.slider-ticks-labels{--t-offset: $thumb}tui-input-range[new]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, $input-size) + $thumb)}\n"], dependencies: [{ kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["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: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "ngmodule", type: ScNextInputFocusModule }, { kind: "directive", type: ScNextInputFocusDirective, selector: "form[ScNextInputFocus]" }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "component", type: TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels]), tui-data-list-wrapper:not([labels])[new]", inputs: ["items", "disabledItemHandler", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "component", type: TuiError, selector: "tui-error", inputs: ["error"] }, { kind: "component", type: i1$2.TuiTextfieldComponent, selector: "tui-textfield:not([multi])" }, { kind: "directive", type: i1$2.TuiTextfieldDirective, selector: "input[tuiTextfield]:not([tuiInputCard]):not([tuiInputExpire]):not([tuiInputCVC])" }, { kind: "directive", type: i1$2.TuiTextfieldOptionsDirective, selector: "[tuiTextfieldAppearance],[tuiTextfieldSize],[tuiTextfieldCleaner]", inputs: ["tuiTextfieldAppearance", "tuiTextfieldSize", "tuiTextfieldCleaner"] }, { kind: "directive", type: i1$2.TuiTextfieldDropdownDirective, selector: "ng-template[tuiTextfieldDropdown]" }, { kind: "directive", type: TuiChevron, selector: "[tuiChevron]", inputs: ["tuiChevron"] }, { kind: "directive", type: i2$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "directive", type: i2$1.TuiInputNumberDirective, selector: "input[tuiInputNumber]", inputs: ["min", "max", "prefix", "postfix"] }, { kind: "directive", type: TuiNumberFormat, selector: "[tuiNumberFormat]", inputs: ["tuiNumberFormat"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFieldErrorPipe, name: "tuiFieldError" }, { kind: "component", type: i5$2.TuiSliderComponent, selector: "input[type=range][tuiSlider]", inputs: ["size", "segments"] }, { kind: "directive", type: i2$1.TuiInputSliderDirective, selector: "input[tuiInputSlider]" }, { kind: "directive", type: ScSelectOnFocusinDirective, selector: "tui-input-number, tui-input, tui-input-phone, tui-input-date, tui-input-password, input[tuiInputNumber], input[tuiTextfield], input[tuiInputSlider]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScSandwichComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-sandwich', imports: [
+                        TuiAppearance$1,
+                        TuiWithAppearance$1,
+                        TuiIcons$1,
+                        TuiWithIcons$1,
+                        TuiButton,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        ScNextInputFocusModule,
+                        TuiLabel,
+                        TuiDataListWrapperComponent,
+                        TuiError,
+                        TuiTextfield,
+                        TuiChevron,
+                        TuiSelect,
+                        TuiInputNumber,
+                        TuiNumberFormat,
+                        AsyncPipe,
+                        TuiFieldErrorPipe,
+                        TuiInputSlider,
+                        TuiDataList,
+                        ScSelectOnFocusinDirective,
+                    ], providers: [
+                        tuiNumberFormatProvider({ precision: 0 }),
+                        tuiInputNumberOptionsProvider({
+                            min: 0,
+                        }),
+                        tuiItemsHandlersProvider({
+                            stringify: signal((x) => x.name),
+                            identityMatcher: signal((a, b) => a.id === b.id),
+                        }),
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!cartItem() && settings()?.allowShowTable) {\n    <div class=\"mb-5 flex justify-center\">\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            (click)=\"toggleShowEvent.emit()\"\n            type=\"button\"\n            iconStart=\"@tui.layout-list\"\n        >\n            \u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0432 \u0432\u0438\u0434\u0435 \u0441\u043F\u0438\u0441\u043A\u0430\n        </button>\n    </div>\n}\n<div class=\"\">\n    @let calculateResult = calculateResult$ | async;\n    @let products = products$ | async;\n    @let productValue = product.value;\n    @let validatorWidth = validatorWidth$ | async;\n    @let validatorLength = validatorLength$ | async;\n\n    <form\n        [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit(calculateResult)\"\n        ScNextInputFocus\n        class=\"flex flex-col gap-3\"\n    >\n        <label\n            tuiLabel\n            class=\"grow\"\n        >\n            \u0422\u043E\u0432\u0430\u0440\n            <tui-textfield\n                tuiChevron\n                [tuiTextfieldCleaner]=\"false\"\n            >\n                <input\n                    tuiChevron\n                    tuiSelect\n                    [formControl]=\"product\"\n                    placeholder=\"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\"\n                />\n\n                <tui-data-list-wrapper\n                    *tuiTextfieldDropdown\n                    new\n                    [items]=\"products\"\n                />\n            </tui-textfield>\n            @if (productValue) {\n                <div class=\"ml-2 text-tui-text-secondary\">\n                    \u0421\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C:\n                    <span class=\"font-bold\">{{ productValue.costRub?.toLocaleString() }} {{ productValue.currency.symbol }}/\u0448\u0442.</span>\n                </div>\n            }\n            <tui-error\n                [formControl]=\"product\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        @if (product.value && validatorWidth && validatorLength) {\n            <p class=\"w-full font-bold\">\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439</p>\n            <p class=\"w-full\">\n                \u041C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u0430\u044F \u0448\u0438\u0440\u0438\u043D\u0430: {{ settings()?.minWidth }} \u043C\u043C.\n                <br />\n                \u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u0430\u044F \u0448\u0438\u0440\u0438\u043D\u0430: {{ product.value.properties?.width }} \u043C\u043C.\n                <br />\n                \u041C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u0430\u044F \u0434\u043B\u0438\u043D\u0430: {{ settings()?.minLength }} \u043C\u043C.\n                <br />\n                \u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u0430\u044F \u0434\u043B\u0438\u043D\u0430: {{ product.value.properties?.length }} \u043C\u043C.\n                <br />\n            </p>\n            <div\n                formArrayName=\"items\"\n                class=\"flex flex-col gap-3\"\n            >\n                @for (item of items.controls; track item) {\n                    <div\n                        class=\"flex grow gap-2\"\n                        [formGroupName]=\"$index\"\n                    >\n                        <div class=\"grid grow grid-cols-3 gap-2\">\n                            <label tuiLabel>\n                                \u0428\u0438\u0440\u0438\u043D\u0430, \u043C\u043C\n                                <tui-textfield>\n                                    <input\n                                        tuiInputSlider\n                                        formControlName=\"width\"\n                                        [min]=\"settings()?.minWidth ?? 0\"\n                                        [max]=\"product.value.properties?.width ?? 0\"\n                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                        placeholder=\"\u0428\u0438\u0440\u0438\u043D\u0430\"\n                                        autocomplete=\"off\"\n                                    />\n                                    @if (product.value) {\n                                        <input\n                                            tuiSlider\n                                            type=\"range\"\n                                        />\n                                    }\n                                </tui-textfield>\n                                @if (product.value) {\n                                    <div class=\"slider-ticks-labels\">\n                                        <span> 0 </span>\n                                        <span>{{ product.value.properties?.width }}</span>\n                                    </div>\n                                }\n                                <tui-error\n                                    formControlName=\"width\"\n                                    [error]=\"[] | tuiFieldError | async\"\n                                />\n                            </label>\n\n                            <label tuiLabel>\n                                \u0414\u043B\u0438\u043D\u0430, \u043C\u043C\n                                <tui-textfield>\n                                    <input\n                                        tuiInputSlider\n                                        formControlName=\"length\"\n                                        [min]=\"settings()?.minLength ?? 0\"\n                                        [max]=\"product.value.properties?.length ?? 0\"\n                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                        placeholder=\"\u0414\u043B\u0438\u043D\u0430\"\n                                        autocomplete=\"off\"\n                                    />\n                                    @if (product.value) {\n                                        <input\n                                            tuiSlider\n                                            type=\"range\"\n                                        />\n                                    }\n                                </tui-textfield>\n                                @if (product.value) {\n                                    <div class=\"slider-ticks-labels\">\n                                        <span> 0 </span>\n                                        <span>{{ product.value.properties?.length }}</span>\n                                    </div>\n                                }\n                                <tui-error\n                                    formControlName=\"length\"\n                                    [error]=\"[] | tuiFieldError | async\"\n                                />\n                            </label>\n                            <label tuiLabel>\n                                <span class=\"whitespace-nowrap\">\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E, \u0448\u0442</span>\n                                <tui-textfield [tuiTextfieldCleaner]=\"false\">\n                                    <input\n                                        tuiInputNumber\n                                        formControlName=\"quantity\"\n                                        [min]=\"1\"\n                                        [tuiNumberFormat]=\"{ precision: 0 }\"\n                                        placeholder=\"\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E\"\n                                        autocomplete=\"off\"\n                                    />\n                                </tui-textfield>\n                                <tui-error\n                                    formControlName=\"quantity\"\n                                    [error]=\"[] | tuiFieldError | async\"\n                                />\n                            </label>\n                        </div>\n                        <button\n                            tuiIconButton\n                            (click)=\"removeItem($index)\"\n                            [disabled]=\"items.length <= 1\"\n                            size=\"m\"\n                            type=\"button\"\n                            iconStart=\"@tui.trash-2\"\n                            appearance=\"secondary\"\n                            class=\"mt-6\"\n                            [style.flex]=\"'0 0 auto'\"\n                        ></button>\n                    </div>\n                }\n            </div>\n            <button\n                tuiButton\n                appearance=\"secondary\"\n                [disabled]=\"items.invalid\"\n                (click)=\"addItem()\"\n                type=\"button\"\n                class=\"self-center\"\n                iconStart=\"@tui.plus\"\n            >\n                \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\n            </button>\n        } @else if (product.value) {\n            <tui-error error=\"\u0420\u0430\u0441\u0447\u0435\u0442 \u043F\u043E \u043F\u0440\u043E\u0434\u0443\u043A\u0442\u0443 \u043D\u0435\u0432\u043E\u0437\u043C\u043E\u0436\u0435\u043D. \u041E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u043A \u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440\u0443\" />\n        }\n\n        <label tuiLabel>\n            \u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 \u0440\u0430\u0441\u043F\u0438\u043B\u0430\n            <tui-textfield>\n                <input\n                    tuiTextfield\n                    formControlName=\"marker\"\n                    placeholder=\"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430 \u0440\u0430\u0441\u043F\u0438\u043B\u0430\"\n                    autocomplete=\"marker\"\n                />\n            </tui-textfield>\n\n            <tui-error\n                formControlName=\"marker\"\n                [error]=\"[] | tuiFieldError | async\"\n            />\n        </label>\n\n        @if (calculateResult && product.value) {\n            <div class=\"mt-2 flex items-end gap-2\">\n                <div>\n                    \u0418\u0442\u043E\u0433\u043E: <span class=\"text-xl font-bold\">{{ getTotalCost(calculateResult).toLocaleString() }} {{ product.value.currency.symbol }}</span>\n                </div>\n                @if (calculateResult?.quantity && productValue) {\n                    <div class=\"text-lg text-sc-dark-grey\">\n                        <span class=\"font-bold\"> ({{ calculateResult.quantity }} \u0448\u0442. </span> x\n                        <span class=\"font-bold\">{{ productValue.costRub?.toLocaleString() }} {{ productValue.currency.symbol }}/\u0448\u0442.) </span>\n                    </div>\n                }\n            </div>\n        }\n\n        <tui-error [error]=\"[] | tuiFieldError | async\" />\n        <button\n            [disabled]=\"form.invalid || !calculateResult || isSubmitLoading()\"\n            tuiButton\n            class=\"self-center\"\n            iconStart=\"@tui.check\"\n        >\n            {{ !cartItem() ? '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432 \u043A\u043E\u0440\u0437\u0438\u043D\u0443' : '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C' }}\n        </button>\n    </form>\n</div>\n", styles: [":host{display:block;width:100%;max-width:30rem}.slider-ticks-labels{--t-offset: calc($thumb / 2);display:flex;font:var(--tui-font-text-s);margin-inline-start:var(--t-offset);margin-inline-end:var(--t-offset);color:var(--tui-text-secondary)}.slider-ticks-labels>*{position:relative;flex:2;text-align:center}.slider-ticks-labels>*:first-child{left:calc(-1 * var(--t-offset));inset-inline-start:calc(-1 * var(--t-offset));flex:1;text-align:start}.slider-ticks-labels>*:last-child{right:calc(-1 * var(--t-offset));flex:1;text-align:end}@supports (inset-inline-end: 0){.slider-ticks-labels>*:last-child{right:unset;inset-inline-end:calc(-1 * var(--t-offset))}}tui-input-slider+.slider-ticks-labels{margin-inline-start:calc(var(--tui-radius-m) / 2 + var(--t-offset))}tui-textfield+.slider-ticks-labels{--t-offset: calc(var(--tui-radius-m) / 2 + $thumb / 2)}tui-textfield[data-size=l]+.slider-ticks-labels{--t-offset: calc(var(--tui-radius-l) / 2 + $thumb / 2)}tui-input-range:not([new])+.slider-ticks-labels,tui-range+.slider-ticks-labels{--t-offset: $thumb}tui-input-range[new]+.slider-ticks-labels{--t-offset: calc(map-get($track-inset, $input-size) + $thumb)}\n"] }]
+        }] });
+
+/**
+ * Skeleton конфигуратора сэндвич-панелей.
+ */
+class ScSandwichSkeletonComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScSandwichSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ScSandwichSkeletonComponent, isStandalone: true, selector: "sc-sandwich-skeleton", ngImport: i0, template: "<div class=\"w-100\">\n    <div class=\"flex flex-col gap-3\">\n        <!-- \u041F\u043E\u043B\u0435 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n\n        <!-- \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \"\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439\". -->\n        <div class=\"my-1.5 h-5 w-1/3 rounded bg-sc-light-grey\"></div>\n\n        <!-- \u0422\u0435\u043A\u0441\u0442 \u0441 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u0430\u043C\u0438. -->\n        <div class=\"flex flex-col gap-1\">\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n        </div>\n\n        <!-- \u0411\u043B\u043E\u043A \u0441 \u0438\u0437\u0434\u0435\u043B\u0438\u044F\u043C\u0438. -->\n        <div class=\"flex flex-col gap-3\">\n            <!-- \u041F\u0435\u0440\u0432\u043E\u0435 \u0438\u0437\u0434\u0435\u043B\u0438\u0435. -->\n            <div class=\"flex grow gap-4\">\n                <div class=\"grid grow grid-cols-3 gap-4\">\n                    <!-- \u0428\u0438\u0440\u0438\u043D\u0430. -->\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-3 w-1/3 rounded bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-2 w-2/3 rounded bg-sc-light-grey\"></div>\n                    </div>\n                    <!-- \u0414\u043B\u0438\u043D\u0430. -->\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-3 w-1/3 rounded bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-2 w-2/3 rounded bg-sc-light-grey\"></div>\n                    </div>\n                    <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E. -->\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                    </div>\n                </div>\n                <div class=\"mt-6 size-8 shrink-0 rounded-sm bg-sc-light-grey\"></div>\n            </div>\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \"\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\". -->\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            class=\"sc-skeleton self-center\"\n        ></button>\n\n        <!-- \u041F\u043E\u043B\u0435 \"\u0418\u0442\u043E\u0433\u043E\u0432\u043E\u0435 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043B\u0438\u0441\u0442\u043E\u0432\". -->\n        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n\n        <!-- \u041F\u043E\u043B\u0435 \"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\". -->\n        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u0441\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C. -->\n        <div class=\"my-2.5 h-6 w-1/3 rounded bg-sc-light-grey\"></div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438. -->\n        <button\n            tuiButton\n            class=\"sc-skeleton self-center\"\n        ></button>\n    </div>\n</div>\n" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScSandwichSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-sandwich-skeleton', template: "<div class=\"w-100\">\n    <div class=\"flex flex-col gap-3\">\n        <!-- \u041F\u043E\u043B\u0435 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n\n        <!-- \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \"\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0438\u0437\u0434\u0435\u043B\u0438\u0439\". -->\n        <div class=\"my-1.5 h-5 w-1/3 rounded bg-sc-light-grey\"></div>\n\n        <!-- \u0422\u0435\u043A\u0441\u0442 \u0441 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u0430\u043C\u0438. -->\n        <div class=\"flex flex-col gap-1\">\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n            <div class=\"my-1 h-3 w-2/3 rounded bg-sc-light-grey\"></div>\n        </div>\n\n        <!-- \u0411\u043B\u043E\u043A \u0441 \u0438\u0437\u0434\u0435\u043B\u0438\u044F\u043C\u0438. -->\n        <div class=\"flex flex-col gap-3\">\n            <!-- \u041F\u0435\u0440\u0432\u043E\u0435 \u0438\u0437\u0434\u0435\u043B\u0438\u0435. -->\n            <div class=\"flex grow gap-4\">\n                <div class=\"grid grow grid-cols-3 gap-4\">\n                    <!-- \u0428\u0438\u0440\u0438\u043D\u0430. -->\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-3 w-1/3 rounded bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-2 w-2/3 rounded bg-sc-light-grey\"></div>\n                    </div>\n                    <!-- \u0414\u043B\u0438\u043D\u0430. -->\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-3 w-1/3 rounded bg-sc-light-grey\"></div>\n                        <div class=\"my-1 h-2 w-2/3 rounded bg-sc-light-grey\"></div>\n                    </div>\n                    <!-- \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E. -->\n                    <div class=\"flex flex-col gap-1\">\n                        <div class=\"my-1 h-3 w-1/2 rounded bg-sc-light-grey\"></div>\n                        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n                    </div>\n                </div>\n                <div class=\"mt-6 size-8 shrink-0 rounded-sm bg-sc-light-grey\"></div>\n            </div>\n        </div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \"\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u0437\u0434\u0435\u043B\u0438\u0435\". -->\n        <button\n            tuiButton\n            appearance=\"secondary\"\n            class=\"sc-skeleton self-center\"\n        ></button>\n\n        <!-- \u041F\u043E\u043B\u0435 \"\u0418\u0442\u043E\u0433\u043E\u0432\u043E\u0435 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043B\u0438\u0441\u0442\u043E\u0432\". -->\n        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n\n        <!-- \u041F\u043E\u043B\u0435 \"\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u043A\u0430\". -->\n        <div class=\"mb-4 mt-2 h-10 w-full rounded-sm bg-sc-light-grey\"></div>\n\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u0441\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C. -->\n        <div class=\"my-2.5 h-6 w-1/3 rounded bg-sc-light-grey\"></div>\n\n        <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438. -->\n        <button\n            tuiButton\n            class=\"sc-skeleton self-center\"\n        ></button>\n    </div>\n</div>\n" }]
+        }] });
+
 /**
  * Компонент карточки менеджера Push-уведомлений.
  */
@@ -6898,7 +7207,7 @@ class ScFrequentlyAskedQuestionsGroupSelectorComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScFrequentlyAskedQuestionsGroupSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScFrequentlyAskedQuestionsGroupSelectorComponent, isStandalone: true, selector: "sc-frequently-asked-questions-group-selector", inputs: { viewMode: { classPropertyName: "viewMode", publicName: "viewMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { groupIdChange: "groupIdChange" }, providers: [
-            tuiItemsHandlersProvider({
+            tuiItemsHandlersProvider$1({
                 stringify: (item) => item.name,
             }),
         ], ngImport: i0, template: "@let groups = groups$ | async;\n\n@if (groups && groups.length) {\n    @switch (viewMode()) {\n        @case ('list') {\n            <div class=\"flex flex-col items-center gap-3 rounded-xl p-4 shadow-sc\">\n                <div class=\"flex w-full flex-col gap-2\">\n                    @for (item of groups; track $index) {\n                        <button\n                            tuiButton\n                            size=\"xs\"\n                            [tuiAppearanceState]=\"groupControl.value === item ? 'hover' : null\"\n                            [disabled]=\"groupControl.value === item\"\n                            (click)=\"groupControl.patchValue(item)\"\n                            appearance=\"flat-grayscale\"\n                            class=\"!justify-start !text-body-s-bold\"\n                        >\n                            {{ item.name }}\n                        </button>\n                    }\n                </div>\n            </div>\n        }\n\n        @case ('select') {\n            <form>\n                <tui-select\n                    [formControl]=\"groupControl\"\n                    [tuiTextfieldLabelOutside]=\"true\"\n                >\n                    <tui-data-list-wrapper\n                        *tuiDataList\n                        [items]=\"groups\"\n                    />\n                </tui-select>\n            </form>\n        }\n    }\n}\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TuiSelectModule }, { kind: "component", type: i3.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i3.TuiSelectDirective, selector: "tui-select" }, { kind: "directive", type: i3$1.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i3$3.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels]), tui-data-list-wrapper:not([labels])[new]", inputs: ["items", "disabledItemHandler", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "directive", type: i3.TuiTextfieldLabelOutsideDirective, selector: "[tuiTextfieldLabelOutside]", inputs: ["tuiTextfieldLabelOutside"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -6906,7 +7215,7 @@ class ScFrequentlyAskedQuestionsGroupSelectorComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScFrequentlyAskedQuestionsGroupSelectorComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'sc-frequently-asked-questions-group-selector', imports: [AsyncPipe, TuiSelectModule, TuiTextfieldControllerModule, ReactiveFormsModule, TuiDataList, TuiDataListWrapper, NgIf, TuiButton, FormsModule], providers: [
-                        tuiItemsHandlersProvider({
+                        tuiItemsHandlersProvider$1({
                             stringify: (item) => item.name,
                         }),
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let groups = groups$ | async;\n\n@if (groups && groups.length) {\n    @switch (viewMode()) {\n        @case ('list') {\n            <div class=\"flex flex-col items-center gap-3 rounded-xl p-4 shadow-sc\">\n                <div class=\"flex w-full flex-col gap-2\">\n                    @for (item of groups; track $index) {\n                        <button\n                            tuiButton\n                            size=\"xs\"\n                            [tuiAppearanceState]=\"groupControl.value === item ? 'hover' : null\"\n                            [disabled]=\"groupControl.value === item\"\n                            (click)=\"groupControl.patchValue(item)\"\n                            appearance=\"flat-grayscale\"\n                            class=\"!justify-start !text-body-s-bold\"\n                        >\n                            {{ item.name }}\n                        </button>\n                    }\n                </div>\n            </div>\n        }\n\n        @case ('select') {\n            <form>\n                <tui-select\n                    [formControl]=\"groupControl\"\n                    [tuiTextfieldLabelOutside]=\"true\"\n                >\n                    <tui-data-list-wrapper\n                        *tuiDataList\n                        [items]=\"groups\"\n                    />\n                </tui-select>\n            </form>\n        }\n    }\n}\n" }]
@@ -8355,5 +8664,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, CostWithDiscountComponent, FilesAndDocumentsComponent, FilesAndDocumentsModule, FinishDateTimeTransformerDirective, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_BANNER_DURATION, SC_DATE_FORMATTER, SC_ERROR_CHANGE_HANDLER, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_PAGE_SIZE_OPTIONS$1 as SC_PAGE_SIZE_OPTIONS, SC_SHOW_HELP_NOTIFICATION_IN_PHONE_INPUT, SC_USER_CITY_INFO, SC_USER_INFO, SC_USER_PROVIDERS, SC_VERIFICATION_CODE_TIMEOUT, ScAccordionComponent, ScAccordionContentDirective, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCartAddProductsFromCsvDialogComponent, ScCartItemComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScJsonLdCategoryComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderItemMobileComponent, ScOrderModule, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScPublicOfferComponent, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSelectOnFocusinDirective, ScShareButtonComponent, ScShareButtonModule, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
+export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, CostWithDiscountComponent, FilesAndDocumentsComponent, FilesAndDocumentsModule, FinishDateTimeTransformerDirective, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_BANNER_DURATION, SC_DATE_FORMATTER, SC_DEBOUNCE_TIME_DEFAULT, SC_ERROR_CHANGE_HANDLER, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_PAGE_SIZE_OPTIONS$1 as SC_PAGE_SIZE_OPTIONS, SC_SHOW_HELP_NOTIFICATION_IN_PHONE_INPUT, SC_USER_CITY_INFO, SC_USER_INFO, SC_USER_PROVIDERS, SC_VERIFICATION_CODE_TIMEOUT, ScAccordionComponent, ScAccordionContentDirective, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCartAddProductsFromCsvDialogComponent, ScCartItemComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScJsonLdCategoryComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderItemMobileComponent, ScOrderModule, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScPublicOfferComponent, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, ScSandwichSkeletonComponent, ScSelectOnFocusinDirective, ScShareButtonComponent, ScShareButtonModule, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
 //# sourceMappingURL=snabcentr-client-ui.mjs.map