pds-dev-kit-web-test 2.5.314 → 2.5.316

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/types.d.ts

@@ -0,0 +1,80 @@
+import type { NUMBER_INTEGER } from '@sub/DynamicLayout/sections/CustomSection/util/types';
+export type SlideBannerPropsKeys = keyof CB_STYLE_PROP_SLIDE_BANNER_SPECS;
+export type CB_STYLE_PROP_SLIDE_BANNER_SPEC_STYLE_TYPE = 'OPTION_1' | 'OPTION_2';
+export type CB_STYLE_PROP_SLIDE_BANNER_SPEC_INFINITESCROLL_TYPE = 'NONE' | 'USE';
+export type CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSTYLE_TYPE = 'NONE' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17';
+export type CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONLOCATION_TYPE = 'OPTION_1' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17' | 'OPTION_18' | 'OPTION_19' | 'OPTION_20';
+export type CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
+export type CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSTYLE_TYPE = 'NONE' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17' | 'OPTION_18' | 'OPTION_19' | 'OPTION_20';
+export type CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNLOCATION_TYPE = 'OPTION_1' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17' | 'OPTION_18' | 'OPTION_19' | 'OPTION_20';
+export type CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
+export type CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSTYLE_TYPE = 'NONE' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'NONE' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17' | 'OPTION_18' | 'OPTION_19' | 'OPTION_20';
+export type CB_STYLE_PROP_SLIDE_BANNER_SPEC__NEXTBTNLOCATION_TYPE = 'OPTION_1' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17' | 'OPTION_18' | 'OPTION_19' | 'OPTION_20';
+export type CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
+export type CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBAR_TYPE = 'NONE' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8';
+export type CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBARSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
+export type CB_STYLE_PROP_SLIDE_BANNER_SPEC_AUTOPLAYUSE_TYPE = 'NONE' | 'USE';
+export type CB_STYLE_PROP_SLIDE_BANNER_SPECS_BASE = {
+    CB_STYLE_PROP_SLIDE_BANNER_SPEC_STYLE: CB_STYLE_PROP_SLIDE_BANNER_SPEC_STYLE_TYPE;
+    CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSTYLE: CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSTYLE_TYPE;
+    CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONLOCATION: CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONLOCATION_TYPE;
+    CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSIZE: CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSIZE_TYPE;
+    CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSTYLE: CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSTYLE_TYPE;
+    CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNLOCATION: CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNLOCATION_TYPE;
+    CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSIZE: CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSIZE_TYPE;
+    CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSTYLE: CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSTYLE_TYPE;
+    CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNLOCATION: CB_STYLE_PROP_SLIDE_BANNER_SPEC__NEXTBTNLOCATION_TYPE;
+    CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSIZE: CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSIZE_TYPE;
+    CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBAR: CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBAR_TYPE;
+    CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBARSIZE: CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBARSIZE_TYPE;
+    CB_STYLE_PROP_SLIDE_BANNER_SPEC_AUTOPLAYUSE: CB_STYLE_PROP_SLIDE_BANNER_SPEC_AUTOPLAYUSE_TYPE;
+    CB_STYLE_PROP_SLIDE_BANNER_SPEC_AUTOPLAYTIME: NUMBER_INTEGER;
+    CB_STYLE_PROP_SLIDE_BANNER_SPEC_INFINITESCROLL: CB_STYLE_PROP_SLIDE_BANNER_SPEC_INFINITESCROLL_TYPE;
+};
+export type CB_STYLE_PROP_SLIDE_BANNER_SPECS = CB_STYLE_PROP_SLIDE_BANNER_SPECS_BASE & {
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_STYLE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_STYLE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_STYLE:MOBILE': CB_STYLE_PROP_SLIDE_BANNER_SPEC_STYLE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_STYLE:MOBILE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_STYLE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSTYLE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSTYLE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSTYLE:MOBILE': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSTYLE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSTYLE:MOBILE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSTYLE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONLOCATION:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONLOCATION_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONLOCATION:MOBILE': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONLOCATION_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONLOCATION:MOBILE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONLOCATION_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSIZE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSIZE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSIZE:MOBILE': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSIZE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSIZE:MOBILE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSIZE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSTYLE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSTYLE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSTYLE:MOBILE': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSTYLE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSTYLE:MOBILE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSTYLE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNLOCATION:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNLOCATION_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNLOCATION:MOBILE': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNLOCATION_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNLOCATION:MOBILE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNLOCATION_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSIZE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSIZE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSIZE:MOBILE': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSIZE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSIZE:MOBILE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSIZE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSTYLE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSTYLE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSTYLE:MOBILE': CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSTYLE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSTYLE:MOBILE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSTYLE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNLOCATION:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC__NEXTBTNLOCATION_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNLOCATION:MOBILE': CB_STYLE_PROP_SLIDE_BANNER_SPEC__NEXTBTNLOCATION_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNLOCATION:MOBILE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC__NEXTBTNLOCATION_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSIZE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSIZE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSIZE:MOBILE': CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSIZE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSIZE:MOBILE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSIZE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBAR:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBAR_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBAR:MOBILE': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBAR_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBAR:MOBILE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBAR_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBARSIZE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBARSIZE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBARSIZE:MOBILE': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBARSIZE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBARSIZE:MOBILE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_PROGRESSBARSIZE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_AUTOPLAYUSE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_AUTOPLAYUSE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_AUTOPLAYUSE:MOBILE': CB_STYLE_PROP_SLIDE_BANNER_SPEC_AUTOPLAYUSE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_AUTOPLAYUSE:MOBILE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_AUTOPLAYUSE_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_AUTOPLAYTIME:HOVER': NUMBER_INTEGER;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_AUTOPLAYTIME:MOBILE': NUMBER_INTEGER;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_AUTOPLAYTIME:MOBILE:HOVER': NUMBER_INTEGER;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_INFINITESCROLL:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_INFINITESCROLL_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_INFINITESCROLL:MOBILE': CB_STYLE_PROP_SLIDE_BANNER_SPEC_INFINITESCROLL_TYPE;
+    'CB_STYLE_PROP_SLIDE_BANNER_SPEC_INFINITESCROLL:MOBILE:HOVER': CB_STYLE_PROP_SLIDE_BANNER_SPEC_INFINITESCROLL_TYPE;
+};

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react/destructuring-assignment */
 var react_1 = require("react");
