pds-dev-kit-web-test 0.2.2 → 0.2.4

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBgOverlay.d.ts

@@ -0,0 +1,43 @@
+import type { Device, ENUM_STRING, NUMBER_INTEGER, OverlayStyleAndOverlayHoverStyle, STRING_8DIGIT_HEX, StyleAndHoverStyle } from '../types';
+import type { CB_STYLE_PROP_KEYS } from './types';
+export declare type NAMED_CB_STYLE_BGOVERLAY_PROPS = {
+    name: CB_STYLE_PROP_KEYS.CB_STYLE_PROP_BGOVERLAY;
+    specs: CB_STYLE_PROP_BGOVERLAY_SPECS;
+};
+export default function parseStylePropBgOverlay(namedProps: NAMED_CB_STYLE_BGOVERLAY_PROPS, device: Device): StyleAndHoverStyle & Partial<OverlayStyleAndOverlayHoverStyle>;
+export declare type CB_STYLE_PROP_BGOVERLAY_SPECS_BASE = {
+    CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE: NUMBER_INTEGER;
+    CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR: STRING_8DIGIT_HEX;
+    CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR: STRING_8DIGIT_HEX;
+    CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC: NUMBER_INTEGER;
+    CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT: ENUM_STRING;
+    CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR: STRING_8DIGIT_HEX;
+    CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC: NUMBER_INTEGER;
+    CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE: ENUM_STRING;
+};
+export declare type CB_STYLE_PROP_BGOVERLAY_SPECS = CB_STYLE_PROP_BGOVERLAY_SPECS_BASE & {
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:HOVER': NUMBER_INTEGER;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE:HOVER': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:HOVER': STRING_8DIGIT_HEX;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE': STRING_8DIGIT_HEX | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:HOVER': NUMBER_INTEGER;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE:HOVER': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:HOVER': ENUM_STRING;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE': ENUM_STRING | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE:HOVER': ENUM_STRING | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:HOVER': STRING_8DIGIT_HEX;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE': STRING_8DIGIT_HEX | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:HOVER': NUMBER_INTEGER;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE:HOVER': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:HOVER': ENUM_STRING;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE': ENUM_STRING | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE:HOVER': ENUM_STRING | undefined;
+};

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBgOverlay.js

@@ -0,0 +1,64 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var AVAILABLE_SPECS = [
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE',
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR',
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR',
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC',
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT',
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR',
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC',
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE'
+];
+function parseStylePropBgOverlay(namedProps, device) {
+    var specs = namedProps.specs;
+    var bgColorCssProperties = AVAILABLE_SPECS.reduce(function (acc, cur) {
+        var _a, _b;
+        var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
+        var value = specs[baseKey];
+        var hoverValue = specs[baseKey + ":HOVER"];
+        return {
+            style: __assign({}, acc.style),
+            hoverStyle: __assign({}, acc.hoverStyle),
+            overlayStyle: __assign(__assign({}, acc.overlayStyle), (_a = {}, _a[baseKey] = value, _a)),
+            overlayHoverStyle: __assign(__assign({}, acc.overlayHoverStyle), (_b = {}, _b[baseKey] = hoverValue, _b))
+        };
+    }, {
+        style: {},
+        hoverStyle: {},
+        overlayStyle: {},
+        overlayHoverStyle: {}
+    });
+    return {
+        style: {},
+        hoverStyle: {},
+        overlayStyle: { background: valueGenerator(bgColorCssProperties.overlayStyle) },
+        overlayHoverStyle: { background: valueGenerator(bgColorCssProperties.overlayHoverStyle) }
+    };
+}
+exports.default = parseStylePropBgOverlay;
+function valueGenerator(valueSet) {
+    var CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE = valueSet.CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE, CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR = valueSet.CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR, CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR = valueSet.CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR, CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC = valueSet.CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC, CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT = valueSet.CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT, CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR = valueSet.CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR, CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC = valueSet.CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC, CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE = valueSet.CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE;
+    if (CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE === 'GRADIENT') {
+        var isLinear = CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT === 'LINEAR';
+        var gradientType = isLinear ? 'linear-gradient' : 'radial-gradient';
+        var gradientDegree = isLinear ? CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE + "deg," : '';
+        var gradientStartColor = CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR;
+        var gradientStartPosition = CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC;
+        var gradientEndColor = CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR;
+        var gradientEndPosition = CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC;
+        return gradientType + "(" + gradientDegree + " " + gradientStartColor + " " + gradientStartPosition + "%, " + gradientEndColor + " " + gradientEndPosition + "%)";
+    }
+    return "" + CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR;
+}

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBorder.d.ts

