pds-dev-kit-web-test 2.5.467 → 2.5.469

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 (146) hide show
  1. package/dist/src/common/hooks/useTooltip.js +1 -1
  2. package/dist/src/common/styles/colorSet/index.d.ts +2 -2
  3. package/dist/src/common/styles/colorSet/index.js +2 -2
  4. package/dist/src/common/utils/SystemUIPositionGenerator/hoverTypeSystemUICssGenerator.js +1 -1
  5. package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.js +1 -1
  6. package/dist/src/desktop/panels/DesktopHeadlessModal/DesktopHeadlessModal.d.ts +2 -17
  7. package/dist/src/desktop/panels/DesktopHeadlessModal/DesktopHeadlessModal.js +5 -35
  8. package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.d.ts +21 -0
  9. package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.js +1133 -0
  10. package/dist/src/sub/DynamicLayout/CompositionRenderer/ComponentBlockMatcher.js +4 -1
  11. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.d.ts +5 -3
  12. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js +53 -53
  13. package/dist/src/sub/DynamicLayout/CompositionRenderer/CompositionBackground.d.ts +11 -0
  14. package/dist/src/sub/DynamicLayout/CompositionRenderer/CompositionBackground.js +45 -0
  15. package/dist/src/sub/DynamicLayout/CompositionRenderer/createCompositions.d.ts +10 -0
  16. package/dist/src/sub/DynamicLayout/CompositionRenderer/createCompositions.js +79 -0
  17. package/dist/src/sub/DynamicLayout/DynamicLayout.d.ts +1 -1
  18. package/dist/src/sub/DynamicLayout/DynamicLayout.js +3 -2
  19. package/dist/src/sub/DynamicLayout/components/Section/sectionContext.d.ts +2 -2
  20. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/downIcons.d.ts +12 -0
  21. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/downIcons.js +76 -0
  22. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/index.d.ts +4 -0
  23. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/index.js +47 -0
  24. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/leftIcons.d.ts +12 -0
  25. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/leftIcons.js +76 -0
  26. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/rightIcons.d.ts +12 -0
  27. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/rightIcons.js +76 -0
  28. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/upIcons.d.ts +12 -0
  29. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/upIcons.js +76 -0
  30. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/index.d.ts +40 -0
  31. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/index.js +36 -177
  32. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/PaletteColor_Dark.json +152 -4
  33. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/PaletteColor_light.json +150 -2
  34. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/SemanticColor.json +45 -1
  35. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/UIColor.json +262 -9
  36. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/index.d.ts +593 -0
  37. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/ui-type.d.ts +253 -0
  38. package/dist/src/sub/DynamicLayout/components/pdsOriginal/desktop/IconButton/IconButton.d.ts +3 -1
  39. package/dist/src/sub/DynamicLayout/components/pdsOriginal/desktop/IconButton/IconButton.js +5 -3
  40. package/dist/src/sub/DynamicLayout/components/pdsOriginal/hybrid/Icon/Icon.d.ts +2 -1
  41. package/dist/src/sub/DynamicLayout/components/pdsOriginal/hybrid/Icon/Icon.js +9 -2
  42. package/dist/src/sub/DynamicLayout/compositionActionTypes.d.ts +139 -0
  43. package/dist/src/sub/DynamicLayout/compositionActionTypes.js +2 -0
  44. package/dist/src/sub/DynamicLayout/compositionQueryContext.d.ts +8 -0
  45. package/dist/src/sub/DynamicLayout/compositionQueryContext.js +14 -0
  46. package/dist/src/sub/DynamicLayout/mock_composition.d.ts +3 -0
  47. package/dist/src/sub/DynamicLayout/mock_composition.js +1606 -0
  48. package/dist/src/sub/DynamicLayout/mock_contentsCarousel.d.ts +1 -0
  49. package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js +1123 -0
  50. package/dist/src/sub/DynamicLayout/mock_contentsList.d.ts +1 -0
  51. package/dist/src/sub/DynamicLayout/mock_contentsList.js +1091 -0
  52. package/dist/src/sub/DynamicLayout/mock_queryData.d.ts +96 -0
  53. package/dist/src/sub/DynamicLayout/mock_queryData.js +2639 -0
  54. package/dist/src/sub/DynamicLayout/mock_slideBanner.d.ts +842 -0
  55. package/dist/src/sub/DynamicLayout/mock_slideBanner.js +854 -0
  56. package/dist/src/sub/DynamicLayout/mock_video.d.ts +368 -0
  57. package/dist/src/sub/DynamicLayout/mock_video.js +371 -0
  58. package/dist/src/sub/DynamicLayout/mock_video_cb.d.ts +0 -1
  59. package/dist/src/sub/DynamicLayout/mock_video_cb.js +4 -5
  60. package/dist/src/sub/DynamicLayout/mocks.d.ts +8 -961
  61. package/dist/src/sub/DynamicLayout/mocks.js +4286 -6
  62. package/dist/src/sub/DynamicLayout/sectionActionTypes.d.ts +4 -4
  63. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.d.ts +1 -1
  64. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +4 -4
  65. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +13 -3
  66. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +18 -2
  67. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.d.ts +4 -4
  68. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +249 -2
  69. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarouselCore.d.ts +17 -0
  70. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarouselCore.js +59 -0
  71. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigation.d.ts +35 -0
  72. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigation.js +118 -0
  73. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.d.ts +32 -0
  74. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.js +183 -0
  75. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomProgressbar.d.ts +23 -0
  76. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomProgressbar.js +117 -0
  77. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/navigationConfigs.d.ts +4 -0
  78. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/navigationConfigs.js +849 -0
  79. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/progressConfigs.d.ts +43 -0
  80. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/progressConfigs.js +162 -0
  81. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.d.ts +40 -0
  82. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.js +747 -0
  83. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.d.ts +1 -0
  84. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.js +8 -0
  85. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/types.d.ts +105 -0
  86. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/types.js +2 -0
  87. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.d.ts +8 -0
  88. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +172 -0
  89. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsListCore.d.ts +17 -0
  90. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsListCore.js +39 -0
  91. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.d.ts +29 -0
  92. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.js +115 -0
  93. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/paginationConfigs.d.ts +25 -0
  94. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/paginationConfigs.js +183 -0
  95. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.d.ts +30 -0
  96. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.js +380 -0
  97. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/index.d.ts +1 -0
  98. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/index.js +8 -0
  99. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.d.ts +56 -0
  100. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.js +2 -0
  101. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +39 -3
  102. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.d.ts +8 -0
  103. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js +215 -0
  104. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBannerCore.d.ts +15 -0
  105. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBannerCore.js +39 -0
  106. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.d.ts +35 -0
  107. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.js +118 -0
  108. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.d.ts +33 -0
  109. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.js +183 -0
  110. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.d.ts +23 -0
  111. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.js +117 -0
  112. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/navigationConfigs.d.ts +4 -0
  113. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/navigationConfigs.js +849 -0
  114. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/progressConfigs.d.ts +43 -0
  115. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/progressConfigs.js +162 -0
  116. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/index.d.ts +1 -0
  117. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/index.js +8 -0
  118. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.d.ts +48 -0
  119. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.js +956 -0
  120. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/types.d.ts +120 -0
  121. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/types.js +2 -0
  122. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +31 -7
  123. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/VideoPlayer.js +3 -28
  124. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/helper.d.ts +0 -1
  125. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/helper.js +4 -14
  126. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +45 -3
  127. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/group.d.ts +1 -1
  128. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/replaceUndefinedValues.js +1 -1
  129. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +27 -10
  130. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +3 -1
  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/parseCompositionPlacement.d.ts +14 -0
  134. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseCompositionPlacement.js +26 -0
  135. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseJsonProperties.d.ts +2 -2
  136. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.d.ts +1 -1
  137. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js +2 -2
  138. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts +2 -2
  139. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +52 -3
  140. package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.d.ts +1 -1
  141. package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.js +1 -0
  142. package/dist/src/sub/DynamicLayout/types.d.ts +49 -16
  143. package/package.json +3 -2
  144. package/release-note.md +2 -2
  145. package/dist/src/sub/DynamicLayout/CompositionRenderer/CompositionRenderer.d.ts +0 -6
  146. package/dist/src/sub/DynamicLayout/CompositionRenderer/CompositionRenderer.js +0 -27
