pds-dev-kit-web 2.1.14 → 2.1.16

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CB_CONTENT_PROP_KEYS = void 0;
+var CB_CONTENT_PROP_KEYS;
+(function (CB_CONTENT_PROP_KEYS) {
+    CB_CONTENT_PROP_KEYS["CB_CONTENT_PROP_VISIBILITY"] = "CB_CONTENT_PROP_VISIBILITY";
+})(CB_CONTENT_PROP_KEYS = exports.CB_CONTENT_PROP_KEYS || (exports.CB_CONTENT_PROP_KEYS = {}));

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

@@ -0,0 +1,4 @@
+export declare const animations: {
+    name: string;
+    value: string;
+}[];

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/effectPropParsers/constants.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.animations = void 0;
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+exports.animations = [
+    { name: 'FADEIN', value: 'fade-in' },
+    { name: 'FADEINFWD', value: 'fade-in-fwd' },
+    { name: 'FADEINBCK', value: 'fade-in-bck' },
+    { name: 'FADEINTOP', value: 'fade-in-top' },
+    { name: 'FADEINRIGHT', value: 'fade-in-right' },
+    { name: 'FADEINBOTTOM', value: 'fade-in-bottom' },
+    { name: 'FADEINLEFT', value: 'fade-in-left' },
+    { name: 'SLIDEINTOP', value: 'slide-in-top' },
+    { name: 'SLIDEINRIGHT', value: 'slide-in-right' },
+    { name: 'SLIDEINBOTTOM', value: 'slide-in-bottom' },
+    { name: 'SLIDEINLEFT', value: 'slide-in-left' },
+    { name: 'TRACKINGINCONTRACT', value: 'tracking-in-contract' },
+    { name: 'ROTATECW', value: 'rotate-in-2-cw' },
+    { name: 'ROTATECCW', value: 'rotate-in-2-ccw' },
+    { name: 'SWINGINTOPFWD', value: 'swing-in-top-fwd' },
+    { name: 'SWINGINTOPBCK', value: 'swing-in-top-bck' },
+    { name: 'SWINGINRIGHTFWD', value: 'swing-in-right-fwd' },
+    { name: 'SWINGINRIGHTBCK', value: 'swing-in-right-bck' },
+    { name: 'SWINGINBOTTOMFWD', value: 'swing-in-bottom-fwd' },
+    { name: 'SWINGINLEFTFWD', value: 'swing-in-left-fwd' },
+    { name: 'SWINGINLEFTBCK', value: 'swing-in-left-bck' },
+    { name: 'ZOOMIN', value: 'scale-in-center' },
+    { name: 'ZOOMOUT', value: 'slide-in-bck-center' },
+    { name: 'ZOOMOUTCOTRACT', value: 'tracking-in-contract-bck' },
+    { name: 'FOCUSIN', value: 'text-focus-in' },
+    { name: 'PUFFIN', value: 'puff-in-center' },
+    { name: 'FOCUSINCONTRACT', value: 'focus-in-contract' },
+    { name: 'SHAKEH', value: 'shake-horizontal' },
+    { name: 'SHAKEV', value: 'shake-vertical' },
+    { name: 'SHAKET', value: 'shake-top' },
+    { name: 'VIBRATE', value: 'vibrate-1' },
+    { name: 'BLINK', value: 'blink-1' },
+    { name: 'FLICKER', value: 'flicker-in-2' },
+    { name: 'BOUNCEIN', value: 'bounce-top' },
+    { name: 'HEARTBEAT', value: 'heartbeat' },
+    { name: 'KENBURNSTOP', value: 'kenburns-top' },
+    { name: 'PANTOP', value: 'bg-pan-top' },
+    { name: 'PANRIGHT', value: 'bg-pan-right' },
+    { name: 'PANBOTTOM', value: 'bg-pan-bottom' },
+    { name: 'PANLEFT', value: 'bg-pan-left' }
+];

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

