@snabcentr/client-ui 1.6.1 → 1.6.3

package/fesm2020/snabcentr-client-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Inject, Input, Output, SkipSelf, Directive, HostBinding, ContentChild, ViewChild, NgModule, ContentChildren, HostListener, Injectable, inject, ElementRef, Optional, ChangeDetectorRef, Self, InjectionToken, forwardRef } from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Inject, Input, Output, SkipSelf, inject, Directive, HostBinding, ContentChild, ViewChild, NgModule, ContentChildren, HostListener, Injectable, ElementRef, Optional, ChangeDetectorRef, Self, InjectionToken, forwardRef } from '@angular/core';
 import * as i1 from '@snabcentr/client-core';
 import { ScUserMetrikaGoalsEnum, ScISuggestionType, ScOpfList, ScWarehouseService, ScAuthService, SEARCH_TERM, ScImageHelper, SC_PATH_IMAGE_NOT_FOUND, IS_RUNNING_ON_TERMINAL, SC_URLS, TERMINAL_PROVIDERS, SEARCH_TERM_PROVIDERS, ScCatalogService, ScCartService, ScIconTypesEnum, ScUserService } from '@snabcentr/client-core';
 import * as i5 from 'rxjs';
@@ -7,7 +7,7 @@ import { Subject, map, filter, switchMap, tap, catchError, of, finalize, startWi
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i4 from '@taiga-ui/core';
-import { TuiButtonModule, TuiModeModule, TuiDialogModule, TuiDialogService, TuiTextfieldControllerModule, TuiLabelModule, TuiErrorModule, TuiDataListModule, TuiLoaderModule, TuiNotificationModule, TuiLinkModule, TuiFormatPhonePipeModule, tuiFadeIn, TUI_MONTHS, TuiSvgModule, TuiHintModule, TuiFormatNumberPipeModule } from '@taiga-ui/core';
+import { TUI_DATA_LIST_HOST, TuiButtonModule, TuiModeModule, TuiDialogModule, TuiDialogService, TuiTextfieldControllerModule, TuiLabelModule, TuiErrorModule, TuiDataListModule, TuiLoaderModule, TuiNotificationModule, TuiLinkModule, TuiFormatPhonePipeModule, tuiFadeIn, TUI_MONTHS, TuiSvgModule, TuiHintModule, TuiFormatNumberPipeModule } from '@taiga-ui/core';
 import { HttpErrorResponse } from '@angular/common/http';
 import * as i3 from '@angular/forms';
 import { FormGroupDirective, FormGroup, FormControl, Validators, NgControl, FormArray, FormsModule, ReactiveFormsModule } from '@angular/forms';
@@ -672,6 +672,12 @@ class ScSuggestionFieldComponent {
          * Перечисление типов подсказок.
          */
         this.suggestionType = ScISuggestionType;
+        /**
+         * Компонент обёртка выпадающего списка.
+         */
+        this.host = inject(TUI_DATA_LIST_HOST, {
+            optional: true,
+        });
     }
     /** @inheritDoc */
     ngOnInit() {
@@ -699,12 +705,12 @@ class ScSuggestionFieldComponent {
         switch (this.type) {
             case ScISuggestionType.fio:
                 if ('fio' in suggestion) {
-                    this.control.control?.patchValue(suggestion.fio);
+                    this.control.control?.patchValue(suggestion.fio, { emitEvent: false });
                 }
                 break;
             case ScISuggestionType.address:
                 if ('addressString' in suggestion) {
-                    this.control.control?.patchValue(suggestion.addressString);
+                    this.control.control?.patchValue(suggestion.addressString, { emitEvent: false });
                 }
                 break;
             case ScISuggestionType.bank:
@@ -713,7 +719,7 @@ class ScSuggestionFieldComponent {
                         bankName: suggestion.name,
                         bic: suggestion.bic,
                         correspondentAccount: suggestion.correspondentAccount,
-                    });
+                    }, { emitEvent: false });
                 }
                 break;
             case ScISuggestionType.organization:
@@ -728,17 +734,19 @@ class ScSuggestionFieldComponent {
                         legalAddress: suggestion.legalAddress,
                         postalAddress: suggestion.postalAddress,
                         actualAddress: suggestion.actualAddress,
-                    });
+                    }, { emitEvent: false });
                 }
                 break;
             case ScISuggestionType.email:
                 if ('email' in suggestion) {
-                    this.control.control?.patchValue(suggestion.email);
+                    this.control.control?.patchValue(suggestion.email, { emitEvent: false });
                 }
                 break;
             default:
                 break;
         }
+        // Дёргаем внутренний обработчик выбора элемента выпадающего списка.
+        this.host?.handleOption(this.control.value);
         this.selectedClick.emit(suggestion);
     }
 }
