pds-dev-kit-web-test 2.5.428 → 2.5.431

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (231) hide show
  1. package/dist/index.d.ts +2 -2
  2. package/dist/index.js +3 -2
  3. package/dist/src/common/assets/icons/fill/Cam.d.ts +4 -0
  4. package/dist/src/common/assets/icons/fill/Cam.js +30 -0
  5. package/dist/src/common/assets/icons/fill/CamOff.d.ts +4 -0
  6. package/dist/src/common/assets/icons/fill/CamOff.js +30 -0
  7. package/dist/src/common/assets/icons/fill/Video.js +1 -1
  8. package/dist/src/common/assets/icons/fill/VideoOff.js +1 -1
  9. package/dist/src/common/assets/icons/fill/VideoStop.d.ts +4 -0
  10. package/dist/src/common/assets/icons/fill/VideoStop.js +30 -0
  11. package/dist/src/common/assets/icons/fill/VideoType.js +1 -1
  12. package/dist/src/common/assets/icons/fill/index.d.ts +3 -0
  13. package/dist/src/common/assets/icons/fill/index.js +7 -1
  14. package/dist/src/common/assets/icons/line/Cam.d.ts +4 -0
  15. package/dist/src/common/assets/icons/line/Cam.js +30 -0
  16. package/dist/src/common/assets/icons/line/CamOff.d.ts +4 -0
  17. package/dist/src/common/assets/icons/line/CamOff.js +30 -0
  18. package/dist/src/common/assets/icons/line/CheckBox.d.ts +4 -0
  19. package/dist/src/common/assets/icons/line/CheckBox.js +30 -0
  20. package/dist/src/common/assets/icons/line/Dropdown.d.ts +4 -0
  21. package/dist/src/common/assets/icons/line/Dropdown.js +30 -0
  22. package/dist/src/common/assets/icons/line/Radio.d.ts +4 -0
  23. package/dist/src/common/assets/icons/line/Radio.js +30 -0
  24. package/dist/src/common/assets/icons/line/SectionQuestion32.d.ts +4 -0
  25. package/dist/src/common/assets/icons/line/SectionQuestion32.js +30 -0
  26. package/dist/src/common/assets/icons/line/SectionQuestion40.d.ts +4 -0
  27. package/dist/src/common/assets/icons/line/SectionQuestion40.js +30 -0
  28. package/dist/src/common/assets/icons/line/SectionQuestionnaire32.d.ts +4 -0
  29. package/dist/src/common/assets/icons/line/SectionQuestionnaire32.js +30 -0
  30. package/dist/src/common/assets/icons/line/SectionQuestionnaire40.d.ts +4 -0
  31. package/dist/src/common/assets/icons/line/SectionQuestionnaire40.js +30 -0
  32. package/dist/src/common/assets/icons/line/TextLong.d.ts +4 -0
  33. package/dist/src/common/assets/icons/line/TextLong.js +30 -0
  34. package/dist/src/common/assets/icons/line/TextShort.d.ts +4 -0
  35. package/dist/src/common/assets/icons/line/TextShort.js +30 -0
  36. package/dist/src/common/assets/icons/line/Video.js +1 -1
  37. package/dist/src/common/assets/icons/line/VideoOff.js +1 -1
  38. package/dist/src/common/assets/icons/line/VideoStop.d.ts +4 -0
  39. package/dist/src/common/assets/icons/line/VideoStop.js +30 -0
  40. package/dist/src/common/assets/icons/line/VideoType.js +1 -1
  41. package/dist/src/common/assets/icons/line/index.d.ts +12 -0
  42. package/dist/src/common/assets/icons/line/index.js +25 -1
  43. package/dist/src/common/components/ThreeBarProgress/ThreeBarProgress.d.ts +2 -1
  44. package/dist/src/common/components/ThreeBarProgress/ThreeBarProgress.js +48 -4
  45. package/dist/src/common/services/i18n/resources/en.json +9 -1
  46. package/dist/src/common/services/i18n/resources/es.json +9 -1
  47. package/dist/src/common/services/i18n/resources/fil.json +9 -1
  48. package/dist/src/common/services/i18n/resources/index.d.ts +56 -0
  49. package/dist/src/common/services/i18n/resources/ja.json +9 -1
  50. package/dist/src/common/services/i18n/resources/ko.json +9 -1
  51. package/dist/src/common/services/i18n/resources/zh-cn.json +9 -1
  52. package/dist/src/common/services/i18n/resources/zh-tw.json +9 -1
  53. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +9 -1
  54. package/dist/src/common/styles/colorSet/PaletteColor_light.json +9 -1
  55. package/dist/src/common/styles/colorSet/UIColor.json +14 -1
  56. package/dist/src/common/styles/colorSet/index.d.ts +31 -2
  57. package/dist/src/common/styles/colorSet/index.js +2 -2
  58. package/dist/src/common/styles/colorSet/ui-type.d.ts +13 -0
  59. package/dist/src/common/utils/dateHelper.d.ts +13 -0
  60. package/dist/src/common/utils/dateHelper.js +87 -0
  61. package/dist/src/desktop/components/AdminListItem/AdminListItem.d.ts +1 -0
  62. package/dist/src/desktop/components/AdminListItem/AdminListItem.js +27 -13
  63. package/dist/src/desktop/components/BasicListItem/BasicListItem.d.ts +4 -1
  64. package/dist/src/desktop/components/BasicListItem/BasicListItem.js +26 -4
  65. package/dist/src/desktop/components/BasicListItem/Contents.d.ts +3 -1
  66. package/dist/src/desktop/components/BasicListItem/Contents.js +2 -2
  67. package/dist/src/desktop/components/BasicListItem/RightBox/IconButton.d.ts +1 -0
  68. package/dist/src/desktop/components/BasicListItem/RightBox/IconButton.js +2 -2
  69. package/dist/src/desktop/components/Checkbox/Checkbox.d.ts +3 -1
  70. package/dist/src/desktop/components/Checkbox/Checkbox.js +17 -3
  71. package/dist/src/desktop/components/Chip/Chip.d.ts +1 -1
  72. package/dist/src/desktop/components/Chip/Chip.js +50 -5
  73. package/dist/src/desktop/components/Radio/Radio.js +2 -2
  74. package/dist/src/desktop/components/TextField/TextField.js +41 -15
  75. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTU.js +2 -2
  76. package/dist/src/mobile/components/BasicListItem/BasicListItem.d.ts +4 -1
  77. package/dist/src/mobile/components/BasicListItem/BasicListItem.js +26 -4
  78. package/dist/src/mobile/components/BasicListItem/Contents.d.ts +3 -1
  79. package/dist/src/mobile/components/BasicListItem/Contents.js +2 -2
  80. package/dist/src/mobile/components/BasicListItem/RightBox/IconButton.d.ts +1 -0
  81. package/dist/src/mobile/components/BasicListItem/RightBox/IconButton.js +2 -2
  82. package/dist/src/mobile/components/Checkbox/Checkbox.d.ts +3 -1
  83. package/dist/src/mobile/components/Checkbox/Checkbox.js +17 -3
  84. package/dist/src/mobile/components/Chip/Chip.d.ts +1 -1
  85. package/dist/src/mobile/components/Chip/Chip.js +50 -5
  86. package/dist/src/mobile/components/DatePicker/DatePicker.d.ts +16 -0
  87. package/dist/src/mobile/components/DatePicker/DatePicker.js +156 -0
  88. package/dist/src/mobile/components/DatePicker/DatePickerHeader.d.ts +14 -0
  89. package/dist/src/mobile/components/DatePicker/DatePickerHeader.js +27 -0
  90. package/dist/src/mobile/components/DatePicker/Day.d.ts +13 -0
  91. package/dist/src/mobile/components/DatePicker/Day.js +94 -0
  92. package/dist/src/mobile/components/DatePicker/index.d.ts +1 -0
  93. package/dist/src/mobile/components/DatePicker/index.js +8 -0
  94. package/dist/src/mobile/components/DatePicker/utils.d.ts +16 -0
  95. package/dist/src/mobile/components/DatePicker/utils.js +68 -0
  96. package/dist/src/mobile/components/Radio/Radio.js +2 -2
  97. package/dist/src/mobile/components/TextField/TextField.js +41 -15
  98. package/dist/src/mobile/components/TextLabel/TextLabel.d.ts +6 -1
  99. package/dist/src/mobile/components/TextLabel/TextLabel.js +83 -3
  100. package/dist/src/mobile/components/index.d.ts +2 -1
  101. package/dist/src/mobile/components/index.js +3 -1
  102. package/dist/src/mobile/index.d.ts +1 -1
  103. package/dist/src/mobile/index.js +3 -2
  104. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFA.js +1 -1
  105. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFB.js +1 -1
  106. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFC.js +1 -1
  107. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFD.js +1 -1
  108. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFE.js +1 -1
  109. package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMA.js +1 -1
  110. package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMB.js +1 -1
  111. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPA.js +1 -1
  112. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPB.js +1 -1
  113. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPC.js +1 -1
  114. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPD.js +1 -1
  115. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPE.js +1 -1
  116. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPF.js +1 -1
  117. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSA.js +1 -1
  118. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSB.js +1 -1
  119. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSC.js +1 -1
  120. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSD.js +1 -1
  121. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSE.js +1 -1
  122. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSF.js +1 -1
  123. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSG.js +1 -1
  124. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSH.js +1 -1
  125. package/dist/src/sub/AdminList/AdminListItem/AdminListItem.js +3 -3
  126. package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.d.ts +1 -0
  127. package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.js +2 -1
  128. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js +1 -1
  129. package/dist/src/sub/DynamicLayout/CompositionRenderer/createCompositions.d.ts +4 -3
  130. package/dist/src/sub/DynamicLayout/CompositionRenderer/createCompositions.js +38 -12
  131. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/SectionBox.js +4 -1
  132. package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js +12 -1
  133. package/dist/src/sub/DynamicLayout/components/Section/components/VideoBGMedia.d.ts +8 -0
  134. package/dist/src/sub/DynamicLayout/components/Section/components/VideoBGMedia.js +77 -0
  135. package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.js +3 -1
  136. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/downIcons.d.ts +12 -0
  137. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/downIcons.js +76 -0
  138. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/index.d.ts +4 -0
  139. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/index.js +47 -0
  140. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/leftIcons.d.ts +12 -0
  141. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/leftIcons.js +76 -0
  142. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/rightIcons.d.ts +12 -0
  143. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/rightIcons.js +76 -0
  144. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/upIcons.d.ts +12 -0
  145. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/upIcons.js +76 -0
  146. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/index.d.ts +40 -0
  147. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/index.js +36 -177
  148. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/PaletteColor_Dark.json +152 -4
  149. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/PaletteColor_light.json +150 -2
  150. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/SemanticColor.json +45 -1
  151. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/UIColor.json +262 -9
  152. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/index.d.ts +593 -0
  153. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/ui-type.d.ts +253 -0
  154. package/dist/src/sub/DynamicLayout/components/pdsOriginal/desktop/IconButton/IconButton.d.ts +3 -1
  155. package/dist/src/sub/DynamicLayout/components/pdsOriginal/desktop/IconButton/IconButton.js +5 -3
  156. package/dist/src/sub/DynamicLayout/components/pdsOriginal/hybrid/Icon/Icon.d.ts +2 -1
  157. package/dist/src/sub/DynamicLayout/components/pdsOriginal/hybrid/Icon/Icon.js +9 -2
  158. package/dist/src/sub/DynamicLayout/compositionQueryContext.d.ts +1 -1
  159. package/dist/src/sub/DynamicLayout/mock_composition.d.ts +1 -1
  160. package/dist/src/sub/DynamicLayout/mock_composition.js +852 -43
  161. package/dist/src/sub/DynamicLayout/mock_contentsCarousel.d.ts +1 -2
  162. package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js +1071 -274
  163. package/dist/src/sub/DynamicLayout/mock_contentsList.d.ts +1 -2
  164. package/dist/src/sub/DynamicLayout/mock_contentsList.js +1017 -222
  165. package/dist/src/sub/DynamicLayout/mock_queryData.d.ts +96 -0
  166. package/dist/src/sub/DynamicLayout/mock_queryData.js +2639 -0
  167. package/dist/src/sub/DynamicLayout/mock_slideBanner.d.ts +842 -2
  168. package/dist/src/sub/DynamicLayout/mock_slideBanner.js +803 -267
  169. package/dist/src/sub/DynamicLayout/mock_video.d.ts +368 -0
  170. package/dist/src/sub/DynamicLayout/mock_video.js +371 -0
  171. package/dist/src/sub/DynamicLayout/mock_video_cb.d.ts +368 -0
  172. package/dist/src/sub/DynamicLayout/mock_video_cb.js +371 -0
  173. package/dist/src/sub/DynamicLayout/mocks.d.ts +2 -776
  174. package/dist/src/sub/DynamicLayout/mocks.js +4266 -11
  175. package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridItem.js +11 -15
  176. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +3 -0
  177. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +25 -4
  178. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +149 -54
  179. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarouselCore.js +21 -1
  180. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigation.d.ts +5 -1
  181. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigation.js +5 -56
  182. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.d.ts +10 -4
  183. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.js +30 -32
  184. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomProgressbar.d.ts +3 -1
  185. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomProgressbar.js +47 -24
  186. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/navigationConfigs.d.ts +4 -0
  187. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/navigationConfigs.js +849 -0
  188. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/progressConfigs.d.ts +43 -0
  189. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/progressConfigs.js +162 -0
  190. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.d.ts +2 -12
  191. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.js +144 -316
  192. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/types.d.ts +38 -23
  193. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +36 -24
  194. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.d.ts +5 -3
  195. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.js +59 -132
  196. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/paginationConfigs.d.ts +25 -0
  197. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/paginationConfigs.js +183 -0
  198. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.d.ts +1 -1
  199. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.js +58 -35
  200. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.d.ts +11 -1
  201. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +13 -5
  202. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js +91 -26
  203. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.d.ts +5 -1
  204. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.js +5 -56
  205. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.d.ts +9 -2
  206. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.js +30 -32
  207. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.d.ts +3 -1
  208. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.js +47 -24
  209. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/navigationConfigs.d.ts +4 -0
  210. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/navigationConfigs.js +849 -0
  211. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/progressConfigs.d.ts +43 -0
  212. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/progressConfigs.js +162 -0
  213. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.d.ts +3 -3
  214. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.js +168 -67
  215. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/types.d.ts +46 -6
  216. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +10 -4
  217. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/VideoPlayer.d.ts +5 -0
  218. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/VideoPlayer.js +148 -0
  219. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/helper.d.ts +4 -0
  220. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/helper.js +25 -0
  221. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/index.d.ts +1 -0
  222. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/index.js +8 -0
  223. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +17 -8
  224. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +11 -4
  225. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +1 -0
  226. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts +2 -2
  227. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +15 -2
  228. package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.js +1 -1
  229. package/dist/src/sub/DynamicLayout/types.d.ts +9 -0
  230. package/package.json +3 -3
  231. package/release-note.md +3 -3