@@ -0,0 +1,120 @@
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';
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
+ export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
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';
12
+ export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
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';
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;
20
+ export type CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE = 'NONE' | 'DESIGN1' | 'DESIGN2' | 'DESIGN3' | 'DESIGN4' | 'DESIGN5' | 'DESIGN6' | 'DESIGN7' | 'DESIGN8';
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;
24
+ export type CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE_TYPE = boolean;
25
+ export type CB_STYLE_PROP_SLIDEBANNER_SPECS_BASE = {
26
+ CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE: CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE_TYPE;
27
+ CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE: CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE;
28
+ CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION: CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION_TYPE;
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;
32
+ CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE: CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE;
33
+ CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION: CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION_TYPE;
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;
37
+ CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE: CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE;
38
+ CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION: CB_STYLE_PROP_SLIDEBANNER_SPEC__NEXTBTNLOCATION_TYPE;
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;
42
+ CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR: CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE;
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;
46
+ CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE: CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE_TYPE;
47
+ CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME: NUMBER_INTEGER;
48
+ CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL: CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL_TYPE;
49
+ };
50
+ export type CB_STYLE_PROP_SLIDEBANNER_SPECS = CB_STYLE_PROP_SLIDEBANNER_SPECS_BASE & {
51
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE_TYPE;
52
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE_TYPE;
53
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_STYLE_TYPE;
54
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE;
55
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE;
56
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE;
57
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION_TYPE;
58
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION_TYPE;
59
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONLOCATION_TYPE;
60
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE_TYPE;
61
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PAGINATIONSIZE_TYPE;
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;
69
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE;
70
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE;
71
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE;
72
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION_TYPE;
73
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION_TYPE;
74
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNLOCATION_TYPE;
75
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE_TYPE;
76
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSIZE_TYPE;
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;
84
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE;
85
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE;
86
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE;
87
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC__NEXTBTNLOCATION_TYPE;
88
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC__NEXTBTNLOCATION_TYPE;
89
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNLOCATION:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC__NEXTBTNLOCATION_TYPE;
90
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE_TYPE;
91
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSIZE_TYPE;
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;
99
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE;
100
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE;
101
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBAR_TYPE;
102
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE_TYPE;
103
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_PROGRESSBARSIZE_TYPE;
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;
111
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE_TYPE;
112
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE_TYPE;
113
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYUSE_TYPE;
114
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME:HOVER': NUMBER_INTEGER;
115
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME:MOBILE': NUMBER_INTEGER;
116
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_AUTOPLAYTIME:MOBILE:HOVER': NUMBER_INTEGER;
117
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL_TYPE;
118
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL:MOBILE': CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL_TYPE;
119
+ 'CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL:MOBILE:HOVER': CB_STYLE_PROP_SLIDEBANNER_SPEC_INFINITESCROLL_TYPE;
120
+ };
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -18,6 +18,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
18
18
  /* eslint-disable react/destructuring-assignment */
