@snabcentr/client-ui 0.0.13 → 0.0.17

package/helpers/sc-units-helper.d.ts

@@ -0,0 +1,28 @@
+import { ScProduct } from '@snabcentr/client-core';
+import * as i0 from "@angular/core";
+/**
+ * Класс хэлпер для работы со значениями единиц измерения товара.
+ */
+export declare class UnitsHelper {
+    readonly linearValues: string[];
+    /**
+     * Инициирует экземпляр класса {@link UnitsHelper}.
+     *
+     * @param linearValues Единицы измерения линейной величины.
+     */
+    constructor(linearValues: string[]);
+    /**
+     * Возвращает признак возможности продажи товара на метраж.
+     *
+     * @param linearValues Товар для которого нужно проверить возможность продажи на метраж.
+     */
+    productIsMeasurable(product: ScProduct): boolean;
+    /**
+     * Возвращает кратность количества для товара.
+     *
+     * @param linearValues Товар для которого нужно вернуть кратность количества.
+     */
+    productMultiplicity(product: ScProduct): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UnitsHelper, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UnitsHelper>;
+}

package/loader/index.d.ts

@@ -0,0 +1 @@
+export * from './sc-i-loader';

package/loader/sc-i-loader.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Интерфейс для реализации компонентами, отображающими индикатор выполнения запросов.
+ */
+export interface ScILoader {
+    /**
+     * Набор признаков выполнения запросов.
+     */
+    loadingList: Set<string>;
+}

package/news/news-card/sc-news-card.component.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '@angular/core';
 import { ScNewsTile } from '@snabcentr/client-core';
 import * as i0 from "@angular/core";
 /**
@@ -8,6 +9,10 @@ export declare class ScNewsCardComponent {
      * Информация о новости.
      */
     news: ScNewsTile;
+    /**
+     * Событие клика по карточке новости.
+     */
+    clickCardEvent: EventEmitter<ScNewsTile>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScNewsCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScNewsCardComponent, "sc-news-card", never, { "news": "news"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScNewsCardComponent, "sc-news-card", never, { "news": "news"; }, { "clickCardEvent": "clickCardEvent"; }, never, never, false>;
 }

package/order/order-item-mobile/order-item-mobile.component.d.ts

@@ -1,15 +1,16 @@
 import { EventEmitter } from '@angular/core';
 import { ScCartItem, ScIUrls, ScProduct } from '@snabcentr/client-core';
 import { TuiPreviewDialogService } from '@taiga-ui/addon-preview';