@@ -2,31 +2,47 @@ import type { NUMBER_INTEGER } from '../../../../../../../DynamicLayout/sections
2
2
  export type SlideBannerPropsKeys = keyof CB_STYLE_PROP_SLIDEBANNER_SPECS;
3
3
  export type CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE_TYPE = 'DESIGN1' | 'DESIGN2';
4
4
  export type CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL_TYPE = boolean;
5
- export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE = 'NONE' | 'DESIGN1' | 'DESIGN2' | 'DESIGN3' | 'DESIGN4' | 'DESIGN5' | 'DESIGN6' | 'DESIGN7' | 'DESIGN8' | 'DESIGN9' | 'DESIGN10' | 'DESIGN11' | 'DESIGN12' | 'DESIGN13' | 'DESIGN14' | 'DESIGN15' | 'DESIGN16' | 'DESIGN17';
6
- export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION_TYPE = 'OUTSET1' | 'OUTSET2' | 'OUTSET3' | 'OUTSET4' | 'OUTSET5' | 'OUTSET6' | 'OUTSET7' | 'OUTSET8' | 'OUTSET9' | 'OUTSET10' | 'OUTSET11' | 'OUTSET12' | 'INSET13' | 'INSET14' | 'INSET15' | 'INSET16' | 'INSET17' | 'INSET18' | 'INSET19' | 'INSET20';
5
+ export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE = 'NONE' | 'DESIGN1' | 'DESIGN2' | 'DESIGN3' | 'DESIGN4' | 'DESIGN5' | 'DESIGN6' | 'DESIGN7' | 'DESIGN8' | 'DESIGN9' | 'DESIGN10' | 'DESIGN11' | 'DESIGN12' | 'DESIGN13' | 'DESIGN14' | 'DESIGN15' | 'DESIGN16';
6
+ export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION_TYPE = 'OUTSET1' | 'OUTSET2' | 'OUTSET3' | 'OUTSET4' | 'OUTSET5' | 'OUTSET6' | 'OUTSET7' | 'OUTSET8' | 'OUTSET9' | 'OUTSET10' | 'OUTSET11' | 'OUTSET12' | 'INSET1' | 'INSET2' | 'INSET3' | 'INSET4' | 'INSET5' | 'INSET6' | 'INSET7' | 'INSET8';
7
7
  export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