19
19
  var react_1 = require("react");
20
20
  var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
21
+ var compositionQueryContext_1 = require("../../../../../../../DynamicLayout/compositionQueryContext");
21
22
  var hooks_1 = require("../../../../hooks");
22
23
  var getGoogleFonts_1 = require("../../../../hooks/useGoogleFonts/getGoogleFonts");
23
24
  var useGoogleFonts_1 = __importDefault(require("../../../../hooks/useGoogleFonts/useGoogleFonts"));
@@ -29,15 +30,30 @@ var S_HiddenCover_1 = require("../components/S_HiddenCover");
29
30
  var useCLINK_1 = __importDefault(require("../hooks/useCLINK"));
30
31
  function Text(props) {
31
32
  var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
32
- 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_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
33
- var _c = (0, useCLINK_1.default)({
34
- src: CB_CONTENT_PROP_CLINK_SPEC_SRC,
33
+ var queryContext = (0, compositionQueryContext_1.useCCBQueryPath)();
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
+ var cLinkValue = function () {
36
+ if (CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE === 'DATA' ||
37
+ CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE === 'DELEGATEDDATA') {
38
+ if (!(queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData)) {
39
+ return "ERROR: QueryData NOT FOUND";
40
+ }
41
+ var link = queryContext.queryData[CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA];
42
+ if (!link) {
43
+ return "ERROR: ".concat(CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA, " NOT found from queryData");
44
+ }
45
+ return link;
46
+ }
47
+ return CB_CONTENT_PROP_CLINK_SPEC_SRC;
48
+ };
49
+ var _d = (0, useCLINK_1.default)({
50
+ src: cLinkValue(),
35
51
  type: CB_CONTENT_PROP_CLINK_SPEC_TYPE,
36
52
  openNewTab: CB_CONTENT_PROP_CLINK_SPEC_NEWTAB,
37
53
  internalSrc: String(CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC)
38
- }), CLINKCursor = _c.CLINKCursor, onClickCLINK = _c.onClickCLINK;
39
- var _d = getTextStyles(props.CB_STYLE_PROP_TEXT, device), textStyle = _d.style, textHoverStyle = _d.hoverStyle;
40
- var _e = (0, util_1.parseProperties)(props, device), propsStyle = _e.style, propsHoverStyle = _e.hoverStyle, layoutStyle = _e.layout, effect = _e.effect;
54
+ }), CLINKCursor = _d.CLINKCursor, onClickCLINK = _d.onClickCLINK;
55
+ var _e = getTextStyles(props.CB_STYLE_PROP_TEXT, device), textStyle = _e.style, textHoverStyle = _e.hoverStyle;
56
+ var _f = (0, util_1.parseProperties)(props, device), propsStyle = _f.style, propsHoverStyle = _f.hoverStyle, layoutStyle = _f.layout, effect = _f.effect;
41
57
  var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
42
58
  var googleFonts = (0, getGoogleFonts_1.getGoogleFontsFromTextSpecCode)(props.CB_STYLE_PROP_TEXT, device === 'MOBILE');
43
59
  (0, useGoogleFonts_1.default)({ fonts: googleFonts });
@@ -56,6 +72,14 @@ function Text(props) {
56
72
  var hasEffect = !isNoneEffectType;
57
73
  var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
58
74
  var textValue = function () {
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';
82
+ }
59
83
  if (device === 'MOBILE' &&
60
84
  mode !== 'EDIT' &&
61
85
  props.CB_CONTENT_PROP_VISIBILITY.CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB === false) {
@@ -83,7 +107,7 @@ function Text(props) {
83
107
  e.currentTarget.classList.add('hovered');
84
108
  }, onMouseLeave: function (e) {
85
109
  e.currentTarget.classList.remove('hovered');
86
- }, 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() })) }))] }));
87
111
  }
