pds-dev-kit-web-test 2.5.381 → 2.5.382

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-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'];
-};
-declare function SlideBanner(props: Props): JSX.Element;
-export default SlideBanner;

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

@@ -1,225 +0,0 @@
-"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var createCompositions_1 = require("../../../../../../../DynamicLayout/CompositionRenderer/createCompositions");
-var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
-var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
-var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
-var styled_components_1 = __importStar(require("styled-components"));
-var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
-var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
-var CustomNavigation_1 = require("./components/CustomNavigation");
-var CustomPagination_1 = require("./components/CustomPagination");
-var CustomProgressbar_1 = require("./components/CustomProgressbar");
-var SlideBannerCore_1 = __importDefault(require("./SlideBannerCore"));
-var slideBannerUtils_1 = require("./slideBannerUtils");
-function SlideBanner(props) {
-    var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, mode = _a.mode, queryData = _a.queryData;
-    var index = props.index, 
-    // CONTENT : 슬라이드배너
-    _b = props.CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS = _b.CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS, CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE = _b.CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE, CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA = _b.CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA, 
-    // STYLE: 슬라이드배너
-    CB_STYLE_PROP_SLIDEBANNER = props.CB_STYLE_PROP_SLIDEBANNER, 
-    // STYLE: 그림자
-    CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, 
-    // EFFECT: 진입
-    CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
-    var compositions = props.compositions;
-    var _c = (0, react_1.useState)(false), isHovered = _c[0], setIsHovered = _c[1];
-    var _d = (0, react_1.useState)(1), currentSlide = _d[0], setCurrentSlide = _d[1];
-    var _e = (0, react_1.useState)(0), totalPages = _e[0], setTotalPages = _e[1];
-    var _f = (0, react_1.useState)(true), isBeginning = _f[0], setIsBeginning = _f[1];
-    var _g = (0, react_1.useState)(false), isEnd = _g[0], setIsEnd = _g[1];
-    var progressRef = (0, react_1.useRef)(0);
-    var leftTimeMsRef = (0, react_1.useRef)(0);
-    var swiperRef = (0, react_1.useRef)(null);
-    var _h = (0, slideBannerUtils_1.parseSlideBannerStyleToSlideBannerCoreProp)({
-        props: CB_STYLE_PROP_SLIDEBANNER,
-        device: device
-    }), slideBannerNormalStyle = _h.normalStyle, slideBannerHoverStyle = _h.hoverStyle;
-    var _j = (0, slideBannerUtils_1.parseSlideBannerStyleToCustomPaginationProp)({
-        props: CB_STYLE_PROP_SLIDEBANNER,
-        device: device
-    }), customPaginationNormalStyle = _j.normalStyle, customPaginationHoverStyle = _j.hoverStyle;
-    var _k = (0, slideBannerUtils_1.parseSlideBannerStyleToCustomNavigationProp)({
-        props: CB_STYLE_PROP_SLIDEBANNER,
-        device: device
-    }), customNavigationNormalStyle = _k.normalStyle, customNavigationHoverStyle = _k.hoverStyle;
-    var _l = (0, slideBannerUtils_1.parseSlideBannerStyleToCustomProgressbarProp)({
-        props: CB_STYLE_PROP_SLIDEBANNER,
-        device: device
-    }), customProgressbarNormalStyle = _l.normalStyle, customProgressbarHoverStyle = _l.hoverStyle;
-    var _m = (0, util_1.parseProperties)(props, device), style = _m.style, hoverStyle = _m.hoverStyle, layout = _m.layout, effect = _m.effect;
-    var loop = isHovered ? slideBannerNormalStyle.loop : slideBannerHoverStyle.loop;
-    // NOTE: edit모드에서는 그리드의 이벤트만 작동하도록 CB의 포인터 이벤트는 막습니다.
-    var editModeStyle = mode === 'EDIT' ? { pointerEvents: 'none' } : {};
-    // NOTE: EFFECT와 관련된 함수들입니다.
-    var cbRef = (0, react_1.useRef)(null);
-    var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false }, [
-        index
-    ]);
-    var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
-    var effectCssProperties = isVisible ? effect : {};
-    var isNoneEffectType = device === 'DESKTOP'
-        ? CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE === 'NONE'
-        : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
-    var hasEffect = !isNoneEffectType;
-    var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
-    (0, react_1.useEffect)(function () {
-        var _a, _b, _c;
-        (_b = (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.update();
-        (_c = swiperRef.current) === null || _c === void 0 ? void 0 : _c.swiper.update();
-    }, [isHovered]);
-    var handleSwiper = function (swiper) {
-        var originalSlides = Array.from(swiper.slides).filter(function (slide) { return !slide.classList.contains('swiper-slide-duplicate'); });
-        var totalSlides = originalSlides.length;
-        var slidesPerView = typeof swiper.params.slidesPerView === 'number' ? swiper.params.slidesPerView : 1;
-        var slidesPerGroup = typeof swiper.params.slidesPerGroup === 'number' ? swiper.params.slidesPerGroup : 1;
-        var isLoop = swiper.params.loop || false;
-        var totalPages;
-        if (slidesPerView === slidesPerGroup && slidesPerGroup > 1) {
-            // 페이지 단위로 넘어가는 경우 (loop 여부 상관없이 동일)
-            totalPages = Math.ceil(totalSlides / slidesPerGroup);
-        }
-        else if (isLoop) {
-            totalPages = totalSlides;
-        }
-        else {
-            // loop가 꺼져있으면 마지막 슬라이드가 첫 번째 위치에 올 수 있는 경우까지만
-            totalPages = Math.max(1, totalSlides - slidesPerView + 1);
-        }
-        setTotalPages(totalPages);
-        setIsBeginning(swiper.isBeginning);
-        setIsEnd(swiper.isEnd);
-    };
-    var handleSlideChangeTransitionEnd = function (swiper) {
-        var slidesPerGroup = typeof swiper.params.slidesPerGroup === 'number' ? swiper.params.slidesPerGroup : 1;
-        var slidesPerView = typeof swiper.params.slidesPerView === 'number' ? swiper.params.slidesPerView : 1;
-        var isLoop = swiper.params.loop || false;
-        setIsBeginning(swiper.isBeginning);
-        setIsEnd(swiper.isEnd);
-        // 현재 페이지 계산
-        if (slidesPerView === slidesPerGroup && slidesPerGroup > 1) {
-            // 페이지 단위로 이동하는 경우
-            var currentPage = Math.floor(swiper.realIndex / slidesPerGroup) + 1;
-            setCurrentSlide(currentPage);
-        }
-        else if (isLoop) {
-            // loop 모드에서는 realIndex가 실제 슬라이드 인덱스
-            setCurrentSlide(swiper.realIndex + 1);
-        }
-        else {
-            // loop가 꺼져있을 때는 activeIndex 사용
-            setCurrentSlide(swiper.activeIndex + 1);
-        }
-    };
-    var handleAutoplayTimeLeft = (0, react_1.useCallback)(function (swiper, time, progress) {
-        leftTimeMsRef.current = time;
-        progressRef.current = progress;
-    }, []);
-    var handleBulletClick = function (index) {
-        if (swiperRef.current) {
-            var targetIndex = (swiperRef.current.swiper.params.slidesPerGroup || 1) * index;
-            swiperRef.current.swiper.slideTo(targetIndex);
-        }
-    };
-    var handlePrevBtnClick = function () {
-        if (swiperRef.current) {
-            swiperRef.current.swiper.slidePrev();
-        }
-    };
-    var handleNextBtnClick = function () {
-        if (swiperRef.current) {
-            swiperRef.current.swiper.slideNext();
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, style), layout), effectCssProperties), editModeStyle), { borderBottomLeftRadius: style.borderBottomLeftRadius, borderBottomRightRadius: style.borderBottomRightRadius, borderTopLeftRadius: style.borderTopLeftRadius, borderTopRightRadius: style.borderTopRightRadius, borderWidth: undefined, borderColor: undefined, borderStyle: undefined }), hoverStyle: __assign(__assign({}, hoverStyle), { borderBottomLeftRadius: hoverStyle.borderBottomLeftRadius, borderBottomRightRadius: hoverStyle.borderBottomRightRadius, borderTopLeftRadius: hoverStyle.borderTopLeftRadius, borderTopRightRadius: hoverStyle.borderTopRightRadius, borderWidth: undefined, borderColor: undefined, borderStyle: undefined }), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { children: (0, jsx_runtime_1.jsxs)(S_SwiperWrapper, __assign({ customStyle: isHovered ? slideBannerHoverStyle === null || slideBannerHoverStyle === void 0 ? void 0 : slideBannerHoverStyle.customStyle : slideBannerNormalStyle === null || slideBannerNormalStyle === void 0 ? void 0 : slideBannerNormalStyle.customStyle }, { children: [(0, jsx_runtime_1.jsx)(S_SwiperLayout, __assign({ borderStyle: {
-                            borderBottomLeftRadius: style.borderBottomLeftRadius,
-                            borderBottomRightRadius: style.borderBottomRightRadius,
-                            borderTopLeftRadius: style.borderTopLeftRadius,
-                            borderTopRightRadius: style.borderTopRightRadius,
-                            borderWidth: style.borderWidth,
-                            borderColor: style.borderColor,
-                            borderStyle: style.borderStyle
-                        }, hoverBorderStyle: {
-                            borderBottomLeftRadius: hoverStyle.borderBottomLeftRadius,
-                            borderBottomRightRadius: hoverStyle.borderBottomRightRadius,
-                            borderTopLeftRadius: hoverStyle.borderTopLeftRadius,
-                            borderTopRightRadius: hoverStyle.borderTopRightRadius,
-                            borderWidth: hoverStyle.borderWidth,
-                            borderColor: hoverStyle.borderColor,
-                            borderStyle: hoverStyle.borderStyle
-                        } }, { children: (0, jsx_runtime_1.jsx)(SlideBannerCore_1.default, __assign({ ref: swiperRef, onSwiper: handleSwiper, onSlideChangeTransitionEnd: handleSlideChangeTransitionEnd, onAutoplayTimeLeft: handleAutoplayTimeLeft, slidesPerView: CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS, scrollbar: isHovered ? slideBannerHoverStyle.scrollbar : slideBannerNormalStyle.scrollbar, freeMode: isHovered ? slideBannerHoverStyle.freeMode : slideBannerNormalStyle.freeMode, autoplay: isHovered ? slideBannerHoverStyle.autoplay : slideBannerNormalStyle.autoplay, useAutoplay: isHovered ? slideBannerHoverStyle.useAutoplay : slideBannerNormalStyle.useAutoplay, loop: isHovered ? slideBannerHoverStyle.loop : slideBannerNormalStyle.loop }, { children: (0, createCompositions_1.createCompositions)({
-                                valueType: CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE,
-                                queryPath: CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA,
-                                queryData: queryData,
-                                compositions: compositions
-                            }) })) })), (0, jsx_runtime_1.jsx)(CustomPagination_1.CustomPagination, { type: isHovered ? customPaginationHoverStyle.type : customPaginationNormalStyle.type, offset: isHovered ? customPaginationHoverStyle.offset : customPaginationNormalStyle.offset, current: currentSlide, prevBtnDisabled: loop ? false : isBeginning, nextBtnDisabled: loop ? false : isEnd, total: totalPages, size: isHovered ? customPaginationHoverStyle.size : customPaginationNormalStyle.size, onBulletClick: handleBulletClick, onPrevBtnClick: handlePrevBtnClick, onNextBtnClick: handleNextBtnClick }), (0, jsx_runtime_1.jsx)(CustomNavigation_1.CustomNavigation, { prevBtnDisabled: isBeginning, prevBtnType: isHovered
-                            ? customNavigationHoverStyle.prevBtnType
-                            : customNavigationNormalStyle.prevBtnType, prevBtnOffset: isHovered
-                            ? customNavigationHoverStyle.prevBtnOffset
-                            : customNavigationNormalStyle.prevBtnOffset, prevBtnSize: isHovered
-                            ? customNavigationHoverStyle.prevBtnSize
-                            : customNavigationNormalStyle.prevBtnSize, onPrevBtnClick: handlePrevBtnClick, nextBtnDisabled: isEnd, nextBtnType: isHovered
-                            ? customNavigationHoverStyle.nextBtnType
-                            : customNavigationNormalStyle.nextBtnType, nextBtnOffset: isHovered
-                            ? customNavigationHoverStyle.nextBtnOffset
-                            : customNavigationNormalStyle.nextBtnOffset, nextBtnSize: isHovered
-                            ? customNavigationHoverStyle.nextBtnSize
-                            : customNavigationNormalStyle.nextBtnSize, onNextBtnClick: handleNextBtnClick }), (0, jsx_runtime_1.jsx)(CustomProgressbar_1.CustomProgressbar, { progressRef: progressRef, leftTimeMsRef: leftTimeMsRef, type: isHovered ? customProgressbarHoverStyle.type : customProgressbarNormalStyle.type, size: isHovered ? customProgressbarHoverStyle.size : customProgressbarNormalStyle.size, offset: isHovered ? customProgressbarHoverStyle.offset : customProgressbarNormalStyle.offset })] })) })) })));
-}
-var S_SwiperWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n  ", "\n"], ["\n  height: 100%;\n  width: 100%;\n  ", "\n"])), function (_a) {
-    var customStyle = _a.customStyle;
-    return customStyle;
-});
-var S_SwiperLayout = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 100%;\n  overflow: hidden;\n  width: 100%;\n\n  ", ";\n  ", ";\n"], ["\n  height: 100%;\n  overflow: hidden;\n  width: 100%;\n\n  ", ";\n  ", ";\n"])), function (_a) {
-    var hoverBorderStyle = _a.hoverBorderStyle;
-    return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      ", "\n    "], ["\n      ", "\n    "])), __assign(__assign({}, hoverBorderStyle), { boxShadow: '' }));
-}, function (_a) {
-    var borderStyle = _a.borderStyle;
-    return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      ", "\n    "], ["\n      ", "\n    "])), __assign(__assign({}, borderStyle), { boxShadow: '' }));
-});
-exports.default = SlideBanner;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import 'swiper/modules/navigation/navigation.min.css';
-import 'swiper/swiper-bundle.css';
-import type { SwiperProps, SwiperRef } from 'swiper/react/swiper-react.js';
-export interface SlideBannerCoreProps extends SwiperProps {
-    scrollbar?: SwiperProps['scrollbar'];
-    slidesPerView?: SwiperProps['slidesPerView'];
-    freeMode?: SwiperProps['freeMode'];
-    autoplay?: SwiperProps['autoplay'];
-    useAutoplay?: boolean;
-    loop?: SwiperProps['loop'];
-    children?: React.ReactNode[] | JSX.Element;
-}
-declare const SlideBannerCore: import("react").ForwardRefExoticComponent<SlideBannerCoreProps & import("react").RefAttributes<SwiperRef>>;
-export default SlideBannerCore;

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