8
- export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE = 'NONE' | 'DESIGN1' | 'DESIGN2' | 'DESIGN3' | 'DESIGN4' | 'DESIGN5' | 'DESIGN6' | 'DESIGN7' | 'DESIGN8' | 'DESIGN9' | 'DESIGN10' | 'DESIGN11' | 'DESIGN12' | 'DESIGN13' | 'DESIGN14' | 'DESIGN15' | 'DESIGN16' | 'DESIGN17' | 'DESIGN18' | 'DESIGN19' | 'DESIGN20';
9
- export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION_TYPE = 'OUTSET1' | 'OUTSET2' | 'OUTSET3' | 'OUTSET4' | 'OUTSET5' | 'OUTSET6' | 'OUTSET7' | 'OUTSET8' | 'OUTSET9' | 'OUTSET10' | 'OUTSET11' | 'OUTSET12' | 'INSET13' | 'INSET14' | 'INSET15' | 'INSET16' | 'INSET17' | 'INSET18' | 'INSET19' | 'INSET20';
8
+ export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONPRIMARYCOLOR = string;
9
+ export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSECONDARYCOLOR = string;
10
+ export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE = 'NONE' | 'DESIGN1' | 'DESIGN2' | 'DESIGN3' | 'DESIGN4' | 'DESIGN5' | 'DESIGN6' | 'DESIGN7' | 'DESIGN8' | 'DESIGN9' | 'DESIGN10' | 'DESIGN11' | 'DESIGN12' | 'DESIGN13' | 'DESIGN14' | 'DESIGN15' | 'DESIGN16' | 'DESIGN17' | 'DESIGN18' | 'DESIGN19' | 'DESIGN20' | 'DESIGN21' | 'DESIGN22' | 'DESIGN23' | 'DESIGN24' | 'DESIGN25' | 'DESIGN26' | 'DESIGN27' | 'DESIGN28' | 'DESIGN29' | 'DESIGN30' | 'DESIGN31' | 'DESIGN32' | 'DESIGN33' | 'DESIGN34' | 'DESIGN35' | 'DESIGN36' | 'DESIGN37' | 'DESIGN38' | 'DESIGN39' | 'DESIGN40' | 'DESIGN41' | 'DESIGN42' | 'DESIGN43' | 'DESIGN44' | 'DESIGN45' | 'DESIGN46' | 'DESIGN47' | 'DESIGN48' | 'DESIGN49' | 'DESIGN50' | 'DESIGN51' | 'DESIGN52' | 'DESIGN53' | 'DESIGN54' | 'DESIGN55' | 'DESIGN56' | 'DESIGN57' | 'DESIGN58' | 'DESIGN59' | 'DESIGN60' | 'DESIGN61' | 'DESIGN62' | 'DESIGN63' | 'DESIGN64' | 'DESIGN65' | 'DESIGN66' | 'DESIGN67' | 'DESIGN68' | 'DESIGN69' | 'DESIGN70' | 'DESIGN71' | 'DESIGN72' | 'DESIGN73' | 'DESIGN74' | 'DESIGN75' | 'DESIGN76' | 'DESIGN77' | 'DESIGN78' | 'DESIGN79' | 'DESIGN80' | 'DESIGN81' | 'DESIGN82' | 'DESIGN83' | 'DESIGN84' | 'DESIGN85' | 'DESIGN86' | 'DESIGN87' | 'DESIGN88' | 'DESIGN89' | 'DESIGN90' | 'DESIGN91' | 'DESIGN92' | 'DESIGN93' | 'DESIGN94' | 'DESIGN95' | 'DESIGN96' | 'DESIGN97' | 'DESIGN98' | 'DESIGN99' | 'DESIGN100';
11
+ export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION_TYPE = 'OUTSET1' | 'OUTSET2' | 'OUTSET3' | 'OUTSET4' | 'OUTSET5' | 'OUTSET6' | 'OUTSET7' | 'OUTSET8' | 'OUTSET9' | 'OUTSET10' | 'OUTSET11' | 'OUTSET12' | 'INSET1' | 'INSET2' | 'INSET3' | 'INSET4' | 'INSET5' | 'INSET6' | 'INSET7' | 'INSET8';
10
12
  export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
