@citygross/components 0.8.61 → 0.8.63
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.
- package/build/@types/components/PriceTag/PriceTag.styles.d.ts +5 -6
- package/build/@types/components/PriceTag/PriceTag.types.d.ts +1 -0
- package/build/cjs/components/src/components/PriceTag/PriceTag.js +4 -2
- package/build/cjs/components/src/components/PriceTag/PriceTag.js.map +1 -1
- package/build/cjs/components/src/components/PriceTag/PriceTag.styles.js +14 -7
- package/build/cjs/components/src/components/PriceTag/PriceTag.styles.js.map +1 -1
- package/build/cjs/components/src/helpers/price.js +6 -3
- package/build/cjs/components/src/helpers/price.js.map +1 -1
- package/build/es/components/src/components/PriceTag/PriceTag.js +4 -2
- package/build/es/components/src/components/PriceTag/PriceTag.js.map +1 -1
- package/build/es/components/src/components/PriceTag/PriceTag.styles.js +14 -7
- package/build/es/components/src/components/PriceTag/PriceTag.styles.js.map +1 -1
- package/build/es/components/src/helpers/price.js +6 -3
- package/build/es/components/src/helpers/price.js.map +1 -1
- package/package.json +2 -2
|
@@ -13,14 +13,13 @@ export declare const PriceBannerContainer: import("styled-components").StyledCom
|
|
|
13
13
|
export declare const PriceTagContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TBackgroundColor, never>;
|
|
14
14
|
export declare const PriceTag: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
15
15
|
export declare const PriceBase: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, TFontSize, never>;
|
|
16
|
-
|
|
17
|
-
width?: number
|
|
18
|
-
}
|
|
16
|
+
declare type TPriceDetails = {
|
|
17
|
+
width?: number;
|
|
18
|
+
};
|
|
19
|
+
export declare const PriceDetails: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TPriceDetails, never>;
|
|
19
20
|
export declare const PriceIndicatorContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
20
21
|
showUnit: boolean;
|
|
21
22
|
} & TIsSmall, never>;
|
|
22
23
|
export declare const PriceDecimals: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, TFontSize & TIsSmall, never>;
|
|
23
|
-
export declare const PriceUnit: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme,
|
|
24
|
-
showPriceIndicator: boolean;
|
|
25
|
-
} & TFontSize & TIsSmall, never>;
|
|
24
|
+
export declare const PriceUnit: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, TFontSize & TIsSmall & TPant, never>;
|
|
26
25
|
export {};
|
|
@@ -24,6 +24,7 @@ export declare type TPriceVariantAttributes = {
|
|
|
24
24
|
export declare type TPriceTagSizeAttributes = {
|
|
25
25
|
baseFontSize?: number;
|
|
26
26
|
decimalsFontSize?: number;
|
|
27
|
+
detailsNoPantWidth?: number;
|
|
27
28
|
detailsPantWidth?: number;
|
|
28
29
|
indicatorSize?: number;
|
|
29
30
|
padding?: number;
|
|
@@ -28,10 +28,12 @@ var PriceTag = function (_a) {
|
|
|
28
28
|
React__default["default"].createElement(PriceTag_styles.PriceTagContainer, { backgroundColor: variantAttributes.backgroundColor },
|
|
29
29
|
React__default["default"].createElement(PriceTag_styles.PriceTag, null,
|
|
30
30
|
React__default["default"].createElement(PriceTag_styles.PriceBase, { fontSize: sizeAttributes.baseFontSize }, priceBase),
|
|
31
|
-
React__default["default"].createElement(PriceTag_styles.PriceDetails, {
|
|
31
|
+
React__default["default"].createElement(PriceTag_styles.PriceDetails, { width: pant
|
|
32
|
+
? sizeAttributes.detailsPantWidth
|
|
33
|
+
: sizeAttributes.detailsNoPantWidth },
|
|
32
34
|
showPriceIndicator ? (React__default["default"].createElement(PriceTag_styles.PriceIndicatorContainer, { isSmall: size === PriceTag_types.EPriceSize.SMALL, showUnit: showUnit },
|
|
33
35
|
React__default["default"].createElement(icons.Icons.PriceIndicator, { fill: variantAttributes.fontColor, size: sizeAttributes.indicatorSize }))) : (React__default["default"].createElement(PriceTag_styles.PriceDecimals, { fontSize: sizeAttributes.decimalsFontSize, isSmall: size === PriceTag_types.EPriceSize.SMALL }, priceDecimals)),
|
|
34
|
-
React__default["default"].createElement(PriceTag_styles.PriceUnit, { fontSize: sizeAttributes.unitFontSize, isSmall: size === PriceTag_types.EPriceSize.SMALL,
|
|
36
|
+
React__default["default"].createElement(PriceTag_styles.PriceUnit, { fontSize: sizeAttributes.unitFontSize, isSmall: size === PriceTag_types.EPriceSize.SMALL, pant: pant }, pant ? pantStr : isMultiPrice ? '' : "/".concat(unit)))))));
|
|
35
37
|
};
|
|
36
38
|
|
|
37
39
|
exports.PriceTag = PriceTag;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PriceTag.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PriceTag.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -22,13 +22,17 @@ var PriceTagWrapper = styled__default["default"].div(templateObject_1 || (templa
|
|
|
22
22
|
return (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.weight.bold;
|
|
23
23
|
});
|
|
24
24
|
var PriceBannerContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n margin-bottom: 1px;\n transform: rotate(-", "deg);\n"], ["\n margin-bottom: 1px;\n transform: rotate(-", "deg);\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.priceRotate; });
|
|
25
|
-
var PriceTagContainer = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n background-color: ", ";\n padding: ", "px;\n position: relative;\n"], ["\n background-color: ", ";\n padding: ", "px;\n position: relative;\n"])), function (_a) {
|
|
25
|
+
var PriceTagContainer = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n background-color: ", ";\n padding: ", "px\n ", "px;\n position: relative;\n"], ["\n background-color: ", ";\n padding: ", "px\n ", "px;\n position: relative;\n"])), function (_a) {
|
|
26
26
|
var backgroundColor = _a.backgroundColor;
|
|
27
27
|
return backgroundColor;
|
|
28
28
|
}, function (_a) {
|
|
29
29
|
var _b;
|
|
30
30
|
var theme = _a.theme;
|
|
31
31
|
return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xxs;
|
|
32
|
+
}, function (_a) {
|
|
33
|
+
var _b;
|
|
34
|
+
var theme = _a.theme;
|
|
35
|
+
return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xs;
|
|
32
36
|
});
|
|
33
37
|
var PriceTag = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ", "px;\n"], ["\n display: flex;\n align-items: center;\n gap: ", "px;\n"])), function (_a) {
|
|
34
38
|
var _b;
|
|
@@ -39,9 +43,9 @@ var PriceBase = styled__default["default"].span(templateObject_5 || (templateObj
|
|
|
39
43
|
var fontSize = _a.fontSize;
|
|
40
44
|
return fontSize;
|
|
41
45
|
});
|
|
42
|
-
var PriceDetails = styled__default["default"].div(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n width: ", ";\n"])), function (_a) {
|
|
43
|
-
var
|
|
44
|
-
return
|
|
46
|
+
var PriceDetails = styled__default["default"].div(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: ", "px;\n"], ["\n display: flex;\n flex-direction: column;\n width: ", "px;\n"])), function (_a) {
|
|
47
|
+
var width = _a.width;
|
|
48
|
+
return width;
|
|
45
49
|
});
|
|
46
50
|
var PriceIndicatorContainer = styled__default["default"].div(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n margin-top: ", "px;\n"], ["\n margin-top: ", "px;\n"])), function (_a) {
|
|
47
51
|
var isSmall = _a.isSmall, showUnit = _a.showUnit;
|
|
@@ -54,12 +58,15 @@ var PriceDecimals = styled__default["default"].span(templateObject_8 || (templat
|
|
|
54
58
|
var isSmall = _a.isSmall;
|
|
55
59
|
return (isSmall ? -11 : -14);
|
|
56
60
|
});
|
|
57
|
-
var PriceUnit = styled__default["default"].span(templateObject_9 || (templateObject_9 = _tslib.__makeTemplateObject(["\n font-size: ", "px;\n position: absolute;\n bottom: ", "px;\n right:
|
|
61
|
+
var PriceUnit = styled__default["default"].span(templateObject_9 || (templateObject_9 = _tslib.__makeTemplateObject(["\n font-size: ", "px;\n position: absolute;\n bottom: ", "px;\n right: ", "px;\n"], ["\n font-size: ", "px;\n position: absolute;\n bottom: ", "px;\n right: ", "px;\n"])), function (_a) {
|
|
58
62
|
var fontSize = _a.fontSize;
|
|
59
63
|
return fontSize;
|
|
60
64
|
}, function (_a) {
|
|
61
|
-
var isSmall = _a.isSmall
|
|
62
|
-
return isSmall ?
|
|
65
|
+
var isSmall = _a.isSmall;
|
|
66
|
+
return (isSmall ? 4 : 6);
|
|
67
|
+
}, function (_a) {
|
|
68
|
+
var pant = _a.pant;
|
|
69
|
+
return (pant ? 4 : 8);
|
|
63
70
|
});
|
|
64
71
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
65
72
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PriceTag.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PriceTag.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -29,7 +29,8 @@ var getPriceTagSizeAttributes = function (size) {
|
|
|
29
29
|
return {
|
|
30
30
|
baseFontSize: 46,
|
|
31
31
|
decimalsFontSize: 25,
|
|
32
|
-
|
|
32
|
+
detailsNoPantWidth: 30,
|
|
33
|
+
detailsPantWidth: 36,
|
|
33
34
|
indicatorSize: 25,
|
|
34
35
|
unitFontSize: 12
|
|
35
36
|
};
|
|
@@ -37,7 +38,8 @@ var getPriceTagSizeAttributes = function (size) {
|
|
|
37
38
|
return {
|
|
38
39
|
baseFontSize: 38,
|
|
39
40
|
decimalsFontSize: 20,
|
|
40
|
-
|
|
41
|
+
detailsNoPantWidth: 25,
|
|
42
|
+
detailsPantWidth: 30,
|
|
41
43
|
indicatorSize: 20,
|
|
42
44
|
unitFontSize: 10
|
|
43
45
|
};
|
|
@@ -45,7 +47,8 @@ var getPriceTagSizeAttributes = function (size) {
|
|
|
45
47
|
return {
|
|
46
48
|
baseFontSize: 28,
|
|
47
49
|
decimalsFontSize: 15,
|
|
48
|
-
|
|
50
|
+
detailsNoPantWidth: 20,
|
|
51
|
+
detailsPantWidth: 22,
|
|
49
52
|
indicatorSize: 15,
|
|
50
53
|
unitFontSize: 8
|
|
51
54
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"price.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"price.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -20,10 +20,12 @@ var PriceTag = function (_a) {
|
|
|
20
20
|
React.createElement(PriceTagContainer, { backgroundColor: variantAttributes.backgroundColor },
|
|
21
21
|
React.createElement(PriceTag$1, null,
|
|
22
22
|
React.createElement(PriceBase, { fontSize: sizeAttributes.baseFontSize }, priceBase),
|
|
23
|
-
React.createElement(PriceDetails, {
|
|
23
|
+
React.createElement(PriceDetails, { width: pant
|
|
24
|
+
? sizeAttributes.detailsPantWidth
|
|
25
|
+
: sizeAttributes.detailsNoPantWidth },
|
|
24
26
|
showPriceIndicator ? (React.createElement(PriceIndicatorContainer, { isSmall: size === EPriceSize.SMALL, showUnit: showUnit },
|
|
25
27
|
React.createElement(Icons.PriceIndicator, { fill: variantAttributes.fontColor, size: sizeAttributes.indicatorSize }))) : (React.createElement(PriceDecimals, { fontSize: sizeAttributes.decimalsFontSize, isSmall: size === EPriceSize.SMALL }, priceDecimals)),
|
|
26
|
-
React.createElement(PriceUnit, { fontSize: sizeAttributes.unitFontSize, isSmall: size === EPriceSize.SMALL,
|
|
28
|
+
React.createElement(PriceUnit, { fontSize: sizeAttributes.unitFontSize, isSmall: size === EPriceSize.SMALL, pant: pant }, pant ? pantStr : isMultiPrice ? '' : "/".concat(unit)))))));
|
|
27
29
|
};
|
|
28
30
|
|
|
29
31
|
export { PriceTag };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PriceTag.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PriceTag.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -14,13 +14,17 @@ var PriceTagWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeT
|
|
|
14
14
|
return (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.weight.bold;
|
|
15
15
|
});
|
|
16
16
|
var PriceBannerContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin-bottom: 1px;\n transform: rotate(-", "deg);\n"], ["\n margin-bottom: 1px;\n transform: rotate(-", "deg);\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.priceRotate; });
|
|
17
|
-
var PriceTagContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n padding: ", "px;\n position: relative;\n"], ["\n background-color: ", ";\n padding: ", "px;\n position: relative;\n"])), function (_a) {
|
|
17
|
+
var PriceTagContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n padding: ", "px\n ", "px;\n position: relative;\n"], ["\n background-color: ", ";\n padding: ", "px\n ", "px;\n position: relative;\n"])), function (_a) {
|
|
18
18
|
var backgroundColor = _a.backgroundColor;
|
|
19
19
|
return backgroundColor;
|
|
20
20
|
}, function (_a) {
|
|
21
21
|
var _b;
|
|
22
22
|
var theme = _a.theme;
|
|
23
23
|
return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xxs;
|
|
24
|
+
}, function (_a) {
|
|
25
|
+
var _b;
|
|
26
|
+
var theme = _a.theme;
|
|
27
|
+
return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xs;
|
|
24
28
|
});
|
|
25
29
|
var PriceTag = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ", "px;\n"], ["\n display: flex;\n align-items: center;\n gap: ", "px;\n"])), function (_a) {
|
|
26
30
|
var _b;
|
|
@@ -31,9 +35,9 @@ var PriceBase = styled.span(templateObject_5 || (templateObject_5 = __makeTempla
|
|
|
31
35
|
var fontSize = _a.fontSize;
|
|
32
36
|
return fontSize;
|
|
33
37
|
});
|
|
34
|
-
var PriceDetails = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n width: ", ";\n"])), function (_a) {
|
|
35
|
-
var
|
|
36
|
-
return
|
|
38
|
+
var PriceDetails = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: ", "px;\n"], ["\n display: flex;\n flex-direction: column;\n width: ", "px;\n"])), function (_a) {
|
|
39
|
+
var width = _a.width;
|
|
40
|
+
return width;
|
|
37
41
|
});
|
|
38
42
|
var PriceIndicatorContainer = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n margin-top: ", "px;\n"], ["\n margin-top: ", "px;\n"])), function (_a) {
|
|
39
43
|
var isSmall = _a.isSmall, showUnit = _a.showUnit;
|
|
@@ -46,12 +50,15 @@ var PriceDecimals = styled.span(templateObject_8 || (templateObject_8 = __makeTe
|
|
|
46
50
|
var isSmall = _a.isSmall;
|
|
47
51
|
return (isSmall ? -11 : -14);
|
|
48
52
|
});
|
|
49
|
-
var PriceUnit = styled.span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-size: ", "px;\n position: absolute;\n bottom: ", "px;\n right:
|
|
53
|
+
var PriceUnit = styled.span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n font-size: ", "px;\n position: absolute;\n bottom: ", "px;\n right: ", "px;\n"], ["\n font-size: ", "px;\n position: absolute;\n bottom: ", "px;\n right: ", "px;\n"])), function (_a) {
|
|
50
54
|
var fontSize = _a.fontSize;
|
|
51
55
|
return fontSize;
|
|
52
56
|
}, function (_a) {
|
|
53
|
-
var isSmall = _a.isSmall
|
|
54
|
-
return isSmall ?
|
|
57
|
+
var isSmall = _a.isSmall;
|
|
58
|
+
return (isSmall ? 4 : 6);
|
|
59
|
+
}, function (_a) {
|
|
60
|
+
var pant = _a.pant;
|
|
61
|
+
return (pant ? 4 : 8);
|
|
55
62
|
});
|
|
56
63
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
57
64
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PriceTag.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PriceTag.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -25,7 +25,8 @@ var getPriceTagSizeAttributes = function (size) {
|
|
|
25
25
|
return {
|
|
26
26
|
baseFontSize: 46,
|
|
27
27
|
decimalsFontSize: 25,
|
|
28
|
-
|
|
28
|
+
detailsNoPantWidth: 30,
|
|
29
|
+
detailsPantWidth: 36,
|
|
29
30
|
indicatorSize: 25,
|
|
30
31
|
unitFontSize: 12
|
|
31
32
|
};
|
|
@@ -33,7 +34,8 @@ var getPriceTagSizeAttributes = function (size) {
|
|
|
33
34
|
return {
|
|
34
35
|
baseFontSize: 38,
|
|
35
36
|
decimalsFontSize: 20,
|
|
36
|
-
|
|
37
|
+
detailsNoPantWidth: 25,
|
|
38
|
+
detailsPantWidth: 30,
|
|
37
39
|
indicatorSize: 20,
|
|
38
40
|
unitFontSize: 10
|
|
39
41
|
};
|
|
@@ -41,7 +43,8 @@ var getPriceTagSizeAttributes = function (size) {
|
|
|
41
43
|
return {
|
|
42
44
|
baseFontSize: 28,
|
|
43
45
|
decimalsFontSize: 15,
|
|
44
|
-
|
|
46
|
+
detailsNoPantWidth: 20,
|
|
47
|
+
detailsPantWidth: 22,
|
|
45
48
|
indicatorSize: 15,
|
|
46
49
|
unitFontSize: 8
|
|
47
50
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"price.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"price.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@citygross/components",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.63",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "./build/cjs/components/src/index.js",
|
|
@@ -76,5 +76,5 @@
|
|
|
76
76
|
"react-slick": "^0.30.1",
|
|
77
77
|
"slick-carousel": "^1.8.1"
|
|
78
78
|
},
|
|
79
|
-
"gitHead": "
|
|
79
|
+
"gitHead": "73e37ade3fddadacff62154123f8c226fc2098ad"
|
|
80
80
|
}
|