pds-dev-kit-web 2.1.14 → 2.1.15

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

@@ -0,0 +1,85 @@
+"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, _c;
+        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 _d = value, tl = _d.tl, tr = _d.tr, bl = _d.bl, br = _d.br;
+            var hoverValueTypeExpanded = hoverValue;
+            if (hoverValueTypeExpanded === null || hoverValueTypeExpanded === undefined) {
+                return {
+                    style: __assign(__assign({}, acc.style), { borderTopLeftRadius: tl, borderTopRightRadius: tr, borderBottomLeftRadius: bl, borderBottomRightRadius: br }),
+                    hoverStyle: __assign({}, acc.hoverStyle)
+                };
+            }
+            return {
+                style: __assign(__assign({}, acc.style), { borderTopLeftRadius: tl, borderTopRightRadius: tr, borderBottomLeftRadius: bl, borderBottomRightRadius: br }),
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), { borderTopLeftRadius: hoverValueTypeExpanded ? hoverValueTypeExpanded.tl : 0, borderTopRightRadius: hoverValueTypeExpanded ? hoverValueTypeExpanded.tr : 0, borderBottomLeftRadius: hoverValueTypeExpanded ? hoverValueTypeExpanded.bl : 0, borderBottomRightRadius: hoverValueTypeExpanded ? hoverValueTypeExpanded.br : 0 })
+            };
+        }
+        if (hoverValue === null || hoverValue === undefined) {
+            return {
+                style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = value, _a)),
+                hoverStyle: __assign({}, acc.hoverStyle)
+            };
+        }
+        return {
+            style: __assign(__assign({}, acc.style), (_b = {}, _b[cssPropertyKey] = value, _b)),
+            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_c = {}, _c[cssPropertyKey] = hoverValue, _c))
+        };
+    }, {
+        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 | null | undefined;
+    'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:MOBILE': CB_STYLE_PROP_DIVIDER_SPEC_STYLE | null | undefined;
+    'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:MOBILE:HOVER': CB_STYLE_PROP_DIVIDER_SPEC_STYLE | null | undefined;
+    'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_DIVIDER_SPEC_WIDTH:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_DIVIDER_SPEC_COLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
+};
+export {};

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

@@ -0,0 +1,77 @@
+"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, _e, _f;
+        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;
+            if (widthHoverValue === null || widthHoverValue === undefined) {
+                return {
+                    style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = widthValue, _a)),
+                    hoverStyle: __assign({}, acc.hoverStyle)
+                };
+            }
+            return {
+                style: __assign(__assign({}, acc.style), (_b = {}, _b[cssPropertyKey] = widthValue, _b)),
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), (_c = {}, _c[cssPropertyKey] = widthHoverValue, _c))
+            };
+        }
+        if (hoverValue === null || hoverValue === undefined) {
+            return {
+                style: __assign(__assign({}, acc.style), (_d = {}, _d[cssPropertyKey] = value, _d)),
+                hoverStyle: __assign({}, acc.hoverStyle)
+            };
+        }
+        return {
+            style: __assign(__assign({}, acc.style), (_e = {}, _e[cssPropertyKey] = value, _e)),
+            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_f = {}, _f[cssPropertyKey] = hoverValue, _f))
+        };
+    }, {
+        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 | null | undefined;
+    'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE': STRING_PLAIN | null | undefined;
+    'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE:HOVER': STRING_PLAIN | null | undefined;
+    'CB_STYLE_PROP_IMAGE_SPEC_POSITION:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE:HOVER': ENUM_STRING | null | undefined;
+};

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropImage.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_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, _c, _d, _e, _f;
+        var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
+        var cssPropertyKey = getParsedKey(baseKey);
+        var value = specs[baseKey];
+        var hoverValue = specs[baseKey + ":HOVER"];
+        var isPosition = cssPropertyKey === 'backgroundPosition';
+        if (isPosition) {
+            var positionCss = getCssProperties(value);
+            var hoverPositionCss = getCssProperties(hoverValue);
+            if (hoverValue === null || hoverValue === undefined) {
+                return {
+                    style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = positionCss, _a)),
+                    hoverStyle: __assign({}, acc.hoverStyle)
+                };
+            }
+            return {
+                style: __assign(__assign({}, acc.style), (_b = {}, _b[cssPropertyKey] = positionCss, _b)),
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), (_c = {}, _c[cssPropertyKey] = hoverPositionCss, _c))
+            };
+        }
+        if (hoverValue === null || hoverValue === undefined) {
+            return {
+                style: __assign(__assign({}, acc.style), (_d = {}, _d[cssPropertyKey] = value === null || value === void 0 ? void 0 : value.toLowerCase(), _d)),
+                hoverStyle: __assign({}, acc.hoverStyle)
+            };
+        }
+        return {
+            style: __assign(__assign({}, acc.style), (_e = {}, _e[cssPropertyKey] = value === null || value === void 0 ? void 0 : value.toLowerCase(), _e)),
+            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_f = {}, _f[cssPropertyKey] = hoverValue === null || hoverValue === void 0 ? void 0 : hoverValue.toLowerCase(), _f))
+        };
+    }, {
+        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 'backgroundSize';
+        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 'backgroundPosition';
+    }
+}
+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/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 | null | undefined;
+    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+};

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

