pds-dev-kit-web-test 2.5.366 → 2.5.368

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 (208) 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/VideoStop.d.ts +4 -0
  4. package/dist/src/common/assets/icons/fill/VideoStop.js +30 -0
  5. package/dist/src/common/assets/icons/fill/index.d.ts +1 -0
  6. package/dist/src/common/assets/icons/fill/index.js +3 -1
  7. package/dist/src/common/assets/icons/line/CheckBox.d.ts +4 -0
  8. package/dist/src/common/assets/icons/line/CheckBox.js +30 -0
  9. package/dist/src/common/assets/icons/line/Dropdown.d.ts +4 -0
  10. package/dist/src/common/assets/icons/line/Dropdown.js +30 -0
  11. package/dist/src/common/assets/icons/line/Radio.d.ts +4 -0
  12. package/dist/src/common/assets/icons/line/Radio.js +30 -0
  13. package/dist/src/common/assets/icons/line/SectionQuestion32.d.ts +4 -0
  14. package/dist/src/common/assets/icons/line/SectionQuestion32.js +30 -0
  15. package/dist/src/common/assets/icons/line/SectionQuestion40.d.ts +4 -0
  16. package/dist/src/common/assets/icons/line/SectionQuestion40.js +30 -0
  17. package/dist/src/common/assets/icons/line/SectionQuestionnaire32.d.ts +4 -0
  18. package/dist/src/common/assets/icons/line/SectionQuestionnaire32.js +30 -0
  19. package/dist/src/common/assets/icons/line/SectionQuestionnaire40.d.ts +4 -0
  20. package/dist/src/common/assets/icons/line/SectionQuestionnaire40.js +30 -0
  21. package/dist/src/common/assets/icons/line/TextLong.d.ts +4 -0
  22. package/dist/src/common/assets/icons/line/TextLong.js +30 -0
  23. package/dist/src/common/assets/icons/line/TextShort.d.ts +4 -0
  24. package/dist/src/common/assets/icons/line/TextShort.js +30 -0
  25. package/dist/src/common/assets/icons/line/VideoStop.d.ts +4 -0
  26. package/dist/src/common/assets/icons/line/VideoStop.js +30 -0
  27. package/dist/src/common/assets/icons/line/index.d.ts +10 -0
  28. package/dist/src/common/assets/icons/line/index.js +21 -1
  29. package/dist/src/common/components/ThreeBarProgress/ThreeBarProgress.d.ts +2 -1
  30. package/dist/src/common/components/ThreeBarProgress/ThreeBarProgress.js +48 -4
  31. package/dist/src/common/hooks/useTooltip.js +1 -1
  32. package/dist/src/common/services/i18n/resources/en.json +9 -1
  33. package/dist/src/common/services/i18n/resources/es.json +9 -1
  34. package/dist/src/common/services/i18n/resources/fil.json +9 -1
  35. package/dist/src/common/services/i18n/resources/index.d.ts +56 -0
  36. package/dist/src/common/services/i18n/resources/ja.json +9 -1
  37. package/dist/src/common/services/i18n/resources/ko.json +9 -1
  38. package/dist/src/common/services/i18n/resources/zh-cn.json +9 -1
  39. package/dist/src/common/services/i18n/resources/zh-tw.json +9 -1
  40. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +8 -1
  41. package/dist/src/common/styles/colorSet/PaletteColor_light.json +8 -1
  42. package/dist/src/common/styles/colorSet/UIColor.json +13 -1
  43. package/dist/src/common/styles/colorSet/index.d.ts +152 -126
  44. package/dist/src/common/styles/colorSet/index.js +2 -2
  45. package/dist/src/common/styles/colorSet/ui-type.d.ts +12 -0
  46. package/dist/src/common/utils/SystemUIPositionGenerator/hoverTypeSystemUICssGenerator.js +1 -1
  47. package/dist/src/common/utils/dateHelper.d.ts +13 -0
  48. package/dist/src/common/utils/dateHelper.js +87 -0
  49. package/dist/src/desktop/components/AdminListItem/AdminListItem.d.ts +1 -0
  50. package/dist/src/desktop/components/AdminListItem/AdminListItem.js +27 -13
  51. package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.js +1 -1
  52. package/dist/src/desktop/components/BasicListItem/BasicListItem.d.ts +3 -1
  53. package/dist/src/desktop/components/BasicListItem/BasicListItem.js +17 -4
  54. package/dist/src/desktop/components/BasicListItem/RightBox/IconButton.d.ts +1 -0
  55. package/dist/src/desktop/components/BasicListItem/RightBox/IconButton.js +2 -2
  56. package/dist/src/desktop/components/Checkbox/Checkbox.d.ts +3 -1
  57. package/dist/src/desktop/components/Checkbox/Checkbox.js +17 -3
  58. package/dist/src/desktop/components/Radio/Radio.js +2 -2
  59. package/dist/src/desktop/components/TextField/TextField.js +41 -15
  60. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTU.js +2 -2
  61. package/dist/src/mobile/components/BasicListItem/BasicListItem.d.ts +3 -1
  62. package/dist/src/mobile/components/BasicListItem/BasicListItem.js +17 -4
  63. package/dist/src/mobile/components/BasicListItem/RightBox/IconButton.d.ts +1 -0
  64. package/dist/src/mobile/components/BasicListItem/RightBox/IconButton.js +2 -2
  65. package/dist/src/mobile/components/Checkbox/Checkbox.d.ts +3 -1
  66. package/dist/src/mobile/components/Checkbox/Checkbox.js +17 -3
  67. package/dist/src/mobile/components/DatePicker/DatePicker.d.ts +16 -0
  68. package/dist/src/mobile/components/DatePicker/DatePicker.js +156 -0
  69. package/dist/src/mobile/components/DatePicker/DatePickerHeader.d.ts +14 -0
  70. package/dist/src/mobile/components/DatePicker/DatePickerHeader.js +27 -0
  71. package/dist/src/mobile/components/DatePicker/Day.d.ts +13 -0
  72. package/dist/src/mobile/components/DatePicker/Day.js +94 -0
  73. package/dist/src/mobile/components/DatePicker/index.d.ts +1 -0
  74. package/dist/src/{sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner → mobile/components/DatePicker}/index.js +3 -3
  75. package/dist/src/mobile/components/DatePicker/utils.d.ts +16 -0
  76. package/dist/src/mobile/components/DatePicker/utils.js +68 -0
  77. package/dist/src/mobile/components/Radio/Radio.js +2 -2
  78. package/dist/src/mobile/components/TextField/TextField.js +41 -15
  79. package/dist/src/mobile/components/TextLabel/TextLabel.d.ts +6 -1
  80. package/dist/src/mobile/components/TextLabel/TextLabel.js +83 -3
  81. package/dist/src/mobile/components/index.d.ts +2 -1
  82. package/dist/src/mobile/components/index.js +3 -1
  83. package/dist/src/mobile/index.d.ts +1 -1
  84. package/dist/src/mobile/index.js +3 -2
  85. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFA.js +1 -1
  86. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFB.js +1 -1
  87. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFC.js +1 -1
  88. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFD.js +1 -1
  89. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFE.js +1 -1
  90. package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMA.js +1 -1
  91. package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMB.js +1 -1
  92. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPA.js +1 -1
  93. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPB.js +1 -1
  94. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPC.js +1 -1
  95. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPD.js +1 -1
  96. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPE.js +1 -1
  97. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPF.js +1 -1
  98. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSA.js +1 -1
  99. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSB.js +1 -1
  100. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSC.js +1 -1
  101. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSD.js +1 -1
  102. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSE.js +1 -1
  103. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSF.js +1 -1
  104. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSG.js +1 -1
  105. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSH.js +1 -1
  106. package/dist/src/sub/AdminList/AdminListItem/AdminListItem.js +3 -3
  107. package/dist/src/sub/DynamicLayout/CompositionRenderer/ComponentBlockMatcher.js +1 -4
  108. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.d.ts +2 -4
  109. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js +54 -54
  110. package/dist/src/sub/DynamicLayout/CompositionRenderer/CompositionRenderer.d.ts +6 -0
  111. package/dist/src/sub/DynamicLayout/CompositionRenderer/CompositionRenderer.js +27 -0
  112. package/dist/src/sub/DynamicLayout/DynamicLayout.d.ts +1 -1
  113. package/dist/src/sub/DynamicLayout/DynamicLayout.js +2 -3
  114. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/SectionBox.js +4 -1
  115. package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js +1 -7
  116. package/dist/src/sub/DynamicLayout/components/Section/sectionContext.d.ts +2 -2
  117. package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.js +1 -2
  118. package/dist/src/sub/DynamicLayout/mocks.d.ts +644 -59
  119. package/dist/src/sub/DynamicLayout/mocks.js +4235 -4300
  120. package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridItem.js +11 -15
  121. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +3 -16
  122. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +23 -19
  123. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.d.ts +4 -4
  124. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +2 -154
  125. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +3 -33
  126. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +6 -28
  127. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +1 -56
  128. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/replaceUndefinedValues.js +1 -1
  129. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +7 -31
  130. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +1 -4
  131. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/effectPropParsers/parseEffectPropEntAnim.d.ts +4 -4
  132. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/layoutPropParsers/parseLayoutPropPadding.d.ts +2 -2
  133. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseJsonProperties.d.ts +2 -2
  134. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts +2 -2
  135. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +3 -62
  136. package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.js +0 -1
  137. package/dist/src/sub/DynamicLayout/types.d.ts +15 -52
  138. package/package.json +3 -3
  139. package/release-note.md +3 -3
  140. package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.d.ts +0 -20
  141. package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.js +0 -1132
  142. package/dist/src/sub/DynamicLayout/CompositionRenderer/CompositionBackground.d.ts +0 -11
  143. package/dist/src/sub/DynamicLayout/CompositionRenderer/CompositionBackground.js +0 -45
  144. package/dist/src/sub/DynamicLayout/CompositionRenderer/createCompositions.d.ts +0 -9
  145. package/dist/src/sub/DynamicLayout/CompositionRenderer/createCompositions.js +0 -53
  146. package/dist/src/sub/DynamicLayout/components/Section/components/VideoBGMedia.d.ts +0 -8
  147. package/dist/src/sub/DynamicLayout/components/Section/components/VideoBGMedia.js +0 -61
  148. package/dist/src/sub/DynamicLayout/compositionActionTypes.d.ts +0 -139
  149. package/dist/src/sub/DynamicLayout/compositionActionTypes.js +0 -2
  150. package/dist/src/sub/DynamicLayout/compositionQueryContext.d.ts +0 -8
  151. package/dist/src/sub/DynamicLayout/compositionQueryContext.js +0 -14
  152. package/dist/src/sub/DynamicLayout/mock_composition.d.ts +0 -3
  153. package/dist/src/sub/DynamicLayout/mock_composition.js +0 -801
  154. package/dist/src/sub/DynamicLayout/mock_contentsCarousel.d.ts +0 -1
  155. package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js +0 -1099
  156. package/dist/src/sub/DynamicLayout/mock_contentsList.d.ts +0 -2
  157. package/dist/src/sub/DynamicLayout/mock_contentsList.js +0 -298
  158. package/dist/src/sub/DynamicLayout/mock_slideBanner.d.ts +0 -2
  159. package/dist/src/sub/DynamicLayout/mock_slideBanner.js +0 -320
  160. package/dist/src/sub/DynamicLayout/mock_video.d.ts +0 -368
  161. package/dist/src/sub/DynamicLayout/mock_video.js +0 -371
  162. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarouselCore.d.ts +0 -17
  163. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarouselCore.js +0 -39
  164. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigation.d.ts +0 -31
  165. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigation.js +0 -169
  166. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.d.ts +0 -26
  167. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.js +0 -185
  168. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomProgressbar.d.ts +0 -21
  169. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomProgressbar.js +0 -94
  170. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.d.ts +0 -50
  171. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.js +0 -919
  172. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.d.ts +0 -1
  173. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.js +0 -8
  174. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/types.d.ts +0 -90
  175. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/types.js +0 -2
  176. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.d.ts +0 -8
  177. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +0 -100
  178. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsListCore.d.ts +0 -17
  179. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsListCore.js +0 -39
  180. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.d.ts +0 -27
  181. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.js +0 -188
  182. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.d.ts +0 -30
  183. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.js +0 -357
  184. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/index.d.ts +0 -1
  185. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/index.js +0 -8
  186. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.d.ts +0 -46
  187. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.js +0 -2
  188. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.d.ts +0 -8
  189. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js +0 -150
  190. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBannerCore.d.ts +0 -15
  191. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBannerCore.js +0 -39
  192. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.d.ts +0 -31
  193. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.js +0 -169
  194. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.d.ts +0 -26
  195. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.js +0 -185
  196. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.d.ts +0 -21
  197. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.js +0 -94
  198. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/index.d.ts +0 -1
  199. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.d.ts +0 -48
  200. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.js +0 -855
  201. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/types.d.ts +0 -80
  202. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/types.js +0 -2
  203. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/VideoPlayer.d.ts +0 -5
  204. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/VideoPlayer.js +0 -126
  205. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/index.d.ts +0 -1
  206. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/index.js +0 -9
  207. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseCompositionPlacement.d.ts +0 -14
  208. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseCompositionPlacement.js +0 -26