+import { UnitsHelper } from '../../helpers/sc-units-helper';
 import * as i0 from "@angular/core";
 /**
  * Компонент карточки элемента заказа.
  */
 export declare class ScOrderItemMobileComponent {
+    readonly unitsHelper: UnitsHelper;
     private readonly previewDialogService;
     private readonly urls;
     private readonly pathImageNotFound;
-    readonly linearValues: string[];
     /**
      * Ссылка на представление спецификации.
      */
@@ -17,7 +18,7 @@ export declare class ScOrderItemMobileComponent {
     /**
      * Элемент заказа.
      */
-    orderItem: ScCartItem;
+    orderItem?: ScCartItem;
     /**
      * Событие нажатия на карточку.
      */
@@ -29,24 +30,20 @@ export declare class ScOrderItemMobileComponent {
     /**
      * Продукт элемента заказа.
      */
-    get product(): ScProduct;
+    get product(): ScProduct | undefined;
     /**
      * Инициирует экземпляр класса {@link ScOrderItemMobileComponent}.
      *
+     * @param unitsHelper Объект-хэлпер для работы со значениями единиц измерения товара.
      * @param previewDialogService Сервис диалогового окна предварительного просмотра.
      * @param urls Список ссылок на разделы backend'a.
      * @param pathImageNotFound Путь до изображения 'Товар не найден'.
-     * @param linearValues Единицы измерения линейной величины.
      */
-    constructor(previewDialogService: TuiPreviewDialogService, urls: ScIUrls, pathImageNotFound: string, linearValues: string[]);
+    constructor(unitsHelper: UnitsHelper, previewDialogService: TuiPreviewDialogService, urls: ScIUrls, pathImageNotFound: string);
     /**
      * Отобразить спецификацию.
      */
     showSpecification(): void;
-    /**
-     * Возвращает признак возможности продажи товара на метраж.
-     */
-    productIsMeasurable(): number;
     /**
      * Возвращает ссылку на изображение карточки товара.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snabcentr/client-ui",
-  "version": "0.0.13",
+  "version": "0.0.17",
   "author": "Snabcentr Ltd.",
   "repository": "https://gitlab.snabcentr.met/web/angular/snabcentr-client-ui-lib",
   "license": "Commercial",
@@ -29,7 +29,9 @@
     "@taiga-ui/layout": ">=3.42.1",
     "@taiga-ui/styles": ">=3.42.1",
     "@tinkoff/ng-polymorpheus": ">=4.1.0",
+    "echarts": "^5.4.3",
     "moment": ">=2.29.4",
+    "ngx-echarts": "^14.0.0",
     "rxjs": ">=7.5.0",
     "zone.js": ">=0.12.0"
   },

package/public-api.d.ts

@@ -2,6 +2,7 @@ export * from './banner';
 export * from './cart';
 export * from './catalog';
 export * from './icons';
+export * from './loader';
 export * from './news';
 export * from './order';
 export * from './share-button';

package/styles/taiga/taiga-tailwind-preset.js

@@ -18,6 +18,7 @@ module.exports = {
                 'tui-radius-m': 'var(--tui-radius-m)',
                 'tui-radius-l': 'var(--tui-radius-l)',
                 'tui-radius-xl': 'var(--tui-radius-xl)',
+                'tui-skeleton-radius': 'var(--tui-skeleton-radius)',
             },
             flexBasis: {
                 'min-content': 'min-content',

package/styles/taiga/variables.less

@@ -27,6 +27,7 @@
     --tui-radius-m: 0.75rem;
     --tui-radius-l: 0.75rem;
     --tui-radius-xl: 1.5rem;
+    --tui-skeleton-radius: var(--tui-radius-m);
     --tui-height-xs: 1.5rem;
     --tui-height-s: 2rem;
     --tui-height-m: 2.75rem;

package/styles/tailwind/tailwind.scss

@@ -652,6 +652,10 @@ video {
   left: 0.25rem;
 }
 
+.left-16 {
+  left: 4rem;
+}
+
 .left-3 {
   left: 0.75rem;
 }
@@ -696,6 +700,10 @@ video {
   margin: 2rem;
 }
 
+.mb-1 {
+  margin-bottom: 0.25rem;
+}
+
 .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -775,6 +783,10 @@ video {
   height: 1.25rem !important;
 }
 
+.\!h-full {
+  height: 100% !important;
+}
+
 .h-20 {
   height: 5rem;
 }
@@ -795,10 +807,18 @@ video {
   height: 1rem;
 }
 
+.h-48 {
+  height: 12rem;
+}
+
 .h-50 {
   height: 12.5rem;
 }
 
+.h-56 {
+  height: 14rem;
+}
+
 .h-64 {
   height: 16rem;
 }
@@ -843,6 +863,10 @@ video {
   width: 1rem;
 }
 
+.w-4\/5 {
+  width: 80%;
+}
+
 .w-40 {
   width: 10rem;
 }
@@ -1145,6 +1169,10 @@ video {
      object-fit: cover;
 }
 
+.p-12 {
+  padding: 3rem;
+}
+
 .p-3 {
   padding: 0.75rem;
 }
@@ -1181,6 +1209,10 @@ video {
   text-align: center;
 }
 
+.text-end {
+  text-align: end;
+}
+
 .align-baseline {
   vertical-align: baseline;
 }
@@ -1195,6 +1227,11 @@ video {
   line-height: 1rem !important;
 }
 
+.text-lg {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+
 .text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;
@@ -1264,6 +1301,10 @@ video {
   color: var(--tui-success-fill);
 }
 
+.text-tui-text-02 {
+  color: var(--tui-text-02);
+}
+
 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -1338,6 +1379,14 @@ video {
           backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
 
+.\!transition {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
+  transition-duration: 150ms !important;
+}
+
 .\!transition-all {
   transition-property: all !important;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;