pds-dev-kit-web-test 2.5.452 → 2.5.454

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

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

@@ -34,6 +34,20 @@ 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 = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, mode = _a.mode, queryData = _a.queryData;
     var compositions = props.compositions, index = props.index, _b = props.CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS = _b.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS = _b.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE = _b.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA = _b.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;
@@ -68,15 +82,14 @@ function ContentsCarousel(props) {
         : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
     var hasEffect = !isNoneEffectType;
     var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
-    var _j = (0, useFlexGridLayout_1.useFlexGridLayout)({
-        prevBtnLocation: (isHovered
-            ? customNavigationHoverStyle.prevBtnLocation
-            : customNavigationNormalStyle.prevBtnLocation) || 'OUTSET1',
-        nextBtnLocation: (isHovered
-            ? customNavigationHoverStyle.nextBtnLocation
-            : customNavigationNormalStyle.nextBtnLocation) || 'OUTSET1',
-        progressBarLocation: 'INSET5' // TODO: Design별 위치 선정 필요
-    }), layoutRef = _j.layoutRef, positionRefs = _j.positionRefs, ccbInset = _j.ccbInset, componentGroups = _j.componentGroups, getPositionStyle = _j.getPositionStyle, getComponentGroupLayout = _j.getComponentGroupLayout;
+    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 _j = (0, useFlexGridLayout_1.useFlexGridLayout)({ components: components }), layoutRef = _j.layoutRef, positionRefs = _j.positionRefs, ccbInset = _j.ccbInset, componentGroups = _j.componentGroups, getPositionStyle = _j.getPositionStyle, getComponentGroupLayout = _j.getComponentGroupLayout;
     var renderElements = function (component) {
         switch (component.type) {
             case 'PREV':

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

@@ -1,14 +1,8 @@
 /// <reference types="react" />
-import type { INSET_POSTIION, OUTSET_POSTIION } from '../types';
+import type { ContentsCarouselElementsProps } from '../ContentsCarousel';
 import type { CSSProperties } from 'styled-components';
-type ElementsProps = {
-    type: string;
-    position: OUTSET_POSTIION | INSET_POSTIION;
-};
-export declare const useFlexGridLayout: ({ prevBtnLocation, nextBtnLocation, progressBarLocation }: {
-    prevBtnLocation: OUTSET_POSTIION | INSET_POSTIION;
-    nextBtnLocation: OUTSET_POSTIION | INSET_POSTIION;
-    progressBarLocation: OUTSET_POSTIION | INSET_POSTIION;
+export declare const useFlexGridLayout: ({ components }: {
+    components: ContentsCarouselElementsProps[];
 }) => {
     layoutRef: import("react").MutableRefObject<HTMLDivElement | null>;
     positionRefs: import("react").MutableRefObject<Record<string, HTMLDivElement | null>>;
@@ -18,8 +12,7 @@ export declare const useFlexGridLayout: ({ prevBtnLocation, nextBtnLocation, pro
         bottom: string;
         left: string;
     };
-    componentGroups: Record<string, ElementsProps[]>;
+    componentGroups: Record<string, ContentsCarouselElementsProps[]>;
     getPositionStyle: (position: string, ccbInset: Record<string, string>) => CSSProperties;
-    getComponentGroupLayout: (components: ElementsProps[], position: string) => CSSProperties;
+    getComponentGroupLayout: (components: ContentsCarouselElementsProps[], position: string) => CSSProperties;
 };
-export {};

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

@@ -14,16 +14,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFlexGridLayout = void 0;
 var react_1 = require("react");
 var useFlexGridLayout = function (_a) {
-    var prevBtnLocation = _a.prevBtnLocation, nextBtnLocation = _a.nextBtnLocation, progressBarLocation = _a.progressBarLocation;
+    var components = _a.components;
     var _b = (0, react_1.useState)({ top: 0, right: 0, bottom: 0, left: 0 }), groupSizes = _b[0], setGroupSizes = _b[1];
     var _c = (0, react_1.useState)({ width: 0, height: 0 }), layoutSize = _c[0], setLayoutSize = _c[1];
     var layoutRef = (0, react_1.useRef)(null);
     var positionRefs = (0, react_1.useRef)({});
-    var components = [
-        { type: 'PREV', position: prevBtnLocation },
-        { type: 'NEXT', position: nextBtnLocation },
-        { type: 'PROGRESSBAR', position: progressBarLocation }
-    ];
     // 위치별로 컴포넌트 그룹화
     var getComponentsByPosition = function () {
         var groups = {};

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

@@ -1,8 +1,14 @@
 /// <reference types="react" />
+import type { OUTSET_POSTIION, INSET_POSTIION } from './types';
 import type { CB_LIST } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
 import type { CB_LIST_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
 type Props = CB_LIST_PROPERTIES_TYPE & IndexForIntersection & {
     compositions: CB_LIST['compositions'];
 };
+type ComponentType = 'PAGINATION';
+export type ContentsListElementsProps = {
+    type: ComponentType;
+    position: OUTSET_POSTIION | INSET_POSTIION;
+};
 declare function ContentsList(props: Props): JSX.Element;
 export default ContentsList;

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

@@ -30,6 +30,20 @@ var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
 var CustomPagination_1 = require("./components/CustomPagination");
 var contentsListUtils_1 = require("./contentsListUtils");
 var useFlexGridLayout_1 = require("./hooks/useFlexGridLayout");
+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 ContentsList(props) {
     var _a, _b, _c, _d;
     var _e = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _e.device, mode = _e.mode, queryData = _e.queryData;
@@ -99,9 +113,11 @@ function ContentsList(props) {
     var listMinHeight = oneCompositionMinHeight * numberOfRows +
         (numberOfRows - 1) * rowGap +
         paddingTB;
-    var _l = (0, useFlexGridLayout_1.useFlexGridLayout)({
-        paginationLocation: (isHovered ? paginationHoverStyle.location : paginationNormalStyle.location) || 'OUTSET1'
-    }), layoutRef = _l.layoutRef, positionRefs = _l.positionRefs, ccbInset = _l.ccbInset, componentGroups = _l.componentGroups, getPositionStyle = _l.getPositionStyle, getComponentGroupLayout = _l.getComponentGroupLayout;
+    var createPagination = createComponent('PAGINATION', function (style) { return style.type || 'NONE'; }, function (style) { return style.location || 'OUTSET1'; });
+    var components = [
+        createPagination(paginationNormalStyle, paginationHoverStyle, isHovered)
+    ].filter(function (component) { return component !== undefined; });
+    var _l = (0, useFlexGridLayout_1.useFlexGridLayout)({ components: components }), layoutRef = _l.layoutRef, positionRefs = _l.positionRefs, ccbInset = _l.ccbInset, componentGroups = _l.componentGroups, getPositionStyle = _l.getPositionStyle, getComponentGroupLayout = _l.getComponentGroupLayout;
     var renderElements = function (component) {
         switch (component.type) {
             case 'PAGINATION':

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

@@ -30,6 +30,7 @@ var CustomPagination = function (_a) {
     var groupStart = getPageGroupStart(current);
     var groupEnd = Math.min(groupStart + 4, total);
     var pageNumbers = Array.from({ length: groupEnd - groupStart + 1 }, function (_, index) { return groupStart + index; });
+    console.log('pageNumber >> ', pageNumbers);
     var handlePrevious = function () {
         if (current > 1) {
             onPageClick(current - 1);

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

@@ -1,12 +1,8 @@
 /// <reference types="react" />
-import type { INSET_POSTIION, OUTSET_POSTIION } from '../types';
+import type { ContentsListElementsProps } from '../ContentsList';
 import type { CSSProperties } from 'styled-components';
-type ElementsProps = {
-    type: string;
-    position: OUTSET_POSTIION | INSET_POSTIION;
-};
-export declare const useFlexGridLayout: ({ paginationLocation }: {
-    paginationLocation: OUTSET_POSTIION | INSET_POSTIION;
+export declare const useFlexGridLayout: ({ components }: {
+    components: ContentsListElementsProps[];
 }) => {
     layoutRef: import("react").MutableRefObject<HTMLDivElement | null>;
     positionRefs: import("react").MutableRefObject<Record<string, HTMLDivElement | null>>;
@@ -16,8 +12,7 @@ export declare const useFlexGridLayout: ({ paginationLocation }: {
         bottom: string;
         left: string;
     };
-    componentGroups: Record<string, ElementsProps[]>;
+    componentGroups: Record<string, ContentsListElementsProps[]>;
     getPositionStyle: (position: string, ccbInset: Record<string, string>) => CSSProperties;
-    getComponentGroupLayout: (components: ElementsProps[], position: string) => CSSProperties;
+    getComponentGroupLayout: (components: ContentsListElementsProps[], position: string) => CSSProperties;
 };
-export {};

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

@@ -14,12 +14,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFlexGridLayout = void 0;
 var react_1 = require("react");
 var useFlexGridLayout = function (_a) {
-    var paginationLocation = _a.paginationLocation;
+    var components = _a.components;
     var _b = (0, react_1.useState)({ top: 0, right: 0, bottom: 0, left: 0 }), groupSizes = _b[0], setGroupSizes = _b[1];
     var _c = (0, react_1.useState)({ width: 0, height: 0 }), layoutSize = _c[0], setLayoutSize = _c[1];
     var layoutRef = (0, react_1.useRef)(null);
     var positionRefs = (0, react_1.useRef)({});
-    var components = [{ type: 'PAGINATION', position: paginationLocation }];
     // 위치별로 컴포넌트 그룹화
     var getComponentsByPosition = function () {
         var groups = {};

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

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

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

@@ -35,6 +35,20 @@ var useFlexGridLayout_1 = require("./hooks/useFlexGridLayout");
 var useSwiper_1 = require("./hooks/useSwiper");
 var SlideBannerCore_1 = __importDefault(require("./SlideBannerCore"));
 var slideBannerUtils_1 = require("./slideBannerUtils");
+var createComponent = function (type, getDesignType, getLocation) {
+    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 SlideBanner(props) {
     var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, mode = _a.mode, queryData = _a.queryData;
     var index = props.index, _b = props.CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS = _b.CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS, 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, CB_STYLE_PROP_SLIDEBANNER = props.CB_STYLE_PROP_SLIDEBANNER, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
@@ -73,17 +87,16 @@ function SlideBanner(props) {
         : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
     var hasEffect = !isNoneEffectType;
     var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
-    var _k = (0, useFlexGridLayout_1.useFlexGridLayout)({
-        prevBtnLocation: (isHovered
-            ? customNavigationHoverStyle.prevBtnLocation
-            : customNavigationNormalStyle.prevBtnLocation) || 'OUTSET1',
-        nextBtnLocation: (isHovered
-            ? customNavigationHoverStyle.nextBtnLocation
-            : customNavigationNormalStyle.nextBtnLocation) || 'OUTSET1',
-        paginationLocation: (isHovered ? customPaginationHoverStyle.location : customPaginationNormalStyle.location) ||
-            'OUTSET1',
-        progressBarLocation: 'INSET5' // TODO: Design별 위치 선정 필요
-    }), layoutRef = _k.layoutRef, positionRefs = _k.positionRefs, ccbInset = _k.ccbInset, componentGroups = _k.componentGroups, getPositionStyle = _k.getPositionStyle, getComponentGroupLayout = _k.getComponentGroupLayout;
+    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 createPagination = createComponent('PAGINATION', function (style) { return style.type || 'NONE'; }, function (style) { return style.location || 'OUTSET1'; });
+    var components = [
+        createPrevButton(customNavigationNormalStyle, customNavigationHoverStyle, isHovered),
+        createNextButton(customNavigationNormalStyle, customNavigationHoverStyle, isHovered),
+        createPagination(customPaginationNormalStyle, customPaginationHoverStyle, 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 = _k.ccbInset, componentGroups = _k.componentGroups, getPositionStyle = _k.getPositionStyle, getComponentGroupLayout = _k.getComponentGroupLayout;
     var renderElements = function (component) {
         var _a;
         switch (component.type) {

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

@@ -1,15 +1,8 @@
 /// <reference types="react" />
-import type { INSET_POSTIION, OUTSET_POSTIION } from '../types';
+import type { SlideBannerElementsProps } from '../SlideBanner';
 import type { CSSProperties } from 'styled-components';
-type ElementsProps = {
-    type: string;
-    position: OUTSET_POSTIION | INSET_POSTIION;
-};
-export declare const useFlexGridLayout: ({ prevBtnLocation, nextBtnLocation, paginationLocation, progressBarLocation }: {
-    prevBtnLocation: OUTSET_POSTIION | INSET_POSTIION;
-    nextBtnLocation: OUTSET_POSTIION | INSET_POSTIION;
-    paginationLocation: OUTSET_POSTIION | INSET_POSTIION;
-    progressBarLocation: OUTSET_POSTIION | INSET_POSTIION;
+export declare const useFlexGridLayout: ({ components }: {
+    components: SlideBannerElementsProps[];
 }) => {
     layoutRef: import("react").MutableRefObject<HTMLDivElement | null>;
     positionRefs: import("react").MutableRefObject<Record<string, HTMLDivElement | null>>;
@@ -19,8 +12,7 @@ export declare const useFlexGridLayout: ({ prevBtnLocation, nextBtnLocation, pag
         bottom: string;
         left: string;
     };
-    componentGroups: Record<string, ElementsProps[]>;
+    componentGroups: Record<string, SlideBannerElementsProps[]>;
     getPositionStyle: (position: string, ccbInset: Record<string, string>) => CSSProperties;
-    getComponentGroupLayout: (components: ElementsProps[], position: string) => CSSProperties;
+    getComponentGroupLayout: (components: SlideBannerElementsProps[], position: string) => CSSProperties;
 };
-export {};

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

@@ -14,17 +14,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFlexGridLayout = void 0;
 var react_1 = require("react");
 var useFlexGridLayout = function (_a) {
-    var prevBtnLocation = _a.prevBtnLocation, nextBtnLocation = _a.nextBtnLocation, paginationLocation = _a.paginationLocation, progressBarLocation = _a.progressBarLocation;
+    var components = _a.components;
     var _b = (0, react_1.useState)({ top: 0, right: 0, bottom: 0, left: 0 }), groupSizes = _b[0], setGroupSizes = _b[1];
     var _c = (0, react_1.useState)({ width: 0, height: 0 }), layoutSize = _c[0], setLayoutSize = _c[1];
     var layoutRef = (0, react_1.useRef)(null);
     var positionRefs = (0, react_1.useRef)({});
-    var components = [
-        { type: 'PREV', position: prevBtnLocation },
-        { type: 'NEXT', position: nextBtnLocation },
-        { type: 'PAGINATION', position: paginationLocation },
-        { type: 'PROGRESSBAR', position: progressBarLocation }
-    ];
     // 위치별로 컴포넌트 그룹화
     var getComponentsByPosition = function () {
         var groups = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.5.452",
+  "version": "2.5.454",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",