pds-dev-kit-web 2.1.14 → 2.1.15

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js

@@ -0,0 +1,46 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parsePlacement = void 0;
+function parsePlacement(components) {
+    return components.reduce(function (acc, cur) {
+        var id = cur.id, properties = cur.properties;
+        var _a = parsePropPlacement(properties.CB_PLACEMENT_PROP_PLACEMENT, id), mobileLayout = _a.mobileLayout, desktopLayout = _a.desktopLayout;
+        return {
+            sm: __spreadArray(__spreadArray([], acc.sm, true), [mobileLayout], false),
+            lg: __spreadArray(__spreadArray([], acc.lg, true), [desktopLayout], false)
+        };
+    }, { sm: [], lg: [] });
+}
+exports.parsePlacement = parsePlacement;
+function parsePropPlacement(props, id) {
+    var desktopLayout = {
+        i: id.toString(),
+        x: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX,
+        y: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY,
+        w: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS,
+        h: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS,
+        z: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX
+    };
+    var mobileLayout = {
+        i: id.toString(),
+        x: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE'],
+        y: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE'],
+        w: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE'],
+        h: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE'],
+        z: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE']
+    };
+    return {
+        mobileLayout: mobileLayout,
+        desktopLayout: desktopLayout
+    };
+}
+exports.default = parsePlacement;

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

@@ -0,0 +1,5 @@
+import { CB_LAYOUT_PROP_KEYS } from './layoutPropParsers/types';
+import { CB_STYLE_PROP_KEYS } from './stylePropParsers/types';
+import type { Device, ParserResult, CB_TEXT_PROPERTIES_TYPE, CB_BTN_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE } from './types';
+export declare type specTypes = CB_LAYOUT_PROP_KEYS | CB_STYLE_PROP_KEYS;
+export default function parseProperties(properties: CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE, device: Device): ParserResult;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.js

@@ -0,0 +1,54 @@
+"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 contentPropParsers_1 = require("./contentPropParsers");
+var types_1 = require("./contentPropParsers/types");
+var effectPropParsers_1 = require("./effectPropParsers");
+var types_2 = require("./effectPropParsers/types");
+var layoutPropParsers_1 = require("./layoutPropParsers");
+var types_3 = require("./layoutPropParsers/types");
+var stylePropParsers_1 = require("./stylePropParsers");
+var types_4 = require("./stylePropParsers/types");
+function parseProperties(properties, device) {
+    return Object.entries(properties).reduce(function (acc, cur) {
+        var specKey = cur[0], specs = cur[1];
+        var normalizedProperty = {
+            name: specKey,
+            specs: specs
+        };
+        if (normalizedProperty.name in types_4.CB_STYLE_PROP_KEYS) {
+            var _a = (0, stylePropParsers_1.parseStyleProperties)(normalizedProperty, device), style = _a.style, hoverStyle = _a.hoverStyle;
+            return __assign(__assign({}, acc), { style: __assign(__assign({}, acc.style), style), hoverStyle: __assign(__assign({}, acc.hoverStyle), hoverStyle) });
+        }
+        if (normalizedProperty.name in types_3.CB_LAYOUT_PROP_KEYS) {
+            var style = (0, layoutPropParsers_1.parseLayoutProperties)(normalizedProperty, device).style;
+            return __assign(__assign({}, acc), { layout: __assign(__assign({}, acc.layout), style) });
+        }
+        if (normalizedProperty.name in types_1.CB_CONTENT_PROP_KEYS) {
+            var style = (0, contentPropParsers_1.parseContentProperties)(normalizedProperty, device).style;
+            return __assign(__assign({}, acc), { style: __assign(__assign({}, acc.style), style) });
+        }
+        if (normalizedProperty.name in types_2.CB_EFFECT_PROP_KEYS) {
+            var style = (0, effectPropParsers_1.parseEffectProperties)(normalizedProperty, device).style;
+            return __assign(__assign({}, acc), { effect: __assign(__assign({}, acc.effect), style) });
+        }
+        return acc;
+    }, {
+        style: {},
+        hoverStyle: {},
+        layout: {},
+        effect: {},
+        content: {}
+    });
+}
+exports.default = parseProperties;

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