@@ -1685,6 +1693,10 @@ class ScQRCodeDialogComponent {
         this.vCardService = vCardService;
         this.context = context;
         this.terminal = terminal;
+        /**
+         * Свойство, от которого зависит наличие атрибута `data-terminal-view` у `:host` компонента.
+         */
+        this.terminalView = this.terminal.isRunningOnTerminal;
     }
     /**
      * Выполняет скачивание генерируемого vCard файла контакта.
@@ -1703,17 +1715,20 @@ class ScQRCodeDialogComponent {
     }
 }
 ScQRCodeDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScQRCodeDialogComponent, deps: [{ token: i1.ScVCardService }, { token: POLYMORPHEUS_CONTEXT }, { token: IS_RUNNING_ON_TERMINAL }], target: i0.ɵɵFactoryTarget.Component });
-ScQRCodeDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ScQRCodeDialogComponent, selector: "sc-qrcode-dialog", ngImport: i0, template: "<p class=\"-mt-2 mb-3 text-tui-text-02\">{{ terminal.isRunningOnTerminal && this.isVCardData() ? '\u041E' : '\u041D\u0430\u0436\u043C\u0438\u0442\u0435 \u0438\u043B\u0438 \u043E' }}\u0442\u0441\u043A\u0430\u043D\u0438\u0440\u0443\u0439\u0442\u0435 QR-\u043A\u043E\u0434 \u0432\u0430\u0448\u0438\u043C \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u044B\u043C \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u043E\u043C.</p>\n<qrcode\n    (click)=\"downloadVCard()\"\n    [margin]=\"0\"\n    [qrdata]=\"this.context.data.qrdata\"\n    [width]=\"800\"\n    elementType=\"img\"\n    class=\"cursor-pointer\"\n></qrcode>\n", styles: ["::ng-deep tui-dialog:has([data-terminal-view=true]){width:21rem!important}::ng-deep tui-dialog:has([data-terminal-view=true]) .t-heading{margin-bottom:.5rem!important;font:var(--tui-font-heading-6)!important}\n"], dependencies: [{ kind: "component", type: i2$2.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 });
+ScQRCodeDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ScQRCodeDialogComponent, selector: "sc-qrcode-dialog", host: { properties: { "attr.data-terminal-view": "this.terminalView" } }, ngImport: i0, template: "<p class=\"-mt-2 mb-3 text-tui-text-02\">{{ !terminal.isRunningOnTerminal && this.isVCardData() ? '\u041D\u0430\u0436\u043C\u0438\u0442\u0435 \u0438\u043B\u0438 \u043E' : '\u041E' }}\u0442\u0441\u043A\u0430\u043D\u0438\u0440\u0443\u0439\u0442\u0435 QR-\u043A\u043E\u0434 \u0432\u0430\u0448\u0438\u043C \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u044B\u043C \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u043E\u043C.</p>\n<qrcode\n    (click)=\"downloadVCard()\"\n    [margin]=\"0\"\n    [qrdata]=\"this.context.data.qrdata\"\n    [width]=\"800\"\n    elementType=\"img\"\n    class=\"cursor-pointer\"\n></qrcode>\n", styles: ["::ng-deep tui-dialog:has([data-terminal-view=true]){width:21rem!important}::ng-deep tui-dialog:has([data-terminal-view=true]) .t-heading{margin-bottom:.5rem!important;font:var(--tui-font-heading-6)!important}\n"], dependencies: [{ kind: "component", type: i2$2.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: "14.3.0", ngImport: i0, type: ScQRCodeDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sc-qrcode-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p class=\"-mt-2 mb-3 text-tui-text-02\">{{ terminal.isRunningOnTerminal && this.isVCardData() ? '\u041E' : '\u041D\u0430\u0436\u043C\u0438\u0442\u0435 \u0438\u043B\u0438 \u043E' }}\u0442\u0441\u043A\u0430\u043D\u0438\u0440\u0443\u0439\u0442\u0435 QR-\u043A\u043E\u0434 \u0432\u0430\u0448\u0438\u043C \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u044B\u043C \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u043E\u043C.</p>\n<qrcode\n    (click)=\"downloadVCard()\"\n    [margin]=\"0\"\n    [qrdata]=\"this.context.data.qrdata\"\n    [width]=\"800\"\n    elementType=\"img\"\n    class=\"cursor-pointer\"\n></qrcode>\n", styles: ["::ng-deep tui-dialog:has([data-terminal-view=true]){width:21rem!important}::ng-deep tui-dialog:has([data-terminal-view=true]) .t-heading{margin-bottom:.5rem!important;font:var(--tui-font-heading-6)!important}\n"] }]
+            args: [{ selector: 'sc-qrcode-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p class=\"-mt-2 mb-3 text-tui-text-02\">{{ !terminal.isRunningOnTerminal && this.isVCardData() ? '\u041D\u0430\u0436\u043C\u0438\u0442\u0435 \u0438\u043B\u0438 \u043E' : '\u041E' }}\u0442\u0441\u043A\u0430\u043D\u0438\u0440\u0443\u0439\u0442\u0435 QR-\u043A\u043E\u0434 \u0432\u0430\u0448\u0438\u043C \u043C\u043E\u0431\u0438\u043B\u044C\u043D\u044B\u043C \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u043E\u043C.</p>\n<qrcode\n    (click)=\"downloadVCard()\"\n    [margin]=\"0\"\n    [qrdata]=\"this.context.data.qrdata\"\n    [width]=\"800\"\n    elementType=\"img\"\n    class=\"cursor-pointer\"\n></qrcode>\n", styles: ["::ng-deep tui-dialog:has([data-terminal-view=true]){width:21rem!important}::ng-deep tui-dialog:has([data-terminal-view=true]) .t-heading{margin-bottom:.5rem!important;font:var(--tui-font-heading-6)!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.ScVCardService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [POLYMORPHEUS_CONTEXT]
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [IS_RUNNING_ON_TERMINAL]
-                }] }]; } });
+                }] }]; }, propDecorators: { terminalView: [{
+                type: HostBinding,
+                args: ['attr.data-terminal-view']
+            }] } });
 
 /**
  * Модуль QR кода.