@snabcentr/client-ui 5.6.2 → 5.7.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snabcentr/client-ui",
-  "version": "5.6.2",
+  "version": "5.7.2",
   "author": "Snabcentr Ltd.",
   "repository": "https://gitlab.snabcentr.met/web/angular/snabcentr-client-ui-lib",
   "license": "Commercial",

package/release_notes.tmp

@@ -1,4 +1,4 @@
-## 5.6.2 (2026-07-29)
+## 5.7.2 (2026-08-05)
 
 No changes.
 

package/styles/tailwind/tailwind.scss

@@ -1142,10 +1142,6 @@ video {
   justify-content: space-between;
 }
 
-.\!justify-items-center {
-  justify-items: center !important;
-}
-
 .\!gap-1 {
   gap: 0.25rem !important;
 }

package/types/snabcentr-client-ui.d.ts

@@ -6,7 +6,7 @@ import * as i0 from '@angular/core';
 import { OnInit, OnDestroy, Signal, OutputRef, OutputEmitterRef, EventEmitter, InputSignal, QueryList, TemplateRef, WritableSignal, PipeTransform, OnChanges, SimpleChanges, InjectionToken, AfterViewInit, ElementRef, ModelSignal, Provider, FactoryProvider } from '@angular/core';
 import { FormGroup, FormControl, FormArray, ControlValueAccessor, ValidatorFn, NgControl, FormGroupDirective } from '@angular/forms';
 import { PolymorpheusTemplate } from '@taiga-ui/polymorpheus';
-import { TuiSizeS, TuiCarouselComponent, TuiDialogContext, TuiSizeL, TuiSizeM } from '@taiga-ui/core';
+import { TuiSizeS, TuiCarouselComponent, TuiDialogContext, TuiSizeL, TuiCommonIcons, TuiSizeM } from '@taiga-ui/core';
 import { TuiAccordionDirective, TuiTreeLoader, TuiTreeService, TuiFileLike } from '@taiga-ui/kit';
 import { HttpErrorResponse, HttpClient } from '@angular/common/http';
 import { TuiStringHandler, TuiContext, TuiDayRange, TuiDay, TuiHandler } from '@taiga-ui/cdk';
@@ -14,7 +14,7 @@ import * as _maskito_core from '@maskito/core';
 import { MaskitoOptions } from '@maskito/core';
 import { TuiCountryIsoCode } from '@taiga-ui/i18n';
 import { YaReadyEvent } from 'angular8-yandex-maps';
-import { ActivatedRoute } from '@angular/router';
+import { Params, ActivatedRoute } from '@angular/router';
 
 /**
  * Модель данных изображения.
@@ -4001,6 +4001,10 @@ interface ScBrandListItem {
      * URL изображения бренда.
      */
     src: string;
+    /**
+     * URL изображения бренда в формате WebP.
+     */
+    webp?: string;
     /**
      * Альтернативный текст изображения.
      */
@@ -4843,6 +4847,15 @@ declare class ScPaymentStatusComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<ScPaymentStatusComponent, "sc-payment-status", never, { "status": { "alias": "status"; "required": false; }; "orderId": { "alias": "orderId"; "required": false; }; }, { "backToOrdersClick": "backToOrdersClick"; "backToOrderClick": "backToOrderClick"; }, never, never, true, never>;
 }
 
+/**
+ * Наименование query-параметра идентификатора группы часто задаваемых вопросов.
+ */
+declare const SC_FAQ_GROUP_QUERY_PARAM = "group";
+/**
+ * Наименование query-параметра номера страницы пагинации часто задаваемых вопросов.
+ */
+declare const SC_FAQ_PAGE_QUERY_PARAM = "page";
+
 /**
  * Компонент часто задаваемых вопросов.
  */
