pds-dev-kit-web-test 2.5.322 → 2.5.324
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/src/common/hooks/useTooltip.js +1 -1
- package/dist/src/common/utils/SystemUIPositionGenerator/hoverTypeSystemUICssGenerator.js +1 -1
- package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.js +1 -1
- package/dist/src/sub/DynamicLayout/CompositionRenderer/ComponentBlockMatcher.js +1 -1
- package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.d.ts +1 -3
- package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js +31 -26
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/SectionBox.js +4 -1
- package/dist/src/sub/DynamicLayout/mocks.d.ts +1 -5
- package/dist/src/sub/DynamicLayout/mocks.js +12 -36
- package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +2 -3
- package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridItem.js +11 -15
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +3 -8
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +21 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.d.ts +4 -4
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +2 -144
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +0 -27
- package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +7 -16
- package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +1 -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 +1 -33
- package/dist/src/sub/DynamicLayout/types.d.ts +2 -2
- package/package.json +3 -3
- package/release-note.md +3 -3
- package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.d.ts +0 -20
- package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.js +0 -1115
- package/dist/src/sub/DynamicLayout/compositionActionTypes.d.ts +0 -139
- package/dist/src/sub/DynamicLayout/compositionActionTypes.js +0 -2
- package/dist/src/sub/DynamicLayout/mock_composition.d.ts +0 -3
- package/dist/src/sub/DynamicLayout/mock_composition.js +0 -755
- package/dist/src/sub/DynamicLayout/mock_contentsCarousel.d.ts +0 -2
- package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js +0 -326
- package/dist/src/sub/DynamicLayout/mock_slideBanner.d.ts +0 -2
- package/dist/src/sub/DynamicLayout/mock_slideBanner.js +0 -318
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarouselCore.d.ts +0 -17
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarouselCore.js +0 -39
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigation.d.ts +0 -31
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigation.js +0 -167
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.d.ts +0 -26
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.js +0 -184
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomProgressbar.d.ts +0 -19
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomProgressbar.js +0 -72
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.d.ts +0 -50
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.js +0 -919
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.d.ts +0 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.js +0 -8
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/types.d.ts +0 -90
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/types.js +0 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.d.ts +0 -8
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js +0 -143
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBannerCore.d.ts +0 -15
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBannerCore.js +0 -39
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.d.ts +0 -31
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.js +0 -167
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.d.ts +0 -26
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.js +0 -184
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.d.ts +0 -19
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.js +0 -72
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/index.d.ts +0 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/index.js +0 -8
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.d.ts +0 -48
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.js +0 -855
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/types.d.ts +0 -80
- 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,8 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import type { CB_SLIDEBANNER } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
|
3
|
-
import type { CB_SLIDEBANNER_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
|
4
|
-
type Props = CB_SLIDEBANNER_PROPERTIES_TYPE & IndexForIntersection & {
|
5
|
-
compositions: CB_SLIDEBANNER['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_SLIDEBANNER_SPEC_DISPLAYCOUNTS = props.CB_CONTENT_PROP_SLIDEBANNER.CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS,
|
38
|
-
// STYLE: 슬라이드배너
|
39
|
-
CB_STYLE_PROP_SLIDEBANNER = props.CB_STYLE_PROP_SLIDEBANNER,
|
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_SLIDEBANNER,
|
55
|
-
device: device
|
56
|
-
}), slideBannerNormalStyle = _j.normalStyle, slideBannerHoverStyle = _j.hoverStyle;
|
57
|
-
var _k = (0, slideBannerUtils_1.parseSlideBannerStyleToCustomPaginationProp)({
|
58
|
-
props: CB_STYLE_PROP_SLIDEBANNER,
|
59
|
-
device: device
|
60
|
-
}), customPaginationNormalStyle = _k.normalStyle, customPaginationHoverStyle = _k.hoverStyle;
|
61
|
-
var _l = (0, slideBannerUtils_1.parseSlideBannerStyleToCustomNavigationProp)({
|
62
|
-
props: CB_STYLE_PROP_SLIDEBANNER,
|
63
|
-
device: device
|
64
|
-
}), customNavigationNormalStyle = _l.normalStyle, customNavigationHoverStyle = _l.hoverStyle;
|
65
|
-
var _m = (0, slideBannerUtils_1.parseSlideBannerStyleToCustomProgressbarProp)({
|
66
|
-
props: CB_STYLE_PROP_SLIDEBANNER,
|
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_SLIDEBANNER_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_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE, CB_STYLE_PROP_SLIDEBANNER_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_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE;
|
15
|
-
prevBtnOffset?: NavigationOffset;
|
16
|
-
prevBtnSize?: number;
|
17
|
-
nextBtnDisabled?: boolean;
|
18
|
-
nextBtnType?: CB_STYLE_PROP_SLIDEBANNER_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_SLIDEBANNER_SPEC_PAGINATIONSTYLE_TYPE } from '../types';
|
3
|
-
export interface CustomPaginationProps {
|
4
|
-
current?: number;
|
5
|
-
total?: number;
|
6
|
-
type?: CB_STYLE_PROP_SLIDEBANNER_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;
|