pds-dev-kit-web-test 2.7.95 → 2.7.96

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import type { ComponentBlock } from './types';
-import type { Device } from './util/types';
-type Props = {
-    cb: ComponentBlock;
-    index: number;
-    device: Device;
-    rowHeight: number;
-    zIndex: number;
-};
-declare function FlexGridItem({ cb, index, device, rowHeight, zIndex }: Props): JSX.Element;
-export default FlexGridItem;

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

@@ -1,72 +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 __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 styled_components_1 = __importDefault(require("styled-components"));
-var ComponentBlockMatcherWithCCB_1 = __importDefault(require("./components/ComponentBlock/ComponentBlockMatcherWithCCB"));
-var types_1 = require("./types");
-var gap = 10;
-function FlexGridItem(_a) {
-    var cb = _a.cb, index = _a.index, device = _a.device, rowHeight = _a.rowHeight, zIndex = _a.zIndex;
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var defaultHeight = getMaxHeight(cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, device, rowHeight);
-    var gridArea = getGridAreaFromCB(cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, device);
-    var isRichText = cb.componentBlockCode === types_1.CB_ALL_CODES.CB_RICHTEXT;
-    return ((0, jsx_runtime_1.jsx)(GridItem, __assign({ "data-cb-id": cb.id, style: __assign({ zIndex: zIndex, gridArea: gridArea }, (isRichText && {
-            minHeight: 0,
-            overflowY: 'scroll'
-        })) }, { children: (0, jsx_runtime_1.jsx)(ComponentBlockMatcherWithCCB_1.default, { rowHeight: rowHeight, cbProps: cb, device: device, index: index }) })));
-}
-var GridItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: auto;\n  word-break: break-word;\n"], ["\n  height: auto;\n  word-break: break-word;\n"])));
-function getMaxHeight(props, device, rowHeight) {
-    if (device === 'DESKTOP') {
-        var CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS;
-        var height_1 = CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS * rowHeight +
-            (CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS - 1) * gap;
-        return height_1;
-    }
-    var rowsMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE'];
-    var height = rowsMobile * rowHeight + (rowsMobile - 1) * gap;
-    return height;
-}
-function clamp(num, min, max) {
-    return Math.max(Math.min(num, max), min);
-}
-function getGridAreaFromCB(props, device) {
-    var CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX, CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY, cols = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS, rows = props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS;
-    if (device === 'DESKTOP') {
-        var colStart_1 = clamp(CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX + 1, 1, Math.max(1, 25 - cols));
-        var rowStart_1 = clamp(CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY + 1, 1, Infinity);
-        var rowEnd_1 = clamp(rows + rowStart_1, rowStart_1 + 1, Infinity);
-        var colEnd_1 = clamp(colStart_1 + cols, colStart_1 + 1, 25);
-        return "".concat(rowStart_1, " / ").concat(colStart_1, " / ").concat(rowEnd_1, " / ").concat(colEnd_1);
-    }
-    var startXMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE'];
-    var startYMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE'];
-    var colsMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE'];
-    var rowsMobile = props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE'];
-    var colStart = clamp(startXMobile + 1, 1, Math.max(1, 9 - colsMobile));
-    var rowStart = clamp(startYMobile + 1, 1, Infinity);
-    var rowEnd = clamp(rowsMobile + rowStart, rowStart + 1, Infinity);
-    var colEnd = clamp(colStart + colsMobile, colStart + 1, 9);
-    return "".concat(rowStart, " / ").concat(colStart, " / ").concat(rowEnd, " / ").concat(colEnd);
-}
-exports.default = FlexGridItem;
-var templateObject_1;

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

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { ComponentBlock } from '../../types';
-import type { Device } from '../../util/types';
-type Props = {
-    cbProps: ComponentBlock;
-    device: Device;
-    index: number;
-    rowHeight: number;
-};
-export default function ComponentBlockMatcherWithCCB({ cbProps, device, index }: Props): JSX.Element;
-export {};

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