@@ -0,0 +1,47 @@
+"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, _c;
+        var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
+        var cssPropertyKey = getParsedKey(baseKey);
+        var value = specs[baseKey];
+        var hoverValue = specs[baseKey + ":HOVER"];
+        if (hoverValue === null || hoverValue === undefined) {
+            return {
+                style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = (value || 0) / 100, _a)),
+                hoverStyle: __assign({}, acc.hoverStyle)
+            };
+        }
+        return {
+            style: __assign(__assign({}, acc.style), (_b = {}, _b[cssPropertyKey] = (value || 0) / 100, _b)),
+            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_c = {}, _c[cssPropertyKey] = (hoverValue || 0) / 100, _c))
+        };
+    }, {
+        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 | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_X:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_X:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_Y:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_BLUR:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
+};

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

@@ -0,0 +1,58 @@
+"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, _c;
+        var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
+        var value = specs[baseKey];
+        var hoverValue = specs[baseKey + ":HOVER"];
+        if (hoverValue === null || hoverValue === undefined) {
+            return { normal: __assign(__assign({}, acc.normal), (_a = {}, _a[cur] = value, _a)), hover: __assign({}, acc.hover) };
+        }
+        return {
+            normal: __assign(__assign({}, acc.normal), (_b = {}, _b[cur] = value, _b)),
+            hover: __assign(__assign({}, acc.hover), (_c = {}, _c[cur] = hoverValue, _c))
+        };
+    }, {
+        normal: {},
+        hover: {}
+    });
+    return {
+        style: { boxShadow: valueGenerator(valueSet.normal) },
+        hoverStyle: { boxShadow: valueGenerator(valueSet.hover) }
+    };
+}
+exports.default = parseStylePropShadow;
+function valueGenerator(valueSet) {
+    switch (valueSet.CB_STYLE_PROP_SHADOW_SPEC_TYPE) {
+        case 'INSET':
+            return "inset " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_X + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_Y + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR;
+        case 'OUTSET':
+            return valueSet.CB_STYLE_PROP_SHADOW_SPEC_X + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_Y + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR;
+        case 'NONE':
+            return 'none';
+        default:
+            return '';
+    }
+}

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

@@ -0,0 +1,8 @@
+import type { CB_STYLE_PROP_TEXT_SPECS } from '../../components/ComponentBlock/componentBlocks/Text/types';
+import type { Device, 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;

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

@@ -0,0 +1,91 @@
+"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_TEXT_SPEC_COLOR',
+    'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE',
+    'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING',
+    'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT',
+    'CB_STYLE_PROP_TEXT_SPEC_SIZE',
+    'CB_STYLE_PROP_TEXT_SPEC_WEIGHT',
+    'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL',
+    'CB_STYLE_PROP_TEXT_SPEC_VERTICAL'
+];
+function parseStylePropTextSpec(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];
+        var hoverValue = specs[baseKey + ":HOVER"];
+        if (hoverValue === null || hoverValue === undefined) {
+            return {
+                style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = value, _a)),
+                hoverStyle: __assign({}, acc.hoverStyle)
+            };
+        }
+        return {
+            style: __assign(__assign({}, acc.style), (_b = {}, _b[cssPropertyKey] = value, _b)),
+            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_c = {}, _c[cssPropertyKey] = hoverValue, _c))
+        };
+    }, {
+        style: {},
+        hoverStyle: {}
+    });
+}
+exports.default = parseStylePropTextSpec;
+function getParsedKey(key) {
+    switch (key) {
+        case "CB_STYLE_PROP_TEXT_SPEC_COLOR":
+        case "CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER":
+        case "CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE":
+        case "CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER":
+            return 'color';
+        case "CB_STYLE_PROP_TEXT_SPEC_TYPEFACE":
+        case "CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER":
+        case "CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE":
+        case "CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER":
+            return 'fontFamily';
+        case "CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING":
+        case "CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER":
+        case "CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE":
+        case "CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER":
+            return 'letterSpacing';
+        case "CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT":
+        case "CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER":
+        case "CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE":
+        case "CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER":
+            return 'lineHeight';
+        case "CB_STYLE_PROP_TEXT_SPEC_SIZE":
+        case "CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER":
+        case "CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE":
+        case "CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER":
+            return 'fontSize';
+        case "CB_STYLE_PROP_TEXT_SPEC_WEIGHT":
+        case "CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER":
+        case "CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE":
+        case "CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER":
+            return 'fontWeight';
+        case "CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL":
+        case "CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:HOVER":
+        case "CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE":
+        case "CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE:HOVER":
+            return 'HORIZONTAL';
+        case "CB_STYLE_PROP_TEXT_SPEC_VERTICAL":
+        case "CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER":
+        case "CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE":
+        case "CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER":
+            return 'VERTICAL';
+    }
+}

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

