@snabcentr/client-ui 4.13.0 → 4.14.0

package/fesm2022/snabcentr-client-ui.mjs

@@ -1,20 +1,20 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, NgZone, signal, EventEmitter, ChangeDetectorRef, Directive, Input, Output, Pipe, ElementRef, HostListener, Renderer2, ContentChildren, NgModule, input, computed, Component, ChangeDetectionStrategy, Inject, HostBinding, model, output, SkipSelf, DestroyRef, effect, ContentChild, ViewChild, viewChild, Optional, contentChild, TemplateRef, forwardRef, ViewEncapsulation } from '@angular/core';
+import { InjectionToken, inject, Injectable, NgZone, signal, EventEmitter, ChangeDetectorRef, Directive, Input, Output, Pipe, ElementRef, HostListener, Renderer2, ContentChildren, NgModule, input, computed, Component, ChangeDetectionStrategy, Inject, HostBinding, model, output, SkipSelf, DestroyRef, effect, ContentChild, ViewChild, viewChild, Optional, contentChild, TemplateRef, forwardRef, ViewEncapsulation, viewChildren, afterNextRender } from '@angular/core';
 import * as i1 from '@snabcentr/client-core';
 import { ScContactsService, ScUserService, ScLocationsService, ScAuthService, SEARCH_TERM, ScUnitsHelper, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, ScImage, ScPhoneService, ScUserMetrikaService, ScUserMetrikaGoalsEnum, IS_RUNNING_ON_TERMINAL, ScVCardService, ScVerificationService, ScISuggestionType, SC_MIN_LENGTH_SEARCH_TERM, ScConvertersService, ScOpfList, ScReferencesService, ScContragentService, ScBannerService, ScMediaImageTransformerPipe, ScCartService, ScUploadedFile, loadingPlaceholder, SC_ORDER_LOADER, ScMimeTypes, ScCatalogService, SC_URLS, ScWarehouseService, SEARCH_TERM_PROVIDERS, ScPaginationService, SC_NEXT_PAGE_PAGINATION_CLICK, SC_PRODUCT_PAGINATION_OPTIONS, ScCatalogFilterService, ScIdOrSlugPipe, SC_CATEGORY_INFO, ScConfiguratorService, IS_SERVER, RESPONSE, ScIconTypesEnum, ScDocumentInfoTypesEnum, ScDeliveryAddressService, ScOrdersService, ScUIService, SC_USER_INFO as SC_USER_INFO$1, ScPaymentType, ScDeliveryType, TERMINAL_PROVIDERS, ScOrderDraftsService, ScRouteKeys, ScSeoService, scOrderIsLoaded, SC_PAGE_QUERY_PARAM, ScFrequentlyAskedQuestionsService, SchemaOrgFactory, scGetPageQueryParamChanges, ScNewsService, SC_COMPANY_INFO, ScFeedbackService } from '@snabcentr/client-core';
 import * as i5$1 from 'rxjs';
 import { EMPTY, BehaviorSubject, switchMap, of, shareReplay, map, Subject, filter, tap, catchError, finalize, startWith, share, timer, scan, takeWhile, endWith, distinctUntilChanged, debounceTime, throwError, combineLatest, Observable, pairwise, Subscription, merge, skip, from, concatMap, noop, first, retry } from 'rxjs';
-import { WA_WINDOW } from '@ng-web-apis/common';
+import { WA_WINDOW, WA_NAVIGATOR } from '@ng-web-apis/common';
 import { takeUntilDestroyed, toSignal, outputFromObservable, toObservable } from '@angular/core/rxjs-interop';
 import * as i4$1 from '@taiga-ui/cdk';
-import { TuiDay, TuiTime, TuiValueTransformer, TUI_IS_MOBILE, tuiControlValue, tuiIsPresent, tuiMarkControlAsTouchedAndValidate, tuiIsFalsy, TuiAutoFocus, TuiRepeatTimes, TuiHovered, TuiDayRange, TuiMonth, tuiPure, tuiProvide, TuiValidationError, tuiClamp, TUI_WINDOW_SIZE, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
+import { TuiDay, TuiTime, TuiValueTransformer, TUI_IS_MOBILE, tuiControlValue, tuiIsPresent, tuiMarkControlAsTouchedAndValidate, tuiIsFalsy, TuiAutoFocus, TuiRepeatTimes, TuiHovered, TuiDayRange, TuiMonth, tuiPure, tuiProvide, TuiValidationError, TUI_WINDOW_SIZE, tuiClamp, TUI_TRUE_HANDLER } from '@taiga-ui/cdk';
 import * as i2$1 from '@taiga-ui/kit';
 import { TUI_DATE_VALUE_TRANSFORMER, TuiPreview, TuiAvatar, TuiAccordionItem, TuiElasticContainer, TuiAccordion, TuiFieldErrorPipe, TuiFilterByInputPipe, TuiStringifyContentPipe, TuiDataListWrapper, TuiButtonLoading, TuiSortCountriesPipe, TuiStepper, TuiCarousel, TuiPush, TuiCheckbox, TuiFiles, TuiChip, TuiInputNumber, TuiBadge, TuiTooltip, TuiHighlight, TuiLineClamp, TuiFade, TuiRange, tuiInputNumberOptionsProvider, TuiDataListWrapperComponent, TuiChevron, TuiSelect, TuiInputSlider, TuiTreeService, TuiTreeItemContent, TUI_TREE_START, TUI_TREE_CONTENT, TUI_TREE_LOADING, TUI_TREE_LOADER, TuiTree, TuiPreviewDialogService, tuiFilesAccepted, TuiInputFiles, TuiInputFilesDirective, TuiFilesComponent, TuiFile, TuiFileRejectedPipe, TUI_CONFIRM, tuiItemsHandlersProvider as tuiItemsHandlersProvider$1, TUI_PAGINATION_TEXTS, TuiAccordionDirective, TuiAccordionItemContent } from '@taiga-ui/kit';
 import { HttpClient, HttpErrorResponse } from '@angular/common/http';
 import * as i1$1 from '@angular/forms';
 import { FormControl, FormGroupDirective, NgControl, FormGroup, Validators, FormArray, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i1$2 from '@taiga-ui/core';
-import { TuiButton, TuiDialog, TuiDialogService, TuiLink, TuiFallbackSrcPipe, TuiInitialsPipe, TuiIcon, TuiAppearance, TuiWithAppearance, TuiIcons, TuiWithIcons, TUI_DATA_LIST_HOST, tuiDropdownOptionsProvider, TuiLabel, TuiError, TuiLoader, TuiDataList, TuiNotification, TuiTextfield, TuiTitle, TuiNumberFormat, TuiHint, TUI_MONTHS, TuiScrollbar, tuiNumberFormatProvider, tuiItemsHandlersProvider, tuiTextfieldOptionsProvider, tuiHintOptionsProvider, TuiFormatNumberPipe, TuiHintDriver, TuiHintHover, TuiHintPosition, TuiHintDirective, TuiDataListComponent, TuiOption, TUI_BUTTON_OPTIONS, TUI_BUTTON_DEFAULT_OPTIONS, TUI_SPIN_ICONS, TuiSurface, tuiFadeIn } from '@taiga-ui/core';
+import { TuiButton, TuiDialog, TuiDialogService, TuiLink, TuiFallbackSrcPipe, TuiInitialsPipe, TuiIcon, TuiAppearance, TuiWithAppearance, TuiIcons, TuiWithIcons, TUI_DATA_LIST_HOST, tuiDropdownOptionsProvider, TuiLabel, TuiError, TuiLoader, TuiDataList, TuiNotification, TuiTextfield, TuiTitle, TuiNumberFormat, TuiHint, TUI_MONTHS, TuiScrollbar, tuiNumberFormatProvider, tuiItemsHandlersProvider, tuiTextfieldOptionsProvider, tuiHintOptionsProvider, TuiFormatNumberPipe, TuiHintDriver, TuiHintHover, TuiHintPosition, TuiHintDirective, TuiDataListComponent, TuiOption, TuiAlertService, TuiIconPipe, TUI_BUTTON_OPTIONS, TUI_BUTTON_DEFAULT_OPTIONS, TUI_SPIN_ICONS, TuiSurface, tuiFadeIn } from '@taiga-ui/core';
 import { isValidPhoneNumber } from 'libphonenumber-js/max';
 import * as i4 from '@taiga-ui/legacy/components/primitive-textfield';
 import * as i3 from '@taiga-ui/legacy';
@@ -8101,68 +8101,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['class.is_mobile']
             }] } });
 
