@snabcentr/client-ui 2.4.3 → 3.0.0

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '@angular/core';
-import { ScCartItem, ScIUrls, ScProduct, ScUnitsHelper } from '@snabcentr/client-core';
+import { ScCartItem, ScProduct, ScUnitsHelper } from '@snabcentr/client-core';
 import { TuiPreviewDialogService } from '@taiga-ui/kit';
 import * as i0 from "@angular/core";
 /**
@@ -8,8 +8,6 @@ import * as i0 from "@angular/core";
 export declare class ScOrderItemMobileComponent {
     readonly unitsHelper: ScUnitsHelper;
     private readonly previewDialogService;
-    private readonly urls;
-    private readonly pathImageNotFound;
     /**
      * Ссылка на представление спецификации.
      */
@@ -26,15 +24,17 @@ export declare class ScOrderItemMobileComponent {
      * Событие нажатия на дополнительные действия.
      */
     clickActionsEvent: EventEmitter<void>;
+    /**
+     * Хелпер для работы с изображениями товара.
+     */
+    private readonly imageHelper;
     /**
      * Инициирует экземпляр класса {@link ScOrderItemMobileComponent}.
      *
      * @param unitsHelper Объект-хэлпер для работы со значениями единиц измерения товара.
      * @param previewDialogService Сервис диалогового окна предварительного просмотра.
-     * @param urls Список ссылок на разделы backend'a.
-     * @param pathImageNotFound Путь до изображения 'Товар не найден'.
      */
-    constructor(unitsHelper: ScUnitsHelper, previewDialogService: TuiPreviewDialogService, urls: ScIUrls, pathImageNotFound: string);
+    constructor(unitsHelper: ScUnitsHelper, previewDialogService: TuiPreviewDialogService);
     /**
      * Продукт элемента заказа.
      */
@@ -45,8 +45,10 @@ export declare class ScOrderItemMobileComponent {
     showSpecification(): void;
     /**
      * Возвращает ссылку на изображение карточки товара.
+     *
+     * @param product Позиция товара/услуги.
      */
-    getCardImage(): string;
+    getCardImage(product: ScProduct): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScOrderItemMobileComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ScOrderItemMobileComponent, "sc-order-item-mobile", never, { "orderItem": { "alias": "orderItem"; "required": false; }; }, { "clickCardEvent": "clickCardEvent"; "clickActionsEvent": "clickActionsEvent"; }, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snabcentr/client-ui",
-  "version": "2.4.3",
+  "version": "3.0.0",
   "author": "Snabcentr Ltd.",
   "repository": "https://gitlab.snabcentr.met/web/angular/snabcentr-client-ui-lib",
   "license": "Commercial",
@@ -13,7 +13,7 @@
     "@maskito/angular": ">=3.1.0",
     "@maskito/core": ">=3.1.0",
     "@ng-web-apis/intersection-observer": ">=4.2.1",
-    "@snabcentr/client-core": ">=2.5.1",
+    "@snabcentr/client-core": "^2.7.0",
     "@taiga-ui/addon-charts": ">=4.10.0",
     "@taiga-ui/addon-commerce": ">=4.10.0",
     "@taiga-ui/cdk": ">=4.10.0",

package/release_notes.tmp

@@ -1,4 +1,4 @@
-## 2.4.3 (2024-10-14)
+## 3.0.0 (2024-10-25)
 
 No changes.
 

package/styles/tailwind/tailwind.scss

@@ -107,7 +107,7 @@
 }
 
 /*
-! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -550,7 +550,7 @@ video {
 
 /* Make elements with the HTML hidden attribute stay hidden by default */
 
-[hidden] {
+[hidden]:where(:not([hidden="until-found"])) {
   display: none;
 }
 
@@ -692,10 +692,6 @@ video {
   top: 50%;
 }
 
-.top-2 {
-  top: 0.5rem;
-}
-
 .isolate {
   isolation: isolate;
 }
@@ -716,10 +712,6 @@ video {
   margin: -0.5rem !important;
 }
 
-.m-1 {
-  margin: 0.25rem;
-}
-
 .my-2 {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
@@ -766,8 +758,8 @@ video {
   margin-right: auto;
 }
 
-.mt-2 {
-  margin-top: 0.5rem;
+.mt-1 {
+  margin-top: 0.25rem;
 }
 
 .line-clamp-3 {
@@ -817,11 +809,6 @@ video {
   display: none;
 }
 
-.\!size-6 {
-  width: 1.5rem !important;
-  height: 1.5rem !important;
-}
-
 .size-20 {
   width: 5rem;
   height: 5rem;
@@ -851,10 +838,6 @@ video {
   height: 5rem !important;
 }
 
-.\!h-3 {
-  height: 0.75rem !important;
-}
-
 .\!h-4 {
   height: 1rem !important;
 }
@@ -879,10 +862,6 @@ video {
   height: 0.75rem;
 }
 
-.h-3\/5 {
-  height: 60%;
-}
-
 .h-4 {
   height: 1rem;
 }
@@ -968,10 +947,6 @@ video {
   width: 100%;
 }
 
-.min-w-40 {
-  min-width: 10rem;
-}
-
 .min-w-72 {
   min-width: 18rem;
 }
@@ -1182,10 +1157,6 @@ video {
   border-radius: 0.25rem;
 }
 
-.rounded-lg {
-  border-radius: 0.5rem;
-}
-
 .rounded-tui-radius-m {
   border-radius: var(--tui-radius-m);
 }
@@ -1198,16 +1169,6 @@ video {
   border-radius: 0.75rem;
 }
 
-.rounded-b {
-  border-bottom-right-radius: 0.25rem;
-  border-bottom-left-radius: 0.25rem;
-}
-
-.rounded-t {
-  border-top-left-radius: 0.25rem;
-  border-top-right-radius: 0.25rem;
-}
-
 .border {
   border-width: 1px;
 }
@@ -1289,8 +1250,9 @@ video {
   background-repeat: no-repeat;
 }
 
-.\!fill-white {
-  fill: #fff !important;
+.object-contain {
+  -o-object-fit: contain;
+     object-fit: contain;
 }
 
 .object-cover {
@@ -1385,6 +1347,11 @@ video {
   line-height: 1.25rem !important;
 }
 
+.\!text-xl {
+  font-size: 1.25rem !important;
+  line-height: 1.75rem !important;
+}
+
 .\!text-xs {
   font-size: 0.75rem !important;
   line-height: 1rem !important;
@@ -1407,6 +1374,30 @@ video {
   font-weight:  800;
 }
 
+.text-body-s {
+  font-size: 0.8125rem;
+  line-height: 1.25rem;
+  font-weight: 500;
+}
+
+.text-body-xl {
+  font-size: 1.1875rem;
+  line-height: 1.75rem;
+  font-weight: 500;
+}
+
+.text-body-xs {
+  font-size: 0.6875rem;
+  line-height: 1rem;
+  font-weight: 500;
+}
+
+.text-body-xs-bold {
+  font-size: 0.6875rem;
+  line-height: 1rem;
+  font-weight:  800;
+}
+
 .text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
@@ -1426,6 +1417,10 @@ video {
   font-weight: 700 !important;
 }
 
+.\!font-extrabold {
+  font-weight: 800 !important;
+}
+
 .\!font-medium {
   font-weight: 500 !important;
 }
@@ -1503,18 +1498,10 @@ video {
   color: var(--tui-background-accent-opposite-pressed);
 }
 
-.text-tui-error-fill {
-  color: var(--tui-status-negative);
-}
-
 .text-tui-link {
   color: var(--tui-text-action);
 }
 
-.text-tui-negative {
-  color: var(--tui-text-negative);
-}
-
 .text-tui-primary {
   color: var(--tui-background-accent-1);
 }
@@ -1535,11 +1522,6 @@ video {
   color: var(--tui-text-tertiary);
 }
 
-.text-white {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-
 .underline {
   text-decoration-line: underline;
 }
@@ -1556,24 +1538,16 @@ video {
   opacity: 0.5;
 }
 
+.opacity-90 {
+  opacity: 0.9;
+}
+
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.shadow-md {
-  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-sc-1 {
-  --tw-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.10);
-  --tw-shadow-colored: 0px 5px 20px 0px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
 .shadow-sc-2 {
   --tw-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.10);
   --tw-shadow-colored: 0px 2px 3px 0px var(--tw-shadow-color);
@@ -1679,10 +1653,6 @@ video {
   k: string;
 }
 
-.group:hover .group-hover\:block {
-  display: block;
-}
-
 @media (min-width: 640px) {
   .sm\:mr-9 {
     margin-right: 2.25rem;