@@ -0,0 +1,39 @@
+import type { Device, NUMBER_INTEGER, STRING_8DIGIT_HEX, StyleAndHoverStyle } from '../types';
+import type { CB_STYLE_PROP_KEYS } from './types';
+export declare type NAMED_CB_STYLE_BORDER_PROPS = {
+    name: CB_STYLE_PROP_KEYS.CB_STYLE_PROP_BORDER;
+    specs: CB_STYLE_PROP_BORDER_SPECS;
+};
+export default function parseStylePropBorder(namedProps: NAMED_CB_STYLE_BORDER_PROPS, device: Device): StyleAndHoverStyle;
+declare type CB_STYLE_PROP_BORDER_SPEC_RADIUS_OBJ = {
+    tl: number;
+    tr: number;
+    bl: number;
+    br: number;
+};
+declare type CB_STYLE_PROP_BORDER_SPEC_STYLE = 'NONE' | 'SOLID' | 'DOTTED' | 'DASHED';
+export declare type CB_STYLE_PROP_BORDER_SPECS_BASE = {
+    CB_STYLE_PROP_BORDER_SPEC_STYLE: CB_STYLE_PROP_BORDER_SPEC_STYLE;
+    CB_STYLE_PROP_BORDER_SPEC_WIDTH: NUMBER_INTEGER;
+    CB_STYLE_PROP_BORDER_SPEC_COLOR: STRING_8DIGIT_HEX;
+    CB_STYLE_PROP_BORDER_SPEC_RADIUS: CB_STYLE_PROP_BORDER_SPEC_RADIUS_OBJ;
+    CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX: boolean;
+};
+export declare type CB_STYLE_PROP_BORDER_SPECS = CB_STYLE_PROP_BORDER_SPECS_BASE & {
+    'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER': CB_STYLE_PROP_BORDER_SPEC_STYLE;
+    'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE': CB_STYLE_PROP_BORDER_SPEC_STYLE | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER': CB_STYLE_PROP_BORDER_SPEC_STYLE | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': NUMBER_INTEGER;
+    'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX;
+    'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': CB_STYLE_PROP_BORDER_SPEC_RADIUS_OBJ;
+    'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE': CB_STYLE_PROP_BORDER_SPEC_RADIUS_OBJ | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER': CB_STYLE_PROP_BORDER_SPEC_RADIUS_OBJ | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': boolean;
+    'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE': boolean | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE:HOVER': boolean | undefined;
+};
+export {};

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBorder.js

@@ -0,0 +1,73 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var AVAILABLE_SPECS = [
+    'CB_STYLE_PROP_BORDER_SPEC_STYLE',
+    'CB_STYLE_PROP_BORDER_SPEC_WIDTH',
+    'CB_STYLE_PROP_BORDER_SPEC_COLOR',
+    'CB_STYLE_PROP_BORDER_SPEC_RADIUS',
+    'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX'
+];
+function parseStylePropBorder(namedProps, device) {
+    var specs = namedProps.specs;
+    return AVAILABLE_SPECS.reduce(function (acc, cur) {
+        var _a, _b;
+        var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
+        var cssPropertyKey = getParsedKey(baseKey);
+        var value = specs[baseKey];
+        var hoverValue = specs[baseKey + ":HOVER"];
+        var isRadius = cssPropertyKey === 'borderRadius';
+        if (isRadius) {
+            var _c = value, tl = _c.tl, tr = _c.tr, bl = _c.bl, br = _c.br;
+            var _d = hoverValue, hoverTl = _d.tl, hoverTr = _d.tr, hoverBl = _d.bl, hoverBr = _d.br;
+            return {
+                style: __assign(__assign({}, acc.style), { borderTopLeftRadius: tl, borderTopRightRadius: tr, borderBottomLeftRadius: bl, borderBottomRightRadius: br }),
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), { borderTopLeftRadius: hoverTl, borderTopRightRadius: hoverTr, borderBottomLeftRadius: hoverBl, borderBottomRightRadius: hoverBr })
+            };
+        }
+        return {
+            style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = value, _a)),
+            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_b = {}, _b[cssPropertyKey] = hoverValue, _b))
+        };
+    }, {
+        style: {},
+        hoverStyle: {}
+    });
+}
+exports.default = parseStylePropBorder;
+function getParsedKey(key) {
+    switch (key) {
+        case 'CB_STYLE_PROP_BORDER_SPEC_STYLE':
+        case 'CB_STYLE_PROP_BORDER_SPEC_STYLE:HOVER':
+        case 'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE':
+        case 'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER':
+            return 'borderStyle';
+        case 'CB_STYLE_PROP_BORDER_SPEC_WIDTH':
+        case 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER':
+        case 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE':
+        case 'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER':
+            return 'borderWidth';
+        case 'CB_STYLE_PROP_BORDER_SPEC_COLOR':
+        case 'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER':
+        case 'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE':
+        case 'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER':
+            return 'borderColor';
+        case 'CB_STYLE_PROP_BORDER_SPEC_RADIUS':
+        case 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER':
+        case 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE':
+        case 'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER':
+            return 'borderRadius';
+        default:
+            return '';
+    }
+}

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropDivider.d.ts