@@ -0,0 +1,3 @@
+import { NamedEffectPropType } from './types';
+import type { Device, StyleType } from '../types';
+export declare function parseEffectProperties(namedProps: NamedEffectPropType, device: Device): StyleType;

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

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseEffectProperties = void 0;
+var parseEffectPropEntAnim_1 = __importDefault(require("./parseEffectPropEntAnim"));
+var types_1 = require("./types");
+function parseEffectProperties(namedProps, device) {
+    var name = namedProps.name;
+    switch (name) {
+        case types_1.CB_EFFECT_PROP_KEYS.CB_EFFECT_PROP_ENTANIM:
+            return (0, parseEffectPropEntAnim_1.default)(namedProps, device);
+    }
+}
+exports.parseEffectProperties = parseEffectProperties;

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

@@ -0,0 +1,19 @@
+import type { Device, StyleType } from '../types';
+import type { CB_EFFECT_PROP_KEYS } from './types';
+export declare type NAMED_CB_EFFECT_ENTANIM_PROPS = {
+    name: CB_EFFECT_PROP_KEYS.CB_EFFECT_PROP_ENTANIM;
+    specs: CB_EFFECT_PROP_ENTANIM_SPECS;
+};
+export default function parseEffectPropEntAnim(namedProps: NAMED_CB_EFFECT_ENTANIM_PROPS, device: Device): StyleType;
+export declare type CB_EFFECT_PROP_ENTANIM_BASE = {
+    CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: number;
+    CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: number;
+    CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: string;
+    CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: string;
+};
+export declare type CB_EFFECT_PROP_ENTANIM_SPECS = CB_EFFECT_PROP_ENTANIM_BASE & Partial<{
+    'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': number | undefined;
+    'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': number | undefined;
+    'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': string | undefined;
+    'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': string | undefined;
+}>;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/effectPropParsers/parseEffectPropEntAnim.js

@@ -0,0 +1,51 @@
+"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 constants_1 = require("./constants");
+function parseEffectPropEntAnim(namedProps, device) {
+    var specs = namedProps.specs;
+    var animationCssProperties = AVAILABLE_SPECS.reduce(function (acc, cur) {
+        var _a;
+        var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
+        var value = specs[baseKey];
+        return __assign(__assign({}, acc), (_a = {}, _a[cur] = value, _a));
+    }, {});
+    return { style: { animation: valueGenerator(animationCssProperties) } };
+}
+exports.default = parseEffectPropEntAnim;
+function valueGenerator(valueSet) {
+    var _a;
+    var CB_EFFECT_PROP_ENTANIM_SPEC_TYPE = valueSet.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE, CB_EFFECT_PROP_ENTANIM_SPEC_DURATION = valueSet.CB_EFFECT_PROP_ENTANIM_SPEC_DURATION, CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC = valueSet.CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC, CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT = valueSet.CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT;
+    var animationName = (_a = constants_1.animations.find(function (animation) { return animation.name === CB_EFFECT_PROP_ENTANIM_SPEC_TYPE; })) === null || _a === void 0 ? void 0 : _a.value;
+    return animationName + " " + CB_EFFECT_PROP_ENTANIM_SPEC_DURATION + "s " + tFuncMatcher(CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC) + " 0s " + (CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT === -1 ? 'infinite' : CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT);
+}
+function tFuncMatcher(type) {
+    switch (type) {
+        case 'EASEINOUT':
+            return 'ease-in-out';
+        case 'EASEIN':
+            return 'ease-in';
+        case 'EASEOUT':
+            return 'ease-out';
+        case 'NONE':
+            return 'linear';
+        default:
+            return '';
+    }
+}
+var AVAILABLE_SPECS = [
+    'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION',
+    'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT',
+    'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC',
+    'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE'
+];

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