@@ -0,0 +1,3 @@
+import { NamedStylePropType } from './types';
+import type { Device, OverlayStyle, StyleAndHoverStyle } from '../types';
+export declare function parseStyleProperties(normalizedProperty: NamedStylePropType, device: Device): StyleAndHoverStyle & Partial<OverlayStyle>;

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

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseStyleProperties = void 0;
+var parseStylePropBgColor_1 = __importDefault(require("./parseStylePropBgColor"));
+var parseStylePropBgImage_1 = __importDefault(require("./parseStylePropBgImage"));
+var parseStylePropBgOverlay_1 = __importDefault(require("./parseStylePropBgOverlay"));
+var parseStylePropBorder_1 = __importDefault(require("./parseStylePropBorder"));
+var parseStylePropDivider_1 = __importDefault(require("./parseStylePropDivider"));
+var parseStylePropImage_1 = __importDefault(require("./parseStylePropImage"));
+var parseStylePropOpacity_1 = __importDefault(require("./parseStylePropOpacity"));
+var parseStylePropShadow_1 = __importDefault(require("./parseStylePropShadow"));
+var types_1 = require("./types");
+function parseStyleProperties(normalizedProperty, device) {
+    var name = normalizedProperty.name;
+    switch (name) {
+        // case CB_STYLE_PROP_KEYS.CB_STYLE_PROP_TEXT:
+        //   return parseStylePropTextSpec(normalizedProperty, device);
+        case types_1.CB_STYLE_PROP_KEYS.CB_STYLE_PROP_OPACITY:
+            return (0, parseStylePropOpacity_1.default)(normalizedProperty, device);
+        case types_1.CB_STYLE_PROP_KEYS.CB_STYLE_PROP_SHADOW:
+            return (0, parseStylePropShadow_1.default)(normalizedProperty, device);
+        case types_1.CB_STYLE_PROP_KEYS.CB_STYLE_PROP_BORDER:
+            return (0, parseStylePropBorder_1.default)(normalizedProperty, device);
+        case types_1.CB_STYLE_PROP_KEYS.CB_STYLE_PROP_IMAGE:
+            return (0, parseStylePropImage_1.default)(normalizedProperty, device);
+        case types_1.CB_STYLE_PROP_KEYS.CB_STYLE_PROP_DIVIDER:
+            return (0, parseStylePropDivider_1.default)(normalizedProperty, device);
+        case types_1.CB_STYLE_PROP_KEYS.CB_STYLE_PROP_BGCOLOR:
+            return (0, parseStylePropBgColor_1.default)(normalizedProperty, device);
+        case types_1.CB_STYLE_PROP_KEYS.CB_STYLE_PROP_BGMEDIA:
+            return (0, parseStylePropBgImage_1.default)(normalizedProperty, device);
+        case types_1.CB_STYLE_PROP_KEYS.CB_STYLE_PROP_BGOVERLAY:
+            return (0, parseStylePropBgOverlay_1.default)(normalizedProperty, device);
+        default:
+            return { style: {}, hoverStyle: {}, overlayStyle: {} };
+    }
+}
+exports.parseStyleProperties = parseStyleProperties;

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