-/**
- * Компонент кнопки "Поделиться".
- */
-class ScShareButtonComponent {
-    constructor() {
-        /**
-         * Формат внешнего вида кнопки.
-         */
-        this.appearance = 'secondary';
-        /**
-         * Размер кнопки.
-         */
-        this.size = 'm';
-        /**
-         * Событие клика по кнопке "Поделиться".
-         */
-        this.clickShareEvent = new EventEmitter();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScShareButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ScShareButtonComponent, selector: "sc-share-button", inputs: { appearance: "appearance", size: "size" }, outputs: { clickShareEvent: "clickShareEvent" }, ngImport: i0, template: "<button\n    tuiIconButton\n    iconStart=\"@tui.share-2\"\n    [appearance]=\"appearance\"\n    [size]=\"size\"\n    (click)=\"$event.stopPropagation(); clickShareEvent.emit()\"\n></button>\n", dependencies: [{ kind: "directive", type: i1$2.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScShareButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sc-share-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    tuiIconButton\n    iconStart=\"@tui.share-2\"\n    [appearance]=\"appearance\"\n    [size]=\"size\"\n    (click)=\"$event.stopPropagation(); clickShareEvent.emit()\"\n></button>\n" }]
-        }], propDecorators: { appearance: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], clickShareEvent: [{
-                type: Output
-            }] } });
-
-/**
- * Модуль работы кнопки "Поделиться".
- */
-class ScShareButtonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScShareButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ScShareButtonModule, declarations: [ScShareButtonComponent], imports: [CommonModule, TuiButton], exports: [ScShareButtonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScShareButtonModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScShareButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [ScShareButtonComponent],
-                    imports: [CommonModule, TuiButton],
-                    exports: [ScShareButtonComponent],
-                }]
-        }] });
-
 /**
  * Модуль работы с новостями.
  */
 class ScNewsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScNewsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ScNewsModule, declarations: [ScNewsCardComponent, ScNewsCardSkeletonComponent], imports: [CommonModule, RouterModule, ScShareButtonModule, ScFormatDatePipe, ScMediaImageTransformerPipe], exports: [ScNewsCardComponent, ScNewsCardSkeletonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScNewsModule, imports: [CommonModule, RouterModule, ScShareButtonModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ScNewsModule, declarations: [ScNewsCardComponent, ScNewsCardSkeletonComponent], imports: [CommonModule, RouterModule, ScFormatDatePipe, ScMediaImageTransformerPipe], exports: [ScNewsCardComponent, ScNewsCardSkeletonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScNewsModule, imports: [CommonModule, RouterModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScNewsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ScNewsCardComponent, ScNewsCardSkeletonComponent],
-                    imports: [CommonModule, RouterModule, ScShareButtonModule, ScFormatDatePipe, ScMediaImageTransformerPipe],
+                    imports: [CommonModule, RouterModule, ScFormatDatePipe, ScMediaImageTransformerPipe],
                     exports: [ScNewsCardComponent, ScNewsCardSkeletonComponent],
                 }]
         }] });
@@ -9477,10 +9428,363 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  */
 const SC_FAQ_GROUP_QUERY_PARAM = 'group';
 
