pds-dev-kit-web-test 2.5.365 → 2.5.367

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

@@ -1,357 +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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCustomPaginationPropKey = exports.parsePaginationStyleProp = exports.parseGridContentProp = exports.parseGridStyleProp = void 0;
-var styled_components_1 = require("styled-components");
-function getStyleTypePropStyleValues(value) {
-    switch (value) {
-        case 'DESIGN1': {
-            return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        height: 100%;\n        width: 100%;\n      "], ["\n        height: 100%;\n        width: 100%;\n      "])));
-        }
-        case 'DESIGN2': {
-            var overlayEffect = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        background: rgba(255, 255, 255, 0.7);\n        content: '';\n        height: 100%;\n        position: absolute;\n        top: 0; /* \uD22C\uBA85\uB3C4 \uC870\uC808 (0 = \uC644\uC804 \uD22C\uBA85, 1 = \uBD88\uD22C\uBA85) */\n        width: 20%;\n        z-index: 2;\n      "], ["\n        background: rgba(255, 255, 255, 0.7);\n        content: '';\n        height: 100%;\n        position: absolute;\n        top: 0; /* \uD22C\uBA85\uB3C4 \uC870\uC808 (0 = \uC644\uC804 \uD22C\uBA85, 1 = \uBD88\uD22C\uBA85) */\n        width: 20%;\n        z-index: 2;\n      "])));
-            return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        overflow: hidden;\n        position: relative;\n\n        &::before {\n          ", "\n          left: 0;\n        }\n\n        &::after {\n          ", "\n          right: 0;\n        }\n      "], ["\n        overflow: hidden;\n        position: relative;\n\n        &::before {\n          ", "\n          left: 0;\n        }\n\n        &::after {\n          ", "\n          right: 0;\n        }\n      "])), overlayEffect, overlayEffect);
-        }
-        default: {
-            return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        height: 100%;\n        width: 100%;\n      "], ["\n        height: 100%;\n        width: 100%;\n      "])));
-        }
-    }
-}
-function getItemSpacingPropStyleValues(value) {
-    switch (value) {
-        case 'NARROW': {
-            return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        grid-column-gap: 8px;\n      "], ["\n        grid-column-gap: 8px;\n      "])));
-        }
-        case 'NORMAL': {
-            return (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        grid-column-gap: 24px;\n      "], ["\n        grid-column-gap: 24px;\n      "])));
-        }
-        case 'WIDE': {
-            return (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        grid-column-gap: 36px;\n      "], ["\n        grid-column-gap: 36px;\n      "])));
-        }
-        default: {
-            return (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        grid-column-gap: 24px;\n      "], ["\n        grid-column-gap: 24px;\n      "])));
-        }
-    }
-}
-function getItemLineHeightPropStyleValues(value) {
-    return (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    grid-row-gap: ", "px;\n  "], ["\n    grid-row-gap: ", "px;\n  "])), value);
-}
-function getItemHeightFitContentPropStyleValues(value) {
-    return (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    overflow-y: ", ";\n  "], ["\n    overflow-y: ", ";\n  "])), value ? 'visible' : 'auto');
-}
-function parseStylePropertyStyles(key, value) {
-    switch (key) {
-        case 'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE':
-            return getStyleTypePropStyleValues(value);
-        case 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING':
-            return getItemSpacingPropStyleValues(value);
-        case 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT':
-            return getItemLineHeightPropStyleValues(value);
-        case 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT':
-            return getItemHeightFitContentPropStyleValues(value);
-        case 'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL':
-            break;
-    }
-    return undefined;
-}
-function getColumnsPropStyleValues(value) {
-    return (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    grid-template-columns: repeat(", ", 1fr);\n  "], ["\n    grid-template-columns: repeat(", ", 1fr);\n  "])), value);
-}
-function parseContentPropertyStyles(key, value) {
-    switch (key) {
-        case 'CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS':
-            return getColumnsPropStyleValues(value);
-    }
-    return undefined;
-}
-function parseGridStyleProp(_a) {
-    var props = _a.props, device = _a.device;
-    var availableSpecCodes = Object.keys(props).filter(function (key) { return !key.includes(':HOVER') && !key.includes(':MOBILE'); });
-    return availableSpecCodes.reduce(function (acc, currentKey) {
-        var keyWithDevice = device === 'DESKTOP' ? currentKey : "".concat(currentKey, ":MOBILE");
-        var keyWithHover = "".concat(keyWithDevice.toString(), ":HOVER");
-        var value = props[keyWithDevice];
-        var hoverValue = props[keyWithHover];
-        var styles = parseStylePropertyStyles(currentKey, value);
-        var hoverStyles = parseStylePropertyStyles(currentKey, hoverValue);
-        if (hoverValue === null || hoverValue === undefined) {
-            return {
-                stylePropCss: (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n            ", "\n            ", "\n          "], ["\n            ", "\n            ", "\n          "])), acc.stylePropCss, styles),
-                hoverStylePropCss: (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n            ", "\n          "], ["\n            ", "\n          "])), acc.hoverStylePropCss)
-            };
-        }
-        return {
-            stylePropCss: (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n          ", "\n          ", "\n        "], ["\n          ", "\n          ", "\n        "])), acc.stylePropCss, styles),
-            hoverStylePropCss: (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n          ", "\n          ", "\n        "], ["\n          ", "\n          ", "\n        "])), acc.hoverStylePropCss, hoverStyles)
-        };
-    }, {
-        stylePropCss: (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject([""], [""]))),
-        hoverStylePropCss: (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject([""], [""])))
-    });
-}
-exports.parseGridStyleProp = parseGridStyleProp;
-function parseGridContentProp(_a) {
-    var props = _a.props;
-    var availableSpecCodes = Object.keys(props).filter(function (key) { return !key.includes(':HOVER') && !key.includes(':MOBILE'); });
-    return availableSpecCodes.reduce(function (acc, currentKey) {
-        var value = props[currentKey];
-        var styles = parseContentPropertyStyles(currentKey, value);
-        return {
-            contentPropCss: (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n          ", "\n          ", "\n        "], ["\n          ", "\n          ", "\n        "])), acc.contentPropCss, styles)
-        };
-    }, {
-        contentPropCss: (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject([""], [""])))
-    });
-}
-exports.parseGridContentProp = parseGridContentProp;
-function parsePaginationStyleProp(_a) {
-    var props = _a.props, device = _a.device;
-    var availableSpecCodes = Object.keys(props).filter(function (key) { return !key.includes(':HOVER') && !key.includes(':MOBILE'); });
-    return availableSpecCodes.reduce(function (acc, currentKey) {
-        var keyWithDevice = device === 'DESKTOP' ? currentKey : "".concat(currentKey, ":MOBILE");
-        var keyWithHover = "".concat(keyWithDevice.toString(), ":HOVER");
-        var customPaginationPropertyKey = getCustomPaginationPropKey(currentKey);
-        if (customPaginationPropertyKey === 'type') {
-            var value = props[keyWithDevice];
-            var hoverValue = props[keyWithHover];
-            return {
-                normalStyle: __assign(__assign({}, acc.normalStyle), { type: value }),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), { type: hoverValue })
-            };
-        }
-        if (customPaginationPropertyKey === 'offset') {
-            var value = props[keyWithDevice];
-            var hoverValue = props[keyWithHover];
-            return {
-                normalStyle: __assign(__assign({}, acc.normalStyle), { offset: getCustomPaginationOffset(value) }),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), { offset: getCustomPaginationOffset(hoverValue) })
-            };
-        }
-        if (customPaginationPropertyKey === 'size') {
-            var value = props[keyWithDevice];
-            var hoverValue = props[keyWithHover];
-            return {
-                normalStyle: __assign(__assign({}, acc.normalStyle), { size: getCustomPaginationSize(value) }),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), { size: getCustomPaginationSize(hoverValue) })
-            };
-        }
-        return {
-            normalStyle: __assign({}, acc.normalStyle),
-            hoverStyle: __assign({}, acc.hoverStyle)
-        };
-    }, {
-        normalStyle: {},
-        hoverStyle: {}
-    });
-}
-exports.parsePaginationStyleProp = parsePaginationStyleProp;
-function getCustomPaginationPropKey(key) {
-    switch (key) {
-        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE":
-        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:HOVER":
-        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:MOBILE":
-        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:MOBILE:HOVER":
-            return 'type';
-        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION":
-        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:HOVER":
-        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:MOBILE":
-        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:MOBILE:HOVER":
-            return 'offset';
-        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE":
-        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:HOVER":
-        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:MOBILE":
-        case "CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:MOBILE:HOVER":
-            return 'size';
-        default:
-            return '';
-    }
-}
-exports.getCustomPaginationPropKey = getCustomPaginationPropKey;
-function getCustomPaginationOffset(value) {
-    var OUTSET1 = {
-        top: '0px',
-        left: '0px',
-        translateX: 0,
-        translateY: -100,
-        transformOrigin: 'top left'
-    };
-    switch (value) {
-        case 'OUTSET1':
-            return OUTSET1;
-        case 'OUTSET2':
-            return {
-                top: '0px',
-                left: '50%',
-                translateX: -50,
-                translateY: -100,
-                transformOrigin: 'top left'
-            };
-        case 'OUTSET3':
-            return {
-                top: '0px',
-                right: '0px',
-                translateX: 0,
-                translateY: -100,
-                transformOrigin: 'top right'
-            };
-        case 'OUTSET4':
-            return {
-                top: '0px',
-                left: '100%',
-                translateX: 0,
-                translateY: 0,
-                transformOrigin: 'left top'
-            };
-        case 'OUTSET5':
-            return {
-                top: '50%',
-                left: '100%',
-                translateX: 0,
-                translateY: -50,
-                transformOrigin: 'left top'
-            };
-        case 'OUTSET6':
-            return {
-                top: '100%',
-                left: '100%',
-                translateX: 0,
-                translateY: -100,
-                transformOrigin: 'left top'
-            };
-        case 'OUTSET7':
-            return {
-                top: '100%',
-                left: '100%',
-                translateX: -100,
-                translateY: 0,
-                transformOrigin: 'top left'
-            };
-        case 'OUTSET8':
-            return {
-                top: '100%',
-                left: '50%',
-                translateX: -50,
-                translateY: 0,
-                transformOrigin: 'top left'
-            };
-        case 'OUTSET9':
-            return {
-                top: '100%',
-                left: '0px',
-                translateX: 0,
-                translateY: 0,
-                transformOrigin: 'top left'
-            };
-        case 'OUTSET10':
-            return {
-                top: '100%',
-                left: '0px',
-                translateX: -100,
-                translateY: -100,
-                transformOrigin: 'right top'
-            };
-        case 'OUTSET11':
-            return {
-                top: '50%',
-                left: '0px',
-                translateX: -100,
-                translateY: -50,
-                transformOrigin: 'right top'
-            };
-        case 'OUTSET12':
-            return {
-                top: '0px',
-                left: '0px',
-                translateX: -100,
-                translateY: 0,
-                transformOrigin: 'right top'
-            };
-        case 'INSET13':
-            return { top: '0px', left: '0px', translateX: 0, translateY: 0, transformOrigin: 'left top' };
-        case 'INSET14':
-            return {
-                top: '0px',
-                left: '50%',
-                translateX: -50,
-                translateY: 0,
-                transformOrigin: 'left top'
-            };
-        case 'INSET15':
-            return {
-                top: '0px',
-                left: '100%',
-                translateX: -100,
-                translateY: 0,
-                transformOrigin: 'left top'
-            };
-        case 'INSET16':
-            return {
-                top: '50%',
-                left: '100%',
-                translateX: -100,
-                translateY: -50,
-                transformOrigin: 'left top'
-            };
-        case 'INSET17':
-            return {
-                top: '100%',
-                left: '100%',
-                translateX: -100,
-                translateY: -100,
-                transformOrigin: 'left top'
-            };
-        case 'INSET18':
-            return {
-                top: '100%',
-                left: '50%',
-                translateX: -50,
-                translateY: -100,
-                transformOrigin: 'left top'
-            };
-        case 'INSET19':
-            return {
-                top: '100%',
-                left: '0px',
-                translateX: 0,
-                translateY: -100,
-                transformOrigin: 'top left'
-            };
-        case 'INSET20':
-            return {
-                top: '50%',
-                left: '0px',
-                translateX: 0,
-                translateY: -50,
-                transformOrigin: 'top left'
-            };
-        default:
-            return OUTSET1;
-    }
-}
-function getCustomPaginationSize(value) {
-    switch (value) {
-        case 'SMALL':
-            return 1;
-        case 'MEDIUM':
-            return 2;
-        case 'LARGE':
-            return 3;
-        default:
-            return 1;
-    }
-}
-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, templateObject_16, templateObject_17, templateObject_18, templateObject_19;

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

@@ -1 +0,0 @@
-export { default as ContentsList } from './ContentsList';

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

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentsList = void 0;
-var ContentsList_1 = require("./ContentsList");
-Object.defineProperty(exports, "ContentsList", { enumerable: true, get: function () { return __importDefault(ContentsList_1).default; } });

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

@@ -1,46 +0,0 @@
-import type { NUMBER_INTEGER } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
-export type ContentsListPropsKeys = keyof CB_STYLE_PROP_CONTENTSLIST_SPECS;
-export type CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE_TYPE = 'DESIGN1' | 'DESIGN2' | null;
-export type CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING_TYPE = 'WIDE' | 'NORMAL' | 'NARROW' | null;
-export type CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE = NUMBER_INTEGER | null;
-export type CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT_TYPE = boolean | null;
-export type CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL_TYPE = boolean | null;
-export type CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE = 'NONE' | 'DESIGN1' | 'DESIGN2' | 'DESIGN3' | 'DESIGN4' | 'DESIGN5' | 'DESIGN6' | 'DESIGN7' | 'DESIGN8' | 'DESIGN9' | 'DESIGN10' | 'DESIGN11' | 'DESIGN12' | 'DESIGN13' | 'DESIGN14' | 'DESIGN15' | 'DESIGN16' | 'DESIGN17' | null;
-export type CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION_TYPE = 'OUTSET1' | 'OUTSET2' | 'OUTSET3' | 'OUTSET4' | 'OUTSET5' | 'OUTSET6' | 'OUTSET7' | 'OUTSET8' | 'OUTSET9' | 'OUTSET10' | 'OUTSET11' | 'OUTSET12' | 'INSET13' | 'INSET14' | 'INSET15' | 'INSET16' | 'INSET17' | 'INSET18' | 'INSET19' | 'INSET20' | null;
-export type CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE' | null;
-export type CB_STYLE_PROP_CONTENTSLIST_SPECS_BASE = {
-    CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE: CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE_TYPE;
-    CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING: CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING_TYPE;
-    CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT: CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE;
-    CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT: CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT_TYPE;
-    CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL: CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL_TYPE;
-    CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE: CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE;
-    CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION: CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION_TYPE;
-    CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE: CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE_TYPE;
-};
-export type CB_STYLE_PROP_CONTENTSLIST_SPECS = CB_STYLE_PROP_CONTENTSLIST_SPECS_BASE & {
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE_TYPE;
-    'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE_TYPE;
-};

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

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

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,150 +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("../../../../../../../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 = __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 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;
-    // 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 totalSlides = swiper.slides.length;
-        var slidesPerView = typeof swiper.params.slidesPerView === 'number' ? swiper.params.slidesPerView : 1;
-        var slidesPerGroup = typeof swiper.params.slidesPerGroup === 'number' ? swiper.params.slidesPerGroup : 1;
-        var totalPages = Math.ceil((totalSlides - slidesPerView) / slidesPerGroup) + 1;
-        setTotalPages(totalPages);
-        setIsBeginning(swiper.isBeginning);
-        setIsEnd(swiper.isEnd);
-        setCurrentSlide(swiper.activeIndex + 1);
-    };
-    var handleSlideChange = function (swiper) {
-        setIsBeginning(swiper.isBeginning);
-        setIsEnd(swiper.isEnd);
-        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), { position: 'relative', overflow: 'hidden' }), hoverStyle: __assign(__assign({}, hoverStyle), { position: 'relative', overflow: 'hidden' }), 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)(SlideBannerCore_1.default, __assign({ ref: swiperRef, onSwiper: handleSwiper, onSlideChange: handleSlideChange, 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, total: totalPages, size: isHovered ? customPaginationHoverStyle.size : customPaginationNormalStyle.size, onBulletClick: handleBulletClick }), (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;
-});
-exports.default = SlideBanner;
-var templateObject_1;

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;