@snabcentr/client-ui 5.6.2 → 5.7.2

package/fesm2022/snabcentr-client-ui.mjs

@@ -4,14 +4,14 @@ import { ScContactsService, ScUserService, ScLocationsService, ScSuggestionServi
 import { EMPTY, BehaviorSubject, switchMap, of, shareReplay, filter, map, debounceTime, startWith, catchError, throwError, share, Subject, tap, finalize, timer, scan, takeWhile, endWith, distinctUntilChanged, combineLatest, Observable, pairwise, Subscription, merge, skip, from, concatMap, noop as noop$1, first, retry } from 'rxjs';
 import { WA_WINDOW, WA_NAVIGATOR } from '@ng-web-apis/common';
 import { takeUntilDestroyed, toSignal, outputFromObservable, toObservable } from '@angular/core/rxjs-interop';
-import { tuiIsPresent, TuiDay, TuiTime, TuiValueTransformer, tuiControlValue, tuiMarkControlAsTouchedAndValidate, TuiAutoFocus, TuiHovered, TuiDayRange, TuiMonth, tuiProvide, TuiValidationError, TUI_WINDOW_SIZE, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
+import { tuiIsPresent, TuiDay, TuiTime, TuiValueTransformer, tuiControlValue, tuiMarkControlAsTouchedAndValidate, TuiAutoFocus, TuiHovered, TuiDayRange, TuiMonth, tuiProvide, TuiValidationError, tuiClamp, TUI_WINDOW_SIZE, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
 import * as i1$1 from '@taiga-ui/kit';
-import { tuiInputDateOptionsProvider, TuiAvatar, TuiInitialsPipe, TuiButtonLoading, TuiSortCountriesPipe, TuiPush, TuiInputPhoneInternational, TuiSelect, TuiDataListWrapperComponent, TuiStringifyContentPipe, TuiComboBox, TuiStepper, TuiAccordionDirective, TuiAccordion, TuiFiles, TuiChip, TuiInputNumber, TuiLineClamp, TuiBadge, TuiInputNumberDirective, TuiTooltip, TuiHighlight, TuiFade, TuiRange, TuiChevron, tuiInputNumberOptionsProvider, TuiInputSlider, TuiPushComponent, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TuiTreeComponent, TuiTreeChildren, TuiTreeControllerDirective, TUI_TREE_LOADER, TuiPreviewDialogService, TuiPreview, tuiFilesAccepted, TuiInputDate, TuiTextarea, TUI_CONFIRM, TuiDataListWrapper, TuiPagination, TuiInputPhone, TuiPassword } from '@taiga-ui/kit';
+import { tuiInputDateOptionsProvider, TuiAvatar, TuiInitialsPipe, TuiButtonLoading, TuiSortCountriesPipe, TuiPush, TuiInputPhoneInternational, TuiSelect, TuiDataListWrapperComponent, TuiStringifyContentPipe, TuiComboBox, TuiStepper, TuiAccordionDirective, TuiAccordion, TuiFiles, TuiChip, TuiInputNumber, TuiLineClamp, TuiBadge, TuiInputNumberDirective, TuiTooltip, TuiHighlight, TuiFade, TuiRange, TuiChevron, tuiInputNumberOptionsProvider, TuiInputSlider, TuiPushComponent, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TuiTreeComponent, TuiTreeChildren, TuiTreeControllerDirective, TUI_TREE_LOADER, TuiPreviewDialogService, TuiPreview, tuiFilesAccepted, TuiInputDate, TuiTextarea, TUI_CONFIRM, TuiDataListWrapper, TUI_PAGINATION_TEXTS, TuiInputPhone, TuiPassword } from '@taiga-ui/kit';
 import { HttpErrorResponse, HttpClient } from '@angular/common/http';
 import * as i1 from '@angular/forms';
 import { NgControl, FormControl, FormGroupDirective, ReactiveFormsModule, FormGroup, Validators, FormsModule, FormArray, NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i2 from '@taiga-ui/core';
-import { TUI_DATA_LIST_HOST, TuiLoader, TuiDataList, TuiDialogService, TuiLink, TuiButton, TuiIcon, TuiAppearance, TuiWithAppearance, TuiIcons, TuiWithIcons, TuiLabel, TuiTextfield, TuiInput, TuiError, TuiCheckbox, tuiDropdownOptionsProvider, TuiOption, TuiFilterByInputPipe, TuiCarouselComponent, TuiCarousel, TuiNumberFormat, TuiHint, TuiHintDirective, TuiHintDriver, TuiHintHover, TuiHintPosition, TUI_MONTHS, TuiScrollbar, tuiNumberFormatProvider, tuiItemsHandlersProvider, TuiNotification, TuiFormatNumberPipe, tuiTextfieldOptionsProvider, tuiHintOptionsProvider, TUI_BUTTON_DEFAULT_OPTIONS, TUI_BUTTON_OPTIONS, TuiTitle } from '@taiga-ui/core';
+import { TUI_DATA_LIST_HOST, TuiLoader, TuiDataList, TuiDialogService, TuiLink, TuiButton, TuiIcon, TuiAppearance, TuiWithAppearance, TuiIcons, TuiWithIcons, TuiLabel, TuiTextfield, TuiInput, TuiError, TuiCheckbox, tuiDropdownOptionsProvider, TuiOption, TuiFilterByInputPipe, TuiCarouselComponent, TuiCarousel, TuiNumberFormat, TuiHint, TuiHintDirective, TuiHintDriver, TuiHintHover, TuiHintPosition, TUI_MONTHS, TuiScrollbar, tuiNumberFormatProvider, tuiItemsHandlersProvider, TuiNotification, TuiFormatNumberPipe, tuiTextfieldOptionsProvider, tuiHintOptionsProvider, TUI_BUTTON_DEFAULT_OPTIONS, TUI_BUTTON_OPTIONS, TUI_COMMON_ICONS, TuiTitle } from '@taiga-ui/core';
 import * as i1$2 from '@angular/common';
 import { AsyncPipe, DOCUMENT, NgTemplateOutlet, NgClass, CommonModule, DecimalPipe } from '@angular/common';
 import { isValidPhoneNumber } from 'libphonenumber-js/max';
@@ -7635,11 +7635,11 @@ class ScBrandsListComponent {
         return Array.from({ length: Math.max(0, count) });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScBrandsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScBrandsListComponent, isStandalone: true, selector: "sc-brands-list", inputs: { items: "items" }, ngImport: i0, template: "<!-- TODO: TASK:[#9893] \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0440\u0430\u0437\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u043D\u0430 \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0441\u0442\u0440\u043E\u043A \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0439, \u043F\u0440\u0438 \u0443\u0432\u0435\u043B\u0438\u0447\u0435\u043D\u0438\u0438 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0431\u0440\u0435\u043D\u0434\u043E\u0432. -->\n<div class=\"flex flex-col gap-4\">\n    <div class=\"relative\">\n        <div class=\"absolute -left-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-tui-base-01 to-transparent\"></div>\n        <div class=\"flex select-none items-center justify-center gap-12 overflow-hidden contrast-150 saturate-0\">\n            @for (_ of [].constructor(3); track _) {\n                <div class=\"animate-scroll-slow scroll-slow-revert flex shrink-0 items-center gap-16\">\n                    @for (_ of getRange(items.length - (items.length - (items.length % 2)) / 2); track $index) {\n                        <div class=\"flex items-center justify-center\">\n                            @let brandItem = items[$index + (items.length - (items.length % 2)) / 2];\n                            <img\n                                [src]=\"brandItem.src\"\n                                [alt]=\"brandItem.alt\"\n                                [attr.width]=\"brandItem.width\"\n                                [attr.height]=\"brandItem.height\"\n                            />\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n        <div class=\"absolute -right-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-transparent to-tui-base-01\"></div>\n    </div>\n    <div class=\"relative\">\n        <div class=\"absolute -left-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-tui-base-01 to-transparent\"></div>\n        <div class=\"flex select-none items-center justify-center gap-12 overflow-hidden contrast-150 saturate-0\">\n            @for (_ of [].constructor(3); track _) {\n                <div class=\"animate-scroll-slow flex shrink-0 items-center gap-16\">\n                    @for (_ of getRange((items.length - (items.length % 2)) / 2); track $index) {\n                        <div class=\"flex items-center justify-center\">\n                            @let brandItem = items[$index];\n                            <img\n                                [src]=\"brandItem.src\"\n                                [alt]=\"brandItem.alt\"\n                                [attr.width]=\"brandItem.width\"\n                                [attr.height]=\"brandItem.height\"\n                            />\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n        <div class=\"absolute -right-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-transparent to-tui-base-01\"></div>\n    </div>\n</div>\n", styles: [".scroll-slow-revert{animation-direction:reverse!important;animation-delay:-15s!important}@keyframes scroll-slow{0%{transform:translate(0)}to{transform:translate(calc(-100% - 3rem))}}.animate-scroll-slow{animation:scroll-slow 30s linear infinite}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScBrandsListComponent, isStandalone: true, selector: "sc-brands-list", inputs: { items: "items" }, ngImport: i0, template: "<!-- TODO: TASK:[#9893] \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0440\u0430\u0437\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u043D\u0430 \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0441\u0442\u0440\u043E\u043A \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0439, \u043F\u0440\u0438 \u0443\u0432\u0435\u043B\u0438\u0447\u0435\u043D\u0438\u0438 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0431\u0440\u0435\u043D\u0434\u043E\u0432. -->\n<div class=\"flex flex-col gap-4\">\n    <div class=\"relative\">\n        <div class=\"absolute -left-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-tui-base-01 to-transparent\"></div>\n        <div class=\"flex select-none items-center justify-center gap-12 overflow-hidden contrast-150 saturate-0\">\n            @for (_ of [].constructor(3); track _) {\n                <div class=\"animate-scroll-slow scroll-slow-revert flex shrink-0 items-center gap-16\">\n                    @for (_ of getRange(items.length - (items.length - (items.length % 2)) / 2); track $index) {\n                        <div class=\"flex items-center justify-center\">\n                            @let brandItem = items[$index + (items.length - (items.length % 2)) / 2];\n                            <picture>\n                                @if (brandItem.webp) {\n                                    <source\n                                        type=\"image/webp\"\n                                        [srcset]=\"brandItem.webp\"\n                                    />\n                                }\n                                <img\n                                    [src]=\"brandItem.src\"\n                                    [alt]=\"brandItem.alt\"\n                                    [attr.width]=\"brandItem.width\"\n                                    [attr.height]=\"brandItem.height\"\n                                />\n                            </picture>\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n        <div class=\"absolute -right-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-transparent to-tui-base-01\"></div>\n    </div>\n    <div class=\"relative\">\n        <div class=\"absolute -left-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-tui-base-01 to-transparent\"></div>\n        <div class=\"flex select-none items-center justify-center gap-12 overflow-hidden contrast-150 saturate-0\">\n            @for (_ of [].constructor(3); track _) {\n                <div class=\"animate-scroll-slow flex shrink-0 items-center gap-16\">\n                    @for (_ of getRange((items.length - (items.length % 2)) / 2); track $index) {\n                        <div class=\"flex items-center justify-center\">\n                            @let brandItem = items[$index];\n                            <picture>\n                                @if (brandItem.webp) {\n                                    <source\n                                        type=\"image/webp\"\n                                        [srcset]=\"brandItem.webp\"\n                                    />\n                                }\n                                <img\n                                    [src]=\"brandItem.src\"\n                                    [alt]=\"brandItem.alt\"\n                                    [attr.width]=\"brandItem.width\"\n                                    [attr.height]=\"brandItem.height\"\n                                />\n                            </picture>\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n        <div class=\"absolute -right-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-transparent to-tui-base-01\"></div>\n    </div>\n</div>\n", styles: [".scroll-slow-revert{animation-direction:reverse!important;animation-delay:-15s!important}@keyframes scroll-slow{0%{transform:translate(0)}to{transform:translate(calc(-100% - 3rem))}}.animate-scroll-slow{animation:scroll-slow 30s linear infinite}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScBrandsListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-brands-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [], template: "<!-- TODO: TASK:[#9893] \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0440\u0430\u0437\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u043D\u0430 \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0441\u0442\u0440\u043E\u043A \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0439, \u043F\u0440\u0438 \u0443\u0432\u0435\u043B\u0438\u0447\u0435\u043D\u0438\u0438 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0431\u0440\u0435\u043D\u0434\u043E\u0432. -->\n<div class=\"flex flex-col gap-4\">\n    <div class=\"relative\">\n        <div class=\"absolute -left-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-tui-base-01 to-transparent\"></div>\n        <div class=\"flex select-none items-center justify-center gap-12 overflow-hidden contrast-150 saturate-0\">\n            @for (_ of [].constructor(3); track _) {\n                <div class=\"animate-scroll-slow scroll-slow-revert flex shrink-0 items-center gap-16\">\n                    @for (_ of getRange(items.length - (items.length - (items.length % 2)) / 2); track $index) {\n                        <div class=\"flex items-center justify-center\">\n                            @let brandItem = items[$index + (items.length - (items.length % 2)) / 2];\n                            <img\n                                [src]=\"brandItem.src\"\n                                [alt]=\"brandItem.alt\"\n                                [attr.width]=\"brandItem.width\"\n                                [attr.height]=\"brandItem.height\"\n                            />\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n        <div class=\"absolute -right-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-transparent to-tui-base-01\"></div>\n    </div>\n    <div class=\"relative\">\n        <div class=\"absolute -left-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-tui-base-01 to-transparent\"></div>\n        <div class=\"flex select-none items-center justify-center gap-12 overflow-hidden contrast-150 saturate-0\">\n            @for (_ of [].constructor(3); track _) {\n                <div class=\"animate-scroll-slow flex shrink-0 items-center gap-16\">\n                    @for (_ of getRange((items.length - (items.length % 2)) / 2); track $index) {\n                        <div class=\"flex items-center justify-center\">\n                            @let brandItem = items[$index];\n                            <img\n                                [src]=\"brandItem.src\"\n                                [alt]=\"brandItem.alt\"\n                                [attr.width]=\"brandItem.width\"\n                                [attr.height]=\"brandItem.height\"\n                            />\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n        <div class=\"absolute -right-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-transparent to-tui-base-01\"></div>\n    </div>\n</div>\n", styles: [".scroll-slow-revert{animation-direction:reverse!important;animation-delay:-15s!important}@keyframes scroll-slow{0%{transform:translate(0)}to{transform:translate(calc(-100% - 3rem))}}.animate-scroll-slow{animation:scroll-slow 30s linear infinite}\n"] }]
+            args: [{ selector: 'sc-brands-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [], template: "<!-- TODO: TASK:[#9893] \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0440\u0430\u0437\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u043D\u0430 \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0441\u0442\u0440\u043E\u043A \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0439, \u043F\u0440\u0438 \u0443\u0432\u0435\u043B\u0438\u0447\u0435\u043D\u0438\u0438 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0431\u0440\u0435\u043D\u0434\u043E\u0432. -->\n<div class=\"flex flex-col gap-4\">\n    <div class=\"relative\">\n        <div class=\"absolute -left-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-tui-base-01 to-transparent\"></div>\n        <div class=\"flex select-none items-center justify-center gap-12 overflow-hidden contrast-150 saturate-0\">\n            @for (_ of [].constructor(3); track _) {\n                <div class=\"animate-scroll-slow scroll-slow-revert flex shrink-0 items-center gap-16\">\n                    @for (_ of getRange(items.length - (items.length - (items.length % 2)) / 2); track $index) {\n                        <div class=\"flex items-center justify-center\">\n                            @let brandItem = items[$index + (items.length - (items.length % 2)) / 2];\n                            <picture>\n                                @if (brandItem.webp) {\n                                    <source\n                                        type=\"image/webp\"\n                                        [srcset]=\"brandItem.webp\"\n                                    />\n                                }\n                                <img\n                                    [src]=\"brandItem.src\"\n                                    [alt]=\"brandItem.alt\"\n                                    [attr.width]=\"brandItem.width\"\n                                    [attr.height]=\"brandItem.height\"\n                                />\n                            </picture>\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n        <div class=\"absolute -right-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-transparent to-tui-base-01\"></div>\n    </div>\n    <div class=\"relative\">\n        <div class=\"absolute -left-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-tui-base-01 to-transparent\"></div>\n        <div class=\"flex select-none items-center justify-center gap-12 overflow-hidden contrast-150 saturate-0\">\n            @for (_ of [].constructor(3); track _) {\n                <div class=\"animate-scroll-slow flex shrink-0 items-center gap-16\">\n                    @for (_ of getRange((items.length - (items.length % 2)) / 2); track $index) {\n                        <div class=\"flex items-center justify-center\">\n                            @let brandItem = items[$index];\n                            <picture>\n                                @if (brandItem.webp) {\n                                    <source\n                                        type=\"image/webp\"\n                                        [srcset]=\"brandItem.webp\"\n                                    />\n                                }\n                                <img\n                                    [src]=\"brandItem.src\"\n                                    [alt]=\"brandItem.alt\"\n                                    [attr.width]=\"brandItem.width\"\n                                    [attr.height]=\"brandItem.height\"\n                                />\n                            </picture>\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n        <div class=\"absolute -right-1 top-0 z-10 block h-full w-12 bg-gradient-to-r from-transparent to-tui-base-01\"></div>\n    </div>\n</div>\n", styles: [".scroll-slow-revert{animation-direction:reverse!important;animation-delay:-15s!important}@keyframes scroll-slow{0%{transform:translate(0)}to{transform:translate(calc(-100% - 3rem))}}.animate-scroll-slow{animation:scroll-slow 30s linear infinite}\n"] }]
         }], propDecorators: { items: [{
                 type: Input
             }] } });
@@ -8880,6 +8880,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                 type: Output
             }] } });
 