@@ -1,80 +0,0 @@
1
- import type { NUMBER_INTEGER } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
2
- export type SlideBannerPropsKeys = keyof CB_STYLE_PROP_SLIDEBANNER_SPECS;
3
- export type CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE_TYPE = 'DESIGN1' | 'DESIGN2';
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';
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';
10
- 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_NEXTBTNSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
14
- export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE = 'NONE' | 'DESIGN1' | 'DESIGN2' | 'DESIGN3' | 'DESIGN4' | 'DESIGN5' | 'DESIGN6' | 'DESIGN7' | 'DESIGN8';
15
- export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
16
- export type CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE_TYPE = boolean;
17
- export type CB_STYLE_PROP_SLIDEBANNER_SPECS_BASE = {
18
- CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE: CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE_TYPE;
19
- CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE: CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE;
20
- CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION: CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION_TYPE;
21
- CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE: CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE_TYPE;
22
- CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE: CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE;
23
- CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION: CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION_TYPE;
24
- CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE: CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE_TYPE;
25
- CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE: CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE;
26
- CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION: CB_STYLE_PROP_SLIDEBANNER_SPEC__NEXTBTNLOCATION_TYPE;
27
- CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE: CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE_TYPE;
28
- CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR: CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE;
29
- CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE: CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE_TYPE;
30
- CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE: CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE_TYPE;
31
- CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME: NUMBER_INTEGER;
32
- CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL: CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL_TYPE;
33
- };
34
- export type CB_STYLE_PROP_SLIDEBANNER_SPECS = CB_STYLE_PROP_SLIDEBANNER_SPECS_BASE & {
35
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE_TYPE;
36
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE_TYPE;
37
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE_TYPE;
38
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE;
39
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE;
40
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE;
41
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION_TYPE;
42
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION_TYPE;
43
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION_TYPE;
44
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE_TYPE;
45
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE_TYPE;
46
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE_TYPE;
47
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE;
48
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE;
49
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE;
50
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION_TYPE;
51
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION_TYPE;
52
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION_TYPE;
53
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE_TYPE;
54
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE_TYPE;
55
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE_TYPE;
56
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE;
57
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE;
58
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE;
59
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC__NEXTBTNLOCATION_TYPE;
60
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC__NEXTBTNLOCATION_TYPE;
61
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC__NEXTBTNLOCATION_TYPE;
62
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE_TYPE;
63
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE_TYPE;
64
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE_TYPE;
65
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE;
66
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE;
67
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE;
68
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE_TYPE;
69
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE_TYPE;
70
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE_TYPE;
71
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE_TYPE;
72
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE_TYPE;
73
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE_TYPE;
74
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME:HOVER': NUMBER_INTEGER;
75
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME:MOBILE': NUMBER_INTEGER;
76
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME:MOBILE:HOVER': NUMBER_INTEGER;
77
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL_TYPE;
78
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL_TYPE;
79
- 'CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL_TYPE;
80
- };
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,5 +0,0 @@
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;
@@ -1,126 +0,0 @@
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
- /* eslint-disable @typescript-eslint/no-unused-vars */
23
- var react_1 = require("react");
24
- var compositionQueryContext_1 = require("../../../../../../../DynamicLayout/compositionQueryContext");
25
- var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
26
- var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
27
- var colorUtil_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/newUtils/colorUtil");
28
- var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
29
- var styled_components_1 = __importDefault(require("styled-components"));
30
- var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
31
- var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
32
- var S_HiddenCover_1 = require("../components/S_HiddenCover");
33
- function VideoPlayer(props) {
34
- var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
35
- var queryContext = (0, compositionQueryContext_1.useCCBQueryPath)();
36
- var CB_CONTENT_PROP_VIDEO = props.CB_CONTENT_PROP_VIDEO;
37
- 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;
38
- var isEditMode = mode === 'EDIT';
39
- var _b = getBGColorStyles(CB_STYLE_PROP_BGCOLOR, device), bgColorStyle = _b.style, bgColorHoverStyle = _b.hoverStyle;
40
- var _c = (0, util_1.parseProperties)(props, device), propsStyle = _c.style, propsHoverStyle = _c.hoverStyle, layoutStyle = _c.layout, effect = _c.effect;
41
- var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
42
- if (mode === 'EDIT') {
43
- propsStyle.visibility = 'visible';
44
- }
45
- var cbRef = (0, react_1.useRef)(null);
46
- var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false }, [
47
- index
48
- ]);
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_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;
57
- var getVideoSrc = function () {
58
- if (CB_CONTENT_PROP_VIDEO_SPEC_VALUETYPE === 'DELEGATEDDATA' ||
59
- CB_CONTENT_PROP_VIDEO_SPEC_VALUETYPE === 'QUERYDATA') {
60
- if (!(queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData)) {
61
- return "ERROR: QueryData NOT FOUND";
62
- }
63
- var src = queryContext.queryData[CB_CONTENT_PROP_VIDEO_SPEC_CONNECTDATA];
64
- return src;
65
- }
66
- return CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR;
67
- };
68
- var videoRef = (0, react_1.useRef)(null);
69
- (0, react_1.useEffect)(function () {
70
- var video = videoRef.current;
71
- if (!video)
72
- return;
73
- // 시작 시간으로 이동
74
- // 이슈 발생시 수정 참고: https://developer.chrome.com/blog/play-request-was-interrupted
75
- var handleLoadedMetadata = function () {
76
- if (typeof CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME === 'number' && mode !== 'EDIT') {
77
- // NOTE: autoplay일 때만.
78
- video.currentTime = CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME;
79
- video.play();
80
- }
81
- };
82
- // 구간 반복
83
- var handleTimeUpdate = function () {
84
- if (typeof CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME === 'number' &&
85
- typeof CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME === 'number') {
86
- if (video.currentTime < CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME) {
87
- video.currentTime = CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME;
88
- }
89
- if (video.currentTime >= CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME) {
90
- video.currentTime = CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME;
91
- video.play();
92
- }
93
- }
94
- };
95
- video.addEventListener('loadedmetadata', handleLoadedMetadata);
96
- video.addEventListener('timeupdate', handleTimeUpdate);
97
- return function () {
98
- video.removeEventListener('loadedmetadata', handleLoadedMetadata);
99
- video.removeEventListener('timeupdate', handleTimeUpdate);
100
- };
101
- }, [
102
- CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME,
103
- CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME,
104
- CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR
105
- ]);
106
- 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.jsx)(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: (0, jsx_runtime_1.jsxs)(S_Video, __assign({ isEditMode: isEditMode, ref: videoRef, controls: true, poster: CB_CONTENT_PROP_VIDEO_SPEC_THUMB, preload: "auto", loop: false, muted: true }, { children: [(0, jsx_runtime_1.jsx)("source", { src: getVideoSrc(), type: "video/mp4" }), "Your browser does not support the video tag."] }), CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR) })) }))] }));
107
- }
108
- function getBGColorStyles(props, device) {
109
- var availableSpecCodes = [
110
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE',
111
- 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR',
112
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR',
113
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC',
114
- 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT',
115
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR',
116
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC',
117
- 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE'
118
- ];
119
- return (0, colorUtil_1.parseStyleColorToCSSProp)({ availableSpecCodes: availableSpecCodes, props: props, propKey: 'BGCOLOR', device: device });
120
- }
121
- var S_Video = styled_components_1.default.video(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 100%;\n object-fit: cover;\n pointer-events: ", ";\n width: 100%;\n"], ["\n height: 100%;\n object-fit: cover;\n pointer-events: ", ";\n width: 100%;\n"])), function (_a) {
122
- var isEditMode = _a.isEditMode;
123
- return (isEditMode ? 'none' : 'auto');
124
- });
125
- exports.default = VideoPlayer;
126
- var templateObject_1;
@@ -1 +0,0 @@
1
- export { default as VideoPlayer } from './VideoPlayer';
@@ -1,9 +0,0 @@
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
- // export { default as VideoPlayer } from './VideoPlayer';
8
- var VideoPlayer_1 = require("./VideoPlayer");
9
- Object.defineProperty(exports, "VideoPlayer", { enumerable: true, get: function () { return __importDefault(VideoPlayer_1).default; } });
@@ -1,14 +0,0 @@
1
- import type { ICompositionJsonProperties } from '../../../../DynamicLayout/types';
2
- type Props = {
3
- isMobile: boolean;
4
- compositionProps: ICompositionJsonProperties['data']['CB_PLACEMENT_PROP_COMPOSITION'];
5
- };
6
- declare function parseCompositionPlacement({ isMobile, compositionProps }: Props): {
7
- minHeight: number | null;
8
- maxHeight: number | null;
9
- minWidth: number | null;
10
- maxWidth: number | null;
11
- rows: number;
12
- columns: number;
13
- };
14
- export default parseCompositionPlacement;
@@ -1,26 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- function parseCompositionPlacement(_a) {
4
- var _b, _c, _d, _e, _f, _g;
5
- var isMobile = _a.isMobile, compositionProps = _a.compositionProps;
6
- var CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT = compositionProps.CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT, CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT = compositionProps.CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT, CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH = compositionProps.CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH, CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH = compositionProps.CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH, CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS = compositionProps.CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS, CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS = compositionProps.CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS;
7
- if (isMobile) {
8
- return {
9
- minHeight: (_b = compositionProps['CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT:MOBILE']) !== null && _b !== void 0 ? _b : CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT,
10
- maxHeight: (_c = compositionProps['CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT:MOBILE']) !== null && _c !== void 0 ? _c : CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT,
11
- minWidth: (_d = compositionProps['CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH:MOBILE']) !== null && _d !== void 0 ? _d : CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH,
12
- maxWidth: (_e = compositionProps['CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH:MOBILE']) !== null && _e !== void 0 ? _e : CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH,
13
- rows: (_f = compositionProps['CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS:MOBILE']) !== null && _f !== void 0 ? _f : CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS,
14
- columns: (_g = compositionProps['CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS:MOBILE']) !== null && _g !== void 0 ? _g : CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS
15
- };
16
- }
17
- return {
18
- minHeight: CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT,
19
- maxHeight: CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT,
20
- minWidth: CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH,
21
- maxWidth: CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH,
22
- rows: CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS,
23
- columns: CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS
24
- };
25
- }
26
- exports.default = parseCompositionPlacement;