@@ -0,0 +1,5 @@
+import type { NAMED_CB_EFFECT_ENTANIM_PROPS } from './parseEffectPropEntAnim';
+export declare enum CB_EFFECT_PROP_KEYS {
+    CB_EFFECT_PROP_ENTANIM = "CB_EFFECT_PROP_ENTANIM"
+}
+export declare type NamedEffectPropType = NAMED_CB_EFFECT_ENTANIM_PROPS;

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CB_EFFECT_PROP_KEYS = void 0;
+var CB_EFFECT_PROP_KEYS;
+(function (CB_EFFECT_PROP_KEYS) {
+    CB_EFFECT_PROP_KEYS["CB_EFFECT_PROP_ENTANIM"] = "CB_EFFECT_PROP_ENTANIM";
+})(CB_EFFECT_PROP_KEYS = exports.CB_EFFECT_PROP_KEYS || (exports.CB_EFFECT_PROP_KEYS = {}));

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

@@ -0,0 +1,8 @@
+export { parseCustomSectionPlacement } from './parseCustomSectionPlacement';
+export { parsePlacement } from './parsePlacement';
+export { default as parseProperties } from './parseProperties';
+export { default as parseJsonProperties } from './parseJsonProperties';
+export { parseContentProperties } from './contentPropParsers';
+export { parseEffectProperties } from './effectPropParsers';
+export { parseLayoutProperties } from './layoutPropParsers';
+export { parseStyleProperties } from './stylePropParsers';

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

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseStyleProperties = exports.parseLayoutProperties = exports.parseEffectProperties = exports.parseContentProperties = exports.parseJsonProperties = exports.parseProperties = exports.parsePlacement = exports.parseCustomSectionPlacement = void 0;
+var parseCustomSectionPlacement_1 = require("./parseCustomSectionPlacement");
+Object.defineProperty(exports, "parseCustomSectionPlacement", { enumerable: true, get: function () { return parseCustomSectionPlacement_1.parseCustomSectionPlacement; } });
+var parsePlacement_1 = require("./parsePlacement");
+Object.defineProperty(exports, "parsePlacement", { enumerable: true, get: function () { return parsePlacement_1.parsePlacement; } });
+var parseProperties_1 = require("./parseProperties");
+Object.defineProperty(exports, "parseProperties", { enumerable: true, get: function () { return __importDefault(parseProperties_1).default; } });
+var parseJsonProperties_1 = require("./parseJsonProperties");
+Object.defineProperty(exports, "parseJsonProperties", { enumerable: true, get: function () { return __importDefault(parseJsonProperties_1).default; } });
+var contentPropParsers_1 = require("./contentPropParsers");
+Object.defineProperty(exports, "parseContentProperties", { enumerable: true, get: function () { return contentPropParsers_1.parseContentProperties; } });
+var effectPropParsers_1 = require("./effectPropParsers");
+Object.defineProperty(exports, "parseEffectProperties", { enumerable: true, get: function () { return effectPropParsers_1.parseEffectProperties; } });
+var layoutPropParsers_1 = require("./layoutPropParsers");
+Object.defineProperty(exports, "parseLayoutProperties", { enumerable: true, get: function () { return layoutPropParsers_1.parseLayoutProperties; } });
+var stylePropParsers_1 = require("./stylePropParsers");
+Object.defineProperty(exports, "parseStyleProperties", { enumerable: true, get: function () { return stylePropParsers_1.parseStyleProperties; } });

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

@@ -0,0 +1,2 @@
+declare function isNullOrUndefined(value: any): boolean;
+export default isNullOrUndefined;

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function isNullOrUndefined(value) {
+    if (value === undefined || value === null) {
+        return true;
+    }
+    return false;
+}
+exports.default = isNullOrUndefined;

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