+/**
+ * Наименование query-параметра идентификатора группы часто задаваемых вопросов.
+ */
+const SC_FAQ_GROUP_QUERY_PARAM = 'group';
+/**
+ * Наименование query-параметра номера страницы пагинации часто задаваемых вопросов.
+ */
+const SC_FAQ_PAGE_QUERY_PARAM = 'page';
+
 /**
  * Компонент часто задаваемых вопросов.
  */
@@ -8922,49 +8931,177 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
                     ], host: { ngSkipHydration: 'true' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<tui-loader\n    [loading]=\"showLoading()\"\n    [overlay]=\"true\"\n>\n    <tui-accordion\n        class=\"accordion\"\n        [closeOthers]=\"false\"\n    >\n        @for (item of items(); track item.id) {\n            <button\n                [tuiAccordion]=\"isServer\"\n                class=\"!whitespace-normal !text-body-m-bold\"\n            >\n                {{ item.question }}\n            </button>\n            <tui-expand>\n                <div [innerHTML]=\"item.answer\"></div>\n            </tui-expand>\n        }\n    </tui-accordion>\n</tui-loader>\n", styles: [".accordion{border-radius:0}.accordion,.accordion[data-size=s],.accordion[data-size=m],.accordion[data-size=l],.accordion .tui-list{font:inherit}.accordion [tuiAccordion]{border-block:1px solid var(--tui-border-normal);border-block-end-color:#fff!important;font-weight:400;border-color:var(--tui-border-normal);-webkit-mask:none;mask:none;block-size:auto;padding-block:.5rem;min-block-size:var(--t-size)}.accordion [tuiAccordion]._open{border-block-end-color:var(--tui-border-normal)!important}.accordion tui-expand,.accordion [tuiAccordion]{box-shadow:none;white-space:normal}\n"] }]
         }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], showLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLoading", required: false }] }] } });
 