@@ -0,0 +1,43 @@
+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_BGCOLOR_PROPS = {
+    name: CB_STYLE_PROP_KEYS.CB_STYLE_PROP_BGCOLOR;
+    specs: CB_STYLE_PROP_BGCOLOR_SPECS;
+};
+export default function parseStylePropBgColor(namedProps: NAMED_CB_STYLE_BGCOLOR_PROPS, device: Device): StyleAndHoverStyle;
+export declare type CB_STYLE_PROP_BGCOLOR_SPECS_BASE = {
+    CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE: NUMBER_INTEGER;
+    CB_STYLE_PROP_BGCOLOR_SPEC_COLOR: STRING_8DIGIT_HEX;
+    CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR: STRING_8DIGIT_HEX;
+    CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC: NUMBER_INTEGER;
+    CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT: ENUM_STRING;
+    CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR: STRING_8DIGIT_HEX;
+    CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC: NUMBER_INTEGER;
+    CB_STYLE_PROP_BGCOLOR_SPEC_TYPE: ENUM_STRING;
+};
+export declare type CB_STYLE_PROP_BGCOLOR_SPECS = CB_STYLE_PROP_BGCOLOR_SPECS_BASE & {
+    'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': ENUM_STRING | null | undefined;
+};

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

@@ -0,0 +1,92 @@
+"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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var isNullOrUndefined_1 = __importDefault(require("../isNullOrUndefined"));
+var AVAILABLE_SPECS = [
+    'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE',
+    'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR',
+    'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR',
+    'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC',
+    'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT',
+    'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR',
+    'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC',
+    'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE'
+];
+function parseStylePropBgColor(namedProps, device) {
+    var specs = namedProps.specs;
+    var bgColorCssProperties = AVAILABLE_SPECS.reduce(function (acc, cur) {
+        var _a;
+        var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
+        var value = specs[baseKey];
+        return {
+            style: __assign(__assign({}, acc.style), (_a = {}, _a[baseKey] = (0, isNullOrUndefined_1.default)(value) ? specs[cur] : value, _a)),
+            hoverStyle: __assign({}, acc.hoverStyle)
+        };
+    }, {
+        style: {},
+        hoverStyle: {}
+    });
+    return {
+        style: { background: valueGenerator(bgColorCssProperties.style, device) },
+        hoverStyle: { background: valueGenerator(bgColorCssProperties.hoverStyle, device) }
+    };
+}
+exports.default = parseStylePropBgColor;
+function valueGenerator(valueSet, device) {
+    if (device === 'DESKTOP') {
+        switch (valueSet.CB_STYLE_PROP_BGCOLOR_SPEC_TYPE) {
+            case 'GRADIENT': {
+                var isLinear = valueSet.CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT === 'LINEAR';
+                var gradientType = isLinear ? 'linear-gradient' : 'radial-gradient';
+                var gradientDegree = isLinear ? valueSet.CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE + "deg," : '';
+                var gradientStartColor = valueSet.CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR;
+                var gradientStartPosition = valueSet.CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC;
+                var gradientEndColor = valueSet.CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR;
+                var gradientEndPosition = valueSet.CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC;
+                return gradientType + "(" + gradientDegree + " " + gradientStartColor + " " + gradientStartPosition + "%, " + gradientEndColor + " " + gradientEndPosition + "%)";
+            }
+            case 'SOLID':
+                return "" + valueSet.CB_STYLE_PROP_BGCOLOR_SPEC_COLOR;
+            case 'NONE':
+                return 'transparent';
+            default:
+                return '';
+        }
+    }
+    if (device === 'MOBILE') {
+        switch (valueSet['CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE']) {
+            case 'GRADIENT': {
+                var isLinear = valueSet['CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE'] === 'LINEAR';
+                var gradientType = isLinear ? 'linear-gradient' : 'radial-gradient';
+                var gradientDegree = isLinear
+                    ? valueSet['CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE'] + "deg,"
+                    : '';
+                var gradientStartColor = valueSet['CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE'];
+                var gradientStartPosition = valueSet['CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE'];
+                var gradientEndColor = valueSet['CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE'];
+                var gradientEndPosition = valueSet['CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE'];
+                return gradientType + "(" + gradientDegree + " " + gradientStartColor + " " + gradientStartPosition + "%, " + gradientEndColor + " " + gradientEndPosition + "%)";
+            }
+            case 'SOLID':
+                return "" + valueSet['CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE'];
+            case 'NONE':
+                return 'transparent';
+            default:
+                return '';
+        }
+    }
+    return '';
+}

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

