pds-dev-kit-web-test 2.5.321 → 2.5.323

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 (62) hide show
  1. package/dist/src/common/hooks/useTooltip.js +1 -1
  2. package/dist/src/common/utils/SystemUIPositionGenerator/hoverTypeSystemUICssGenerator.js +1 -1
  3. package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.js +1 -1
  4. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.d.ts +1 -3
  5. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js +31 -31
  6. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/SectionBox.js +4 -1
  7. package/dist/src/sub/DynamicLayout/mocks.d.ts +1 -5
  8. package/dist/src/sub/DynamicLayout/mocks.js +10 -34
  9. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +2 -3
  10. package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridItem.js +2 -8
  11. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +2 -7
  12. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +21 -1
  13. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.d.ts +2 -2
  14. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +2 -144
  15. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +0 -27
  16. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +5 -14
  17. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +0 -1
  18. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts +2 -2
  19. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +1 -33
  20. package/dist/src/sub/DynamicLayout/types.d.ts +2 -2
  21. package/package.json +3 -3
  22. package/release-note.md +2 -2
  23. package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.d.ts +0 -20
  24. package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.js +0 -1115
  25. package/dist/src/sub/DynamicLayout/compositionActionTypes.d.ts +0 -139
  26. package/dist/src/sub/DynamicLayout/compositionActionTypes.js +0 -2
  27. package/dist/src/sub/DynamicLayout/mock_composition.d.ts +0 -3
  28. package/dist/src/sub/DynamicLayout/mock_composition.js +0 -755
  29. package/dist/src/sub/DynamicLayout/mock_contentsCarousel.d.ts +0 -2
  30. package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js +0 -326
  31. package/dist/src/sub/DynamicLayout/mock_slideBanner.d.ts +0 -2
  32. package/dist/src/sub/DynamicLayout/mock_slideBanner.js +0 -318
  33. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarouselCore.d.ts +0 -17
  34. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarouselCore.js +0 -39
  35. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigation.d.ts +0 -31
  36. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigation.js +0 -167
  37. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.d.ts +0 -26
  38. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.js +0 -184
  39. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomProgressbar.d.ts +0 -19
  40. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomProgressbar.js +0 -72
  41. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.d.ts +0 -50
  42. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.js +0 -919
  43. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.d.ts +0 -1
  44. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.js +0 -8
  45. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/types.d.ts +0 -90
  46. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/types.js +0 -2
  47. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.d.ts +0 -8
  48. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js +0 -143
  49. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBannerCore.d.ts +0 -15
  50. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBannerCore.js +0 -39
  51. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.d.ts +0 -31
  52. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.js +0 -167
  53. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.d.ts +0 -26
  54. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.js +0 -184
  55. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.d.ts +0 -19
  56. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.js +0 -72
  57. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/index.d.ts +0 -1
  58. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/index.js +0 -8
  59. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.d.ts +0 -48
  60. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.js +0 -855
  61. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/types.d.ts +0 -80
  62. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/types.js +0 -2