@@ -0,0 +1,22 @@
+import type { NAMED_CB_STYLE_BGCOLOR_PROPS } from './parseStylePropBgColor';
+import type { NAMED_CB_STYLE_BGIMAGE_PROPS } from './parseStylePropBgImage';
+import type { NAMED_CB_STYLE_BGOVERLAY_PROPS } from './parseStylePropBgOverlay';
+import type { NAMED_CB_STYLE_BORDER_PROPS } from './parseStylePropBorder';
+import type { NAMED_CB_STYLE_DIVIDER_PROPS } from './parseStylePropDivider';
+import type { NAMED_CB_STYLE_IMAGE_PROPS } from './parseStylePropImage';
+import type { NAMED_CB_STYLE_OPACITY_PROPS } from './parseStylePropOpacity';
+import type { NAMED_CB_STYLE_SHADOW_PROPS } from './parseStylePropShadow';
+import type { NAMED_CB_STYLE_TEXT_PROPS } from './parseStylePropTextSpec';
+export declare enum CB_STYLE_PROP_KEYS {
+    CB_STYLE_PROP_TEXT = "CB_STYLE_PROP_TEXT",
+    CB_STYLE_PROP_OPACITY = "CB_STYLE_PROP_OPACITY",
+    CB_STYLE_PROP_DIVIDER = "CB_STYLE_PROP_DIVIDER",
+    CB_STYLE_PROP_SHADOW = "CB_STYLE_PROP_SHADOW",
+    CB_STYLE_PROP_BORDER = "CB_STYLE_PROP_BORDER",
+    CB_STYLE_PROP_IMAGE = "CB_STYLE_PROP_IMAGE",
+    CB_STYLE_PROP_BTNCOLOR = "CB_STYLE_PROP_BTNCOLOR",
+    CB_STYLE_PROP_BGCOLOR = "CB_STYLE_PROP_BGCOLOR",
+    CB_STYLE_PROP_BGMEDIA = "CB_STYLE_PROP_BGMEDIA",
+    CB_STYLE_PROP_BGOVERLAY = "CB_STYLE_PROP_BGOVERLAY"
+}
+export declare type NamedStylePropType = NAMED_CB_STYLE_TEXT_PROPS | NAMED_CB_STYLE_OPACITY_PROPS | NAMED_CB_STYLE_DIVIDER_PROPS | NAMED_CB_STYLE_SHADOW_PROPS | NAMED_CB_STYLE_BORDER_PROPS | NAMED_CB_STYLE_IMAGE_PROPS | NAMED_CB_STYLE_BGCOLOR_PROPS | NAMED_CB_STYLE_BGIMAGE_PROPS | NAMED_CB_STYLE_BGOVERLAY_PROPS;

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CB_STYLE_PROP_KEYS = void 0;
+var CB_STYLE_PROP_KEYS;
+(function (CB_STYLE_PROP_KEYS) {
+    CB_STYLE_PROP_KEYS["CB_STYLE_PROP_TEXT"] = "CB_STYLE_PROP_TEXT";
+    CB_STYLE_PROP_KEYS["CB_STYLE_PROP_OPACITY"] = "CB_STYLE_PROP_OPACITY";
+    CB_STYLE_PROP_KEYS["CB_STYLE_PROP_DIVIDER"] = "CB_STYLE_PROP_DIVIDER";
+    CB_STYLE_PROP_KEYS["CB_STYLE_PROP_SHADOW"] = "CB_STYLE_PROP_SHADOW";
+    CB_STYLE_PROP_KEYS["CB_STYLE_PROP_BORDER"] = "CB_STYLE_PROP_BORDER";
+    CB_STYLE_PROP_KEYS["CB_STYLE_PROP_IMAGE"] = "CB_STYLE_PROP_IMAGE";
+    CB_STYLE_PROP_KEYS["CB_STYLE_PROP_BTNCOLOR"] = "CB_STYLE_PROP_BTNCOLOR";
+    CB_STYLE_PROP_KEYS["CB_STYLE_PROP_BGCOLOR"] = "CB_STYLE_PROP_BGCOLOR";
+    CB_STYLE_PROP_KEYS["CB_STYLE_PROP_BGMEDIA"] = "CB_STYLE_PROP_BGMEDIA";
+    CB_STYLE_PROP_KEYS["CB_STYLE_PROP_BGOVERLAY"] = "CB_STYLE_PROP_BGOVERLAY";
+})(CB_STYLE_PROP_KEYS = exports.CB_STYLE_PROP_KEYS || (exports.CB_STYLE_PROP_KEYS = {}));