@@ -1,72 +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 __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");
-require("react");
-var newUtils_1 = require("../../newUtils");
-var types_1 = require("../../types");
-var Button_1 = __importDefault(require("./componentBlocks/Button/Button"));
-var ContentsCarousel_1 = require("./componentBlocks/ContentsCarousel");
-var ContentsList_1 = require("./componentBlocks/ContentsList");
-var Divider_1 = __importDefault(require("./componentBlocks/Divider/Divider"));
-var Embed_1 = __importDefault(require("./componentBlocks/Embed/Embed"));
-var Image_1 = __importDefault(require("./componentBlocks/Image/Image"));
-var RichText_1 = require("./componentBlocks/RichText");
-var SlideBanner_1 = require("./componentBlocks/SlideBanner");
-var Text_1 = __importDefault(require("./componentBlocks/Text/Text"));
-var Twitter_1 = __importDefault(require("./componentBlocks/Twitter/Twitter"));
-var VideoPlayer_1 = require("./componentBlocks/VideoPlayer");
-var Youtube_1 = require("./componentBlocks/Youtube");
-function ComponentBlockMatcherWithCCB(_a) {
-    var cbProps = _a.cbProps, device = _a.device, index = _a.index;
-    var componentBlockCode = cbProps.componentBlockCode, data = cbProps.jsonProperties.data;
-    var propsWithValue = device === 'MOBILE' ? (0, newUtils_1.replaceUndefinedValues)(data) : data;
-    switch (componentBlockCode) {
-        case types_1.CB_ALL_CODES.CB_BTN:
-            return (0, jsx_runtime_1.jsx)(Button_1.default, __assign({}, propsWithValue, { index: index }));
-        case types_1.CB_ALL_CODES.CB_TEXT:
-            return (0, jsx_runtime_1.jsx)(Text_1.default, __assign({}, propsWithValue, { index: index }));
-        case types_1.CB_ALL_CODES.CB_RICHTEXT:
-            return (0, jsx_runtime_1.jsx)(RichText_1.RichText, __assign({}, propsWithValue, { index: index }));
-        case types_1.CB_ALL_CODES.CB_DIVIDER:
-            return (0, jsx_runtime_1.jsx)(Divider_1.default, __assign({}, propsWithValue, { index: index }));
-        case types_1.CB_ALL_CODES.CB_IMG:
-            return (0, jsx_runtime_1.jsx)(Image_1.default, __assign({}, propsWithValue, { index: index }));
-        case types_1.CB_ALL_CODES.CB_TWITTER:
-            return (0, jsx_runtime_1.jsx)(Twitter_1.default, __assign({}, propsWithValue, { index: index }));
-        case types_1.CB_ALL_CODES.CB_YOUTUBE:
-            return (0, jsx_runtime_1.jsx)(Youtube_1.Youtube, __assign({}, propsWithValue, { index: index }));
-        case types_1.CB_ALL_CODES.CB_EMBED:
-            return (0, jsx_runtime_1.jsx)(Embed_1.default, __assign({}, propsWithValue, { index: index }));
-        case types_1.CB_ALL_CODES.CB_VIDEOPLAYER:
-            return (0, jsx_runtime_1.jsx)(VideoPlayer_1.VideoPlayer, __assign({}, propsWithValue, { index: index }));
-        case types_1.CB_ALL_CODES.CB_CONTENTSCAROUSEL: {
-            var compositions = cbProps.compositions;
-            return ((0, jsx_runtime_1.jsx)(ContentsCarousel_1.ContentsCarousel, __assign({}, propsWithValue, { compositions: compositions, index: index })));
-        }
-        case types_1.CB_ALL_CODES.CB_SLIDEBANNER: {
-            var compositions = cbProps.compositions;
-            return ((0, jsx_runtime_1.jsx)(SlideBanner_1.SlideBanner, __assign({}, propsWithValue, { compositions: compositions, index: index })));
-        }
-        case types_1.CB_ALL_CODES.CB_LIST: {
-            var compositions = cbProps.compositions;
-            return ((0, jsx_runtime_1.jsx)(ContentsList_1.ContentsList, __assign({}, propsWithValue, { compositions: compositions, index: index })));
-        }
-        default:
-            return (0, jsx_runtime_1.jsx)("div", { children: "Error: not supported CB" });
-    }
-}
-exports.default = ComponentBlockMatcherWithCCB;

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { CB_BTN_PROPERTIES_TYPE, IndexForIntersection } from '@sub/DynamicLayout/sections/CustomSection/util/types';
-type Props = CB_BTN_PROPERTIES_TYPE & IndexForIntersection;
-declare function Button(props: Props): JSX.Element;
-export default Button;

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