@@ -1 +0,0 @@
1
- export { default as ContentsCarousel } from './ContentsCarousel';
@@ -1,8 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.ContentsCarousel = void 0;
7
- var ContentsCarousel_1 = require("./ContentsCarousel");
8
- Object.defineProperty(exports, "ContentsCarousel", { enumerable: true, get: function () { return __importDefault(ContentsCarousel_1).default; } });
@@ -1,90 +0,0 @@
1
- import type { NUMBER_INTEGER } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
2
- export type ContentsCarouselPropsKeys = keyof CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS;
3
- export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE_TYPE = 'OPTION_1' | 'OPTION_2';
4
- export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING_TYPE = 'WIDE' | 'NORMAL' | 'NARROW';
5
- export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR_TYPE = 'ONCE' | 'ALL' | 'SCROLL';
6
- export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL_TYPE = 'NONE' | 'USE';
7
- export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE_TYPE = 'NONE' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17';
8
- export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONLOCATION_TYPE = 'OPTION_1' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17' | 'OPTION_18' | 'OPTION_19' | 'OPTION_20';
9
- export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
10
- export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE_TYPE = 'NONE' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17' | 'OPTION_18' | 'OPTION_19' | 'OPTION_20';
11
- export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNLOCATION_TYPE = 'OPTION_1' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17' | 'OPTION_18' | 'OPTION_19' | 'OPTION_20';
12
- export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
13
- export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE_TYPE = 'NONE' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'NONE' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17' | 'OPTION_18' | 'OPTION_19' | 'OPTION_20';
14
- export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC__NEXTBTNLOCATION_TYPE = 'OPTION_1' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8' | 'OPTION_9' | 'OPTION_10' | 'OPTION_11' | 'OPTION_12' | 'OPTION_13' | 'OPTION_14' | 'OPTION_15' | 'OPTION_16' | 'OPTION_17' | 'OPTION_18' | 'OPTION_19' | 'OPTION_20';
15
- export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
16
- export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBAR_TYPE = 'NONE' | 'OPTION_2' | 'OPTION_3' | 'OPTION_4' | 'OPTION_5' | 'OPTION_6' | 'OPTION_7' | 'OPTION_8';
17
- export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBARSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
18
- export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYUSE_TYPE = 'NONE' | 'USE';
19
- export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS_BASE = {
20
- CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE_TYPE;
21
- CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING_TYPE;
22
- CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR_TYPE;
23
- CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE_TYPE;
24
- CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONLOCATION: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONLOCATION_TYPE;
25
- CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSIZE: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSIZE_TYPE;
26
- CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE_TYPE;
27
- CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNLOCATION: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNLOCATION_TYPE;
28
- CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSIZE: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSIZE_TYPE;
29
- CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE_TYPE;
30
- CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNLOCATION: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC__NEXTBTNLOCATION_TYPE;
31
- CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSIZE: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSIZE_TYPE;
32
- CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBAR: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBAR_TYPE;
33
- CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBARSIZE: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBARSIZE_TYPE;
34
- CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYUSE: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYUSE_TYPE;
35
- CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYTIME: NUMBER_INTEGER;
36
- CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL: CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL_TYPE;
37
- };
38
- export type CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS = CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS_BASE & {
39
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE_TYPE;
40
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE_TYPE;
41
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_STYLE_TYPE;
42
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING_TYPE;
43
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING_TYPE;
44
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMSPACING_TYPE;
45
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR_TYPE;
46
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR_TYPE;
47
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_ITEMCURSOR_TYPE;
48
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE_TYPE;
49
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE_TYPE;
50
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSTYLE_TYPE;
51
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONLOCATION:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONLOCATION_TYPE;
52
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONLOCATION:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONLOCATION_TYPE;
53
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONLOCATION:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONLOCATION_TYPE;
54
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSIZE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSIZE_TYPE;
55
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSIZE:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSIZE_TYPE;
56
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSIZE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PAGINATIONSIZE_TYPE;
57
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE_TYPE;
58
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE_TYPE;
59
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSTYLE_TYPE;
60
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNLOCATION:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNLOCATION_TYPE;
61
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNLOCATION:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNLOCATION_TYPE;
62
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNLOCATION:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNLOCATION_TYPE;
63
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSIZE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSIZE_TYPE;
64
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSIZE:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSIZE_TYPE;
65
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSIZE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PREVBTNSIZE_TYPE;
66
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE_TYPE;
67
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE_TYPE;
68
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSTYLE_TYPE;
69
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNLOCATION:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC__NEXTBTNLOCATION_TYPE;
70
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNLOCATION:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC__NEXTBTNLOCATION_TYPE;
71
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNLOCATION:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC__NEXTBTNLOCATION_TYPE;
72
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSIZE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSIZE_TYPE;
73
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSIZE:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSIZE_TYPE;
74
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSIZE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_NEXTBTNSIZE_TYPE;
75
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBAR:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBAR_TYPE;
76
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBAR:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBAR_TYPE;
77
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBAR:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBAR_TYPE;
78
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBARSIZE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBARSIZE_TYPE;
79
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBARSIZE:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBARSIZE_TYPE;
80
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBARSIZE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_PROGRESSBARSIZE_TYPE;
81
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYUSE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYUSE_TYPE;
82
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYUSE:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYUSE_TYPE;
83
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYUSE:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYUSE_TYPE;
84
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYTIME:HOVER': NUMBER_INTEGER;
85
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYTIME:MOBILE': NUMBER_INTEGER;
86
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_AUTOPLAYTIME:MOBILE:HOVER': NUMBER_INTEGER;
87
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL_TYPE;
88
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL:MOBILE': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL_TYPE;
89
- 'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL_TYPE;
90
- };
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- import type { CB_SLIDE_BANNER } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
3
- import type { CB_SLIDE_BANNER_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
4
- type Props = CB_SLIDE_BANNER_PROPERTIES_TYPE & IndexForIntersection & {
5
- compositions: CB_SLIDE_BANNER['compositions'];
6
- };
7
- declare function SlideBanner(props: Props): JSX.Element;
8
- export default SlideBanner;
@@ -1,143 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
- var __importDefault = (this && this.__importDefault) || function (mod) {
18
- return (mod && mod.__esModule) ? mod : { "default": mod };
19
- };
20
- Object.defineProperty(exports, "__esModule", { value: true });
21
- var jsx_runtime_1 = require("react/jsx-runtime");
22
- var react_1 = require("react");
23
- var Composition_1 = __importDefault(require("../../../../../../../DynamicLayout/CompositionRenderer/Composition"));
24
- var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
25
- var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
26
- var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
27
- var styled_components_1 = __importDefault(require("styled-components"));
28
- var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
29
- var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
30
- var CustomNavigation_1 = require("./components/CustomNavigation");
31
- var CustomPagination_1 = require("./components/CustomPagination");
32
- var CustomProgressbar_1 = require("./components/CustomProgressbar");
33
- var SlideBannerCore_1 = __importDefault(require("./SlideBannerCore"));
34
- var slideBannerUtils_1 = require("./slideBannerUtils");
35
- function SlideBanner(props) {
36
- var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
37
- var index = props.index, CB_CONTENT_PROP_SLIDE_BANNER_SPEC_DISPLAYCOUNTS = props.CB_CONTENT_PROP_SLIDE_BANNER.CB_CONTENT_PROP_SLIDE_BANNER_SPEC_DISPLAYCOUNTS,
38
- // STYLE: 슬라이드배너
39
- CB_STYLE_PROP_SLIDE_BANNER = props.CB_STYLE_PROP_SLIDE_BANNER,
40
- // STYLE: 그림자
41
- CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW,
42
- // EFFECT: 진입
43
- CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
44
- var compositions = props.compositions;
45
- var _b = (0, react_1.useState)(false), isHovered = _b[0], setIsHovered = _b[1];
46
- var _c = (0, react_1.useState)(1), currentSlide = _c[0], setCurrentSlide = _c[1];
47
- var _d = (0, react_1.useState)(0), totalPages = _d[0], setTotalPages = _d[1];
48
- var _e = (0, react_1.useState)(true), isBeginning = _e[0], setIsBeginning = _e[1];
49
- var _f = (0, react_1.useState)(false), isEnd = _f[0], setIsEnd = _f[1];
50
- var _g = (0, react_1.useState)(0), progress = _g[0], setProgress = _g[1];
51
- var _h = (0, react_1.useState)(0), leftTime = _h[0], setLeftTime = _h[1];
52
- var swiperRef = (0, react_1.useRef)(null);
53
- var _j = (0, slideBannerUtils_1.parseSlideBannerStyleToSlideBannerCoreProp)({
54
- props: CB_STYLE_PROP_SLIDE_BANNER,
55
- device: device
56
- }), slideBannerNormalStyle = _j.normalStyle, slideBannerHoverStyle = _j.hoverStyle;
57
- var _k = (0, slideBannerUtils_1.parseSlideBannerStyleToCustomPaginationProp)({
58
- props: CB_STYLE_PROP_SLIDE_BANNER,
59
- device: device
60
- }), customPaginationNormalStyle = _k.normalStyle, customPaginationHoverStyle = _k.hoverStyle;
61
- var _l = (0, slideBannerUtils_1.parseSlideBannerStyleToCustomNavigationProp)({
62
- props: CB_STYLE_PROP_SLIDE_BANNER,
63
- device: device
64
- }), customNavigationNormalStyle = _l.normalStyle, customNavigationHoverStyle = _l.hoverStyle;
65
- var _m = (0, slideBannerUtils_1.parseSlideBannerStyleToCustomProgressbarProp)({
66
- props: CB_STYLE_PROP_SLIDE_BANNER,
67
- device: device
68
- }), customProgressbarNormalStyle = _m.normalStyle, customProgressbarHoverStyle = _m.hoverStyle;
69
- var _o = (0, util_1.parseProperties)(props, device), style = _o.style, hoverStyle = _o.hoverStyle, layout = _o.layout, effect = _o.effect;
70
- // NOTE: edit모드에서는 그리드의 이벤트만 작동하도록 CB의 포인터 이벤트는 막습니다.
71
- var editModeStyle = mode === 'EDIT' ? { pointerEvents: 'none' } : {};
72
- // NOTE: EFFECT와 관련된 함수들입니다.
73
- var cbRef = (0, react_1.useRef)(null);
74
- var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false }, [
75
- index
76
- ]);
77
- var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
78
- var effectCssProperties = isVisible ? effect : {};
79
- var isNoneEffectType = device === 'DESKTOP'
80
- ? CB_EFFECT_PROP_ENTANIM.CB_EFFECT_PROP_ENTANIM_SPEC_TYPE === 'NONE'
81
- : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
82
- var hasEffect = !isNoneEffectType;
83
- var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
84
- (0, react_1.useEffect)(function () {
85
- var _a, _b, _c;
86
- (_b = (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.swiper) === null || _b === void 0 ? void 0 : _b.update();
87
- (_c = swiperRef.current) === null || _c === void 0 ? void 0 : _c.swiper.update();
88
- }, [isHovered]);
89
- var handleSwiper = function (swiper) {
90
- var totalSlides = swiper.slides.length;
91
- var slidesPerView = typeof swiper.params.slidesPerView === 'number' ? swiper.params.slidesPerView : 1;
92
- var slidesPerGroup = typeof swiper.params.slidesPerGroup === 'number' ? swiper.params.slidesPerGroup : 1;
93
- var totalPages = Math.ceil((totalSlides - slidesPerView) / slidesPerGroup) + 1;
94
- setTotalPages(totalPages);
95
- setIsBeginning(swiper.isBeginning);
96
- setIsEnd(swiper.isEnd);
97
- setCurrentSlide(swiper.activeIndex + 1);
98
- };
99
- var handleSlideChange = function (swiper) {
100
- setIsBeginning(swiper.isBeginning);
101
- setIsEnd(swiper.isEnd);
102
- setCurrentSlide(swiper.activeIndex + 1);
103
- };
104
- var handleAutoplayTimeLeft = function (swiper, time, progress) {
105
- setProgress(progress);
106
- setLeftTime(time);
107
- };
108
- var handleBulletClick = function (index) {
109
- if (swiperRef.current) {
110
- var targetIndex = (swiperRef.current.swiper.params.slidesPerGroup || 1) * index;
111
- swiperRef.current.swiper.slideTo(targetIndex);
112
- }
113
- };
114
- var handlePrevBtnClick = function () {
115
- if (swiperRef.current) {
116
- swiperRef.current.swiper.slidePrev();
117
- }
118
- };
119
- var handleNextBtnClick = function () {
120
- if (swiperRef.current) {
121
- swiperRef.current.swiper.slideNext();
122
- }
123
- };
124
- return ((0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, style), layout), effectCssProperties), editModeStyle), { position: 'relative', overflow: 'hidden' }), hoverStyle: __assign(__assign({}, hoverStyle), { position: 'relative', overflow: 'hidden' }), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { children: (0, jsx_runtime_1.jsxs)(S_SwiperWrapper, __assign({ customStyle: isHovered ? slideBannerHoverStyle === null || slideBannerHoverStyle === void 0 ? void 0 : slideBannerHoverStyle.customStyle : slideBannerNormalStyle === null || slideBannerNormalStyle === void 0 ? void 0 : slideBannerNormalStyle.customStyle }, { children: [(0, jsx_runtime_1.jsx)(SlideBannerCore_1.default, __assign({ ref: swiperRef, onSwiper: handleSwiper, onSlideChange: handleSlideChange, onAutoplayTimeLeft: handleAutoplayTimeLeft, slidesPerView: CB_CONTENT_PROP_SLIDE_BANNER_SPEC_DISPLAYCOUNTS, scrollbar: isHovered ? slideBannerHoverStyle.scrollbar : slideBannerNormalStyle.scrollbar, freeMode: isHovered ? slideBannerHoverStyle.freeMode : slideBannerNormalStyle.freeMode, autoplay: isHovered ? slideBannerHoverStyle.autoplay : slideBannerNormalStyle.autoplay, useAutoplay: isHovered ? slideBannerHoverStyle.useAutoplay : slideBannerNormalStyle.useAutoplay, loop: isHovered ? slideBannerHoverStyle.loop : slideBannerNormalStyle.loop }, { children: compositions.map(function (composition) { return ((0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, composition), composition.id)); }) })), (0, jsx_runtime_1.jsx)(CustomPagination_1.CustomPagination, { type: isHovered ? customPaginationHoverStyle.type : customPaginationNormalStyle.type, offset: isHovered ? customPaginationHoverStyle.offset : customPaginationNormalStyle.offset, current: currentSlide, total: totalPages, size: isHovered ? customPaginationHoverStyle.size : customPaginationNormalStyle.size, onBulletClick: handleBulletClick }), (0, jsx_runtime_1.jsx)(CustomNavigation_1.CustomNavigation, { prevBtnDisabled: isBeginning, prevBtnType: isHovered
125
- ? customNavigationHoverStyle.prevBtnType
126
- : customNavigationNormalStyle.prevBtnType, prevBtnOffset: isHovered
127
- ? customNavigationHoverStyle.prevBtnOffset
128
- : customNavigationNormalStyle.prevBtnOffset, prevBtnSize: isHovered
129
- ? customNavigationHoverStyle.prevBtnSize
130
- : customNavigationNormalStyle.prevBtnSize, onPrevBtnClick: handlePrevBtnClick, nextBtnDisabled: isEnd, nextBtnType: isHovered
131
- ? customNavigationHoverStyle.nextBtnType
132
- : customNavigationNormalStyle.nextBtnType, nextBtnOffset: isHovered
133
- ? customNavigationHoverStyle.nextBtnOffset
134
- : customNavigationNormalStyle.nextBtnOffset, nextBtnSize: isHovered
135
- ? customNavigationHoverStyle.nextBtnSize
136
- : customNavigationNormalStyle.nextBtnSize, onNextBtnClick: handleNextBtnClick }), (0, jsx_runtime_1.jsx)(CustomProgressbar_1.CustomProgressbar, { progress: progress, leftTime: leftTime, type: isHovered ? customProgressbarHoverStyle.type : customProgressbarNormalStyle.type, size: isHovered ? customProgressbarHoverStyle.size : customProgressbarNormalStyle.size, offset: isHovered ? customProgressbarHoverStyle.offset : customProgressbarNormalStyle.offset })] })) })) })));
137
- }
138
- var S_SwiperWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 100%;\n width: 100%;\n ", "\n"], ["\n height: 100%;\n width: 100%;\n ", "\n"])), function (_a) {
139
- var customStyle = _a.customStyle;
140
- return customStyle;
141
- });
142
- exports.default = SlideBanner;
143
- var templateObject_1;
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- import 'swiper/modules/navigation/navigation.min.css';
3
- import 'swiper/swiper-bundle.css';
4
- import type { SwiperProps, SwiperRef } from 'swiper/react/swiper-react.js';
5
- export interface SlideBannerCoreProps extends SwiperProps {
6
- scrollbar?: SwiperProps['scrollbar'];
7
- slidesPerView?: SwiperProps['slidesPerView'];
8
- freeMode?: SwiperProps['freeMode'];
9
- autoplay?: SwiperProps['autoplay'];
10
- useAutoplay?: boolean;
11
- loop?: SwiperProps['loop'];
12
- children?: React.ReactNode[];
13
- }
14
- declare const SlideBannerCore: import("react").ForwardRefExoticComponent<SlideBannerCoreProps & import("react").RefAttributes<SwiperRef>>;
15
- export default SlideBannerCore;
@@ -1,39 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- Object.defineProperty(exports, "__esModule", { value: true });
25
- var jsx_runtime_1 = require("react/jsx-runtime");
26
- var react_1 = require("react");
27
- var swiper_1 = require("swiper");
28
- require("swiper/modules/navigation/navigation.min.css");
29
- var react_2 = require("swiper/react");
30
- require("swiper/swiper-bundle.css");
31
- var SlideBannerCore = (0, react_1.forwardRef)(function (_a, ref) {
32
- var scrollbar = _a.scrollbar, slidesPerView = _a.slidesPerView, freeMode = _a.freeMode, autoplay = _a.autoplay, useAutoplay = _a.useAutoplay, loop = _a.loop, children = _a.children, props = __rest(_a, ["scrollbar", "slidesPerView", "freeMode", "autoplay", "useAutoplay", "loop", "children"]);
33
- return ((0, jsx_runtime_1.jsx)(react_2.Swiper, __assign({ ref: ref, style: {
34
- width: '100%',
35
- height: '100%'
36
- }, modules: [swiper_1.Pagination, swiper_1.Navigation, swiper_1.Scrollbar, swiper_1.FreeMode, swiper_1.Autoplay], slidesPerView: slidesPerView, scrollbar: scrollbar, freeMode: freeMode, autoplay: useAutoplay ? autoplay : false, loop: loop }, props, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children === null || children === void 0 ? void 0 : children.map(function (slide, index) { return ((0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: slide }, index)); }) }) })));
37
- });
38
- SlideBannerCore.displayName = 'SlideBannerCore';
39
- exports.default = SlideBannerCore;
@@ -1,31 +0,0 @@
1
- /// <reference types="react" />
2
- import type { CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSTYLE_TYPE, CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSTYLE_TYPE } from '../types';
3
- export type NavigationOffset = {
4
- top?: string;
5
- bottom?: string;
6
- left?: string;
7
- right?: string;
8
- translateX?: number;
9
- translateY?: number;
10
- transformOrigin?: string;
11
- };
12
- export interface CustomNavigationProps {
13
- prevBtnDisabled?: boolean;
14
- prevBtnType?: CB_STYLE_PROP_SLIDE_BANNER_SPEC_PREVBTNSTYLE_TYPE;
15
- prevBtnOffset?: NavigationOffset;
16
- prevBtnSize?: number;
17
- nextBtnDisabled?: boolean;
18
- nextBtnType?: CB_STYLE_PROP_SLIDE_BANNER_SPEC_NEXTBTNSTYLE_TYPE;
19
- nextBtnOffset?: NavigationOffset;
20
- nextBtnSize?: number;
21
- onPrevBtnClick?: () => void;
22
- onNextBtnClick?: () => void;
23
- }
24
- export declare const CustomNavigation: ({ prevBtnDisabled, prevBtnType, prevBtnOffset, prevBtnSize, nextBtnDisabled, nextBtnType, nextBtnOffset, nextBtnSize, onPrevBtnClick, onNextBtnClick }: CustomNavigationProps) => JSX.Element;
25
- export interface FlexBoxProps {
26
- direction?: 'row' | 'column';
27
- justifyContent?: string;
28
- alignItems?: string;
29
- gap?: string;
30
- }
31
- export default CustomNavigation;
@@ -1,167 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
18
- if (k2 === undefined) k2 = k;
19
- var desc = Object.getOwnPropertyDescriptor(m, k);
20
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
21
- desc = { enumerable: true, get: function() { return m[k]; } };
22
- }
23
- Object.defineProperty(o, k2, desc);
24
- }) : (function(o, m, k, k2) {
25
- if (k2 === undefined) k2 = k;
26
- o[k2] = m[k];
27
- }));
28
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
29
- Object.defineProperty(o, "default", { enumerable: true, value: v });
30
- }) : function(o, v) {
31
- o["default"] = v;
32
- });
33
- var __importStar = (this && this.__importStar) || function (mod) {
34
- if (mod && mod.__esModule) return mod;
35
- var result = {};
36
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
37
- __setModuleDefault(result, mod);
38
- return result;
39
- };
40
- Object.defineProperty(exports, "__esModule", { value: true });
41
- exports.CustomNavigation = void 0;
42
- var jsx_runtime_1 = require("react/jsx-runtime");
43
- var IconButton_1 = require("../../../../../../../../DynamicLayout/components/pdsOriginal/desktop/IconButton");
44
- var styled_components_1 = __importStar(require("styled-components"));
45
- var CustomNavigation = function (_a) {
46
- var _b = _a.prevBtnDisabled, prevBtnDisabled = _b === void 0 ? false : _b, _c = _a.prevBtnType, prevBtnType = _c === void 0 ? 'NONE' : _c, _d = _a.prevBtnOffset, prevBtnOffset = _d === void 0 ? { top: '0' } : _d, _e = _a.prevBtnSize, prevBtnSize = _e === void 0 ? 1 : _e, _f = _a.nextBtnDisabled, nextBtnDisabled = _f === void 0 ? false : _f, _g = _a.nextBtnType, nextBtnType = _g === void 0 ? 'NONE' : _g, _h = _a.nextBtnOffset, nextBtnOffset = _h === void 0 ? { top: '0' } : _h, _j = _a.nextBtnSize, nextBtnSize = _j === void 0 ? 1 : _j, onPrevBtnClick = _a.onPrevBtnClick, onNextBtnClick = _a.onNextBtnClick;
47
- var getIsSameOffset = function (prevBtnOffset, nextBtnOffset) {
48
- return (prevBtnOffset.top === nextBtnOffset.top &&
49
- prevBtnOffset.bottom === nextBtnOffset.bottom &&
50
- prevBtnOffset.left === nextBtnOffset.left &&
51
- prevBtnOffset.right === nextBtnOffset.right &&
52
- prevBtnOffset.translateX === nextBtnOffset.translateX &&
53
- prevBtnOffset.translateY === nextBtnOffset.translateY &&
54
- prevBtnOffset.transformOrigin === nextBtnOffset.transformOrigin);
55
- };
56
- var isSameOffset = getIsSameOffset(prevBtnOffset, nextBtnOffset);
57
- return ((0, jsx_runtime_1.jsxs)(S_Navigation, __assign({ "$offset": isSameOffset ? prevBtnOffset : undefined, "$size": isSameOffset ? prevBtnSize : 1 }, { children: [(0, jsx_runtime_1.jsx)(S_PrevButton, __assign({ className: "".concat(prevBtnDisabled ? 'disabled' : ''), "$offset": isSameOffset ? undefined : prevBtnOffset, "$size": isSameOffset ? undefined : prevBtnSize, onClick: onPrevBtnClick }, { children: (function () {
58
- switch (prevBtnType) {
59
- case 'NONE':
60
- return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
61
- case 'OPTION_2':
62
- return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
63
- case 'OPTION_3':
64
- return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
65
- case 'OPTION_4':
66
- case 'OPTION_5':
67
- case 'OPTION_6':
68
- case 'OPTION_7':
69
- case 'OPTION_8':
70
- case 'OPTION_9':
71
- case 'OPTION_10':
72
- case 'OPTION_11':
73
- return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left_bold", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
74
- case 'OPTION_12':
75
- return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_white" }));
76
- case 'OPTION_13':
77
- return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_white" }));
78
- case 'OPTION_14':
79
- return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_white" }));
80
- default:
81
- return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
82
- }
83
- })() })), (0, jsx_runtime_1.jsx)(S_NextButton, __assign({ className: "".concat(nextBtnDisabled ? 'disabled' : ''), "$offset": isSameOffset ? undefined : nextBtnOffset, "$size": isSameOffset ? undefined : nextBtnSize, onClick: onNextBtnClick }, { children: (function () {
84
- switch (nextBtnType) {
85
- case 'NONE':
86
- return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
87
- case 'OPTION_2':
88
- return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
89
- case 'OPTION_3':
90
- return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
91
- case 'OPTION_4':
92
- case 'OPTION_5':
93
- case 'OPTION_6':
94
- case 'OPTION_7':
95
- case 'OPTION_8':
96
- case 'OPTION_9':
97
- case 'OPTION_10':
98
- case 'OPTION_11':
99
- return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right_bold", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
100
- case 'OPTION_12':
101
- return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_white" }));
102
- case 'OPTION_13':
103
- return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_white" }));
104
- case 'OPTION_14':
105
- return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_white" }));
106
- default:
107
- return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
108
- }
109
- })() }))] })));
110
- };
111
- exports.CustomNavigation = CustomNavigation;
112
- var S_Navigation = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: ", ";\n padding: ", ";\n position: ", ";\n transform: ", ";\n ", ";\n transform-origin: ", ";\n z-index: 3;\n"], ["\n display: ", ";\n padding: ", ";\n position: ", ";\n transform: ", ";\n ", ";\n transform-origin: ", ";\n z-index: 3;\n"])), function (_a) {
113
- var $offset = _a.$offset;
114
- return ($offset ? 'flex' : 'contents');
115
- }, function (_a) {
116
- var $offset = _a.$offset;
117
- return ($offset ? '5px' : 0);
118
- }, function (_a) {
119
- var $offset = _a.$offset;
120
- return ($offset ? 'absolute' : 'static');
121
- }, function (_a) {
122
- var _b, _c;
123
- var $size = _a.$size, $offset = _a.$offset;
124
- return "scale(".concat($size, ") translate(").concat((_b = $offset === null || $offset === void 0 ? void 0 : $offset.translateX) !== null && _b !== void 0 ? _b : 0, "%, ").concat((_c = $offset === null || $offset === void 0 ? void 0 : $offset.translateY) !== null && _c !== void 0 ? _c : 0, "%)");
125
- }, function (_a) {
126
- var $offset = _a.$offset;
127
- return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n ", "\n "])), ($offset === null || $offset === void 0 ? void 0 : $offset.top) !== undefined ? "top: ".concat($offset.top, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.bottom) !== undefined ? "bottom: ".concat($offset.bottom, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.left) !== undefined ? "left: ".concat($offset.left, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.right) !== undefined ? "right: ".concat($offset.right, ";") : '');
128
- }, function (_a) {
129
- var $offset = _a.$offset;
130
- return ($offset === null || $offset === void 0 ? void 0 : $offset.transformOrigin) || 'center center';
131
- });
132
- var S_PrevButton = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n cursor: pointer;\n padding: ", ";\n position: ", ";\n transform: ", ";\n\n ", ";\n transform-origin: ", ";\n z-index: 3;\n\n &.disabled {\n cursor: auto;\n opacity: 0.35;\n pointer-events: none;\n }\n"], ["\n cursor: pointer;\n padding: ", ";\n position: ", ";\n transform: ", ";\n\n ", ";\n transform-origin: ", ";\n z-index: 3;\n\n &.disabled {\n cursor: auto;\n opacity: 0.35;\n pointer-events: none;\n }\n"])), function (_a) {
133
- var $offset = _a.$offset;
134
- return ($offset ? '5px' : 0);
135
- }, function (_a) {
136
- var $offset = _a.$offset;
137
- return ($offset ? 'absolute' : 'static');
138
- }, function (_a) {
139
- var _b, _c;
140
- var $size = _a.$size, $offset = _a.$offset;
141
- return "scale(".concat($size, ") translate(").concat((_b = $offset === null || $offset === void 0 ? void 0 : $offset.translateX) !== null && _b !== void 0 ? _b : 0, "%, ").concat((_c = $offset === null || $offset === void 0 ? void 0 : $offset.translateY) !== null && _c !== void 0 ? _c : 0, "%)");
142
- }, function (_a) {
143
- var $offset = _a.$offset;
144
- return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n ", "\n "])), ($offset === null || $offset === void 0 ? void 0 : $offset.top) !== undefined ? "top: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.top, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.bottom) !== undefined ? "bottom: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.bottom, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.left) !== undefined ? "left: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.left, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.right) !== undefined ? "right: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.right, ";") : '');
145
- }, function (_a) {
146
- var $offset = _a.$offset;
147
- return ($offset === null || $offset === void 0 ? void 0 : $offset.transformOrigin) || 'center center';
148
- });
149
- var S_NextButton = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n cursor: pointer;\n padding: ", ";\n position: ", ";\n transform: ", ";\n ", ";\n transform-origin: ", ";\n z-index: 3;\n\n &.disabled {\n cursor: auto;\n opacity: 0.35;\n pointer-events: none;\n }\n"], ["\n cursor: pointer;\n padding: ", ";\n position: ", ";\n transform: ", ";\n ", ";\n transform-origin: ", ";\n z-index: 3;\n\n &.disabled {\n cursor: auto;\n opacity: 0.35;\n pointer-events: none;\n }\n"])), function (_a) {
150
- var $offset = _a.$offset;
151
- return ($offset ? '5px' : 0);
152
- }, function (_a) {
153
- var $offset = _a.$offset;
154
- return ($offset ? 'absolute' : 'static');
155
- }, function (_a) {
156
- var _b, _c;
157
- var $size = _a.$size, $offset = _a.$offset;
158
- return "scale(".concat($size, ") translate(").concat((_b = $offset === null || $offset === void 0 ? void 0 : $offset.translateX) !== null && _b !== void 0 ? _b : 0, "%, ").concat((_c = $offset === null || $offset === void 0 ? void 0 : $offset.translateY) !== null && _c !== void 0 ? _c : 0, "%)");
159
- }, function (_a) {
160
- var $offset = _a.$offset;
161
- return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n ", "\n "])), ($offset === null || $offset === void 0 ? void 0 : $offset.top) !== undefined ? "top: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.top, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.bottom) !== undefined ? "bottom: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.bottom, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.left) !== undefined ? "left: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.left, ";") : '', ($offset === null || $offset === void 0 ? void 0 : $offset.right) !== undefined ? "right: ".concat($offset === null || $offset === void 0 ? void 0 : $offset.right, ";") : '');
162
- }, function (_a) {
163
- var $offset = _a.$offset;
164
- return ($offset === null || $offset === void 0 ? void 0 : $offset.transformOrigin) || 'center center';
165
- });
166
- exports.default = exports.CustomNavigation;
167
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
@@ -1,26 +0,0 @@
1
- /// <reference types="react" />
2
- import type { CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSTYLE_TYPE } from '../types';
3
- export interface CustomPaginationProps {
4
- current?: number;
5
- total?: number;
6
- type?: CB_STYLE_PROP_SLIDE_BANNER_SPEC_PAGINATIONSTYLE_TYPE;
7
- offset?: {
8
- top?: string;
9
- bottom?: string;
10
- left?: string;
11
- right?: string;
12
- translateX?: number;
13
- translateY?: number;
14
- transformOrigin?: string;
15
- };
16
- size?: number;
17
- onBulletClick?: (index: number) => void;
18
- }
19
- export declare const CustomPagination: ({ current, total, type, offset, size, onBulletClick }: CustomPaginationProps) => JSX.Element;
20
- export interface FlexBoxProps {
21
- direction?: 'row' | 'column';
22
- justifyContent?: string;
23
- alignItems?: string;
24
- gap?: string;
25
- }
26
- export default CustomPagination;