@@ -0,0 +1,3 @@
+import { NamedLayoutPropType } from './types';
+import type { Device, StyleType } from '../types';
+export declare function parseLayoutProperties(namedProps: NamedLayoutPropType, device: Device): StyleType;

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

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseLayoutProperties = void 0;
+var parseLayoutPropArrange_1 = __importDefault(require("./parseLayoutPropArrange"));
+var parseLayoutPropPadding_1 = __importDefault(require("./parseLayoutPropPadding"));
+var types_1 = require("./types");
+function parseLayoutProperties(namedProps, device) {
+    var name = namedProps.name;
+    switch (name) {
+        case types_1.CB_LAYOUT_PROP_KEYS.CB_LAYOUT_PROP_ARRANGE:
+            return (0, parseLayoutPropArrange_1.default)(namedProps, device);
+        case types_1.CB_LAYOUT_PROP_KEYS.CB_LAYOUT_PROP_PADDING:
+            return (0, parseLayoutPropPadding_1.default)(namedProps, device);
+    }
+}
+exports.parseLayoutProperties = parseLayoutProperties;

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

@@ -0,0 +1,24 @@
+import type { Device, StyleType } from '../types';
+import type { CB_LAYOUT_PROP_KEYS } from './types';
+export declare enum CB_LAYOUT_PROP_ARRANGE_BASE_KEYS {
+    CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL = "CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL",
+    CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL = "CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL"
+}
+export declare enum CB_LAYOUT_PROP_ARRANGE_EXTRA_KEYS {
+    CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL_MOBILE = "CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE",
+    CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL_MOBILE = "CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE"
+}
+export declare type NAMED_CB_LAYOUT_ARRANGE_PROPS = {
+    name: CB_LAYOUT_PROP_KEYS.CB_LAYOUT_PROP_ARRANGE;
+    specs: CB_LAYOUT_PROP_ARRANGE_SPECS;
+};
+export default function parseLayoutPropArrange(namedProps: NAMED_CB_LAYOUT_ARRANGE_PROPS, device: Device): StyleType;
+declare type CB_LAYOUT_PROP_ARRANGE_ENUM_VERTICAL = 'TOP' | 'MIDDLE' | 'BOTTOM';
+declare type CB_LAYOUT_PROP_ARRANGE_ENUM_HORIZONTAL = 'START' | 'CENTER' | 'END';
+export declare type CB_LAYOUT_PROP_ARRANGE_SPECS = {
+    [CB_LAYOUT_PROP_ARRANGE_BASE_KEYS.CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL]: CB_LAYOUT_PROP_ARRANGE_ENUM_VERTICAL;
+    [CB_LAYOUT_PROP_ARRANGE_BASE_KEYS.CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL]: CB_LAYOUT_PROP_ARRANGE_ENUM_HORIZONTAL;
+    [CB_LAYOUT_PROP_ARRANGE_EXTRA_KEYS.CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL_MOBILE]?: CB_LAYOUT_PROP_ARRANGE_ENUM_VERTICAL;
+    [CB_LAYOUT_PROP_ARRANGE_EXTRA_KEYS.CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL_MOBILE]?: CB_LAYOUT_PROP_ARRANGE_ENUM_HORIZONTAL;
+};
+export {};

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/layoutPropParsers/parseLayoutPropArrange.js

