@snabcentr/client-ui 4.16.10-profstroy → 4.16.11-profstroy

package/fesm2022/snabcentr-client-ui.mjs

@@ -8971,6 +8971,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Компонент списка товаров корзины, заказа или черновика.
  */
 class ScOrderItemsListComponent {
+    /**
+     * Возвращает копию набора с добавленными или убранными ключами.
+     *
+     * @param keys Набор.
+     * @param changed Ключи.
+     * @param isIncluded Признак добавления.
+     */
+    static withKeys(keys, changed, isIncluded) {
+        const next = new Set(keys);
+        changed.forEach((key) => {
+            if (isIncluded) {
+                next.add(key);
+            }
+            else {
+                next.delete(key);
+            }
+        });
+        return next;
+    }
     /**
      * Инициализирует экземпляр класса {@link ScOrderItemsListComponent}.
      * Входы выбора и пометки недоступных позиций могут прийти после списка позиций, поэтому при их изменении выбор синхронизируется заново.
@@ -9025,6 +9044,19 @@ class ScOrderItemsListComponent {
          * Идентификаторы позиций, изменение или удаление которых ждёт очереди или выполняется.
          */
         this.pendingItemsIds = signal(new Set());
+        /**
+         * Названия удаляемых групп.
+         */
+        this.deletingGroupsNames = signal(new Set());
+        /**
+         * Названия групп с позициями, ждущими ответа: такие группы удалить нельзя.
+         */
+        this.pendingGroupsNames = computed(() => {
+            const pendingIds = this.pendingItemsIds();
+            return new Set(this.groups()
+                .filter((group) => group.items.some((item) => pendingIds.has(item.id)))
+                .map((group) => group.name));
+        });
         /**
          * Внутренняя группа формы для выбора позиций.
          */
@@ -9081,6 +9113,10 @@ class ScOrderItemsListComponent {
          * Признак, что можно редактировать позиции.
          */
         this.canEdit = computed(() => this.editable() && 'updateProduct$' in this.orderItemsListLoader);
+        /**
+         * Признак, что группу можно удалить целиком.
+         */
+        this.canDeleteGroups = computed(() => this.canEdit() && 'deleteProducts$' in this.orderItemsListLoader);
         /**
          * Настройки вывода сумм в рублях.
          */
@@ -9196,6 +9232,31 @@ class ScOrderItemsListComponent {
         }), takeUntilDestroyed(this.destroyRef))
             .subscribe({ error: noop });
     }
