pds-dev-kit-web-test 2.5.410 → 2.5.412

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+export declare const ProgressDesign1: ({ progress, leftTimeSec }: {
+    progress: number;
+    leftTimeSec: number;
+}) => JSX.Element;
+export declare const ProgressDesign2: ({ progress, leftTimeSec }: {
+    progress: number;
+    leftTimeSec: number;
+}) => JSX.Element;
+export declare const ProgressDesign3: ({ progress }: {
+    progress: number;
+}) => JSX.Element;
+export declare const ProgressDesign4: ({ progress }: {
+    progress: number;
+}) => JSX.Element;
+export declare const ProgressDesign5: ({ progress }: {
+    progress: number;
+}) => JSX.Element;
+export declare const ProgressDesign6: ({ progress }: {
+    progress: number;
+}) => JSX.Element;
+export declare const ProgressDesign7: ({ progress }: {
+    progress: number;
+}) => JSX.Element;
+export declare const ProgressDesign8: ({ progress }: {
+    progress: number;
+}) => JSX.Element;

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

@@ -0,0 +1,96 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressDesign8 = exports.ProgressDesign7 = exports.ProgressDesign6 = exports.ProgressDesign5 = exports.ProgressDesign4 = exports.ProgressDesign3 = exports.ProgressDesign2 = exports.ProgressDesign1 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = __importDefault(require("styled-components"));
+var ProgressDesign1 = function (_a) {
+    var progress = _a.progress, leftTimeSec = _a.leftTimeSec;
+    return ((0, jsx_runtime_1.jsxs)(S_ProgressDesign1, { children: [(0, jsx_runtime_1.jsxs)("svg", __assign({ viewBox: "0 0 48 48", style: {
+                    '--progress': 1 - progress,
+                    transition: 'all 0.03s ease-out'
+                } }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "24", cy: "24", r: "20", className: "bg-circle" }), (0, jsx_runtime_1.jsx)("circle", { cx: "24", cy: "24", r: "20", className: "progress-circle" })] })), (0, jsx_runtime_1.jsx)("span", { children: Math.ceil(leftTimeSec) })] }));
+};
+exports.ProgressDesign1 = ProgressDesign1;
+var ProgressDesign2 = function (_a) {
+    var progress = _a.progress, leftTimeSec = _a.leftTimeSec;
+    return ((0, jsx_runtime_1.jsxs)(S_ProgressDesign2, { children: [(0, jsx_runtime_1.jsxs)("svg", __assign({ viewBox: "0 0 48 48", style: {
+                    '--progress': 1 - progress,
+                    transition: 'all 0.03s linear'
+                } }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "24", cy: "24", r: "20", className: "bg-circle" }), (0, jsx_runtime_1.jsx)("circle", { cx: "24", cy: "24", r: "20", className: "progress-circle" })] })), (0, jsx_runtime_1.jsx)("span", { children: Math.ceil(leftTimeSec) })] }));
+};
+exports.ProgressDesign2 = ProgressDesign2;
+var ProgressDesign3 = function (_a) {
+    var progress = _a.progress;
+    return ((0, jsx_runtime_1.jsx)(S_ProgressDesign3, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ viewBox: "0 0 48 48", style: {
+                '--progress': 1 - progress,
+                transition: 'all 0.03s ease-out'
+            } }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "24", cy: "24", r: "20", className: "bg-circle" }), (0, jsx_runtime_1.jsx)("circle", { cx: "24", cy: "24", r: "20", className: "progress-circle" })] })) }));
+};
+exports.ProgressDesign3 = ProgressDesign3;
+var ProgressDesign4 = function (_a) {
+    var progress = _a.progress;
+    return ((0, jsx_runtime_1.jsx)(S_ProgressDesign4, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ viewBox: "0 0 48 48", style: {
+                '--progress': 1 - progress,
+                transition: 'all 0.03s linear'
+            } }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "24", cy: "24", r: "20", className: "bg-circle" }), (0, jsx_runtime_1.jsx)("circle", { cx: "24", cy: "24", r: "20", className: "progress-circle" })] })) }));
+};
+exports.ProgressDesign4 = ProgressDesign4;
+var ProgressDesign5 = function (_a) {
+    var progress = _a.progress;
+    return ((0, jsx_runtime_1.jsx)(S_ProgressDesign5, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "progress-bar-container" }, { children: (0, jsx_runtime_1.jsx)("div", { className: "progress-bar-fill", style: {
+                    '--progress': 1 - progress,
+                    transition: 'all 0.03s ease-out'
+                } }) })) }));
+};
+exports.ProgressDesign5 = ProgressDesign5;
+var ProgressDesign6 = function (_a) {
+    var progress = _a.progress;
+    return ((0, jsx_runtime_1.jsx)(S_ProgressDesign6, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "progress-bar-container" }, { children: (0, jsx_runtime_1.jsx)("div", { className: "progress-bar-fill", style: {
+                    '--progress': 1 - progress,
+                    transition: 'all 0.03s ease-out'
+                } }) })) }));
+};
+exports.ProgressDesign6 = ProgressDesign6;
+var ProgressDesign7 = function (_a) {
+    var progress = _a.progress;
+    return ((0, jsx_runtime_1.jsx)(S_ProgressDesign7, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "progress-bar-container" }, { children: (0, jsx_runtime_1.jsx)("div", { className: "progress-bar-fill", style: {
+                    '--progress': 1 - progress,
+                    transition: 'all 0.03s ease-out'
+                } }) })) }));
+};
+exports.ProgressDesign7 = ProgressDesign7;
+var ProgressDesign8 = function (_a) {
+    var progress = _a.progress;
+    return ((0, jsx_runtime_1.jsx)(S_ProgressDesign8, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "progress-bar-container" }, { children: (0, jsx_runtime_1.jsx)("div", { className: "progress-bar-fill", style: {
+                    '--progress': 1 - progress,
+                    transition: 'all 0.03s ease-out'
+                } }) })) }));
+};
+exports.ProgressDesign8 = ProgressDesign8;
+var S_ProgressDesign1 = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  color: #ffffff;\n  display: flex;\n  font-weight: bold;\n  height: 48px;\n  justify-content: center;\n  width: 48px;\n\n  svg {\n    --progress: 0;\n    fill: none;\n    height: calc(100% - 10px);\n    left: 5px;\n    position: absolute;\n    stroke: #ffffff;\n    stroke-dasharray: 125.6;\n    stroke-dashoffset: calc(125.6px * (1 - var(--progress)));\n    stroke-width: 4px;\n    top: 5px;\n    transform: rotate(-90deg);\n    width: calc(100% - 10px);\n    z-index: 10;\n\n    .bg-circle {\n      stroke: rgba(255, 255, 255, 0.2);\n      stroke-dasharray: none;\n      stroke-width: 4px;\n    }\n  }\n"], ["\n  align-items: center;\n  color: #ffffff;\n  display: flex;\n  font-weight: bold;\n  height: 48px;\n  justify-content: center;\n  width: 48px;\n\n  svg {\n    --progress: 0;\n    fill: none;\n    height: calc(100% - 10px);\n    left: 5px;\n    position: absolute;\n    stroke: #ffffff;\n    stroke-dasharray: 125.6;\n    stroke-dashoffset: calc(125.6px * (1 - var(--progress)));\n    stroke-width: 4px;\n    top: 5px;\n    transform: rotate(-90deg);\n    width: calc(100% - 10px);\n    z-index: 10;\n\n    .bg-circle {\n      stroke: rgba(255, 255, 255, 0.2);\n      stroke-dasharray: none;\n      stroke-width: 4px;\n    }\n  }\n"])));
+var S_ProgressDesign2 = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: center;\n  color: #333333;\n  display: flex;\n  font-weight: bold;\n  height: 48px;\n  justify-content: center;\n  width: 48px;\n\n  svg {\n    --progress: 0;\n    fill: none;\n    height: calc(100% - 10px);\n    left: 5px;\n    position: absolute;\n    stroke: #333333;\n    stroke-dasharray: 125.6;\n    stroke-dashoffset: calc(125.6px * (1 - var(--progress)));\n    stroke-width: 4px;\n    top: 5px;\n    transform: rotate(-90deg);\n    width: calc(100% - 10px);\n    z-index: 10;\n\n    .bg-circle {\n      stroke: rgba(0, 0, 0, 0.2);\n      stroke-dasharray: none;\n      stroke-width: 4px;\n    }\n  }\n\n  span {\n    font-size: 11px;\n    z-index: 11;\n  }\n"], ["\n  align-items: center;\n  color: #333333;\n  display: flex;\n  font-weight: bold;\n  height: 48px;\n  justify-content: center;\n  width: 48px;\n\n  svg {\n    --progress: 0;\n    fill: none;\n    height: calc(100% - 10px);\n    left: 5px;\n    position: absolute;\n    stroke: #333333;\n    stroke-dasharray: 125.6;\n    stroke-dashoffset: calc(125.6px * (1 - var(--progress)));\n    stroke-width: 4px;\n    top: 5px;\n    transform: rotate(-90deg);\n    width: calc(100% - 10px);\n    z-index: 10;\n\n    .bg-circle {\n      stroke: rgba(0, 0, 0, 0.2);\n      stroke-dasharray: none;\n      stroke-width: 4px;\n    }\n  }\n\n  span {\n    font-size: 11px;\n    z-index: 11;\n  }\n"])));
+var S_ProgressDesign3 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items: center;\n  color: #ffffff;\n  display: flex;\n  font-weight: bold;\n  height: 48px;\n  justify-content: center;\n  width: 48px;\n\n  svg {\n    --progress: 0;\n    fill: none;\n    height: calc(100% - 10px);\n    left: 5px;\n    position: absolute;\n    stroke: #ffffff;\n    stroke-dasharray: 125.6;\n    stroke-dashoffset: calc(125.6px * (1 - var(--progress)));\n    stroke-width: 4px;\n    top: 5px;\n    transform: rotate(-90deg);\n    width: calc(100% - 10px);\n    z-index: 10;\n\n    .bg-circle {\n      stroke: rgba(255, 255, 255, 0.2);\n      stroke-dasharray: none;\n      stroke-width: 4px;\n    }\n  }\n"], ["\n  align-items: center;\n  color: #ffffff;\n  display: flex;\n  font-weight: bold;\n  height: 48px;\n  justify-content: center;\n  width: 48px;\n\n  svg {\n    --progress: 0;\n    fill: none;\n    height: calc(100% - 10px);\n    left: 5px;\n    position: absolute;\n    stroke: #ffffff;\n    stroke-dasharray: 125.6;\n    stroke-dashoffset: calc(125.6px * (1 - var(--progress)));\n    stroke-width: 4px;\n    top: 5px;\n    transform: rotate(-90deg);\n    width: calc(100% - 10px);\n    z-index: 10;\n\n    .bg-circle {\n      stroke: rgba(255, 255, 255, 0.2);\n      stroke-dasharray: none;\n      stroke-width: 4px;\n    }\n  }\n"])));
+var S_ProgressDesign4 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  color: #333333;\n  display: flex;\n  font-weight: bold;\n  height: 48px;\n  justify-content: center;\n  width: 48px;\n\n  svg {\n    --progress: 0;\n    fill: none;\n    height: calc(100% - 10px);\n    left: 5px;\n    position: absolute;\n    stroke: #333333;\n    stroke-dasharray: 125.6;\n    stroke-dashoffset: calc(125.6px * (1 - var(--progress)));\n    stroke-width: 4px;\n    top: 5px;\n    transform: rotate(-90deg);\n    width: calc(100% - 10px);\n    z-index: 10;\n\n    .bg-circle {\n      stroke: rgba(0, 0, 0, 0.2);\n      stroke-dasharray: none;\n      stroke-width: 4px;\n    }\n  }\n\n  span {\n    font-size: 11px;\n    z-index: 11;\n  }\n"], ["\n  align-items: center;\n  color: #333333;\n  display: flex;\n  font-weight: bold;\n  height: 48px;\n  justify-content: center;\n  width: 48px;\n\n  svg {\n    --progress: 0;\n    fill: none;\n    height: calc(100% - 10px);\n    left: 5px;\n    position: absolute;\n    stroke: #333333;\n    stroke-dasharray: 125.6;\n    stroke-dashoffset: calc(125.6px * (1 - var(--progress)));\n    stroke-width: 4px;\n    top: 5px;\n    transform: rotate(-90deg);\n    width: calc(100% - 10px);\n    z-index: 10;\n\n    .bg-circle {\n      stroke: rgba(0, 0, 0, 0.2);\n      stroke-dasharray: none;\n      stroke-width: 4px;\n    }\n  }\n\n  span {\n    font-size: 11px;\n    z-index: 11;\n  }\n"])));
+var S_ProgressDesign5 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  align-items: center;\n  color: #ffffff;\n  display: flex;\n  flex-direction: column;\n  font-weight: bold;\n  padding-bottom: 12px;\n  padding-right: 12px;\n  width: 80px;\n\n  .progress-bar-container {\n    background-color: rgba(255, 255, 255, 0.2);\n    border-radius: 3px;\n    height: 6px;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n  }\n\n  .progress-bar-fill {\n    background-color: #ffffff;\n    border-radius: 3px;\n    height: 100%;\n    transition: width 0.1s ease-out;\n    width: calc(var(--progress) * 100%);\n  }\n"], ["\n  align-items: center;\n  color: #ffffff;\n  display: flex;\n  flex-direction: column;\n  font-weight: bold;\n  padding-bottom: 12px;\n  padding-right: 12px;\n  width: 80px;\n\n  .progress-bar-container {\n    background-color: rgba(255, 255, 255, 0.2);\n    border-radius: 3px;\n    height: 6px;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n  }\n\n  .progress-bar-fill {\n    background-color: #ffffff;\n    border-radius: 3px;\n    height: 100%;\n    transition: width 0.1s ease-out;\n    width: calc(var(--progress) * 100%);\n  }\n"])));
+var S_ProgressDesign6 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  align-items: center;\n  color: #333333;\n  display: flex;\n  flex-direction: column;\n  font-weight: bold;\n  padding-bottom: 12px;\n  padding-right: 12px;\n  width: 80px;\n\n  .progress-bar-container {\n    background-color: rgba(0, 0, 0, 0.2);\n    border-radius: 3px;\n    height: 6px;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n  }\n\n  .progress-bar-fill {\n    background-color: #333333;\n    border-radius: 3px;\n    height: 100%;\n    transition: width 0.1s ease-out;\n    width: calc(var(--progress) * 100%);\n  }\n"], ["\n  align-items: center;\n  color: #333333;\n  display: flex;\n  flex-direction: column;\n  font-weight: bold;\n  padding-bottom: 12px;\n  padding-right: 12px;\n  width: 80px;\n\n  .progress-bar-container {\n    background-color: rgba(0, 0, 0, 0.2);\n    border-radius: 3px;\n    height: 6px;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n  }\n\n  .progress-bar-fill {\n    background-color: #333333;\n    border-radius: 3px;\n    height: 100%;\n    transition: width 0.1s ease-out;\n    width: calc(var(--progress) * 100%);\n  }\n"])));
+var S_ProgressDesign7 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  align-items: center;\n  color: #ffffff;\n  display: flex;\n  flex-direction: column;\n  font-weight: bold;\n  padding-bottom: 12px;\n  padding-right: 12px;\n  width: 80px;\n\n  .progress-bar-container {\n    background-color: rgba(255, 255, 255, 0.2);\n    height: 6px;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n  }\n\n  .progress-bar-fill {\n    background-color: #ffffff;\n    height: 100%;\n    transition: width 0.1s ease-out;\n    width: calc(var(--progress) * 100%);\n  }\n"], ["\n  align-items: center;\n  color: #ffffff;\n  display: flex;\n  flex-direction: column;\n  font-weight: bold;\n  padding-bottom: 12px;\n  padding-right: 12px;\n  width: 80px;\n\n  .progress-bar-container {\n    background-color: rgba(255, 255, 255, 0.2);\n    height: 6px;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n  }\n\n  .progress-bar-fill {\n    background-color: #ffffff;\n    height: 100%;\n    transition: width 0.1s ease-out;\n    width: calc(var(--progress) * 100%);\n  }\n"])));
+var S_ProgressDesign8 = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  align-items: center;\n  color: #333333;\n  display: flex;\n  flex-direction: column;\n  font-weight: bold;\n  padding-bottom: 12px;\n  padding-right: 12px;\n  width: 80px;\n\n  .progress-bar-container {\n    background-color: rgba(0, 0, 0, 0.2);\n    height: 6px;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n  }\n\n  .progress-bar-fill {\n    background-color: #333333;\n    height: 100%;\n    transition: width 0.1s ease-out;\n    width: calc(var(--progress) * 100%);\n  }\n"], ["\n  align-items: center;\n  color: #333333;\n  display: flex;\n  flex-direction: column;\n  font-weight: bold;\n  padding-bottom: 12px;\n  padding-right: 12px;\n  width: 80px;\n\n  .progress-bar-container {\n    background-color: rgba(0, 0, 0, 0.2);\n    height: 6px;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n  }\n\n  .progress-bar-fill {\n    background-color: #333333;\n    height: 100%;\n    transition: width 0.1s ease-out;\n    width: calc(var(--progress) * 100%);\n  }\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

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