@@ -0,0 +1,27 @@
+import type { Device, ENUM_STRING, NUMBER_INTEGER, StyleAndHoverStyle } from '../types';
+import type { CB_STYLE_PROP_KEYS } from './types';
+declare type SpecKeys = keyof CB_STYLE_PROP_DIVIDER_SPECS;
+export declare type NAMED_CB_STYLE_DIVIDER_PROPS = {
+    name: CB_STYLE_PROP_KEYS.CB_STYLE_PROP_DIVIDER;
+    specs: CB_STYLE_PROP_DIVIDER_SPECS;
+};
+export declare type ValueSetType = Partial<Record<SpecKeys, string | number | undefined>>;
+export default function parseStylePropDivider(namedProps: NAMED_CB_STYLE_DIVIDER_PROPS, device: Device): StyleAndHoverStyle;
+export declare type CB_STYLE_PROP_DIVIDER_SPEC_STYLE = 'NONE' | 'SOLID' | 'DOTTED' | 'DASHED';
+export declare type CB_STYLE_PROP_DIVIDER_SPECS_BASE = {
+    CB_STYLE_PROP_DIVIDER_SPEC_STYLE: CB_STYLE_PROP_DIVIDER_SPEC_STYLE;
+    CB_STYLE_PROP_DIVIDER_SPEC_WIDTH: NUMBER_INTEGER;
+    CB_STYLE_PROP_DIVIDER_SPEC_COLOR: ENUM_STRING;
+};
+export declare type CB_STYLE_PROP_DIVIDER_SPECS = CB_STYLE_PROP_DIVIDER_SPECS_BASE & {
+    'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:HOVER': CB_STYLE_PROP_DIVIDER_SPEC_STYLE;
+    'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:MOBILE': CB_STYLE_PROP_DIVIDER_SPEC_STYLE | undefined;
+    'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:MOBILE:HOVER': CB_STYLE_PROP_DIVIDER_SPEC_STYLE | undefined;
+    'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:HOVER': NUMBER_INTEGER;
+    'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE:HOVER': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:HOVER': ENUM_STRING;
+    'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:MOBILE': ENUM_STRING | undefined;
+    'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:MOBILE:HOVER': ENUM_STRING | undefined;
+};
+export {};

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropDivider.js

@@ -0,0 +1,65 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var AVAILABLE_SPECS = [
+    'CB_STYLE_PROP_DIVIDER_SPEC_STYLE',
+    'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH',
+    'CB_STYLE_PROP_DIVIDER_SPEC_COLOR'
+];
+function parseStylePropDivider(namedProps, device) {
+    var specs = namedProps.specs;
+    return AVAILABLE_SPECS.reduce(function (acc, cur) {
+        var _a, _b, _c, _d;
+        var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
+        var cssPropertyKey = getDividerCSSPropKey(baseKey);
+        var value = specs[baseKey];
+        var hoverValue = specs[baseKey + ":HOVER"];
+        if (cssPropertyKey === 'border-bottom-style') {
+            var widthValue = value === 'NONE' ? 'solid' : value;
+            var widthHoverValue = hoverValue === 'NONE' ? 'solid' : hoverValue;
+            return {
+                style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = widthValue, _a)),
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), (_b = {}, _b[cssPropertyKey] = widthHoverValue, _b))
+            };
+        }
+        return {
+            style: __assign(__assign({}, acc.style), (_c = {}, _c[cssPropertyKey] = value, _c)),
+            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_d = {}, _d[cssPropertyKey] = hoverValue, _d))
+        };
+    }, {
+        style: {},
+        hoverStyle: {}
+    });
+}
+exports.default = parseStylePropDivider;
+function getDividerCSSPropKey(key) {
+    switch (key) {
+        case 'CB_STYLE_PROP_DIVIDER_SPEC_STYLE':
+        case 'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:HOVER':
+        case 'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:MOBILE':
+        case 'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:MOBILE:HOVER':
+            return 'border-bottom-style';
+        case 'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH':
+        case 'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:HOVER':
+        case 'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE':
+        case 'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE:HOVER':
+            return 'border-bottom-width';
+        case 'CB_STYLE_PROP_DIVIDER_SPEC_COLOR':
+        case 'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:HOVER':
+        case 'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:MOBILE':
+        case 'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:MOBILE:HOVER':
+            return 'border-bottom-color';
+        default:
+            return '';
+    }
+}

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropImage.d.ts

