pds-dev-kit-web-test 2.7.463 → 2.7.465
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/dist/src/sub/DynamicLayout/CompositionRenderer/FlexGridItem.js +6 -6
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +13 -23
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +3 -3
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.d.ts +8 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.d.ts +5 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +20 -17
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +8 -3
- package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/textUtil.js +9 -6
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js +6 -14
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +5 -2
- package/package.json +1 -1
|
@@ -32,22 +32,22 @@ function FlexGridItem(_a) {
|
|
|
32
32
|
var isHeightVariable = isParentGroupHeightVariable || isCBHeightVariable;
|
|
33
33
|
var getHeightFitContent = function () {
|
|
34
34
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
35
|
-
if ('
|
|
36
|
-
var defaultValue =
|
|
37
|
-
var desktopValue = (_b = (_a = cb.jsonProperties.data.
|
|
35
|
+
if ('CB_STYLE_PROP_TEXTOPTION' in cb.jsonProperties.data) {
|
|
36
|
+
var defaultValue = true;
|
|
37
|
+
var desktopValue = (_b = (_a = cb.jsonProperties.data.CB_STYLE_PROP_TEXTOPTION) === null || _a === void 0 ? void 0 : _a.CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT) !== null && _b !== void 0 ? _b : defaultValue;
|
|
38
38
|
if (device === 'DESKTOP') {
|
|
39
39
|
return desktopValue;
|
|
40
40
|
}
|
|
41
41
|
if (device === 'MOBILE') {
|
|
42
|
-
return ((_d = (_c = cb.jsonProperties.data.
|
|
42
|
+
return ((_d = (_c = cb.jsonProperties.data.CB_STYLE_PROP_TEXTOPTION) === null || _c === void 0 ? void 0 : _c['CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT:MOBILE']) !== null && _d !== void 0 ? _d : desktopValue);
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
if ('CB_STYLE_PROP_CONTENTSLISTDESIGN' in cb.jsonProperties.data) {
|
|
46
|
-
var desktopValue = (_f = (_e = cb.jsonProperties.data.
|
|
46
|
+
var desktopValue = (_f = (_e = cb.jsonProperties.data.CB_LAYOUT_PROP_HEIGHTADJUSTMENT) === null || _e === void 0 ? void 0 : _e.CB_LAYOUT_PROP_HEIGHTADJUSTMENT_SPEC_HEIGHTFITCONTENT) !== null && _f !== void 0 ? _f : true;
|
|
47
47
|
if (device === 'DESKTOP') {
|
|
48
48
|
return desktopValue;
|
|
49
49
|
}
|
|
50
|
-
return ((_g = cb.jsonProperties.data.
|
|
50
|
+
return ((_g = cb.jsonProperties.data.CB_LAYOUT_PROP_HEIGHTADJUSTMENT['CB_LAYOUT_PROP_HEIGHTADJUSTMENT_SPEC_HEIGHTFITCONTENT:MOBILE']) !== null && _g !== void 0 ? _g : desktopValue);
|
|
51
51
|
}
|
|
52
52
|
return false;
|
|
53
53
|
};
|
|
@@ -33,7 +33,6 @@ exports.getTextStyles = void 0;
|
|
|
33
33
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
34
34
|
/* eslint-disable react/destructuring-assignment */
|
|
35
35
|
var react_1 = require("react");
|
|
36
|
-
var react_i18next_1 = require("react-i18next");
|
|
37
36
|
var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
|
|
38
37
|
var compositionQueryContext_1 = require("../../../../../../../DynamicLayout/compositionQueryContext");
|
|
39
38
|
var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
|
|
@@ -46,15 +45,14 @@ var parseStylePropShadow_1 = require("../../../../../../../DynamicLayout/section
|
|
|
46
45
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
47
46
|
var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
|
|
48
47
|
var S_CB_Box_1 = require("../components/S_CB_Box");
|
|
49
|
-
var S_HeightFitContentCover_1 = require("../components/S_HeightFitContentCover");
|
|
50
48
|
var S_HiddenCover_1 = require("../components/S_HiddenCover");
|
|
51
49
|
var useCLINK_1 = __importDefault(require("../hooks/useCLINK"));
|
|
52
50
|
var textSpecFormatOptions_1 = require("../Text/textSpecFormatOptions");
|
|
53
51
|
function Button(props) {
|
|
54
|
-
var _a, _b, _c
|
|
55
|
-
var
|
|
52
|
+
var _a, _b, _c;
|
|
53
|
+
var _d = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _d.device, mode = _d.mode;
|
|
56
54
|
var queryContext = (0, compositionQueryContext_1.useCCBQueryPath)();
|
|
57
|
-
var index = props.index, CB_STYLE_PROP_COLOR = props.CB_STYLE_PROP_COLOR,
|
|
55
|
+
var index = props.index, CB_STYLE_PROP_COLOR = props.CB_STYLE_PROP_COLOR, _e = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _e.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _e.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _e.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _e.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE = _e.CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE, CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA = _e.CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA, _f = props.CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE = _f.CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE, CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA = _f.CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_CONTENT_PROP_TEXTOPTION = props.CB_CONTENT_PROP_TEXTOPTION;
|
|
58
56
|
var textSuffix = (_a = CB_CONTENT_PROP_TEXTOPTION === null || CB_CONTENT_PROP_TEXTOPTION === void 0 ? void 0 : CB_CONTENT_PROP_TEXTOPTION.CB_CONTENT_PROP_TEXTOPTION_SPEC_SUFFIX) !== null && _a !== void 0 ? _a : '';
|
|
59
57
|
var textPrefix = (_b = CB_CONTENT_PROP_TEXTOPTION === null || CB_CONTENT_PROP_TEXTOPTION === void 0 ? void 0 : CB_CONTENT_PROP_TEXTOPTION.CB_CONTENT_PROP_TEXTOPTION_SPEC_PREFIX) !== null && _b !== void 0 ? _b : '';
|
|
60
58
|
var textFormat = (_c = CB_CONTENT_PROP_TEXTOPTION === null || CB_CONTENT_PROP_TEXTOPTION === void 0 ? void 0 : CB_CONTENT_PROP_TEXTOPTION.CB_CONTENT_PROP_TEXTOPTION_SPEC_FORMAT) !== null && _c !== void 0 ? _c : 'NONE';
|
|
@@ -72,15 +70,15 @@ function Button(props) {
|
|
|
72
70
|
}
|
|
73
71
|
return CB_CONTENT_PROP_CLINK_SPEC_SRC;
|
|
74
72
|
};
|
|
75
|
-
var
|
|
73
|
+
var _g = (0, useCLINK_1.default)({
|
|
76
74
|
src: cLinkValue(),
|
|
77
75
|
type: CB_CONTENT_PROP_CLINK_SPEC_TYPE,
|
|
78
76
|
openNewTab: CB_CONTENT_PROP_CLINK_SPEC_NEWTAB,
|
|
79
77
|
internalSrc: String(CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC)
|
|
80
|
-
}), onClickCLINK =
|
|
81
|
-
var
|
|
82
|
-
var
|
|
83
|
-
var
|
|
78
|
+
}), onClickCLINK = _g.onClickCLINK, CLINKCursor = _g.CLINKCursor;
|
|
79
|
+
var _h = getTextStyles(props.CB_STYLE_PROP_TEXT, device), btnTextStyle = _h.style, btnTextHoverStyle = _h.hoverStyle;
|
|
80
|
+
var _j = getBTNColorStyles(CB_STYLE_PROP_COLOR, device), btnColorStyle = _j.style, btnColorHoverStyle = _j.hoverStyle;
|
|
81
|
+
var _k = (0, util_1.parseProperties)(props, device), propsStyle = _k.style, propsHoverStyle = _k.hoverStyle, _l = _k.layout, paddingLeft = _l.paddingLeft, paddingRight = _l.paddingRight, paddingTop = _l.paddingTop, paddingBottom = _l.paddingBottom, layoutStyle = __rest(_l, ["paddingLeft", "paddingRight", "paddingTop", "paddingBottom"]), effect = _k.effect;
|
|
84
82
|
var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
|
|
85
83
|
var googleFonts = (0, useGoogleFonts_1.getGoogleFontsFromTextSpecCode)(props.CB_STYLE_PROP_TEXT, device === 'MOBILE');
|
|
86
84
|
(0, useGoogleFonts_1.useGoogleFonts)({ fonts: googleFonts });
|
|
@@ -141,16 +139,11 @@ function Button(props) {
|
|
|
141
139
|
}
|
|
142
140
|
return props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT;
|
|
143
141
|
};
|
|
144
|
-
var
|
|
145
|
-
var
|
|
146
|
-
var heightFitContent = device === 'MOBILE' ? mobileHeightFitContent : desktopHeightFitContent;
|
|
147
|
-
var isEditModeAndHeightFitContent = heightFitContent && mode === 'EDIT';
|
|
148
|
-
var t = (0, react_i18next_1.useTranslation)('translation').t;
|
|
149
|
-
var _p = (0, parseStylePropShadow_1.generateBoxShadow)(CB_STYLE_PROP_SHADOW, device), normalShadowStyle = _p.normalStyle, hoverShadowStyle = _p.hoverStyle;
|
|
150
|
-
var _q = extractBorderStyles(propsStyle), borderNormalStyle = _q.borderStyleProps, cleanedNormalStyle = _q.remainingStyle;
|
|
142
|
+
var _m = (0, parseStylePropShadow_1.generateBoxShadow)(CB_STYLE_PROP_SHADOW, device), normalShadowStyle = _m.normalStyle, hoverShadowStyle = _m.hoverStyle;
|
|
143
|
+
var _o = extractBorderStyles(propsStyle), borderNormalStyle = _o.borderStyleProps, cleanedNormalStyle = _o.remainingStyle;
|
|
151
144
|
// hover 스타일 분리
|
|
152
|
-
var
|
|
153
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}),
|
|
145
|
+
var _p = extractBorderStyles(propsHoverStyle), borderHoverStyle = _p.borderStyleProps, cleanedHoverStyle = _p.remainingStyle;
|
|
146
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle, style: { paddingLeft: paddingLeft, paddingRight: paddingRight, paddingBottom: paddingBottom, paddingTop: paddingTop } }, { children: (0, jsx_runtime_1.jsx)(S_ShadowBox, __assign({ "$normalStyle": __assign(__assign(__assign({ height: '100%', display: 'flex', alignItems: "".concat(btnTextStyle.alignItems), overflowY: btnTextStyle.overflowY, scrollbarWidth: btnTextStyle.scrollbarWidth }, effectCssProperties), normalShadowStyle), borderNormalStyle), "$hoverStyle": __assign(__assign({}, hoverShadowStyle), borderHoverStyle) }, { children: (0, jsx_runtime_1.jsxs)(S_CB_Box_1.S_CB_Box, __assign({ onMouseLeave: function (e) {
|
|
154
147
|
e.currentTarget.classList.remove('hovered');
|
|
155
148
|
}, className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, btnTextStyle), cleanedNormalStyle), layoutStyle), btnColorStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor, overflowY: 'unset', scrollbarWidth: 'unset' }), hoverStyle: __assign(__assign(__assign(__assign({}, btnTextHoverStyle), cleanedHoverStyle), btnColorHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), onClick: onClickCLINK }, { children: [textPrefix, textValue(), textSuffix] })) })) }))] }));
|
|
156
149
|
}
|
|
@@ -185,10 +178,7 @@ function getTextStyles(props, device) {
|
|
|
185
178
|
'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING',
|
|
186
179
|
'CB_STYLE_PROP_TEXT_SPEC_COLOR',
|
|
187
180
|
'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL',
|
|
188
|
-
'CB_STYLE_PROP_TEXT_SPEC_VERTICAL'
|
|
189
|
-
'CB_STYLE_PROP_TEXT_SPEC_FITCONTENT',
|
|
190
|
-
'CB_STYLE_PROP_TEXT_SPEC_SCROLLCONTENTS',
|
|
191
|
-
'CB_STYLE_PROP_TEXT_SPEC_SCROLLBAR'
|
|
181
|
+
'CB_STYLE_PROP_TEXT_SPEC_VERTICAL'
|
|
192
182
|
];
|
|
193
183
|
return (0, newUtils_1.parseStyleTextToCSSProp)({
|
|
194
184
|
availableSpecCodes: availableSpecCodes,
|
|
@@ -67,7 +67,7 @@ var createComponent = function (type, getDesignType, getLocation, designType, si
|
|
|
67
67
|
function ContentsList(props) {
|
|
68
68
|
var _a, _b, _c, _d, _e, _f;
|
|
69
69
|
var _g = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _g.device, mode = _g.mode, queryData = _g.queryData;
|
|
70
|
-
var index = props.index, compositions = props.compositions, CB_CONTENT_PROP_CONTENTSLIST = props.CB_CONTENT_PROP_CONTENTSLIST, CB_STYLE_PROP_CONTENTSLISTDESIGN = props.CB_STYLE_PROP_CONTENTSLISTDESIGN, CB_STYLE_PROP_CONTENTSLISTPAGINATION = props.CB_STYLE_PROP_CONTENTSLISTPAGINATION, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_LAYOUT_PROP_PADDING = props.CB_LAYOUT_PROP_PADDING, CB_STYLE_PROP_BGMEDIA = props.CB_STYLE_PROP_BGMEDIA, CB_STYLE_PROP_BGOVERLAY = props.CB_STYLE_PROP_BGOVERLAY;
|
|
70
|
+
var index = props.index, compositions = props.compositions, CB_CONTENT_PROP_CONTENTSLIST = props.CB_CONTENT_PROP_CONTENTSLIST, CB_STYLE_PROP_CONTENTSLISTDESIGN = props.CB_STYLE_PROP_CONTENTSLISTDESIGN, CB_STYLE_PROP_CONTENTSLISTPAGINATION = props.CB_STYLE_PROP_CONTENTSLISTPAGINATION, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_LAYOUT_PROP_PADDING = props.CB_LAYOUT_PROP_PADDING, CB_STYLE_PROP_BGMEDIA = props.CB_STYLE_PROP_BGMEDIA, CB_STYLE_PROP_BGOVERLAY = props.CB_STYLE_PROP_BGOVERLAY, CB_LAYOUT_PROP_HEIGHTADJUSTMENT = props.CB_LAYOUT_PROP_HEIGHTADJUSTMENT, CB_LAYOUT_PROP_HEIGHT = props.CB_LAYOUT_PROP_HEIGHT;
|
|
71
71
|
var
|
|
72
72
|
// CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS,
|
|
73
73
|
CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_MDISPLAYCOUNTS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_MDISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE, CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA, CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_MCOLUMNS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_MCOLUMNS;
|
|
@@ -175,8 +175,8 @@ function ContentsList(props) {
|
|
|
175
175
|
return compositions.find(function (comp) { return comp.ccbManualItemUuid === item.uuid; });
|
|
176
176
|
});
|
|
177
177
|
var heightFitContentByDevice = device === 'DESKTOP'
|
|
178
|
-
?
|
|
179
|
-
:
|
|
178
|
+
? CB_LAYOUT_PROP_HEIGHTADJUSTMENT.CB_LAYOUT_PROP_HEIGHTADJUSTMENT_SPEC_HEIGHTFITCONTENT
|
|
179
|
+
: CB_LAYOUT_PROP_HEIGHTADJUSTMENT['CB_LAYOUT_PROP_HEIGHTADJUSTMENT_SPEC_HEIGHTFITCONTENT:MOBILE'];
|
|
180
180
|
var isEditModeAndHeightFitContent = heightFitContentByDevice && mode === 'EDIT';
|
|
181
181
|
var isEditModeAndHidden = style.visibility === 'hidden' && mode === 'EDIT';
|
|
182
182
|
if (mode === 'EDIT') {
|
|
@@ -16,7 +16,6 @@ export type CB_STYLE_PROP_CONTENTSLISTDESIGN_BASE_SPECS = {
|
|
|
16
16
|
CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_STYLE: CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE_TYPE;
|
|
17
17
|
CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMSPACING: CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING_TYPE;
|
|
18
18
|
CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT: CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE;
|
|
19
|
-
CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMHEIGHTFITCONTENT: CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT_TYPE;
|
|
20
19
|
};
|
|
21
20
|
export type CB_STYLE_PROP_CONTENTSLISTDESIGN_SPECS = CB_STYLE_PROP_CONTENTSLISTDESIGN_BASE_SPECS & {
|
|
22
21
|
'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_STYLE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE_TYPE;
|
|
@@ -28,7 +27,6 @@ export type CB_STYLE_PROP_CONTENTSLISTDESIGN_SPECS = CB_STYLE_PROP_CONTENTSLISTD
|
|
|
28
27
|
'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE;
|
|
29
28
|
'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE;
|
|
30
29
|
'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE;
|
|
31
|
-
'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMHEIGHTFITCONTENT:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT_TYPE;
|
|
32
30
|
};
|
|
33
31
|
export type CB_STYLE_PROP_CONTENTSLISTPAGINATION_BASE_SPECS = {
|
|
34
32
|
CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPEC_PAGINATIONSTYLE: CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE;
|
|
@@ -56,6 +54,14 @@ export type CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPECS = CB_STYLE_PROP_CONTENTSL
|
|
|
56
54
|
};
|
|
57
55
|
export type CB_STYLE_PROP_CONTENTSLIST_SPECS_BASE = CB_STYLE_PROP_CONTENTSLISTDESIGN_BASE_SPECS & CB_STYLE_PROP_CONTENTSLISTPAGINATION_BASE_SPECS;
|
|
58
56
|
export type CB_STYLE_PROP_CONTENTSLIST_SPECS = CB_STYLE_PROP_CONTENTSLISTDESIGN_SPECS & CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPECS;
|
|
57
|
+
export type CB_LAYOUT_PROP_HEIGHTADJUSTMENT_SPECS = {
|
|
58
|
+
CB_LAYOUT_PROP_HEIGHTADJUSTMENT_SPEC_HEIGHTFITCONTENT: boolean;
|
|
59
|
+
'CB_LAYOUT_PROP_HEIGHTADJUSTMENT_SPEC_HEIGHTFITCONTENT:MOBILE': boolean;
|
|
60
|
+
};
|
|
61
|
+
export type CB_LAYOUT_PROP_HEIGHT = {
|
|
62
|
+
CB_LAYOUT_PROP_HEIGHT_SPEC_DESKTOPHEIGHTVARIABLE: boolean;
|
|
63
|
+
CB_LAYOUT_PROP_HEIGHT_SPEC_MOBILEWEBHEIGHTVARIABLE: boolean;
|
|
64
|
+
};
|
|
59
65
|
export interface CustomPaginationProps {
|
|
60
66
|
current?: number;
|
|
61
67
|
total?: number;
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { CB_TEXT_PROPERTIES_TYPE, Device, IndexForIntersection } from '../../../../util/types';
|
|
3
|
-
import type { CB_STYLE_PROP_TEXT_SPECS } from '../types';
|
|
3
|
+
import type { CB_STYLE_PROP_TEXT_SPECS, CB_STYLE_PROP_TEXTOPTION } from '../types';
|
|
4
4
|
type Props = CB_TEXT_PROPERTIES_TYPE & IndexForIntersection;
|
|
5
5
|
export default function Text(props: Props): JSX.Element;
|
|
6
6
|
export declare function getTextStyles(props: CB_STYLE_PROP_TEXT_SPECS, device: Device): {
|
|
7
7
|
style: import("styled-components").CSSProperties;
|
|
8
8
|
hoverStyle: import("styled-components").CSSProperties;
|
|
9
9
|
};
|
|
10
|
+
export declare function getTextOptionStyles(props: CB_STYLE_PROP_TEXTOPTION, device: Device): {
|
|
11
|
+
style: import("styled-components").CSSProperties;
|
|
12
|
+
hoverStyle: import("styled-components").CSSProperties;
|
|
13
|
+
};
|
|
10
14
|
export {};
|
|
@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
14
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.getTextStyles = void 0;
|
|
17
|
+
exports.getTextOptionStyles = exports.getTextStyles = void 0;
|
|
18
18
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
19
|
/* eslint-disable react/destructuring-assignment */
|
|
20
20
|
var react_1 = require("react");
|
|
@@ -37,21 +37,12 @@ function Text(props) {
|
|
|
37
37
|
var _a, _b, _c, _d, _e;
|
|
38
38
|
var _f = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _f.device, mode = _f.mode;
|
|
39
39
|
var queryContext = (0, compositionQueryContext_1.useCCBQueryPath)();
|
|
40
|
-
var index = props.index, _g = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _g.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _g.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _g.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _g.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE = _g.CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE, CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA = _g.CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, _h = props.CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE = _h.CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE, CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA = _h.CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA, CB_CONTENT_PROP_TEXTOPTION = props.CB_CONTENT_PROP_TEXTOPTION,
|
|
41
|
-
// const {
|
|
42
|
-
// CB_CONTENT_PROP_TEXTOPTION_SPEC_SUFFIX,
|
|
43
|
-
// CB_CONTENT_PROP_TEXTOPTION_SPEC_PREFIX,
|
|
44
|
-
// CB_CONTENT_PROP_TEXTOPTION_SPEC_FORMAT
|
|
45
|
-
// } = CB_CONTENT_PROP_TEXTOPTION ?? {
|
|
46
|
-
// CB_CONTENT_PROP_TEXTOPTION_SPEC_SUFFIX: '',
|
|
47
|
-
// CB_CONTENT_PROP_TEXTOPTION_SPEC_PREFIX: '',
|
|
48
|
-
// CB_CONTENT_PROP_TEXTOPTION_SPEC_FORMAT: 'NONE'
|
|
49
|
-
// };
|
|
40
|
+
var index = props.index, _g = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _g.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _g.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _g.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _g.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE = _g.CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE, CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA = _g.CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, _h = props.CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE = _h.CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE, CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA = _h.CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA, CB_CONTENT_PROP_TEXTOPTION = props.CB_CONTENT_PROP_TEXTOPTION, CB_STYLE_PROP_TEXTOPTION = props.CB_STYLE_PROP_TEXTOPTION;
|
|
50
41
|
var textSuffix = (_a = CB_CONTENT_PROP_TEXTOPTION === null || CB_CONTENT_PROP_TEXTOPTION === void 0 ? void 0 : CB_CONTENT_PROP_TEXTOPTION.CB_CONTENT_PROP_TEXTOPTION_SPEC_SUFFIX) !== null && _a !== void 0 ? _a : '';
|
|
51
42
|
var textPrefix = (_b = CB_CONTENT_PROP_TEXTOPTION === null || CB_CONTENT_PROP_TEXTOPTION === void 0 ? void 0 : CB_CONTENT_PROP_TEXTOPTION.CB_CONTENT_PROP_TEXTOPTION_SPEC_PREFIX) !== null && _b !== void 0 ? _b : '';
|
|
52
43
|
var textFormat = (_c = CB_CONTENT_PROP_TEXTOPTION === null || CB_CONTENT_PROP_TEXTOPTION === void 0 ? void 0 : CB_CONTENT_PROP_TEXTOPTION.CB_CONTENT_PROP_TEXTOPTION_SPEC_FORMAT) !== null && _c !== void 0 ? _c : 'NONE';
|
|
53
|
-
var desktopHeightFitContent = (_d =
|
|
54
|
-
var mobileHeightFitContent = (_e =
|
|
44
|
+
var desktopHeightFitContent = (_d = CB_STYLE_PROP_TEXTOPTION === null || CB_STYLE_PROP_TEXTOPTION === void 0 ? void 0 : CB_STYLE_PROP_TEXTOPTION.CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT) !== null && _d !== void 0 ? _d : true;
|
|
45
|
+
var mobileHeightFitContent = (_e = CB_STYLE_PROP_TEXTOPTION === null || CB_STYLE_PROP_TEXTOPTION === void 0 ? void 0 : CB_STYLE_PROP_TEXTOPTION['CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT:MOBILE']) !== null && _e !== void 0 ? _e : desktopHeightFitContent;
|
|
55
46
|
var heightFitContent = device === 'MOBILE' ? mobileHeightFitContent : desktopHeightFitContent;
|
|
56
47
|
var cLinkValue = function () {
|
|
57
48
|
if (CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE === 'DATA' ||
|
|
@@ -163,10 +154,7 @@ function getTextStyles(props, device) {
|
|
|
163
154
|
'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING',
|
|
164
155
|
'CB_STYLE_PROP_TEXT_SPEC_COLOR',
|
|
165
156
|
'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL',
|
|
166
|
-
'CB_STYLE_PROP_TEXT_SPEC_VERTICAL'
|
|
167
|
-
'CB_STYLE_PROP_TEXT_SPEC_FITCONTENT',
|
|
168
|
-
'CB_STYLE_PROP_TEXT_SPEC_SCROLLCONTENTS',
|
|
169
|
-
'CB_STYLE_PROP_TEXT_SPEC_SCROLLBAR'
|
|
157
|
+
'CB_STYLE_PROP_TEXT_SPEC_VERTICAL'
|
|
170
158
|
];
|
|
171
159
|
return (0, textUtil_1.parseStyleTextToCSSProp)({
|
|
172
160
|
availableSpecCodes: availableSpecCodes,
|
|
@@ -177,3 +165,18 @@ function getTextStyles(props, device) {
|
|
|
177
165
|
});
|
|
178
166
|
}
|
|
179
167
|
exports.getTextStyles = getTextStyles;
|
|
168
|
+
function getTextOptionStyles(props, device) {
|
|
169
|
+
var availableSpecCodes = [
|
|
170
|
+
'CB_STYLE_PROP_TEXTOPTION_SPEC_SCROLLCONTENTS',
|
|
171
|
+
'CB_STYLE_PROP_TEXTOPTION_SPEC_SCROLLBAR',
|
|
172
|
+
'CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT'
|
|
173
|
+
];
|
|
174
|
+
return (0, textUtil_1.parseStyleTextToCSSProp)({
|
|
175
|
+
availableSpecCodes: availableSpecCodes,
|
|
176
|
+
props: props,
|
|
177
|
+
device: device,
|
|
178
|
+
propKey: 'TEXT',
|
|
179
|
+
cbCode: types_1.CB_ALL_CODES.CB_TEXT
|
|
180
|
+
});
|
|
181
|
+
}
|
|
182
|
+
exports.getTextOptionStyles = getTextOptionStyles;
|
|
@@ -15,6 +15,14 @@ export type CB_CONTENT_PROP_TEXTOPTION = {
|
|
|
15
15
|
CB_CONTENT_PROP_TEXTOPTION_SPEC_SUFFIX: STRING_PLAIN;
|
|
16
16
|
CB_CONTENT_PROP_TEXTOPTION_SPEC_FORMAT: ENUM_STRING;
|
|
17
17
|
};
|
|
18
|
+
export type CB_STYLE_PROP_TEXTOPTION = {
|
|
19
|
+
CB_STYLE_PROP_TEXTOPTION_SPEC_SCROLLCONTENTS: boolean;
|
|
20
|
+
CB_STYLE_PROP_TEXTOPTION_SPEC_SCROLLBAR: boolean;
|
|
21
|
+
CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT: boolean;
|
|
22
|
+
'CB_STYLE_PROP_TEXTOPTION_SPEC_SCROLLCONTENTS:MOBILE': boolean;
|
|
23
|
+
'CB_STYLE_PROP_TEXTOPTION_SPEC_SCROLLBAR:MOBILE': boolean;
|
|
24
|
+
'CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT:MOBILE': boolean;
|
|
25
|
+
};
|
|
18
26
|
export type CB_CONTENT_PROP_CLINK = {
|
|
19
27
|
CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'INTERNAL' | 'EXTERNAL' | 'DISABLED';
|
|
20
28
|
CB_CONTENT_PROP_CLINK_SPEC_SRC: STRING_PLAIN;
|
|
@@ -82,9 +90,6 @@ export type CB_STYLE_PROP_TEXT_SPECS_BASE = {
|
|
|
82
90
|
CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL: ENUM_STRING;
|
|
83
91
|
CB_STYLE_PROP_TEXT_SPEC_VERTICAL: ENUM_STRING;
|
|
84
92
|
CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS: NUMBER_INTEGER;
|
|
85
|
-
CB_STYLE_PROP_TEXT_SPEC_FITCONTENT: boolean;
|
|
86
|
-
CB_STYLE_PROP_TEXT_SPEC_SCROLLBAR: boolean;
|
|
87
|
-
CB_STYLE_PROP_TEXT_SPEC_SCROLLCONTENTS: boolean;
|
|
88
93
|
};
|
|
89
94
|
export type CB_STYLE_PROP_TEXT_SPECS = CB_STYLE_PROP_TEXT_SPECS_BASE & {
|
|
90
95
|
'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': ENUM_STRING | null | undefined;
|
|
@@ -189,20 +189,23 @@ function getTextCSSPropKey(key, cbName) {
|
|
|
189
189
|
case "CB_STYLE_PROP_".concat(cbName, "_SPEC_VERTICAL:MOBILE"):
|
|
190
190
|
case "CB_STYLE_PROP_".concat(cbName, "_SPEC_VERTICAL:MOBILE:HOVER"):
|
|
191
191
|
return 'alignItems';
|
|
192
|
-
case "CB_STYLE_PROP_".concat(cbName, "
|
|
193
|
-
case "CB_STYLE_PROP_".concat(cbName, "
|
|
192
|
+
case "CB_STYLE_PROP_".concat(cbName, "OPTION_SPEC_SCROLLCONTENTS"):
|
|
193
|
+
case "CB_STYLE_PROP_".concat(cbName, "OPTION_SPEC_SCROLLCONTENTS:MOBILE"):
|
|
194
194
|
return 'overflowY';
|
|
195
|
-
case "CB_STYLE_PROP_".concat(cbName, "
|
|
196
|
-
case "CB_STYLE_PROP_".concat(cbName, "
|
|
195
|
+
case "CB_STYLE_PROP_".concat(cbName, "OPTION_SPEC_SCROLLBAR"):
|
|
196
|
+
case "CB_STYLE_PROP_".concat(cbName, "OPTION_SPEC_SCROLLBAR:MOBILE"):
|
|
197
197
|
return 'scrollbarWidth';
|
|
198
|
-
case "CB_STYLE_PROP_".concat(cbName, "
|
|
199
|
-
case "CB_STYLE_PROP_".concat(cbName, "
|
|
198
|
+
case "CB_STYLE_PROP_".concat(cbName, "OPTION_SPEC_FITCONTENT"):
|
|
199
|
+
case "CB_STYLE_PROP_".concat(cbName, "OPTION_SPEC_FITCONTENT:MOBILE"):
|
|
200
200
|
return 'overflow';
|
|
201
201
|
default:
|
|
202
202
|
return '';
|
|
203
203
|
}
|
|
204
204
|
}
|
|
205
205
|
exports.getTextCSSPropKey = getTextCSSPropKey;
|
|
206
|
+
// 'CB_STYLE_PROP_TEXTOPTION_SPEC_SCROLLCONTENTS',
|
|
207
|
+
// 'CB_STYLE_PROP_TEXTOPTION_SPEC_SCROLLBAR',
|
|
208
|
+
// 'CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT'
|
|
206
209
|
function getFontName(value) {
|
|
207
210
|
switch (value) {
|
|
208
211
|
case 'SYSSANS':
|
|
@@ -12,27 +12,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
12
12
|
exports.parsePlacement = exports.getHeightFitContent = void 0;
|
|
13
13
|
var types_1 = require("../types");
|
|
14
14
|
function getHeightFitContent(cb) {
|
|
15
|
-
var _a, _b, _c, _d
|
|
15
|
+
var _a, _b, _c, _d;
|
|
16
16
|
if (cb.componentBlockCode === types_1.CB_ALL_CODES.CB_TEXT) {
|
|
17
|
-
var desktop = (_a = cb.jsonProperties.data.
|
|
18
|
-
var mobile = (_b = cb.jsonProperties.data.
|
|
19
|
-
return {
|
|
20
|
-
desktop: desktop,
|
|
21
|
-
mobile: mobile
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
if (cb.componentBlockCode === types_1.CB_ALL_CODES.CB_BTN) {
|
|
25
|
-
var desktop = (_c = cb.jsonProperties.data.CB_STYLE_PROP_TEXT.CB_STYLE_PROP_TEXT_SPEC_FITCONTENT) !== null && _c !== void 0 ? _c : false;
|
|
26
|
-
var mobile = (_d = cb.jsonProperties.data.CB_STYLE_PROP_TEXT['CB_STYLE_PROP_TEXT_SPEC_FITCONTENT:MOBILE']) !== null && _d !== void 0 ? _d : desktop;
|
|
17
|
+
var desktop = (_a = cb.jsonProperties.data.CB_STYLE_PROP_TEXTOPTION.CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT) !== null && _a !== void 0 ? _a : true;
|
|
18
|
+
var mobile = (_b = cb.jsonProperties.data.CB_STYLE_PROP_TEXTOPTION['CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT:MOBILE']) !== null && _b !== void 0 ? _b : desktop;
|
|
27
19
|
return {
|
|
28
20
|
desktop: desktop,
|
|
29
21
|
mobile: mobile
|
|
30
22
|
};
|
|
31
23
|
}
|
|
32
24
|
if (cb.componentBlockCode === types_1.CB_ALL_CODES.CB_LIST) {
|
|
33
|
-
var desktop = (
|
|
34
|
-
.
|
|
35
|
-
var mobile = (
|
|
25
|
+
var desktop = (_c = cb.jsonProperties.data.CB_LAYOUT_PROP_HEIGHTADJUSTMENT
|
|
26
|
+
.CB_LAYOUT_PROP_HEIGHTADJUSTMENT_SPEC_HEIGHTFITCONTENT) !== null && _c !== void 0 ? _c : true;
|
|
27
|
+
var mobile = (_d = cb.jsonProperties.data.CB_LAYOUT_PROP_HEIGHTADJUSTMENT['CB_LAYOUT_PROP_HEIGHTADJUSTMENT_SPEC_HEIGHTFITCONTENT:MOBILE']) !== null && _d !== void 0 ? _d : desktop;
|
|
36
28
|
return {
|
|
37
29
|
desktop: desktop,
|
|
38
30
|
mobile: mobile
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { CB_STYLE_PROP_CONTENTSCAROUSELBUTTON_SPECS, CB_STYLE_PROP_CONTENTSCAROUSELDESIGN_SPECS, CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD_SPECS, CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR_SPECS } from '../components/ComponentBlock/componentBlocks/ContentsCarousel/types';
|
|
2
|
-
import type { CB_STYLE_PROP_CONTENTSLISTDESIGN_SPECS, CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPECS } from '../components/ComponentBlock/componentBlocks/ContentsList/types';
|
|
2
|
+
import type { CB_LAYOUT_PROP_HEIGHT, CB_LAYOUT_PROP_HEIGHTADJUSTMENT_SPECS, CB_STYLE_PROP_CONTENTSLISTDESIGN_SPECS, CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPECS } from '../components/ComponentBlock/componentBlocks/ContentsList/types';
|
|
3
3
|
import type { CB_STYLE_PROP_SLIDEBANNERBUTTON_SPECS, CB_STYLE_PROP_SLIDEBANNERDESIGN_SPECS, CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPECS, CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD_SPECS, CB_STYLE_PROP_SLIDEBANNERPROGRESSBAR_SPECS } from '../components/ComponentBlock/componentBlocks/SlideBanner/types';
|
|
4
4
|
import type { CB_TWITTER_STYLE_PROPS } from '../components/ComponentBlock/componentBlocks/Twitter/types';
|
|
5
|
-
import type { CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CODEBLOCK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER, CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_TEXT_SPECS, CB_CONTENT_PROP_CONTENTSLIST, CB_CONTENT_PROP_VIDEO, CB_CONTENT_PROP_TEXTOPTION } from '../components/ComponentBlock/componentBlocks/types';
|
|
5
|
+
import type { CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CODEBLOCK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER, CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_TEXT_SPECS, CB_CONTENT_PROP_CONTENTSLIST, CB_CONTENT_PROP_VIDEO, CB_CONTENT_PROP_TEXTOPTION, CB_STYLE_PROP_TEXTOPTION } from '../components/ComponentBlock/componentBlocks/types';
|
|
6
6
|
import type { CB_CONTENT_PROP_YOUTUBE_TYPE, CB_STYLE_PROP_BGCOLOR_SPECS } from '../components/ComponentBlock/componentBlocks/Youtube/types';
|
|
7
7
|
import type { CB_CONTENT_PROP_VISIBILITY_SPECS } from './contentPropParsers/parseContentVisibility';
|
|
8
8
|
import type { CB_EFFECT_PROP_ENTANIM_SPECS } from './effectPropParsers/parseEffectPropEntAnim';
|
|
@@ -47,6 +47,7 @@ export type CB_PLACEMENT_PROP_SPECS = {
|
|
|
47
47
|
export type CB_TEXT_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
|
|
48
48
|
CB_CONTENT_PROP_TEXT: CB_CONTENT_PROP_TEXT;
|
|
49
49
|
CB_CONTENT_PROP_TEXTOPTION: CB_CONTENT_PROP_TEXTOPTION;
|
|
50
|
+
CB_STYLE_PROP_TEXTOPTION: CB_STYLE_PROP_TEXTOPTION;
|
|
50
51
|
CB_CONTENT_PROP_CLINK: CB_CONTENT_PROP_CLINK;
|
|
51
52
|
CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
|
|
52
53
|
CB_STYLE_PROP_TEXT: CB_STYLE_PROP_TEXT_SPECS;
|
|
@@ -179,6 +180,8 @@ export type CB_LIST_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
|
|
|
179
180
|
CB_CONTENT_PROP_CONTENTSLIST: CB_CONTENT_PROP_CONTENTSLIST;
|
|
180
181
|
CB_STYLE_PROP_CONTENTSLISTDESIGN: CB_STYLE_PROP_CONTENTSLISTDESIGN_SPECS;
|
|
181
182
|
CB_STYLE_PROP_CONTENTSLISTPAGINATION: CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPECS;
|
|
183
|
+
CB_LAYOUT_PROP_HEIGHTADJUSTMENT: CB_LAYOUT_PROP_HEIGHTADJUSTMENT_SPECS;
|
|
184
|
+
CB_LAYOUT_PROP_HEIGHT: CB_LAYOUT_PROP_HEIGHT;
|
|
182
185
|
CB_STYLE_PROP_BORDER: CB_STYLE_PROP_BORDER_SPECS;
|
|
183
186
|
CB_STYLE_PROP_SHADOW: CB_STYLE_PROP_SHADOW_SPECS;
|
|
184
187
|
CB_STYLE_PROP_OPACITY: CB_STYLE_PROP_TEXT_OPACITY_SPECS;
|