@snabcentr/client-ui 3.1.1 → 3.2.2
Sign up to get free protection for your applications and to get access to all the features.
- package/catalog/categories-list/sc-categories-list.component.d.ts +7 -6
- package/catalog/category-card/sc-category-card.component.d.ts +5 -1
- package/catalog/cost-with-discount/cost-with-discount.component.d.ts +23 -0
- package/catalog/hover-image-carousel/hover-image-carousel.component.d.ts +5 -1
- package/catalog/index.d.ts +1 -0
- package/catalog/price-card/sc-price-card.component.d.ts +0 -4
- package/catalog/price-card-inline/sc-price-card-inline.component.d.ts +21 -0
- package/catalog/sc-catalog.module.d.ts +12 -10
- package/directives/abstract-price-card/abstract-sc-price-card.directive.d.ts +23 -11
- package/esm2022/catalog/categories-list/sc-categories-list.component.mjs +13 -12
- package/esm2022/catalog/category-card/sc-category-card.component.mjs +5 -3
- package/esm2022/catalog/cost-with-discount/cost-with-discount.component.mjs +37 -0
- package/esm2022/catalog/hover-image-carousel/hover-image-carousel.component.mjs +9 -3
- package/esm2022/catalog/index.mjs +2 -1
- package/esm2022/catalog/price-card/sc-price-card.component.mjs +8 -12
- package/esm2022/catalog/price-card-inline/sc-price-card-inline.component.mjs +40 -0
- package/esm2022/catalog/sc-catalog.module.mjs +14 -5
- package/esm2022/directives/abstract-price-card/abstract-sc-price-card.directive.mjs +22 -7
- package/esm2022/order/order-item-mobile/sc-order-item-mobile.component.mjs +15 -27
- package/fesm2022/snabcentr-client-ui.mjs +147 -76
- package/fesm2022/snabcentr-client-ui.mjs.map +1 -1
- package/order/order-item-mobile/sc-order-item-mobile.component.d.ts +5 -14
- package/package.json +1 -1
- package/release_notes.tmp +6 -2
- package/styles/tailwind/tailwind.scss +29 -15
@@ -1,12 +1,12 @@
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
2
|
-
import { ScCartItem, ScProduct
|
2
|
+
import { ScCartItem, ScProduct } from '@snabcentr/client-core';
|
3
3
|
import { TuiPreviewDialogService } from '@taiga-ui/kit';
|
4
|
+
import { AbstractScPriceCard } from '../../directives';
|
4
5
|
import * as i0 from "@angular/core";
|
5
6
|
/**
|
6
7
|
* Компонент карточки элемента заказа.
|
7
8
|
*/
|
8
|
-
export declare class ScOrderItemMobileComponent {
|
9
|
-
readonly unitsHelper: ScUnitsHelper;
|
9
|
+
export declare class ScOrderItemMobileComponent extends AbstractScPriceCard {
|
10
10
|
private readonly previewDialogService;
|
11
11
|
/**
|
12
12
|
* Ссылка на представление спецификации.
|
@@ -16,25 +16,16 @@ export declare class ScOrderItemMobileComponent {
|
|
16
16
|
* Элемент заказа.
|
17
17
|
*/
|
18
18
|
orderItem?: ScCartItem;
|
19
|
-
/**
|
20
|
-
* Событие нажатия на карточку.
|
21
|
-
*/
|
22
|
-
clickCardEvent: EventEmitter<void>;
|
23
19
|
/**
|
24
20
|
* Событие нажатия на дополнительные действия.
|
25
21
|
*/
|
26
22
|
clickActionsEvent: EventEmitter<void>;
|
27
|
-
/**
|
28
|
-
* Хелпер для работы с изображениями товара.
|
29
|
-
*/
|
30
|
-
private readonly imageHelper;
|
31
23
|
/**
|
32
24
|
* Инициирует экземпляр класса {@link ScOrderItemMobileComponent}.
|
33
25
|
*
|
34
|
-
* @param unitsHelper Объект-хэлпер для работы со значениями единиц измерения товара.
|
35
26
|
* @param previewDialogService Сервис диалогового окна предварительного просмотра.
|
36
27
|
*/
|
37
|
-
constructor(
|
28
|
+
constructor(previewDialogService: TuiPreviewDialogService);
|
38
29
|
/**
|
39
30
|
* Продукт элемента заказа.
|
40
31
|
*/
|
@@ -50,5 +41,5 @@ export declare class ScOrderItemMobileComponent {
|
|
50
41
|
*/
|
51
42
|
getCardImage(product: ScProduct): string;
|
52
43
|
static ɵfac: i0.ɵɵFactoryDeclaration<ScOrderItemMobileComponent, never>;
|
53
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ScOrderItemMobileComponent, "sc-order-item-mobile", never, { "orderItem": { "alias": "orderItem"; "required": false; }; }, { "
|
44
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ScOrderItemMobileComponent, "sc-order-item-mobile", never, { "orderItem": { "alias": "orderItem"; "required": false; }; }, { "clickActionsEvent": "clickActionsEvent"; }, never, never, false, never>;
|
54
45
|
}
|
package/package.json
CHANGED
package/release_notes.tmp
CHANGED
@@ -1,6 +1,10 @@
|
|
1
|
-
## 3.
|
1
|
+
## 3.2.2 (2024-11-15)
|
2
|
+
|
3
|
+
### changed (1 change)
|
4
|
+
|
5
|
+
- [#10636: Доработаны ссылки компонентов](web_soft/libs/angular/snabcentr-client-ui-lib@64dbaf15ab1b4c1001e58390ae137f15bebc269e) ([merge request](web_soft/libs/angular/snabcentr-client-ui-lib!184))
|
2
6
|
|
3
7
|
### fixed (1 change)
|
4
8
|
|
5
|
-
- [#
|
9
|
+
- [#10649: Доработано поведение наведения на плитку товара](web_soft/libs/angular/snabcentr-client-ui-lib@c9f2a2946401b6d9d9f2180f83cac75354da8cf2) ([merge request](web_soft/libs/angular/snabcentr-client-ui-lib!183))
|
6
10
|
|
@@ -107,7 +107,7 @@
|
|
107
107
|
}
|
108
108
|
|
109
109
|
/*
|
110
|
-
! tailwindcss v3.4.
|
110
|
+
! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com
|
111
111
|
*/
|
112
112
|
|
113
113
|
/*
|
@@ -762,6 +762,10 @@ video {
|
|
762
762
|
margin-top: 0.25rem;
|
763
763
|
}
|
764
764
|
|
765
|
+
.mt-2 {
|
766
|
+
margin-top: 0.5rem;
|
767
|
+
}
|
768
|
+
|
765
769
|
.line-clamp-3 {
|
766
770
|
overflow: hidden;
|
767
771
|
display: -webkit-box;
|
@@ -814,6 +818,11 @@ video {
|
|
814
818
|
height: 5rem;
|
815
819
|
}
|
816
820
|
|
821
|
+
.size-24 {
|
822
|
+
width: 6rem;
|
823
|
+
height: 6rem;
|
824
|
+
}
|
825
|
+
|
817
826
|
.size-4 {
|
818
827
|
width: 1rem;
|
819
828
|
height: 1rem;
|
@@ -846,10 +855,6 @@ video {
|
|
846
855
|
height: 2rem !important;
|
847
856
|
}
|
848
857
|
|
849
|
-
.\!h-auto {
|
850
|
-
height: auto !important;
|
851
|
-
}
|
852
|
-
|
853
858
|
.h-10 {
|
854
859
|
height: 2.5rem;
|
855
860
|
}
|
@@ -882,6 +887,10 @@ video {
|
|
882
887
|
height: 19em;
|
883
888
|
}
|
884
889
|
|
890
|
+
.h-\[8\.25rem\] {
|
891
|
+
height: 8.25rem;
|
892
|
+
}
|
893
|
+
|
885
894
|
.h-full {
|
886
895
|
height: 100%;
|
887
896
|
}
|
@@ -1060,6 +1069,10 @@ video {
|
|
1060
1069
|
align-items: baseline;
|
1061
1070
|
}
|
1062
1071
|
|
1072
|
+
.justify-end {
|
1073
|
+
justify-content: flex-end;
|
1074
|
+
}
|
1075
|
+
|
1063
1076
|
.justify-center {
|
1064
1077
|
justify-content: center;
|
1065
1078
|
}
|
@@ -1211,7 +1224,7 @@ video {
|
|
1211
1224
|
|
1212
1225
|
.bg-white {
|
1213
1226
|
--tw-bg-opacity: 1;
|
1214
|
-
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
1227
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
1215
1228
|
}
|
1216
1229
|
|
1217
1230
|
.bg-gradient-to-r {
|
@@ -1346,6 +1359,12 @@ video {
|
|
1346
1359
|
vertical-align: baseline;
|
1347
1360
|
}
|
1348
1361
|
|
1362
|
+
.\!text-body-m-bold {
|
1363
|
+
font-size: 0.9375rem !important;
|
1364
|
+
line-height: 1.5rem !important;
|
1365
|
+
font-weight: 800 !important;
|
1366
|
+
}
|
1367
|
+
|
1349
1368
|
.\!text-sm {
|
1350
1369
|
font-size: 0.875rem !important;
|
1351
1370
|
line-height: 1.25rem !important;
|
@@ -1412,11 +1431,6 @@ video {
|
|
1412
1431
|
line-height: 1.25rem;
|
1413
1432
|
}
|
1414
1433
|
|
1415
|
-
.text-xl {
|
1416
|
-
font-size: 1.25rem;
|
1417
|
-
line-height: 1.75rem;
|
1418
|
-
}
|
1419
|
-
|
1420
1434
|
.text-xs {
|
1421
1435
|
font-size: 0.75rem;
|
1422
1436
|
line-height: 1rem;
|
@@ -1469,12 +1483,12 @@ video {
|
|
1469
1483
|
|
1470
1484
|
.\!text-green-500 {
|
1471
1485
|
--tw-text-opacity: 1 !important;
|
1472
|
-
color: rgb(34 197 94 / var(--tw-text-opacity)) !important;
|
1486
|
+
color: rgb(34 197 94 / var(--tw-text-opacity, 1)) !important;
|
1473
1487
|
}
|
1474
1488
|
|
1475
1489
|
.\!text-red-500 {
|
1476
1490
|
--tw-text-opacity: 1 !important;
|
1477
|
-
color: rgb(239 68 68 / var(--tw-text-opacity)) !important;
|
1491
|
+
color: rgb(239 68 68 / var(--tw-text-opacity, 1)) !important;
|
1478
1492
|
}
|
1479
1493
|
|
1480
1494
|
.\!text-tui-base-08 {
|
@@ -1483,12 +1497,12 @@ video {
|
|
1483
1497
|
|
1484
1498
|
.\!text-yellow-500 {
|
1485
1499
|
--tw-text-opacity: 1 !important;
|
1486
|
-
color: rgb(234 179 8 / var(--tw-text-opacity)) !important;
|
1500
|
+
color: rgb(234 179 8 / var(--tw-text-opacity, 1)) !important;
|
1487
1501
|
}
|
1488
1502
|
|
1489
1503
|
.text-black {
|
1490
1504
|
--tw-text-opacity: 1;
|
1491
|
-
color: rgb(0 0 0 / var(--tw-text-opacity));
|
1505
|
+
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
|
1492
1506
|
}
|
1493
1507
|
|
1494
1508
|
.text-tui-base-05 {
|