+/**
+ * Возвращает query-параметры ссылки на группу часто задаваемых вопросов.
+ *
+ * При смене группы пагинация сбрасывается на первую страницу.
+ *
+ * @param group Группа вопросов.
+ */
+const scGetFaqGroupQueryParams = (group) => ({
+    [SC_FAQ_GROUP_QUERY_PARAM]: group.id ?? null,
+    [SC_FAQ_PAGE_QUERY_PARAM]: null,
+});
+
 /**
  * Компонент выбора группы часто задаваемых вопросов.
  */
 class ScFrequentlyAskedQuestionsGroupSelectorComponent {
+    /**
+     * Инициализирует экземпляр класса {@link ScFrequentlyAskedQuestionsGroupSelectorComponent}.
+     */
     constructor() {
+        /**
+         * Сервис маршрутизации.
+         */
+        this.router = inject(Router);
+        /**
+         * Активный маршрут.
+         */
+        this.route = inject(ActivatedRoute);
         /**
          * {@link Observable} списка группы часто задаваемых вопросов.
          */
-        this.groups$ = inject(ScFrequentlyAskedQuestionsService).groups$.pipe(first(), tap((groups) => {
-            if (groups.length > 0) {
-                this.groupControl.setValue(groups[0]);
-            }
-        }));
+        this.groups$ = inject(ScFrequentlyAskedQuestionsService).groups$;
         /**
          * {@link FormControl} выбранной группы.
          */
         this.groupControl = new FormControl(null);
         /**
-         * {@link OutputRef} сигнал изменения идентификатора группы.
+         * {@link InputSignal} идентификатора выбранной группы.
          */
-        this.groupIdChange = outputFromObservable(this.groupControl.valueChanges.pipe(filter(tuiIsPresent), 
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        map((group) => group.id)));
+        this.selectedGroupId = input(null, ...(ngDevMode ? [{ debugName: "selectedGroupId" }] : /* istanbul ignore next */ []));
         /**
          * Формат отображения. 'list' - в виде списка,  'select' в виде выпадающего списка.
          */
         this.viewMode = input('list', ...(ngDevMode ? [{ debugName: "viewMode" }] : /* istanbul ignore next */ []));
+        /**
+         * Возвращает query-параметры ссылки на группу вопросов.
+         */
+        this.getGroupQueryParams = scGetFaqGroupQueryParams;
+        // Синхронизирует значение выпадающего списка с выбранной группой.
+        combineLatest([this.groups$, toObservable(this.selectedGroupId)])
+            .pipe(takeUntilDestroyed())
+            .subscribe(([groups, selectedGroupId]) => {
+            this.groupControl.setValue(groups.find((group) => (group.id ?? null) === selectedGroupId) ?? null, { emitEvent: false });
+        });
+        // Выбор группы в выпадающем списке переводит на адрес этой группы.
+        this.groupControl.valueChanges.pipe(filter(tuiIsPresent), takeUntilDestroyed()).subscribe((group) => {
+            this.router
+                .navigate([], {
+                relativeTo: this.route,
+                queryParams: this.getGroupQueryParams(group),
+                queryParamsHandling: 'merge',
+            })
+                .catch(noop$1);
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScFrequentlyAskedQuestionsGroupSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", 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: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScFrequentlyAskedQuestionsGroupSelectorComponent, isStandalone: true, selector: "sc-frequently-asked-questions-group-selector", inputs: { selectedGroupId: { classPropertyName: "selectedGroupId", publicName: "selectedGroupId", isSignal: true, isRequired: false, transformFunction: null }, viewMode: { classPropertyName: "viewMode", publicName: "viewMode", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             tuiItemsHandlersProvider({
                 stringify: signal((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-textfield tuiChevron>\n                    <input\n                        tuiSelect\n                        [formControl]=\"groupControl\"\n                        placeholder=\"\u0413\u0440\u0443\u043F\u043F\u0430 \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432\"\n                    />\n                    <tui-data-list-wrapper\n                        *tuiDropdown\n                        [items]=\"groups\"\n                    />\n                </tui-textfield>\n            </form>\n        }\n    }\n}\n", dependencies: [{ kind: "directive", type: i1$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1$1.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], 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                        @let isSelected = item.id === selectedGroupId();\n\n                        <a\n                            tuiButton\n                            size=\"xs\"\n                            [tuiAppearanceState]=\"isSelected ? 'hover' : null\"\n                            [attr.aria-current]=\"isSelected ? 'page' : null\"\n                            [class.pointer-events-none]=\"isSelected\"\n                            [routerLink]=\"[]\"\n                            [queryParams]=\"getGroupQueryParams(item)\"\n                            queryParamsHandling=\"merge\"\n                            appearance=\"flat-grayscale\"\n                            class=\"!justify-start !text-body-s-bold\"\n                        >\n                            {{ item.name }}\n                        </a>\n                    }\n                </div>\n            </div>\n        }\n\n        @case ('select') {\n            <form>\n                <tui-textfield tuiChevron>\n                    <input\n                        tuiSelect\n                        [formControl]=\"groupControl\"\n                        placeholder=\"\u0413\u0440\u0443\u043F\u043F\u0430 \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432\"\n                    />\n                    <tui-data-list-wrapper\n                        *tuiDropdown\n                        [items]=\"groups\"\n                    />\n                </tui-textfield>\n            </form>\n        }\n    }\n}\n", dependencies: [{ kind: "directive", type: i1$1.TuiSelectDirective, selector: "input[tuiSelect]" }, { kind: "component", type: i3$1.TuiTextfieldComponent, selector: "tui-textfield:not([multi])", inputs: ["content", "filler"] }, { kind: "directive", type: i3.TuiDropdownContent, selector: "ng-template[tuiDropdown]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1$1.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels])", inputs: ["items", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScFrequentlyAskedQuestionsGroupSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-frequently-asked-questions-group-selector', imports: [AsyncPipe, TuiSelect, ReactiveFormsModule, TuiDataList, TuiDataListWrapper, TuiButton, FormsModule], providers: [
+            args: [{ selector: 'sc-frequently-asked-questions-group-selector', imports: [AsyncPipe, TuiSelect, ReactiveFormsModule, TuiDataList, TuiDataListWrapper, TuiButton, FormsModule, RouterLink], providers: [
                         tuiItemsHandlersProvider({
                             stringify: signal((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-textfield tuiChevron>\n                    <input\n                        tuiSelect\n                        [formControl]=\"groupControl\"\n                        placeholder=\"\u0413\u0440\u0443\u043F\u043F\u0430 \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432\"\n                    />\n                    <tui-data-list-wrapper\n                        *tuiDropdown\n                        [items]=\"groups\"\n                    />\n                </tui-textfield>\n            </form>\n        }\n    }\n}\n" }]
-        }], propDecorators: { groupIdChange: [{ type: i0.Output, args: ["groupIdChange"] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] } });
+                    ], 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                        @let isSelected = item.id === selectedGroupId();\n\n                        <a\n                            tuiButton\n                            size=\"xs\"\n                            [tuiAppearanceState]=\"isSelected ? 'hover' : null\"\n                            [attr.aria-current]=\"isSelected ? 'page' : null\"\n                            [class.pointer-events-none]=\"isSelected\"\n                            [routerLink]=\"[]\"\n                            [queryParams]=\"getGroupQueryParams(item)\"\n                            queryParamsHandling=\"merge\"\n                            appearance=\"flat-grayscale\"\n                            class=\"!justify-start !text-body-s-bold\"\n                        >\n                            {{ item.name }}\n                        </a>\n                    }\n                </div>\n            </div>\n        }\n\n        @case ('select') {\n            <form>\n                <tui-textfield tuiChevron>\n                    <input\n                        tuiSelect\n                        [formControl]=\"groupControl\"\n                        placeholder=\"\u0413\u0440\u0443\u043F\u043F\u0430 \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432\"\n                    />\n                    <tui-data-list-wrapper\n                        *tuiDropdown\n                        [items]=\"groups\"\n                    />\n                </tui-textfield>\n            </form>\n        }\n    }\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { selectedGroupId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedGroupId", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }] } });
+
+/**
+ * Компонент пагинации, в котором страницы являются ссылками с номером страницы в query-параметрах.
+ *
+ * Ссылки позволяют переходить между страницами при отключенном JavaScript и корректно работают при SSR.
+ * Внешний вид повторяет tui-pagination из @taiga-ui/kit.
+ *
+ * TODO: [TAIGA:5]: Проверить, появилась ли в tui-pagination поддержка ссылок, и заменить компонент на неё.
+ */
+class ScPaginationLinksComponent {
+    constructor() {
+        /**
+         * Иконки стрелок переключения страниц.
+         */
+        this.icons = inject(TUI_COMMON_ICONS);
+        /**
+         * Подписи стрелок переключения страниц.
+         */
+        this.texts = inject(TUI_PAGINATION_TEXTS);
+        /**
+         * {@link InputSignal} общего количества страниц.
+         */
+        this.length = input.required(...(ngDevMode ? [{ debugName: "length" }] : /* istanbul ignore next */ []));
+        /**
+         * {@link InputSignal} номера текущей страницы, начиная с единицы.
+         */
+        this.index = input.required(...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
+        /**
+         * {@link InputSignal} наименования query-параметра, в котором хранится номер страницы.
+         */
+        this.queryParam = input('page', ...(ngDevMode ? [{ debugName: "queryParam" }] : /* istanbul ignore next */ []));
+        /**
+         * {@link InputSignal} количества страниц, отображаемых по обе стороны от текущей.
+         */
+        this.activePadding = input(1, ...(ngDevMode ? [{ debugName: "activePadding" }] : /* istanbul ignore next */ []));
+        /**
+         * {@link InputSignal} количества страниц, отображаемых по краям.
+         */
+        this.sidePadding = input(1, ...(ngDevMode ? [{ debugName: "sidePadding" }] : /* istanbul ignore next */ []));
+        /**
+         * {@link Signal} номеров отображаемых страниц, где `null` - разделитель пропущенных страниц.
+         *
+         * Состав страниц рассчитывается так же, как в tui-pagination: количество отображаемых элементов постоянно,
+         * а окно вокруг текущей страницы расширяется у краёв списка.
+         */
+        this.pages = computed(() => {
+            const length = this.length();
+            const sidePadding = this.sidePadding();
+            // Половина элементов: страницы у края, разделитель и страницы вокруг текущей.
+            const maxHalfLength = sidePadding + 1 + this.activePadding();
+            const maxElementsLength = maxHalfLength * 2 + 1;
+            const elementsLength = Math.min(length, maxElementsLength);
+            const lastIndex = length - 1;
+            const index = this.index() - 1;
+            const reverseIndex = lastIndex - index;
+            const hasCollapsedItems = (value) => length > maxElementsLength && value > maxHalfLength;
+            return Array.from({ length: elementsLength }, (_, elementIndex) => {
+                const reverseElementIndex = elementsLength - 1 - elementIndex;
+                if (elementIndex < sidePadding) {
+                    return elementIndex + 1;
+                }
+                if (elementIndex === sidePadding && hasCollapsedItems(index)) {
+                    return null;
+                }
+                if (reverseElementIndex < sidePadding) {
+                    return lastIndex - reverseElementIndex + 1;
+                }
+                if (reverseElementIndex === sidePadding && hasCollapsedItems(reverseIndex)) {
+                    return null;
+                }
+                return tuiClamp(index - maxHalfLength + elementIndex, elementIndex, lastIndex - reverseElementIndex) + 1;
+            });
+        }, ...(ngDevMode ? [{ debugName: "pages" }] : /* istanbul ignore next */ []));
+    }
+    /**
+     * Возвращает query-параметры ссылки на страницу.
+     *
+     * Для первой страницы параметр удаляется, чтобы её адрес совпадал с адресом страницы без пагинации.
+     *
+     * @param page Номер страницы.
+     */
+    getPageQueryParams(page) {
+        return { [this.queryParam()]: page > 1 ? page : null };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScPaginationLinksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScPaginationLinksComponent, isStandalone: true, selector: "sc-pagination-links", inputs: { length: { classPropertyName: "length", publicName: "length", isSignal: true, isRequired: true, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, queryParam: { classPropertyName: "queryParam", publicName: "queryParam", isSignal: true, isRequired: false, transformFunction: null }, activePadding: { classPropertyName: "activePadding", publicName: "activePadding", isSignal: true, isRequired: false, transformFunction: null }, sidePadding: { classPropertyName: "sidePadding", publicName: "sidePadding", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let paginationTexts = texts();\n\n<div class=\"t-content\">\n    @if (index() > 1) {\n        <a\n            tuiIconButton\n            size=\"s\"\n            appearance=\"flat\"\n            tabIndex=\"-1\"\n            class=\"t-button\"\n            [iconStart]=\"icons.decrement\"\n            [routerLink]=\"[]\"\n            [queryParams]=\"getPageQueryParams(index() - 1)\"\n            queryParamsHandling=\"merge\"\n        >\n            {{ paginationTexts[0] }}\n        </a>\n    } @else {\n        <button\n            tuiIconButton\n            size=\"s\"\n            appearance=\"flat\"\n            type=\"button\"\n            tabIndex=\"-1\"\n            class=\"t-button\"\n            [iconStart]=\"icons.decrement\"\n            [disabled]=\"true\"\n        >\n            {{ paginationTexts[0] }}\n        </button>\n    }\n\n    @for (page of pages(); track $index) {\n        @if (page) {\n            <a\n                automation-id=\"sc-pagination-links__element\"\n                tuiButton\n                size=\"s\"\n                class=\"t-button\"\n                [appearance]=\"page === index() ? 'primary' : 'flat'\"\n                [attr.aria-current]=\"page === index() ? 'page' : null\"\n                [routerLink]=\"[]\"\n                [queryParams]=\"getPageQueryParams(page)\"\n                queryParamsHandling=\"merge\"\n            >\n                {{ page }}\n            </a>\n        } @else {\n            <div class=\"t-dots\"></div>\n        }\n    }\n\n    @if (index() < length()) {\n        <a\n            tuiIconButton\n            size=\"s\"\n            appearance=\"flat\"\n            tabIndex=\"-1\"\n            class=\"t-button\"\n            [iconStart]=\"icons.increment\"\n            [routerLink]=\"[]\"\n            [queryParams]=\"getPageQueryParams(index() + 1)\"\n            queryParamsHandling=\"merge\"\n        >\n            {{ paginationTexts[1] }}\n        </a>\n    } @else {\n        <button\n            tuiIconButton\n            size=\"s\"\n            appearance=\"flat\"\n            type=\"button\"\n            tabIndex=\"-1\"\n            class=\"t-button\"\n            [iconStart]=\"icons.increment\"\n            [disabled]=\"true\"\n        >\n            {{ paginationTexts[1] }}\n        </button>\n    }\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;font:var(--tui-typography-body-s);color:var(--tui-text-primary);text-align:center}.t-content{display:flex;justify-content:center}.t-button{flex-shrink:0;margin:0 .125rem}.t-button[tuiButton]{min-inline-size:var(--tui-height-s);padding:0 .5rem}.t-button:first-child{margin-inline-start:0}.t-button:last-child{margin-inline-end:0}.t-dots{flex-shrink:0;inline-size:var(--tui-height-s);block-size:var(--tui-height-s);line-height:var(--tui-height-s);margin:0 .125rem;color:var(--tui-text-action);text-align:center;cursor:default}.t-dots:before{content:\"\\2026\"}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScPaginationLinksComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sc-pagination-links', imports: [RouterLink, TuiButton], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let paginationTexts = texts();\n\n<div class=\"t-content\">\n    @if (index() > 1) {\n        <a\n            tuiIconButton\n            size=\"s\"\n            appearance=\"flat\"\n            tabIndex=\"-1\"\n            class=\"t-button\"\n            [iconStart]=\"icons.decrement\"\n            [routerLink]=\"[]\"\n            [queryParams]=\"getPageQueryParams(index() - 1)\"\n            queryParamsHandling=\"merge\"\n        >\n            {{ paginationTexts[0] }}\n        </a>\n    } @else {\n        <button\n            tuiIconButton\n            size=\"s\"\n            appearance=\"flat\"\n            type=\"button\"\n            tabIndex=\"-1\"\n            class=\"t-button\"\n            [iconStart]=\"icons.decrement\"\n            [disabled]=\"true\"\n        >\n            {{ paginationTexts[0] }}\n        </button>\n    }\n\n    @for (page of pages(); track $index) {\n        @if (page) {\n            <a\n                automation-id=\"sc-pagination-links__element\"\n                tuiButton\n                size=\"s\"\n                class=\"t-button\"\n                [appearance]=\"page === index() ? 'primary' : 'flat'\"\n                [attr.aria-current]=\"page === index() ? 'page' : null\"\n                [routerLink]=\"[]\"\n                [queryParams]=\"getPageQueryParams(page)\"\n                queryParamsHandling=\"merge\"\n            >\n                {{ page }}\n            </a>\n        } @else {\n            <div class=\"t-dots\"></div>\n        }\n    }\n\n    @if (index() < length()) {\n        <a\n            tuiIconButton\n            size=\"s\"\n            appearance=\"flat\"\n            tabIndex=\"-1\"\n            class=\"t-button\"\n            [iconStart]=\"icons.increment\"\n            [routerLink]=\"[]\"\n            [queryParams]=\"getPageQueryParams(index() + 1)\"\n            queryParamsHandling=\"merge\"\n        >\n            {{ paginationTexts[1] }}\n        </a>\n    } @else {\n        <button\n            tuiIconButton\n            size=\"s\"\n            appearance=\"flat\"\n            type=\"button\"\n            tabIndex=\"-1\"\n            class=\"t-button\"\n            [iconStart]=\"icons.increment\"\n            [disabled]=\"true\"\n        >\n            {{ paginationTexts[1] }}\n        </button>\n    }\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;font:var(--tui-typography-body-s);color:var(--tui-text-primary);text-align:center}.t-content{display:flex;justify-content:center}.t-button{flex-shrink:0;margin:0 .125rem}.t-button[tuiButton]{min-inline-size:var(--tui-height-s);padding:0 .5rem}.t-button:first-child{margin-inline-start:0}.t-button:last-child{margin-inline-end:0}.t-dots{flex-shrink:0;inline-size:var(--tui-height-s);block-size:var(--tui-height-s);line-height:var(--tui-height-s);margin:0 .125rem;color:var(--tui-text-action);text-align:center;cursor:default}.t-dots:before{content:\"\\2026\"}\n"] }]
+        }], propDecorators: { length: [{ type: i0.Input, args: [{ isSignal: true, alias: "length", required: true }] }], index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: true }] }], queryParam: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryParam", required: false }] }], activePadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "activePadding", required: false }] }], sidePadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidePadding", required: false }] }] } });
 
 /**
  * Токен перечисления размеров страниц пагинации.
@@ -8998,6 +9135,14 @@ class ScFrequentlyAskedQuestionsWithGroupsComponent {
          * Сервис маршрутизации.
          */
         this.router = inject(Router);