@@ -0,0 +1,80 @@
+"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 });
+exports.CB_LAYOUT_PROP_ARRANGE_EXTRA_KEYS = exports.CB_LAYOUT_PROP_ARRANGE_BASE_KEYS = void 0;
+var CB_LAYOUT_PROP_ARRANGE_BASE_KEYS;
+(function (CB_LAYOUT_PROP_ARRANGE_BASE_KEYS) {
+    CB_LAYOUT_PROP_ARRANGE_BASE_KEYS["CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL"] = "CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL";
+    CB_LAYOUT_PROP_ARRANGE_BASE_KEYS["CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL"] = "CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL";
+})(CB_LAYOUT_PROP_ARRANGE_BASE_KEYS = exports.CB_LAYOUT_PROP_ARRANGE_BASE_KEYS || (exports.CB_LAYOUT_PROP_ARRANGE_BASE_KEYS = {}));
+var CB_LAYOUT_PROP_ARRANGE_EXTRA_KEYS;
+(function (CB_LAYOUT_PROP_ARRANGE_EXTRA_KEYS) {
+    CB_LAYOUT_PROP_ARRANGE_EXTRA_KEYS["CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL_MOBILE"] = "CB_LAYOUT_PROP_ARRANGE_SPEC_VERTICAL:MOBILE";
+    CB_LAYOUT_PROP_ARRANGE_EXTRA_KEYS["CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL_MOBILE"] = "CB_LAYOUT_PROP_ARRANGE_SPEC_HORIZONTAL:MOBILE";
+})(CB_LAYOUT_PROP_ARRANGE_EXTRA_KEYS = exports.CB_LAYOUT_PROP_ARRANGE_EXTRA_KEYS || (exports.CB_LAYOUT_PROP_ARRANGE_EXTRA_KEYS = {}));
+function parseLayoutPropArrange(namedProps, device) {
+    var specs = namedProps.specs;
+    var AVAILABLE_SPECS = Object.values(CB_LAYOUT_PROP_ARRANGE_BASE_KEYS);
+    return AVAILABLE_SPECS.reduce(function (acc, cur) {
+        var _a;
+        var currentKey = device === 'DESKTOP' ? cur : cur + ":MOBILE" || cur;
+        var value = (_a = specs[currentKey]) !== null && _a !== void 0 ? _a : specs[cur];
+        var CSSProperties = getCssProperties(value);
+        return {
+            style: __assign(__assign({}, acc.style), CSSProperties)
+        };
+    }, {
+        style: {}
+    });
+}
+exports.default = parseLayoutPropArrange;
+function getCssProperties(value) {
+    switch (value) {
+        case 'TOP':
+            return {
+                display: 'flex',
+                flexDirection: 'column',
+                justifyContent: 'flex-start'
+            };
+        case 'MIDDLE':
+            return {
+                display: 'flex',
+                flexDirection: 'column',
+                justifyContent: 'center'
+            };
+        case 'BOTTOM':
+            return {
+                display: 'flex',
+                flexDirection: 'column',
+                justifyContent: 'flex-end'
+            };
+        case 'START':
+            return {
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'flex-start'
+            };
+        case 'CENTER':
+            return {
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'center'
+            };
+        case 'END':
+            return {
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'flex-end'
+            };
+    }
+}

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

@@ -0,0 +1,23 @@
+import type { Device, StyleType } from '../types';
+import type { CB_LAYOUT_PROP_KEYS } from './types';
+export declare type NAMED_CB_LAYOUT_PADDING_PROPS = {
+    name: CB_LAYOUT_PROP_KEYS.CB_LAYOUT_PROP_PADDING;
+    specs: CB_LAYOUT_PROP_PADDING_SPECS;
+};
+export default function parseLayoutPropPadding(namedProps: NAMED_CB_LAYOUT_PADDING_PROPS, device: Device): StyleType;
+declare type CB_LAYOUT_PROP_PADDING_SPEC_PADDING_OBJ = {
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+};
+export declare type CB_STYLE_PROP_PADDING_BASE = {
+    CB_LAYOUT_PROP_PADDING_SPEC_PADDING: CB_LAYOUT_PROP_PADDING_SPEC_PADDING_OBJ;
+};
+export declare type CB_LAYOUT_PROP_PADDING_SPECS = CB_STYLE_PROP_PADDING_BASE & {
+    CB_LAYOUT_PROP_PADDING_SPEC_PADDING: CB_LAYOUT_PROP_PADDING_SPEC_PADDING_OBJ;
+    'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': CB_LAYOUT_PROP_PADDING_SPEC_PADDING_OBJ | undefined;
+    CB_LAYOUT_PROP_PADDING_SPEC_FIX: boolean;
+    'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': boolean | undefined;
+};
+export {};

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/layoutPropParsers/parseLayoutPropPadding.js

