pds-dev-kit-web-test 2.7.452 → 2.7.454

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

@@ -46,7 +46,6 @@ var parseStylePropShadow_1 = require("../../../../../../../DynamicLayout/section
 var styled_components_1 = __importDefault(require("styled-components"));
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_Box_1 = require("../components/S_CB_Box");
-require("../components/S_CB_BoxWithShadow");
 var S_HeightFitContentCover_1 = require("../components/S_HeightFitContentCover");
 var S_HiddenCover_1 = require("../components/S_HiddenCover");
 var useCLINK_1 = __importDefault(require("../hooks/useCLINK"));
@@ -55,7 +54,7 @@ function Button(props) {
     var _a, _b, _c, _d, _e;
     var _f = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _f.device, mode = _f.mode;
     var queryContext = (0, compositionQueryContext_1.useCCBQueryPath)();
-    var index = props.index, CB_STYLE_PROP_COLOR = props.CB_STYLE_PROP_COLOR, _g = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _g.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _g.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _g.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _g.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE = _g.CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE, CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA = _g.CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA, _h = props.CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE = _h.CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE, CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA = _h.CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_STYLE_PROP_BORDER = props.CB_STYLE_PROP_BORDER, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_CONTENT_PROP_TEXTOPTION = props.CB_CONTENT_PROP_TEXTOPTION, CB_STYLE_PROP_TEXT = props.CB_STYLE_PROP_TEXT;
+    var index = props.index, CB_STYLE_PROP_COLOR = props.CB_STYLE_PROP_COLOR, _g = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _g.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _g.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _g.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _g.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE = _g.CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE, CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA = _g.CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA, _h = props.CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE = _h.CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE, CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA = _h.CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_CONTENT_PROP_TEXTOPTION = props.CB_CONTENT_PROP_TEXTOPTION, CB_STYLE_PROP_TEXT = props.CB_STYLE_PROP_TEXT;
     var textSuffix = (_a = CB_CONTENT_PROP_TEXTOPTION === null || CB_CONTENT_PROP_TEXTOPTION === void 0 ? void 0 : CB_CONTENT_PROP_TEXTOPTION.CB_CONTENT_PROP_TEXTOPTION_SPEC_SUFFIX) !== null && _a !== void 0 ? _a : '';
     var textPrefix = (_b = CB_CONTENT_PROP_TEXTOPTION === null || CB_CONTENT_PROP_TEXTOPTION === void 0 ? void 0 : CB_CONTENT_PROP_TEXTOPTION.CB_CONTENT_PROP_TEXTOPTION_SPEC_PREFIX) !== null && _b !== void 0 ? _b : '';
     var textFormat = (_c = CB_CONTENT_PROP_TEXTOPTION === null || CB_CONTENT_PROP_TEXTOPTION === void 0 ? void 0 : CB_CONTENT_PROP_TEXTOPTION.CB_CONTENT_PROP_TEXTOPTION_SPEC_FORMAT) !== null && _c !== void 0 ? _c : 'NONE';
@@ -151,7 +150,7 @@ function Button(props) {
     var _q = extractBorderStyles(propsStyle), borderNormalStyle = _q.borderStyleProps, cleanedNormalStyle = _q.remainingStyle;
     // hover 스타일 분리
     var _r = extractBorderStyles(propsHoverStyle), borderHoverStyle = _r.borderStyleProps, cleanedHoverStyle = _r.remainingStyle;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), isEditModeAndHeightFitContent && (0, jsx_runtime_1.jsx)(S_HeightFitContentCover_1.S_HeightFitContentCover, { className: 'height-fit-content-cover', bottomText: t('str_10106') }), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle, style: { paddingLeft: paddingLeft, paddingRight: paddingRight, paddingBottom: paddingBottom, paddingTop: paddingTop } }, { children: (0, jsx_runtime_1.jsx)(S_ShadowBox, __assign({ "$normalStyle": __assign(__assign(__assign({ height: '100%', display: 'flex', alignItems: "".concat(btnTextStyle.alignItems), overflowY: btnTextStyle.overflowY, scrollbarWidth: btnTextStyle.scrollbarWidth }, effectCssProperties), normalShadowStyle), borderNormalStyle), "$hoverStyle": __assign(__assign({}, hoverShadowStyle), borderHoverStyle) }, { children: (0, jsx_runtime_1.jsxs)(S_CB_Box_1.S_CB_Box, __assign({ onMouseLeave: function (e) {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), isEditModeAndHeightFitContent && ((0, jsx_runtime_1.jsx)(S_HeightFitContentCover_1.S_HeightFitContentCover, { className: "height-fit-content-cover", bottomText: t('str_10106') })), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle, style: { paddingLeft: paddingLeft, paddingRight: paddingRight, paddingBottom: paddingBottom, paddingTop: paddingTop } }, { children: (0, jsx_runtime_1.jsx)(S_ShadowBox, __assign({ "$normalStyle": __assign(__assign(__assign({ height: '100%', display: 'flex', alignItems: "".concat(btnTextStyle.alignItems), overflowY: btnTextStyle.overflowY, scrollbarWidth: btnTextStyle.scrollbarWidth }, effectCssProperties), normalShadowStyle), borderNormalStyle), "$hoverStyle": __assign(__assign({}, hoverShadowStyle), borderHoverStyle) }, { children: (0, jsx_runtime_1.jsxs)(S_CB_Box_1.S_CB_Box, __assign({ onMouseLeave: function (e) {
                             e.currentTarget.classList.remove('hovered');
                         }, className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, btnTextStyle), cleanedNormalStyle), layoutStyle), btnColorStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor, overflowY: 'unset', scrollbarWidth: 'unset' }), hoverStyle: __assign(__assign(__assign(__assign({}, btnTextHoverStyle), cleanedHoverStyle), btnColorHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), onClick: onClickCLINK }, { children: [textPrefix, textValue(), textSuffix] })) })) }))] }));
 }