@@ -0,0 +1,19 @@
+import type { Device, ENUM_STRING, STRING_PLAIN, StyleAndHoverStyle } from '../types';
+import type { CB_STYLE_PROP_KEYS } from './types';
+export declare type NAMED_CB_STYLE_IMAGE_PROPS = {
+    name: CB_STYLE_PROP_KEYS.CB_STYLE_PROP_IMAGE;
+    specs: CB_STYLE_PROP_IMAGE_SPECS;
+};
+export default function parseStylePropImage(namedProps: NAMED_CB_STYLE_IMAGE_PROPS, device: Device): StyleAndHoverStyle;
+export declare type CB_STYLE_PROP_IMAGE_SPECS_BASE = {
+    CB_STYLE_PROP_IMAGE_SPEC_FIT: STRING_PLAIN;
+    CB_STYLE_PROP_IMAGE_SPEC_POSITION: ENUM_STRING;
+};
+export declare type CB_STYLE_PROP_IMAGE_SPECS = CB_STYLE_PROP_IMAGE_SPECS_BASE & {
+    'CB_STYLE_PROP_IMAGE_SPEC_FIT:HOVER': STRING_PLAIN;
+    'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE': STRING_PLAIN | undefined;
+    'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE:HOVER': STRING_PLAIN | undefined;
+    'CB_STYLE_PROP_IMAGE_SPEC_POSITION:HOVER': ENUM_STRING;
+    'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE': ENUM_STRING | undefined;
+    'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE:HOVER': ENUM_STRING | undefined;
+};

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropImage.js

@@ -0,0 +1,118 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var AVAILABLE_SPECS = [
+    'CB_STYLE_PROP_IMAGE_SPEC_FIT',
+    'CB_STYLE_PROP_IMAGE_SPEC_POSITION'
+];
+function parseStylePropImage(namedProps, device) {
+    var specs = namedProps.specs;
+    return AVAILABLE_SPECS.reduce(function (acc, cur) {
+        var _a, _b;
+        var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
+        var cssPropertyKey = getParsedKey(baseKey);
+        var value = specs[baseKey];
+        var hoverValue = specs[baseKey + ":HOVER"];
+        var isPosition = cssPropertyKey === 'position';
+        if (isPosition) {
+            var positionCss = getCssProperties(value);
+            var hoverPositionCss = getCssProperties(hoverValue);
+            return {
+                style: __assign(__assign({}, acc.style), positionCss),
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), hoverPositionCss)
+            };
+        }
+        return {
+            style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = value === null || value === void 0 ? void 0 : value.toLowerCase(), _a)),
+            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_b = {}, _b[cssPropertyKey] = hoverValue === null || hoverValue === void 0 ? void 0 : hoverValue.toLowerCase(), _b))
+        };
+    }, {
+        style: {},
+        hoverStyle: {}
+    });
+}
+exports.default = parseStylePropImage;
+function getParsedKey(key) {
+    switch (key) {
+        case 'CB_STYLE_PROP_IMAGE_SPEC_FIT':
+        case 'CB_STYLE_PROP_IMAGE_SPEC_FIT:HOVER':
+        case 'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE':
+        case 'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE:HOVER':
+            return 'objectFit';
+        case 'CB_STYLE_PROP_IMAGE_SPEC_POSITION':
+        case 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:HOVER':
+        case 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE':
+        case 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE:HOVER':
+            return 'position';
+    }
+}
+function getCssProperties(value) {
+    switch (value) {
+        case 'LT':
+            return {
+                display: 'flex',
+                alignItems: 'flex-start',
+                justifyContent: 'flex-start'
+            };
+        case 'CT':
+            return {
+                display: 'flex',
+                alignItems: 'flex-start',
+                justifyContent: 'center'
+            };
+        case 'RT':
+            return {
+                display: 'flex',
+                alignItems: 'flex-start',
+                justifyContent: 'flex-end'
+            };
+        case 'LC':
+            return {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'flex-start'
+            };
+        case 'CC':
+            return {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center'
+            };
+        case 'RC':
+            return {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'flex-end'
+            };
+        case 'LB':
+            return {
+                display: 'flex',
+                alignItems: 'flex-end',
+                justifyContent: 'flex-start'
+            };
+        case 'CB':
+            return {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'flex-end'
+            };
+        case 'RB':
+            return {
+                display: 'flex',
+                alignItems: 'flex-end',
+                justifyContent: 'flex-end'
+            };
+        default:
+            return {};
+    }
+}

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropOpacity.d.ts