@@ -1,39 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var swiper_1 = require("swiper");
-require("swiper/modules/navigation/navigation.min.css");
-var react_2 = require("swiper/react");
-require("swiper/swiper-bundle.css");
-var SlideBannerCore = (0, react_1.forwardRef)(function (_a, ref) {
-    var scrollbar = _a.scrollbar, slidesPerView = _a.slidesPerView, freeMode = _a.freeMode, autoplay = _a.autoplay, useAutoplay = _a.useAutoplay, loop = _a.loop, children = _a.children, props = __rest(_a, ["scrollbar", "slidesPerView", "freeMode", "autoplay", "useAutoplay", "loop", "children"]);
-    return ((0, jsx_runtime_1.jsx)(react_2.Swiper, __assign({ ref: ref, style: {
-            width: '100%',
-            height: '100%'
-        }, modules: [swiper_1.Pagination, swiper_1.Navigation, swiper_1.Scrollbar, swiper_1.FreeMode, swiper_1.Autoplay], slidesPerView: slidesPerView, scrollbar: scrollbar, freeMode: freeMode, autoplay: useAutoplay ? autoplay : false, loop: loop }, props, { children: Array.isArray(children) ? (children.map(function (slide, index) { return (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: slide }, index); })) : ((0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: children })) })));
-});
-SlideBannerCore.displayName = 'SlideBannerCore';
-exports.default = SlideBannerCore;

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