@@ -21,39 +21,37 @@ function parseSlideBannerStyleToSlideBannerCoreProp(_a) {
     var props = _a.props, device = _a.device;
     var availableSpecCodes = Object.keys(props).filter(function (key) { return !key.includes(':HOVER') && !key.includes(':MOBILE'); });
     return availableSpecCodes.reduce(function (acc, currentKey) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d;
         var keyWithDevice = device === 'DESKTOP' ? currentKey : "".concat(currentKey, ":MOBILE");
         var keyWithHover = "".concat(keyWithDevice.toString(), ":HOVER");
         var slideBannerCorePropertyKey = getSlideBannerCorePropKey(currentKey);
         if (slideBannerCorePropertyKey === 'customStyle') {
             var value = props[keyWithDevice];
             var hoverValue = props[keyWithHover];
-            if (hoverValue === null || hoverValue === undefined) {
-                return {
-                    normalStyle: __assign(__assign({}, acc.normalStyle), (_a = {}, _a[slideBannerCorePropertyKey] = getStyle(value), _a)),
-                    hoverStyle: __assign({}, acc.hoverStyle)
-                };
-            }
             return {
-                normalStyle: __assign(__assign({}, acc.normalStyle), (_b = {}, _b[slideBannerCorePropertyKey] = getStyle(value), _b)),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), (_c = {}, _c[slideBannerCorePropertyKey] = getStyle(hoverValue), _c))
+                normalStyle: __assign(__assign({}, acc.normalStyle), (_a = {}, _a[slideBannerCorePropertyKey] = getStyle(value), _a)),
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), (_b = {}, _b[slideBannerCorePropertyKey] = getStyle(hoverValue !== null && hoverValue !== void 0 ? hoverValue : value), _b))
             };
         }
         if (slideBannerCorePropertyKey === 'useAutoplay') {
             var value = props[keyWithDevice];
             var hoverValue = props[keyWithHover];
             return {
-                normalStyle: __assign(__assign({}, acc.normalStyle), { useAutoplay: value === true }),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), { useAutoplay: hoverValue === true })
+                normalStyle: __assign(__assign({}, acc.normalStyle), { useAutoplay: value }),
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), { useAutoplay: hoverValue !== null && hoverValue !== void 0 ? hoverValue : value })
             };
         }
         if (slideBannerCorePropertyKey === 'autoplayDelay') {
             var value = props[keyWithDevice];
             var hoverValue = props[keyWithHover];
             return {
-                normalStyle: __assign(__assign({}, acc.normalStyle), { autoplay: { delay: value * 1000, disableOnInteraction: false, pauseOnMouseEnter: true } }),
+                normalStyle: __assign(__assign({}, acc.normalStyle), { autoplay: {
+                        delay: value * 1000,
+                        disableOnInteraction: false,
+                        pauseOnMouseEnter: true
+                    } }),
                 hoverStyle: __assign(__assign({}, acc.hoverStyle), { autoplay: {
-                        delay: hoverValue * 1000,
+                        delay: (hoverValue !== null && hoverValue !== void 0 ? hoverValue : value) * 1000,
                         disableOnInteraction: false,
                         pauseOnMouseEnter: true
                     } })
@@ -63,8 +61,8 @@ function parseSlideBannerStyleToSlideBannerCoreProp(_a) {
             var value = props[keyWithDevice];
             var hoverValue = props[keyWithHover];
             return {
-                normalStyle: __assign(__assign({}, acc.normalStyle), (_d = {}, _d[slideBannerCorePropertyKey] = value === false ? false : true, _d)),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), (_e = {}, _e[slideBannerCorePropertyKey] = hoverValue === false ? false : true, _e))
+                normalStyle: __assign(__assign({}, acc.normalStyle), (_c = {}, _c[slideBannerCorePropertyKey] = value, _c)),
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), (_d = {}, _d[slideBannerCorePropertyKey] = hoverValue !== null && hoverValue !== void 0 ? hoverValue : value, _d))
             };
         }
         return {
@@ -109,11 +107,10 @@ function getStyle(value) {
         case 'DESIGN1':
             return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        height: 100%;\n        width: 100%;\n      "], ["\n        height: 100%;\n        width: 100%;\n      "])));
         case 'DESIGN2': {
-            var overlayEffect = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        background: rgba(255, 255, 255, 0.7);\n        content: '';\n        height: 100%;\n        position: absolute;\n        top: 0; /* \uD22C\uBA85\uB3C4 \uC870\uC808 (0 = \uC644\uC804 \uD22C\uBA85, 1 = \uBD88\uD22C\uBA85) */\n        width: 20%;\n        z-index: 2;\n      "], ["\n        background: rgba(255, 255, 255, 0.7);\n        content: '';\n        height: 100%;\n        position: absolute;\n        top: 0; /* \uD22C\uBA85\uB3C4 \uC870\uC808 (0 = \uC644\uC804 \uD22C\uBA85, 1 = \uBD88\uD22C\uBA85) */\n        width: 20%;\n        z-index: 2;\n      "])));
-            return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        overflow: hidden;\n        position: relative;\n\n        &::before {\n          ", "\n          left: 0;\n        }\n\n        &::after {\n          ", "\n          right: 0;\n        }\n      "], ["\n        overflow: hidden;\n        position: relative;\n\n        &::before {\n          ", "\n          left: 0;\n        }\n\n        &::after {\n          ", "\n          right: 0;\n        }\n      "])), overlayEffect, overlayEffect);
+            return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        height: 100%;\n        width: 100%;\n      "], ["\n        height: 100%;\n        width: 100%;\n      "])));
         }
         default: {
-            return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        height: 100%;\n        width: 100%;\n      "], ["\n        height: 100%;\n        width: 100%;\n      "])));
+            return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        height: 100%;\n        width: 100%;\n      "], ["\n        height: 100%;\n        width: 100%;\n      "])));
         }
     }
 }