@@ -0,0 +1,23 @@
+import type { Device, ENUM_STRING, STRING_PLAIN, StyleAndHoverStyle } from '../types';
+import type { CB_STYLE_PROP_KEYS } from './types';
+export declare type NAMED_CB_STYLE_BGIMAGE_PROPS = {
+    name: CB_STYLE_PROP_KEYS.CB_STYLE_PROP_BGMEDIA;
+    specs: CB_STYLE_PROP_BGIMAGE_SPECS;
+};
+export default function parseStylePropBGImage(namedProps: NAMED_CB_STYLE_BGIMAGE_PROPS, device: Device): StyleAndHoverStyle;
+export declare type CB_STYLE_PROP_BGIMAGE_SPECS_BASE = {
+    CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: STRING_PLAIN;
+    CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION: ENUM_STRING;
+    CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL: boolean;
+};
+export declare type CB_STYLE_PROP_BGIMAGE_SPECS = CB_STYLE_PROP_BGIMAGE_SPECS_BASE & {
+    'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER': STRING_PLAIN | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE': STRING_PLAIN | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE:HOVER': STRING_PLAIN | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:HOVER': boolean | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE': boolean | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE:HOVER': boolean | null | undefined;
+};

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

@@ -0,0 +1,94 @@
+"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_BGMEDIA_SPEC_IMAGEFIT',
+    'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION',
+    'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL'
+];
+function parseStylePropBGImage(namedProps, device) {
+    var specs = namedProps.specs;
+    return AVAILABLE_SPECS.reduce(function (acc, cur) {
+        var _a, _b, _c;
+        var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
+        var cssPropertyKey = getParsedKey(baseKey);
+        var value = specs[baseKey] || specs[cur];
+        var isPosition = cssPropertyKey === 'backgroundPosition';
+        var isAttachment = cssPropertyKey === 'backgroundAttachment';
+        if (isPosition) {
+            var positionCss = getCssProperties(value);
+            return {
+                style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = positionCss, _a)),
+                hoverStyle: __assign({}, acc.hoverStyle)
+            };
+        }
+        if (isAttachment) {
+            var positionCss = value ? 'fixed' : 'unset';
+            return {
+                style: __assign(__assign({}, acc.style), (_b = {}, _b[cssPropertyKey] = positionCss, _b)),
+                hoverStyle: __assign({}, acc.hoverStyle)
+            };
+        }
+        return {
+            style: __assign(__assign({}, acc.style), (_c = {}, _c[cssPropertyKey] = value, _c)),
+            hoverStyle: __assign({}, acc.hoverStyle)
+        };
+    }, {
+        style: {},
+        hoverStyle: {}
+    });
+}
+exports.default = parseStylePropBGImage;
+function getParsedKey(key) {
+    switch (key) {
+        case 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT':
+        case 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:HOVER':
+        case 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE':
+        case 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE:HOVER':
+            return 'backgroundSize';
+        case 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION':
+        case 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:HOVER':
+        case 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE':
+        case 'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEPOSITION:MOBILE:HOVER':
+            return 'backgroundPosition';
+        case 'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL':
+        case 'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:HOVER':
+        case 'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE':
+        case 'CB_STYLE_PROP_BGMEDIA_SPEC_SCROLL:MOBILE:HOVER':
+            return 'backgroundAttachment';
+    }
+}
+function getCssProperties(value) {
+    switch (value) {
+        case 'LT':
+            return 'left top';
+        case 'CT':
+            return 'center top';
+        case 'RT':
+            return 'right top';
+        case 'LC':
+            return 'left center';
+        case 'CC':
+            return 'center center';
+        case 'RC':
+            return 'right center';
+        case 'LB':
+            return 'left bottom';
+        case 'CB':
+            return 'center bottom';
+        case 'RB':
+            return 'right bottom';
+        default:
+            return '';
+    }
+}

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

