pds-dev-kit-web-test 2.5.355 → 2.5.356

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

@@ -28,6 +28,7 @@ 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 ComponentBlockMatcher(_a) {
     var cbProps = _a.cbProps, device = _a.device, index = _a.index;
@@ -50,6 +51,8 @@ function ComponentBlockMatcher(_a) {
             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 })));

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

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

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

@@ -0,0 +1,123 @@
+"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 compositionQueryContext_1 = require("../../../../../../../DynamicLayout/compositionQueryContext");
+var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
+var styled_components_1 = __importDefault(require("styled-components"));
+require("../components/S_CB_AnimationObserverBox");
+require("../components/S_CB_BoxWithShadow");
+var S_HiddenCover_1 = require("../components/S_HiddenCover");
+function VideoPlayer(props) {
+    var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
+    var queryContext = (0, compositionQueryContext_1.useCCBQueryPath)();
+    var CB_CONTENT_PROP_VIDEO = props.CB_CONTENT_PROP_VIDEO;
+    var isEditModeAndHidden = false;
+    var CB_CONTENT_PROP_VIDEO_SPEC_CONNECTDATA = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_CONNECTDATA, CB_CONTENT_PROP_VIDEO_SPEC_MPLAY = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_MPLAY, CB_CONTENT_PROP_VIDEO_SPEC_REPLAY = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_REPLAY, CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR, CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME, CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME, CB_CONTENT_PROP_VIDEO_SPEC_THUMB = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_THUMB, CB_CONTENT_PROP_VIDEO_SPEC_TYPE = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_TYPE, CB_CONTENT_PROP_VIDEO_SPEC_VALUETYPE = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_VALUETYPE;
+    // useEffect(() => {
+    //   const video = videoRef.current;
+    //   if (!video) return;
+    //   // 비디오가 로드되면 시작 시간으로 이동
+    //   const handleLoadedMetadata = () => {
+    //     if (CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME) {
+    //       video.currentTime = CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME;
+    //     }
+    //   };
+    //   // 재생 중 끝 시간에 도달하면 정지 또는 루프
+    //   const handleTimeUpdate = () => {
+    //     if (
+    //       CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME &&
+    //       video.currentTime >= CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME
+    //     ) {
+    //       if (CB_CONTENT_PROP_VIDEO_SPEC_REPLAY) {
+    //         // 루프: 시작 시간으로 이동 후 재생
+    //         video.currentTime = CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME || 0;
+    //         video.play();
+    //       } else {
+    //         // 정지
+    //         video.pause();
+    //         video.currentTime = CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME;
+    //       }
+    //     }
+    //   };
+    //   video.addEventListener('loadedmetadata', handleLoadedMetadata);
+    //   video.addEventListener('timeupdate', handleTimeUpdate);
+    //   return () => {
+    //     video.removeEventListener('loadedmetadata', handleLoadedMetadata);
+    //     video.removeEventListener('timeupdate', handleTimeUpdate);
+    //   };
+    // }, [
+    //   CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME,
+    //   CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME,
+    //   CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR,
+    //   CB_CONTENT_PROP_VIDEO_SPEC_REPLAY
+    // ]);
+    var getTimeHash = function () {
+        if (typeof CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME === 'number' &&
+            typeof CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME === 'number') {
+            return "#t=".concat(CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME, ",").concat(CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME);
+        }
+        if (typeof CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME === 'number') {
+            return "#t=".concat(CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME);
+        }
+        return '';
+    };
+    var getVideoSrc = function () {
+        if (CB_CONTENT_PROP_VIDEO_SPEC_VALUETYPE === 'DATA') {
+            if (!(queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData)) {
+                return "ERROR: QueryData NOT FOUND";
+            }
+            var src = queryContext.queryData[CB_CONTENT_PROP_VIDEO_SPEC_CONNECTDATA];
+            return src;
+        }
+        return CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR;
+    };
+    var videoRef = (0, react_1.useRef)(null);
+    var containerRef = (0, react_1.useRef)(null);
+    // viewport 진입 시 자동재생
+    (0, react_1.useEffect)(function () {
+        var video = videoRef.current;
+        // const container = containerRef.current;
+        if (!video)
+            return;
+        var handleIntersection = function (entries) {
+            entries.forEach(function (entry) {
+                if (entry.isIntersecting) {
+                    video.play().catch(console.error);
+                }
+                else {
+                    video.pause();
+                }
+            });
+        };
+        var observer = new IntersectionObserver(handleIntersection, {
+            threshold: 0.3 // 30% 이상 보이면 재생
+        });
+        observer.observe(video);
+        return function () {
+            observer.disconnect();
+        };
+    }, []);
+    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.jsxs)(S_Video, __assign({ ref: videoRef, controls: true, poster: CB_CONTENT_PROP_VIDEO_SPEC_THUMB, preload: "auto", loop: true, muted: true }, { children: [(0, jsx_runtime_1.jsx)("source", { src: getVideoSrc() + getTimeHash(), type: "video/mp4" }), "Your browser does not support the video tag."] }))] }));
+}
+var S_Video = styled_components_1.default.video(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  object-fit: cover;\n  width: 100%;\n"], ["\n  height: 100%;\n  object-fit: cover;\n  width: 100%;\n"])));
+exports.default = VideoPlayer;
+var templateObject_1;

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

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

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

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

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

@@ -29,6 +29,17 @@ export type CB_CONTENT_PROP_TWITTER = {
 export type CB_CONTENT_PROP_CODEBLOCK = {
     CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: STRING_PLAIN;
 };
+export type CB_CONTENT_PROP_VIDEO = {
+    CB_CONTENT_PROP_VIDEO_SPEC_CONNECTDATA: STRING_PLAIN;
+    CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME: number;
+    CB_CONTENT_PROP_VIDEO_SPEC_MPLAY: boolean;
+    CB_CONTENT_PROP_VIDEO_SPEC_REPLAY: boolean;
+    CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR: string;
+    CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME: number;
+    CB_CONTENT_PROP_VIDEO_SPEC_THUMB: string;
+    CB_CONTENT_PROP_VIDEO_SPEC_TYPE: 'FILE' | 'URL';
+    CB_CONTENT_PROP_VIDEO_SPEC_VALUETYPE: VALUE_TYPE;
+};
 export type CB_CONTENT_PROP_CONTENTSCAROUSEL = {
     CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE: VALUE_TYPE;
     CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA: STRING_PLAIN;

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

@@ -1,7 +1,7 @@
-import type { CB_BTN_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_TEXT_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_LIST_PROPERTIES_TYPE, CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, CB_SLIDEBANNER_PROPERTIES_TYPE } from './util/types';
+import type { CB_BTN_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_TEXT_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_LIST_PROPERTIES_TYPE, CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, CB_SLIDEBANNER_PROPERTIES_TYPE, CB_VIDEOPLAYER_PROPERTIES_TYPE } from './util/types';
 import type { IComposition } from '../../../DynamicLayout/types';
 export type CB_TYPES = 'GENERAL';
-export type ComponentBlock = CB_TEXT_TYPE | CB_BTN_TYPE | CB_RICHTEXT | CB_DIVIDER | CB_IMG | CB_YOUTUBE | CB_TWITTER | CB_IFRAME | CB_GROUP | CB_LIST | CB_CONTENTSCAROUSEL | CB_SLIDEBANNER;
+export type ComponentBlock = CB_TEXT_TYPE | CB_BTN_TYPE | CB_RICHTEXT | CB_DIVIDER | CB_IMG | CB_YOUTUBE | CB_TWITTER | CB_IFRAME | CB_GROUP | CB_LIST | CB_CONTENTSCAROUSEL | CB_SLIDEBANNER | CB_VIDEOPLAYER;
 type GeneralCustomSectionType = {
     id: number;
     type: 'GENERAL';
@@ -19,7 +19,7 @@ export type GroupCustomSectionType = {
     queryableDefinitionPreset: string;
     dynamicLayoutSectionId: number;
 };
-export type AllCBProperties = CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE | CB_LIST_PROPERTIES_TYPE | CB_CONTENTSCAROUSEL_PROPERTIES_TYPE | CB_SLIDEBANNER_PROPERTIES_TYPE;
+export type AllCBProperties = CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE | CB_LIST_PROPERTIES_TYPE | CB_CONTENTSCAROUSEL_PROPERTIES_TYPE | CB_SLIDEBANNER_PROPERTIES_TYPE | CB_VIDEOPLAYER_PROPERTIES_TYPE;
 export type CB_TEXT_TYPE = GeneralCustomSectionType & {
     componentBlockCode: CB_ALL_CODES.CB_TEXT;
     jsonProperties: {
@@ -56,6 +56,12 @@ export type CB_YOUTUBE = GeneralCustomSectionType & {
         data: CB_YOUTUBE_PROPERTIES_TYPE;
     };
 };
+export type CB_VIDEOPLAYER = GeneralCustomSectionType & {
+    componentBlockCode: CB_ALL_CODES.CB_VIDEOPLAYER;
+    jsonProperties: {
+        data: CB_YOUTUBE_PROPERTIES_TYPE;
+    };
+};
 export type CB_TWITTER = GeneralCustomSectionType & {
     componentBlockCode: CB_ALL_CODES.CB_TWITTER;
     jsonProperties: {
@@ -107,6 +113,7 @@ export declare enum CB_ALL_CODES {
     CB_GROUP = "CB_GROUP",
     CB_LIST = "CB_LIST",
     CB_CONTENTSCAROUSEL = "CB_CONTENTSCAROUSEL",
-    CB_SLIDEBANNER = "CB_SLIDEBANNER"
+    CB_SLIDEBANNER = "CB_SLIDEBANNER",
+    CB_VIDEOPLAYER = "CB_VIDEOPLAYER"
 }
 export {};

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

@@ -15,4 +15,5 @@ var CB_ALL_CODES;
     CB_ALL_CODES["CB_LIST"] = "CB_LIST";
     CB_ALL_CODES["CB_CONTENTSCAROUSEL"] = "CB_CONTENTSCAROUSEL";
     CB_ALL_CODES["CB_SLIDEBANNER"] = "CB_SLIDEBANNER";
+    CB_ALL_CODES["CB_VIDEOPLAYER"] = "CB_VIDEOPLAYER";
 })(CB_ALL_CODES = exports.CB_ALL_CODES || (exports.CB_ALL_CODES = {}));

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

@@ -2,7 +2,7 @@ import type { CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS } from '../components/Compone
 import type { CB_STYLE_PROP_CONTENTSLIST_SPECS } from '../components/ComponentBlock/componentBlocks/ContentsList/types';
 import type { CB_STYLE_PROP_SLIDEBANNER_SPECS } from '../components/ComponentBlock/componentBlocks/SlideBanner/types';
 import type { CB_TWITTER_STYLE_PROPS } from '../components/ComponentBlock/componentBlocks/Twitter/types';
-import type { CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CODEBLOCK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER, CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_TEXT_SPECS, CB_CONTENT_PROP_CONTENTSLIST } from '../components/ComponentBlock/componentBlocks/types';
+import type { CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CODEBLOCK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER, CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_TEXT_SPECS, CB_CONTENT_PROP_CONTENTSLIST, CB_CONTENT_PROP_VIDEO } from '../components/ComponentBlock/componentBlocks/types';
 import type { CB_CONTENT_PROP_YOUTUBE_TYPE, CB_STYLE_PROP_BGCOLOR_SPECS } from '../components/ComponentBlock/componentBlocks/Youtube/types';
 import type { CB_CONTENT_PROP_VISIBILITY_SPECS } from './contentPropParsers/parseContentVisibility';
 import type { CB_EFFECT_PROP_ENTANIM_SPECS } from './effectPropParsers/parseEffectPropEntAnim';
@@ -168,6 +168,16 @@ export type CB_LIST_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
     CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
 };
+export type CB_VIDEOPLAYER_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
+    CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
+    CB_CONTENT_PROP_VIDEO: CB_CONTENT_PROP_VIDEO;
+    CB_STYLE_PROP_SHADOW: CB_STYLE_PROP_SHADOW_SPECS;
+    CB_STYLE_PROP_OPACITY: CB_STYLE_PROP_TEXT_OPACITY_SPECS;
+    CB_STYLE_PROP_BGCOLOR: CB_STYLE_PROP_BGCOLOR_SPECS;
+    CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
+    CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
+    CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
+};
 export type StyleType = {
     style: CSSProperties;
 };

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

@@ -5,6 +5,7 @@ import type { CB_EFFECT_PROP_ENTANIM_SPECS } from './sections/CustomSection/util
 import type { CB_LAYOUT_PROP_PADDING_SPECS } from './sections/CustomSection/util/layoutPropParsers/parseLayoutPropPadding';
 import type { CB_STYLE_PROP_BGCOLOR_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropBgColor';
 import type { CB_STYLE_PROP_BGOVERLAY_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropBgOverlay';
+import type { VALUE_TYPE } from './sections/CustomSection/util/types';
 import type { Block, ZOrder } from 'publ-echo/dist/lib/GridLayoutEditor/group';
 import type { Ref } from 'react';
 export { TypeOfSectionAction };
@@ -347,6 +348,8 @@ export type CB_STYLE_PROP_BGMEDIA_SPECS_BASE = {
     CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: string;
     CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: string;
     CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: number;
+    CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR: string;
+    CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE: VALUE_TYPE;
 };
 export type CB_STYLE_PROP_BGMEDIA_SPECS = CB_STYLE_PROP_BGMEDIA_SPECS_BASE & {
     'CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME:HOVER': number | null | undefined;
@@ -377,6 +380,12 @@ export type CB_STYLE_PROP_BGMEDIA_SPECS = CB_STYLE_PROP_BGMEDIA_SPECS_BASE & {
     'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:HOVER': string | null | undefined;
     'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE': string | null | undefined;
     'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE:HOVER': string | null | undefined;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR:HOVER'?: string | null;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR:MOBILE'?: string | null;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR:MOBILE:HOVER'?: string | null;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE:HOVER'?: VALUE_TYPE | null;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE:MOBILE'?: VALUE_TYPE | null;
+    'CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE:MOBILE:HOVER'?: VALUE_TYPE | null;
 };
 export interface IComposition {
     id: number;

package/package.json

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