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