@@ -1,141 +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;
-};
-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");
-/* eslint-disable react/destructuring-assignment */
-var react_1 = require("react");
-var DynamicLayout_1 = require("@sub/DynamicLayout");
-var compositionQueryContext_1 = require("@sub/DynamicLayout/compositionQueryContext");
-var hooks_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks");
-var useGoogleFonts_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts");
-var newUtils_1 = require("@sub/DynamicLayout/sections/CustomSection/newUtils");
-var colorUtil_1 = require("@sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil");
-var util_1 = require("@sub/DynamicLayout/sections/CustomSection/util");
-var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
-var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
-var S_HiddenCover_1 = require("../components/S_HiddenCover");
-var useCLINK_1 = __importDefault(require("../hooks/useCLINK"));
-function Button(props) {
-    var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
-    var queryContext = (0, compositionQueryContext_1.useCCBQueryPath)();
-    var index = props.index, CB_STYLE_PROP_COLOR = props.CB_STYLE_PROP_COLOR, _b = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _b.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _b.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _b.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _b.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE = _b.CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE, CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA = _b.CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
-    var cLinkValue = function () {
-        if (CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE === 'DATA' ||
-            CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE === 'DELEGATEDDATA') {
-            if (!(queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData)) {
-                return '';
-            }
-            var link = queryContext.queryData[CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA];
-            if (!link) {
-                return '';
-            }
-            return link;
-        }
-        return CB_CONTENT_PROP_CLINK_SPEC_SRC;
-    };
-    var _c = (0, useCLINK_1.default)({
-        src: cLinkValue(),
-        type: CB_CONTENT_PROP_CLINK_SPEC_TYPE,
-        openNewTab: CB_CONTENT_PROP_CLINK_SPEC_NEWTAB,
-        internalSrc: String(CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC)
-    }), onClickCLINK = _c.onClickCLINK, CLINKCursor = _c.CLINKCursor;
-    var _d = getBTNStyles(props.CB_STYLE_PROP_TEXT, device), btnTextStyle = _d.style, btnTextHoverStyle = _d.hoverStyle;
-    var _e = getBTNColorStyles(CB_STYLE_PROP_COLOR, device), btnColorStyle = _e.style, btnColorHoverStyle = _e.hoverStyle;
-    var _f = (0, util_1.parseProperties)(props, device), propsStyle = _f.style, propsHoverStyle = _f.hoverStyle, _g = _f.layout, paddingLeft = _g.paddingLeft, paddingRight = _g.paddingRight, paddingTop = _g.paddingTop, paddingBottom = _g.paddingBottom, layoutStyle = __rest(_g, ["paddingLeft", "paddingRight", "paddingTop", "paddingBottom"]), effect = _f.effect;
-    var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
-    var googleFonts = (0, useGoogleFonts_1.getGoogleFontsFromTextSpecCode)(props.CB_STYLE_PROP_TEXT, device === 'MOBILE');
-    (0, useGoogleFonts_1.useGoogleFonts)({ fonts: googleFonts });
-    if (mode === 'EDIT') {
-        propsStyle.visibility = 'visible';
-    }
-    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 } : {};
-    var textValue = function () {
-        if (device === 'MOBILE' &&
-            mode !== 'EDIT' &&
-            props.CB_CONTENT_PROP_VISIBILITY.CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB === false) {
-            return '';
-        }
-        if (device === 'DESKTOP' &&
-            mode !== 'EDIT' &&
-            props.CB_CONTENT_PROP_VISIBILITY.CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP === false) {
-            return '';
-        }
-        if (device === 'MOBILE') {
-            var value = props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXTMOBILEALTERNATIVE;
-            if (value === null || value === undefined) {
-                return props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT;
-            }
-            return value;
-        }
-        return props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT;
-    };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (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_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ onMouseLeave: function (e) {
-                        e.currentTarget.classList.remove('hovered');
-                    }, className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign(__assign({}, btnTextStyle), propsStyle), layoutStyle), effectCssProperties), btnColorStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor }), hoverStyle: __assign(__assign(__assign(__assign({}, btnTextHoverStyle), propsHoverStyle), btnColorHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onClick: onClickCLINK }, { children: textValue() })) }))] }));
-}
-function getBTNStyles(props, device) {
-    var availableSpecCodes = [
-        'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE',
-        'CB_STYLE_PROP_TEXT_SPEC_WEIGHT',
-        'CB_STYLE_PROP_TEXT_SPEC_SIZE',
-        'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT',
-        'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING',
-        'CB_STYLE_PROP_TEXT_SPEC_COLOR',
-        'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL',
-        'CB_STYLE_PROP_TEXT_SPEC_VERTICAL'
-    ];
-    return (0, newUtils_1.parseStyleTextToCSSProp)({ availableSpecCodes: availableSpecCodes, props: props, device: device, propKey: 'TEXT' });
-}
-function getBTNColorStyles(props, device) {
-    var availableSpecCodes = [
-        'CB_STYLE_PROP_COLOR_SPEC_ANGLE',
-        'CB_STYLE_PROP_COLOR_SPEC_COLOR',
-        'CB_STYLE_PROP_COLOR_SPEC_ENDCOLOR',
-        'CB_STYLE_PROP_COLOR_SPEC_ENDLOC',
-        'CB_STYLE_PROP_COLOR_SPEC_GRADIENT',
-        'CB_STYLE_PROP_COLOR_SPEC_STARTCOLOR',
-        'CB_STYLE_PROP_COLOR_SPEC_STARTLOC',
-        'CB_STYLE_PROP_COLOR_SPEC_TYPE'
-    ];
-    return (0, colorUtil_1.parseStyleColorToCSSProp)({ availableSpecCodes: availableSpecCodes, props: props, propKey: 'COLOR', device: device });
-}
-exports.default = Button;

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

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import type { INSET_POSTIION, OUTSET_POSTIION } from './types';
-import type { CB_CONTENTSCAROUSEL } from '@sub/DynamicLayout/sections/CustomSection/types';
-import type { CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, IndexForIntersection } from '@sub/DynamicLayout/sections/CustomSection/util/types';
-type Props = CB_CONTENTSCAROUSEL_PROPERTIES_TYPE & IndexForIntersection & {
-    compositions: CB_CONTENTSCAROUSEL['compositions'];
-};
-type ComponentType = 'PREV' | 'NEXT' | 'PROGRESSBAR';
-export type ContentsCarouselElementsProps = {
-    type: ComponentType;
-    position: OUTSET_POSTIION | INSET_POSTIION;
-};
-declare function ContentsCarousel(props: Props): JSX.Element;
-export default ContentsCarousel;

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