11
- export type CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE = 'NONE' | 'DESIGN1' | 'DESIGN2' | 'DESIGN3' | 'DESIGN4' | 'DESIGN2' | 'DESIGN3' | 'DESIGN4' | 'DESIGN5' | 'DESIGN6' | 'DESIGN7' | 'DESIGN8' | 'DESIGN9' | 'DESIGN10' | 'DESIGN11' | 'DESIGN12' | 'DESIGN13' | 'DESIGN14' | 'DESIGN15' | 'DESIGN16' | 'DESIGN17' | 'DESIGN18' | 'DESIGN19' | 'DESIGN20';
12
- export type CB_STYLE_PROP_SLIDEBANNER_SPEC__NEXTBTNLOCATION_TYPE = 'OUTSET1' | 'OUTSET2' | 'OUTSET3' | 'OUTSET4' | 'OUTSET5' | 'OUTSET6' | 'OUTSET7' | 'OUTSET8' | 'OUTSET9' | 'OUTSET10' | 'OUTSET11' | 'OUTSET12' | 'INSET13' | 'INSET14' | 'INSET15' | 'INSET16' | 'INSET17' | 'INSET18' | 'INSET19' | 'INSET20';
13
+ export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNPRIMARYCOLOR = string;
14
+ export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSECONDARYCOLOR = string;
15
+ export type CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE = 'NONE' | 'DESIGN1' | 'DESIGN2' | 'DESIGN3' | 'DESIGN4' | 'DESIGN5' | 'DESIGN6' | 'DESIGN7' | 'DESIGN8' | 'DESIGN9' | 'DESIGN10' | 'DESIGN11' | 'DESIGN12' | 'DESIGN13' | 'DESIGN14' | 'DESIGN15' | 'DESIGN16' | 'DESIGN17' | 'DESIGN18' | 'DESIGN19' | 'DESIGN20' | 'DESIGN21' | 'DESIGN22' | 'DESIGN23' | 'DESIGN24' | 'DESIGN25' | 'DESIGN26' | 'DESIGN27' | 'DESIGN28' | 'DESIGN29' | 'DESIGN30' | 'DESIGN31' | 'DESIGN32' | 'DESIGN33' | 'DESIGN34' | 'DESIGN35' | 'DESIGN36' | 'DESIGN37' | 'DESIGN38' | 'DESIGN39' | 'DESIGN40' | 'DESIGN41' | 'DESIGN42' | 'DESIGN43' | 'DESIGN44' | 'DESIGN45' | 'DESIGN46' | 'DESIGN47' | 'DESIGN48' | 'DESIGN49' | 'DESIGN50' | 'DESIGN51' | 'DESIGN52' | 'DESIGN53' | 'DESIGN54' | 'DESIGN55' | 'DESIGN56' | 'DESIGN57' | 'DESIGN58' | 'DESIGN59' | 'DESIGN60' | 'DESIGN61' | 'DESIGN62' | 'DESIGN63' | 'DESIGN64' | 'DESIGN65' | 'DESIGN66' | 'DESIGN67' | 'DESIGN68' | 'DESIGN69' | 'DESIGN70' | 'DESIGN71' | 'DESIGN72' | 'DESIGN73' | 'DESIGN74' | 'DESIGN75' | 'DESIGN76' | 'DESIGN77' | 'DESIGN78' | 'DESIGN79' | 'DESIGN80' | 'DESIGN81' | 'DESIGN82' | 'DESIGN83' | 'DESIGN84' | 'DESIGN85' | 'DESIGN86' | 'DESIGN87' | 'DESIGN88' | 'DESIGN89' | 'DESIGN90' | 'DESIGN91' | 'DESIGN92' | 'DESIGN93' | 'DESIGN94' | 'DESIGN95' | 'DESIGN96' | 'DESIGN97' | 'DESIGN98' | 'DESIGN99' | 'DESIGN100';
16
+ export type CB_STYLE_PROP_SLIDEBANNER_SPEC__NEXTBTNLOCATION_TYPE = 'OUTSET1' | 'OUTSET2' | 'OUTSET3' | 'OUTSET4' | 'OUTSET5' | 'OUTSET6' | 'OUTSET7' | 'OUTSET8' | 'OUTSET9' | 'OUTSET10' | 'OUTSET11' | 'OUTSET12' | 'INSET1' | 'INSET2' | 'INSET3' | 'INSET4' | 'INSET5' | 'INSET6' | 'INSET7' | 'INSET8';
13
17
  export type CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
18
+ export type CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNPRIMARYCOLOR = string;
19
+ export type CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSECONDARYCOLOR = string;
14
20
  export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE = 'NONE' | 'DESIGN1' | 'DESIGN2' | 'DESIGN3' | 'DESIGN4' | 'DESIGN5' | 'DESIGN6' | 'DESIGN7' | 'DESIGN8';
15
21
  export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
22
+ export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARPRIMARYCOLOR = string;
23
+ export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSECONDARYCOLOR = string;
16
24
  export type CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE_TYPE = boolean;
17
25
  export type CB_STYLE_PROP_SLIDEBANNER_SPECS_BASE = {
18
26
  CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE: CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE_TYPE;
19
27
  CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE: CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE;
20
28
  CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION: CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION_TYPE;
21
29
  CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE: CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE_TYPE;
30
+ CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONPRIMARYCOLOR: CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONPRIMARYCOLOR;
31
+ CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSECONDARYCOLOR: CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSECONDARYCOLOR;
22
32
  CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE: CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE;
23
33
  CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION: CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION_TYPE;
24
34
  CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE: CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE_TYPE;
35
+ CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNPRIMARYCOLOR: CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNPRIMARYCOLOR;
36
+ CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSECONDARYCOLOR: CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSECONDARYCOLOR;
25
37
  CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE: CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE;
26
38
  CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION: CB_STYLE_PROP_SLIDEBANNER_SPEC__NEXTBTNLOCATION_TYPE;
27
39
  CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE: CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE_TYPE;
40
+ CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNPRIMARYCOLOR: CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNPRIMARYCOLOR;
41
+ CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSECONDARYCOLOR: CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSECONDARYCOLOR;
28
42
  CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR: CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE;
29
43
  CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE: CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE_TYPE;
44
+ CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARPRIMARYCOLOR: CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNPRIMARYCOLOR;
45
+ CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSECONDARYCOLOR: CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSECONDARYCOLOR;
30
46
  CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE: CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE_TYPE;
31
47
  CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME: NUMBER_INTEGER;
32
48
  CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL: CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL_TYPE;
@@ -44,6 +60,12 @@ export type CB_STYLE_PROP_SLIDEBANNER_SPECS = CB_STYLE_PROP_SLIDEBANNER_SPECS_BA
44
60
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE_TYPE;
45
61
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE_TYPE;
46
62
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE_TYPE;
63
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONPRIMARYCOLOR:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONPRIMARYCOLOR;
64
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONPRIMARYCOLOR:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONPRIMARYCOLOR;
65
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONPRIMARYCOLOR:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONPRIMARYCOLOR;
66
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSECONDARYCOLOR:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSECONDARYCOLOR;
67
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSECONDARYCOLOR:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSECONDARYCOLOR;
68
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSECONDARYCOLOR:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSECONDARYCOLOR;
47
69
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE;
48
70
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE;
49
71
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE;
@@ -53,6 +75,12 @@ export type CB_STYLE_PROP_SLIDEBANNER_SPECS = CB_STYLE_PROP_SLIDEBANNER_SPECS_BA
53
75
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE_TYPE;
54
76
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE_TYPE;
55
77
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE_TYPE;
78
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNPRIMARYCOLOR:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNPRIMARYCOLOR;
79
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNPRIMARYCOLOR:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNPRIMARYCOLOR;
80
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNPRIMARYCOLOR:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNPRIMARYCOLOR;
81
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSECONDARYCOLOR:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSECONDARYCOLOR;
82
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSECONDARYCOLOR:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSECONDARYCOLOR;
83
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSECONDARYCOLOR:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSECONDARYCOLOR;
56
84
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE;
57
85
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE;
58
86
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE;
@@ -62,12 +90,24 @@ export type CB_STYLE_PROP_SLIDEBANNER_SPECS = CB_STYLE_PROP_SLIDEBANNER_SPECS_BA
62
90
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE_TYPE;
63
91
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE_TYPE;
64
92
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE_TYPE;
93
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNPRIMARYCOLOR:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNPRIMARYCOLOR;
94
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNPRIMARYCOLOR:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNPRIMARYCOLOR;
95
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNPRIMARYCOLOR:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNPRIMARYCOLOR;
96
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSECONDARYCOLOR:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSECONDARYCOLOR;
97
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSECONDARYCOLOR:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSECONDARYCOLOR;
98
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSECONDARYCOLOR:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSECONDARYCOLOR;
65
99
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE;
66
100
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE;
67
101
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE;
68
102
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE_TYPE;
69
103
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE_TYPE;
70
104
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE_TYPE;
105
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARPRIMARYCOLOR:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARPRIMARYCOLOR;
106
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARPRIMARYCOLOR:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARPRIMARYCOLOR;
107
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARPRIMARYCOLOR:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARPRIMARYCOLOR;
108
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSECONDARYCOLOR:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSECONDARYCOLOR;
109
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSECONDARYCOLOR:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSECONDARYCOLOR;
110
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSECONDARYCOLOR:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSECONDARYCOLOR;
71
111
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE_TYPE;
72
112
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE_TYPE;
73
113
  'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE_TYPE;
@@ -33,7 +33,8 @@ function Text(props) {
33
33
  var queryContext = (0, compositionQueryContext_1.useCCBQueryPath)();
34
34
  var index = props.index, _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_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, _c = props.CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE = _c.CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE, CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA = _c.CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA;
35
35
  var cLinkValue = function () {
36
- if (CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE === 'DATA') {
36
+ if (CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE === 'DATA' ||
37
+ CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE === 'DELEGATEDDATA') {
37
38
  if (!(queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData)) {
38
39
  return "ERROR: QueryData NOT FOUND";
39
40
  }
@@ -71,8 +72,13 @@ function Text(props) {
71
72
  var hasEffect = !isNoneEffectType;
72
73
  var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
73
74
  var textValue = function () {
74
- if (CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE === 'DATA' && (queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData)) {
75
- return queryContext.queryData[CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA];
75
+ var isDataConnected = CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE === 'DATA' ||
76
+ CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE === 'DELEGATEDDATA';
77
+ if (isDataConnected) {
78
+ if (queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData) {
79
+ return queryContext.queryData[CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA];
80
+ }
81
+ return 'ERROR';
76
82
  }
77
83
  if (device === 'MOBILE' &&
78
84
  mode !== 'EDIT' &&
@@ -101,7 +107,7 @@ function Text(props) {
101
107
  e.currentTarget.classList.add('hovered');
102
108
  }, onMouseLeave: function (e) {
103
109
  e.currentTarget.classList.remove('hovered');
104
- }, className: "cb-layout-box cb-text", normalStyle: __assign(__assign(__assign(__assign(__assign({}, textStyle), propsStyle), layoutStyle), effectCssProperties), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor, height: 'fit-content', minWidth: "calc(2ch + ".concat(layoutStyle.paddingLeft, " + ").concat(layoutStyle.paddingRight, ")") }), hoverStyle: __assign(__assign(__assign({}, textHoverStyle), propsHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), onClick: onClickCLINK }, { children: textValue() })) }))] }));
110
+ }, className: "cb-layout-box cb-text", normalStyle: __assign(__assign(__assign(__assign(__assign({}, textStyle), propsStyle), layoutStyle), effectCssProperties), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor, height: 'fit-content', minWidth: "calc(2ch + ".concat(layoutStyle.paddingLeft, " + ").concat(layoutStyle.paddingRight, ")") }), hoverStyle: __assign(__assign(__assign({}, textHoverStyle), propsHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), onClick: onClickCLINK }, { children: textValue() === 'ERROR' ? 'EDITOR:FALLBACK_TEXT' : textValue() })) }))] }));
105
111
  }