@@ -0,0 +1,32 @@
+"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 parseLayoutPropPadding(namedProps, device) {
+    var specs = namedProps.specs;
+    return AVAILABLE_SPECS.reduce(function (acc, cur) {
+        var _a;
+        var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
+        var value = (_a = specs[baseKey]) !== null && _a !== void 0 ? _a : specs[cur];
+        var top = value.top, left = value.left, right = value.right, bottom = value.bottom;
+        return {
+            style: __assign(__assign({}, acc.style), { paddingTop: top + "px", paddingLeft: left + "px", paddingRight: right + "px", paddingBottom: bottom + "px" })
+        };
+    }, {
+        style: {}
+    });
+}
+exports.default = parseLayoutPropPadding;
+var AVAILABLE_SPECS = [
+    'CB_LAYOUT_PROP_PADDING_SPEC_PADDING'
+    // 'CB_LAYOUT_PROP_PADDING_SPEC_FIX'
+];

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

@@ -0,0 +1,23 @@
+import type { Device } from '../types';
+declare type Padding = {
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+};
+export declare type SectionPadding = {
+    CB_LAYOUT_PROP_PADDING_SPEC_PADDING: Padding;
+    'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null | Padding;
+} | undefined | null;
+declare function parseSectionPadding(prop: SectionPadding, device: Device): {
+    top?: undefined;
+    left?: undefined;
+    bottom?: undefined;
+    right?: undefined;
+} | {
+    top: number;
+    left: number;
+    bottom: number;
+    right: number;
+};
+export default parseSectionPadding;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/layoutPropParsers/parseSectionPadding.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function parseSectionPadding(prop, device) {
+    if (!prop) {
+        return {};
+    }
+    if (device === 'MOBILE') {
+        var padding_1 = prop['CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE'];
+        if (padding_1) {
+            return {
+                top: padding_1.top,
+                left: padding_1.left,
+                bottom: padding_1.bottom,
+                right: padding_1.right
+            };
+        }
+    }
+    var padding = prop.CB_LAYOUT_PROP_PADDING_SPEC_PADDING;
+    return {
+        top: padding.top,
+        left: padding.left,
+        bottom: padding.bottom,
+        right: padding.right
+    };
+}
+exports.default = parseSectionPadding;

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

@@ -0,0 +1,7 @@
+import type { NAMED_CB_LAYOUT_ARRANGE_PROPS } from './parseLayoutPropArrange';
+import type { NAMED_CB_LAYOUT_PADDING_PROPS } from './parseLayoutPropPadding';
+export declare enum CB_LAYOUT_PROP_KEYS {
+    CB_LAYOUT_PROP_PADDING = "CB_LAYOUT_PROP_PADDING",
+    CB_LAYOUT_PROP_ARRANGE = "CB_LAYOUT_PROP_ARRANGE"
+}
+export declare type NamedLayoutPropType = NAMED_CB_LAYOUT_ARRANGE_PROPS | NAMED_CB_LAYOUT_PADDING_PROPS;

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CB_LAYOUT_PROP_KEYS = void 0;
+var CB_LAYOUT_PROP_KEYS;
+(function (CB_LAYOUT_PROP_KEYS) {
+    CB_LAYOUT_PROP_KEYS["CB_LAYOUT_PROP_PADDING"] = "CB_LAYOUT_PROP_PADDING";
+    CB_LAYOUT_PROP_KEYS["CB_LAYOUT_PROP_ARRANGE"] = "CB_LAYOUT_PROP_ARRANGE";
+})(CB_LAYOUT_PROP_KEYS = exports.CB_LAYOUT_PROP_KEYS || (exports.CB_LAYOUT_PROP_KEYS = {}));

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