@@ -129,7 +126,7 @@ function parseSlideBannerStyleToCustomPaginationProp(_a) {
             var hoverValue = props[keyWithHover];
             return {
                 normalStyle: __assign(__assign({}, acc.normalStyle), { type: value }),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), { type: hoverValue })
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), { type: hoverValue !== null && hoverValue !== void 0 ? hoverValue : value })
             };
         }
         if (customPaginationPropertyKey === 'offset') {
@@ -137,7 +134,7 @@ function parseSlideBannerStyleToCustomPaginationProp(_a) {
             var hoverValue = props[keyWithHover];
             return {
                 normalStyle: __assign(__assign({}, acc.normalStyle), { offset: getCustomPaginationOffset(value) }),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), { offset: getCustomPaginationOffset(hoverValue) })
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), { offset: getCustomPaginationOffset(hoverValue !== null && hoverValue !== void 0 ? hoverValue : value) })
             };
         }
         if (customPaginationPropertyKey === 'size') {
@@ -145,7 +142,7 @@ function parseSlideBannerStyleToCustomPaginationProp(_a) {
             var hoverValue = props[keyWithHover];
             return {
                 normalStyle: __assign(__assign({}, acc.normalStyle), { size: getCustomPaginationSize(value) }),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), { size: getCustomPaginationSize(hoverValue) })
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), { size: getCustomPaginationSize(hoverValue !== null && hoverValue !== void 0 ? hoverValue : value) })
             };
         }
         return {
@@ -259,7 +256,7 @@ function getCustomPaginationOffset(value) {
             return {
                 top: '100%',
                 left: '0px',
-                translateX: -50,
+                translateX: -100,
                 translateY: -100,
                 transformOrigin: 'right top'
             };
@@ -267,7 +264,7 @@ function getCustomPaginationOffset(value) {
             return {
                 top: '50%',
                 left: '0px',
-                translateX: -50,
+                translateX: -100,
                 translateY: -50,
                 transformOrigin: 'right top'
             };
@@ -275,13 +272,13 @@ function getCustomPaginationOffset(value) {
             return {
                 top: '0px',
                 left: '0px',
-                translateX: -50,
+                translateX: -100,
                 translateY: 0,
                 transformOrigin: 'right top'
             };
-        case 'INSET13':
+        case 'INSET1':
             return { top: '0px', left: '0px', translateX: 0, translateY: 0, transformOrigin: 'left top' };
-        case 'INSET14':
+        case 'INSET2':
             return {
                 top: '0px',
                 left: '50%',
@@ -289,7 +286,7 @@ function getCustomPaginationOffset(value) {
                 translateY: 0,
                 transformOrigin: 'left top'
             };
-        case 'INSET15':
+        case 'INSET3':
             return {
                 top: '0px',
                 left: '100%',
@@ -297,7 +294,7 @@ function getCustomPaginationOffset(value) {
                 translateY: 0,
                 transformOrigin: 'left top'
             };
-        case 'INSET16':
+        case 'INSET4':
             return {
                 top: '50%',
                 left: '100%',
@@ -305,7 +302,7 @@ function getCustomPaginationOffset(value) {
                 translateY: -50,
                 transformOrigin: 'left top'
             };
-        case 'INSET17':
+        case 'INSET5':
             return {
                 top: '100%',
                 left: '100%',
@@ -313,7 +310,7 @@ function getCustomPaginationOffset(value) {
                 translateY: -100,
                 transformOrigin: 'left top'
             };
-        case 'INSET18':
+        case 'INSET6':
             return {
                 top: '100%',
                 left: '50%',
@@ -321,7 +318,7 @@ function getCustomPaginationOffset(value) {
                 translateY: -100,
                 transformOrigin: 'left top'
             };
-        case 'INSET19':
+        case 'INSET7':
             return {
                 top: '100%',
                 left: '0px',
@@ -329,7 +326,7 @@ function getCustomPaginationOffset(value) {
                 translateY: -100,
                 transformOrigin: 'top left'
             };
-        case 'INSET20':
+        case 'INSET8':
             return {
                 top: '50%',
                 left: '0px',
@@ -346,9 +343,9 @@ function getCustomPaginationSize(value) {
         case 'SMALL':
             return 1;
         case 'MEDIUM':
-            return 2;
+            return 1.5;
         case 'LARGE':
-            return 3;
+            return 2;
         default:
             return 1;
     }
@@ -365,7 +362,7 @@ function parseSlideBannerStyleToCustomNavigationProp(_a) {
             var hoverValue = props[keyWithHover];
             return {
                 normalStyle: __assign(__assign({}, acc.normalStyle), { prevBtnType: value }),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), { prevBtnType: hoverValue })
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), { prevBtnType: hoverValue !== null && hoverValue !== void 0 ? hoverValue : value })
             };
         }
         if (customNavigationPropertyKey === 'prevBtnOffset') {
@@ -373,7 +370,7 @@ function parseSlideBannerStyleToCustomNavigationProp(_a) {
             var hoverValue = props[keyWithHover];
             return {
                 normalStyle: __assign(__assign({}, acc.normalStyle), { prevBtnOffset: getCustomNavigationOffset(value) }),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), { prevBtnOffset: getCustomNavigationOffset(hoverValue) })
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), { prevBtnOffset: getCustomNavigationOffset(hoverValue !== null && hoverValue !== void 0 ? hoverValue : value) })
             };
         }
         if (customNavigationPropertyKey === 'prevBtnSize') {
@@ -381,7 +378,7 @@ function parseSlideBannerStyleToCustomNavigationProp(_a) {
             var hoverValue = props[keyWithHover];
             return {
                 normalStyle: __assign(__assign({}, acc.normalStyle), { prevBtnSize: getCustomNavigationSize(value) }),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), { prevBtnSize: getCustomNavigationSize(hoverValue) })
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), { prevBtnSize: getCustomNavigationSize(hoverValue !== null && hoverValue !== void 0 ? hoverValue : value) })
             };
         }
         if (customNavigationPropertyKey === 'nextBtnType') {
@@ -389,7 +386,7 @@ function parseSlideBannerStyleToCustomNavigationProp(_a) {
             var hoverValue = props[keyWithHover];
             return {
                 normalStyle: __assign(__assign({}, acc.normalStyle), { nextBtnType: value }),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), { nextBtnType: hoverValue })
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), { nextBtnType: hoverValue !== null && hoverValue !== void 0 ? hoverValue : value })
             };
         }
         if (customNavigationPropertyKey === 'nextBtnOffset') {
@@ -397,7 +394,7 @@ function parseSlideBannerStyleToCustomNavigationProp(_a) {
             var hoverValue = props[keyWithHover];
             return {
                 normalStyle: __assign(__assign({}, acc.normalStyle), { nextBtnOffset: getCustomNavigationOffset(value) }),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), { nextBtnOffset: getCustomNavigationOffset(hoverValue) })
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), { nextBtnOffset: getCustomNavigationOffset(hoverValue !== null && hoverValue !== void 0 ? hoverValue : value) })
             };
         }
         if (customNavigationPropertyKey === 'nextBtnSize') {
@@ -405,7 +402,7 @@ function parseSlideBannerStyleToCustomNavigationProp(_a) {
             var hoverValue = props[keyWithHover];
             return {
                 normalStyle: __assign(__assign({}, acc.normalStyle), { nextBtnSize: getCustomNavigationSize(value) }),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), { nextBtnSize: getCustomNavigationSize(hoverValue) })
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), { nextBtnSize: getCustomNavigationSize(hoverValue !== null && hoverValue !== void 0 ? hoverValue : value) })
             };
         }
         return {
@@ -534,7 +531,7 @@ function getCustomNavigationOffset(value) {
             return {
                 top: '100%',
                 left: '0px',
-                translateX: -50,
+                translateX: -100,
                 translateY: -100,
                 transformOrigin: 'right top'
             };
@@ -542,7 +539,7 @@ function getCustomNavigationOffset(value) {
             return {
                 top: '50%',
                 left: '0px',
-                translateX: -50,
+                translateX: -100,
                 translateY: -50,
                 transformOrigin: 'right top'
             };
@@ -550,13 +547,13 @@ function getCustomNavigationOffset(value) {
             return {
                 top: '0px',
                 left: '0px',
-                translateX: -50,
+                translateX: -100,
                 translateY: 0,
                 transformOrigin: 'right top'
             };
-        case 'INSET13':
+        case 'INSET1':
             return { top: '0px', left: '0px', translateX: 0, translateY: 0, transformOrigin: 'left top' };
-        case 'INSET14':
+        case 'INSET2':
             return {
                 top: '0px',
                 left: '50%',
@@ -564,7 +561,7 @@ function getCustomNavigationOffset(value) {
                 translateY: 0,
                 transformOrigin: 'left top'
             };
-        case 'INSET15':
+        case 'INSET3':
             return {
                 top: '0px',
                 left: '100%',
@@ -572,7 +569,7 @@ function getCustomNavigationOffset(value) {
                 translateY: 0,
                 transformOrigin: 'left top'
             };
-        case 'INSET16':
+        case 'INSET4':
             return {
                 top: '50%',
                 left: '100%',
@@ -580,7 +577,7 @@ function getCustomNavigationOffset(value) {
                 translateY: -50,
                 transformOrigin: 'left top'
             };
-        case 'INSET17':
+        case 'INSET5':
             return {
                 top: '100%',
                 left: '100%',
@@ -588,7 +585,7 @@ function getCustomNavigationOffset(value) {
                 translateY: -100,
                 transformOrigin: 'left top'
             };
-        case 'INSET18':
+        case 'INSET6':
             return {
                 top: '100%',
                 left: '50%',
@@ -596,7 +593,7 @@ function getCustomNavigationOffset(value) {
                 translateY: -100,
                 transformOrigin: 'left top'
             };
-        case 'INSET19':
+        case 'INSET7':
             return {
                 top: '100%',
                 left: '0px',
@@ -604,7 +601,7 @@ function getCustomNavigationOffset(value) {
                 translateY: -100,
                 transformOrigin: 'top left'
             };
-        case 'INSET20':
+        case 'INSET8':
             return {
                 top: '50%',
                 left: '0px',
@@ -621,11 +618,11 @@ function getCustomNavigationSize(value) {
         case 'SMALL':
             return 1;
         case 'MEDIUM':
-            return 2;
+            return 1.5;
         case 'LARGE':
             return 3;
         default:
-            return 1;
+            return 2;
     }
 }
 function parseSlideBannerStyleToCustomProgressbarProp(_a) {
@@ -640,16 +637,16 @@ function parseSlideBannerStyleToCustomProgressbarProp(_a) {
             var hoverValue = props[keyWithHover];
             return {
                 normalStyle: __assign(__assign({}, acc.normalStyle), { type: value }),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), { type: hoverValue })
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), { type: hoverValue !== null && hoverValue !== void 0 ? hoverValue : value })
             };
         }
         if (customProgressbarPropertyKey === 'size') {
             var value = props[keyWithDevice];
             var hoverValue = props[keyWithHover];
-            var offset = getCustomProgressbarOffset('INSET17');
+            var offset = getCustomProgressbarOffset('INSET5');
             return {
                 normalStyle: __assign(__assign({}, acc.normalStyle), { size: getCustomProgressbarSize(value), offset: offset }),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), { size: getCustomProgressbarSize(hoverValue), offset: offset })
+                hoverStyle: __assign(__assign({}, acc.hoverStyle), { size: getCustomProgressbarSize(hoverValue !== null && hoverValue !== void 0 ? hoverValue : value), offset: offset })
             };
         }
         return {
@@ -778,9 +775,9 @@ function getCustomProgressbarOffset(value) {
                 translateY: 0,
                 transformOrigin: 'right top'
             };
-        case 'INSET13':
+        case 'INSET1':
             return { top: '0px', left: '0px', translateX: 0, translateY: 0, transformOrigin: 'left top' };
-        case 'INSET14':
+        case 'INSET2':
             return {
                 top: '0px',
                 left: '50%',
@@ -788,7 +785,7 @@ function getCustomProgressbarOffset(value) {
                 translateY: 0,
                 transformOrigin: 'left top'
             };
-        case 'INSET15':
+        case 'INSET3':
             return {
                 top: '0px',
                 left: '100%',
@@ -796,7 +793,7 @@ function getCustomProgressbarOffset(value) {
                 translateY: 0,
                 transformOrigin: 'left top'
             };
-        case 'INSET16':
+        case 'INSET4':
             return {
                 top: '50%',
                 left: '100%',
@@ -804,7 +801,7 @@ function getCustomProgressbarOffset(value) {
                 translateY: -50,
                 transformOrigin: 'left top'
             };
-        case 'INSET17':
+        case 'INSET5':
             return {
                 top: '100%',
                 left: '100%',
@@ -812,7 +809,7 @@ function getCustomProgressbarOffset(value) {
                 translateY: -100,
                 transformOrigin: 'left top'
             };
-        case 'INSET18':
+        case 'INSET6':
             return {
                 top: '100%',
                 left: '50%',
@@ -820,7 +817,7 @@ function getCustomProgressbarOffset(value) {
                 translateY: -100,
                 transformOrigin: 'left top'
             };
-        case 'INSET19':
+        case 'INSET7':
             return {
                 top: '100%',
                 left: '0px',
@@ -828,7 +825,7 @@ function getCustomProgressbarOffset(value) {
                 translateY: -100,
                 transformOrigin: 'top left'
             };
-        case 'INSET20':
+        case 'INSET8':
             return {
                 top: '50%',
                 left: '0px',
@@ -845,11 +842,11 @@ function getCustomProgressbarSize(value) {
         case 'SMALL':
             return 1;
         case 'MEDIUM':
-            return 2;
+            return 1.5;
         case 'LARGE':
-            return 3;
+            return 2;
         default:
             return 1;
     }
 }
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+var templateObject_1, templateObject_2, templateObject_3;

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

@@ -2,14 +2,14 @@ import type { NUMBER_INTEGER } from '../../../../../../../DynamicLayout/sections
 export type SlideBannerPropsKeys = keyof CB_STYLE_PROP_SLIDEBANNER_SPECS;
 export type CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE_TYPE = 'DESIGN1' | 'DESIGN2';
 export type CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL_TYPE = boolean;
-export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE = 'NONE' | 'DESIGN1' | 'DESIGN2' | 'DESIGN3' | 'DESIGN4' | 'DESIGN5' | 'DESIGN6' | 'DESIGN7' | 'DESIGN8' | 'DESIGN9' | 'DESIGN10' | 'DESIGN11' | 'DESIGN12' | 'DESIGN13' | 'DESIGN14' | 'DESIGN15' | 'DESIGN16' | 'DESIGN17';
-export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION_TYPE = 'OUTSET1' | 'OUTSET2' | 'OUTSET3' | 'OUTSET4' | 'OUTSET5' | 'OUTSET6' | 'OUTSET7' | 'OUTSET8' | 'OUTSET9' | 'OUTSET10' | 'OUTSET11' | 'OUTSET12' | 'INSET13' | 'INSET14' | 'INSET15' | 'INSET16' | 'INSET17' | 'INSET18' | 'INSET19' | 'INSET20';
+export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE = 'NONE' | 'DESIGN1' | 'DESIGN2' | 'DESIGN3' | 'DESIGN4' | 'DESIGN5' | 'DESIGN6' | 'DESIGN7' | 'DESIGN8' | 'DESIGN9' | 'DESIGN10' | 'DESIGN11' | 'DESIGN12' | 'DESIGN13' | 'DESIGN14' | 'DESIGN15' | 'DESIGN16';
+export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION_TYPE = 'OUTSET1' | 'OUTSET2' | 'OUTSET3' | 'OUTSET4' | 'OUTSET5' | 'OUTSET6' | 'OUTSET7' | 'OUTSET8' | 'OUTSET9' | 'OUTSET10' | 'OUTSET11' | 'OUTSET12' | 'INSET1' | 'INSET2' | 'INSET3' | 'INSET4' | 'INSET5' | 'INSET6' | 'INSET7' | 'INSET8';
 export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
-export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE = 'NONE' | 'DESIGN1' | 'DESIGN2' | 'DESIGN3' | 'DESIGN4' | 'DESIGN5' | 'DESIGN6' | 'DESIGN7' | 'DESIGN8' | 'DESIGN9' | 'DESIGN10' | 'DESIGN11' | 'DESIGN12' | 'DESIGN13' | 'DESIGN14' | 'DESIGN15' | 'DESIGN16' | 'DESIGN17' | 'DESIGN18' | 'DESIGN19' | 'DESIGN20';
-export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION_TYPE = 'OUTSET1' | 'OUTSET2' | 'OUTSET3' | 'OUTSET4' | 'OUTSET5' | 'OUTSET6' | 'OUTSET7' | 'OUTSET8' | 'OUTSET9' | 'OUTSET10' | 'OUTSET11' | 'OUTSET12' | 'INSET13' | 'INSET14' | 'INSET15' | 'INSET16' | 'INSET17' | 'INSET18' | 'INSET19' | 'INSET20';
+export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE = 'NONE' | 'DESIGN1' | 'DESIGN2' | 'DESIGN3' | 'DESIGN4' | 'DESIGN5' | 'DESIGN6' | 'DESIGN7' | 'DESIGN8' | 'DESIGN9' | 'DESIGN10' | 'DESIGN11' | 'DESIGN12' | 'DESIGN13' | 'DESIGN14' | 'DESIGN15' | 'DESIGN16' | 'DESIGN17' | 'DESIGN18' | 'DESIGN19' | 'DESIGN20' | 'DESIGN21' | 'DESIGN22' | 'DESIGN23' | 'DESIGN24' | 'DESIGN25' | 'DESIGN26' | 'DESIGN27' | 'DESIGN28' | 'DESIGN29' | 'DESIGN30' | 'DESIGN31' | 'DESIGN32' | 'DESIGN33' | 'DESIGN34' | 'DESIGN35' | 'DESIGN36' | 'DESIGN37' | 'DESIGN38' | 'DESIGN39' | 'DESIGN40' | 'DESIGN41' | 'DESIGN42' | 'DESIGN43' | 'DESIGN44' | 'DESIGN45' | 'DESIGN46' | 'DESIGN47' | 'DESIGN48' | 'DESIGN49' | 'DESIGN50' | 'DESIGN51' | 'DESIGN52' | 'DESIGN53' | 'DESIGN54' | 'DESIGN55' | 'DESIGN56' | 'DESIGN57' | 'DESIGN58' | 'DESIGN59' | 'DESIGN60' | 'DESIGN61' | 'DESIGN62' | 'DESIGN63' | 'DESIGN64' | 'DESIGN65' | 'DESIGN66' | 'DESIGN67' | 'DESIGN68' | 'DESIGN69' | 'DESIGN70' | 'DESIGN71' | 'DESIGN72' | 'DESIGN73' | 'DESIGN74' | 'DESIGN75' | 'DESIGN76' | 'DESIGN77' | 'DESIGN78' | 'DESIGN79' | 'DESIGN80' | 'DESIGN81' | 'DESIGN82' | 'DESIGN83' | 'DESIGN84' | 'DESIGN85' | 'DESIGN86' | 'DESIGN87' | 'DESIGN88' | 'DESIGN89' | 'DESIGN90' | 'DESIGN91' | 'DESIGN92' | 'DESIGN93' | 'DESIGN94' | 'DESIGN95' | 'DESIGN96' | 'DESIGN97' | 'DESIGN98' | 'DESIGN99' | 'DESIGN100';
+export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION_TYPE = 'OUTSET1' | 'OUTSET2' | 'OUTSET3' | 'OUTSET4' | 'OUTSET5' | 'OUTSET6' | 'OUTSET7' | 'OUTSET8' | 'OUTSET9' | 'OUTSET10' | 'OUTSET11' | 'OUTSET12' | 'INSET1' | 'INSET2' | 'INSET3' | 'INSET4' | 'INSET5' | 'INSET6' | 'INSET7' | 'INSET8';
 export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
-export type CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE = 'NONE' | 'DESIGN1' | 'DESIGN2' | 'DESIGN3' | 'DESIGN4' | 'DESIGN2' | 'DESIGN3' | 'DESIGN4' | 'DESIGN5' | 'DESIGN6' | 'DESIGN7' | 'DESIGN8' | 'DESIGN9' | 'DESIGN10' | 'DESIGN11' | 'DESIGN12' | 'DESIGN13' | 'DESIGN14' | 'DESIGN15' | 'DESIGN16' | 'DESIGN17' | 'DESIGN18' | 'DESIGN19' | 'DESIGN20';
-export type CB_STYLE_PROP_SLIDEBANNER_SPEC__NEXTBTNLOCATION_TYPE = 'OUTSET1' | 'OUTSET2' | 'OUTSET3' | 'OUTSET4' | 'OUTSET5' | 'OUTSET6' | 'OUTSET7' | 'OUTSET8' | 'OUTSET9' | 'OUTSET10' | 'OUTSET11' | 'OUTSET12' | 'INSET13' | 'INSET14' | 'INSET15' | 'INSET16' | 'INSET17' | 'INSET18' | 'INSET19' | 'INSET20';
+export type CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE = 'NONE' | 'DESIGN1' | 'DESIGN2' | 'DESIGN3' | 'DESIGN4' | 'DESIGN5' | 'DESIGN6' | 'DESIGN7' | 'DESIGN8' | 'DESIGN9' | 'DESIGN10' | 'DESIGN11' | 'DESIGN12' | 'DESIGN13' | 'DESIGN14' | 'DESIGN15' | 'DESIGN16' | 'DESIGN17' | 'DESIGN18' | 'DESIGN19' | 'DESIGN20' | 'DESIGN21' | 'DESIGN22' | 'DESIGN23' | 'DESIGN24' | 'DESIGN25' | 'DESIGN26' | 'DESIGN27' | 'DESIGN28' | 'DESIGN29' | 'DESIGN30' | 'DESIGN31' | 'DESIGN32' | 'DESIGN33' | 'DESIGN34' | 'DESIGN35' | 'DESIGN36' | 'DESIGN37' | 'DESIGN38' | 'DESIGN39' | 'DESIGN40' | 'DESIGN41' | 'DESIGN42' | 'DESIGN43' | 'DESIGN44' | 'DESIGN45' | 'DESIGN46' | 'DESIGN47' | 'DESIGN48' | 'DESIGN49' | 'DESIGN50' | 'DESIGN51' | 'DESIGN52' | 'DESIGN53' | 'DESIGN54' | 'DESIGN55' | 'DESIGN56' | 'DESIGN57' | 'DESIGN58' | 'DESIGN59' | 'DESIGN60' | 'DESIGN61' | 'DESIGN62' | 'DESIGN63' | 'DESIGN64' | 'DESIGN65' | 'DESIGN66' | 'DESIGN67' | 'DESIGN68' | 'DESIGN69' | 'DESIGN70' | 'DESIGN71' | 'DESIGN72' | 'DESIGN73' | 'DESIGN74' | 'DESIGN75' | 'DESIGN76' | 'DESIGN77' | 'DESIGN78' | 'DESIGN79' | 'DESIGN80' | 'DESIGN81' | 'DESIGN82' | 'DESIGN83' | 'DESIGN84' | 'DESIGN85' | 'DESIGN86' | 'DESIGN87' | 'DESIGN88' | 'DESIGN89' | 'DESIGN90' | 'DESIGN91' | 'DESIGN92' | 'DESIGN93' | 'DESIGN94' | 'DESIGN95' | 'DESIGN96' | 'DESIGN97' | 'DESIGN98' | 'DESIGN99' | 'DESIGN100';
+export type CB_STYLE_PROP_SLIDEBANNER_SPEC__NEXTBTNLOCATION_TYPE = 'OUTSET1' | 'OUTSET2' | 'OUTSET3' | 'OUTSET4' | 'OUTSET5' | 'OUTSET6' | 'OUTSET7' | 'OUTSET8' | 'OUTSET9' | 'OUTSET10' | 'OUTSET11' | 'OUTSET12' | 'INSET1' | 'INSET2' | 'INSET3' | 'INSET4' | 'INSET5' | 'INSET6' | 'INSET7' | 'INSET8';
 export type CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
 export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE = 'NONE' | 'DESIGN1' | 'DESIGN2' | 'DESIGN3' | 'DESIGN4' | 'DESIGN5' | 'DESIGN6' | 'DESIGN7' | 'DESIGN8';
 export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';