+        /**
+         * Активный маршрут.
+         */
+        this.route = inject(ActivatedRoute);
+        /**
+         * Признак, что приложение запущено на сервере.
+         */
+        this.isServer = inject(IS_SERVER);
         /**
          * Индекс первой страницы.
          */
@@ -9011,13 +9156,15 @@ class ScFrequentlyAskedQuestionsWithGroupsComponent {
          */
         this.perPage$ = new BehaviorSubject(this.pageSizeOptions[0]);
         /**
-         * {@link BehaviorSubject} изменения номера страницы.
+         * {@link Observable} изменения номера страницы пагинации из query-параметров.
          */
-        this.page$ = new BehaviorSubject(this.firstPageIndex);
+        this.page$ = this.route.queryParamMap.pipe(map((params) => Number(params.get(SC_FAQ_PAGE_QUERY_PARAM)) || this.firstPageIndex), distinctUntilChanged());
         /**
-         * {@link BehaviorSubject} изменения идентификатора группы.
+         * {@link Observable} изменения идентификатора выбранной группы.
+         *
+         * Идентификатор берётся из query-параметров, а если параметр не задан - используется первая группа списка.
          */
-        this.groupId$ = new Subject();
+        this.groupId$ = combineLatest([this.route.queryParamMap, this.frequentlyAskedQuestionsService.groups$]).pipe(map(([params, groups]) => Number(params.get(SC_FAQ_GROUP_QUERY_PARAM)) || (groups[0]?.id ?? null)), distinctUntilChanged(), shareReplay({ refCount: true, bufferSize: 1 }));
         /**
          * Сигнал нажатия на кнопку "Задать вопрос".
          */
@@ -9028,7 +9175,7 @@ class ScFrequentlyAskedQuestionsWithGroupsComponent {
         this.request$ = combineLatest({
             page: this.page$,
             perPage: this.perPage$,
-            group: this.groupId$,
+            group: this.groupId$.pipe(filter(tuiIsPresent)),
             paginate: of(true),
         }).pipe(
         // Нулевой debounceTime для случая, когда меняются направление и поле сортировки одновременно.
@@ -9047,7 +9194,7 @@ class ScFrequentlyAskedQuestionsWithGroupsComponent {
         /**
          * {@link Observable} изменения номера страницы пагинации из данных пагинации запроса.
          */
-        this.currentPage$ = this.request$.pipe(filter(tuiIsPresent), map(({ meta }) => meta.currentPage - 1));
+        this.currentPage$ = this.request$.pipe(filter(tuiIsPresent), map(({ meta }) => meta.currentPage));
         /**
          * {@link Observable} изменения состояния загрузки данных.
          */
@@ -9059,31 +9206,20 @@ class ScFrequentlyAskedQuestionsWithGroupsComponent {
         /**
          * {@link Observable} изменения формата отображения фильтра групп.
          */
-        this.viewMode$ = inject(TUI_WINDOW_SIZE).pipe(map((rect) => (rect.width > 768 ? 'list' : 'select')));
-    }
-    /**
-     * Устанавливает данные пагинации.
-     *
-     * @param pageIndex Индекс страницы.
-     */
-    paginationChange(pageIndex) {
-        this.page$.next(pageIndex + 1);
-    }
-    /**
-     * Устанавливает идентификатор группы.
-     *
-     * @param id Идентификатор группы.
-     */
-    groupIdChange(id) {
-        this.groupId$.next(id);
-        this.paginationChange(0);
+        this.viewMode$ = this.isServer
+            ? of('list')
+            : inject(TUI_WINDOW_SIZE).pipe(map((rect) => (rect.width > 768 ? 'list' : 'select')));
+        /**
+         * Наименование query-параметра номера страницы пагинации.
+         */
+        this.pageQueryParam = SC_FAQ_PAGE_QUERY_PARAM;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScFrequentlyAskedQuestionsWithGroupsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScFrequentlyAskedQuestionsWithGroupsComponent, isStandalone: true, selector: "sc-frequently-asked-questions-with-groups", outputs: { clickSendQuestion: "clickSendQuestion" }, ngImport: i0, template: "@let items = data$ | async;\n@let pageCount = pageCount$ | async;\n@let viewMode = viewMode$ | async;\n\n@if (viewMode) {\n    <div\n        class=\"flex gap-6\"\n        [class.flex-col]=\"viewMode === 'select'\"\n    >\n        <div class=\"flex flex-col gap-7\">\n            <sc-frequently-asked-questions-group-selector\n                (groupIdChange)=\"groupIdChange($event)\"\n                [viewMode]=\"viewMode\"\n                class=\"shrink-0\"\n                [class.w-64]=\"viewMode !== 'select'\"\n            />\n            @if (viewMode === 'list') {\n                <button\n                    tuiButton\n                    size=\"m\"\n                    type=\"button\"\n                    iconStart=\"@tui.circle-help\"\n                    appearance=\"secondary\"\n                    (click)=\"clickSendQuestion.emit()\"\n                    class=\"self-center\"\n                >\n                    \u0417\u0430\u0434\u0430\u0442\u044C \u0432\u043E\u043F\u0440\u043E\u0441\n                </button>\n            }\n        </div>\n        <div class=\"grow\">\n            @if (items && items.length) {\n                <sc-frequently-asked-questions\n                    [items]=\"items\"\n                    [showLoading]=\"isLoading()\"\n                />\n                @if (pageCount && pageCount > 1) {\n                    <tui-pagination\n                        [length]=\"pageCount\"\n                        [index]=\"(currentPage$ | async) ?? 0\"\n                        (indexChange)=\"paginationChange($event)\"\n                        class=\"mt-4 !justify-items-center\"\n                    />\n                }\n            } @else {\n                <p class=\"text-body-s-bold\">\u0421\u043F\u0438\u0441\u043E\u043A \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432 \u043F\u0443\u0441\u0442</p>\n            }\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "component", type: ScFrequentlyAskedQuestionsGroupSelectorComponent, selector: "sc-frequently-asked-questions-group-selector", inputs: ["viewMode"], outputs: ["groupIdChange"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: ScFrequentlyAskedQuestionsComponent, selector: "sc-frequently-asked-questions", inputs: ["items", "showLoading"] }, { kind: "component", type: TuiPagination, selector: "tui-pagination", inputs: ["length", "focusable", "size", "disabled", "activePadding", "sidePadding", "content", "index"], outputs: ["indexChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ScFrequentlyAskedQuestionsWithGroupsComponent, isStandalone: true, selector: "sc-frequently-asked-questions-with-groups", outputs: { clickSendQuestion: "clickSendQuestion" }, host: { attributes: { "ngSkipHydration": "true" } }, ngImport: i0, template: "@let items = data$ | async;\n@let pageCount = pageCount$ | async;\n@let viewMode = viewMode$ | async;\n\n@if (viewMode) {\n    <div\n        class=\"flex gap-6\"\n        [class.flex-col]=\"viewMode === 'select'\"\n    >\n        <div class=\"flex flex-col gap-7\">\n            <sc-frequently-asked-questions-group-selector\n                [selectedGroupId]=\"groupId$ | async\"\n                [viewMode]=\"viewMode\"\n                class=\"shrink-0\"\n                [class.w-64]=\"viewMode !== 'select'\"\n            />\n            @if (viewMode === 'list') {\n                <button\n                    tuiButton\n                    size=\"m\"\n                    type=\"button\"\n                    iconStart=\"@tui.circle-help\"\n                    appearance=\"secondary\"\n                    (click)=\"clickSendQuestion.emit()\"\n                    class=\"self-center\"\n                >\n                    \u0417\u0430\u0434\u0430\u0442\u044C \u0432\u043E\u043F\u0440\u043E\u0441\n                </button>\n            }\n        </div>\n        <div class=\"grow\">\n            @if (items && items.length) {\n                <sc-frequently-asked-questions\n                    [items]=\"items\"\n                    [showLoading]=\"isLoading()\"\n                />\n                @if (pageCount && pageCount > 1) {\n                    <sc-pagination-links\n                        [length]=\"pageCount\"\n                        [index]=\"(currentPage$ | async) ?? 1\"\n                        [queryParam]=\"pageQueryParam\"\n                        class=\"mt-4\"\n                    />\n                }\n            } @else {\n                <p class=\"text-body-s-bold\">\u0421\u043F\u0438\u0441\u043E\u043A \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432 \u043F\u0443\u0441\u0442</p>\n            }\n        </div>\n    </div>\n}\n", dependencies: [{ kind: "component", type: ScFrequentlyAskedQuestionsGroupSelectorComponent, selector: "sc-frequently-asked-questions-group-selector", inputs: ["selectedGroupId", "viewMode"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: ScFrequentlyAskedQuestionsComponent, selector: "sc-frequently-asked-questions", inputs: ["items", "showLoading"] }, { kind: "component", type: ScPaginationLinksComponent, selector: "sc-pagination-links", inputs: ["length", "index", "queryParam", "activePadding", "sidePadding"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScFrequentlyAskedQuestionsWithGroupsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-frequently-asked-questions-with-groups', imports: [AsyncPipe, ScFrequentlyAskedQuestionsGroupSelectorComponent, TuiButton, ScFrequentlyAskedQuestionsComponent, TuiPagination], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let items = data$ | async;\n@let pageCount = pageCount$ | async;\n@let viewMode = viewMode$ | async;\n\n@if (viewMode) {\n    <div\n        class=\"flex gap-6\"\n        [class.flex-col]=\"viewMode === 'select'\"\n    >\n        <div class=\"flex flex-col gap-7\">\n            <sc-frequently-asked-questions-group-selector\n                (groupIdChange)=\"groupIdChange($event)\"\n                [viewMode]=\"viewMode\"\n                class=\"shrink-0\"\n                [class.w-64]=\"viewMode !== 'select'\"\n            />\n            @if (viewMode === 'list') {\n                <button\n                    tuiButton\n                    size=\"m\"\n                    type=\"button\"\n                    iconStart=\"@tui.circle-help\"\n                    appearance=\"secondary\"\n                    (click)=\"clickSendQuestion.emit()\"\n                    class=\"self-center\"\n                >\n                    \u0417\u0430\u0434\u0430\u0442\u044C \u0432\u043E\u043F\u0440\u043E\u0441\n                </button>\n            }\n        </div>\n        <div class=\"grow\">\n            @if (items && items.length) {\n                <sc-frequently-asked-questions\n                    [items]=\"items\"\n                    [showLoading]=\"isLoading()\"\n                />\n                @if (pageCount && pageCount > 1) {\n                    <tui-pagination\n                        [length]=\"pageCount\"\n                        [index]=\"(currentPage$ | async) ?? 0\"\n                        (indexChange)=\"paginationChange($event)\"\n                        class=\"mt-4 !justify-items-center\"\n                    />\n                }\n            } @else {\n                <p class=\"text-body-s-bold\">\u0421\u043F\u0438\u0441\u043E\u043A \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432 \u043F\u0443\u0441\u0442</p>\n            }\n        </div>\n    </div>\n}\n" }]
+            args: [{ selector: 'sc-frequently-asked-questions-with-groups', imports: [AsyncPipe, ScFrequentlyAskedQuestionsGroupSelectorComponent, TuiButton, ScFrequentlyAskedQuestionsComponent, ScPaginationLinksComponent], host: { ngSkipHydration: 'true' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "@let items = data$ | async;\n@let pageCount = pageCount$ | async;\n@let viewMode = viewMode$ | async;\n\n@if (viewMode) {\n    <div\n        class=\"flex gap-6\"\n        [class.flex-col]=\"viewMode === 'select'\"\n    >\n        <div class=\"flex flex-col gap-7\">\n            <sc-frequently-asked-questions-group-selector\n                [selectedGroupId]=\"groupId$ | async\"\n                [viewMode]=\"viewMode\"\n                class=\"shrink-0\"\n                [class.w-64]=\"viewMode !== 'select'\"\n            />\n            @if (viewMode === 'list') {\n                <button\n                    tuiButton\n                    size=\"m\"\n                    type=\"button\"\n                    iconStart=\"@tui.circle-help\"\n                    appearance=\"secondary\"\n                    (click)=\"clickSendQuestion.emit()\"\n                    class=\"self-center\"\n                >\n                    \u0417\u0430\u0434\u0430\u0442\u044C \u0432\u043E\u043F\u0440\u043E\u0441\n                </button>\n            }\n        </div>\n        <div class=\"grow\">\n            @if (items && items.length) {\n                <sc-frequently-asked-questions\n                    [items]=\"items\"\n                    [showLoading]=\"isLoading()\"\n                />\n                @if (pageCount && pageCount > 1) {\n                    <sc-pagination-links\n                        [length]=\"pageCount\"\n                        [index]=\"(currentPage$ | async) ?? 1\"\n                        [queryParam]=\"pageQueryParam\"\n                        class=\"mt-4\"\n                    />\n                }\n            } @else {\n                <p class=\"text-body-s-bold\">\u0421\u043F\u0438\u0441\u043E\u043A \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432 \u043F\u0443\u0441\u0442</p>\n            }\n        </div>\n    </div>\n}\n" }]
         }], propDecorators: { clickSendQuestion: [{ type: i0.Output, args: ["clickSendQuestion"] }] } });
 
 /**
@@ -10120,5 +10256,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, CostWithDiscountComponent, FilesAndDocumentsComponent, FinishDateTimeTransformerDirective, IDLE_ITEM_STATE, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_BANNER_DURATION, SC_CATALOG_PRODUCTS_FILTERS, SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY, SC_DATE_FORMATTER, SC_DEBOUNCE_TIME_DEFAULT, SC_DIALOG_SERVICE_TOKEN, SC_ERROR_CHANGE_HANDLER, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_HIDDEN_PRINT_ELEMENTS, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_ORDER_FORM_CONFIG, SC_ORDER_OPTIONS, 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, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScBannerComponent, ScBrandsListComponent, ScCartAddProductsFromCsvDialogComponent, ScCatalogFilterCollapsibleComponent, ScCatalogFiltersComponent, ScCategoryCardComponent, ScContactsAccordionComponent, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDownloadPriceListComponent, ScDraftComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNextInputFocusDirective, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderAccessorDirective, ScOrderDirectionItemsComponent, ScOrderFormComponent, ScOrderItemComponent, ScOrderItemsByDirection, ScOrderItemsListByDirectionsComponent, ScOrderItemsListByStockComponent, ScOrderItemsListComponent, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrintDirective, ScPrintService, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScPublicOfferComponent, ScQRCodeDialogComponent, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, ScSandwichM2Component, ScSandwichM2SkeletonComponent, ScSandwichSkeletonComponent, ScSelectOnFocusinDirective, ScSeoTagsComponent, ScShareButtonComponent, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserPhoneApproveDialogComponent, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, cleanupRecaptchaArtifacts, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scGetCurrentRoute, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
+export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, CostWithDiscountComponent, FilesAndDocumentsComponent, FinishDateTimeTransformerDirective, IDLE_ITEM_STATE, IS_DEFAULT_COUNTRY, MAX_FILES_IN_FORM_INPUT, SC_ALLOW_SELECT_TERMINATED, SC_BANNER_DURATION, SC_CATALOG_PRODUCTS_FILTERS, SC_CATALOG_SHOW_PRODUCTS_RECURSIVELY, SC_DATE_FORMATTER, SC_DEBOUNCE_TIME_DEFAULT, SC_DIALOG_SERVICE_TOKEN, SC_ERROR_CHANGE_HANDLER, SC_FAQ_GROUP_QUERY_PARAM, SC_FAQ_PAGE_QUERY_PARAM, SC_HELP_NOTIFICATION_CLOSE, SC_HELP_NOTIFICATION_LIMIT, SC_HIDDEN_PRINT_ELEMENTS, SC_MANAGER_QR_HANDLER, SC_NOTIFY_WHEN_IN_STOCK_REQUIRED_FIELDS, SC_ORDER_FORM_CONFIG, SC_ORDER_OPTIONS, 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, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScBannerComponent, ScBrandsListComponent, ScCartAddProductsFromCsvDialogComponent, ScCatalogFilterCollapsibleComponent, ScCatalogFiltersComponent, ScCategoryCardComponent, ScContactsAccordionComponent, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDownloadPriceListComponent, ScDraftComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNextInputFocusDirective, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderAccessorDirective, ScOrderDirectionItemsComponent, ScOrderFormComponent, ScOrderItemComponent, ScOrderItemsByDirection, ScOrderItemsListByDirectionsComponent, ScOrderItemsListByStockComponent, ScOrderItemsListComponent, ScPaginationLinksComponent, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrintDirective, ScPrintService, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScPublicOfferComponent, ScQRCodeDialogComponent, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, ScSandwichM2Component, ScSandwichM2SkeletonComponent, ScSandwichSkeletonComponent, ScSelectOnFocusinDirective, ScSeoTagsComponent, ScShareButtonComponent, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserPhoneApproveDialogComponent, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, cleanupRecaptchaArtifacts, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scGetCurrentRoute, scGetFaqGroupQueryParams, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
 //# sourceMappingURL=snabcentr-client-ui.mjs.map