@@ -169,11 +168,11 @@ function extractBorderStyles(style) {
         borderBottomRightRadius: borderBottomRightRadius,
         borderStyle: borderStyle,
         borderWidth: borderWidth,
-        borderColor: borderColor,
+        borderColor: borderColor
     };
     return {
         borderStyleProps: borderStyleProps,
-        remainingStyle: rest, // border가 제거된 나머지 스타일
+        remainingStyle: rest // border가 제거된 나머지 스타일
     };
 }
 var S_ShadowBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n\n  &:hover {\n    ", "\n  }\n"], ["\n  ", "\n\n  &:hover {\n    ", "\n  }\n"])), function (props) { return props.$normalStyle; }, function (props) { return props.$hoverStyle; });

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { type CB_CONTENTSCAROUSEL } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
 import type { CB_STYLE_PROP_CONTENTSCAROUSELBUTTON_SPEC_PREVBTNSTYLE_TYPE, INSET_POSTIION, OUTSET_POSTIION } from './types';
+import type { CB_CONTENTSCAROUSEL } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
 import type { CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
 type Props = CB_CONTENTSCAROUSEL_PROPERTIES_TYPE & IndexForIntersection & {
     compositions: CB_CONTENTSCAROUSEL['compositions'];

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

@@ -69,7 +69,7 @@ var createComponent = function (type, getDesignType, getLocation, designType) {
 function ContentsCarousel(props) {
     var _a, _b;
     var _c = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _c.device, mode = _c.mode, queryData = _c.queryData;
-    var compositions = props.compositions, index = props.index, _d = props.CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MDISPLAYCOUNTS = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MDISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS, CB_STYLE_PROP_CONTENTSCAROUSELDESIGN = props.CB_STYLE_PROP_CONTENTSCAROUSELDESIGN, CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD = props.CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD, CB_STYLE_PROP_CONTENTSCAROUSELBUTTON = props.CB_STYLE_PROP_CONTENTSCAROUSELBUTTON, CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR = props.CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_STYLE_PROP_BGMEDIA = props.CB_STYLE_PROP_BGMEDIA, CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE = props.CB_EFFECT_PROP_CONTENTSCAROUSEL.CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE, CB_CONTENT_PROP_VISIBILITY = props.CB_CONTENT_PROP_VISIBILITY;
+    var compositions = props.compositions, index = props.index, _d = props.CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MDISPLAYCOUNTS = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MDISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS, CB_STYLE_PROP_CONTENTSCAROUSELDESIGN = props.CB_STYLE_PROP_CONTENTSCAROUSELDESIGN, CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD = props.CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD, CB_STYLE_PROP_CONTENTSCAROUSELBUTTON = props.CB_STYLE_PROP_CONTENTSCAROUSELBUTTON, CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR = props.CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_STYLE_PROP_BGMEDIA = props.CB_STYLE_PROP_BGMEDIA, CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE = props.CB_EFFECT_PROP_CONTENTSCAROUSEL.CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE;
     var CB_STYLE_PROP_CONTENTSCAROUSEL = __assign(__assign(__assign(__assign({}, CB_STYLE_PROP_CONTENTSCAROUSELDESIGN), CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD), CB_STYLE_PROP_CONTENTSCAROUSELBUTTON), CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR);
     var autoPlayEnabled = device === 'DESKTOP'
         ? CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD.CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD_SPEC_AUTOPLAYUSE
@@ -120,7 +120,9 @@ function ContentsCarousel(props) {
         createNextButton(customNavigationNormalStyle, customNavigationHoverStyle, isHovered),
         {
             type: 'PROGRESSBAR',
-            position: customProgressbarNormalStyle.type === 'DESIGN4' ? 'INSET_PROGRESS' : 'INSET5',
+            position: customProgressbarNormalStyle.type === 'DESIGN4'
+                ? 'INSET_PROGRESS'
+                : 'INSET5',
             designType: customProgressbarNormalStyle.type || 'NONE'
         }
     ].filter(function (component) { return component !== undefined; });

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

@@ -40,7 +40,9 @@ var swiper_1 = require("swiper");
 require("swiper/modules/navigation/navigation.min.css");
 var react_2 = require("swiper/react");
 var StyledSwiper_1 = __importDefault(require("../../../StyledSwiper/StyledSwiper"));
-var ContentsCarouselCore = (0, react_1.forwardRef)(function (_a, ref) {
+var ContentsCarouselCore = (0, react_1.forwardRef)(
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function (_a, ref) {
     var styles = _a.styles, slidesPerView = _a.slidesPerView, children = _a.children, allowTouchMove = _a.allowTouchMove, displayCounts = _a.displayCounts, loop = _a.loop, props = __rest(_a, ["styles", "slidesPerView", "children", "allowTouchMove", "displayCounts", "loop"]);
     var childrenArray = (0, react_1.useMemo)(function () {
         return Array.isArray(children) ? children : [children];
@@ -66,24 +68,6 @@ var ContentsCarouselCore = (0, react_1.forwardRef)(function (_a, ref) {
         // 슬라이드 수가 충분하면 원본 반환
         return originalChildren;
     }, [originalChildren, loop, slidesPerView]);
-    console.log('loopedChildren', loopedChildren);
-    // const slidesWithEmpty = useMemo(() => {
-    //   const childrenArray = Array.isArray(children) ? children : [children];
-    //   if (
-    //     slidesPerView === styles.slidesPerGroup &&
-    //     styles.slidesPerGroup &&
-    //     styles.slidesPerGroup > 1
-    //   ) {
-    //     const remainder = childrenArray.length % styles.slidesPerGroup;
-    //     if (remainder !== 0) {
-    //       const emptyCount = styles.slidesPerGroup - remainder;
-    //       return [...childrenArray, ...Array(emptyCount).fill(null)];
-    //     }
-    //   }
-    //   return childrenArray;
-    // }, [children, slidesPerView, styles.slidesPerGroup]);
-    // const finalSlidesPerView = props.effect === 'cards' ? 1 : slidesPerView;
-    // const useAutoplay = !!styles.useAutoplay && Array.isArray(children) && children.length > 1;
     return ((0, jsx_runtime_1.jsx)(StyledSwiper_1.default, __assign({ id: "styled-swiper-wrapper" }, { children: (0, jsx_runtime_1.jsx)(react_2.Swiper, __assign({ ref: ref, style: {
                 width: '100%',
                 height: '100%'

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

@@ -17,6 +17,7 @@ var elementPositions_1 = require("../../SlideBanner/hooks/elementPositions");
 var useFlexGridLayout = function (_a) {
     var components = _a.components;
     var _b = (0, react_1.useState)({ top: 0, right: 0, bottom: 0, left: 0 }), groupSizes = _b[0], setGroupSizes = _b[1];
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var _c = (0, react_1.useState)({ width: 0, height: 0 }), layoutSize = _c[0], setLayoutSize = _c[1];
     var layoutRef = (0, react_1.useRef)(null);
     var positionRefs = (0, react_1.useRef)({});
@@ -76,16 +77,6 @@ var useFlexGridLayout = function (_a) {
             alignItems: isSOUTH ? 'flex-start' : isNORTH ? 'flex-end' : 'center',
             justifyContent: isEAST ? 'flex-start' : isWEST ? 'flex-end' : 'center'
         };
-        // // CCB의 중앙 위치 계산
-        // const ccbTop = parseFloat(ccbInset.top) || 0;
-        // const ccbRight = parseFloat(ccbInset.right) || 0;
-        // const ccbBottom = parseFloat(ccbInset.bottom) || 0;
-        // const ccbLeft = parseFloat(ccbInset.left) || 0;
-        // // CCB의 실제 크기와 중앙 위치 계산
-        // const ccbWidth = layoutSize.width - ccbLeft - ccbRight;
-        // const ccbHeight = layoutSize.height - ccbTop - ccbBottom;
-        // const ccbCenterX = ccbLeft + ccbWidth / 2;
-        // const ccbCenterY = ccbTop + ccbHeight / 2;
         var pos = (0, elementPositions_1.getPosition)(position, designType, size, elementType);
         return __assign(__assign({}, base), pos);
     };

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { type CB_LIST } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
 import type { OUTSET_POSTIION, INSET_POSTIION, CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE } from './types';
+import type { CB_LIST } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
 import type { CB_LIST_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
 type Props = CB_LIST_PROPERTIES_TYPE & IndexForIntersection & {
     compositions: CB_LIST['compositions'];

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

@@ -22,6 +22,7 @@ exports.CustomPagination = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var paginationConfigs_1 = require("./paginationConfigs");
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 var CustomPagination = function (_a) {
     var _b = _a.current, current = _b === void 0 ? 1 : _b, _c = _a.total, total = _c === void 0 ? 1 : _c, styles = _a.styles, style = _a.style, onPageClick = _a.onPageClick;
     var getPageGroupStart = function (page) {

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

@@ -12,9 +12,9 @@ type Props = {
     maxVisiblePages?: number;
     size: 'SMALL' | 'MEDIUM' | 'LARGE';
 };
-export declare function Design1({ total, current, pages, primaryColor, secondaryColor, ellipsis, maxVisiblePages, size, onPageChange, onNext, onPrevious }: Props): JSX.Element;
+export declare function Design1({ total, current, primaryColor, secondaryColor, ellipsis, maxVisiblePages, size, onPageChange, onNext, onPrevious }: Props): JSX.Element;
 export declare function Design2({ total, current, primaryColor, secondaryColor, ellipsis, maxVisiblePages, size, onPageChange, onNext, onPrevious }: Props): JSX.Element;
-export declare function Design3({ total, current, pages, primaryColor, secondaryColor, ellipsis, maxVisiblePages, size, onPageChange, onNext, onPrevious }: Props): JSX.Element;
-export declare function Design7({ total, current, pages, primaryColor, secondaryColor, size, onPageChange, onNext, onPrevious }: Props): JSX.Element;
-export declare function Design8({ total, current, pages, primaryColor, secondaryColor, size, onPageChange, onNext, onPrevious }: Props): JSX.Element;
+export declare function Design3({ total, current, primaryColor, secondaryColor, ellipsis, maxVisiblePages, size, onPageChange, onNext, onPrevious }: Props): JSX.Element;
+export declare function Design7({ total, current, primaryColor, secondaryColor, size, onNext, onPrevious }: Props): JSX.Element;
+export declare function Design8({ total, current, primaryColor, secondaryColor, size, onNext, onPrevious }: Props): JSX.Element;
 export {};

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

@@ -45,7 +45,7 @@ var components_1 = require("../../../../../../../../DynamicLayout/components");
 var styled_components_1 = __importStar(require("styled-components"));
 var usePagination_1 = require("../hooks/usePagination");
 function Design1(_a) {
-    var total = _a.total, current = _a.current, pages = _a.pages, primaryColor = _a.primaryColor, secondaryColor = _a.secondaryColor, ellipsis = _a.ellipsis, _b = _a.maxVisiblePages, maxVisiblePages = _b === void 0 ? 5 : _b, size = _a.size, onPageChange = _a.onPageChange, onNext = _a.onNext, onPrevious = _a.onPrevious;
+    var total = _a.total, current = _a.current, primaryColor = _a.primaryColor, secondaryColor = _a.secondaryColor, ellipsis = _a.ellipsis, _b = _a.maxVisiblePages, maxVisiblePages = _b === void 0 ? 5 : _b, size = _a.size, onPageChange = _a.onPageChange, onNext = _a.onNext, onPrevious = _a.onPrevious;
     // ellipsis prop에 따라 렌더링할 페이지 목록 결정
     var pagesToRender = ellipsis
         ? (0, usePagination_1.getPaginationItems)(total, current, maxVisiblePages)
@@ -68,7 +68,7 @@ function Design2(_a) {
 }
 exports.Design2 = Design2;
 function Design3(_a) {
-    var total = _a.total, current = _a.current, pages = _a.pages, primaryColor = _a.primaryColor, secondaryColor = _a.secondaryColor, ellipsis = _a.ellipsis, _b = _a.maxVisiblePages, maxVisiblePages = _b === void 0 ? 5 : _b, size = _a.size, onPageChange = _a.onPageChange, onNext = _a.onNext, onPrevious = _a.onPrevious;
+    var total = _a.total, current = _a.current, primaryColor = _a.primaryColor, secondaryColor = _a.secondaryColor, ellipsis = _a.ellipsis, _b = _a.maxVisiblePages, maxVisiblePages = _b === void 0 ? 5 : _b, size = _a.size, onPageChange = _a.onPageChange, onNext = _a.onNext, onPrevious = _a.onPrevious;
     var pagesToRender = ellipsis
         ? (0, usePagination_1.getPaginationItems)(total, current, maxVisiblePages)
         : Array.from({ length: total }, function (_, i) { return i + 1; });
@@ -79,7 +79,7 @@ function Design3(_a) {
 }
 exports.Design3 = Design3;
 function Design7(_a) {
-    var total = _a.total, current = _a.current, pages = _a.pages, primaryColor = _a.primaryColor, secondaryColor = _a.secondaryColor, size = _a.size, onPageChange = _a.onPageChange, onNext = _a.onNext, onPrevious = _a.onPrevious;
+    var total = _a.total, current = _a.current, primaryColor = _a.primaryColor, secondaryColor = _a.secondaryColor, size = _a.size, onNext = _a.onNext, onPrevious = _a.onPrevious;
     var _b = LIST_PAGINATION_SIZES.DESIGN7[size], BUTTON_SIZE = _b.BUTTON_SIZE, SELECTED_TEXT_STYLE_THEME = _b.SELECTED_TEXT_STYLE_THEME, UNSELECTED_TEXT_STYLE_THEME = _b.UNSELECTED_TEXT_STYLE_THEME, ICON_SIZE = _b.ICON_SIZE;
     return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ style: { color: secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_Pointer, __assign({ onClick: onPrevious, disabled: current === 1 }, { children: (0, jsx_runtime_1.jsx)(components_1.D_IconButton, { iconName: "ic_arrow_left", iconSize: ICON_SIZE, baseSize: BUTTON_SIZE, iconColorKey: "ui_cpnt_icon_sys_dark", overrideIconColorHex: primaryColor, baseColorKey: "ui_cpnt_button_fill_base_transparent", overrideIconColorHexHover: primaryColor }) })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: {
                     marginLeft: '8px',
@@ -88,7 +88,7 @@ function Design7(_a) {
 }
 exports.Design7 = Design7;
 function Design8(_a) {
-    var total = _a.total, current = _a.current, pages = _a.pages, primaryColor = _a.primaryColor, secondaryColor = _a.secondaryColor, size = _a.size, onPageChange = _a.onPageChange, onNext = _a.onNext, onPrevious = _a.onPrevious;
+    var total = _a.total, current = _a.current, primaryColor = _a.primaryColor, secondaryColor = _a.secondaryColor, size = _a.size, onNext = _a.onNext, onPrevious = _a.onPrevious;
     var _b = LIST_PAGINATION_SIZES.DESIGN8[size], BUTTON_SIZE = _b.BUTTON_SIZE, SELECTED_TEXT_STYLE_THEME = _b.SELECTED_TEXT_STYLE_THEME, UNSELECTED_TEXT_STYLE_THEME = _b.UNSELECTED_TEXT_STYLE_THEME, ICON_SIZE = _b.ICON_SIZE;
     return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ style: { color: secondaryColor || 'inherit' } }, { children: [(0, jsx_runtime_1.jsx)(S_Pointer, __assign({ onClick: onPrevious, disabled: current === 1 }, { children: (0, jsx_runtime_1.jsx)(components_1.D_IconButton, { iconName: "ic_arrow_left", iconSize: ICON_SIZE, baseSize: BUTTON_SIZE, iconColorKey: "ui_cpnt_icon_sys_dark", overrideIconColorHex: primaryColor, baseColorKey: "ui_cpnt_button_fill_base_transparent", overrideIconColorHexHover: primaryColor }) })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: {
                     marginLeft: '8px',
@@ -312,14 +312,7 @@ var S_Page = styled_components_1.default.button(templateObject_3 || (templateObj
     var size = _a.size;
     return (typeof size === 'number' ? "".concat(size, "px") : size || '32px');
 });
-var S_Text = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: ", ";\n  font-size: ", ";\n"], ["\n  color: ", ";\n  font-size: ", ";\n"])), function (_a) {
-    var $color = _a.$color;
-    return $color;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.desktopFontSize.caption1;
-});
-var S_TextLabel = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n  ", ";\n"], ["\n  ", ";\n  ", ";\n"])), function (_a) {
+var S_TextLabel = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  ", ";\n"], ["\n  ", ";\n  ", ";\n"])), function (_a) {
     var styleTheme = _a.styleTheme;
     return styleTheme &&
         {
@@ -336,15 +329,15 @@ var S_TextLabel = styled_components_1.default.div(templateObject_5 || (templateO
     var colorTheme = _a.colorTheme;
     return colorTheme && { sysTextWhite: sysTextWhite, sysTextBlack: sysTextBlack }[colorTheme];
 });
-var sysTextWhite = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+var sysTextWhite = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_cpnt_textlabel_sys_white;
 });
-var sysTextBlack = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+var sysTextBlack = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_cpnt_textlabel_sys_black;
 });
-var body2Bold = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+var body2Bold = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.desktopFontSize.body2;
 }, function (_a) {
@@ -354,7 +347,7 @@ var body2Bold = (0, styled_components_1.css)(templateObject_8 || (templateObject
     var theme = _a.theme;
     return theme.desktopLineHeight.body2;
 });
-var body2Regular = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+var body2Regular = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.desktopFontSize.body2;
 }, function (_a) {
@@ -364,7 +357,7 @@ var body2Regular = (0, styled_components_1.css)(templateObject_9 || (templateObj
     var theme = _a.theme;
     return theme.desktopLineHeight.body2;
 });
-var body1Bold = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+var body1Bold = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.desktopFontSize.body1;
 }, function (_a) {
@@ -374,7 +367,7 @@ var body1Bold = (0, styled_components_1.css)(templateObject_10 || (templateObjec
     var theme = _a.theme;
     return theme.desktopLineHeight.body1;
 });
-var body1Regular = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+var body1Regular = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.desktopFontSize.body1;
 }, function (_a) {
@@ -384,7 +377,7 @@ var body1Regular = (0, styled_components_1.css)(templateObject_11 || (templateOb
     var theme = _a.theme;
     return theme.desktopLineHeight.body1;
 });
-var caption1Bold = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+var caption1Bold = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.desktopFontSize.caption1;
 }, function (_a) {
@@ -394,7 +387,7 @@ var caption1Bold = (0, styled_components_1.css)(templateObject_12 || (templateOb
     var theme = _a.theme;
     return theme.desktopLineHeight.caption1;
 });
-var caption1Regular = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+var caption1Regular = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.desktopFontSize.caption1;
 }, function (_a) {
@@ -404,7 +397,7 @@ var caption1Regular = (0, styled_components_1.css)(templateObject_13 || (templat
     var theme = _a.theme;
     return theme.desktopLineHeight.caption1;
 });
-var caption2Bold = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+var caption2Bold = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.desktopFontSize.caption2;
 }, function (_a) {
@@ -414,7 +407,7 @@ var caption2Bold = (0, styled_components_1.css)(templateObject_14 || (templateOb
     var theme = _a.theme;
     return theme.desktopLineHeight.caption2;
 });
-var caption2Regular = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
+var caption2Regular = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"], ["\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.desktopFontSize.caption2;
 }, function (_a) {
@@ -424,44 +417,6 @@ var caption2Regular = (0, styled_components_1.css)(templateObject_15 || (templat
     var theme = _a.theme;
     return theme.desktopLineHeight.caption2;
 });
-function generatePaginationPages(total, current) {
-    // 총 페이지가 10개 이하면 모든 페이지 표시
-    if (total <= 10) {
-        return Array.from({ length: total }, function (_, i) { return i + 1; });
-    }
-    var pages = [];
-    // 항상 첫 페이지 표시
-    pages.push(1);
-    // 현재 페이지가 1~3 범위인 경우
-    if (current <= 3) {
-        // 2, 3 표시 (1은 이미 추가됨)
-        pages.push(2, 3);
-        if (total > 3) {
-            pages.push('...');
-        }
-    }
-    // 현재 페이지가 마지막 3개 범위인 경우
-    else if (current >= total - 2) {
-        pages.push('...');
-        // 마지막 3개 페이지 표시
-        pages.push(total - 2, total - 1);
-    }
-    // 중간 범위인 경우
-    else {
-        pages.push('...');
-        // 현재 페이지와 양옆 페이지 표시
-        pages.push(current - 1, current, current + 1);
-        pages.push('...');
-    }
-    // 항상 마지막 페이지 표시 (마지막 3개 범위가 아닌 경우에만)
-    if (current < total - 2 || current === 1) {
-        pages.push(total);
-    }
-    else if (current >= total - 2) {
-        pages.push(total);
-    }
-    return pages;
-}
 var LIST_PAGINATION_SIZES = {
     DESIGN1: {
         SMALL: {
@@ -564,4 +519,4 @@ var LIST_PAGINATION_SIZES = {
         }
     }
 };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;

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

@@ -17,6 +17,7 @@ var elementPositions_1 = require("./elementPositions");
 var useFlexGridLayout = function (_a) {
     var components = _a.components;
     var _b = (0, react_1.useState)({ top: 0, right: 0, bottom: 0, left: 0 }), groupSizes = _b[0], setGroupSizes = _b[1];
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var _c = (0, react_1.useState)({ width: 0, height: 0 }), layoutSize = _c[0], setLayoutSize = _c[1];
     var layoutRef = (0, react_1.useRef)(null);
     var positionRefs = (0, react_1.useRef)({});

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { type CB_SLIDEBANNER } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
 import type { CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE, INSET_POSTIION, OUTSET_POSTIION } from './types';
+import type { CB_SLIDEBANNER } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
 import type { CB_SLIDEBANNER_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
 type Props = CB_SLIDEBANNER_PROPERTIES_TYPE & IndexForIntersection & {
     compositions: CB_SLIDEBANNER['compositions'];

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

@@ -45,12 +45,13 @@ var CustomNavigationNextBtn_1 = require("./components/CustomNavigationNextBtn");
 var CustomNavigationPrevBtn_1 = require("./components/CustomNavigationPrevBtn");
 var CustomPagination_1 = require("./components/CustomPagination");
 var CustomProgressbar_1 = require("./components/CustomProgressbar");
-require("./hooks/elementPositions");
 var useFlexGridLayout_1 = require("./hooks/useFlexGridLayout");
 var useSwiper_1 = require("./hooks/useSwiper");
 var SlideBannerCore_1 = __importDefault(require("./SlideBannerCore"));
 var slideBannerUtils_1 = require("./slideBannerUtils");
-var createComponent = function (type, getDesignType, getLocation, designType, size) {
+var createComponent = function (type, getDesignType, getLocation, designType, 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+size) {
     if (size === void 0) { size = 'MEDIUM'; }
     return function (normalStyle, hoverStyle, isHovered, size) {
         if (size === void 0) { size = 'MEDIUM'; }
@@ -71,7 +72,7 @@ var createComponent = function (type, getDesignType, getLocation, designType, si
 function SlideBanner(props) {
     var _a;
     var _b = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _b.device, mode = _b.mode, queryData = _b.queryData;
-    var index = props.index, _c = props.CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS, CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE, CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA, CB_CONTENT_PROP_SLIDEBANNER_SPEC_MANUALITEMS = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_MANUALITEMS, CB_STYLE_PROP_SLIDEBANNERDESIGN = props.CB_STYLE_PROP_SLIDEBANNERDESIGN, CB_STYLE_PROP_SLIDEBANNERPAGINATION = props.CB_STYLE_PROP_SLIDEBANNERPAGINATION, CB_STYLE_PROP_SLIDEBANNERBUTTON = props.CB_STYLE_PROP_SLIDEBANNERBUTTON, CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD = props.CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD, CB_STYLE_PROP_SLIDEBANNERPROGRESSBAR = props.CB_STYLE_PROP_SLIDEBANNERPROGRESSBAR, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_STYLE_PROP_BGMEDIA = props.CB_STYLE_PROP_BGMEDIA, CB_EFFECT_PROP_SLIDEBANNER_SPEC_TRANSITIONTYPE = props.CB_EFFECT_PROP_SLIDEBANNER.CB_EFFECT_PROP_SLIDEBANNER_SPEC_TRANSITIONTYPE, CB_CONTENT_PROP_VISIBILITY = props.CB_CONTENT_PROP_VISIBILITY;
+    var index = props.index, _c = props.CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS, CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE, CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA, CB_CONTENT_PROP_SLIDEBANNER_SPEC_MANUALITEMS = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_MANUALITEMS, CB_STYLE_PROP_SLIDEBANNERDESIGN = props.CB_STYLE_PROP_SLIDEBANNERDESIGN, CB_STYLE_PROP_SLIDEBANNERPAGINATION = props.CB_STYLE_PROP_SLIDEBANNERPAGINATION, CB_STYLE_PROP_SLIDEBANNERBUTTON = props.CB_STYLE_PROP_SLIDEBANNERBUTTON, CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD = props.CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD, CB_STYLE_PROP_SLIDEBANNERPROGRESSBAR = props.CB_STYLE_PROP_SLIDEBANNERPROGRESSBAR, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_STYLE_PROP_BGMEDIA = props.CB_STYLE_PROP_BGMEDIA, CB_EFFECT_PROP_SLIDEBANNER_SPEC_TRANSITIONTYPE = props.CB_EFFECT_PROP_SLIDEBANNER.CB_EFFECT_PROP_SLIDEBANNER_SPEC_TRANSITIONTYPE;
     var compositions = props.compositions;
     var CB_STYLE_PROP_SLIDEBANNER = __assign(__assign(__assign(__assign(__assign({}, CB_STYLE_PROP_SLIDEBANNERDESIGN), CB_STYLE_PROP_SLIDEBANNERPAGINATION), CB_STYLE_PROP_SLIDEBANNERBUTTON), CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD), CB_STYLE_PROP_SLIDEBANNERPROGRESSBAR);
     var autoPlayEnabled = device === 'DESKTOP'
@@ -118,7 +119,12 @@ function SlideBanner(props) {
         createPrevButton(customNavigationNormalStyle, customNavigationHoverStyle, isHovered),
         createNextButton(customNavigationNormalStyle, customNavigationHoverStyle, isHovered),
         createPagination(customPaginationNormalStyle, customPaginationHoverStyle, isHovered),
-        { type: 'PROGRESSBAR', position: customProgressbarNormalStyle.type === 'DESIGN4' ? 'INSET_PROGRESS' : 'INSET5' }
+        {
+            type: 'PROGRESSBAR',
+            position: customProgressbarNormalStyle.type === 'DESIGN4'
+                ? 'INSET_PROGRESS'
+                : 'INSET5'
+        }
     ].filter(function (component) { return component !== undefined; });
     var _l = (0, useFlexGridLayout_1.useFlexGridLayout)({ components: components }), layoutRef = _l.layoutRef, positionRefs = _l.positionRefs, ccbInset = _l.ccbInset, componentGroups = _l.componentGroups, getPositionStyle = _l.getPositionStyle, getComponentGroupLayout = _l.getComponentGroupLayout;
     var renderElements = function (component, positionStyle) {

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

@@ -17,6 +17,7 @@ var elementPositions_1 = require("./elementPositions");
 var useFlexGridLayout = function (_a) {
     var components = _a.components;
     var _b = (0, react_1.useState)({ top: 0, right: 0, bottom: 0, left: 0 }), groupSizes = _b[0], setGroupSizes = _b[1];
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var _c = (0, react_1.useState)({ width: 0, height: 0 }), layoutSize = _c[0], setLayoutSize = _c[1];
     var layoutRef = (0, react_1.useRef)(null);
     var positionRefs = (0, react_1.useRef)({});

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

@@ -29,7 +29,6 @@ var textUtil_1 = require("../../../../newUtils/textUtil");
 var util_1 = require("../../../../util");
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_Box_1 = require("../components/S_CB_Box");
-require("../components/S_CB_BoxWithShadow");
 var S_HeightFitContentCover_1 = require("../components/S_HeightFitContentCover");
 var S_HiddenCover_1 = require("../components/S_HiddenCover");
 var useCLINK_1 = __importDefault(require("../hooks/useCLINK"));

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

@@ -1,5 +1,5 @@
 import type { ComponentBlock } from '../types';
-import type { Layout, LayoutItem } from 'publ-echo-test/dist/lib';
+import type { Layout, LayoutItem } from 'publ-echo/dist/lib';
 export interface LayoutItemWithGroupType extends LayoutItem {
     childrenIds: string[];
     keepInLastIndex?: boolean;

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

@@ -1,7 +1,7 @@
-import { type ComponentBlock } from '../types';
+import type { ComponentBlock } from '../types';
 import type { PlaceRestrictionType } from '../../../../DynamicLayout/types';
-import type { ZOrder } from 'publ-echo-test/dist/lib/GridLayoutEditor/group';
 import type { LayoutItem } from 'publ-echo/dist/lib';
+import type { ZOrder } from 'publ-echo/dist/lib/GridLayoutEditor/group';
 export declare function getHeightFitContent(cb: ComponentBlock): {
     mobile: boolean;
     desktop: boolean;

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

@@ -30,7 +30,8 @@ function getHeightFitContent(cb) {
         };
     }
     if (cb.componentBlockCode === types_1.CB_ALL_CODES.CB_LIST) {
-        var desktop = (_e = cb.jsonProperties.data.CB_STYLE_PROP_CONTENTSLISTDESIGN.CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMHEIGHTFITCONTENT) !== null && _e !== void 0 ? _e : true;
+        var desktop = (_e = cb.jsonProperties.data.CB_STYLE_PROP_CONTENTSLISTDESIGN
+            .CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMHEIGHTFITCONTENT) !== null && _e !== void 0 ? _e : true;
         var mobile = (_f = cb.jsonProperties.data.CB_STYLE_PROP_CONTENTSLISTDESIGN['CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMHEIGHTFITCONTENT:MOBILE']) !== null && _f !== void 0 ? _f : desktop;
         return {
             desktop: desktop,
@@ -39,12 +40,13 @@ function getHeightFitContent(cb) {
     }
     return {
         desktop: false,
-        mobile: false,
+        mobile: false
     };
 }
 exports.getHeightFitContent = getHeightFitContent;
 function parsePlacement(components, zOrders, placementRestriction) {
     if (!zOrders) {
+        // eslint-disable-next-line no-console
         console.error('Z-ORDER NOT FOUND');
     }
     return components.reduce(function (acc, cur) {
@@ -70,7 +72,7 @@ function parsePropPlacement(props, id, cbCode, zOrders, heightFitContent, cbRest
         minH: (_a = cbRestriction === null || cbRestriction === void 0 ? void 0 : cbRestriction.rowHMin) !== null && _a !== void 0 ? _a : 1,
         minW: (_b = cbRestriction === null || cbRestriction === void 0 ? void 0 : cbRestriction.columnWMin) !== null && _b !== void 0 ? _b : 1,
         resizeHandles: getResizeHandles(heightFitContent.desktop),
-        heightFitContent: heightFitContent.desktop,
+        heightFitContent: heightFitContent.desktop
     };
     var mobileLayout = {
         i: id.toString(),
@@ -83,7 +85,7 @@ function parsePropPlacement(props, id, cbCode, zOrders, heightFitContent, cbRest
         minH: (_c = cbRestriction === null || cbRestriction === void 0 ? void 0 : cbRestriction.rowHMin) !== null && _c !== void 0 ? _c : 1,
         minW: (_d = cbRestriction === null || cbRestriction === void 0 ? void 0 : cbRestriction.mobileColumnWMin) !== null && _d !== void 0 ? _d : 1,
         heightFitContent: heightFitContent.mobile,
-        resizeHandles: getResizeHandles(heightFitContent.mobile),
+        resizeHandles: getResizeHandles(heightFitContent.mobile)
     };
     return {
         mobileLayout: mobileLayout,
@@ -101,6 +103,6 @@ function getResizeHandles(heightFitContent) {
     if (heightFitContent) {
         return ['e', 'w'];
     }
-    return ["nw", "e", "n", "ne", "s", "se", "sw", "w"];
+    return ['nw', 'e', 'n', 'ne', 's', 'se', 'sw', 'w'];
 }
 exports.default = parsePlacement;

package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ISection } from '../types';
-import type { Layout } from 'publ-echo-test/dist/lib/GridLayoutEditor/types';
+import type { Layout } from 'publ-echo/dist/lib/GridLayoutEditor/types';
 export type LayoutsType = {
     sm: Layout;
     lg: Layout;

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

@@ -224,7 +224,7 @@ var FlexGridCustomSection = (0, react_1.forwardRef)(function CustomSection(props
                             // onToggleGBPinned={onToggleGBPinned}
                             isEditMode: false }, child.blockId)); }) })) })) })) })) }));
 });
-var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-auto-rows: minmax(", ", auto);\n  grid-template-columns: repeat(", ", 1fr);\n  grid-template-rows: repeat(\n    ", ",\n    minmax(", ", auto)\n  );\n  padding: 10px 10px;\n\n  * {\n    box-sizing: border-box;\n  }\n"], ["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-auto-rows: minmax(", ", auto);\n  grid-template-columns: repeat(", ", 1fr);\n  grid-template-rows: repeat(\n    ", ",\n    minmax(", ", auto)\n  );\n  padding: 10px 10px;\n\n  * {\n    box-sizing: border-box;\n  }\n"])), function (props) { return "".concat(props.rowHeight, "px"); }, function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
+var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-auto-rows: minmax(", ", auto);\n  grid-template-columns: repeat(", ", minmax(0, 1fr));\n  grid-template-rows: repeat(\n    ", ",\n    minmax(", ", auto)\n  );\n  padding: 10px 10px;\n\n  * {\n    box-sizing: border-box;\n  }\n"], ["\n  display: grid; /* Space between grid items */\n  gap: 10px;\n  grid-auto-rows: minmax(", ", auto);\n  grid-template-columns: repeat(", ", minmax(0, 1fr));\n  grid-template-rows: repeat(\n    ", ",\n    minmax(", ", auto)\n  );\n  padding: 10px 10px;\n\n  * {\n    box-sizing: border-box;\n  }\n"])), function (props) { return "".concat(props.rowHeight, "px"); }, function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
 var S_SectionWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
 exports.default = react_1.default.memo(FlexGridCustomSection);
 function getDefensiveFontSize(device, width) {

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

@@ -8,7 +8,7 @@ import type { CB_STYLE_PROP_BGOVERLAY_SPECS } from './sections/CustomSection/uti
 import type { CB_STYLE_PROP_BORDER_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropBorder';
 import type { CB_STYLE_PROP_SHADOW_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropShadow';
 import type { CCB_VALUE_TYPE, COMPOSITION_VALUE_TYPE } from './sections/CustomSection/util/types';
-import type { Block, ZOrder } from 'publ-echo-test/dist/lib/GridLayoutEditor/group';
+import type { Block, ZOrder } from 'publ-echo/dist/lib/GridLayoutEditor/group';
 import type { Ref } from 'react';
 export { TypeOfSectionAction };
 export type TypeOfSectionManifestSchema = 'BASE_INTRO' | 'BASE_CONTENTS' | 'BASE_CONTENTS_CAROUSEL' | 'BASE_FOOTER' | 'BASE_INFO_BOX' | 'EXP_IFRAME' | 'PRG_MEMBERSHIP_DISPLAY' | 'CUSTOM';

package/dist/src/sub/DynamicLayout/utils/groupHelpers.d.ts

@@ -0,0 +1,57 @@
+import type { Block } from 'publ-echo/dist/lib/GridLayoutEditor/group';
+export declare function findAllChildrenCbIds(block: Block, targetGroupId: string): number[];
+export declare function gridAreaObjToString(area: {
+    rowStart: number;
+    colStart: number;
+    rowEnd: number;
+    colEnd: number;
+}): string;
+export declare function getGridAreaFromGroup(position: {
+    x: number;
+    y: number;
+    cols: number;
+    rows: number;
+}): {
+    rowStart: number;
+    colStart: number;
+    rowEnd: number;
+    colEnd: number;
+};
+interface GridArea {
+    rowStart: number;
+    colStart: number;
+    rowEnd: number;
+    colEnd: number;
+}
+/**
+ * grid-area 문자열을 파싱하여 객체로 변환합니다.
+ * 예: "1 / 2 / 3 / 4" => { rowStart: 1, colStart: 2, rowEnd: 3, colEnd: 4 }
+ */
+export declare function parseGridArea(gridArea: string): GridArea;
+/**
+ * 부모 그룹 영역을 기준으로 컴포넌트의 상대적 위치를 계산합니다.
+ * 예: 부모가 row 21에서 시작하고 컴포넌트가 row 21에 있다면, 상대적으로는 row 1에 위치하게 됩니다.
+ */
+export declare function calculateRelativeGridArea(componentArea: {
+    rowStart: number;
+    colStart: number;
+    rowEnd: number;
+    colEnd: number;
+}, parentArea: {
+    rowStart: number;
+    colStart: number;
+    rowEnd: number;
+    colEnd: number;
+}): {
+    rowStart: number;
+    colStart: number;
+    rowEnd: number;
+    colEnd: number;
+};
+export declare function getMaxHeight(props: {
+    cols: number;
+    rows: number;
+    x: number;
+    y: number;
+}, rowHeight: number): number;
+export {};