88
112
  function getTextStyles(props, device) {
89
113
  var availableSpecCodes = [
@@ -53,7 +53,7 @@ function VideoPlayer(props) {
53
53
  : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
54
54
  var hasEffect = !isNoneEffectType;
55
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, CB_CONTENT_PROP_VIDEO_SPEC_REPLAY = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_REPLAY, CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME;
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
57
  var shouldAutoplay = (CB_CONTENT_PROP_VIDEO_SPEC_AUTOPLAY && device === 'DESKTOP') ||
58
58
  (CB_CONTENT_PROP_VIDEO_SPEC_MAUTOPLAY && device === 'MOBILE');
59
59
  var videoRef = (0, react_1.useRef)(null);
@@ -115,31 +115,6 @@ function VideoPlayer(props) {
115
115
  (0, react_1.useEffect)(function () {
116
116
  setVideoURL((0, helper_1.parseTargetUrl)(CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR).encodedURL);
117
117
  }, [CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR]);
118
- var onTimeUpdate = function () {
119
- var video = videoRef.current;
120
- if (!video) {
121
- return;
122
- }
123
- var currentTimeFloor = Math.floor(video.currentTime);
124
- if (typeof CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME === 'number' &&
125
- currentTimeFloor === CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME) {
126
- if (CB_CONTENT_PROP_VIDEO_SPEC_REPLAY) {
127
- video.currentTime = CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME;
128
- return;
129
- }
130
- video.pause();
131
- return;
132
- }
133
- };
134
- var onEnded = function () {
135
- var video = videoRef.current;
136
- if (!video || !CB_CONTENT_PROP_VIDEO_SPEC_REPLAY) {
137
- return;
138
- }
139
- video.currentTime = CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME;
140
- video.play();
141
- return;
142
- };
143
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: {
144
119
  position: 'absolute',
145
120
  top: '50%',
@@ -150,7 +125,7 @@ function VideoPlayer(props) {
150
125
  alignItems: 'center',
151
126
  justifyContent: 'center',
152
127
  transform: 'translate(-50%, -50%)'
153
- } }, { 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, "data-src": CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR, poster: CB_CONTENT_PROP_VIDEO_SPEC_THUMB, onPlay: onPlay, onEnded: onEnded, onError: onVideoError, onTimeUpdate: onTimeUpdate, onLoadedMetadata: onLoadedMetadata }, { children: [(0, jsx_runtime_1.jsx)("source", { src: videoURL }), "Your browser does not support the video tag."] }), videoURL + CB_CONTENT_PROP_VIDEO_SPEC_THUMB)] })) }))] }));
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)] })) }))] }));
154
129
  }
