npm - @snabcentr/client-ui - Versions diffs - 3.44.4 → 3.44.8 - Mend

@snabcentr/client-ui 3.44.4 → 3.44.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (130) hide show

package/esm2022/noindex-wrapper/directives/index.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './sc-noindex.directive';
2	+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jbGllbnQtdWkvbm9pbmRleC13cmFwcGVyL2RpcmVjdGl2ZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx3QkFBd0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc2Mtbm9pbmRleC5kaXJlY3RpdmUnO1xuIl19

package/esm2022/noindex-wrapper/directives/sc-noindex.directive.mjs ADDED Viewed

@@ -0,0 +1,58 @@
+import { Directive, ElementRef, inject, Renderer2 } from '@angular/core';
+import { IS_SERVER } from '@snabcentr/client-core';
+import * as i0 from "@angular/core";
+/**
+ * Директива для замены элемента на HTML-комментарий `<!-- noindex -->` или `<!-- /noindex -->` в runtime.
+ * Применяется к элементам с атрибутом `data-noindex="true"` или `data-noindex="false"`.
+ * Выполняется только в браузере, не выполняется на сервере (SSR).
+ * Используется для SEO оптимизации (преимущественно в Yandex).
+ */
+export class ScNoindexDirective {
+    constructor() {
+        /**
+         * Ссылка на HTML элемент.
+         */
+        this.elementRef = inject(ElementRef);
+        /**
+         * Renderer для безопасной работы с DOM.
+         */
+        this.renderer = inject(Renderer2);
+        /**
+         * Признак, что приложение запущено на сервере.
+         */
+        this.isServer = inject(IS_SERVER);
+    }
+    /**
+     * Инициализация директивы - замена элемента на комментарий.
+     * Выполняется только в браузере.
+     */
+    ngOnInit() {
+        // Пропускаем выполнение на сервере (SSR).
+        if (this.isServer) {
+            return;
+        }
+        const element = this.elementRef.nativeElement;
+        const parent = element.parentNode;
+        if (!parent) {
+            return;
+        }
+        // Получаем значение атрибута data-noindex.
+        const noindexValue = element.dataset['noindex'];
+        // Определяем текст комментария в зависимости от значения атрибута и создаем комментарий.
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        const comment = this.renderer.createComment(noindexValue === 'false' ? '/noindex' : 'noindex');
+        // Заменяем элемент на комментарий используя нативный DOM API для гарантированной замены.
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+        element.replaceWith(comment);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScNoindexDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ScNoindexDirective, isStandalone: true, selector: "[data-noindex]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScNoindexDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[data-noindex]',
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Mtbm9pbmRleC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jbGllbnQtdWkvbm9pbmRleC13cmFwcGVyL2RpcmVjdGl2ZXMvc2Mtbm9pbmRleC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFVLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBRW5EOzs7OztHQUtHO0FBS0gsTUFBTSxPQUFPLGtCQUFrQjtJQUovQjtRQUtJOztXQUVHO1FBQ2MsZUFBVSxHQUE0QixNQUFNLENBQTBCLFVBQVUsQ0FBQyxDQUFDO1FBRW5HOztXQUVHO1FBQ2MsYUFBUSxHQUFjLE1BQU0sQ0FBWSxTQUFTLENBQUMsQ0FBQztRQUVwRTs7V0FFRztRQUNjLGFBQVEsR0FBWSxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7S0E4QjFEO0lBNUJHOzs7T0FHRztJQUNJLFFBQVE7UUFDWCwwQ0FBMEM7UUFDMUMsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDaEIsT0FBTztRQUNYLENBQUM7UUFFRCxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztRQUM5QyxNQUFNLE1BQU0sR0FBRyxPQUFPLENBQUMsVUFBVSxDQUFDO1FBRWxDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNWLE9BQU87UUFDWCxDQUFDO1FBRUQsMkNBQTJDO1FBQzNDLE1BQU0sWUFBWSxHQUFHLE9BQU8sQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUM7UUFFaEQseUZBQXlGO1FBQ3pGLG1FQUFtRTtRQUNuRSxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxZQUFZLEtBQUssT0FBTyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBRS9GLHlGQUF5RjtRQUN6RixpRUFBaUU7UUFDakUsT0FBTyxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNqQyxDQUFDOytHQTNDUSxrQkFBa0I7bUdBQWxCLGtCQUFrQjs7NEZBQWxCLGtCQUFrQjtrQkFKOUIsU0FBUzttQkFBQztvQkFDUCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLGdCQUFnQjtpQkFDN0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIGluamVjdCwgT25Jbml0LCBSZW5kZXJlcjIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElTX1NFUlZFUiB9IGZyb20gJ0BzbmFiY2VudHIvY2xpZW50LWNvcmUnO1xuXG4vKipcbiAqINCU0LjRgNC10LrRgtC40LLQsCDQtNC70Y8g0LfQsNC80LXQvdGLINGN0LvQtdC80LXQvdGC0LAg0L3QsCBIVE1MLdC60L7QvNC80LXQvdGC0LDRgNC40LkgYDwhLS0gbm9pbmRleCAtLT5gINC40LvQuCBgPCEtLSAvbm9pbmRleCAtLT5gINCyIHJ1bnRpbWUuXG4gKiDQn9GA0LjQvNC10L3Rj9C10YLRgdGPINC6INGN0LvQtdC80LXQvdGC0LDQvCDRgSDQsNGC0YDQuNCx0YPRgtC+0LwgYGRhdGEtbm9pbmRleD1cInRydWVcImAg0LjQu9C4IGBkYXRhLW5vaW5kZXg9XCJmYWxzZVwiYC5cbiAqINCS0YvQv9C+0LvQvdGP0LXRgtGB0Y8g0YLQvtC70YzQutC+INCyINCx0YDQsNGD0LfQtdGA0LUsINC90LUg0LLRi9C/0L7Qu9C90Y/QtdGC0YHRjyDQvdCwINGB0LXRgNCy0LXRgNC1IChTU1IpLlxuICog0JjRgdC/0L7Qu9GM0LfRg9C10YLRgdGPINC00LvRjyBTRU8g0L7Qv9GC0LjQvNC40LfQsNGG0LjQuCAo0L/RgNC10LjQvNGD0YnQtdGB0YLQstC10L3QvdC+INCyIFlhbmRleCkuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdbZGF0YS1ub2luZGV4XScsXG59KVxuZXhwb3J0IGNsYXNzIFNjTm9pbmRleERpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgLyoqXG4gICAgICog0KHRgdGL0LvQutCwINC90LAgSFRNTCDRjdC70LXQvNC10L3Rgi5cbiAgICAgKi9cbiAgICBwcml2YXRlIHJlYWRvbmx5IGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+ID0gaW5qZWN0PEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+PihFbGVtZW50UmVmKTtcblxuICAgIC8qKlxuICAgICAqIFJlbmRlcmVyINC00LvRjyDQsdC10LfQvtC/0LDRgdC90L7QuSDRgNCw0LHQvtGC0Ysg0YEgRE9NLlxuICAgICAqL1xuICAgIHByaXZhdGUgcmVhZG9ubHkgcmVuZGVyZXI6IFJlbmRlcmVyMiA9IGluamVjdDxSZW5kZXJlcjI+KFJlbmRlcmVyMik7XG5cbiAgICAvKipcbiAgICAgKiDQn9GA0LjQt9C90LDQuiwg0YfRgtC+INC/0YDQuNC70L7QttC10L3QuNC1INC30LDQv9GD0YnQtdC90L4g0L3QsCDRgdC10YDQstC10YDQtS5cbiAgICAgKi9cbiAgICBwcml2YXRlIHJlYWRvbmx5IGlzU2VydmVyOiBib29sZWFuID0gaW5qZWN0KElTX1NFUlZFUik7XG5cbiAgICAvKipcbiAgICAgKiDQmNC90LjRhtC40LDQu9C40LfQsNGG0LjRjyDQtNC40YDQtdC60YLQuNCy0YsgLSDQt9Cw0LzQtdC90LAg0Y3Qu9C10LzQtdC90YLQsCDQvdCwINC60L7QvNC80LXQvdGC0LDRgNC40LkuXG4gICAgICog0JLRi9C/0L7Qu9C90Y/QtdGC0YHRjyDRgtC+0LvRjNC60L4g0LIg0LHRgNCw0YPQt9C10YDQtS5cbiAgICAgKi9cbiAgICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIC8vINCf0YDQvtC/0YPRgdC60LDQtdC8INCy0YvQv9C+0LvQvdC10L3QuNC1INC90LAg0YHQtdGA0LLQtdGA0LUgKFNTUikuXG4gICAgICAgIGlmICh0aGlzLmlzU2VydmVyKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBlbGVtZW50ID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ7XG4gICAgICAgIGNvbnN0IHBhcmVudCA9IGVsZW1lbnQucGFyZW50Tm9kZTtcblxuICAgICAgICBpZiAoIXBhcmVudCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8g0J/QvtC70YPRh9Cw0LXQvCDQt9C90LDRh9C10L3QuNC1INCw0YLRgNC40LHRg9GC0LAgZGF0YS1ub2luZGV4LlxuICAgICAgICBjb25zdCBub2luZGV4VmFsdWUgPSBlbGVtZW50LmRhdGFzZXRbJ25vaW5kZXgnXTtcblxuICAgICAgICAvLyDQntC/0YDQtdC00LXQu9GP0LXQvCDRgtC10LrRgdGCINC60L7QvNC80LXQvdGC0LDRgNC40Y8g0LIg0LfQsNCy0LjRgdC40LzQvtGB0YLQuCDQvtGCINC30L3QsNGH0LXQvdC40Y8g0LDRgtGA0LjQsdGD0YLQsCDQuCDRgdC+0LfQtNCw0LXQvCDQutC+0LzQvNC10L3RgtCw0YDQuNC5LlxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVuc2FmZS1hc3NpZ25tZW50XG4gICAgICAgIGNvbnN0IGNvbW1lbnQgPSB0aGlzLnJlbmRlcmVyLmNyZWF0ZUNvbW1lbnQobm9pbmRleFZhbHVlID09PSAnZmFsc2UnID8gJy9ub2luZGV4JyA6ICdub2luZGV4Jyk7XG5cbiAgICAgICAgLy8g0JfQsNC80LXQvdGP0LXQvCDRjdC70LXQvNC10L3RgiDQvdCwINC60L7QvNC80LXQvdGC0LDRgNC40Lkg0LjRgdC/0L7Qu9GM0LfRg9GPINC90LDRgtC40LLQvdGL0LkgRE9NIEFQSSDQtNC70Y8g0LPQsNGA0LDQvdGC0LjRgNC+0LLQsNC90L3QvtC5INC30LDQvNC10L3Riy5cbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXJndW1lbnRcbiAgICAgICAgZWxlbWVudC5yZXBsYWNlV2l0aChjb21tZW50KTtcbiAgICB9XG59XG4iXX0=

package/esm2022/noindex-wrapper/index.mjs ADDED Viewed

@@ -0,0 +1,3 @@
+export * from './directives';
+export * from './sc-noindex-wrapper.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jbGllbnQtdWkvbm9pbmRleC13cmFwcGVyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsZ0NBQWdDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2RpcmVjdGl2ZXMnO1xuZXhwb3J0ICogZnJvbSAnLi9zYy1ub2luZGV4LXdyYXBwZXIuY29tcG9uZW50JztcbiJdfQ==

package/esm2022/noindex-wrapper/sc-noindex-wrapper.component.mjs ADDED Viewed

@@ -0,0 +1,16 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ScNoindexDirective } from './directives';
+import * as i0 from "@angular/core";
+/**
+ * Компонент-обертка для автоматического добавления тегов noindex вокруг контента.
+ * Автоматически добавляет открывающий `<!-- noindex -->` и закрывающий `<!-- /noindex -->` комментарии.
+ */
+export class ScNoindexWrapperComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScNoindexWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ScNoindexWrapperComponent, isStandalone: true, selector: "sc-noindex-wrapper", ngImport: i0, template: "<div\n    style=\"display: none\"\n    data-noindex=\"true\"\n></div>\n<ng-content />\n<div\n    style=\"display: none\"\n    data-noindex=\"false\"\n></div>\n", dependencies: [{ kind: "directive", type: ScNoindexDirective, selector: "[data-noindex]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScNoindexWrapperComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'sc-noindex-wrapper', imports: [ScNoindexDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    style=\"display: none\"\n    data-noindex=\"true\"\n></div>\n<ng-content />\n<div\n    style=\"display: none\"\n    data-noindex=\"false\"\n></div>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Mtbm9pbmRleC13cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NsaWVudC11aS9ub2luZGV4LXdyYXBwZXIvc2Mtbm9pbmRleC13cmFwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NsaWVudC11aS9ub2luZGV4LXdyYXBwZXIvc2Mtbm9pbmRleC13cmFwcGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFbkUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sY0FBYyxDQUFDOztBQUVsRDs7O0dBR0c7QUFRSCxNQUFNLE9BQU8seUJBQXlCOytHQUF6Qix5QkFBeUI7bUdBQXpCLHlCQUF5Qiw4RUNmdEMsaUtBU0EsNENER2Msa0JBQWtCOzs0RkFHbkIseUJBQXlCO2tCQVByQyxTQUFTO2lDQUNNLElBQUksWUFDTixvQkFBb0IsV0FFckIsQ0FBQyxrQkFBa0IsQ0FBQyxtQkFDWix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTY05vaW5kZXhEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMnO1xuXG4vKipcbiAqINCa0L7QvNC/0L7QvdC10L3Rgi3QvtCx0LXRgNGC0LrQsCDQtNC70Y8g0LDQstGC0L7QvNCw0YLQuNGH0LXRgdC60L7Qs9C+INC00L7QsdCw0LLQu9C10L3QuNGPINGC0LXQs9C+0LIgbm9pbmRleCDQstC+0LrRgNGD0LMg0LrQvtC90YLQtdC90YLQsC5cbiAqINCQ0LLRgtC+0LzQsNGC0LjRh9C10YHQutC4INC00L7QsdCw0LLQu9GP0LXRgiDQvtGC0LrRgNGL0LLQsNGO0YnQuNC5IGA8IS0tIG5vaW5kZXggLS0+YCDQuCDQt9Cw0LrRgNGL0LLQsNGO0YnQuNC5IGA8IS0tIC9ub2luZGV4IC0tPmAg0LrQvtC80LzQtdC90YLQsNGA0LjQuC5cbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ3NjLW5vaW5kZXgtd3JhcHBlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NjLW5vaW5kZXgtd3JhcHBlci5jb21wb25lbnQuaHRtbCcsXG4gICAgaW1wb3J0czogW1NjTm9pbmRleERpcmVjdGl2ZV0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNjTm9pbmRleFdyYXBwZXJDb21wb25lbnQge31cbiIsIjxkaXZcbiAgICBzdHlsZT1cImRpc3BsYXk6IG5vbmVcIlxuICAgIGRhdGEtbm9pbmRleD1cInRydWVcIlxuPjwvZGl2PlxuPG5nLWNvbnRlbnQgLz5cbjxkaXZcbiAgICBzdHlsZT1cImRpc3BsYXk6IG5vbmVcIlxuICAgIGRhdGEtbm9pbmRleD1cImZhbHNlXCJcbj48L2Rpdj5cbiJdfQ==

package/esm2022/order/order-item-mobile/sc-order-item-mobile.component.mjs CHANGED Viewed

@@ -42,10 +42,10 @@ export class ScOrderItemMobileComponent extends AbstractScPriceCard {
     showSpecification() {
         this.previewDialogService.open(this.specificationPreviewRef ?? '').subscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScOrderItemMobileComponent, deps: [{ token: TuiPreviewDialogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScOrderItemMobileComponent, selector: "sc-order-item-mobile", inputs: { orderItem: { classPropertyName: "orderItem", publicName: "orderItem", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickActionsEvent: "clickActionsEvent" }, viewQueries: [{ propertyName: "specificationPreviewRef", first: true, predicate: ["specificationPreview"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@let orderItemData = orderItem();\n@let product = orderItemData?.product;\n@let cartImageData = cartImage();\n\n<div\n    [style.opacity]=\"product?.isHidden ? 'var(--tui-disabled-opacity)' : ''\"\n    class=\"relative flex flex-wrap gap-x-4 gap-y-2 rounded-xl border border-tui-base-04 bg-white p-4 shadow-sc-2\"\n>\n    <ng-container *ngIf=\"orderItemData && product; else skeleton\">\n        <button\n            tuiIconButton\n            (click)=\"product.isHidden ? null : clickActionsEvent.emit()\"\n            size=\"m\"\n            iconStart=\"@tui.ellipsis-vertical\"\n            appearance=\"float\"\n            class=\"!absolute right-0 top-0 !hidden\"\n        ></button>\n        <div class=\"flex grow gap-2\">\n            <div class=\"flex size-20 shrink-0 items-center justify-center overflow-hidden\">\n                <picture *ngIf=\"cartImageData\">\n                    @if (cartImageData.imageWebp) {\n                        <source\n                            type=\"image/webp\"\n                            [srcset]=\"cartImageData.imageWebp\"\n                        />\n                    }\n                    @if (cartImageData.image) {\n                        <img\n                            (click)=\"product.isHidden ? null : clickCardEvent.emit()\"\n                            [src]=\"cartImageData.image\"\n                            [alt]=\"product.name\"\n                            [class.p-5]=\"!product.images?.length\"\n                            class=\"cursor-pointer\"\n                        />\n                    }\n                </picture>\n            </div>\n\n            <div class=\"flex grow flex-wrap gap-x-8 self-center\">\n                <div class=\"flex grow basis-min-content flex-col\">\n                    <a\n                        [attr.href]=\"href ?? null\"\n                        [class.disabled]=\"product.isHidden\"\n                        tuiLink\n                        (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                    >\n                        <span class=\"font-bold\">{{ product.name }}</span>\n                    </a>\n                    <div class=\"flex flex-col gap-y-0.5 text-tui-text-02\">\n                        <span *ngIf=\"product.supplierSku\"> \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }} </span>\n                        <div class=\"flex flex-wrap\">\n                            <p class=\"w-40\">\u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}</p>\n                            <p\n                                class=\"w-40\"\n                                *ngIf=\"product.pack\"\n                            >\n                                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                            </p>\n                        </div>\n                        <a\n                            tuiLink\n                            *ngIf=\"orderItemData.specificationImgUrl\"\n                            (click)=\"showSpecification()\"\n                            [class.disabled]=\"product.isHidden\"\n                        >\n                            \u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\n                        </a>\n                        <ng-template\n                            #specificationPreview\n                            let-preview\n                        >\n                            <tui-preview\n                                [rotatable]=\"false\"\n                                [zoomable]=\"false\"\n                            >\n                                <img\n                                    *polymorpheusOutlet=\"orderItemData.specificationImgUrl as src\"\n                                    alt=\"preview\"\n                                    [src]=\"orderItemData.specificationImgUrl\"\n                                />\n                                <button\n                                    iconStart=\"@tui.x\"\n                                    title=\"Close\"\n                                    tuiIconButton\n                                    tuiPreviewAction\n                                    type=\"button\"\n                                    (click)=\"preview.complete()\"\n                                ></button>\n                            </tui-preview>\n                        </ng-template>\n                    </div>\n\n                    <sc-cost-with-discount [product]=\"product\" />\n                </div>\n                <div class=\"flex flex-wrap content-center\">\n                    <div class=\"w-50 flex flex-col gap-x-8 gap-y-0.5\">\n                        <ng-container *ngIf=\"orderItemData.height; else length\">\n                            <p>\u0412\u044B\u0441\u043E\u0442\u0430: {{ orderItemData.height }} \u043C.</p>\n                        </ng-container>\n                        <ng-template #length>\n                            <p *ngIf=\"orderItemData.length\">\u0414\u043B\u0438\u043D\u0430: {{ orderItemData.length }} \u043C.</p>\n                        </ng-template>\n                        <p *ngIf=\"orderItemData.width\">\u0428\u0438\u0440\u0438\u043D\u0430: {{ orderItemData.width }} \u043C.</p>\n                        <p class=\"flex flex-col items-baseline gap-x-2\">\n                            <span class=\"whitespace-nowrap text-body-m-bold\">\n                                \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E: <span class=\"whitespace-nowrap\">{{ orderItemData.quantity }}</span>\n                            </span>\n                        </p>\n                    </div>\n\n                    <div class=\"w-50 flex flex-col gap-y-0.5\">\n                        <p class=\"whitespace-nowrap text-body-m-bold\">\n                            \u0421\u0443\u043C\u043C\u0430: <span class=\"whitespace-nowrap\"> {{ orderItemData.getCostRubStr() }} </span>\n                        </p>\n                        <sc-price-warehouse-stock\n                            [product]=\"product\"\n                            [fromMain]=\"false\"\n                        />\n                    </div>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-template #skeleton>\n        <div class=\"flex w-full gap-2\">\n            <div class=\"size-20 rounded-xl bg-tui-base-02\"></div>\n            <div class=\"flex grow flex-col gap-2.5 bg-white\">\n                <div class=\"h-4 w-full rounded-xl bg-tui-base-02\"></div>\n                <div class=\"h-4 w-3/5 rounded-xl bg-tui-base-02\"></div>\n                <div class=\"h-4 w-4/5 rounded-xl bg-tui-base-02\"></div>\n            </div>\n        </div>\n    </ng-template>\n</div>\n", styles: ["a[tuilink].disabled{pointer-events:none!important;cursor:default;opacity:var(--tui-disabled-opacity)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i2.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i3.TuiPreviewComponent, selector: "tui-preview", inputs: ["zoomable", "rotatable"] }, { kind: "directive", type: i3.TuiPreviewAction, selector: "[tuiPreviewAction]" }, { kind: "directive", type: i4.PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: i5.ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: i6.CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderItemMobileComponent, deps: [{ token: TuiPreviewDialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScOrderItemMobileComponent, selector: "sc-order-item-mobile", inputs: { orderItem: { classPropertyName: "orderItem", publicName: "orderItem", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickActionsEvent: "clickActionsEvent" }, viewQueries: [{ propertyName: "specificationPreviewRef", first: true, predicate: ["specificationPreview"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@let orderItemData = orderItem();\n@let product = orderItemData?.product;\n@let cartImageData = cartImage();\n\n<div\n    [style.opacity]=\"product?.isHidden ? 'var(--tui-disabled-opacity)' : ''\"\n    class=\"relative flex flex-wrap gap-x-4 gap-y-2 rounded-xl border border-tui-base-04 bg-white p-4 shadow-sc-2\"\n>\n    <ng-container *ngIf=\"orderItemData && product; else skeleton\">\n        <button\n            tuiIconButton\n            (click)=\"product.isHidden ? null : clickActionsEvent.emit()\"\n            size=\"m\"\n            iconStart=\"@tui.ellipsis-vertical\"\n            appearance=\"float\"\n            class=\"!absolute right-0 top-0 !hidden\"\n        ></button>\n        <div class=\"flex grow gap-2\">\n            <div class=\"flex size-20 shrink-0 items-center justify-center overflow-hidden\">\n                <picture *ngIf=\"cartImageData\">\n                    @if (cartImageData.imageWebp) {\n                        <source\n                            type=\"image/webp\"\n                            [srcset]=\"cartImageData.imageWebp\"\n                        />\n                    }\n                    @if (cartImageData.image) {\n                        <img\n                            (click)=\"product.isHidden ? null : clickCardEvent.emit()\"\n                            [src]=\"cartImageData.image\"\n                            [alt]=\"product.name\"\n                            [class.p-5]=\"!product.images?.length\"\n                            class=\"cursor-pointer\"\n                        />\n                    }\n                </picture>\n            </div>\n\n            <div class=\"flex grow flex-wrap gap-x-8 self-center\">\n                <div class=\"flex grow basis-min-content flex-col\">\n                    <a\n                        [attr.href]=\"href ?? null\"\n                        [class.disabled]=\"product.isHidden\"\n                        tuiLink\n                        (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                    >\n                        <span class=\"font-bold\">{{ product.name }}</span>\n                    </a>\n                    <div class=\"flex flex-col gap-y-0.5 text-tui-text-02\">\n                        <span *ngIf=\"product.supplierSku\"> \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }} </span>\n                        <div class=\"flex flex-wrap\">\n                            <p class=\"w-40\">\u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}</p>\n                            <p\n                                class=\"w-40\"\n                                *ngIf=\"product.pack\"\n                            >\n                                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                            </p>\n                        </div>\n                        <a\n                            tuiLink\n                            *ngIf=\"orderItemData.specificationImgUrl\"\n                            (click)=\"showSpecification()\"\n                            [class.disabled]=\"product.isHidden\"\n                        >\n                            \u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\n                        </a>\n                        <ng-template\n                            #specificationPreview\n                            let-preview\n                        >\n                            <tui-preview\n                                [rotatable]=\"false\"\n                                [zoomable]=\"false\"\n                            >\n                                <img\n                                    *polymorpheusOutlet=\"orderItemData.specificationImgUrl as src\"\n                                    alt=\"preview\"\n                                    [src]=\"orderItemData.specificationImgUrl\"\n                                />\n                                <button\n                                    iconStart=\"@tui.x\"\n                                    title=\"Close\"\n                                    tuiIconButton\n                                    tuiPreviewAction\n                                    type=\"button\"\n                                    (click)=\"preview.complete()\"\n                                ></button>\n                            </tui-preview>\n                        </ng-template>\n                    </div>\n\n                    <sc-cost-with-discount [product]=\"product\" />\n                </div>\n                <div class=\"flex flex-wrap content-center\">\n                    <div class=\"w-50 flex flex-col gap-x-8 gap-y-0.5\">\n                        <ng-container *ngIf=\"orderItemData.height; else length\">\n                            <p>\u0412\u044B\u0441\u043E\u0442\u0430: {{ orderItemData.height }} \u043C.</p>\n                        </ng-container>\n                        <ng-template #length>\n                            <p *ngIf=\"orderItemData.length\">\u0414\u043B\u0438\u043D\u0430: {{ orderItemData.length }} \u043C.</p>\n                        </ng-template>\n                        <p *ngIf=\"orderItemData.width\">\u0428\u0438\u0440\u0438\u043D\u0430: {{ orderItemData.width }} \u043C.</p>\n                        <p class=\"flex flex-col items-baseline gap-x-2\">\n                            <span class=\"whitespace-nowrap text-body-m-bold\">\n                                \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E: <span class=\"whitespace-nowrap\">{{ orderItemData.quantity }}</span>\n                            </span>\n                        </p>\n                    </div>\n\n                    <div class=\"w-50 flex flex-col gap-y-0.5\">\n                        <p class=\"whitespace-nowrap text-body-m-bold\">\n                            \u0421\u0443\u043C\u043C\u0430: <span class=\"whitespace-nowrap\"> {{ orderItemData.getCostRubStr() }} </span>\n                        </p>\n                        <sc-price-warehouse-stock\n                            [product]=\"product\"\n                            [fromMain]=\"false\"\n                        />\n                    </div>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-template #skeleton>\n        <div class=\"flex w-full gap-2\">\n            <div class=\"size-20 rounded-xl bg-tui-base-02\"></div>\n            <div class=\"flex grow flex-col gap-2.5 bg-white\">\n                <div class=\"h-4 w-full rounded-xl bg-tui-base-02\"></div>\n                <div class=\"h-4 w-3/5 rounded-xl bg-tui-base-02\"></div>\n                <div class=\"h-4 w-4/5 rounded-xl bg-tui-base-02\"></div>\n            </div>\n        </div>\n    </ng-template>\n</div>\n", styles: ["a[tuilink].disabled{pointer-events:none!important;cursor:default;opacity:var(--tui-disabled-opacity)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i2.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i3.TuiPreviewComponent, selector: "tui-preview", inputs: ["zoomable", "rotatable", "initialScale"] }, { kind: "directive", type: i3.TuiPreviewAction, selector: "[tuiPreviewAction]" }, { kind: "directive", type: i4.PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: i5.ScPriceWarehouseStockComponent, selector: "sc-price-warehouse-stock", inputs: ["classList", "product", "withStockHint", "fromMain"] }, { kind: "component", type: i6.CostWithDiscountComponent, selector: "sc-cost-with-discount", inputs: ["product", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScOrderItemMobileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderItemMobileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sc-order-item-mobile', changeDetection: ChangeDetectionStrategy.OnPush, template: "@let orderItemData = orderItem();\n@let product = orderItemData?.product;\n@let cartImageData = cartImage();\n\n<div\n    [style.opacity]=\"product?.isHidden ? 'var(--tui-disabled-opacity)' : ''\"\n    class=\"relative flex flex-wrap gap-x-4 gap-y-2 rounded-xl border border-tui-base-04 bg-white p-4 shadow-sc-2\"\n>\n    <ng-container *ngIf=\"orderItemData && product; else skeleton\">\n        <button\n            tuiIconButton\n            (click)=\"product.isHidden ? null : clickActionsEvent.emit()\"\n            size=\"m\"\n            iconStart=\"@tui.ellipsis-vertical\"\n            appearance=\"float\"\n            class=\"!absolute right-0 top-0 !hidden\"\n        ></button>\n        <div class=\"flex grow gap-2\">\n            <div class=\"flex size-20 shrink-0 items-center justify-center overflow-hidden\">\n                <picture *ngIf=\"cartImageData\">\n                    @if (cartImageData.imageWebp) {\n                        <source\n                            type=\"image/webp\"\n                            [srcset]=\"cartImageData.imageWebp\"\n                        />\n                    }\n                    @if (cartImageData.image) {\n                        <img\n                            (click)=\"product.isHidden ? null : clickCardEvent.emit()\"\n                            [src]=\"cartImageData.image\"\n                            [alt]=\"product.name\"\n                            [class.p-5]=\"!product.images?.length\"\n                            class=\"cursor-pointer\"\n                        />\n                    }\n                </picture>\n            </div>\n\n            <div class=\"flex grow flex-wrap gap-x-8 self-center\">\n                <div class=\"flex grow basis-min-content flex-col\">\n                    <a\n                        [attr.href]=\"href ?? null\"\n                        [class.disabled]=\"product.isHidden\"\n                        tuiLink\n                        (click)=\"$event.preventDefault(); clickCardEvent.emit()\"\n                    >\n                        <span class=\"font-bold\">{{ product.name }}</span>\n                    </a>\n                    <div class=\"flex flex-col gap-y-0.5 text-tui-text-02\">\n                        <span *ngIf=\"product.supplierSku\"> \u0410\u0440\u0442\u0438\u043A\u0443\u043B \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F: {{ product.supplierSku }} </span>\n                        <div class=\"flex flex-wrap\">\n                            <p class=\"w-40\">\u0410\u0440\u0442\u0438\u043A\u0443\u043B: {{ product.code }}</p>\n                            <p\n                                class=\"w-40\"\n                                *ngIf=\"product.pack\"\n                            >\n                                \u041D\u043E\u0440\u043C\u0430 \u0443\u043F\u0430\u043A\u043E\u0432\u043A\u0438: {{ product.pack }}\n                            </p>\n                        </div>\n                        <a\n                            tuiLink\n                            *ngIf=\"orderItemData.specificationImgUrl\"\n                            (click)=\"showSpecification()\"\n                            [class.disabled]=\"product.isHidden\"\n                        >\n                            \u0421\u043F\u0435\u0446\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u044F\n                        </a>\n                        <ng-template\n                            #specificationPreview\n                            let-preview\n                        >\n                            <tui-preview\n                                [rotatable]=\"false\"\n                                [zoomable]=\"false\"\n                            >\n                                <img\n                                    *polymorpheusOutlet=\"orderItemData.specificationImgUrl as src\"\n                                    alt=\"preview\"\n                                    [src]=\"orderItemData.specificationImgUrl\"\n                                />\n                                <button\n                                    iconStart=\"@tui.x\"\n                                    title=\"Close\"\n                                    tuiIconButton\n                                    tuiPreviewAction\n                                    type=\"button\"\n                                    (click)=\"preview.complete()\"\n                                ></button>\n                            </tui-preview>\n                        </ng-template>\n                    </div>\n\n                    <sc-cost-with-discount [product]=\"product\" />\n                </div>\n                <div class=\"flex flex-wrap content-center\">\n                    <div class=\"w-50 flex flex-col gap-x-8 gap-y-0.5\">\n                        <ng-container *ngIf=\"orderItemData.height; else length\">\n                            <p>\u0412\u044B\u0441\u043E\u0442\u0430: {{ orderItemData.height }} \u043C.</p>\n                        </ng-container>\n                        <ng-template #length>\n                            <p *ngIf=\"orderItemData.length\">\u0414\u043B\u0438\u043D\u0430: {{ orderItemData.length }} \u043C.</p>\n                        </ng-template>\n                        <p *ngIf=\"orderItemData.width\">\u0428\u0438\u0440\u0438\u043D\u0430: {{ orderItemData.width }} \u043C.</p>\n                        <p class=\"flex flex-col items-baseline gap-x-2\">\n                            <span class=\"whitespace-nowrap text-body-m-bold\">\n                                \u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E: <span class=\"whitespace-nowrap\">{{ orderItemData.quantity }}</span>\n                            </span>\n                        </p>\n                    </div>\n\n                    <div class=\"w-50 flex flex-col gap-y-0.5\">\n                        <p class=\"whitespace-nowrap text-body-m-bold\">\n                            \u0421\u0443\u043C\u043C\u0430: <span class=\"whitespace-nowrap\"> {{ orderItemData.getCostRubStr() }} </span>\n                        </p>\n                        <sc-price-warehouse-stock\n                            [product]=\"product\"\n                            [fromMain]=\"false\"\n                        />\n                    </div>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-template #skeleton>\n        <div class=\"flex w-full gap-2\">\n            <div class=\"size-20 rounded-xl bg-tui-base-02\"></div>\n            <div class=\"flex grow flex-col gap-2.5 bg-white\">\n                <div class=\"h-4 w-full rounded-xl bg-tui-base-02\"></div>\n                <div class=\"h-4 w-3/5 rounded-xl bg-tui-base-02\"></div>\n                <div class=\"h-4 w-4/5 rounded-xl bg-tui-base-02\"></div>\n            </div>\n        </div>\n    </ng-template>\n</div>\n", styles: ["a[tuilink].disabled{pointer-events:none!important;cursor:default;opacity:var(--tui-disabled-opacity)}\n"] }]
         }], ctorParameters: () => [{ type: i3.TuiPreviewDialogService, decorators: [{

package/esm2022/order/sc-order.module.mjs CHANGED Viewed

@@ -16,8 +16,8 @@ import * as i2 from "@taiga-ui/kit";
  * Модуль заказов.
  */
 export class ScOrderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScOrderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ScOrderModule, declarations: [ScOrderItemMobileComponent, ScPaymentStatusComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ScOrderModule, declarations: [ScOrderItemMobileComponent, ScPaymentStatusComponent], imports: [CommonModule,
             TuiLink,
             TuiButton,
             TuiIcon, i1.TuiBlockStatusComponent, i1.TuiBlockStatusDirective, i2.TuiPreviewComponent, i2.TuiPreviewTitle, i2.TuiPreviewPagination, i2.TuiPreviewAction, i2.TuiPreviewZoom, ScCatalogModule,
@@ -25,12 +25,12 @@ export class ScOrderModule {
             PolymorpheusOutlet,
             ScPriceWarehouseStockComponent,
             CostWithDiscountComponent], exports: [ScOrderItemMobileComponent, ScPaymentStatusComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScOrderModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderModule, imports: [CommonModule,
             TuiIcon, i1.TuiBlockStatusComponent, i2.TuiPreviewComponent, i2.TuiPreviewTitle, i2.TuiPreviewPagination, i2.TuiPreviewZoom, ScCatalogModule,
             ScPriceWarehouseStockComponent,
             CostWithDiscountComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScOrderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ScOrderItemMobileComponent, ScPaymentStatusComponent],

package/esm2022/order/sc-payment-status/sc-payment-status.component.mjs CHANGED Viewed

@@ -17,10 +17,10 @@ export class ScPaymentStatusComponent {
          */
         this.backToOrderClick = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScPaymentStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScPaymentStatusComponent, selector: "sc-payment-status", inputs: { status: "status", orderId: "orderId" }, outputs: { backToOrdersClick: "backToOrdersClick", backToOrderClick: "backToOrderClick" }, ngImport: i0, template: "<ng-container *ngIf=\"status && orderId; else failed\">\n    <ng-container [ngSwitch]=\"status\">\n        <tui-block-status *ngSwitchCase=\"'success'\">\n            <tui-icon\n                icon=\"@tui.circle-check\"\n                tuiSlot=\"top\"\n                class=\"!h-20 scale-[3] !text-green-500\"\n            ></tui-icon>\n            <h4>\u0421\u043F\u0430\u0441\u0438\u0431\u043E!</h4>\n            <br />\n            <div class=\"font-bold\">\u0412\u0430\u0448 \u0437\u0430\u043A\u0430\u0437 \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u043F\u043B\u0430\u0447\u0435\u043D. \u041C\u044B \u0441\u0432\u044F\u0436\u0435\u043C\u0441\u044F \u0441 \u0432\u0430\u043C\u0438 \u0432 \u0431\u043B\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043C\u044F.</div>\n            <br />\n            <div class=\"font-bold\">\n                \u041D\u043E\u043C\u0435\u0440 \u0432\u0430\u0448\u0435\u0433\u043E \u0437\u0430\u043A\u0430\u0437\u0430:\n                <a\n                    tuiLink\n                    [pseudo]=\"true\"\n                    (click)=\"backToOrderClick.emit()\"\n                    >{{ orderId }}</a\n                >\n            </div>\n\n            <button\n                tuiButton\n                (click)=\"backToOrdersClick.emit()\"\n            >\n                \u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043A \u0437\u0430\u043A\u0430\u0437\u0430\u043C\n            </button>\n        </tui-block-status>\n        <tui-block-status *ngSwitchCase=\"'error'\">\n            <tui-icon\n                icon=\"@tui.circle-x\"\n                class=\"!h-20 scale-[3] !text-red-500\"\n                tuiSlot=\"top\"\n            ></tui-icon>\n            <h4>\u041E\u043F\u043B\u0430\u0442\u0430 \u043D\u0435 \u043F\u0440\u043E\u0448\u043B\u0430!</h4>\n            <br />\n            <div class=\"font-bold\">\u041F\u0440\u0438 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u043A\u0435 \u043F\u043B\u0430\u0442\u0435\u0436\u0430 \u043F\u0440\u043E\u0438\u0437\u043E\u0448\u043B\u0430 \u043E\u0448\u0438\u0431\u043A\u0430.</div>\n            <button\n                tuiButton\n                tuiItem\n                (click)=\"backToOrderClick.emit()\"\n            >\n                \u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043A \u0437\u0430\u043A\u0430\u0437\u0443\n            </button>\n        </tui-block-status>\n    </ng-container>\n</ng-container>\n\n<ng-template #failed>\n    <tui-block-status>\n        <tui-icon\n            icon=\"@tui.info\"\n            class=\"!h-20 scale-[3] !text-yellow-500\"\n            tuiSlot=\"top\"\n        ></tui-icon>\n        <h4>\u0427\u0442\u043E-\u0442\u043E \u043F\u043E\u0448\u043B\u043E \u043D\u0435 \u0442\u0430\u043A!</h4>\n        <button\n            tuiButton\n            tuiItem\n            (click)=\"backToOrdersClick.emit()\"\n        >\n            \u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043A \u0437\u0430\u043A\u0430\u0437\u0430\u043C\n        </button>\n    </tui-block-status>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i2.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i2.TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "component", type: i3.TuiBlockStatusComponent, selector: "tui-block-status", inputs: ["card", "size"] }, { kind: "directive", type: i3.TuiBlockStatusDirective, selector: "[tuiSlot]", inputs: ["tuiSlot"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScPaymentStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ScPaymentStatusComponent, selector: "sc-payment-status", inputs: { status: "status", orderId: "orderId" }, outputs: { backToOrdersClick: "backToOrdersClick", backToOrderClick: "backToOrderClick" }, ngImport: i0, template: "<ng-container *ngIf=\"status && orderId; else failed\">\n    <ng-container [ngSwitch]=\"status\">\n        <tui-block-status *ngSwitchCase=\"'success'\">\n            <tui-icon\n                icon=\"@tui.circle-check\"\n                tuiSlot=\"top\"\n                class=\"!h-20 scale-[3] !text-green-500\"\n            ></tui-icon>\n            <h4>\u0421\u043F\u0430\u0441\u0438\u0431\u043E!</h4>\n            <br />\n            <div class=\"font-bold\">\u0412\u0430\u0448 \u0437\u0430\u043A\u0430\u0437 \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u043F\u043B\u0430\u0447\u0435\u043D. \u041C\u044B \u0441\u0432\u044F\u0436\u0435\u043C\u0441\u044F \u0441 \u0432\u0430\u043C\u0438 \u0432 \u0431\u043B\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043C\u044F.</div>\n            <br />\n            <div class=\"font-bold\">\n                \u041D\u043E\u043C\u0435\u0440 \u0432\u0430\u0448\u0435\u0433\u043E \u0437\u0430\u043A\u0430\u0437\u0430:\n                <a\n                    tuiLink\n                    [pseudo]=\"true\"\n                    (click)=\"backToOrderClick.emit()\"\n                    >{{ orderId }}</a\n                >\n            </div>\n\n            <button\n                tuiButton\n                (click)=\"backToOrdersClick.emit()\"\n            >\n                \u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043A \u0437\u0430\u043A\u0430\u0437\u0430\u043C\n            </button>\n        </tui-block-status>\n        <tui-block-status *ngSwitchCase=\"'error'\">\n            <tui-icon\n                icon=\"@tui.circle-x\"\n                class=\"!h-20 scale-[3] !text-red-500\"\n                tuiSlot=\"top\"\n            ></tui-icon>\n            <h4>\u041E\u043F\u043B\u0430\u0442\u0430 \u043D\u0435 \u043F\u0440\u043E\u0448\u043B\u0430!</h4>\n            <br />\n            <div class=\"font-bold\">\u041F\u0440\u0438 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u043A\u0435 \u043F\u043B\u0430\u0442\u0435\u0436\u0430 \u043F\u0440\u043E\u0438\u0437\u043E\u0448\u043B\u0430 \u043E\u0448\u0438\u0431\u043A\u0430.</div>\n            <button\n                tuiButton\n                tuiItem\n                (click)=\"backToOrderClick.emit()\"\n            >\n                \u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043A \u0437\u0430\u043A\u0430\u0437\u0443\n            </button>\n        </tui-block-status>\n    </ng-container>\n</ng-container>\n\n<ng-template #failed>\n    <tui-block-status>\n        <tui-icon\n            icon=\"@tui.info\"\n            class=\"!h-20 scale-[3] !text-yellow-500\"\n            tuiSlot=\"top\"\n        ></tui-icon>\n        <h4>\u0427\u0442\u043E-\u0442\u043E \u043F\u043E\u0448\u043B\u043E \u043D\u0435 \u0442\u0430\u043A!</h4>\n        <button\n            tuiButton\n            tuiItem\n            (click)=\"backToOrdersClick.emit()\"\n        >\n            \u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043A \u0437\u0430\u043A\u0430\u0437\u0430\u043C\n        </button>\n    </tui-block-status>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "directive", type: i2.TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i2.TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "component", type: i3.TuiBlockStatusComponent, selector: "tui-block-status", inputs: ["card", "size"] }, { kind: "directive", type: i3.TuiBlockStatusDirective, selector: "[tuiSlot]", inputs: ["tuiSlot"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScPaymentStatusComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScPaymentStatusComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sc-payment-status', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"status && orderId; else failed\">\n    <ng-container [ngSwitch]=\"status\">\n        <tui-block-status *ngSwitchCase=\"'success'\">\n            <tui-icon\n                icon=\"@tui.circle-check\"\n                tuiSlot=\"top\"\n                class=\"!h-20 scale-[3] !text-green-500\"\n            ></tui-icon>\n            <h4>\u0421\u043F\u0430\u0441\u0438\u0431\u043E!</h4>\n            <br />\n            <div class=\"font-bold\">\u0412\u0430\u0448 \u0437\u0430\u043A\u0430\u0437 \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u043F\u043B\u0430\u0447\u0435\u043D. \u041C\u044B \u0441\u0432\u044F\u0436\u0435\u043C\u0441\u044F \u0441 \u0432\u0430\u043C\u0438 \u0432 \u0431\u043B\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043C\u044F.</div>\n            <br />\n            <div class=\"font-bold\">\n                \u041D\u043E\u043C\u0435\u0440 \u0432\u0430\u0448\u0435\u0433\u043E \u0437\u0430\u043A\u0430\u0437\u0430:\n                <a\n                    tuiLink\n                    [pseudo]=\"true\"\n                    (click)=\"backToOrderClick.emit()\"\n                    >{{ orderId }}</a\n                >\n            </div>\n\n            <button\n                tuiButton\n                (click)=\"backToOrdersClick.emit()\"\n            >\n                \u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043A \u0437\u0430\u043A\u0430\u0437\u0430\u043C\n            </button>\n        </tui-block-status>\n        <tui-block-status *ngSwitchCase=\"'error'\">\n            <tui-icon\n                icon=\"@tui.circle-x\"\n                class=\"!h-20 scale-[3] !text-red-500\"\n                tuiSlot=\"top\"\n            ></tui-icon>\n            <h4>\u041E\u043F\u043B\u0430\u0442\u0430 \u043D\u0435 \u043F\u0440\u043E\u0448\u043B\u0430!</h4>\n            <br />\n            <div class=\"font-bold\">\u041F\u0440\u0438 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u043A\u0435 \u043F\u043B\u0430\u0442\u0435\u0436\u0430 \u043F\u0440\u043E\u0438\u0437\u043E\u0448\u043B\u0430 \u043E\u0448\u0438\u0431\u043A\u0430.</div>\n            <button\n                tuiButton\n                tuiItem\n                (click)=\"backToOrderClick.emit()\"\n            >\n                \u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043A \u0437\u0430\u043A\u0430\u0437\u0443\n            </button>\n        </tui-block-status>\n    </ng-container>\n</ng-container>\n\n<ng-template #failed>\n    <tui-block-status>\n        <tui-icon\n            icon=\"@tui.info\"\n            class=\"!h-20 scale-[3] !text-yellow-500\"\n            tuiSlot=\"top\"\n        ></tui-icon>\n        <h4>\u0427\u0442\u043E-\u0442\u043E \u043F\u043E\u0448\u043B\u043E \u043D\u0435 \u0442\u0430\u043A!</h4>\n        <button\n            tuiButton\n            tuiItem\n            (click)=\"backToOrdersClick.emit()\"\n        >\n            \u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043A \u0437\u0430\u043A\u0430\u0437\u0430\u043C\n        </button>\n    </tui-block-status>\n</ng-template>\n" }]
         }], propDecorators: { status: [{

package/esm2022/pages/frequently-asked-questions/sc-frequently-asked-questions.component.mjs CHANGED Viewed

@@ -23,8 +23,8 @@ export class ScFrequentlyAskedQuestionsComponent {
          */
         this.isServer = inject(IS_SERVER);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScFrequentlyAskedQuestionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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: [
+    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: [
             {
                 provide: TUI_BUTTON_OPTIONS,
                 useValue: {
@@ -34,7 +34,7 @@ export class ScFrequentlyAskedQuestionsComponent {
             },
         ], 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.TuiAccordionComponent, selector: "tui-accordion", inputs: ["closeOthers", "size"] }, { kind: "directive", type: i1.TuiAccordionDirective, selector: "button[tuiAccordion]", inputs: ["tuiAccordion"], outputs: ["tuiAccordionChange"] }, { kind: "component", type: i2.TuiExpand, selector: "tui-expand", inputs: ["expanded"] }, { kind: "component", type: TuiLoader, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScFrequentlyAskedQuestionsComponent, decorators: [{
+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, TuiLoader], providers: [
                         {

package/esm2022/pages/frequently-asked-questions-group-selector/sc-frequently-asked-questions-group-selector.component.mjs CHANGED Viewed

@@ -41,14 +41,14 @@ export class ScFrequentlyAskedQuestionsGroupSelectorComponent {
          */
         this.viewMode = input('list');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScFrequentlyAskedQuestionsGroupSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScFrequentlyAskedQuestionsGroupSelectorComponent, isStandalone: true, selector: "sc-frequently-asked-questions-group-selector", inputs: { viewMode: { classPropertyName: "viewMode", publicName: "viewMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { groupIdChange: "groupIdChange" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScFrequentlyAskedQuestionsGroupSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScFrequentlyAskedQuestionsGroupSelectorComponent, isStandalone: true, selector: "sc-frequently-asked-questions-group-selector", inputs: { viewMode: { classPropertyName: "viewMode", publicName: "viewMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { groupIdChange: "groupIdChange" }, providers: [
             tuiItemsHandlersProvider({
                 stringify: (item) => item.name,
             }),
         ], ngImport: i0, template: "@let groups = groups$ | async;\n\n@if (groups && groups.length) {\n    @switch (viewMode()) {\n        @case ('list') {\n            <div class=\"flex flex-col items-center gap-3 rounded-xl p-4 shadow-sc\">\n                <div class=\"flex w-full flex-col gap-2\">\n                    @for (item of groups; track $index) {\n                        <button\n                            tuiButton\n                            size=\"xs\"\n                            [tuiAppearanceState]=\"groupControl.value === item ? 'hover' : null\"\n                            [disabled]=\"groupControl.value === item\"\n                            (click)=\"groupControl.patchValue(item)\"\n                            appearance=\"flat-grayscale\"\n                            class=\"!justify-start !text-body-s-bold\"\n                        >\n                            {{ item.name }}\n                        </button>\n                    }\n                </div>\n            </div>\n        }\n\n        @case ('select') {\n            <form>\n                <tui-select\n                    [formControl]=\"groupControl\"\n                    [tuiTextfieldLabelOutside]=\"true\"\n                >\n                    <tui-data-list-wrapper\n                        *tuiDataList\n                        [items]=\"groups\"\n                    />\n                </tui-select>\n            </form>\n        }\n    }\n}\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TuiSelectModule }, { kind: "component", type: i1.TuiSelectComponent, selector: "tui-select", inputs: ["stringify", "identityMatcher", "valueContent"] }, { kind: "directive", type: i1.TuiSelectDirective, selector: "tui-select" }, { kind: "directive", type: i2.TuiDataListDirective, selector: "ng-template[tuiDataList]" }, { kind: "component", type: i3.TuiDataListWrapperComponent, selector: "tui-data-list-wrapper:not([labels]), tui-data-list-wrapper:not([labels])[new]", inputs: ["items", "disabledItemHandler", "emptyContent", "size", "itemContent"], outputs: ["itemClick"] }, { kind: "ngmodule", type: TuiTextfieldControllerModule }, { kind: "directive", type: i1.TuiTextfieldLabelOutsideDirective, selector: "[tuiTextfieldLabelOutside]", inputs: ["tuiTextfieldLabelOutside"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScFrequentlyAskedQuestionsGroupSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScFrequentlyAskedQuestionsGroupSelectorComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'sc-frequently-asked-questions-group-selector', imports: [AsyncPipe, TuiSelectModule, TuiTextfieldControllerModule, ReactiveFormsModule, TuiDataList, TuiDataListWrapper, NgIf, TuiButton, FormsModule], providers: [
                         tuiItemsHandlersProvider({

package/esm2022/pages/frequently-asked-questions-with-groups/sc-frequently-asked-questions-with-groups.component.mjs CHANGED Viewed

@@ -96,10 +96,10 @@ export class ScFrequentlyAskedQuestionsWithGroupsComponent {
         this.groupId$.next(id);
         this.paginationChange(0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScFrequentlyAskedQuestionsWithGroupsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ScFrequentlyAskedQuestionsWithGroupsComponent, isStandalone: true, selector: "sc-frequently-asked-questions-with-groups", outputs: { clickSendQuestion: "clickSendQuestion" }, ngImport: i0, template: "@let items = data$ | async;\n@let pageCount = pageCount$ | async;\n@let viewMode = viewMode$ | async;\n\n<div\n    *ngIf=\"viewMode\"\n    class=\"flex gap-6\"\n    [class.flex-col]=\"viewMode === 'select'\"\n>\n    <div class=\"flex flex-col gap-7\">\n        <sc-frequently-asked-questions-group-selector\n            (groupIdChange)=\"groupIdChange($event)\"\n            [viewMode]=\"viewMode\"\n            class=\"shrink-0\"\n            [class.w-64]=\"viewMode !== 'select'\"\n        />\n\n        <button\n            *ngIf=\"viewMode === 'list'\"\n            tuiButton\n            size=\"m\"\n            type=\"button\"\n            iconStart=\"@tui.circle-help\"\n            appearance=\"secondary\"\n            (click)=\"clickSendQuestion.emit()\"\n            class=\"self-center\"\n        >\n            \u0417\u0430\u0434\u0430\u0442\u044C \u0432\u043E\u043F\u0440\u043E\u0441\n        </button>\n    </div>\n\n    <div class=\"grow\">\n        @if (items && items.length) {\n            <sc-frequently-asked-questions\n                [items]=\"items\"\n                [showLoading]=\"isLoading()\"\n            />\n\n            <tui-pagination\n                *ngIf=\"pageCount && pageCount > 1\"\n                [length]=\"pageCount\"\n                [index]=\"(currentPage$ | async) ?? 0\"\n                (indexChange)=\"paginationChange($event)\"\n                class=\"mt-4 !justify-items-center\"\n            />\n        } @else {\n            <p class=\"text-body-s-bold\">\u0421\u043F\u0438\u0441\u043E\u043A \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432 \u043F\u0443\u0441\u0442</p>\n        }\n    </div>\n</div>\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ScFrequentlyAskedQuestionsGroupSelectorComponent, selector: "sc-frequently-asked-questions-group-selector", inputs: ["viewMode"], outputs: ["groupIdChange"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: ScFrequentlyAskedQuestionsComponent, selector: "sc-frequently-asked-questions", inputs: ["items", "showLoading"] }, { kind: "component", type: TuiPagination, selector: "tui-pagination", inputs: ["length", "focusable", "size", "disabled", "activePadding", "sidePadding", "content", "index"], outputs: ["indexChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScFrequentlyAskedQuestionsWithGroupsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScFrequentlyAskedQuestionsWithGroupsComponent, isStandalone: true, selector: "sc-frequently-asked-questions-with-groups", outputs: { clickSendQuestion: "clickSendQuestion" }, ngImport: i0, template: "@let items = data$ | async;\n@let pageCount = pageCount$ | async;\n@let viewMode = viewMode$ | async;\n\n<div\n    *ngIf=\"viewMode\"\n    class=\"flex gap-6\"\n    [class.flex-col]=\"viewMode === 'select'\"\n>\n    <div class=\"flex flex-col gap-7\">\n        <sc-frequently-asked-questions-group-selector\n            (groupIdChange)=\"groupIdChange($event)\"\n            [viewMode]=\"viewMode\"\n            class=\"shrink-0\"\n            [class.w-64]=\"viewMode !== 'select'\"\n        />\n\n        <button\n            *ngIf=\"viewMode === 'list'\"\n            tuiButton\n            size=\"m\"\n            type=\"button\"\n            iconStart=\"@tui.circle-help\"\n            appearance=\"secondary\"\n            (click)=\"clickSendQuestion.emit()\"\n            class=\"self-center\"\n        >\n            \u0417\u0430\u0434\u0430\u0442\u044C \u0432\u043E\u043F\u0440\u043E\u0441\n        </button>\n    </div>\n\n    <div class=\"grow\">\n        @if (items && items.length) {\n            <sc-frequently-asked-questions\n                [items]=\"items\"\n                [showLoading]=\"isLoading()\"\n            />\n\n            <tui-pagination\n                *ngIf=\"pageCount && pageCount > 1\"\n                [length]=\"pageCount\"\n                [index]=\"(currentPage$ | async) ?? 0\"\n                (indexChange)=\"paginationChange($event)\"\n                class=\"mt-4 !justify-items-center\"\n            />\n        } @else {\n            <p class=\"text-body-s-bold\">\u0421\u043F\u0438\u0441\u043E\u043A \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432 \u043F\u0443\u0441\u0442</p>\n        }\n    </div>\n</div>\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ScFrequentlyAskedQuestionsGroupSelectorComponent, selector: "sc-frequently-asked-questions-group-selector", inputs: ["viewMode"], outputs: ["groupIdChange"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: ScFrequentlyAskedQuestionsComponent, selector: "sc-frequently-asked-questions", inputs: ["items", "showLoading"] }, { kind: "component", type: TuiPagination, selector: "tui-pagination", inputs: ["length", "focusable", "size", "disabled", "activePadding", "sidePadding", "content", "index"], outputs: ["indexChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScFrequentlyAskedQuestionsWithGroupsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScFrequentlyAskedQuestionsWithGroupsComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'sc-frequently-asked-questions-with-groups', imports: [AsyncPipe, NgIf, ScFrequentlyAskedQuestionsGroupSelectorComponent, TuiButton, ScFrequentlyAskedQuestionsComponent, TuiPagination], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let items = data$ | async;\n@let pageCount = pageCount$ | async;\n@let viewMode = viewMode$ | async;\n\n<div\n    *ngIf=\"viewMode\"\n    class=\"flex gap-6\"\n    [class.flex-col]=\"viewMode === 'select'\"\n>\n    <div class=\"flex flex-col gap-7\">\n        <sc-frequently-asked-questions-group-selector\n            (groupIdChange)=\"groupIdChange($event)\"\n            [viewMode]=\"viewMode\"\n            class=\"shrink-0\"\n            [class.w-64]=\"viewMode !== 'select'\"\n        />\n\n        <button\n            *ngIf=\"viewMode === 'list'\"\n            tuiButton\n            size=\"m\"\n            type=\"button\"\n            iconStart=\"@tui.circle-help\"\n            appearance=\"secondary\"\n            (click)=\"clickSendQuestion.emit()\"\n            class=\"self-center\"\n        >\n            \u0417\u0430\u0434\u0430\u0442\u044C \u0432\u043E\u043F\u0440\u043E\u0441\n        </button>\n    </div>\n\n    <div class=\"grow\">\n        @if (items && items.length) {\n            <sc-frequently-asked-questions\n                [items]=\"items\"\n                [showLoading]=\"isLoading()\"\n            />\n\n            <tui-pagination\n                *ngIf=\"pageCount && pageCount > 1\"\n                [length]=\"pageCount\"\n                [index]=\"(currentPage$ | async) ?? 0\"\n                (indexChange)=\"paginationChange($event)\"\n                class=\"mt-4 !justify-items-center\"\n            />\n        } @else {\n            <p class=\"text-body-s-bold\">\u0421\u043F\u0438\u0441\u043E\u043A \u0432\u043E\u043F\u0440\u043E\u0441\u043E\u0432 \u043F\u0443\u0441\u0442</p>\n        }\n    </div>\n</div>\n" }]
         }] });