@@ -4863,10 +4876,27 @@ declare class ScFrequentlyAskedQuestionsComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<ScFrequentlyAskedQuestionsComponent, "sc-frequently-asked-questions", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "showLoading": { "alias": "showLoading"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Возвращает query-параметры ссылки на группу часто задаваемых вопросов.
+ *
+ * При смене группы пагинация сбрасывается на первую страницу.
+ *
+ * @param group Группа вопросов.
+ */
+declare const scGetFaqGroupQueryParams: (group: ScFaqGroup) => Params;
+
 /**
  * Компонент выбора группы часто задаваемых вопросов.
  */
 declare class ScFrequentlyAskedQuestionsGroupSelectorComponent {
+    /**
+     * Сервис маршрутизации.
+     */
+    private readonly router;
+    /**
+     * Активный маршрут.
+     */
+    private readonly route;
     /**
      * {@link Observable} списка группы часто задаваемых вопросов.
      */
@@ -4876,15 +4906,23 @@ declare class ScFrequentlyAskedQuestionsGroupSelectorComponent {
      */
     protected readonly groupControl: FormControl<ScFaqGroup | null>;
     /**
-     * {@link OutputRef} сигнал изменения идентификатора группы.
+     * {@link InputSignal} идентификатора выбранной группы.
      */
-    readonly groupIdChange: OutputRef<number>;
+    readonly selectedGroupId: InputSignal<number | null>;
     /**
      * Формат отображения. 'list' - в виде списка,  'select' в виде выпадающего списка.
      */
     readonly viewMode: InputSignal<'list' | 'select'>;
+    /**
+     * Возвращает query-параметры ссылки на группу вопросов.
+     */
+    protected readonly getGroupQueryParams: (group: ScFaqGroup) => Params;
+    /**
+     * Инициализирует экземпляр класса {@link ScFrequentlyAskedQuestionsGroupSelectorComponent}.
+     */
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ScFrequentlyAskedQuestionsGroupSelectorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScFrequentlyAskedQuestionsGroupSelectorComponent, "sc-frequently-asked-questions-group-selector", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, { "groupIdChange": "groupIdChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScFrequentlyAskedQuestionsGroupSelectorComponent, "sc-frequently-asked-questions-group-selector", never, { "selectedGroupId": { "alias": "selectedGroupId"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -4911,6 +4949,14 @@ declare class ScFrequentlyAskedQuestionsWithGroupsComponent {
      * Сервис маршрутизации.
      */
     private readonly router;
+    /**
+     * Активный маршрут.
+     */
+    private readonly route;
+    /**
+     * Признак, что приложение запущено на сервере.
+     */
+    private readonly isServer;
     /**
      * Индекс первой страницы.
      */
@@ -4924,13 +4970,15 @@ declare class ScFrequentlyAskedQuestionsWithGroupsComponent {
      */
     private readonly perPage$;
     /**
-     * {@link BehaviorSubject} изменения номера страницы.
+     * {@link Observable} изменения номера страницы пагинации из query-параметров.
      */
     private readonly page$;
     /**
-     * {@link BehaviorSubject} изменения идентификатора группы.
+     * {@link Observable} изменения идентификатора выбранной группы.
+     *
+     * Идентификатор берётся из query-параметров, а если параметр не задан - используется первая группа списка.
      */
-    protected readonly groupId$: Subject<number>;
+    protected readonly groupId$: Observable<number | null>;
     /**
      * Сигнал нажатия на кнопку "Задать вопрос".
      */
@@ -4960,17 +5008,9 @@ declare class ScFrequentlyAskedQuestionsWithGroupsComponent {
      */
     protected readonly viewMode$: Observable<'list' | 'select'>;
     /**
-     * Устанавливает данные пагинации.
-     *
-     * @param pageIndex Индекс страницы.
-     */
-    protected paginationChange(pageIndex: number): void;
-    /**
-     * Устанавливает идентификатор группы.
-     *
-     * @param id Идентификатор группы.
+     * Наименование query-параметра номера страницы пагинации.
      */
-    protected groupIdChange(id: number): void;
+    protected readonly pageQueryParam: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScFrequentlyAskedQuestionsWithGroupsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ScFrequentlyAskedQuestionsWithGroupsComponent, "sc-frequently-asked-questions-with-groups", never, {}, { "clickSendQuestion": "clickSendQuestion"; }, never, never, true, never>;
 }
@@ -5027,6 +5067,62 @@ declare class ScPublicOfferComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<ScPublicOfferComponent, "sc-public-offer", never, { "warehouses": { "alias": "warehouses"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Компонент пагинации, в котором страницы являются ссылками с номером страницы в query-параметрах.
+ *
+ * Ссылки позволяют переходить между страницами при отключенном JavaScript и корректно работают при SSR.
+ * Внешний вид повторяет tui-pagination из @taiga-ui/kit.
+ *
+ * TODO: [TAIGA:5]: Проверить, появилась ли в tui-pagination поддержка ссылок, и заменить компонент на неё.
+ */
+declare class ScPaginationLinksComponent {
+    /**
+     * Иконки стрелок переключения страниц.
+     */
+    protected readonly icons: TuiCommonIcons;
+    /**
+     * Подписи стрелок переключения страниц.
+     */
+    protected readonly texts: Signal<readonly [previousPage: string, nextPage: string]>;
+    /**
+     * {@link InputSignal} общего количества страниц.
+     */
+    readonly length: InputSignal<number>;
+    /**
+     * {@link InputSignal} номера текущей страницы, начиная с единицы.
+     */
+    readonly index: InputSignal<number>;
+    /**
+     * {@link InputSignal} наименования query-параметра, в котором хранится номер страницы.
+     */
+    readonly queryParam: InputSignal<string>;
+    /**
+     * {@link InputSignal} количества страниц, отображаемых по обе стороны от текущей.
+     */
+    readonly activePadding: InputSignal<number>;
+    /**
+     * {@link InputSignal} количества страниц, отображаемых по краям.
+     */
+    readonly sidePadding: InputSignal<number>;
+    /**
+     * {@link Signal} номеров отображаемых страниц, где `null` - разделитель пропущенных страниц.
+     *
+     * Состав страниц рассчитывается так же, как в tui-pagination: количество отображаемых элементов постоянно,
+     * а окно вокруг текущей страницы расширяется у краёв списка.
+     */
+    protected readonly pages: Signal<Array<number | null>>;
+    /**
+     * Возвращает query-параметры ссылки на страницу.
+     *
+     * Для первой страницы параметр удаляется, чтобы её адрес совпадал с адресом страницы без пагинации.
+     *
+     * @param page Номер страницы.
+     */
+    protected getPageQueryParams(page: number): Params;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScPaginationLinksComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScPaginationLinksComponent, "sc-pagination-links", never, { "length": { "alias": "length"; "required": true; "isSignal": true; }; "index": { "alias": "index"; "required": true; "isSignal": true; }; "queryParam": { "alias": "queryParam"; "required": false; "isSignal": true; }; "activePadding": { "alias": "activePadding"; "required": false; "isSignal": true; }; "sidePadding": { "alias": "sidePadding"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 /**
  * Конфигурация для отображения образца москитной сетки.
  */
@@ -6072,5 +6168,5 @@ declare class ScProfileAccordionsContentComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<ScProfileAccordionsContentComponent, "sc-profile-accordions-content", never, {}, { "editProfileClick": "editProfileClick"; "approvePhoneClick": "approvePhoneClick"; "addContragentClick": "addContragentClick"; "deleteContragentClick": "deleteContragentClick"; "addContragentBankAccountClick": "addContragentBankAccountClick"; "deleteContragentBankAccountClick": "deleteContragentBankAccountClick"; "addContragentContactClick": "addContragentContactClick"; "deleteContragentContactClick": "deleteContragentContactClick"; "addDeliveryAddressClick": "addDeliveryAddressClick"; "deleteDeliveryAddressClick": "deleteDeliveryAddressClick"; "addDeliveryAddressContactClick": "addDeliveryAddressContactClick"; "deleteDeliveryAddressContactClick": "deleteDeliveryAddressContactClick"; "addUserContactClick": "addUserContactClick"; "deleteUserContactClick": "deleteUserContactClick"; }, never, never, true, never>;
 }
 
-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, 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, 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 };
 export type { ApiErrorResponse, IBlockError, INewOrderForm, IScDialogService, IScImage, ScBankAccountFormGroup, ScBrandListItem, ScContactFormGroup, ScFeedbackFormConfig, ScFeedbackFormFieldType, ScIConfiguratorSearchProductSandwich, ScILoader, ScINewCartItemSandwich, ScINewCartItemSandwichM2, ScIOrderFormConfig, ScIPreviewSample, ScISandwichM2Settings, ScISandwichSettings, ScLinkLocation, ScOrderOptions, ScPreviewMosquitoConfig, ScSandwichM2ItemSubmitState, TreeNode };