@@ -1,31 +0,0 @@
-/// <reference types="react" />
-import type { CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE, CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE } from '../types';
-export type NavigationOffset = {
-    top?: string;
-    bottom?: string;
-    left?: string;
-    right?: string;
-    translateX?: number;
-    translateY?: number;
-    transformOrigin?: string;
-};
-export interface CustomNavigationProps {
-    prevBtnDisabled?: boolean;
-    prevBtnType?: CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE;
-    prevBtnOffset?: NavigationOffset;
-    prevBtnSize?: number;
-    nextBtnDisabled?: boolean;
-    nextBtnType?: CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE;
-    nextBtnOffset?: NavigationOffset;
-    nextBtnSize?: number;
-    onPrevBtnClick?: () => void;
-    onNextBtnClick?: () => void;
-}
-export declare const CustomNavigation: ({ prevBtnDisabled, prevBtnType, prevBtnOffset, prevBtnSize, nextBtnDisabled, nextBtnType, nextBtnOffset, nextBtnSize, onPrevBtnClick, onNextBtnClick }: CustomNavigationProps) => JSX.Element;
-export interface FlexBoxProps {
-    direction?: 'row' | 'column';
-    justifyContent?: string;
-    alignItems?: string;
-    gap?: string;
-}
-export default CustomNavigation;

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