-var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
+var DynamicLayout_1 = require("@sub/DynamicLayout");
 var hooks_1 = require("../../../../hooks");
 var getGoogleFonts_1 = require("../../../../hooks/useGoogleFonts/getGoogleFonts");
 var useGoogleFonts_1 = __importDefault(require("../../../../hooks/useGoogleFonts/useGoogleFonts"));

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Twitter/Twitter.js

@@ -13,8 +13,8 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
-var ComponentBlocks_1 = require("../../../../../../../DynamicLayout/components/ComponentBlocks");
+var DynamicLayout_1 = require("@sub/DynamicLayout");
+var ComponentBlocks_1 = require("@sub/DynamicLayout/components/ComponentBlocks");
 var hooks_1 = require("../../../../hooks");
 var util_1 = require("../../../../util");
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Twitter/types.d.ts

@@ -1,4 +1,4 @@
-import type { DefaultBrightTheme } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { DefaultBrightTheme } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 export type TwitterPropsKeys = keyof CB_TWITTER_STYLE_PROPS;
 export type CB_TWITTER_STYLE_PROPS = {
     CB_STYLE_PROP_TWITTER_SPEC_THEME: DefaultBrightTheme;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/Youtube.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { CB_YOUTUBE_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { CB_YOUTUBE_PROPERTIES_TYPE, IndexForIntersection } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 type Props = CB_YOUTUBE_PROPERTIES_TYPE & IndexForIntersection;
 export type YOUTUBE_AUTOPLAY_TRIGGER_POINT = 'ALWAYS' | 'VIEWPORT-FREEZE' | 'VIEWPORT';
 declare function Youtube(props: Props): JSX.Element;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/Youtube.js

@@ -20,10 +20,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
-var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
-var colorUtil_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/newUtils/colorUtil");
-var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
+var DynamicLayout_1 = require("@sub/DynamicLayout");
+var hooks_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks");
+var colorUtil_1 = require("@sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil");
+var util_1 = require("@sub/DynamicLayout/sections/CustomSection/util");
 var styled_components_1 = __importDefault(require("styled-components"));
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/parseYoutubeContentProp.d.ts

@@ -1,6 +1,6 @@
 import type { CB_CONTENT_PROP_YOUTUBE_TYPE } from './types';
 import type { YOUTUBE_AUTOPLAY_TRIGGER_POINT } from './Youtube';
-import type { Device } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { Device } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 declare function parseYoutubeContentProp(props: CB_CONTENT_PROP_YOUTUBE_TYPE, device: Device, autoplayTriggerPoint: YOUTUBE_AUTOPLAY_TRIGGER_POINT): {
     id: string;
     youtubeSrc: string;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/types.d.ts

@@ -1,4 +1,4 @@
-import type { ENUM_STRING, NUMBER_INTEGER } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { ENUM_STRING, NUMBER_INTEGER } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 export type CB_CONTENT_PROP_YOUTUBE_TYPE = {
     CB_CONTENT_PROP_YOUTUBE_SPEC_SRC: string;
     CB_CONTENT_PROP_YOUTUBE_SPEC_STARTTIME: number;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_BoxWithShadow.d.ts

@@ -1,5 +1,5 @@
 import type { StylesProps } from '../types';
-import type { Device, NUMBER_INTEGER } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { Device, NUMBER_INTEGER } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 export declare const S_CB_BoxWithShadow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StylesProps & {
     cbStylePropsShadowSpecs: {
         CB_STYLE_PROP_SHADOW_SPEC_OPACITY: NUMBER_INTEGER;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_BoxWithShadow.js

@@ -42,7 +42,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.S_CB_BoxWithShadow = void 0;
-var isNullOrUndefined_1 = __importDefault(require("../../../../../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
+var isNullOrUndefined_1 = __importDefault(require("@sub/DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
 var styled_components_1 = __importStar(require("styled-components"));
 exports.S_CB_BoxWithShadow = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  /*\n     Introduced in IE 10.\n     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/\n   */\n\n  height: 100%;\n  width: 100%;\n\n  ", ";\n\n  &:before {\n    border-bottom-left-radius: ", "px;\n    border-bottom-right-radius: ", "px;\n    border-top-left-radius: ", "px;\n    border-top-right-radius: ", "px;\n    box-shadow: ", ";\n    content: '';\n    height: 100%;\n    left: 0;\n    opacity: ", ";\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    width: 100%;\n  }\n\n  &:hover,\n  &.hovered {\n    ", ";\n\n    &:before {\n      border-bottom-left-radius: ", "px;\n      border-bottom-right-radius: ", "px;\n      border-top-left-radius: ", "px;\n      border-top-right-radius: ", "px;\n      box-shadow: ", ";\n      content: '';\n      height: 100%;\n      left: 0;\n      opacity: ", ";\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      width: 100%;\n    }\n  }\n"], ["\n  /*\n     Introduced in IE 10.\n     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/\n   */\n\n  height: 100%;\n  width: 100%;\n\n  ", ";\n\n  &:before {\n    border-bottom-left-radius: ", "px;\n    border-bottom-right-radius: ", "px;\n    border-top-left-radius: ", "px;\n    border-top-right-radius: ", "px;\n    box-shadow: ", ";\n    content: '';\n    height: 100%;\n    left: 0;\n    opacity: ", ";\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    width: 100%;\n  }\n\n  &:hover,\n  &.hovered {\n    ", ";\n\n    &:before {\n      border-bottom-left-radius: ", "px;\n      border-bottom-right-radius: ", "px;\n      border-top-left-radius: ", "px;\n      border-top-right-radius: ", "px;\n      box-shadow: ", ";\n      content: '';\n      height: 100%;\n      left: 0;\n      opacity: ", ";\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      width: 100%;\n    }\n  }\n"])), function (_a) {
     var normalStyle = _a.normalStyle;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/hooks/useCLINK.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
-var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
+var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
 // NOTE: link기능은 탄력적일 필요가 없음.
 function useCLINK(props) {
     var src = props.src, openNewTab = props.openNewTab, type = props.type, internalSrc = props.internalSrc;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts

@@ -23,6 +23,33 @@ export type CB_CONTENT_PROP_TWITTER = {
 export type CB_CONTENT_PROP_CODEBLOCK = {
     CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: STRING_PLAIN;
 };
+export type CB_CONTENT_PROP_CONTENTSCAROUSEL = {
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE: 'A' | 'B';
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECT_DATA: STRING_PLAIN;
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATASORTING: STRING_PLAIN;
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_OFFSET: ENUM_STRING | null | undefined;
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MENUALITEM: MockComposition[];
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
+};
+export type CB_CONTENT_PROP_SLIDE_BANNER = {
+    CB_CONTENT_PROP_SLIDE_BANNER_SPEC_VALUE_TYPE: 'A' | 'B';
+    CB_CONTENT_PROP_SLIDE_BANNER_SPEC_CONNECT_DATA: STRING_PLAIN;
+    CB_CONTENT_PROP_SLIDE_BANNER_SPEC_DATASORTING: STRING_PLAIN;
+    CB_CONTENT_PROP_SLIDE_BANNER_SPEC_OFFSET: ENUM_STRING | null | undefined;
+    CB_CONTENT_PROP_SLIDE_BANNER_SPEC_MENUALITEM: MockComposition[];
+    CB_CONTENT_PROP_SLIDE_BANNER_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
+    CB_CONTENT_PROP_SLIDE_BANNER_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
+};
+export type MockComposition = {
+    title: string;
+    width: number;
+    minWidth: number;
+    maxWidth: number;
+    height: number;
+    minHeight: number;
+    maxHeight: number;
+};
 export type CBTextPropsKeys = keyof CB_STYLE_PROP_TEXT_SPECS;
 export type CB_STYLE_PROP_TEXT_SPECS_BASE = {
     CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: ENUM_STRING;

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/useGoogleFonts.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
-var callGoogleFontCSSAndApply_1 = __importDefault(require("../../../../../GoogleFontkit/utils/callGoogleFontCSSAndApply"));
+var callGoogleFontCSSAndApply_1 = __importDefault(require("@sub/GoogleFontkit/utils/callGoogleFontCSSAndApply"));
 function useGoogleFonts(_a) {
     var fonts = _a.fonts;
     (0, react_1.useEffect)(function () {

package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil.d.ts

@@ -26,6 +26,6 @@ export declare function parseStyleColorToCSSProp<T>({ availableSpecCodes, props,
     style: CSSProperties;
     hoverStyle: CSSProperties;
 };
-export declare function getBtnColorStyles(value: ValueSetType, cbName: CBName, normalValue?: ValueSetType): CSSProperties;
-export declare function getLinearGradientStyles(value: ValueSetType, cbName: CBName, normalValue?: ValueSetType): CSSProperties;
+export declare function getBtnColorStyles(value: ValueSetType, cbName: CBName): CSSProperties;
+export declare function getLinearGradientStyles(value: ValueSetType, cbName: CBName): CSSProperties;
 export {};

package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil.js

@@ -33,11 +33,11 @@ function parseStyleColorToCSSProp(_a) {
         hover: {}
     });
     var style = getBtnColorStyles(valueSet.normal, propKey);
-    var hoverStyle = getBtnColorStyles(valueSet.hover, propKey, valueSet.normal);
+    var hoverStyle = getBtnColorStyles(valueSet.hover, propKey);
     return { style: style, hoverStyle: hoverStyle };
 }
 exports.parseStyleColorToCSSProp = parseStyleColorToCSSProp;
-function getBtnColorStyles(value, cbName, normalValue) {
+function getBtnColorStyles(value, cbName) {
     if (value["CB_STYLE_PROP_".concat(cbName, "_SPEC_TYPE")] === 'NONE') {
         return { background: 'none' };
     }
@@ -47,23 +47,21 @@ function getBtnColorStyles(value, cbName, normalValue) {
         };
         return style;
     }
-    return getLinearGradientStyles(value, cbName, normalValue);
+    return getLinearGradientStyles(value, cbName);
 }
 exports.getBtnColorStyles = getBtnColorStyles;
-function getLinearGradientStyles(value, cbName, normalValue) {
-    var _a, _b, _c, _d, _e, _f;
-    var angle = (_a = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ANGLE")]) !== null && _a !== void 0 ? _a : normalValue === null || normalValue === void 0 ? void 0 : normalValue["CB_STYLE_PROP_".concat(cbName, "_SPEC_ANGLE")];
-    var startColor = (_b = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTCOLOR")]) !== null && _b !== void 0 ? _b : normalValue === null || normalValue === void 0 ? void 0 : normalValue["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTCOLOR")];
-    var startLoc = (_c = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTLOC")]) !== null && _c !== void 0 ? _c : normalValue === null || normalValue === void 0 ? void 0 : normalValue["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTLOC")];
-    var endColor = (_d = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDCOLOR")]) !== null && _d !== void 0 ? _d : normalValue === null || normalValue === void 0 ? void 0 : normalValue["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDCOLOR")];
-    var endLoc = (_e = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDLOC")]) !== null && _e !== void 0 ? _e : normalValue === null || normalValue === void 0 ? void 0 : normalValue["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDLOC")];
-    var gradientType = (_f = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_GRADIENT")]) !== null && _f !== void 0 ? _f : normalValue === null || normalValue === void 0 ? void 0 : normalValue["CB_STYLE_PROP_".concat(cbName, "_SPEC_GRADIENT")];
-    if (gradientType === 'LINEAR') {
+function getLinearGradientStyles(value, cbName) {
+    var angle = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ANGLE")];
+    var startColor = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTCOLOR")];
+    var startLoc = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTLOC")];
+    var endColor = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDCOLOR")];
+    var endLoc = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDLOC")];
+    if (value["CB_STYLE_PROP_".concat(cbName, "_SPEC_GRADIENT")] === 'LINEAR') {
         var gradient = "".concat(angle, "deg, ").concat(startColor, " ").concat(startLoc, "%, ").concat(endColor, " ").concat(endLoc, "%");
         var style = { background: "linear-gradient(".concat(gradient, ")") };
         return style;
     }
-    if (gradientType === 'RADIAL') {
+    if (value["CB_STYLE_PROP_".concat(cbName, "_SPEC_GRADIENT")] === 'RADIAL') {
         var gradient = "".concat(startColor, " ").concat(startLoc, "%, ").concat(endColor, " ").concat(endLoc, "%");
         var style = { background: "radial-gradient(".concat(gradient, ")") };
         return style;

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

@@ -1,10 +1,11 @@
-import type { CB_BTN_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_TEXT_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE } from './util/types';
-import type { IComposition } from '../../../DynamicLayout/types';
+import type { CB_BTN_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_TEXT_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_CONTENTS_CAROUSEL_PROPERTIES_TYPE, CB_SLIDE_BANNER_PROPERTIES_TYPE } from './util/types';
+import type { IComposition } from '@sub/DynamicLayout/types';
 export type CB_TYPES = 'GENERAL';
-export type ComponentBlock = CB_TEXT_TYPE | CB_BTN_TYPE | CB_RICHTEXT | CB_DIVIDER | CB_IMG | CB_YOUTUBE | CB_TWITTER | CB_IFRAME | CB_GROUP | CB_CONTENTS_CAROUSEL;
+export type ComponentBlock = CB_TEXT_TYPE | CB_BTN_TYPE | CB_RICHTEXT | CB_DIVIDER | CB_IMG | CB_YOUTUBE | CB_TWITTER | CB_IFRAME | CB_GROUP | CB_CONTENTS_CAROUSEL | CB_SLIDE_BANNER;
 type GeneralCustomSectionType = {
     id: number;
     type: 'GENERAL';
+    blockId?: string;
     availablePlugins: Array<string>;
     queryableTapSrc: string;
     queryableDefinitionPreset: string;
@@ -18,7 +19,7 @@ export type GroupCustomSectionType = {
     queryableDefinitionPreset: string;
     dynamicLayoutSectionId: number;
 };
-export type AllCBProperties = CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE;
+export type AllCBProperties = CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE | CB_CONTENTS_CAROUSEL_PROPERTIES_TYPE | CB_SLIDE_BANNER_PROPERTIES_TYPE;
 export type CB_TEXT_TYPE = GeneralCustomSectionType & {
     componentBlockCode: CB_ALL_CODES.CB_TEXT;
     jsonProperties: {
@@ -76,7 +77,14 @@ export type CB_GROUP = GeneralCustomSectionType & {
 export type CB_CONTENTS_CAROUSEL = GeneralCustomSectionType & {
     componentBlockCode: CB_ALL_CODES.CB_CONTENTS_CAROUSEL;
     jsonProperties: {
-        data: CB_BTN_PROPERTIES_TYPE;
+        data: CB_CONTENTS_CAROUSEL_PROPERTIES_TYPE;
+    };
+    compositions: Array<IComposition>;
+};
+export type CB_SLIDE_BANNER = GeneralCustomSectionType & {
+    componentBlockCode: CB_ALL_CODES.CB_SLIDE_BANNER;
+    jsonProperties: {
+        data: CB_SLIDE_BANNER_PROPERTIES_TYPE;
     };
     compositions: Array<IComposition>;
 };
@@ -90,6 +98,7 @@ export declare enum CB_ALL_CODES {
     CB_TWITTER = "CB_TWITTER",
     CB_EMBED = "CB_EMBED",
     CB_GROUP = "CB_GROUP",
-    CB_CONTENTS_CAROUSEL = "CB_CONTENTS_CAROUSEL"
+    CB_CONTENTS_CAROUSEL = "CB_CONTENTS_CAROUSEL",
+    CB_SLIDE_BANNER = "CB_SLIDE_BANNER"
 }
 export {};

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

@@ -13,4 +13,5 @@ var CB_ALL_CODES;
     CB_ALL_CODES["CB_EMBED"] = "CB_EMBED";
     CB_ALL_CODES["CB_GROUP"] = "CB_GROUP";
     CB_ALL_CODES["CB_CONTENTS_CAROUSEL"] = "CB_CONTENTS_CAROUSEL";
+    CB_ALL_CODES["CB_SLIDE_BANNER"] = "CB_SLIDE_BANNER";
 })(CB_ALL_CODES = exports.CB_ALL_CODES || (exports.CB_ALL_CODES = {}));

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

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

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

@@ -1,5 +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, CB_EMBED_PROPERTIES_TYPE } from './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, CB_EMBED_PROPERTIES_TYPE, CB_CONTENTS_CAROUSEL_PROPERTIES_TYPE, CB_SLIDE_BANNER_PROPERTIES_TYPE } from './types';
 export 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 | CB_EMBED_PROPERTIES_TYPE, device: Device): ParserResult;
+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 | CB_EMBED_PROPERTIES_TYPE | CB_CONTENTS_CAROUSEL_PROPERTIES_TYPE | CB_SLIDE_BANNER_PROPERTIES_TYPE, device: Device): ParserResult;

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

@@ -38,44 +38,21 @@ function parseStylePropShadow(namedProps, device) {
         normal: {},
         hover: {}
     });
-    return valueGenerator({ normalValueSet: valueSet.normal, hoverValueSet: valueSet.hover });
-}
-exports.default = parseStylePropShadow;
-function valueGenerator(_a) {
-    var hoverValueSet = _a.hoverValueSet, normalValueSet = _a.normalValueSet;
-    var normalShadow = function () {
-        switch (normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_TYPE) {
-            case 'INSET':
-                return "inset ".concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_X, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_Y, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR);
-            case 'OUTSET':
-                return "".concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_X, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_Y, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD, "px ").concat(normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR);
-            case 'NONE':
-                return 'none';
-            default:
-                return '';
-        }
-    };
-    var hoverShadow = function () {
-        var _a, _b, _c, _d, _e, _f;
-        var type = (_a = hoverValueSet.CB_STYLE_PROP_SHADOW_SPEC_TYPE) !== null && _a !== void 0 ? _a : normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_TYPE;
-        var color = (_b = hoverValueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR) !== null && _b !== void 0 ? _b : normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR;
-        var x = (_c = hoverValueSet.CB_STYLE_PROP_SHADOW_SPEC_X) !== null && _c !== void 0 ? _c : normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_X;
-        var y = (_d = hoverValueSet.CB_STYLE_PROP_SHADOW_SPEC_Y) !== null && _d !== void 0 ? _d : normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_Y;
-        var blur = (_e = hoverValueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR) !== null && _e !== void 0 ? _e : normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR;
-        var spread = (_f = hoverValueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD) !== null && _f !== void 0 ? _f : normalValueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD;
-        switch (type) {
-            case 'INSET':
-                return "inset ".concat(x, "px ").concat(y, "px ").concat(blur, "px ").concat(spread, "px ").concat(color);
-            case 'OUTSET':
-                return "".concat(x, "px ").concat(y, "px ").concat(blur, "px ").concat(spread, "px ").concat(color);
-            case 'NONE':
-                return 'none';
-            default:
-                return '';
-        }
-    };
     return {
-        style: { boxShadow: normalShadow() },
-        hoverStyle: { boxShadow: hoverShadow() }
+        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 ".concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_X, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_Y, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR);
+        case 'OUTSET':
+            return "".concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_X, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_Y, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR);
+        case 'NONE':
+            return 'none';
+        default:
+            return '';
+    }
+}

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

@@ -1,17 +1,21 @@
+import type { CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS } from '../components/ComponentBlock/componentBlocks/ContentsCarousel/types';
+import type { CB_STYLE_PROP_SLIDE_BANNER_SPECS } from '../components/ComponentBlock/componentBlocks/SlideBanner/types';
 import type { CB_TWITTER_STYLE_PROPS } from '../components/ComponentBlock/componentBlocks/Twitter/types';
-import type { CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CODEBLOCK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER, CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_TEXT_SPECS } from '../components/ComponentBlock/componentBlocks/types';
+import type { CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_SLIDE_BANNER, CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CODEBLOCK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER, CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_TEXT_SPECS } from '../components/ComponentBlock/componentBlocks/types';
 import type { CB_CONTENT_PROP_YOUTUBE_TYPE, CB_STYLE_PROP_BGCOLOR_SPECS } from '../components/ComponentBlock/componentBlocks/Youtube/types';
 import type { CB_CONTENT_PROP_VISIBILITY_SPECS } from './contentPropParsers/parseContentVisibility';
 import type { CB_EFFECT_PROP_ENTANIM_SPECS } from './effectPropParsers/parseEffectPropEntAnim';
 import type { CB_LAYOUT_PROP_ARRANGE_SPECS } from './layoutPropParsers/parseLayoutPropArrange';
 import type { CB_LAYOUT_PROP_PADDING_SPECS } from './layoutPropParsers/parseLayoutPropPadding';
 import type { NamedLayoutPropType } from './layoutPropParsers/types';
+import type { CB_STYLE_PROP_BGOVERLAY_SPECS } from './stylePropParsers/parseStylePropBgOverlay';
 import type { CB_STYLE_PROP_BORDER_SPECS } from './stylePropParsers/parseStylePropBorder';
 import type { CB_STYLE_PROP_DIVIDER_SPECS } from './stylePropParsers/parseStylePropDivider';
 import type { CB_STYLE_PROP_IMAGE_SPECS } from './stylePropParsers/parseStylePropImage';
 import type { CB_STYLE_PROP_TEXT_OPACITY_SPECS } from './stylePropParsers/parseStylePropOpacity';
 import type { CB_STYLE_PROP_SHADOW_SPECS } from './stylePropParsers/parseStylePropShadow';
 import type { NamedStylePropType } from './stylePropParsers/types';
+import type { CB_STYLE_PROP_BGMEDIA_SPECS } from '@sub/DynamicLayout/types';
 import type { CSSProperties } from 'react';
 export type STRING_PLAIN = string;
 export type ENUM_STRING = string;
@@ -122,6 +126,34 @@ export type CB_YOUTUBE_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
     CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
 };
+export type CB_CONTENTS_CAROUSEL_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
+    CB_CONTENT_PROP_CONTENTSCAROUSEL: CB_CONTENT_PROP_CONTENTSCAROUSEL;
+    CB_STYLE_PROP_CONTENTSCAROUSEL: CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS;
+    CB_STYLE_PROP_BORDER: CB_STYLE_PROP_BORDER_SPECS;
+    CB_STYLE_PROP_SHADOW: CB_STYLE_PROP_SHADOW_SPECS;
+    CB_STYLE_PROP_OPACITY: CB_STYLE_PROP_TEXT_OPACITY_SPECS;
+    CB_STYLE_PROP_BGCOLOR: CB_STYLE_PROP_BGCOLOR_SPECS;
+    CB_STYLE_PROP_BGOVERLAY: CB_STYLE_PROP_BGOVERLAY_SPECS;
+    CB_STYLE_PROP_BGMEDIA: CB_STYLE_PROP_BGMEDIA_SPECS;
+    CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
+    CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
+    CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
+    CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
+};
+export type CB_SLIDE_BANNER_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
+    CB_CONTENT_PROP_SLIDE_BANNER: CB_CONTENT_PROP_SLIDE_BANNER;
+    CB_STYLE_PROP_SLIDE_BANNER: CB_STYLE_PROP_SLIDE_BANNER_SPECS;
+    CB_STYLE_PROP_BORDER: CB_STYLE_PROP_BORDER_SPECS;
+    CB_STYLE_PROP_SHADOW: CB_STYLE_PROP_SHADOW_SPECS;
+    CB_STYLE_PROP_OPACITY: CB_STYLE_PROP_TEXT_OPACITY_SPECS;
+    CB_STYLE_PROP_BGCOLOR: CB_STYLE_PROP_BGCOLOR_SPECS;
+    CB_STYLE_PROP_BGOVERLAY: CB_STYLE_PROP_BGOVERLAY_SPECS;
+    CB_STYLE_PROP_BGMEDIA: CB_STYLE_PROP_BGMEDIA_SPECS;
+    CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
+    CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
+    CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
+    CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
+};
 export type StyleType = {
     style: CSSProperties;
 };

package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.js

@@ -44,8 +44,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable @typescript-eslint/no-unused-vars */
 var react_1 = __importStar(require("react"));
-var ErrorBoundary_1 = require("../../DynamicLayout/components/Section/ErrorBoundary");
-var dynamicLayoutContext_1 = require("../../DynamicLayout/dynamicLayoutContext");
+var ErrorBoundary_1 = require("@sub/DynamicLayout/components/Section/ErrorBoundary");
+var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
 var styled_components_1 = __importDefault(require("styled-components"));
 var components_1 = require("../components");
 var gleStyles_1 = require("../gleStyles");

package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/desktop/D_TemplateA.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var DynamicLayout_1 = require("../../../../../../DynamicLayout");
+var DynamicLayout_1 = require("@sub/DynamicLayout");
 var Section_1 = require("../../../../../components/Section");
 function TemplateA() {
     var sectionActionHandler = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext).sectionActionHandler;

package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/mobile/M_TemplateA.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var DynamicLayout_1 = require("../../../../../../DynamicLayout");
+var DynamicLayout_1 = require("@sub/DynamicLayout");
 var Section_1 = require("../../../../../components/Section");
 function TemplateA() {
     var sectionActionHandler = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext).sectionActionHandler;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/MembershipSection.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import type { ISection } from '../../../../DynamicLayout/types';
+import type { ISection } from '@sub/DynamicLayout/types';
 declare function EditTypeMembershipSection({ ...props }: ISection): JSX.Element;
 export default EditTypeMembershipSection;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/MembershipSection.js

@@ -31,7 +31,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var components_1 = require("../../../../DynamicLayout/components");
+var components_1 = require("@sub/DynamicLayout/components");
 var styled_components_1 = __importDefault(require("styled-components"));
 var templates_1 = require("./templates");
 function EditTypeMembershipSection(_a) {

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/TemplateA.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var Section_1 = require("../../../../../../DynamicLayout/components/Section");
-var dynamicLayoutContext_1 = require("../../../../../../DynamicLayout/dynamicLayoutContext");
+var Section_1 = require("@sub/DynamicLayout/components/Section");
+var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
 var desktop_1 = require("./desktop");
 var mobile_1 = require("./mobile");
 function TemplateA(_a) {

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/D_TemplateA.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { IMembershipDisplay } from '../../../../../../../DynamicLayout/types';
+import type { IMembershipDisplay } from '@sub/DynamicLayout/types';
 type Props = {
     membershipDisplay: IMembershipDisplay;
     isWideView: boolean;

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/EmptyMembershipSheet.js

@@ -14,10 +14,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
-var panels_1 = require("../../../../../../../../../desktop/panels");
-var Section_1 = require("../../../../../../../../DynamicLayout/components/Section");
-var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
-var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
+var panels_1 = require("@desktop/panels");
+var Section_1 = require("@sub/DynamicLayout/components/Section");
+var components_1 = require("@sub/DynamicLayout/sections/MembershipSection/components");
+var constants_1 = require("@sub/DynamicLayout/sections/MembershipSection/constants");
 function EmptyMembershipSheet() {
     var t = (0, react_i18next_1.useTranslation)('translation').t;
     var section = (0, react_1.useContext)(Section_1.sectionContext);

package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipBenefitInfo.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { IMembershipBenefitInfo } from '../../../../../../../../DynamicLayout/types';
+import type { IMembershipBenefitInfo } from '@sub/DynamicLayout/types';
 type Props = {
     membershipBenefitInfo: IMembershipBenefitInfo;
     itemToneTextLabelColor: string;