155
130
  function getBGColorStyles(props, device) {
156
131
  var availableSpecCodes = [
@@ -165,7 +140,7 @@ function getBGColorStyles(props, device) {
165
140
  ];
166
141
  return (0, colorUtil_1.parseStyleColorToCSSProp)({ availableSpecCodes: availableSpecCodes, props: props, propKey: 'BGCOLOR', device: device });
167
142
  }
168
- 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: contain;\n pointer-events: ", ";\n width: 100%;\n"], ["\n aspect-ratio: 16 / 9;\n height: 100%;\n max-height: 100%;\n object-fit: contain;\n pointer-events: ", ";\n width: 100%;\n"])), function (_a) {
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) {
169
144
  var isEditMode = _a.isEditMode;
170
145
  return (isEditMode ? 'none' : 'auto');
171
146
  });
@@ -2,4 +2,3 @@ export declare function parseTargetUrl(url: string): {
2
2
  encodedURL: string;
3
3
  fallbackURL: string | null;
4
4
  };
5
- export declare function convertToCdnUrl(url: string): string;
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.convertToCdnUrl = exports.parseTargetUrl = void 0;
3
+ exports.parseTargetUrl = void 0;
4
4
  function parseTargetUrl(url) {
5
5
  var _a = url.split('?'), encodedURL = _a[0], query = _a[1];
6
6
  if (!query) {
@@ -13,23 +13,13 @@ function parseTargetUrl(url) {
13
13
  var fallbackUrl = params.get('fallbackUrl');
14
14
  if (!fallbackUrl) {
15
15
  return {
16
- encodedURL: convertToCdnUrl(encodedURL),
16
+ encodedURL: encodedURL,
17
17
  fallbackURL: null
18
18
  };
19
19
  }
20
20
  return {
21
- encodedURL: convertToCdnUrl(encodedURL),
22
- fallbackURL: convertToCdnUrl("https://".concat(fallbackUrl))
21
+ encodedURL: encodedURL,
22
+ fallbackURL: "http://".concat(fallbackUrl)
23
23
  };
24
24
  }
25
25
  exports.parseTargetUrl = parseTargetUrl;
26
- function convertToCdnUrl(url) {
27
- if (!url) {
28
- return url;
29
- }
30
- return url
31
- .replace(/^https?:\/\/publ-upload-local\.s3\.ap-northeast-2\.amazonaws\.com\//, 'https://cdn.local.publishingkit.net/')
32
- .replace(/^https?:\/\/publ-upload-dev\.s3\.ap-northeast-2\.amazonaws\.com\//, 'https://cdn.dev.publishingkit.net/')
33
- .replace(/^https?:\/\/publ-upload-prod\.s3\.ap-northeast-2\.amazonaws\.com\//, 'https://cdn.publishingkit.net/');
34
- }
35
- exports.convertToCdnUrl = convertToCdnUrl;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import type { ENUM_STRING, NUMBER_INTEGER, STRING_8DIGIT_HEX, STRING_PLAIN } 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,15 +7,21 @@ 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: CCB_VALUE_TYPE | CB_VALUE_TYPE;
11
+ CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA: STRING_PLAIN;
10
12
  };
11
13
  export type CB_CONTENT_PROP_CLINK = {
12
14
  CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'INTERNAL' | 'EXTERNAL' | 'DISABLED';
13
15
  CB_CONTENT_PROP_CLINK_SPEC_SRC: STRING_PLAIN;
14
16
  CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC: STRING_PLAIN;
15
17
  CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: boolean;
18
+ CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE: CCB_VALUE_TYPE | CB_VALUE_TYPE;
19
+ CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA: STRING_PLAIN;
16
20
  };
17
21
  export type CB_CONTENT_PROP_IMAGE = {
18
22
  CB_CONTENT_PROP_IMAGE_SPEC_SELECTOR: STRING_PLAIN;
23
+ CB_CONTENT_PROP_IMAGE_SPEC_VALUETYPE: CCB_VALUE_TYPE | CB_VALUE_TYPE;
24
+ CB_CONTENT_PROP_IMAGE_SPEC_CONNECTDATA: STRING_PLAIN;
19
25
  };
20
26
  export type CB_CONTENT_PROP_TWITTER = {
21
27
  CB_CONTENT_PROP_TWITTER_SPEC_SRC: STRING_PLAIN;
@@ -23,6 +29,44 @@ export type CB_CONTENT_PROP_TWITTER = {
23
29
  export type CB_CONTENT_PROP_CODEBLOCK = {
24
30
  CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: STRING_PLAIN;
25
31
  };
32
+ export type CB_CONTENT_PROP_CONTENTSCAROUSEL = {
33
+ CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE: CCB_VALUE_TYPE;
34
+ CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA: STRING_PLAIN;
35
+ CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATASORTING: STRING_PLAIN;
36
+ CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_OFFSET: NUMBER_INTEGER;
37
+ CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS: MockComposition[];
38
+ CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
39
+ CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
40
+ };
41
+ export type CB_CONTENT_PROP_SLIDEBANNER = {
42
+ CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE: CCB_VALUE_TYPE;
43
+ CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA: STRING_PLAIN;
44
+ CB_CONTENT_PROP_SLIDEBANNER_SPEC_DATASORTING: STRING_PLAIN;
45
+ CB_CONTENT_PROP_SLIDEBANNER_SPEC_OFFSET: NUMBER_INTEGER;
46
+ CB_CONTENT_PROP_SLIDEBANNER_SPEC_MENUALITEMS: MockComposition[];
47
+ CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
48
+ };
49
+ export type CB_CONTENT_PROP_CONTENTSLIST = {
50
+ CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE: CCB_VALUE_TYPE;
51
+ CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA: STRING_PLAIN;
52
+ CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING: STRING_PLAIN;
53
+ CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAFILTER: STRING_PLAIN;
54
+ CB_CONTENT_PROP_CONTENTSLIST_SPEC_OFFSET: NUMBER_INTEGER;
55
+ CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS: MockComposition[];
56
+ CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
57
+ CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
58
+ CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS: NUMBER_INTEGER;
59
+ CB_CONTENT_PROP_CONTENTSLIST_SPEC_EDITCOMMONITEM: null | STRING_PLAIN;
60
+ };
61
+ export type MockComposition = {
62
+ title: string;
63
+ width: number;
64
+ minWidth: number;
65
+ maxWidth: number;
66
+ height: number;
67
+ minHeight: number;
68
+ maxHeight: number;
69
+ };
26
70
  export type CBTextPropsKeys = keyof CB_STYLE_PROP_TEXT_SPECS;
27
71
  export type CB_STYLE_PROP_TEXT_SPECS_BASE = {
28
72
  CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: ENUM_STRING;
@@ -108,6 +152,4 @@ export type CB_CONTENT_PROP_VIDEO = {
108
152
  CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME: number;
109
153
  CB_CONTENT_PROP_VIDEO_SPEC_THUMB: string;
110
154
  CB_CONTENT_PROP_VIDEO_SPEC_TYPE: 'FILE' | 'URL';
111
- CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME: number;
112
- CB_CONTENT_PROP_VIDEO_SPEC_REPLAY: boolean;
113
155
  };
@@ -1,5 +1,5 @@
1
1
  import type { ComponentBlock } from '../types';
2
- import type { Layout, LayoutItem } from 'publ-echo/dist/lib';
2
+ import type { Layout, LayoutItem } from 'publ-echo-test/dist/lib';
3
3
  export interface LayoutItemWithGroupType extends LayoutItem {
4
4
  childrenIds: string[];
5
5
  keepInLastIndex?: boolean;
@@ -38,7 +38,7 @@ function replaceUndefinedValues(jsonData) {
38
38
  }
39
39
  }
40
40
  return __assign({}, accSpecs);
41
- }, currentProps);
41
+ }, __assign({}, currentProps));
42
42
  return __assign(__assign({}, acc), (_a = {}, _a[currentPropKey] = specs, _a));
43
43
  }
44
44
  return acc;
@@ -1,10 +1,11 @@
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_VIDEOPLAYER_PROPERTIES_TYPE, CB_YOUTUBE_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_CONTENTS_CAROUSEL | CB_VIDEOPLAYER;
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';
8
+ blockId?: string;
8
9
  availablePlugins: Array<string>;
9
10
  queryableTapSrc: string;
10
11
  queryableDefinitionPreset: string;
@@ -18,7 +19,7 @@ export type GroupCustomSectionType = {
18
19
  queryableDefinitionPreset: string;
19
20
  dynamicLayoutSectionId: number;
20
21
  };
21
- 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_VIDEOPLAYER_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;
22
23
  export type CB_TEXT_TYPE = GeneralCustomSectionType & {
23
24
  componentBlockCode: CB_ALL_CODES.CB_TEXT;
24
25
  jsonProperties: {
@@ -55,6 +56,12 @@ export type CB_YOUTUBE = GeneralCustomSectionType & {
55
56
  data: CB_YOUTUBE_PROPERTIES_TYPE;
56
57
  };
57
58
  };
59
+ export type CB_VIDEOPLAYER = GeneralCustomSectionType & {
60
+ componentBlockCode: CB_ALL_CODES.CB_VIDEOPLAYER;
61
+ jsonProperties: {
62
+ data: CB_YOUTUBE_PROPERTIES_TYPE;
63
+ };
64
+ };
58
65
  export type CB_TWITTER = GeneralCustomSectionType & {
59
66
  componentBlockCode: CB_ALL_CODES.CB_TWITTER;
60
67
  jsonProperties: {
@@ -73,18 +80,26 @@ export type CB_GROUP = GeneralCustomSectionType & {
73
80
  data: CB_BTN_PROPERTIES_TYPE;
74
81
  };
75
82
  };
76
- export type CB_CONTENTS_CAROUSEL = GeneralCustomSectionType & {
77
- componentBlockCode: CB_ALL_CODES.CB_CONTENTS_CAROUSEL;
83
+ export type CB_CONTENTSCAROUSEL = GeneralCustomSectionType & {
84
+ componentBlockCode: CB_ALL_CODES.CB_CONTENTSCAROUSEL;
78
85
  jsonProperties: {
79
- data: CB_BTN_PROPERTIES_TYPE;
86
+ data: CB_CONTENTSCAROUSEL_PROPERTIES_TYPE;
80
87
  };
81
88
  compositions: Array<IComposition>;
82
89
  };
83
- export type CB_VIDEOPLAYER = GeneralCustomSectionType & {
84
- componentBlockCode: CB_ALL_CODES.CB_VIDEOPLAYER;
90
+ export type CB_SLIDEBANNER = GeneralCustomSectionType & {
91
+ componentBlockCode: CB_ALL_CODES.CB_SLIDEBANNER;
85
92
  jsonProperties: {
86
- data: CB_VIDEOPLAYER_PROPERTIES_TYPE;
93
+ data: CB_SLIDEBANNER_PROPERTIES_TYPE;
87
94
  };
95
+ compositions: Array<IComposition>;
96
+ };
97
+ export type CB_LIST = GeneralCustomSectionType & {
98
+ componentBlockCode: CB_ALL_CODES.CB_LIST;
99
+ jsonProperties: {
100
+ data: CB_LIST_PROPERTIES_TYPE;
101
+ };
102
+ compositions: Array<IComposition>;
88
103
  };
89
104
  export declare enum CB_ALL_CODES {
90
105
  CB_TEXT = "CB_TEXT",
@@ -96,7 +111,9 @@ export declare enum CB_ALL_CODES {
96
111
  CB_TWITTER = "CB_TWITTER",
97
112
  CB_EMBED = "CB_EMBED",
98
113
  CB_GROUP = "CB_GROUP",
99
- CB_CONTENTS_CAROUSEL = "CB_CONTENTS_CAROUSEL",
114
+ CB_LIST = "CB_LIST",
115
+ CB_CONTENTSCAROUSEL = "CB_CONTENTSCAROUSEL",
116
+ CB_SLIDEBANNER = "CB_SLIDEBANNER",
100
117
  CB_VIDEOPLAYER = "CB_VIDEOPLAYER"
101
118
  }
102
119
  export {};
@@ -12,6 +12,8 @@ var CB_ALL_CODES;
12
12
  CB_ALL_CODES["CB_TWITTER"] = "CB_TWITTER";
13
13
  CB_ALL_CODES["CB_EMBED"] = "CB_EMBED";
14
14
  CB_ALL_CODES["CB_GROUP"] = "CB_GROUP";
15
- CB_ALL_CODES["CB_CONTENTS_CAROUSEL"] = "CB_CONTENTS_CAROUSEL";
15
+ CB_ALL_CODES["CB_LIST"] = "CB_LIST";
16
+ CB_ALL_CODES["CB_CONTENTSCAROUSEL"] = "CB_CONTENTSCAROUSEL";
17
+ CB_ALL_CODES["CB_SLIDEBANNER"] = "CB_SLIDEBANNER";
16
18
  CB_ALL_CODES["CB_VIDEOPLAYER"] = "CB_VIDEOPLAYER";
17
19
  })(CB_ALL_CODES = exports.CB_ALL_CODES || (exports.CB_ALL_CODES = {}));
@@ -12,8 +12,8 @@ export type CB_EFFECT_PROP_ENTANIM_BASE = {
12
12
  CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: string;
13
13
  };
14
14
  export type CB_EFFECT_PROP_ENTANIM_SPECS = CB_EFFECT_PROP_ENTANIM_BASE & Partial<{
15
- 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': number | undefined;
16
- 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': number | undefined;
17
- 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': string | undefined;
18
- 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': string | undefined;
15
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': number | undefined | null;
16
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': number | undefined | null;
17
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': string | undefined | null;
18
+ 'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': string | undefined | null;
19
19
  }>;
@@ -16,8 +16,8 @@ export type CB_STYLE_PROP_PADDING_BASE = {
16
16
  };
17
17
  export type CB_LAYOUT_PROP_PADDING_SPECS = CB_STYLE_PROP_PADDING_BASE & {
18
18
  CB_LAYOUT_PROP_PADDING_SPEC_PADDING: CB_LAYOUT_PROP_PADDING_SPEC_PADDING_OBJ;
19
- 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': CB_LAYOUT_PROP_PADDING_SPEC_PADDING_OBJ | undefined;
19
+ 'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': CB_LAYOUT_PROP_PADDING_SPEC_PADDING_OBJ | undefined | null;
20
20
  CB_LAYOUT_PROP_PADDING_SPEC_FIX: boolean;
21
- 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': boolean | undefined;
21
+ 'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': boolean | undefined | null;
22
22
  };
23
23
  export {};
@@ -0,0 +1,14 @@
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;
@@ -0,0 +1,26 @@
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;
@@ -1,3 +1,3 @@
1
1
  import type { Device, JsonPropertiesParserResult } from './types';
2
- import type { ISectionJsonProperties } from '../../../../DynamicLayout/types';
3
- export default function parseJsonProperties(properties: ISectionJsonProperties['data'] | undefined, device: Device): JsonPropertiesParserResult;
2
+ import type { ICompositionJsonProperties, ISectionJsonProperties } from '../../../../DynamicLayout/types';
3
+ export default function parseJsonProperties(properties: ISectionJsonProperties['data'] | ICompositionJsonProperties['data'] | undefined, device: Device): JsonPropertiesParserResult;
@@ -1,5 +1,5 @@
1
1
  import { ComponentBlock } from '../types';
2
- import type { ZOrder } from 'publ-echo/dist/lib/GridLayoutEditor/group';
2
+ import type { ZOrder } from 'publ-echo-test/dist/lib/GridLayoutEditor/group';
3
3
  export declare function parsePlacement(components: ComponentBlock[], zOrders: ZOrder): {
4
4
  sm: {
5
5
  i: string;
@@ -34,7 +34,7 @@ function parsePropPlacement(props, id, cbCode, zOrders) {
34
34
  w: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS,
35
35
  h: props.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS,
36
36
  z: zOrders.desktop[id],
37
- autoResize: cbCode === types_1.CB_ALL_CODES.CB_TEXT
37
+ autoResize: cbCode === types_1.CB_ALL_CODES.CB_TEXT || cbCode === types_1.CB_ALL_CODES.CB_LIST
38
38
  };
39
39
  var mobileLayout = {
40
40
  i: id.toString(),
@@ -43,7 +43,7 @@ function parsePropPlacement(props, id, cbCode, zOrders) {
43
43
  w: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE'],
44
44
  h: props['CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE'],
45
45
  z: zOrders.mobile[id],
46
- autoResize: cbCode === types_1.CB_ALL_CODES.CB_TEXT
46
+ autoResize: cbCode === types_1.CB_ALL_CODES.CB_TEXT || cbCode === types_1.CB_ALL_CODES.CB_LIST
47
47
  };
48
48
  return {
49
49
  mobileLayout: mobileLayout,