@@ -0,0 +1,15 @@
+import type { Device, NUMBER_INTEGER, StyleAndHoverStyle } from '../types';
+import type { CB_STYLE_PROP_KEYS } from './types';
+export declare type NAMED_CB_STYLE_OPACITY_PROPS = {
+    name: CB_STYLE_PROP_KEYS.CB_STYLE_PROP_OPACITY;
+    specs: CB_STYLE_PROP_TEXT_OPACITY_SPECS;
+};
+export default function parseStylePropOpacity(namedProps: NAMED_CB_STYLE_OPACITY_PROPS, device: Device): StyleAndHoverStyle;
+export declare type CB_STYLE_PROP_TEXT_OPACITY_BASE = {
+    CB_STYLE_PROP_OPACITY_SPEC_OPACITY: NUMBER_INTEGER;
+};
+export declare type CB_STYLE_PROP_TEXT_OPACITY_SPECS = CB_STYLE_PROP_TEXT_OPACITY_BASE & {
+    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': NUMBER_INTEGER;
+    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': NUMBER_INTEGER | undefined;
+};

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropOpacity.js

@@ -0,0 +1,41 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+function parseStylePropOpacity(namedProps, device) {
+    var specs = namedProps.specs;
+    return AVAILABLE_SPECS.reduce(function (acc, cur) {
+        var _a, _b;
+        var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
+        var cssPropertyKey = getParsedKey(baseKey);
+        var value = specs[baseKey];
+        var hoverValue = specs[baseKey + ":HOVER"];
+        return {
+            style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = value, _a)),
+            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_b = {}, _b[cssPropertyKey] = hoverValue, _b))
+        };
+    }, {
+        style: {},
+        hoverStyle: {}
+    });
+}
+exports.default = parseStylePropOpacity;
+var AVAILABLE_SPECS = ['CB_STYLE_PROP_OPACITY_SPEC_OPACITY'];
+function getParsedKey(key) {
+    switch (key) {
+        case 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY':
+        case 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER':
+        case 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE':
+        case 'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER':
+            return 'opacity';
+    }
+}

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropShadow.d.ts

@@ -0,0 +1,39 @@
+import type { Device, ENUM_STRING, NUMBER_INTEGER, STRING_8DIGIT_HEX, StyleAndHoverStyle } from '../types';
+import type { CB_STYLE_PROP_KEYS } from './types';
+export declare type NAMED_CB_STYLE_SHADOW_PROPS = {
+    name: CB_STYLE_PROP_KEYS.CB_STYLE_PROP_SHADOW;
+    specs: CB_STYLE_PROP_SHADOW_SPECS;
+};
+export default function parseStylePropShadow(namedProps: NAMED_CB_STYLE_SHADOW_PROPS, device: Device): StyleAndHoverStyle;
+export declare type CB_STYLE_PROP_SHADOW_SPECS_BASE = {
+    CB_STYLE_PROP_SHADOW_SPEC_TYPE: ENUM_STRING;
+    CB_STYLE_PROP_SHADOW_SPEC_COLOR: STRING_8DIGIT_HEX;
+    CB_STYLE_PROP_SHADOW_SPEC_X: NUMBER_INTEGER;
+    CB_STYLE_PROP_SHADOW_SPEC_Y: NUMBER_INTEGER;
+    CB_STYLE_PROP_SHADOW_SPEC_BLUR: NUMBER_INTEGER;
+    CB_STYLE_PROP_SHADOW_SPEC_SPREAD: NUMBER_INTEGER;
+    CB_STYLE_PROP_SHADOW_SPEC_OPACITY: NUMBER_INTEGER;
+};
+export declare type CB_STYLE_PROP_SHADOW_SPECS = CB_STYLE_PROP_SHADOW_SPECS_BASE & {
+    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': ENUM_STRING;
+    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': ENUM_STRING | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': ENUM_STRING | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX;
+    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': NUMBER_INTEGER;
+    'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': NUMBER_INTEGER;
+    'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': NUMBER_INTEGER;
+    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': NUMBER_INTEGER;
+    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': NUMBER_INTEGER;
+    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': NUMBER_INTEGER | undefined;
+};

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropShadow.js