+    /**
+     * Удаляет все позиции группы после подтверждения. Состав берётся на момент подтверждения.
+     *
+     * @param group Группа позиций.
+     */
+    deleteGroup(group) {
+        if (!this.canDeleteGroups() || this.pendingGroupsNames().has(group.name)) {
+            return;
+        }
+        this.confirmGroupDelete$(group)
+            .pipe(switchMap(() => {
+            const items = this.groups().find(({ name }) => name === group.name)?.items ?? [];
+            const ids = items.map((item) => item.id);
+            if (ids.length === 0) {
+                return EMPTY;
+            }
+            this.setItemsPending(ids, true);
+            this.deletingGroupsNames.update((names) => ScOrderItemsListComponent.withKeys(names, [group.name], true));
+            return this.orderItemsListLoader.deleteProducts$(items, this.orderOptions?.orderId()).pipe(finalize(() => {
+                this.setItemsPending(ids, false);
+                this.deletingGroupsNames.update((names) => ScOrderItemsListComponent.withKeys(names, [group.name], false));
+            }));
+        }), takeUntilDestroyed(this.destroyRef))
+            .subscribe({ error: noop });
+    }
     /**
      * Обновляет количество товара. Количество неактивной позиции не меняется. Пустое или нулевое значение возвращается к сохранённому количеству.
      *
@@ -9268,12 +9329,25 @@ class ScOrderItemsListComponent {
         if (!target) {
             return of(true);
         }
-        return this.dialogService
-            .open(TUI_CONFIRM, {
-            label: `Удалить позицию «${item.product.name}» ${target}?`,
-            data: { yes: 'Да, удалить', no: 'Нет, оставить' },
-        })
-            .pipe(filter(Boolean));
+        return this.confirmRemoval$(`Удалить позицию «${item.product.name}» ${target}?`);
+    }
+    /**
+     * Возвращает {@link Observable}, который выдаёт значение, когда удаление группы подтверждено.
+     *
+     * @param group Группа позиций.
+     */
+    confirmGroupDelete$(group) {
+        const target = this.deleteConfirmationTarget();
+        const source = target ? ` ${target}` : '';
+        return this.confirmRemoval$(`Удалить все позиции группы «${group.name}»${source}?`);
+    }
+    /**
+     * Возвращает {@link Observable}, который выдаёт значение, когда удаление подтверждено.
+     *
+     * @param label Вопрос.
+     */
+    confirmRemoval$(label) {
+        return this.dialogService.open(TUI_CONFIRM, { label, data: { yes: 'Да, удалить', no: 'Нет, оставить' } }).pipe(filter(Boolean));
     }
     /**
      * Отмечает позицию как ожидающую ответа или снимает отметку.
@@ -9282,16 +9356,16 @@ class ScOrderItemsListComponent {
      * @param isPending Признак ожидания.
      */
     setItemPending(id, isPending) {
-        this.pendingItemsIds.update((ids) => {
-            const next = new Set(ids);
-            if (isPending) {
-                next.add(id);
-            }
-            else {
-                next.delete(id);
-            }
-            return next;
-        });
+        this.setItemsPending([id], isPending);
+    }
+    /**
+     * Ставит или снимает отметку ожидания у позиций.
+     *
+     * @param itemsIds Идентификаторы позиций.
+     * @param isPending Признак ожидания.
+     */
+    setItemsPending(itemsIds, isPending) {
+        this.pendingItemsIds.update((ids) => ScOrderItemsListComponent.withKeys(ids, itemsIds, isPending));
     }
     /**
      * Предупреждает, что количество не может быть пустым или нулевым, а убрать позицию можно удалением. Поле возвращается к сохранённому количеству
@@ -9304,7 +9378,7 @@ class ScOrderItemsListComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderItemsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScOrderItemsListComponent, isStandalone: true, selector: "sc-order-items-list", inputs: { selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, grouped: { classPropertyName: "grouped", publicName: "grouped", isSignal: true, isRequired: false, transformFunction: null }, markUnavailable: { classPropertyName: "markUnavailable", publicName: "markUnavailable", isSignal: true, isRequired: false, transformFunction: null }, useLinePrice: { classPropertyName: "useLinePrice", publicName: "useLinePrice", isSignal: true, isRequired: false, transformFunction: null }, measuredInDialog: { classPropertyName: "measuredInDialog", publicName: "measuredInDialog", isSignal: true, isRequired: false, transformFunction: null }, deleteConfirmationTarget: { classPropertyName: "deleteConfirmationTarget", publicName: "deleteConfirmationTarget", isSignal: true, isRequired: false, transformFunction: null }, totalLabel: { classPropertyName: "totalLabel", publicName: "totalLabel", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: true, transformFunction: null } }, outputs: { selectedItemsIdsChange: "selectedItemsIdsChange" }, ngImport: i0, template: "<div\n    [formGroup]=\"selectionFormGroup\"\n    class=\"flex flex-col gap-5\"\n>\n    <!-- \u0424\u043B\u0430\u0433 \u0432\u044B\u0431\u043E\u0440\u0430 \u0432\u0441\u0435\u0445 \u043F\u043E\u0437\u0438\u0446\u0438\u0439. -->\n    @if (selectable() && itemsSignal().length) {\n        <label\n            tuiLabel\n            scPrint=\"defaultNoPrint\"\n            class=\"self-start\"\n        >\n            <input\n                tuiCheckbox\n                type=\"checkbox\"\n                size=\"m\"\n                [ngModel]=\"allItemsSelected()\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                [disabled]=\"selectionFormGroup.disabled\"\n                (change)=\"selectAllChangeHandler($event)\"\n            />\n            \u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435\n        </label>\n    }\n\n    @for (group of groups(); track group.name) {\n        <!-- \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \u0433\u0440\u0443\u043F\u043F\u044B \u043F\u043E\u0437\u0438\u0446\u0438\u0439. -->\n        @if (group.name) {\n            <div class=\"flex flex-wrap items-end justify-between gap-x-4 gap-y-1 border-b border-tui-base-03 pb-2\">\n                <div class=\"flex min-w-0 flex-col\">\n                    <span class=\"break-words text-body-l-bold\">{{ group.name }}</span>\n                    <span class=\"text-body-s text-tui-text-02\">\u043F\u043E\u0437\u0438\u0446\u0438\u0439: {{ group.items.length }}, \u0432 \u0437\u0430\u043A\u0430\u0437: {{ group.orderableCount }}</span>\n                </div>\n                <span class=\"whitespace-nowrap text-body-m-bold\">{{ group.orderableSum | tuiFormatNumber: moneyFormat | async }} {{ 'RUB' | tuiCurrency }}</span>\n            </div>\n        }\n\n        @for (item of group.items; track item.id) {\n            @if ($index !== 0) {\n                <hr class=\"mt-auto h-px w-full bg-tui-clear\" />\n            }\n\n            <div class=\"flex items-center gap-4 relative\">\n                @let isActive = !selectable() || selectionFormGroup.get(item.id)?.value || (markUnavailable() && !item.isOrderable);\n                @let isPending = pendingItemsIds().has(item.id);\n                @let editedInDialog = isEditedInDialog(item);\n\n                <!-- \u0427\u0435\u043A\u0431\u043E\u043A\u0441 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                @if (selectable()) {\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        size=\"m\"\n                        [formControlName]=\"item.id\"\n                    />\n                }\n\n                <!-- \u041A\u0430\u0440\u0442\u043E\u0447\u043A\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                <sc-order-item\n                    #itemComponent\n                    [product]=\"item.product\"\n                    [orderItem]=\"item\"\n                    [showQuantityControl]=\"canEdit() && !item.configurator && !editedInDialog\"\n                    [isShowEditControls]=\"canEdit()\"\n                    [useLinePrice]=\"useLinePrice()\"\n                    [markUnavailable]=\"markUnavailable()\"\n                    [isPending]=\"isPending\"\n                    [settingsAvailable]=\"canEdit() && measuredInDialog() && !item.configurator && !item.isInactive\"\n                    class=\"w-full duration-200\"\n                    [class.opacity-60]=\"isItemDimmed(item)\"\n                    (clickCardEvent)=\"openProductInfoDialog(item.product, item, orderOptions?.orderId())\"\n                    (quantityValueChanges)=\"patchItem($event, itemComponent)\"\n                    (clickPriceHistoryEvent)=\"openPriceHistoryChartDialog(item.product)\"\n                    (clickSettings)=\"openSettingsDialog(item)\"\n                    [class.pointer-events-none]=\"!isActive\"\n                />\n\n                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                @if (canEdit()) {\n                    <button\n                        tuiIconButton\n                        iconStart=\"@tui.trash\"\n                        (click)=\"deleteItem(item)\"\n                        [loading]=\"isPending\"\n                        size=\"s\"\n                        appearance=\"secondary\"\n                        class=\"!absolute left-1 top-1 lg:!relative lg:left-0 lg:top-0 lg:!self-center\"\n                    ></button>\n                }\n            </div>\n        }\n    }\n\n    <!-- \u0424\u0443\u0442\u0435\u0440 \u0441\u043F\u0438\u0441\u043A\u0430. -->\n    <div\n        scPrint=\"cost\"\n        class=\"flex flex-col items-end gap-2.5\"\n    >\n        @let totalSum = sumSelectedItems();\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u0441\u0443\u043C\u043C\u0430. -->\n        <div class=\"text-base font-bold\">{{ totalLabel() }}: {{ totalSum | tuiFormatNumber: moneyFormat | async }} {{ 'RUB' | tuiCurrency }}</div>\n    </div>\n</div>\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFormatNumberPipe, name: "tuiFormatNumber" }, { kind: "component", type: ScOrderItemComponent, selector: "sc-order-item", inputs: ["isShowEditControls", "useLinePrice", "markUnavailable", "isPending", "settingsAvailable"], outputs: ["clickSettings"] }, { kind: "directive", type: ScPrintDirective, selector: "[scPrint]", inputs: ["scPrint"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: TuiCurrencyPipe, name: "tuiCurrency" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScOrderItemsListComponent, isStandalone: true, selector: "sc-order-items-list", inputs: { selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, grouped: { classPropertyName: "grouped", publicName: "grouped", isSignal: true, isRequired: false, transformFunction: null }, markUnavailable: { classPropertyName: "markUnavailable", publicName: "markUnavailable", isSignal: true, isRequired: false, transformFunction: null }, useLinePrice: { classPropertyName: "useLinePrice", publicName: "useLinePrice", isSignal: true, isRequired: false, transformFunction: null }, measuredInDialog: { classPropertyName: "measuredInDialog", publicName: "measuredInDialog", isSignal: true, isRequired: false, transformFunction: null }, deleteConfirmationTarget: { classPropertyName: "deleteConfirmationTarget", publicName: "deleteConfirmationTarget", isSignal: true, isRequired: false, transformFunction: null }, totalLabel: { classPropertyName: "totalLabel", publicName: "totalLabel", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: true, transformFunction: null } }, outputs: { selectedItemsIdsChange: "selectedItemsIdsChange" }, ngImport: i0, template: "<div\n    [formGroup]=\"selectionFormGroup\"\n    class=\"flex flex-col gap-5\"\n>\n    <!-- \u0424\u043B\u0430\u0433 \u0432\u044B\u0431\u043E\u0440\u0430 \u0432\u0441\u0435\u0445 \u043F\u043E\u0437\u0438\u0446\u0438\u0439. -->\n    @if (selectable() && itemsSignal().length) {\n        <label\n            tuiLabel\n            scPrint=\"defaultNoPrint\"\n            class=\"self-start\"\n        >\n            <input\n                tuiCheckbox\n                type=\"checkbox\"\n                size=\"m\"\n                [ngModel]=\"allItemsSelected()\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                [disabled]=\"selectionFormGroup.disabled\"\n                (change)=\"selectAllChangeHandler($event)\"\n            />\n            \u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435\n        </label>\n    }\n\n    @for (group of groups(); track group.name) {\n        <!-- \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \u0433\u0440\u0443\u043F\u043F\u044B \u043F\u043E\u0437\u0438\u0446\u0438\u0439. -->\n        @if (group.name) {\n            <div class=\"flex flex-wrap items-end justify-between gap-x-4 gap-y-1 border-b border-tui-base-03 pb-2\">\n                <div class=\"flex min-w-0 flex-col\">\n                    <span class=\"break-words text-body-l-bold\">{{ group.name }}</span>\n                    <span class=\"text-body-s text-tui-text-02\">\u043F\u043E\u0437\u0438\u0446\u0438\u0439: {{ group.items.length }}, \u0432 \u0437\u0430\u043A\u0430\u0437: {{ group.orderableCount }}</span>\n                </div>\n                <div class=\"flex flex-col items-end gap-1\">\n                    <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0433\u0440\u0443\u043F\u043F\u044B. -->\n                    @if (canDeleteGroups()) {\n                        <button\n                            tuiButton\n                            type=\"button\"\n                            appearance=\"flat\"\n                            size=\"xs\"\n                            scPrint=\"defaultNoPrint\"\n                            [loading]=\"deletingGroupsNames().has(group.name)\"\n                            [disabled]=\"pendingGroupsNames().has(group.name)\"\n                            (click)=\"deleteGroup(group)\"\n                        >\n                            \u0423\u0434\u0430\u043B\u0438\u0442\u044C\n                        </button>\n                    }\n                    <span class=\"whitespace-nowrap text-body-m-bold\">{{ group.orderableSum | tuiFormatNumber: moneyFormat | async }} {{ 'RUB' | tuiCurrency }}</span>\n                </div>\n            </div>\n        }\n\n        @for (item of group.items; track item.id) {\n            @if ($index !== 0) {\n                <hr class=\"mt-auto h-px w-full bg-tui-clear\" />\n            }\n\n            <div class=\"flex items-center gap-4 relative\">\n                @let isActive = !selectable() || selectionFormGroup.get(item.id)?.value || (markUnavailable() && !item.isOrderable);\n                @let isPending = pendingItemsIds().has(item.id);\n                @let editedInDialog = isEditedInDialog(item);\n\n                <!-- \u0427\u0435\u043A\u0431\u043E\u043A\u0441 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                @if (selectable()) {\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        size=\"m\"\n                        [formControlName]=\"item.id\"\n                    />\n                }\n\n                <!-- \u041A\u0430\u0440\u0442\u043E\u0447\u043A\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                <sc-order-item\n                    #itemComponent\n                    [product]=\"item.product\"\n                    [orderItem]=\"item\"\n                    [showQuantityControl]=\"canEdit() && !item.configurator && !editedInDialog\"\n                    [isShowEditControls]=\"canEdit()\"\n                    [useLinePrice]=\"useLinePrice()\"\n                    [markUnavailable]=\"markUnavailable()\"\n                    [isPending]=\"isPending\"\n                    [settingsAvailable]=\"canEdit() && measuredInDialog() && !item.configurator && !item.isInactive\"\n                    class=\"w-full duration-200\"\n                    [class.opacity-60]=\"isItemDimmed(item)\"\n                    (clickCardEvent)=\"openProductInfoDialog(item.product, item, orderOptions?.orderId())\"\n                    (quantityValueChanges)=\"patchItem($event, itemComponent)\"\n                    (clickPriceHistoryEvent)=\"openPriceHistoryChartDialog(item.product)\"\n                    (clickSettings)=\"openSettingsDialog(item)\"\n                    [class.pointer-events-none]=\"!isActive\"\n                />\n\n                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                @if (canEdit()) {\n                    <button\n                        tuiIconButton\n                        iconStart=\"@tui.trash\"\n                        (click)=\"deleteItem(item)\"\n                        [loading]=\"isPending\"\n                        size=\"s\"\n                        appearance=\"secondary\"\n                        class=\"!absolute left-1 top-1 lg:!relative lg:left-0 lg:top-0 lg:!self-center\"\n                    ></button>\n                }\n            </div>\n        }\n    }\n\n    <!-- \u0424\u0443\u0442\u0435\u0440 \u0441\u043F\u0438\u0441\u043A\u0430. -->\n    <div\n        scPrint=\"cost\"\n        class=\"flex flex-col items-end gap-2.5\"\n    >\n        @let totalSum = sumSelectedItems();\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u0441\u0443\u043C\u043C\u0430. -->\n        <div class=\"text-base font-bold\">{{ totalLabel() }}: {{ totalSum | tuiFormatNumber: moneyFormat | async }} {{ 'RUB' | tuiCurrency }}</div>\n    </div>\n</div>\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TuiFormatNumberPipe, name: "tuiFormatNumber" }, { kind: "component", type: ScOrderItemComponent, selector: "sc-order-item", inputs: ["isShowEditControls", "useLinePrice", "markUnavailable", "isPending", "settingsAvailable"], outputs: ["clickSettings"] }, { kind: "directive", type: ScPrintDirective, selector: "[scPrint]", inputs: ["scPrint"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: TuiCheckbox, selector: "input[type=\"checkbox\"][tuiCheckbox]", inputs: ["size"] }, { kind: "directive", type: TuiLabel, selector: "label[tuiLabel]" }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiButtonLoading, selector: "[tuiButton][loading],[tuiIconButton][loading]", inputs: ["size", "loading"] }, { kind: "pipe", type: TuiCurrencyPipe, name: "tuiCurrency" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScOrderItemsListComponent, decorators: [{
             type: Component,
@@ -9320,7 +9394,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TuiButton,
                         TuiButtonLoading,
                         TuiCurrencyPipe,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [formGroup]=\"selectionFormGroup\"\n    class=\"flex flex-col gap-5\"\n>\n    <!-- \u0424\u043B\u0430\u0433 \u0432\u044B\u0431\u043E\u0440\u0430 \u0432\u0441\u0435\u0445 \u043F\u043E\u0437\u0438\u0446\u0438\u0439. -->\n    @if (selectable() && itemsSignal().length) {\n        <label\n            tuiLabel\n            scPrint=\"defaultNoPrint\"\n            class=\"self-start\"\n        >\n            <input\n                tuiCheckbox\n                type=\"checkbox\"\n                size=\"m\"\n                [ngModel]=\"allItemsSelected()\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                [disabled]=\"selectionFormGroup.disabled\"\n                (change)=\"selectAllChangeHandler($event)\"\n            />\n            \u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435\n        </label>\n    }\n\n    @for (group of groups(); track group.name) {\n        <!-- \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \u0433\u0440\u0443\u043F\u043F\u044B \u043F\u043E\u0437\u0438\u0446\u0438\u0439. -->\n        @if (group.name) {\n            <div class=\"flex flex-wrap items-end justify-between gap-x-4 gap-y-1 border-b border-tui-base-03 pb-2\">\n                <div class=\"flex min-w-0 flex-col\">\n                    <span class=\"break-words text-body-l-bold\">{{ group.name }}</span>\n                    <span class=\"text-body-s text-tui-text-02\">\u043F\u043E\u0437\u0438\u0446\u0438\u0439: {{ group.items.length }}, \u0432 \u0437\u0430\u043A\u0430\u0437: {{ group.orderableCount }}</span>\n                </div>\n                <span class=\"whitespace-nowrap text-body-m-bold\">{{ group.orderableSum | tuiFormatNumber: moneyFormat | async }} {{ 'RUB' | tuiCurrency }}</span>\n            </div>\n        }\n\n        @for (item of group.items; track item.id) {\n            @if ($index !== 0) {\n                <hr class=\"mt-auto h-px w-full bg-tui-clear\" />\n            }\n\n            <div class=\"flex items-center gap-4 relative\">\n                @let isActive = !selectable() || selectionFormGroup.get(item.id)?.value || (markUnavailable() && !item.isOrderable);\n                @let isPending = pendingItemsIds().has(item.id);\n                @let editedInDialog = isEditedInDialog(item);\n\n                <!-- \u0427\u0435\u043A\u0431\u043E\u043A\u0441 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                @if (selectable()) {\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        size=\"m\"\n                        [formControlName]=\"item.id\"\n                    />\n                }\n\n                <!-- \u041A\u0430\u0440\u0442\u043E\u0447\u043A\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                <sc-order-item\n                    #itemComponent\n                    [product]=\"item.product\"\n                    [orderItem]=\"item\"\n                    [showQuantityControl]=\"canEdit() && !item.configurator && !editedInDialog\"\n                    [isShowEditControls]=\"canEdit()\"\n                    [useLinePrice]=\"useLinePrice()\"\n                    [markUnavailable]=\"markUnavailable()\"\n                    [isPending]=\"isPending\"\n                    [settingsAvailable]=\"canEdit() && measuredInDialog() && !item.configurator && !item.isInactive\"\n                    class=\"w-full duration-200\"\n                    [class.opacity-60]=\"isItemDimmed(item)\"\n                    (clickCardEvent)=\"openProductInfoDialog(item.product, item, orderOptions?.orderId())\"\n                    (quantityValueChanges)=\"patchItem($event, itemComponent)\"\n                    (clickPriceHistoryEvent)=\"openPriceHistoryChartDialog(item.product)\"\n                    (clickSettings)=\"openSettingsDialog(item)\"\n                    [class.pointer-events-none]=\"!isActive\"\n                />\n\n                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                @if (canEdit()) {\n                    <button\n                        tuiIconButton\n                        iconStart=\"@tui.trash\"\n                        (click)=\"deleteItem(item)\"\n                        [loading]=\"isPending\"\n                        size=\"s\"\n                        appearance=\"secondary\"\n                        class=\"!absolute left-1 top-1 lg:!relative lg:left-0 lg:top-0 lg:!self-center\"\n                    ></button>\n                }\n            </div>\n        }\n    }\n\n    <!-- \u0424\u0443\u0442\u0435\u0440 \u0441\u043F\u0438\u0441\u043A\u0430. -->\n    <div\n        scPrint=\"cost\"\n        class=\"flex flex-col items-end gap-2.5\"\n    >\n        @let totalSum = sumSelectedItems();\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u0441\u0443\u043C\u043C\u0430. -->\n        <div class=\"text-base font-bold\">{{ totalLabel() }}: {{ totalSum | tuiFormatNumber: moneyFormat | async }} {{ 'RUB' | tuiCurrency }}</div>\n    </div>\n</div>\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [formGroup]=\"selectionFormGroup\"\n    class=\"flex flex-col gap-5\"\n>\n    <!-- \u0424\u043B\u0430\u0433 \u0432\u044B\u0431\u043E\u0440\u0430 \u0432\u0441\u0435\u0445 \u043F\u043E\u0437\u0438\u0446\u0438\u0439. -->\n    @if (selectable() && itemsSignal().length) {\n        <label\n            tuiLabel\n            scPrint=\"defaultNoPrint\"\n            class=\"self-start\"\n        >\n            <input\n                tuiCheckbox\n                type=\"checkbox\"\n                size=\"m\"\n                [ngModel]=\"allItemsSelected()\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                [disabled]=\"selectionFormGroup.disabled\"\n                (change)=\"selectAllChangeHandler($event)\"\n            />\n            \u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435\n        </label>\n    }\n\n    @for (group of groups(); track group.name) {\n        <!-- \u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A \u0433\u0440\u0443\u043F\u043F\u044B \u043F\u043E\u0437\u0438\u0446\u0438\u0439. -->\n        @if (group.name) {\n            <div class=\"flex flex-wrap items-end justify-between gap-x-4 gap-y-1 border-b border-tui-base-03 pb-2\">\n                <div class=\"flex min-w-0 flex-col\">\n                    <span class=\"break-words text-body-l-bold\">{{ group.name }}</span>\n                    <span class=\"text-body-s text-tui-text-02\">\u043F\u043E\u0437\u0438\u0446\u0438\u0439: {{ group.items.length }}, \u0432 \u0437\u0430\u043A\u0430\u0437: {{ group.orderableCount }}</span>\n                </div>\n                <div class=\"flex flex-col items-end gap-1\">\n                    <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0433\u0440\u0443\u043F\u043F\u044B. -->\n                    @if (canDeleteGroups()) {\n                        <button\n                            tuiButton\n                            type=\"button\"\n                            appearance=\"flat\"\n                            size=\"xs\"\n                            scPrint=\"defaultNoPrint\"\n                            [loading]=\"deletingGroupsNames().has(group.name)\"\n                            [disabled]=\"pendingGroupsNames().has(group.name)\"\n                            (click)=\"deleteGroup(group)\"\n                        >\n                            \u0423\u0434\u0430\u043B\u0438\u0442\u044C\n                        </button>\n                    }\n                    <span class=\"whitespace-nowrap text-body-m-bold\">{{ group.orderableSum | tuiFormatNumber: moneyFormat | async }} {{ 'RUB' | tuiCurrency }}</span>\n                </div>\n            </div>\n        }\n\n        @for (item of group.items; track item.id) {\n            @if ($index !== 0) {\n                <hr class=\"mt-auto h-px w-full bg-tui-clear\" />\n            }\n\n            <div class=\"flex items-center gap-4 relative\">\n                @let isActive = !selectable() || selectionFormGroup.get(item.id)?.value || (markUnavailable() && !item.isOrderable);\n                @let isPending = pendingItemsIds().has(item.id);\n                @let editedInDialog = isEditedInDialog(item);\n\n                <!-- \u0427\u0435\u043A\u0431\u043E\u043A\u0441 \u0432\u044B\u0431\u043E\u0440\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                @if (selectable()) {\n                    <input\n                        tuiCheckbox\n                        type=\"checkbox\"\n                        size=\"m\"\n                        [formControlName]=\"item.id\"\n                    />\n                }\n\n                <!-- \u041A\u0430\u0440\u0442\u043E\u0447\u043A\u0430 \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                <sc-order-item\n                    #itemComponent\n                    [product]=\"item.product\"\n                    [orderItem]=\"item\"\n                    [showQuantityControl]=\"canEdit() && !item.configurator && !editedInDialog\"\n                    [isShowEditControls]=\"canEdit()\"\n                    [useLinePrice]=\"useLinePrice()\"\n                    [markUnavailable]=\"markUnavailable()\"\n                    [isPending]=\"isPending\"\n                    [settingsAvailable]=\"canEdit() && measuredInDialog() && !item.configurator && !item.isInactive\"\n                    class=\"w-full duration-200\"\n                    [class.opacity-60]=\"isItemDimmed(item)\"\n                    (clickCardEvent)=\"openProductInfoDialog(item.product, item, orderOptions?.orderId())\"\n                    (quantityValueChanges)=\"patchItem($event, itemComponent)\"\n                    (clickPriceHistoryEvent)=\"openPriceHistoryChartDialog(item.product)\"\n                    (clickSettings)=\"openSettingsDialog(item)\"\n                    [class.pointer-events-none]=\"!isActive\"\n                />\n\n                <!-- \u041A\u043D\u043E\u043F\u043A\u0430 \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F \u0442\u043E\u0432\u0430\u0440\u0430. -->\n                @if (canEdit()) {\n                    <button\n                        tuiIconButton\n                        iconStart=\"@tui.trash\"\n                        (click)=\"deleteItem(item)\"\n                        [loading]=\"isPending\"\n                        size=\"s\"\n                        appearance=\"secondary\"\n                        class=\"!absolute left-1 top-1 lg:!relative lg:left-0 lg:top-0 lg:!self-center\"\n                    ></button>\n                }\n            </div>\n        }\n    }\n\n    <!-- \u0424\u0443\u0442\u0435\u0440 \u0441\u043F\u0438\u0441\u043A\u0430. -->\n    <div\n        scPrint=\"cost\"\n        class=\"flex flex-col items-end gap-2.5\"\n    >\n        @let totalSum = sumSelectedItems();\n        <!-- \u0418\u0442\u043E\u0433\u043E\u0432\u0430\u044F \u0441\u0443\u043C\u043C\u0430. -->\n        <div class=\"text-base font-bold\">{{ totalLabel() }}: {{ totalSum | tuiFormatNumber: moneyFormat | async }} {{ 'RUB' | tuiCurrency }}</div>\n    </div>\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { items: [{
                 type: Input,
                 args: [{ required: true }]