@@ -1,160 +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 __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("@sub/DynamicLayout/CompositionRenderer/createCompositions");
-var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
-var hooks_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks");
-var util_1 = require("@sub/DynamicLayout/sections/CustomSection/util");
-var styled_components_1 = __importDefault(require("styled-components"));
-var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
-var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
-var CustomNavigationNextBtn_1 = require("./components/CustomNavigationNextBtn");
-var CustomNavigationPrevBtn_1 = require("./components/CustomNavigationPrevBtn");
-var CustomProgressbar_1 = require("./components/CustomProgressbar");
-var ContentsCarouselCore_1 = __importDefault(require("./ContentsCarouselCore"));
-var contentsCarouselUtils_1 = require("./contentsCarouselUtils");
-var useFlexGridLayout_1 = require("./hooks/useFlexGridLayout");
-var useSwiper_1 = require("./hooks/useSwiper");
-var createComponent = function (type, getDesignType, getLocation) {
-    return function (normalStyle, hoverStyle, isHovered) {
-        var normalDesign = getDesignType(normalStyle);
-        var hoverDesign = getDesignType(hoverStyle);
-        if (isHovered && hoverDesign === 'NONE')
-            return undefined;
-        if (normalDesign === 'NONE')
-            return undefined;
-        return {
-            type: type,
-            position: isHovered ? getLocation(hoverStyle) : getLocation(normalStyle)
-        };
-    };
-};
-function ContentsCarousel(props) {
-    var _a;
-    var _b = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _b.device, mode = _b.mode, queryData = _b.queryData;
-    var compositions = props.compositions, index = props.index, _c = props.CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS = _c.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS = _c.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE = _c.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA = _c.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA, CB_STYLE_PROP_CONTENTSCAROUSEL = props.CB_STYLE_PROP_CONTENTSCAROUSEL, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE = props.CB_EFFECT_PROP_CONTENTSCAROUSEL.CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE;
-    var _d = (0, util_1.parseProperties)(props, device), style = _d.style, hoverStyle = _d.hoverStyle, layout = _d.layout, effect = _d.effect;
-    var _e = (0, contentsCarouselUtils_1.parseCarouselStyleToCarouselCoreProp)({
-        props: CB_STYLE_PROP_CONTENTSCAROUSEL,
-        contentsPropsPartials: { CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS: CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS },
-        device: device
-    }), contentsCarouselNormalStyle = _e.normalStyle, contentsCarouselHoverStyle = _e.hoverStyle;
-    var _f = (0, contentsCarouselUtils_1.parseCarouselStyleToCustomNavigationProp)({
-        props: CB_STYLE_PROP_CONTENTSCAROUSEL,
-        device: device
-    }), customNavigationNormalStyle = _f.normalStyle, customNavigationHoverStyle = _f.hoverStyle;
-    var _g = (0, contentsCarouselUtils_1.parseCarouselStyleToCustomProgressbarProp)({
-        props: CB_STYLE_PROP_CONTENTSCAROUSEL,
-        device: device
-    }), customProgressbarNormalStyle = _g.normalStyle, customProgressbarHoverStyle = _g.hoverStyle;
-    var _h = (0, useSwiper_1.useSwiper)(), swiperRef = _h.swiperRef, progressRef = _h.progressRef, leftTimeMsRef = _h.leftTimeMsRef, isBeginning = _h.isBeginning, isEnd = _h.isEnd, onSwiper = _h.onSwiper, onSlideChangeTransitionEnd = _h.onSlideChangeTransitionEnd, onAutoplayTimeLeft = _h.onAutoplayTimeLeft, onClickPrevBtn = _h.onClickPrevBtn, onClickNextBtn = _h.onClickNextBtn;
-    var _j = (0, react_1.useState)(false), isHovered = _j[0], setIsHovered = _j[1];
-    var loop = isHovered ? contentsCarouselHoverStyle.loop : contentsCarouselNormalStyle.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 } : {};
-    var createPrevButton = createComponent('PREV', function (style) { return style.prevBtnType || 'NONE'; }, function (style) { return style.prevBtnLocation || 'OUTSET1'; });
-    var createNextButton = createComponent('NEXT', function (style) { return style.nextBtnType || 'NONE'; }, function (style) { return style.nextBtnLocation || 'OUTSET1'; });
-    var components = [
-        createPrevButton(customNavigationNormalStyle, customNavigationHoverStyle, isHovered),
-        createNextButton(customNavigationNormalStyle, customNavigationHoverStyle, isHovered),
-        { type: 'PROGRESSBAR', position: 'INSET5' }
-    ].filter(function (component) { return component !== undefined; });
-    var _k = (0, useFlexGridLayout_1.useFlexGridLayout)({ components: components }), layoutRef = _k.layoutRef, positionRefs = _k.positionRefs, 
-    // ccbInset,
-    componentGroups = _k.componentGroups, getPositionStyle = _k.getPositionStyle, getComponentGroupLayout = _k.getComponentGroupLayout;
-    var ccbInset = {
-        top: '0px',
-        right: '0px',
-        bottom: '0px',
-        left: '0px'
-    };
-    var renderElements = function (component) {
-        switch (component.type) {
-            case 'PREV':
-                return ((0, jsx_runtime_1.jsx)(CustomNavigationPrevBtn_1.CustomNavigationPrevBtn, { isDisabled: loop ? false : isBeginning, styles: isHovered ? customNavigationHoverStyle : customNavigationNormalStyle, onClick: onClickPrevBtn }));
-            case 'NEXT':
-                return ((0, jsx_runtime_1.jsx)(CustomNavigationNextBtn_1.CustomNavigationNextBtn, { isDisabled: loop ? false : isEnd, styles: isHovered ? customNavigationHoverStyle : customNavigationNormalStyle, onClick: onClickNextBtn }));
-            case 'PROGRESSBAR':
-                return ((0, jsx_runtime_1.jsx)(CustomProgressbar_1.CustomProgressbar, { progressRef: progressRef, leftTimeMsRef: leftTimeMsRef, styles: isHovered ? customProgressbarHoverStyle : customProgressbarNormalStyle }));
-            default:
-                return null;
-        }
-    };
-    // NOTE: edit환경에서 hover가 작동하지 않아서 제외함 필요시 추가..
-    var columnGapEnum = device === 'DESKTOP'
-        ? CB_STYLE_PROP_CONTENTSCAROUSEL.CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING
-        : (_a = CB_STYLE_PROP_CONTENTSCAROUSEL['CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING:MOBILE']) !== null && _a !== void 0 ? _a : CB_STYLE_PROP_CONTENTSCAROUSEL.CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING;
-    var columnGap = columnGapEnum === 'NARROW' ? 8 : columnGapEnum === 'NORMAL' ? 24 : 36;
-    var pointerEventsObj = mode === 'EDIT' ? { pointerEvents: 'none' } : {};
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [Object.entries(componentGroups).map(function (_a) {
-                var position = _a[0], groupComponents = _a[1];
-                return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "cb-contentscarousel-button-group ccb-elements", ref: function (el) {
-                        if (el) {
-                            positionRefs.current[position] = el;
-                        }
-                        else {
-                            delete positionRefs.current[position];
-                        }
-                    }, style: __assign(__assign({}, getPositionStyle(position, ccbInset)), { pointerEvents: 'none', zIndex: 3 }) }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "cb-contentscarousel-button-layout-box", style: getComponentGroupLayout(groupComponents, position) }, { children: groupComponents.map(function (component) { return renderElements(component); }) })) }), position));
-            }), (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 ccb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, style), layout), effectCssProperties), editModeStyle), { overflow: 'hidden' }), hoverStyle: __assign(__assign({}, hoverStyle), { overflow: 'hidden' }), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, "data-number-of-columns": CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, "data-number-of-items": CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, "data-column-gap": columnGap, "data-cols": CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, "data-inset-top": parseFloat(ccbInset.top), "data-inset-bottom": parseFloat(ccbInset.bottom) }, { children: (0, jsx_runtime_1.jsx)(S_SwiperLayout, __assign({ className: "cb-contentscarousel-layout-box", ref: layoutRef, style: __assign({}, pointerEventsObj) }, { children: (0, jsx_runtime_1.jsx)(S_SwiperWrapper, __assign({ className: "cb-contentscarousel-wrapper", ccbInset: ccbInset, customStyle: isHovered
-                                ? contentsCarouselHoverStyle === null || contentsCarouselHoverStyle === void 0 ? void 0 : contentsCarouselHoverStyle.customStyle
-                                : contentsCarouselNormalStyle === null || contentsCarouselNormalStyle === void 0 ? void 0 : contentsCarouselNormalStyle.customStyle }, { children: (0, jsx_runtime_1.jsx)(ContentsCarouselCore_1.default, __assign({ ref: swiperRef, className: "cb-contentscarousel", allowTouchMove: mode !== 'EDIT' ? true : false, onSwiper: onSwiper, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onAutoplayTimeLeft: onAutoplayTimeLeft, slidesPerView: 1, styles: isHovered ? contentsCarouselHoverStyle : contentsCarouselNormalStyle, effect: CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE === 'CARD'
-                                    ? 'cards'
-                                    : CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE === null || CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE === void 0 ? void 0 : CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE.toLowerCase() }, { children: (0, createCompositions_1.createCompositions)({
-                                    valueType: CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE,
-                                    queryPath: CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA,
-                                    limit: CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS,
-                                    queryData: queryData,
-                                    compositions: compositions
-                                }) }), CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE) })) })) })) }))] }));
-}
-var S_SwiperLayout = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  margin: 0 auto;\n  position: relative;\n  width: 100%;\n"], ["\n  height: 100%;\n  margin: 0 auto;\n  position: relative;\n  width: 100%;\n"])));
-var S_SwiperWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  bottom: ", ";\n  left: ", ";\n  position: absolute;\n  right: ", ";\n  top: ", ";\n  ", ";\n"], ["\n  bottom: ", ";\n  left: ", ";\n  position: absolute;\n  right: ", ";\n  top: ", ";\n  ", ";\n"])), function (_a) {
-    var ccbInset = _a.ccbInset;
-    return ccbInset.bottom;
-}, function (_a) {
-    var ccbInset = _a.ccbInset;
-    return ccbInset.left;
-}, function (_a) {
-    var ccbInset = _a.ccbInset;
-    return ccbInset.right;
-}, function (_a) {
-    var ccbInset = _a.ccbInset;
-    return ccbInset.top;
-}, function (_a) {
-    var customStyle = _a.customStyle;
-    return customStyle;
-});
-exports.default = ContentsCarousel;
-var templateObject_1, templateObject_2;

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

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import 'swiper/modules/navigation/navigation.min.css';
-import type { CoreCarouselProps } from './types';
-import type { SwiperProps, SwiperRef } from 'swiper/react/swiper-react.js';
-export interface ContentsCarouselCoreProps extends SwiperProps {
-    styles: CoreCarouselProps;
-    slidesPerView?: SwiperProps['slidesPerView'];
-    children?: React.ReactNode[] | JSX.Element;
-}
-declare const ContentsCarouselCore: import("react").ForwardRefExoticComponent<ContentsCarouselCoreProps & import("react").RefAttributes<SwiperRef>>;
-export default ContentsCarouselCore;

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