106
112
  function getTextStyles(props, device) {
107
113
  var availableSpecCodes = [
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import type { CB_VIDEOPLAYER_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
3
+ type Props = CB_VIDEOPLAYER_PROPERTIES_TYPE & IndexForIntersection;
4
+ declare function VideoPlayer(props: Props): JSX.Element;
5
+ export default VideoPlayer;
@@ -0,0 +1,148 @@
1
+ "use strict";
2
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
+ return cooked;
5
+ };
6
+ var __assign = (this && this.__assign) || function () {
7
+ __assign = Object.assign || function(t) {
8
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
9
+ s = arguments[i];
10
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
+ t[p] = s[p];
12
+ }
13
+ return t;
14
+ };
15
+ return __assign.apply(this, arguments);
16
+ };
17
+ var __importDefault = (this && this.__importDefault) || function (mod) {
18
+ return (mod && mod.__esModule) ? mod : { "default": mod };
19
+ };
20
+ Object.defineProperty(exports, "__esModule", { value: true });
21
+ var jsx_runtime_1 = require("react/jsx-runtime");
22
+ var react_1 = require("react");
23
+ var Icon_1 = require("../../../../../../../DynamicLayout/components/pdsOriginal/hybrid/Icon");
24
+ var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
25
+ var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
26
+ var colorUtil_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/newUtils/colorUtil");
27
+ var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
28
+ var styled_components_1 = __importDefault(require("styled-components"));
29
+ var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
30
+ var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
31
+ var S_HiddenCover_1 = require("../components/S_HiddenCover");
32
+ var helper_1 = require("./helper");
33
+ function VideoPlayer(props) {
34
+ var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
35
+ var CB_CONTENT_PROP_VIDEO = props.CB_CONTENT_PROP_VIDEO;
36
+ var index = props.index, CB_STYLE_PROP_BGCOLOR = props.CB_STYLE_PROP_BGCOLOR, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
37
+ var isEditMode = mode === 'EDIT';
38
+ var _b = getBGColorStyles(CB_STYLE_PROP_BGCOLOR, device), bgColorStyle = _b.style, bgColorHoverStyle = _b.hoverStyle;
39
+ var _c = (0, util_1.parseProperties)(props, device), propsStyle = _c.style, propsHoverStyle = _c.hoverStyle, layoutStyle = _c.layout, effect = _c.effect;
40
+ var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
41
+ if (mode === 'EDIT') {
42
+ propsStyle.visibility = 'visible';
43
+ }
44
+ var cbRef = (0, react_1.useRef)(null);
45
+ var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false }, [
46
+ index
47
+ ]);
48
+ var _d = (0, react_1.useState)(false), videoStarted = _d[0], setVideoStarted = _d[1];
49
+ var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
50
+ var effectCssProperties = isVisible ? effect : {};
51
+ var isNoneEffectType = device === 'DESKTOP'
52
+ ? CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE === 'NONE'
53
+ : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
54
+ var hasEffect = !isNoneEffectType;
55
+ var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
56
+ var 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_THUMB = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_THUMB, CB_CONTENT_PROP_VIDEO_SPEC_MAUTOPLAY = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_MAUTOPLAY, CB_CONTENT_PROP_VIDEO_SPEC_AUTOPLAY = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_AUTOPLAY;
57
+ var shouldAutoplay = (CB_CONTENT_PROP_VIDEO_SPEC_AUTOPLAY && device === 'DESKTOP') ||
58
+ (CB_CONTENT_PROP_VIDEO_SPEC_MAUTOPLAY && device === 'MOBILE');
59
+ var videoRef = (0, react_1.useRef)(null);
60
+ var _e = (0, react_1.useState)(false), videoLoaded = _e[0], setVideoLoaded = _e[1];
61
+ var _f = (0, react_1.useState)(function () {
62
+ return (0, helper_1.parseTargetUrl)(CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR).encodedURL;
63
+ }), videoURL = _f[0], setVideoURL = _f[1];
64
+ var onVideoError = function () {
65
+ var fallbackURL = (0, helper_1.parseTargetUrl)(CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR).fallbackURL;
66
+ var isFallbackURL = fallbackURL === videoURL;
67
+ if (fallbackURL && !isFallbackURL) {
68
+ setVideoURL(fallbackURL);
69
+ return;
70
+ }
71
+ };
72
+ var onLoadedMetadata = function () {
73
+ setVideoLoaded(true);
74
+ };
75
+ var onPlay = function () {
76
+ var video = videoRef.current;
77
+ if (!video || isEditMode || videoStarted || shouldAutoplay) {
78
+ return;
79
+ }
80
+ if (typeof CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME === 'number') {
81
+ video.currentTime = CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME;
82
+ setVideoStarted(true);
83
+ }
84
+ };
85
+ (0, react_1.useEffect)(function () {
86
+ var video = videoRef.current;
87
+ if (!video || isEditMode || !videoLoaded || !shouldAutoplay) {
88
+ return;
89
+ }
90
+ var handleIntersection = function (entries) {
91
+ entries.forEach(function (entry) {
92
+ if (entry.isIntersecting) {
93
+ if (typeof CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME === 'number') {
94
+ video.currentTime = CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME;
95
+ }
96
+ video.muted = true;
97
+ video.play().catch(function (err) {
98
+ // eslint-disable-next-line no-console
99
+ console.error('Error: CB VIDEO_PLAYER:', err);
100
+ });
101
+ }
102
+ else {
103
+ video.pause();
104
+ }
105
+ });
106
+ };
107
+ var observer = new IntersectionObserver(handleIntersection, {
108
+ threshold: 0.2
109
+ });
110
+ observer.observe(video);
111
+ return function () {
112
+ observer.disconnect();
113
+ };
114
+ }, [videoLoaded, isEditMode, shouldAutoplay]);
115
+ (0, react_1.useEffect)(function () {
116
+ setVideoURL((0, helper_1.parseTargetUrl)(CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR).encodedURL);
117
+ }, [CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR]);
118
+ 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 }, { children: (0, jsx_runtime_1.jsxs)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign({}, propsStyle), layoutStyle), effectCssProperties), bgColorStyle), hoverStyle: __assign(__assign({}, propsHoverStyle), bgColorHoverStyle), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device }, { children: [isEditMode && ((0, jsx_runtime_1.jsx)("div", __assign({ style: {
119
+ position: 'absolute',
120
+ top: '50%',
121
+ left: '50%',
122
+ width: '100%',
123
+ height: '100%',
124
+ display: 'flex',
125
+ alignItems: 'center',
126
+ justifyContent: 'center',
127
+ transform: 'translate(-50%, -50%)'
128
+ } }, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { iconName: "ic_video_play_circle", fillType: "fill", colorKey: "ui_cpnt_icon_sys_white", size: 48 }) }))), (0, jsx_runtime_1.jsxs)(S_Video, __assign({ muted: true, playsInline: true, controls: !isEditMode, isEditMode: isEditMode, ref: videoRef, poster: CB_CONTENT_PROP_VIDEO_SPEC_THUMB, onLoadedMetadata: onLoadedMetadata, onPlay: onPlay, onError: onVideoError, "data-src": CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR }, { children: [(0, jsx_runtime_1.jsx)("source", { src: videoURL }), "Your browser does not support the video tag."] }), videoURL + CB_CONTENT_PROP_VIDEO_SPEC_THUMB)] })) }))] }));
129
+ }
130
+ function getBGColorStyles(props, device) {
131
+ var availableSpecCodes = [
132
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE',
133
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR',
134
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR',
135
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC',
136
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT',
137
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR',
138
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC',
139
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE'
140
+ ];
141
+ return (0, colorUtil_1.parseStyleColorToCSSProp)({ availableSpecCodes: availableSpecCodes, props: props, propKey: 'BGCOLOR', device: device });
142
+ }
143
+ var S_Video = styled_components_1.default.video(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n aspect-ratio: 16 / 9;\n height: 100%;\n max-height: 100%;\n object-fit: cover;\n pointer-events: ", ";\n width: 100%;\n"], ["\n aspect-ratio: 16 / 9;\n height: 100%;\n max-height: 100%;\n object-fit: cover;\n pointer-events: ", ";\n width: 100%;\n"])), function (_a) {
144
+ var isEditMode = _a.isEditMode;
145
+ return (isEditMode ? 'none' : 'auto');
146
+ });
147
+ exports.default = VideoPlayer;
148
+ var templateObject_1;
@@ -0,0 +1,4 @@
1
+ export declare function parseTargetUrl(url: string): {
2
+ encodedURL: string;
3
+ fallbackURL: string | null;
4
+ };
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.parseTargetUrl = void 0;
4
+ function parseTargetUrl(url) {
5
+ var _a = url.split('?'), encodedURL = _a[0], query = _a[1];
6
+ if (!query) {
7
+ return {
8
+ encodedURL: encodedURL,
9
+ fallbackURL: null
10
+ };
11
+ }
12
+ var params = new URLSearchParams(query);
13
+ var fallbackUrl = params.get('fallbackUrl');
14
+ if (!fallbackUrl) {
15
+ return {
16
+ encodedURL: encodedURL,
17
+ fallbackURL: null
18
+ };
19
+ }
20
+ return {
21
+ encodedURL: encodedURL,
22
+ fallbackURL: "http://".concat(fallbackUrl)
23
+ };
24
+ }
25
+ exports.parseTargetUrl = parseTargetUrl;
@@ -0,0 +1 @@
1
+ export { default as VideoPlayer } from './VideoPlayer';
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.VideoPlayer = void 0;
7
+ var VideoPlayer_1 = require("./VideoPlayer");
8
+ Object.defineProperty(exports, "VideoPlayer", { enumerable: true, get: function () { return __importDefault(VideoPlayer_1).default; } });
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { ENUM_STRING, NUMBER_INTEGER, STRING_8DIGIT_HEX, STRING_PLAIN, VALUE_TYPE } from '../../../util/types';
2
+ import type { ENUM_STRING, NUMBER_INTEGER, STRING_8DIGIT_HEX, STRING_PLAIN, CCB_VALUE_TYPE, CB_VALUE_TYPE } from '../../../util/types';
3
3
  export type StylesProps = {
4
4
  normalStyle: React.CSSProperties;
5
5
  hoverStyle: React.CSSProperties;
@@ -7,7 +7,7 @@ export type StylesProps = {
7
7
  export type CB_CONTENT_PROP_TEXT = {
8
8
  CB_CONTENT_PROP_TEXT_SPEC_TEXT: STRING_PLAIN;
9
9
  CB_CONTENT_PROP_TEXT_SPEC_TEXTMOBILEALTERNATIVE: STRING_PLAIN;
10
- CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE: VALUE_TYPE;
10
+ CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE: CCB_VALUE_TYPE | CB_VALUE_TYPE;
11
11
  CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA: STRING_PLAIN;
12
12
  };
13
13
  export type CB_CONTENT_PROP_CLINK = {
@@ -15,12 +15,12 @@ export type CB_CONTENT_PROP_CLINK = {
15
15
  CB_CONTENT_PROP_CLINK_SPEC_SRC: STRING_PLAIN;
16
16
  CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC: STRING_PLAIN;
17
17
  CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: boolean;
18
- CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE: VALUE_TYPE;
18
+ CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE: CCB_VALUE_TYPE | CB_VALUE_TYPE;
19
19
  CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA: STRING_PLAIN;
20
20
  };
21
21
  export type CB_CONTENT_PROP_IMAGE = {
22
22
  CB_CONTENT_PROP_IMAGE_SPEC_SELECTOR: STRING_PLAIN;
23
- CB_CONTENT_PROP_IMAGE_SPEC_VALUETYPE: VALUE_TYPE;
23
+ CB_CONTENT_PROP_IMAGE_SPEC_VALUETYPE: CCB_VALUE_TYPE | CB_VALUE_TYPE;
24
24
  CB_CONTENT_PROP_IMAGE_SPEC_CONNECTDATA: STRING_PLAIN;
25
25
  };
26
26
  export type CB_CONTENT_PROP_TWITTER = {
@@ -30,7 +30,7 @@ export type CB_CONTENT_PROP_CODEBLOCK = {
30
30
  CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: STRING_PLAIN;
31
31
  };
32
32
  export type CB_CONTENT_PROP_CONTENTSCAROUSEL = {
33
- CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE: VALUE_TYPE;
33
+ CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE: CCB_VALUE_TYPE;
34
34
  CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA: STRING_PLAIN;
35
35
  CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATASORTING: STRING_PLAIN;
36
36
  CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_OFFSET: NUMBER_INTEGER;
@@ -39,22 +39,22 @@ export type CB_CONTENT_PROP_CONTENTSCAROUSEL = {
39
39
  CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
40
40
  };
41
41
  export type CB_CONTENT_PROP_SLIDEBANNER = {
42
- CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE: VALUE_TYPE;
42
+ CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE: CCB_VALUE_TYPE;
43
43
  CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA: STRING_PLAIN;
44
44
  CB_CONTENT_PROP_SLIDEBANNER_SPEC_DATASORTING: STRING_PLAIN;
45
45
  CB_CONTENT_PROP_SLIDEBANNER_SPEC_OFFSET: NUMBER_INTEGER;
46
46
  CB_CONTENT_PROP_SLIDEBANNER_SPEC_MENUALITEMS: MockComposition[];
47
47
  CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
48
- CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
49
48
  };
50
49
  export type CB_CONTENT_PROP_CONTENTSLIST = {
51
- CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE: VALUE_TYPE;
50
+ CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE: CCB_VALUE_TYPE;
52
51
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA: STRING_PLAIN;
53
52
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING: STRING_PLAIN;
54
53
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAFILTER: STRING_PLAIN;
55
54
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_OFFSET: NUMBER_INTEGER;
56
55
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS: MockComposition[];
57
56
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
57
+ CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
58
58
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS: NUMBER_INTEGER;
59
59
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_EDITCOMMONITEM: null | STRING_PLAIN;
60
60
  };
@@ -144,3 +144,12 @@ export type CB_STYLE_PROP_COLOR_SPECS = CB_STYLE_PROP_COLOR_SPECS_BASE & {
144
144
  'CB_STYLE_PROP_COLOR_SPEC_TYPE:MOBILE': CB_STYLE_PROP_COLOR_ENUM_TYPE | null | undefined;
145
145
  'CB_STYLE_PROP_COLOR_SPEC_TYPE:MOBILE:HOVER': CB_STYLE_PROP_COLOR_ENUM_TYPE | null | undefined;
146
146
  };
147
+ export type CB_CONTENT_PROP_VIDEO = {
148
+ CB_CONTENT_PROP_VIDEO_SPEC_CONNECTDATA: STRING_PLAIN;
149
+ CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR: string;
150
+ CB_CONTENT_PROP_VIDEO_SPEC_AUTOPLAY: string;
151
+ CB_CONTENT_PROP_VIDEO_SPEC_MAUTOPLAY: string;
152
+ CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME: number;
153
+ CB_CONTENT_PROP_VIDEO_SPEC_THUMB: string;
154
+ CB_CONTENT_PROP_VIDEO_SPEC_TYPE: 'FILE' | 'URL';
155
+ };
@@ -1,7 +1,7 @@
1
- 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';
1
+ 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_LIST_PROPERTIES_TYPE, CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, CB_SLIDEBANNER_PROPERTIES_TYPE, CB_VIDEOPLAYER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE } from './util/types';
2
2
  import type { IComposition } from '../../../DynamicLayout/types';
3
3
  export type CB_TYPES = 'GENERAL';
4
- 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;
4
+ 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;
5
5
  type GeneralCustomSectionType = {
6
6
  id: number;
7
7
  type: 'GENERAL';
@@ -19,7 +19,7 @@ export type GroupCustomSectionType = {
19
19
  queryableDefinitionPreset: string;
20
20
  dynamicLayoutSectionId: number;
21
21
  };
22
- 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;
22
+ 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;
23
23
  export type CB_TEXT_TYPE = GeneralCustomSectionType & {
24
24
  componentBlockCode: CB_ALL_CODES.CB_TEXT;
25
25
  jsonProperties: {
@@ -56,6 +56,12 @@ export type CB_YOUTUBE = GeneralCustomSectionType & {
56
56
  data: CB_YOUTUBE_PROPERTIES_TYPE;
57
57
  };
58
58
  };
59
+ export type CB_VIDEOPLAYER = GeneralCustomSectionType & {
60
+ componentBlockCode: CB_ALL_CODES.CB_VIDEOPLAYER;
61
+ jsonProperties: {
62
+ data: CB_YOUTUBE_PROPERTIES_TYPE;
63
+ };
64
+ };
59
65
  export type CB_TWITTER = GeneralCustomSectionType & {
60
66
  componentBlockCode: CB_ALL_CODES.CB_TWITTER;
61
67
  jsonProperties: {
@@ -107,6 +113,7 @@ export declare enum CB_ALL_CODES {
107
113
  CB_GROUP = "CB_GROUP",
108
114
  CB_LIST = "CB_LIST",
109
115
  CB_CONTENTSCAROUSEL = "CB_CONTENTSCAROUSEL",
110
- CB_SLIDEBANNER = "CB_SLIDEBANNER"
116
+ CB_SLIDEBANNER = "CB_SLIDEBANNER",
117
+ CB_VIDEOPLAYER = "CB_VIDEOPLAYER"
111
118
  }
112
119
  export {};
@@ -15,4 +15,5 @@ var CB_ALL_CODES;
15
15
  CB_ALL_CODES["CB_LIST"] = "CB_LIST";
16
16
  CB_ALL_CODES["CB_CONTENTSCAROUSEL"] = "CB_CONTENTSCAROUSEL";
17
17
  CB_ALL_CODES["CB_SLIDEBANNER"] = "CB_SLIDEBANNER";
18
+ CB_ALL_CODES["CB_VIDEOPLAYER"] = "CB_VIDEOPLAYER";
18
19
  })(CB_ALL_CODES = exports.CB_ALL_CODES || (exports.CB_ALL_CODES = {}));
@@ -1,5 +1,5 @@
1
1
  import { CB_LAYOUT_PROP_KEYS } from './layoutPropParsers/types';
2
2
  import { CB_STYLE_PROP_KEYS } from './stylePropParsers/types';
3
- import type { Device, ParserResult, CB_TEXT_PROPERTIES_TYPE, CB_BTN_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_LIST_PROPERTIES_TYPE, CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, CB_SLIDEBANNER_PROPERTIES_TYPE } from './types';
3
+ import type { Device, ParserResult, CB_TEXT_PROPERTIES_TYPE, CB_BTN_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_LIST_PROPERTIES_TYPE, CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, CB_SLIDEBANNER_PROPERTIES_TYPE, CB_VIDEOPLAYER_PROPERTIES_TYPE } from './types';
4
4
  export type specTypes = CB_LAYOUT_PROP_KEYS | CB_STYLE_PROP_KEYS;
5
- export default function parseProperties(properties: CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE | CB_LIST_PROPERTIES_TYPE | CB_CONTENTSCAROUSEL_PROPERTIES_TYPE | CB_SLIDEBANNER_PROPERTIES_TYPE, device: Device): ParserResult;
5
+ export default function parseProperties(properties: CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE | CB_LIST_PROPERTIES_TYPE | CB_CONTENTSCAROUSEL_PROPERTIES_TYPE | CB_SLIDEBANNER_PROPERTIES_TYPE | CB_VIDEOPLAYER_PROPERTIES_TYPE, device: Device): ParserResult;
@@ -2,7 +2,7 @@ import type { CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS } from '../components/Compone
2
2
  import type { CB_STYLE_PROP_CONTENTSLIST_SPECS } from '../components/ComponentBlock/componentBlocks/ContentsList/types';
3
3
  import type { CB_STYLE_PROP_SLIDEBANNER_SPECS } from '../components/ComponentBlock/componentBlocks/SlideBanner/types';
4
4
  import type { CB_TWITTER_STYLE_PROPS } from '../components/ComponentBlock/componentBlocks/Twitter/types';
5
- 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';
5
+ 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';
6
6
  import type { CB_CONTENT_PROP_YOUTUBE_TYPE, CB_STYLE_PROP_BGCOLOR_SPECS } from '../components/ComponentBlock/componentBlocks/Youtube/types';
7
7
  import type { CB_CONTENT_PROP_VISIBILITY_SPECS } from './contentPropParsers/parseContentVisibility';
8
8
  import type { CB_EFFECT_PROP_ENTANIM_SPECS } from './effectPropParsers/parseEffectPropEntAnim';
@@ -22,7 +22,9 @@ export type STRING_PLAIN = string;
22
22
  export type ENUM_STRING = string;
23
23
  export type NUMBER_INTEGER = number;
24
24
  export type STRING_8DIGIT_HEX = string;
25
- export type VALUE_TYPE = 'VALUE' | 'DATA';
25
+ export type CCB_VALUE_TYPE = 'VALUE' | 'DATA';
26
+ export type CB_VALUE_TYPE = 'VALUE' | 'DELEGATEDDATA' | 'QUERYDATA';
27
+ export type SECTION_VALUE_TYPE = 'VALUE' | 'QUERYDATA';
26
28
  export type CB_GENERAL_PROPERTIES_TYPE = {
27
29
  CB_PLACEMENT_PROP_PLACEMENT: CB_PLACEMENT_PROP_SPECS;
28
30
  CB_CONTENT_PROP_HOVER: {
@@ -139,6 +141,7 @@ export type CB_CONTENTSCAROUSEL_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
139
141
  CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
140
142
  CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
141
143
  CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
144
+ CB_CONTENT_PROP_CLINK: CB_CONTENT_PROP_CLINK;
142
145
  };
143
146
  export type CB_SLIDEBANNER_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
144
147
  CB_CONTENT_PROP_SLIDEBANNER: CB_CONTENT_PROP_SLIDEBANNER;
@@ -168,6 +171,16 @@ export type CB_LIST_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
168
171
  CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
169
172
  CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
170
173
  };
174
+ export type CB_VIDEOPLAYER_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
175
+ CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
176
+ CB_CONTENT_PROP_VIDEO: CB_CONTENT_PROP_VIDEO;
177
+ CB_STYLE_PROP_SHADOW: CB_STYLE_PROP_SHADOW_SPECS;
178
+ CB_STYLE_PROP_OPACITY: CB_STYLE_PROP_TEXT_OPACITY_SPECS;
179
+ CB_STYLE_PROP_BGCOLOR: CB_STYLE_PROP_BGCOLOR_SPECS;
180
+ CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
181
+ CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
182
+ CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
183
+ };
171
184
  export type StyleType = {
172
185
  style: CSSProperties;
173
186
  };
@@ -181,7 +181,7 @@ var FlexGridCustomSection = (0, react_1.forwardRef)(function CustomSection(props
181
181
  return size.width * 0.0133;
182
182
  }
183
183
  if (size.width < 1200) {
184
- return Math.max(getDefensiveFontSize(device, size.width), 14);
184
+ return Math.max(getDefensiveFontSize(device, size.width), 16);
185
185
  }
186
186
  return 16;
187
187
  })();
@@ -5,6 +5,7 @@ import type { CB_EFFECT_PROP_ENTANIM_SPECS } from './sections/CustomSection/util
5
5
  import type { CB_LAYOUT_PROP_PADDING_SPECS } from './sections/CustomSection/util/layoutPropParsers/parseLayoutPropPadding';
6
6
  import type { CB_STYLE_PROP_BGCOLOR_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropBgColor';
7
7
  import type { CB_STYLE_PROP_BGOVERLAY_SPECS } from './sections/CustomSection/util/stylePropParsers/parseStylePropBgOverlay';
8
+ import type { CCB_VALUE_TYPE } from './sections/CustomSection/util/types';
8
9
  import type { Block, ZOrder } from 'publ-echo-test/dist/lib/GridLayoutEditor/group';
9
10
  import type { Ref } from 'react';
10
11
  export { TypeOfSectionAction };
@@ -347,6 +348,8 @@ export type CB_STYLE_PROP_BGMEDIA_SPECS_BASE = {
347
348
  CB_STYLE_PROP_BGMEDIA_SPEC_IMAGESELECTOR: string;
348
349
  CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT: string;
349
350
  CB_STYLE_PROP_BGMEDIA_SPEC_ENDTIME: number;
351
+ CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR: string;
352
+ CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE: CCB_VALUE_TYPE;
350
353
  };
351
354
  export type CB_STYLE_PROP_BGMEDIA_SPECS = CB_STYLE_PROP_BGMEDIA_SPECS_BASE & {
352
355
  '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 & {
377
380
  'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:HOVER': string | null | undefined;
378
381
  'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE': string | null | undefined;
379
382
  'CB_STYLE_PROP_BGMEDIA_SPEC_YSRC:MOBILE:HOVER': string | null | undefined;
383
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR:HOVER'?: string | null;
384
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR:MOBILE'?: string | null;
385
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR:MOBILE:HOVER'?: string | null;
386
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE:HOVER'?: CCB_VALUE_TYPE | null;
387
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE:MOBILE'?: CCB_VALUE_TYPE | null;
388
+ 'CB_STYLE_PROP_BGMEDIA_SPEC_VALUETYPE:MOBILE:HOVER'?: CCB_VALUE_TYPE | null;
380
389
  };
381
390
  export interface IComposition {
382
391
  id: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.5.428",
3
+ "version": "2.5.431",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
@@ -22,8 +22,8 @@
22
22
  "i18next-intervalplural-postprocessor": "^3.0.0",
23
23
  "lottie-react": "^2.3.1",
24
24
  "nuka-carousel": "^4.8.4",
25
- "publ-echo": "^0.0.118",
26
- "publ-echo-test": "^0.0.224",
25
+ "publ-echo": "^0.0.119",
26
+ "publ-echo-test": "^0.0.225",
27
27
  "react-hook-form": "^7.28.1",
28
28
  "react-i18next": "^11.12.0",
29
29
  "react-router-dom": "^5.2.0",
package/release-note.md CHANGED
@@ -1,6 +1,6 @@
1
- # PDS-DEV-KIT-WEB-TEST Release Notes
2
- ## [v2.5.317]
1
+ # PDS-DEV-KIT-WEB Release Notes
2
+ ## [v2.2.178]
3
3
  ## daily|https://design.storybook.publ.biz/
4
4
 
5
5
  ### 업데이트 사항
6
- * 3.4 TEST 배포
6
+ * [FIX- BGMEDIA 영상fallbackurl적용]