@@ -0,0 +1,46 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var AVAILABLE_SPECS = [
+    'CB_STYLE_PROP_SHADOW_SPEC_TYPE',
+    'CB_STYLE_PROP_SHADOW_SPEC_COLOR',
+    'CB_STYLE_PROP_SHADOW_SPEC_X',
+    'CB_STYLE_PROP_SHADOW_SPEC_Y',
+    'CB_STYLE_PROP_SHADOW_SPEC_BLUR',
+    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD',
+    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY'
+];
+function parseStylePropShadow(namedProps, device) {
+    var specs = namedProps.specs;
+    var valueSet = AVAILABLE_SPECS.reduce(function (acc, cur) {
+        var _a, _b;
+        var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
+        var value = specs[baseKey];
+        var hoverValue = specs[baseKey + ":HOVER"];
+        return {
+            normal: __assign(__assign({}, acc.normal), (_a = {}, _a[cur] = value, _a)),
+            hover: __assign(__assign({}, acc.hover), (_b = {}, _b[cur] = hoverValue, _b))
+        };
+    }, {
+        normal: {},
+        hover: {}
+    });
+    return {
+        style: { boxShadow: valueGenerator(valueSet.normal) },
+        hoverStyle: { boxShadow: valueGenerator(valueSet.hover) }
+    };
+}
+exports.default = parseStylePropShadow;
+function valueGenerator(valueSet) {
+    return (valueSet.CB_STYLE_PROP_SHADOW_SPEC_TYPE === 'inset' ? 'inset' : '') + " " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_Y + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_X + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR;
+}

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropTextSpec.d.ts

@@ -0,0 +1,39 @@
+import type { Device, ENUM_STRING, NUMBER_INTEGER, STRING_8DIGIT_HEX, StyleAndHoverStyle } from '../types';
+import type { CB_STYLE_PROP_KEYS } from './types';
+export declare type NAMED_CB_STYLE_TEXT_PROPS = {
+    name: CB_STYLE_PROP_KEYS.CB_STYLE_PROP_TEXT;
+    specs: CB_STYLE_PROP_TEXT_SPECS;
+};
+export default function parseStylePropTextSpec(namedProps: NAMED_CB_STYLE_TEXT_PROPS, device: Device): StyleAndHoverStyle;
+export declare type CB_STYLE_PROP_TEXT_SPECS_BASE = {
+    CB_STYLE_PROP_TEXT_SPEC_FONT: ENUM_STRING;
+    CB_STYLE_PROP_TEXT_SPEC_WEIGHT: NUMBER_INTEGER;
+    CB_STYLE_PROP_TEXT_SPEC_SIZE: NUMBER_INTEGER;
+    CB_STYLE_PROP_TEXT_SPEC_FITTOSIZE: boolean;
+    CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT: NUMBER_INTEGER;
+    CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING: NUMBER_INTEGER;
+    CB_STYLE_PROP_TEXT_SPEC_COLOR: STRING_8DIGIT_HEX;
+};
+export declare type CB_STYLE_PROP_TEXT_SPECS = CB_STYLE_PROP_TEXT_SPECS_BASE & {
+    'CB_STYLE_PROP_TEXT_SPEC_FONT:HOVER': ENUM_STRING;
+    'CB_STYLE_PROP_TEXT_SPEC_FONT:MOBILE': ENUM_STRING | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_FONT:MOBILE:HOVER': ENUM_STRING | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': NUMBER_INTEGER;
+    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': NUMBER_INTEGER;
+    'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_FITTOSIZE:HOVER': boolean;
+    'CB_STYLE_PROP_TEXT_SPEC_FITTOSIZE:MOBILE': boolean | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_FITTOSIZE:MOBILE:HOVER': boolean | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': NUMBER_INTEGER;
+    'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': NUMBER_INTEGER;
+    'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': NUMBER_INTEGER | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX;
+    'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | undefined;
+};