@@ -0,0 +1,43 @@
+import type { Device, ENUM_STRING, NUMBER_INTEGER, OverlayStyle, 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<OverlayStyle>;
+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 | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE:HOVER': ENUM_STRING | null | undefined;
+};

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

@@ -0,0 +1,95 @@
+"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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var isNullOrUndefined_1 = __importDefault(require("../isNullOrUndefined"));
+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;
+        var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
+        var value = specs[baseKey];
+        return {
+            style: __assign({}, acc.style),
+            hoverStyle: __assign({}, acc.hoverStyle),
+            overlayStyle: __assign(__assign({}, acc.overlayStyle), (_a = {}, _a[baseKey] = (0, isNullOrUndefined_1.default)(value) ? specs[cur] : value, _a))
+        };
+    }, {
+        style: {},
+        hoverStyle: {},
+        overlayStyle: {}
+    });
+    return {
+        style: {},
+        hoverStyle: {},
+        overlayStyle: { background: valueGenerator(bgColorCssProperties.overlayStyle, device) }
+    };
+}
+exports.default = parseStylePropBgOverlay;
+function valueGenerator(valueSet, device) {
+    if (device === 'DESKTOP') {
+        switch (valueSet.CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE) {
+            case 'GRADIENT': {
+                var isLinear = valueSet.CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT === 'LINEAR';
+                var gradientType = isLinear ? 'linear-gradient' : 'radial-gradient';
+                var gradientDegree = isLinear ? valueSet.CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE + "deg," : '';
+                var gradientStartColor = valueSet.CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR;
+                var gradientStartPosition = valueSet.CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC;
+                var gradientEndColor = valueSet.CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR;
+                var gradientEndPosition = valueSet.CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC;
+                return gradientType + "(" + gradientDegree + " " + gradientStartColor + " " + gradientStartPosition + "%, " + gradientEndColor + " " + gradientEndPosition + "%)";
+            }
+            case 'SOLID':
+                return "" + valueSet.CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR;
+            case 'NONE':
+                return 'transparent';
+            default:
+                return '';
+        }
+    }
+    if (device === 'MOBILE') {
+        switch (valueSet['CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE']) {
+            case 'GRADIENT': {
+                var isLinear = valueSet['CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE'] === 'LINEAR';
+                var gradientType = isLinear ? 'linear-gradient' : 'radial-gradient';
+                var gradientDegree = isLinear
+                    ? valueSet['CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE'] + "deg,"
+                    : '';
+                var gradientStartColor = valueSet['CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE'];
+                var gradientStartPosition = valueSet['CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE'];
+                var gradientEndColor = valueSet['CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE'];
+                var gradientEndPosition = valueSet['CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE'];
+                return gradientType + "(" + gradientDegree + " " + gradientStartColor + " " + gradientStartPosition + "%, " + gradientEndColor + " " + gradientEndPosition + "%)";
+            }
+            case 'SOLID':
+                return "" + valueSet.CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR;
+            case 'NONE':
+                return 'transparent';
+            default:
+                return '';
+        }
+    }
+    return '';
+}

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 | null | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE': CB_STYLE_PROP_BORDER_SPEC_STYLE | null | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_STYLE:MOBILE:HOVER': CB_STYLE_PROP_BORDER_SPEC_STYLE | null | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_WIDTH:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_WIDTH:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER': CB_STYLE_PROP_BORDER_SPEC_RADIUS_OBJ | null | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE': CB_STYLE_PROP_BORDER_SPEC_RADIUS_OBJ | null | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE:HOVER': CB_STYLE_PROP_BORDER_SPEC_RADIUS_OBJ | null | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:HOVER': boolean | null | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE': boolean | null | undefined;
+    'CB_STYLE_PROP_BORDER_SPEC_RADIUSFIX:MOBILE:HOVER': boolean | null | undefined;
+};
+export {};