@@ -1,76 +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;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-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 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 styles = _a.styles, slidesPerView = _a.slidesPerView, children = _a.children, props = __rest(_a, ["styles", "slidesPerView", "children"]);
-    var slidesWithEmpty = (0, react_1.useMemo)(function () {
-        var childrenArray = Array.isArray(children) ? children : [children];
-        if (slidesPerView === styles.slidesPerGroup &&
-            styles.slidesPerGroup &&
-            styles.slidesPerGroup > 1) {
-            var remainder = childrenArray.length % styles.slidesPerGroup;
-            if (remainder !== 0) {
-                var emptyCount = styles.slidesPerGroup - remainder;
-                return __spreadArray(__spreadArray([], childrenArray, true), Array(emptyCount).fill(null), true);
-            }
-        }
-        return childrenArray;
-    }, [children, slidesPerView, styles.slidesPerGroup]);
-    var finalSlidesPerView = props.effect === 'cards' ? 1 : slidesPerView;
-    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%'
-            }, modules: [
-                swiper_1.Pagination,
-                swiper_1.Navigation,
-                swiper_1.Scrollbar,
-                swiper_1.FreeMode,
-                swiper_1.Autoplay,
-                swiper_1.EffectCube,
-                swiper_1.EffectFade,
-                swiper_1.EffectCards,
-                swiper_1.EffectCoverflow,
-                swiper_1.EffectFlip
-            ], slidesPerView: finalSlidesPerView, scrollbar: styles.scrollbar, slidesPerGroup: styles.slidesPerGroup, spaceBetween: styles.spaceBetween, freeMode: styles.freeMode, autoplay: styles.useAutoplay ? styles.autoplay : false, loop: styles.loop }, props, { children: slidesWithEmpty.map(function (slide, index) { return ((0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: slide || (0, jsx_runtime_1.jsx)("div", { className: "swiper-slide-empty" }) }, index)); }) })) })));
-});
-ContentsCarouselCore.displayName = 'ContentsCarouselCore';
-exports.default = ContentsCarouselCore;

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import type { CustomNavigationProps } from '../types';
-export interface CustomNavigationNextBtnProps {
-    isDisabled: boolean;
-    styles: CustomNavigationProps;
-    onClick?: () => void;
-}
-export declare const CustomNavigationNextBtn: ({ isDisabled, styles, onClick }: CustomNavigationNextBtnProps) => JSX.Element;
-export interface FlexBoxProps {
-    direction?: 'row' | 'column';
-    justifyContent?: string;
-    alignItems?: string;
-    gap?: string;
-}
-export default CustomNavigationNextBtn;