@@ -0,0 +1,20 @@
+declare type Props = {
+    isMobile: boolean;
+    customSectionProps: {
+        CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH: boolean;
+        'CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH:MOBILE': boolean | null | undefined;
+        CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT: number;
+        'CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT:MOBILE': number | null | undefined;
+        CB_PLACEMENT_PROP_SECTION_SPEC_ROWS: number;
+        'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE': number | null | undefined;
+        CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH: number;
+        'CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH:MOBILE': number | null | undefined;
+    };
+};
+export declare function parseCustomSectionPlacement({ isMobile, customSectionProps }: Props): {
+    minHeight: number;
+    width: number;
+    rows: number;
+    isFullWidth: boolean;
+};
+export default parseCustomSectionPlacement;

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseCustomSectionPlacement = void 0;
+function parseCustomSectionPlacement(_a) {
+    var _b, _c, _d, _e;
+    var isMobile = _a.isMobile, customSectionProps = _a.customSectionProps;
+    var CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH = customSectionProps.CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH, CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT = customSectionProps.CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT, CB_PLACEMENT_PROP_SECTION_SPEC_ROWS = customSectionProps.CB_PLACEMENT_PROP_SECTION_SPEC_ROWS, CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH = customSectionProps.CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH;
+    if (isMobile) {
+        return {
+            minHeight: (_b = customSectionProps['CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT:MOBILE']) !== null && _b !== void 0 ? _b : CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT,
+            width: (_c = customSectionProps['CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH:MOBILE']) !== null && _c !== void 0 ? _c : CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH,
+            rows: (_d = customSectionProps['CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE']) !== null && _d !== void 0 ? _d : CB_PLACEMENT_PROP_SECTION_SPEC_ROWS,
+            isFullWidth: (_e = customSectionProps['CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH:MOBILE']) !== null && _e !== void 0 ? _e : CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH
+        };
+    }
+    return {
+        minHeight: CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT,
+        width: CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH,
+        rows: CB_PLACEMENT_PROP_SECTION_SPEC_ROWS,
+        isFullWidth: CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH
+    };
+}
+exports.parseCustomSectionPlacement = parseCustomSectionPlacement;
+exports.default = parseCustomSectionPlacement;

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

@@ -0,0 +1,3 @@
+import type { Device, JsonPropertiesParserResult } from './types';
+import type { ISectionJsonProperties } from '../../../../DynamicLayout/types';
+export default function parseJsonProperties(properties: ISectionJsonProperties | undefined, device: Device): JsonPropertiesParserResult;

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

@@ -0,0 +1,67 @@
+"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 parseJsonProperties(properties, device) {
+    if (!properties) {
+        return {
+            style: {},
+            overlayStyle: {},
+            layout: {},
+            effect: {},
+            content: {}
+        };
+    }
+    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, overlayStyle = _a.overlayStyle;
+            // console.log(normalizedProperty.name, ' >>>', overlayStyle, overlayHoverStyle);
+            return __assign(__assign({}, acc), { style: __assign(__assign({}, acc.style), style), overlayStyle: __assign(__assign({}, acc.overlayStyle), overlayStyle) });
+        }
+        if (normalizedProperty.name in types_3.CB_LAYOUT_PROP_KEYS) {
+            var style = (0, layoutPropParsers_1.parseLayoutProperties)(normalizedProperty, device).style;
+            // console.log(normalizedProperty.name, ' >>>', 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;
+            // console.log(normalizedProperty.name, ' >>>', 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;
+            // console.log(normalizedProperty.name, ' >>>', style);
+            return __assign(__assign({}, acc), { effect: __assign(__assign({}, acc.effect), style) });
+        }
+        return acc;
+    }, {
+        style: {},
+        overlayStyle: {},
+        layout: {},
+        effect: {},
+        content: {}
+    });
+}
+exports.default = parseJsonProperties;

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

@@ -0,0 +1,20 @@
+import type { ComponentBlock } from '../types';
+export declare function parsePlacement(components: ComponentBlock[]): {
+    sm: {
+        i: string;
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+        z: number;
+    }[];
+    lg: {
+        i: string;
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+        z: number;
+    }[];
+};
+export default parsePlacement;