+/**
+ * Префикс якоря (fragment) ссылки на конкретный вопрос.
+ */
+const SC_FAQ_QUESTION_ANCHOR_PREFIX = 'question-';
+/**
+ * Возвращает якорь (fragment) ссылки на вопрос.
+ *
+ * @param questionId Идентификатор вопроса.
+ */
+const scGetFaqQuestionAnchor = (questionId) => `${SC_FAQ_QUESTION_ANCHOR_PREFIX}${questionId}`;
+/**
+ * Возвращает идентификатор вопроса из якоря (fragment) ссылки или `null`, если якорь не ссылается на вопрос.
+ *
+ * @param fragment Якорь (fragment) адреса.
+ */
+const scGetFaqQuestionIdFromAnchor = (fragment) => {
+    if (!fragment?.startsWith(SC_FAQ_QUESTION_ANCHOR_PREFIX)) {
+        return null;
+    }
+    const questionId = Number(fragment.slice(SC_FAQ_QUESTION_ANCHOR_PREFIX.length));
+    return Number.isInteger(questionId) && questionId > 0 ? questionId : null;
+};
+
+/**
+ * Диалоговое окно "Поделиться": варианты, как поделиться ссылкой.
+ *
+ * На терминале вместо вариантов отображается только QR-код ссылки.
+ */
+class ScShareDialogComponent {
+    constructor() {
+        /**
+         * Провайдер данных о терминале.
+         */
+        this.terminal = inject(IS_RUNNING_ON_TERMINAL);
+        /**
+         * Контекст диалогового окна, в котором открыт компонент.
+         */
+        this.context = inject(POLYMORPHEUS_CONTEXT);
+        /**
+         * Ссылка на объект навигатора браузера.
+         */
+        this.navigator = inject(WA_NAVIGATOR);
+        /**
+         * Ссылка на объект окна браузера.
+         */
+        this.window = inject(WA_WINDOW);
+        /**
+         * Сервис уведомлений.
+         */
+        this.alerts = inject(TuiAlertService);
+        /**
+         * Сервис для работы с диалоговыми окнами.
+         */
+        this.dialog = inject(TuiDialogService);
+        /**
+         * Сервис для сбора метрик о действиях пользователей.
+         */
+        this.userMetrikaService = inject(ScUserMetrikaService);
+        /**
+         * {@link Signal} формата отображения вариантов: в строку на широких экранах, списком на узких.
+         */
+        this.viewMode = toSignal(inject(IS_SERVER) ? of('list') : inject(TUI_WINDOW_SIZE).pipe(map((rect) => (rect.width > 768 ? 'row' : 'list'))), { initialValue: 'list' });
+        /**
+         * Заголовок ссылки, которой необходимо поделиться.
+         */
+        this.title = this.context.data.title;
+        /**
+         * Ссылка, которой необходимо поделиться.
+         */
+        this.shareUrl = this.context.data.shareUrl;
+        /**
+         * Ссылка отправки по Email.
+         */
+        this.emailLink = `mailto:?subject=${encodeURIComponent(['ООО Снабцентр', this.title].filter(Boolean).join(' - '))}&body=${encodeURIComponent(this.shareUrl)}`;
+        /**
+         * Ссылка отправки во ВКонтакте.
+         */
+        this.vkLink = `https://vk.com/share.php?url=${encodeURIComponent(this.shareUrl)}`;
+        /**
+         * Ссылка отправки в Telegram.
+         */
+        this.telegramLink = `https://t.me/share/url?url=${encodeURIComponent(this.shareUrl)}`;
+    }
+    /** @inheritDoc */
+    ngOnInit() {
+        this.userMetrikaService.emitUserMetrikaEvent({
+            target: ScUserMetrikaGoalsEnum.shareShow,
+        });
+    }
+    /**
+     * Открывает окно перехода в социальную сеть.
+     *
+     * @param shareLink Ссылка перехода в социальную сеть.
+     * @param socialMedia Slug социальной сети.
+     */
+    openShareWindow(shareLink, socialMedia) {
+        this.emitShareClick(socialMedia);
+        this.window.open(shareLink, 'sharer', 'status=0,toolbar=0,width=650,height=500');
+    }
+    /**
+     * Копирует ссылку в буфер обмена.
+     */
+    copyShareLink() {
+        this.emitShareClick('copy_to_clipboard');
+        this.navigator.clipboard.writeText(this.shareUrl).catch(noop);
+        this.alerts.open('Ссылка скопирована в буфер обмена.', { appearance: 'positive' }).subscribe();
+    }
+    /**
+     * Открывает диалоговое окно с QR-кодом ссылки.
+     */
+    showQRCode() {
+        this.emitShareClick('qr');
+        this.userMetrikaService.emitUserMetrikaEvent({
+            target: ScUserMetrikaGoalsEnum.qrShow,
+        });
+        this.dialog
+            .open(new PolymorpheusComponent(ScQRCodeDialogComponent), {
+            size: 's',
+            label: this.title || 'QR-код',
+            data: { qrdata: this.shareUrl },
+        })
+            .subscribe();
+    }
+    /**
+     * Отправляет метрику выбора варианта "Поделиться".
+     *
+     * @param shareLinkName Наименование варианта.
+     */
+    emitShareClick(shareLinkName) {
+        this.userMetrikaService.emitUserMetrikaEvent({
+            target: ScUserMetrikaGoalsEnum.shareClick,
+            params: {
+                share_link_name: shareLinkName,
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScShareDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScShareDialogComponent, isStandalone: true, selector: "sc-share-dialog", ngImport: i0, template: "@if (terminal.isRunningOnTerminal) {\n    <p class=\"-mt-2 mb-3 text-tui-text-02\">\u0421\u043A\u0430\u043D\u0438\u0440\u0443\u0439\u0442\u0435 QR-\u043A\u043E\u0434.</p>\n    <qrcode\n        [margin]=\"0\"\n        [qrdata]=\"shareUrl\"\n        [width]=\"250\"\n        elementType=\"img\"\n    ></qrcode>\n} @else {\n    @let isRow = viewMode() === 'row';\n    @let appearance = isRow ? 'flat' : 'outline';\n    @let buttonClass = isRow ? 'button _row' : 'button w-full !justify-start';\n    @let iconClass = isRow ? '!m-0 !size-8' : '!m-0 !size-6';\n    @let iconSize = isRow ? 32 : 24;\n\n    <div\n        class=\"gap-2\"\n        [class.flex]=\"isRow\"\n        [class.grid]=\"!isRow\"\n        [class.grid-cols-2]=\"!isRow\"\n    >\n        <a\n            tuiButton\n            size=\"m\"\n            scEmailLink\n            linkLocation=\"share-link\"\n            automation-id=\"sc-share-dialog__email\"\n            [appearance]=\"appearance\"\n            [class]=\"buttonClass\"\n            [href]=\"emailLink\"\n        >\n            <img\n                [src]=\"'@tui.sc.img.email' | tuiIcon\"\n                alt=\"Email\"\n                [width]=\"iconSize\"\n                [height]=\"iconSize\"\n                [class]=\"iconClass\"\n            />\n            <span>Email</span>\n        </a>\n        <a\n            tuiButton\n            size=\"m\"\n            target=\"_blank\"\n            automation-id=\"sc-share-dialog__vk\"\n            [appearance]=\"appearance\"\n            [class]=\"buttonClass\"\n            [href]=\"vkLink\"\n            (click)=\"$event.preventDefault(); openShareWindow(vkLink, 'vk')\"\n        >\n            <img\n                [src]=\"'@tui.sc.img.vk' | tuiIcon\"\n                alt=\"\u0412\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u0435\"\n                [width]=\"iconSize\"\n                [height]=\"iconSize\"\n                [class]=\"iconClass\"\n            />\n            <span>\u0412\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u0435</span>\n        </a>\n        <a\n            tuiButton\n            size=\"m\"\n            target=\"_blank\"\n            automation-id=\"sc-share-dialog__telegram\"\n            [appearance]=\"appearance\"\n            [class]=\"buttonClass\"\n            [href]=\"telegramLink\"\n            (click)=\"$event.preventDefault(); openShareWindow(telegramLink, 'telegram')\"\n        >\n            <img\n                [src]=\"'@tui.sc.img.telegram' | tuiIcon\"\n                alt=\"Telegram\"\n                [width]=\"iconSize\"\n                [height]=\"iconSize\"\n                [class]=\"iconClass\"\n            />\n            <span>Telegram</span>\n        </a>\n        <button\n            tuiButton\n            size=\"m\"\n            type=\"button\"\n            automation-id=\"sc-share-dialog__copy\"\n            [appearance]=\"appearance\"\n            [class]=\"buttonClass\"\n            (click)=\"copyShareLink()\"\n        >\n            <img\n                [src]=\"'@tui.sc.img.copy' | tuiIcon\"\n                alt=\"\u041A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C\"\n                [width]=\"iconSize\"\n                [height]=\"iconSize\"\n                [class]=\"iconClass\"\n            />\n            <span>\u041A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C</span>\n        </button>\n        <button\n            tuiButton\n            size=\"m\"\n            type=\"button\"\n            automation-id=\"sc-share-dialog__qr\"\n            [appearance]=\"appearance\"\n            [class]=\"buttonClass\"\n            (click)=\"showQRCode()\"\n        >\n            <img\n                [src]=\"'@tui.sc.img.qr-code' | tuiIcon\"\n                alt=\"QR-\u043A\u043E\u0434\"\n                [width]=\"iconSize\"\n                [height]=\"iconSize\"\n                [class]=\"iconClass\"\n            />\n            <span>QR-\u043A\u043E\u0434</span>\n        </button>\n    </div>\n}\n", styles: [".button._row{--tui-padding: .625rem;--t-gap: 0 !important}.button._row span{max-width:0;overflow:hidden;opacity:0;transition-duration:.5s}.button._row:hover span{opacity:1;max-width:11.5rem;padding-left:1rem}\n"], dependencies: [{ kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "pipe", type: TuiIconPipe, name: "tuiIcon" }, { kind: "directive", type: ScEmailLinkDirective, selector: "a[scEmailLink]", inputs: ["linkLocation"] }, { kind: "ngmodule", type: QRCodeModule }, { kind: "component", type: i2.QRCodeComponent, selector: "qrcode", inputs: ["allowEmptyString", "colorDark", "colorLight", "cssClass", "elementType", "errorCorrectionLevel", "imageSrc", "imageHeight", "imageWidth", "margin", "qrdata", "scale", "version", "width", "alt", "ariaLabel", "title"], outputs: ["qrCodeURL"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScShareDialogComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-share-dialog', imports: [TuiButton, TuiIconPipe, ScEmailLinkDirective, QRCodeModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (terminal.isRunningOnTerminal) {\n    <p class=\"-mt-2 mb-3 text-tui-text-02\">\u0421\u043A\u0430\u043D\u0438\u0440\u0443\u0439\u0442\u0435 QR-\u043A\u043E\u0434.</p>\n    <qrcode\n        [margin]=\"0\"\n        [qrdata]=\"shareUrl\"\n        [width]=\"250\"\n        elementType=\"img\"\n    ></qrcode>\n} @else {\n    @let isRow = viewMode() === 'row';\n    @let appearance = isRow ? 'flat' : 'outline';\n    @let buttonClass = isRow ? 'button _row' : 'button w-full !justify-start';\n    @let iconClass = isRow ? '!m-0 !size-8' : '!m-0 !size-6';\n    @let iconSize = isRow ? 32 : 24;\n\n    <div\n        class=\"gap-2\"\n        [class.flex]=\"isRow\"\n        [class.grid]=\"!isRow\"\n        [class.grid-cols-2]=\"!isRow\"\n    >\n        <a\n            tuiButton\n            size=\"m\"\n            scEmailLink\n            linkLocation=\"share-link\"\n            automation-id=\"sc-share-dialog__email\"\n            [appearance]=\"appearance\"\n            [class]=\"buttonClass\"\n            [href]=\"emailLink\"\n        >\n            <img\n                [src]=\"'@tui.sc.img.email' | tuiIcon\"\n                alt=\"Email\"\n                [width]=\"iconSize\"\n                [height]=\"iconSize\"\n                [class]=\"iconClass\"\n            />\n            <span>Email</span>\n        </a>\n        <a\n            tuiButton\n            size=\"m\"\n            target=\"_blank\"\n            automation-id=\"sc-share-dialog__vk\"\n            [appearance]=\"appearance\"\n            [class]=\"buttonClass\"\n            [href]=\"vkLink\"\n            (click)=\"$event.preventDefault(); openShareWindow(vkLink, 'vk')\"\n        >\n            <img\n                [src]=\"'@tui.sc.img.vk' | tuiIcon\"\n                alt=\"\u0412\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u0435\"\n                [width]=\"iconSize\"\n                [height]=\"iconSize\"\n                [class]=\"iconClass\"\n            />\n            <span>\u0412\u041A\u043E\u043D\u0442\u0430\u043A\u0442\u0435</span>\n        </a>\n        <a\n            tuiButton\n            size=\"m\"\n            target=\"_blank\"\n            automation-id=\"sc-share-dialog__telegram\"\n            [appearance]=\"appearance\"\n            [class]=\"buttonClass\"\n            [href]=\"telegramLink\"\n            (click)=\"$event.preventDefault(); openShareWindow(telegramLink, 'telegram')\"\n        >\n            <img\n                [src]=\"'@tui.sc.img.telegram' | tuiIcon\"\n                alt=\"Telegram\"\n                [width]=\"iconSize\"\n                [height]=\"iconSize\"\n                [class]=\"iconClass\"\n            />\n            <span>Telegram</span>\n        </a>\n        <button\n            tuiButton\n            size=\"m\"\n            type=\"button\"\n            automation-id=\"sc-share-dialog__copy\"\n            [appearance]=\"appearance\"\n            [class]=\"buttonClass\"\n            (click)=\"copyShareLink()\"\n        >\n            <img\n                [src]=\"'@tui.sc.img.copy' | tuiIcon\"\n                alt=\"\u041A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C\"\n                [width]=\"iconSize\"\n                [height]=\"iconSize\"\n                [class]=\"iconClass\"\n            />\n            <span>\u041A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C</span>\n        </button>\n        <button\n            tuiButton\n            size=\"m\"\n            type=\"button\"\n            automation-id=\"sc-share-dialog__qr\"\n            [appearance]=\"appearance\"\n            [class]=\"buttonClass\"\n            (click)=\"showQRCode()\"\n        >\n            <img\n                [src]=\"'@tui.sc.img.qr-code' | tuiIcon\"\n                alt=\"QR-\u043A\u043E\u0434\"\n                [width]=\"iconSize\"\n                [height]=\"iconSize\"\n                [class]=\"iconClass\"\n            />\n            <span>QR-\u043A\u043E\u0434</span>\n        </button>\n    </div>\n}\n", styles: [".button._row{--tui-padding: .625rem;--t-gap: 0 !important}.button._row span{max-width:0;overflow:hidden;opacity:0;transition-duration:.5s}.button._row:hover span{opacity:1;max-width:11.5rem;padding-left:1rem}\n"] }]
+        }] });
+
+/**
+ * Сервис открытия диалогового окна "Поделиться".
+ */
+class ScShareService {
+    constructor() {
+        /**
+         * Сервис для работы с диалоговыми окнами.
+         */
+        this.dialog = inject(TuiDialogService);
+    }
+    /**
+     * Открывает диалоговое окно "Поделиться".
+     *
+     * @param title Заголовок ссылки, которой необходимо поделиться.
+     * @param shareUrl Абсолютная ссылка, которой необходимо поделиться.
+     */
+    openShareDialog(title, shareUrl) {
+        this.dialog
+            .open(new PolymorpheusComponent(ScShareDialogComponent), {
+            size: 'auto',
+            label: 'Поделиться',
+            data: { title, shareUrl },
+        })
+            .subscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScShareService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScShareService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScShareService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+/**
+ * Кнопка "Поделиться": открывает диалоговое окно с вариантами, как поделиться ссылкой.
+ *
+ * Ссылка формируется из {@link routerPath} относительно маршрутизации приложения, либо берётся из {@link shareUrl},
+ * а если не задано ни то, ни другое - используется адрес текущей страницы.
+ */
+class ScShareButtonComponent {
+    constructor() {
+        /**
+         * {@link InputSignal} заголовка ссылки, которой необходимо поделиться.
+         */
+        this.title = input('');
+        /**
+         * {@link InputSignal} ссылки, которой необходимо поделиться (абсолютной или относительно корня сайта).
+         */
+        this.shareUrl = input();
+        /**
+         * {@link InputSignal} команд маршрутизатора, из которых формируется ссылка относительно маршрутизации приложения.
+         */
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.routerPath = input();
+        /**
+         * {@link InputSignal} параметров формирования ссылки из {@link routerPath}.
+         */
+        this.routerCreationOptions = input();
+        /**
+         * {@link InputSignal} формата внешнего вида кнопки.
+         */
+        this.appearance = input('secondary');
+        /**
+         * {@link InputSignal} размера кнопки.
+         */
+        this.size = input('m');
+        /**
+         * {@link InputSignal} признака, что подпись "Поделиться" отображается постоянно.
+         */
+        this.showLabel = input(false);
+        /**
+         * {@link InputSignal} признака, что кнопка раскрывается с появлением подписи "Поделиться" при наведении.
+         */
+        this.expandable = input(false);
+        /**
+         * Ссылка на объект документа.
+         */
+        this.document = inject(DOCUMENT);
+        /**
+         * Сервис маршрутизации.
+         */
+        this.router = inject(Router);
+        /**
+         * Сервис открытия диалогового окна "Поделиться".
+         */
+        this.shareService = inject(ScShareService);
+        /**
+         * {@link Signal} ссылки, которой необходимо поделиться, заданной через входные параметры.
+         */
+        this.href = computed(() => {
+            const routerPath = this.routerPath();
+            const url = routerPath ? this.router.createUrlTree(routerPath, this.routerCreationOptions()).toString() : this.shareUrl();
+            return url ? decodeURIComponent(url) : undefined;
+        });
+    }
+    /**
+     * Возвращает адрес текущей страницы.
+     */
+    get currentUrl() {
+        return decodeURIComponent(this.router.url);
+    }
+    /**
+     * Обработчик нажатия на кнопку: открывает диалоговое окно "Поделиться".
+     *
+     * @param event Событие нажатия.
+     */
+    openShareDialog(event) {
+        event.preventDefault();
+        this.shareService.openShareDialog(this.title(), this.getAbsoluteUrl(this.href() ?? this.currentUrl));
+    }
+    /**
+     * Возвращает абсолютную ссылку.
+     *
+     * @param url Абсолютная ссылка или ссылка относительно корня сайта.
+     */
+    getAbsoluteUrl(url) {
+        return /^https?:\/\//.test(url) ? url : `${this.document.location.origin}${url}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScShareButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScShareButtonComponent, isStandalone: true, selector: "sc-share-button", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, shareUrl: { classPropertyName: "shareUrl", publicName: "shareUrl", isSignal: true, isRequired: false, transformFunction: null }, routerPath: { classPropertyName: "routerPath", publicName: "routerPath", isSignal: true, isRequired: false, transformFunction: null }, routerCreationOptions: { classPropertyName: "routerCreationOptions", publicName: "routerCreationOptions", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, expandable: { classPropertyName: "expandable", publicName: "expandable", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (showLabel() || expandable()) {\n    <a\n        tuiButton\n        iconStart=\"@tui.share-2\"\n        [appearance]=\"appearance()\"\n        [size]=\"size()\"\n        [attr.href]=\"href() ?? currentUrl\"\n        [class._expandable]=\"expandable()\"\n        (click)=\"openShareDialog($event)\"\n    >\n        <span>\u041F\u043E\u0434\u0435\u043B\u0438\u0442\u044C\u0441\u044F</span>\n    </a>\n} @else {\n    <a\n        tuiIconButton\n        iconStart=\"@tui.share-2\"\n        title=\"\u041F\u043E\u0434\u0435\u043B\u0438\u0442\u044C\u0441\u044F\"\n        aria-label=\"\u041F\u043E\u0434\u0435\u043B\u0438\u0442\u044C\u0441\u044F\"\n        [appearance]=\"appearance()\"\n        [size]=\"size()\"\n        [attr.href]=\"href() ?? currentUrl\"\n        (click)=\"openShareDialog($event)\"\n    ></a>\n}\n", styles: ["a._expandable{--t-gap: 0 !important}a._expandable span{max-width:0;overflow:hidden;opacity:0;transition-duration:.5s}a._expandable:hover span{opacity:1;max-width:11.5rem;padding-left:1rem}\n"], dependencies: [{ 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: "18.2.14", ngImport: i0, type: ScShareButtonComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-share-button', imports: [TuiButton], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (showLabel() || expandable()) {\n    <a\n        tuiButton\n        iconStart=\"@tui.share-2\"\n        [appearance]=\"appearance()\"\n        [size]=\"size()\"\n        [attr.href]=\"href() ?? currentUrl\"\n        [class._expandable]=\"expandable()\"\n        (click)=\"openShareDialog($event)\"\n    >\n        <span>\u041F\u043E\u0434\u0435\u043B\u0438\u0442\u044C\u0441\u044F</span>\n    </a>\n} @else {\n    <a\n        tuiIconButton\n        iconStart=\"@tui.share-2\"\n        title=\"\u041F\u043E\u0434\u0435\u043B\u0438\u0442\u044C\u0441\u044F\"\n        aria-label=\"\u041F\u043E\u0434\u0435\u043B\u0438\u0442\u044C\u0441\u044F\"\n        [appearance]=\"appearance()\"\n        [size]=\"size()\"\n        [attr.href]=\"href() ?? currentUrl\"\n        (click)=\"openShareDialog($event)\"\n    ></a>\n}\n", styles: ["a._expandable{--t-gap: 0 !important}a._expandable span{max-width:0;overflow:hidden;opacity:0;transition-duration:.5s}a._expandable:hover span{opacity:1;max-width:11.5rem;padding-left:1rem}\n"] }]
+        }] });
+
+/**
+ * Ссылки на мессенджеры контакта по номеру телефона.
+ *
+ * На терминале вместо перехода в мессенджер отображается QR-код ссылки.
+ */
+class ScShareMessengersLinksComponent {
+    constructor() {
+        /**
+         * {@link InputSignal} телефона контакта.
+         */
+        this.phone = input.required();
+        /**
+         * {@link InputSignal} размера кнопок.
+         */
+        this.size = input('s');
+        /**
+         * Сервис для сбора метрик о действиях пользователей.
+         */
+        this.userMetrikaService = inject(ScUserMetrikaService);
+        /**
+         * Ссылка на объект окна браузера.
+         */
+        this.window = inject(WA_WINDOW);
+        /**
+         * Провайдер данных о терминале.
+         */
+        this.terminal = inject(IS_RUNNING_ON_TERMINAL);
+        /**
+         * Сервис для работы с диалоговыми окнами.
+         */
+        this.dialog = inject(TuiDialogService);
+    }
+    /**
+     * Открывает окно перехода в мессенджер.
+     *
+     * @param shareLink Ссылка перехода в мессенджер.
+     * @param socialMedia Slug мессенджера.
+     */
+    openShareWindow(shareLink, socialMedia) {
+        this.userMetrikaService.emitUserMetrikaEvent({
+            target: ScUserMetrikaGoalsEnum.shareClick,
+            params: {
+                share_link_name: socialMedia,
+                phone: this.phone(),
+            },
+        });
+        if (this.terminal.isRunningOnTerminal) {
+            this.dialog
+                .open(new PolymorpheusComponent(ScQRCodeDialogComponent), {
+                size: 's',
+                label: socialMedia,
+                data: { qrdata: shareLink },
+            })
+                .subscribe();
+        }
+        else {
+            this.window.open(shareLink, 'sharer', 'status=0,toolbar=0,width=650,height=500');
+        }
+    }
+    /**
+     * Проверяет, что номер телефона подходит для использования в мессенджерах.
+     *
+     * @param value Номер телефона.
+     */
+    // eslint-disable-next-line class-methods-use-this
+    isValidPhoneNumberForMessenger(value) {
+        return ScPhoneService.isValidPhoneNumberForMessenger(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScShareMessengersLinksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScShareMessengersLinksComponent, isStandalone: true, selector: "sc-share-messengers-links", inputs: { phone: { classPropertyName: "phone", publicName: "phone", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (isValidPhoneNumberForMessenger(phone())) {\n    @let phoneNumber = phone() | scPhoneFormat: 'cleanWithPlus';\n\n    <button\n        tuiIconButton\n        type=\"button\"\n        appearance=\"mono\"\n        iconStart=\"@tui.sc.telegram\"\n        title=\"Telegram\"\n        aria-label=\"Telegram\"\n        [size]=\"size()\"\n        (click)=\"openShareWindow('https://t.me/' + phoneNumber, 'telegram')\"\n    ></button>\n}\n", dependencies: [{ kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "pipe", type: ScPhoneFormatPipe, name: "scPhoneFormat" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScShareMessengersLinksComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-share-messengers-links', imports: [TuiButton, ScPhoneFormatPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (isValidPhoneNumberForMessenger(phone())) {\n    @let phoneNumber = phone() | scPhoneFormat: 'cleanWithPlus';\n\n    <button\n        tuiIconButton\n        type=\"button\"\n        appearance=\"mono\"\n        iconStart=\"@tui.sc.telegram\"\n        title=\"Telegram\"\n        aria-label=\"Telegram\"\n        [size]=\"size()\"\n        (click)=\"openShareWindow('https://t.me/' + phoneNumber, 'telegram')\"\n    ></button>\n}\n" }]
+        }] });
+
 /**
  * Компонент часто задаваемых вопросов.
  */
 class ScFrequentlyAskedQuestionsComponent {
+    /**
+     * Инициализирует экземпляр класса {@link ScFrequentlyAskedQuestionsComponent}.
+     *
+     * Вопрос из якоря адреса раскрывается, а после отрисовки списка к нему выполняется прокрутка (в браузере).
+     */
     constructor() {
         /**
          * {@link InputSignal} списка группы часто задаваемых вопросов.
@@ -9494,6 +9798,71 @@ class ScFrequentlyAskedQuestionsComponent {
          * Признак, что приложение запущено на сервере.
          */
         this.isServer = inject(IS_SERVER);
+        /**
+         * {@link WritableSignal} идентификаторов раскрытых вопросов.
+         */
+        this.openedIds = signal(new Set());
+        /**
+         * Возвращает якорь ссылки на вопрос.
+         */
+        this.getAnchor = scGetFaqQuestionAnchor;
+        /**
+         * Активный маршрут.
+         */
+        this.route = inject(ActivatedRoute);
+        /**
+         * {@link Signal} ссылок на заголовки вопросов.
+         */
+        this.questionHeaders = viewChildren('questionHeader');
+        const questionId = scGetFaqQuestionIdFromAnchor(this.route.snapshot.fragment);
+        if (questionId === null) {
+            return;
+        }
+        this.onOpenedChange(questionId, true);
+        if (!this.isServer) {
+            afterNextRender(() => {
+                this.getQuestionHeader(questionId)?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+            });
+        }
+    }
+    /**
+     * Возвращает параметры формирования ссылки на вопрос: текущая страница с её query-параметрами и якорем вопроса.
+     *
+     * @param questionId Идентификатор вопроса.
+     */
+    getShareLinkOptions(questionId) {
+        return {
+            relativeTo: this.route,
+            queryParamsHandling: 'preserve',
+            fragment: scGetFaqQuestionAnchor(questionId),
+        };
+    }
+    /**
+     * Обработчик изменения состояния раскрытия вопроса.
+     *
+     * @param questionId Идентификатор вопроса.
+     * @param opened Признак, что вопрос раскрыт.
+     */
+    onOpenedChange(questionId, opened) {
+        this.openedIds.update((ids) => {
+            const nextIds = new Set(ids);
+            if (opened) {
+                nextIds.add(questionId);
+            }
+            else {
+                nextIds.delete(questionId);
+            }
+            return nextIds;
+        });
+    }
+    /**
+     * Возвращает элемент заголовка вопроса.
+     *
+     * @param questionId Идентификатор вопроса.
+     */
+    getQuestionHeader(questionId) {
+        const anchor = scGetFaqQuestionAnchor(questionId);
+        return this.questionHeaders().find((header) => header.nativeElement.id === anchor)?.nativeElement;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScFrequentlyAskedQuestionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScFrequentlyAskedQuestionsComponent, isStandalone: true, selector: "sc-frequently-asked-questions", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, showLoading: { classPropertyName: "showLoading", publicName: "showLoading", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "ngSkipHydration": "true" } }, providers: [
@@ -9504,11 +9873,11 @@ class ScFrequentlyAskedQuestionsComponent {
                     size: 'l',
                 },
             },
-        ], ngImport: i0, template: "<tui-loader\n    [showLoader]=\"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);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"], dependencies: [{ kind: "component", type: i1$3.TuiAccordionComponent, selector: "tui-accordion", inputs: ["closeOthers", "size"] }, { kind: "directive", type: i1$3.TuiAccordionDirective, selector: "button[tuiAccordion]", inputs: ["tuiAccordion"], outputs: ["tuiAccordionChange"] }, { kind: "component", type: i2$5.TuiExpand, selector: "tui-expand", inputs: ["expanded"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "questionHeaders", predicate: ["questionHeader"], descendants: true, isSignal: true }], ngImport: i0, template: "<tui-loader\n    [showLoader]=\"showLoading()\"\n    [overlay]=\"true\"\n>\n    <tui-accordion\n        class=\"accordion\"\n        [closeOthers]=\"false\"\n    >\n        @for (item of items(); track item.id) {\n            @let anchor = getAnchor(item.id);\n\n            <button\n                #questionHeader\n                [id]=\"anchor\"\n                [tuiAccordion]=\"isServer || openedIds().has(item.id)\"\n                (tuiAccordionChange)=\"onOpenedChange(item.id, $event)\"\n                class=\"!whitespace-normal !text-body-m-bold\"\n            >\n                <span class=\"grow\">{{ item.question }}</span>\n                <sc-share-button\n                    appearance=\"flat\"\n                    size=\"s\"\n                    class=\"shrink-0\"\n                    [title]=\"item.question\"\n                    [routerPath]=\"[]\"\n                    [routerCreationOptions]=\"getShareLinkOptions(item.id)\"\n                    (click)=\"$event.stopPropagation()\"\n                />\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);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"], dependencies: [{ kind: "component", type: i1$3.TuiAccordionComponent, selector: "tui-accordion", inputs: ["closeOthers", "size"] }, { kind: "directive", type: i1$3.TuiAccordionDirective, selector: "button[tuiAccordion]", inputs: ["tuiAccordion"], outputs: ["tuiAccordionChange"] }, { kind: "component", type: i2$5.TuiExpand, selector: "tui-expand", inputs: ["expanded"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "component", type: ScShareButtonComponent, selector: "sc-share-button", inputs: ["title", "shareUrl", "routerPath", "routerCreationOptions", "appearance", "size", "showLabel", "expandable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScFrequentlyAskedQuestionsComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'sc-frequently-asked-questions', imports: [TuiAccordion$1, TuiLoader], providers: [
+            args: [{ standalone: true, selector: 'sc-frequently-asked-questions', imports: [TuiAccordion$1, TuiLoader, ScShareButtonComponent], providers: [
                         {
                             provide: TUI_BUTTON_OPTIONS,
                             useValue: {
@@ -9516,8 +9885,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                                 size: 'l',
                             },
                         },
-                    ], host: { ngSkipHydration: 'true' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<tui-loader\n    [showLoader]=\"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);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"] }]
-        }] });
+                    ], host: { ngSkipHydration: 'true' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<tui-loader\n    [showLoader]=\"showLoading()\"\n    [overlay]=\"true\"\n>\n    <tui-accordion\n        class=\"accordion\"\n        [closeOthers]=\"false\"\n    >\n        @for (item of items(); track item.id) {\n            @let anchor = getAnchor(item.id);\n\n            <button\n                #questionHeader\n                [id]=\"anchor\"\n                [tuiAccordion]=\"isServer || openedIds().has(item.id)\"\n                (tuiAccordionChange)=\"onOpenedChange(item.id, $event)\"\n                class=\"!whitespace-normal !text-body-m-bold\"\n            >\n                <span class=\"grow\">{{ item.question }}</span>\n                <sc-share-button\n                    appearance=\"flat\"\n                    size=\"s\"\n                    class=\"shrink-0\"\n                    [title]=\"item.question\"\n                    [routerPath]=\"[]\"\n                    [routerCreationOptions]=\"getShareLinkOptions(item.id)\"\n                    (click)=\"$event.stopPropagation()\"\n                />\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);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"] }]
+        }], ctorParameters: () => [] });
 
 /**
  * Возвращает query-параметры ссылки на группу часто задаваемых вопросов.
@@ -9770,7 +10139,9 @@ class ScFrequentlyAskedQuestionsWithGroupsComponent {
             .pipe(startWith(null))), tap((data) => {
             if (data) {
                 const pageTitle = 'Часто задаваемые вопросы - FAQ';
-                this.seoService.setByDefault(pageTitle, undefined, this.schemaOrgFactory.generateForFaqPage(data.data, this.router.url, pageTitle));
+                // Якорь вопроса не входит в адрес страницы.
+                const pagePath = this.router.url.split('#')[0];
+                this.seoService.setByDefault(pageTitle, undefined, this.schemaOrgFactory.generateForFaqPage(data.data, pagePath, pageTitle));
             }
         }), shareReplay({ refCount: true, bufferSize: 1 }));
         /**
@@ -11044,5 +11415,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, CostWithDiscountComponent, FilesAndDocumentsComponent, FilesAndDocumentsModule, FinishDateTimeTransformerDirective, 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_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, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCartAddProductsFromCsvDialogComponent, ScCatalogFilterCollapsibleComponent, ScCatalogFiltersComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScDraftComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsListComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderAccessorDirective, ScOrderDirectionItemsComponent, ScOrderFormComponent, ScOrderItemComponent, ScOrderItemsByDirection, ScOrderItemsListByDirectionsComponent, ScOrderItemsListByStockComponent, ScOrderItemsListComponent, ScOrderModule, ScPaginationLinksComponent, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrintDirective, ScPrintService, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScPublicOfferComponent, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, ScSandwichM2Component, ScSandwichM2SkeletonComponent, ScSandwichSkeletonComponent, ScSelectOnFocusinDirective, ScSeoTagsComponent, ScShareButtonComponent, ScShareButtonModule, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, cleanupRecaptchaArtifacts, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scGetCurrentRoute, scGetFaqGroupQueryParams, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
+export { AbstractScPriceCard, AuthMethod, CURRENT_COUNTRY_ID, CostWithDiscountComponent, FilesAndDocumentsComponent, FilesAndDocumentsModule, 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_QUESTION_ANCHOR_PREFIX, 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, ScAccordionModule, ScAddContactDialogComponent, ScAddContragentBankAccountsDialogComponent, ScAddContragentDialogComponent, ScAddDeliveryAddressDialogComponent, ScAddOrEditingCartItemDialogComponent, ScAddOrEditingCartItemFormComponent, ScAddressesSelectionFieldComponent, ScAuthModule, ScBannerComponent, ScBannerModule, ScBrandsListComponent, ScBrandsListModule, ScCartAddProductsFromCsvDialogComponent, ScCatalogFilterCollapsibleComponent, ScCatalogFiltersComponent, ScCatalogModule, ScCategoryCardComponent, ScContactsAccordionComponent, ScContactsModule, ScContragentsAccordionComponent, ScContragentsAccordionItemComponent, ScContragentsModule, ScDeliveryAddressAccordionComponent, ScDeliveryAddressAccordionItemComponent, ScDeliveryAddressModule, ScDownloadPriceListComponent, ScDraftComponent, ScEmailLinkDirective, ScErrorBlockStatusComponent, ScErrorHandlerComponent, ScFavoriteButtonComponent, ScFeedbackFormComponent, ScFocusFirstInvalidFieldDirective, ScFormFieldsModule, ScFormatDatePipe, ScFrequentlyAskedQuestionsComponent, ScFrequentlyAskedQuestionsGroupSelectorComponent, ScFrequentlyAskedQuestionsWithGroupsComponent, ScGratitudeComponent, ScHelpNotificationService, ScHoverImageCarouselComponent, ScInputQuantityComponent, ScLinks, ScManagerCardComponent, ScManagerCardPushComponent, ScNewContactFormComponent, ScNewContragentBankAccountsFormComponent, ScNewContragentFormComponent, ScNewsCardComponent, ScNewsCardSkeletonComponent, ScNewsListComponent, ScNewsModule, ScNextInputFocusDirective, ScNextInputFocusModule, ScNoindexDirective, ScNoindexWrapperComponent, ScNotifyWhenInStockDialogComponent, ScOrderAccessorDirective, ScOrderDirectionItemsComponent, ScOrderFormComponent, ScOrderItemComponent, ScOrderItemsByDirection, ScOrderItemsListByDirectionsComponent, ScOrderItemsListByStockComponent, ScOrderItemsListComponent, ScOrderModule, ScPaginationLinksComponent, ScPaymentStatusComponent, ScPersonalDataProcessingPolicyComponent, ScPhoneFormatPipe, ScPreviewSampleComponent, ScPreviewSampleModule, ScPreviewSamplesMosquitoComponent, ScPriceCardComponent, ScPriceCardInlineComponent, ScPriceHistoryComponent, ScPriceListPaginationComponent, ScPriceWarehouseStockComponent, ScPrintDirective, ScPrintService, ScPrivacyPolicyComponent, ScProductInAllWarehousesPipe, ScProfileAccordionsContentComponent, ScProfileModule, ScPublicOfferComponent, ScQRCodeDialogComponent, ScQRCodeModule, ScResetUserPasswordComponent, ScResourcePreviewComponent, ScSandwichComponent, ScSandwichM2Component, ScSandwichM2SkeletonComponent, ScSandwichSkeletonComponent, ScSelectOnFocusinDirective, ScSeoTagsComponent, ScShareButtonComponent, ScShareDialogComponent, ScShareMessengersLinksComponent, ScShareService, ScSignInFormByEmailComponent, ScSignInFormByPhoneComponent, ScSignInFormComponent, ScSignUpFormComponent, ScSimpleSignUpFormComponent, ScSuggestionFieldComponent, ScTelLinkDirective, ScTerminalLinkDirective, ScUpdateUserInfoDialogComponent, ScUserManagersComponent, ScUserModule, ScUserPhoneApproveDialogComponent, ScVerificationModule, ScVerificationPhoneCheckFormComponent, TreeDirective, TreeIconService, TreeLoaderService, TreeTopDirective, cleanupRecaptchaArtifacts, phoneValidator, scAtLeastOneRequiredValidator, scBicValidator, scClientUiIconsName, scCorrespondentAccountValidator, scGetCurrentRoute, scGetFaqGroupQueryParams, scGetFaqQuestionAnchor, scGetFaqQuestionIdFromAnchor, scPasswordConfirmMatchingValidator, stepValidator, tuiDateValueTransformerDefaultProvider };
 //# sourceMappingURL=snabcentr-client-ui.mjs.map