@@ -1,118 +0,0 @@
-"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomNavigation = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var IconButton_1 = require("../../../../../../../../DynamicLayout/components/pdsOriginal/desktop/IconButton");
-var styled_components_1 = __importStar(require("styled-components"));
-var navigationConfigs_1 = require("./navigationConfigs");
-var CustomNavigation = function (_a) {
-    var _b = _a.prevBtnDisabled, prevBtnDisabled = _b === void 0 ? false : _b, _c = _a.prevBtnType, prevBtnType = _c === void 0 ? 'NONE' : _c, _d = _a.prevBtnOffset, prevBtnOffset = _d === void 0 ? { top: '0' } : _d, _e = _a.prevBtnSize, prevBtnSize = _e === void 0 ? 1 : _e, _f = _a.nextBtnDisabled, nextBtnDisabled = _f === void 0 ? false : _f, _g = _a.nextBtnType, nextBtnType = _g === void 0 ? 'NONE' : _g, _h = _a.nextBtnOffset, nextBtnOffset = _h === void 0 ? { top: '0' } : _h, _j = _a.nextBtnSize, nextBtnSize = _j === void 0 ? 1 : _j, onPrevBtnClick = _a.onPrevBtnClick, onNextBtnClick = _a.onNextBtnClick;
-    var getIsSameOffset = function (prevBtnOffset, nextBtnOffset) {
-        return (prevBtnOffset.top === nextBtnOffset.top &&
-            prevBtnOffset.bottom === nextBtnOffset.bottom &&
-            prevBtnOffset.left === nextBtnOffset.left &&
-            prevBtnOffset.right === nextBtnOffset.right &&
-            prevBtnOffset.translateX === nextBtnOffset.translateX &&
-            prevBtnOffset.translateY === nextBtnOffset.translateY &&
-            prevBtnOffset.transformOrigin === nextBtnOffset.transformOrigin);
-    };
-    var isSameOffset = getIsSameOffset(prevBtnOffset, nextBtnOffset);
-    var prevButton = navigationConfigs_1.prevButtonMappedIcons[prevBtnType];
-    var nextButton = navigationConfigs_1.nextButtonMappedIcons[nextBtnType];
-    return ((0, jsx_runtime_1.jsxs)(S_Navigation, __assign({ "$offset": isSameOffset ? prevBtnOffset : undefined, "$size": isSameOffset ? prevBtnSize : 1 }, { children: [(0, jsx_runtime_1.jsx)(S_PrevButton, __assign({ className: "".concat(prevBtnDisabled ? 'disabled' : ''), "$offset": isSameOffset ? undefined : prevBtnOffset, "$size": isSameOffset ? undefined : prevBtnSize }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", shapeType: prevButton.shapeType, baseColorKey: prevButton.baseColorKey || 'ui_cpnt_button_fill_base_transparent', borderColorKey: prevButton.borderColorKey, iconName: prevButton.iconName, iconFillType: "line", iconColorKey: prevButton.iconColorKey || 'ui_cpnt_icon_sys_black', shadow: prevButton.shadow, onClick: onPrevBtnClick }) })), (0, jsx_runtime_1.jsx)(S_NextButton, __assign({ className: "".concat(nextBtnDisabled ? 'disabled' : ''), "$offset": isSameOffset ? undefined : nextBtnOffset, "$size": isSameOffset ? undefined : nextBtnSize }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", shapeType: nextButton.shapeType, baseColorKey: nextButton.baseColorKey || 'ui_cpnt_button_fill_base_transparent', borderColorKey: nextButton.baseColorKey, iconName: nextButton.iconName, iconFillType: "line", iconColorKey: nextButton.iconColorKey || 'ui_cpnt_icon_sys_black', shadow: nextButton.shadow, onClick: onNextBtnClick }) }))] })));
-};
-exports.CustomNavigation = CustomNavigation;
-var S_Navigation = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: ", ";\n  padding: ", ";\n  position: ", ";\n  transform: ", ";\n  ", ";\n  transform-origin: ", ";\n  z-index: 3;\n"], ["\n  display: ", ";\n  padding: ", ";\n  position: ", ";\n  transform: ", ";\n  ", ";\n  transform-origin: ", ";\n  z-index: 3;\n"])), function (_a) {
-    var $offset = _a.$offset;
-    return ($offset ? 'flex' : 'contents');
-}, function (_a) {
-    var $offset = _a.$offset;
-    return ($offset ? '5px' : 0);
-}, function (_a) {
-    var $offset = _a.$offset;
-    return ($offset ? 'absolute' : 'static');
-}, function (_a) {
-    var _b, _c;
-    var $size = _a.$size, $offset = _a.$offset;
-    return "scale(".concat($size, ") translate(").concat((_b = $offset === null || $offset === void 0 ? void 0 : $offset.translateX) !== null && _b !== void 0 ? _b : 0, "%, ").concat((_c = $offset === null || $offset === void 0 ? void 0 : $offset.translateY) !== null && _c !== void 0 ? _c : 0, "%)");
-}, function (_a) {
-    var $offset = _a.$offset;
-    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      ", "\n      ", "\n      ", "\n      ", "\n    "], ["\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), ($offset === null || $offset === void 0 ? void 0 : $offset.top) !== undefined ? "top: ".concat($offset.top, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.bottom) !== undefined ? "bottom: ".concat($offset.bottom, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.left) !== undefined ? "left: ".concat($offset.left, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.right) !== undefined ? "right: ".concat($offset.right, ";") : '');
-}, function (_a) {
-    var $offset = _a.$offset;
-    return ($offset === null || $offset === void 0 ? void 0 : $offset.transformOrigin) || 'center center';
-});
-var S_PrevButton = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  cursor: pointer;\n  padding: ", ";\n  position: ", ";\n  transform: ", ";\n\n  ", ";\n  transform-origin: ", ";\n  z-index: 3;\n\n  &.disabled {\n    cursor: auto;\n    opacity: 0.35;\n    pointer-events: none;\n  }\n"], ["\n  cursor: pointer;\n  padding: ", ";\n  position: ", ";\n  transform: ", ";\n\n  ", ";\n  transform-origin: ", ";\n  z-index: 3;\n\n  &.disabled {\n    cursor: auto;\n    opacity: 0.35;\n    pointer-events: none;\n  }\n"])), function (_a) {
-    var $offset = _a.$offset;
-    return ($offset ? '5px' : 0);
-}, function (_a) {
-    var $offset = _a.$offset;
-    return ($offset ? 'absolute' : 'static');
-}, function (_a) {
-    var _b, _c;
-    var $size = _a.$size, $offset = _a.$offset;
-    return "scale(".concat($size, ") translate(").concat((_b = $offset === null || $offset === void 0 ? void 0 : $offset.translateX) !== null && _b !== void 0 ? _b : 0, "%, ").concat((_c = $offset === null || $offset === void 0 ? void 0 : $offset.translateY) !== null && _c !== void 0 ? _c : 0, "%)");
-}, function (_a) {
-    var $offset = _a.$offset;
-    return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      ", "\n      ", "\n      ", "\n      ", "\n    "], ["\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), ($offset === null || $offset === void 0 ? void 0 : $offset.top) !== undefined ? "top: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.top, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.bottom) !== undefined ? "bottom: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.bottom, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.left) !== undefined ? "left: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.left, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.right) !== undefined ? "right: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.right, ";") : '');
-}, function (_a) {
-    var $offset = _a.$offset;
-    return ($offset === null || $offset === void 0 ? void 0 : $offset.transformOrigin) || 'center center';
-});
-var S_NextButton = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  cursor: pointer;\n  padding: ", ";\n  position: ", ";\n  transform: ", ";\n  ", ";\n  transform-origin: ", ";\n  z-index: 3;\n\n  &.disabled {\n    cursor: auto;\n    opacity: 0.35;\n    pointer-events: none;\n  }\n"], ["\n  cursor: pointer;\n  padding: ", ";\n  position: ", ";\n  transform: ", ";\n  ", ";\n  transform-origin: ", ";\n  z-index: 3;\n\n  &.disabled {\n    cursor: auto;\n    opacity: 0.35;\n    pointer-events: none;\n  }\n"])), function (_a) {
-    var $offset = _a.$offset;
-    return ($offset ? '5px' : 0);
-}, function (_a) {
-    var $offset = _a.$offset;
-    return ($offset ? 'absolute' : 'static');
-}, function (_a) {
-    var _b, _c;
-    var $size = _a.$size, $offset = _a.$offset;
-    return "scale(".concat($size, ") translate(").concat((_b = $offset === null || $offset === void 0 ? void 0 : $offset.translateX) !== null && _b !== void 0 ? _b : 0, "%, ").concat((_c = $offset === null || $offset === void 0 ? void 0 : $offset.translateY) !== null && _c !== void 0 ? _c : 0, "%)");
-}, function (_a) {
-    var $offset = _a.$offset;
-    return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      ", "\n      ", "\n      ", "\n      ", "\n    "], ["\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), ($offset === null || $offset === void 0 ? void 0 : $offset.top) !== undefined ? "top: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.top, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.bottom) !== undefined ? "bottom: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.bottom, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.left) !== undefined ? "left: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.left, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.right) !== undefined ? "right: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.right, ";") : '');
-}, function (_a) {
-    var $offset = _a.$offset;
-    return ($offset === null || $offset === void 0 ? void 0 : $offset.transformOrigin) || 'center center';
-});
-exports.default = exports.CustomNavigation;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

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

@@ -1,31 +0,0 @@
-/// <reference types="react" />
-import type { CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE } from '../types';
-export interface CustomPaginationProps {
-    current?: number;
-    total?: number;
-    type?: CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE;
-    offset?: {
-        top?: string;
-        bottom?: string;
-        left?: string;
-        right?: string;
-        translateX?: number;
-        translateY?: number;
-        transformOrigin?: string;
-    };
-    size?: number;
-}
-export declare const CustomPagination: ({ current, total, type, offset, size, prevBtnDisabled, nextBtnDisabled, onBulletClick, onPrevBtnClick, onNextBtnClick }: CustomPaginationProps & {
-    prevBtnDisabled: boolean;
-    nextBtnDisabled: boolean;
-    onBulletClick: (index: number) => void;
-    onPrevBtnClick: () => void;
-    onNextBtnClick: () => void;
-}) => JSX.Element;
-export interface FlexBoxProps {
-    direction?: 'row' | 'column';
-    justifyContent?: string;
-    alignItems?: string;
-    gap?: string;
-}
-export default CustomPagination;