venice-ui 3.0.50 → 3.0.53
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/cjs/components/ComponentRoot/ComponentRoot.styles.js +1 -0
- package/dist/cjs/components/Dropdown/Dropdown.js +1 -1
- package/dist/cjs/components/Dropdown/Dropdown.styles.js +1 -1
- package/dist/cjs/components/Toggle/Toggle.js +1 -1
- package/dist/cjs/components/Toggle/Toggle.styles.js +7 -6
- package/dist/cjs/config/config.js +12 -6
- package/dist/esm/components/ComponentRoot/ComponentRoot.styles.js +1 -0
- package/dist/esm/components/Dropdown/Dropdown.js +1 -1
- package/dist/esm/components/Dropdown/Dropdown.styles.js +1 -1
- package/dist/esm/components/Toggle/Toggle.js +1 -1
- package/dist/esm/components/Toggle/Toggle.styles.js +7 -6
- package/dist/esm/config/config.js +12 -6
- package/dist/types/components/Dropdown/Dropdown.styles.d.ts +1 -0
- package/dist/types/config/config.d.ts +36 -18
- package/package.json +1 -1
|
@@ -10,6 +10,7 @@ exports.ComponentWrapper = styled_components_1.default.div `
|
|
|
10
10
|
flex-direction: row;
|
|
11
11
|
gap: 4px;
|
|
12
12
|
align-items: center;
|
|
13
|
+
box-sizing: border-box;
|
|
13
14
|
overflow: hidden;
|
|
14
15
|
width: ${({ width, labelInversed }) => width ? width : labelInversed ? 'auto' : '100%'};
|
|
15
16
|
height: ${({ inputConfig, inputSize }) => inputConfig.size[inputSize].height}px;
|
|
@@ -119,7 +119,7 @@ const Dropdown = ({ label, labelPosition = 'top', value, name, size = 'md', widt
|
|
|
119
119
|
}, [open, handleFieldBlur]);
|
|
120
120
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
121
121
|
react_1.default.createElement(ComponentRoot_1.ComponentRoot, { labelPosition: labelPosition, size: size, width: width, disabled: disabled, error: error, readOnly: readOnly, required: required, optional: optional, optionalLabel: optionalLabel, helperText: helperText, themeVariant: themeVariant, theme: resolvedTheme, componentConfig: dropdonwConfig, label: label, isActive: open, noBreakLabel: noBreakLabel, componentWidth: componentWidth },
|
|
122
|
-
react_1.default.createElement(Dropdown_styles_1.TrigerWrapper, { ref: triggerRef, isDisabled: disabled, config: dropdonwConfig, onClick: handleToggleOpen },
|
|
122
|
+
react_1.default.createElement(Dropdown_styles_1.TrigerWrapper, { ref: triggerRef, isDisabled: disabled, readOnly: readOnly, config: dropdonwConfig, onClick: handleToggleOpen },
|
|
123
123
|
prefixIcon && !readOnly && (react_1.default.createElement(Icon_1.Icon, { name: prefixIcon, size: dropdonwConfig.size[size].iconSize, background: "transparent", hoverBackground: "transparent", isDisabled: disabled || readOnly, onClick: onPrefixIconClick })),
|
|
124
124
|
prefix && !readOnly && (react_1.default.createElement(Input_styles_1.PrefixWrapper, { inputSize: size, theme: resolvedTheme, inputConfig: dropdonwConfig, error: error, disabled: disabled, readOnly: readOnly }, prefix)),
|
|
125
125
|
react_1.default.createElement(Dropdown_styles_1.DropdownValue, { config: dropdonwConfig, inputSize: size, onClick: handleToggleOpen, disabled: disabled, theme: resolvedTheme }, value ? getLabelForValue(value) : !readOnly && placeholder),
|
|
@@ -36,7 +36,7 @@ exports.TrigerWrapper = styled_components_1.default.div `
|
|
|
36
36
|
align-items: center;
|
|
37
37
|
width: 100%;
|
|
38
38
|
min-width: 0;
|
|
39
|
-
cursor: ${({ isDisabled }) => (isDisabled ? 'not-allowed' : 'pointer')};
|
|
39
|
+
cursor: ${({ isDisabled, readOnly }) => (isDisabled ? 'not-allowed' : readOnly ? 'default' : 'pointer')};
|
|
40
40
|
background: ${({ config, isDisabled }) => isDisabled ? config.color.disabled.bg : 'transparent'};
|
|
41
41
|
`;
|
|
42
42
|
exports.DropdownMenuPanel = styled_components_1.default.div `
|
|
@@ -23,7 +23,7 @@ const Toggle = ({ name, value = true, size = 'md', label, labelPosition = 'top',
|
|
|
23
23
|
};
|
|
24
24
|
return (react_1.default.createElement(ComponentRoot_1.ComponentRoot, { labelPosition: labelPosition, size: size, width: width, disabled: isDisabled, error: error, readOnly: false, required: required, optional: optional, optionalLabel: optionalLabel, helperText: helperText, themeVariant: themeVariant, theme: resolvedTheme, componentConfig: toggleConfig, label: label, isActive: value, labelInversed: labelInversed, smallSize: true, componentWidth: componentWidth ? componentWidth : `${toggleConfig.size[size].width}px` },
|
|
25
25
|
react_1.default.createElement(Toggle_styles_1.ToggleRoot, { onClick: onClick, isDisabled: isDisabled },
|
|
26
|
-
react_1.default.createElement(Toggle_styles_1.ToggleTrack, { size: size, theme: resolvedTheme, config: toggleConfig, isDisabled: isDisabled, isActive: value },
|
|
26
|
+
react_1.default.createElement(Toggle_styles_1.ToggleTrack, { id: 'dupa', size: size, theme: resolvedTheme, config: toggleConfig, isDisabled: isDisabled, isActive: value },
|
|
27
27
|
react_1.default.createElement(Toggle_styles_1.TrackThumb, { size: size, theme: resolvedTheme, config: toggleConfig, isActive: value, isDisabled: isDisabled })))));
|
|
28
28
|
};
|
|
29
29
|
exports.Toggle = Toggle;
|
|
@@ -7,9 +7,9 @@ exports.ToggleRoot = exports.TrackThumb = exports.ToggleTrack = void 0;
|
|
|
7
7
|
const styled_components_1 = __importDefault(require("styled-components"));
|
|
8
8
|
exports.ToggleTrack = styled_components_1.default.div `
|
|
9
9
|
display: inline-block;
|
|
10
|
-
box-sizing:
|
|
11
|
-
width: ${({ theme, config, size }) => config.size[size].
|
|
12
|
-
height: ${({ theme, config, size }) => config.size[size].
|
|
10
|
+
box-sizing: content-box;
|
|
11
|
+
width: ${({ theme, config, size }) => config.size[size].elementWidth}px;
|
|
12
|
+
height: ${({ theme, config, size }) => config.size[size].elementHeight}px;
|
|
13
13
|
box-shadow: ${({ theme, config }) => config.shadow.track};
|
|
14
14
|
position: relative;
|
|
15
15
|
overflow: hidden;
|
|
@@ -21,9 +21,9 @@ exports.ToggleTrack = styled_components_1.default.div `
|
|
|
21
21
|
`;
|
|
22
22
|
exports.TrackThumb = styled_components_1.default.div `
|
|
23
23
|
position: relative;
|
|
24
|
-
|
|
25
|
-
width: ${({ theme, config, size }) => config.size[size].sizeThumb}px;
|
|
26
|
-
height: ${({ theme, config, size }) => config.size[size].sizeThumb}px;
|
|
24
|
+
box-sizing: content-box;
|
|
25
|
+
width: ${({ theme, config, size }) => `${config.size[size].sizeThumb}px`};
|
|
26
|
+
height: ${({ theme, config, size }) => `${config.size[size].sizeThumb}px`};
|
|
27
27
|
background: ${({ theme, config }) => config.color.default.thumbBackground};
|
|
28
28
|
border: 1px solid ${({ theme, config }) => config.color.default.thumbBorder};
|
|
29
29
|
border-radius: 50%;
|
|
@@ -45,5 +45,6 @@ exports.ToggleRoot = styled_components_1.default.div `
|
|
|
45
45
|
justify-content: center;
|
|
46
46
|
width: 100%;
|
|
47
47
|
height: 100%;
|
|
48
|
+
box-sizing: content-box;
|
|
48
49
|
cursor: ${({ isDisabled }) => (isDisabled ? 'not-allowed' : 'pointer')};
|
|
49
50
|
`;
|
|
@@ -662,22 +662,28 @@ const createComponentsConfig = (theme = 'default') => {
|
|
|
662
662
|
toggle: {
|
|
663
663
|
size: {
|
|
664
664
|
sm: {
|
|
665
|
-
width: exports.measurements.space.xl4,
|
|
666
|
-
height: exports.measurements.size.layout.toggle.sm,
|
|
665
|
+
width: exports.measurements.space.xl4 + 2,
|
|
666
|
+
height: exports.measurements.size.layout.toggle.sm + 2,
|
|
667
|
+
elementWidth: exports.measurements.space.xl4,
|
|
668
|
+
elementHeight: exports.measurements.size.layout.toggle.sm,
|
|
667
669
|
radius: exports.measurements.size.layout.toggle.sm,
|
|
668
670
|
sizeThumb: exports.measurements.size.layout.toggleThumb.sm,
|
|
669
671
|
activePosition: exports.measurements.size.layout.toggleThumbPosition.sm,
|
|
670
672
|
},
|
|
671
673
|
md: {
|
|
672
|
-
width: exports.measurements.space.xl5,
|
|
673
|
-
height: exports.measurements.size.layout.toggle.md,
|
|
674
|
+
width: exports.measurements.space.xl5 + 2,
|
|
675
|
+
height: exports.measurements.size.layout.toggle.md + 2,
|
|
676
|
+
elementWidth: exports.measurements.space.xl5,
|
|
677
|
+
elementHeight: exports.measurements.size.layout.toggle.md,
|
|
674
678
|
radius: exports.measurements.size.layout.toggle.md,
|
|
675
679
|
sizeThumb: exports.measurements.size.layout.toggleThumb.md,
|
|
676
680
|
activePosition: exports.measurements.size.layout.toggleThumbPosition.md,
|
|
677
681
|
},
|
|
678
682
|
lg: {
|
|
679
|
-
width: exports.measurements.space.xl6,
|
|
680
|
-
height: exports.measurements.size.layout.toggle.lg,
|
|
683
|
+
width: exports.measurements.space.xl6 + 2,
|
|
684
|
+
height: exports.measurements.size.layout.toggle.lg + 2,
|
|
685
|
+
elementWidth: exports.measurements.space.xl6,
|
|
686
|
+
elementHeight: exports.measurements.size.layout.toggle.lg,
|
|
681
687
|
radius: exports.measurements.size.layout.toggle.lg,
|
|
682
688
|
sizeThumb: exports.measurements.size.layout.toggleThumb.lg,
|
|
683
689
|
activePosition: exports.measurements.size.layout.toggleThumbPosition.lg,
|
|
@@ -4,6 +4,7 @@ export const ComponentWrapper = styled.div `
|
|
|
4
4
|
flex-direction: row;
|
|
5
5
|
gap: 4px;
|
|
6
6
|
align-items: center;
|
|
7
|
+
box-sizing: border-box;
|
|
7
8
|
overflow: hidden;
|
|
8
9
|
width: ${({ width, labelInversed }) => width ? width : labelInversed ? 'auto' : '100%'};
|
|
9
10
|
height: ${({ inputConfig, inputSize }) => inputConfig.size[inputSize].height}px;
|
|
@@ -83,7 +83,7 @@ export const Dropdown = ({ label, labelPosition = 'top', value, name, size = 'md
|
|
|
83
83
|
}, [open, handleFieldBlur]);
|
|
84
84
|
return (React.createElement(React.Fragment, null,
|
|
85
85
|
React.createElement(ComponentRoot, { labelPosition: labelPosition, size: size, width: width, disabled: disabled, error: error, readOnly: readOnly, required: required, optional: optional, optionalLabel: optionalLabel, helperText: helperText, themeVariant: themeVariant, theme: resolvedTheme, componentConfig: dropdonwConfig, label: label, isActive: open, noBreakLabel: noBreakLabel, componentWidth: componentWidth },
|
|
86
|
-
React.createElement(TrigerWrapper, { ref: triggerRef, isDisabled: disabled, config: dropdonwConfig, onClick: handleToggleOpen },
|
|
86
|
+
React.createElement(TrigerWrapper, { ref: triggerRef, isDisabled: disabled, readOnly: readOnly, config: dropdonwConfig, onClick: handleToggleOpen },
|
|
87
87
|
prefixIcon && !readOnly && (React.createElement(Icon, { name: prefixIcon, size: dropdonwConfig.size[size].iconSize, background: "transparent", hoverBackground: "transparent", isDisabled: disabled || readOnly, onClick: onPrefixIconClick })),
|
|
88
88
|
prefix && !readOnly && (React.createElement(PrefixWrapper, { inputSize: size, theme: resolvedTheme, inputConfig: dropdonwConfig, error: error, disabled: disabled, readOnly: readOnly }, prefix)),
|
|
89
89
|
React.createElement(DropdownValue, { config: dropdonwConfig, inputSize: size, onClick: handleToggleOpen, disabled: disabled, theme: resolvedTheme }, value ? getLabelForValue(value) : !readOnly && placeholder),
|
|
@@ -30,7 +30,7 @@ export const TrigerWrapper = styled.div `
|
|
|
30
30
|
align-items: center;
|
|
31
31
|
width: 100%;
|
|
32
32
|
min-width: 0;
|
|
33
|
-
cursor: ${({ isDisabled }) => (isDisabled ? 'not-allowed' : 'pointer')};
|
|
33
|
+
cursor: ${({ isDisabled, readOnly }) => (isDisabled ? 'not-allowed' : readOnly ? 'default' : 'pointer')};
|
|
34
34
|
background: ${({ config, isDisabled }) => isDisabled ? config.color.disabled.bg : 'transparent'};
|
|
35
35
|
`;
|
|
36
36
|
export const DropdownMenuPanel = styled.div `
|
|
@@ -17,6 +17,6 @@ export const Toggle = ({ name, value = true, size = 'md', label, labelPosition =
|
|
|
17
17
|
};
|
|
18
18
|
return (React.createElement(ComponentRoot, { labelPosition: labelPosition, size: size, width: width, disabled: isDisabled, error: error, readOnly: false, required: required, optional: optional, optionalLabel: optionalLabel, helperText: helperText, themeVariant: themeVariant, theme: resolvedTheme, componentConfig: toggleConfig, label: label, isActive: value, labelInversed: labelInversed, smallSize: true, componentWidth: componentWidth ? componentWidth : `${toggleConfig.size[size].width}px` },
|
|
19
19
|
React.createElement(ToggleRoot, { onClick: onClick, isDisabled: isDisabled },
|
|
20
|
-
React.createElement(ToggleTrack, { size: size, theme: resolvedTheme, config: toggleConfig, isDisabled: isDisabled, isActive: value },
|
|
20
|
+
React.createElement(ToggleTrack, { id: 'dupa', size: size, theme: resolvedTheme, config: toggleConfig, isDisabled: isDisabled, isActive: value },
|
|
21
21
|
React.createElement(TrackThumb, { size: size, theme: resolvedTheme, config: toggleConfig, isActive: value, isDisabled: isDisabled })))));
|
|
22
22
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
2
|
export const ToggleTrack = styled.div `
|
|
3
3
|
display: inline-block;
|
|
4
|
-
box-sizing:
|
|
5
|
-
width: ${({ theme, config, size }) => config.size[size].
|
|
6
|
-
height: ${({ theme, config, size }) => config.size[size].
|
|
4
|
+
box-sizing: content-box;
|
|
5
|
+
width: ${({ theme, config, size }) => config.size[size].elementWidth}px;
|
|
6
|
+
height: ${({ theme, config, size }) => config.size[size].elementHeight}px;
|
|
7
7
|
box-shadow: ${({ theme, config }) => config.shadow.track};
|
|
8
8
|
position: relative;
|
|
9
9
|
overflow: hidden;
|
|
@@ -15,9 +15,9 @@ export const ToggleTrack = styled.div `
|
|
|
15
15
|
`;
|
|
16
16
|
export const TrackThumb = styled.div `
|
|
17
17
|
position: relative;
|
|
18
|
-
|
|
19
|
-
width: ${({ theme, config, size }) => config.size[size].sizeThumb}px;
|
|
20
|
-
height: ${({ theme, config, size }) => config.size[size].sizeThumb}px;
|
|
18
|
+
box-sizing: content-box;
|
|
19
|
+
width: ${({ theme, config, size }) => `${config.size[size].sizeThumb}px`};
|
|
20
|
+
height: ${({ theme, config, size }) => `${config.size[size].sizeThumb}px`};
|
|
21
21
|
background: ${({ theme, config }) => config.color.default.thumbBackground};
|
|
22
22
|
border: 1px solid ${({ theme, config }) => config.color.default.thumbBorder};
|
|
23
23
|
border-radius: 50%;
|
|
@@ -39,5 +39,6 @@ export const ToggleRoot = styled.div `
|
|
|
39
39
|
justify-content: center;
|
|
40
40
|
width: 100%;
|
|
41
41
|
height: 100%;
|
|
42
|
+
box-sizing: content-box;
|
|
42
43
|
cursor: ${({ isDisabled }) => (isDisabled ? 'not-allowed' : 'pointer')};
|
|
43
44
|
`;
|
|
@@ -657,22 +657,28 @@ export const createComponentsConfig = (theme = 'default') => {
|
|
|
657
657
|
toggle: {
|
|
658
658
|
size: {
|
|
659
659
|
sm: {
|
|
660
|
-
width: measurements.space.xl4,
|
|
661
|
-
height: measurements.size.layout.toggle.sm,
|
|
660
|
+
width: measurements.space.xl4 + 2,
|
|
661
|
+
height: measurements.size.layout.toggle.sm + 2,
|
|
662
|
+
elementWidth: measurements.space.xl4,
|
|
663
|
+
elementHeight: measurements.size.layout.toggle.sm,
|
|
662
664
|
radius: measurements.size.layout.toggle.sm,
|
|
663
665
|
sizeThumb: measurements.size.layout.toggleThumb.sm,
|
|
664
666
|
activePosition: measurements.size.layout.toggleThumbPosition.sm,
|
|
665
667
|
},
|
|
666
668
|
md: {
|
|
667
|
-
width: measurements.space.xl5,
|
|
668
|
-
height: measurements.size.layout.toggle.md,
|
|
669
|
+
width: measurements.space.xl5 + 2,
|
|
670
|
+
height: measurements.size.layout.toggle.md + 2,
|
|
671
|
+
elementWidth: measurements.space.xl5,
|
|
672
|
+
elementHeight: measurements.size.layout.toggle.md,
|
|
669
673
|
radius: measurements.size.layout.toggle.md,
|
|
670
674
|
sizeThumb: measurements.size.layout.toggleThumb.md,
|
|
671
675
|
activePosition: measurements.size.layout.toggleThumbPosition.md,
|
|
672
676
|
},
|
|
673
677
|
lg: {
|
|
674
|
-
width: measurements.space.xl6,
|
|
675
|
-
height: measurements.size.layout.toggle.lg,
|
|
678
|
+
width: measurements.space.xl6 + 2,
|
|
679
|
+
height: measurements.size.layout.toggle.lg + 2,
|
|
680
|
+
elementWidth: measurements.space.xl6,
|
|
681
|
+
elementHeight: measurements.size.layout.toggle.lg,
|
|
676
682
|
radius: measurements.size.layout.toggle.lg,
|
|
677
683
|
sizeThumb: measurements.size.layout.toggleThumb.lg,
|
|
678
684
|
activePosition: measurements.size.layout.toggleThumbPosition.lg,
|
|
@@ -12,6 +12,7 @@ interface IDropdownValueProps {
|
|
|
12
12
|
export declare const DropdownValue: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IDropdownValueProps, never>;
|
|
13
13
|
interface ITrigerWrapperProps {
|
|
14
14
|
isDisabled?: boolean;
|
|
15
|
+
readOnly?: boolean;
|
|
15
16
|
config: any;
|
|
16
17
|
}
|
|
17
18
|
export declare const TrigerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ITrigerWrapperProps, never>;
|
|
@@ -665,22 +665,28 @@ export declare const createComponentsConfig: (theme?: ThemeName | AppTheme) => {
|
|
|
665
665
|
toggle: {
|
|
666
666
|
size: {
|
|
667
667
|
sm: {
|
|
668
|
-
width:
|
|
669
|
-
height:
|
|
668
|
+
width: number;
|
|
669
|
+
height: number;
|
|
670
|
+
elementWidth: 32;
|
|
671
|
+
elementHeight: 18;
|
|
670
672
|
radius: 18;
|
|
671
673
|
sizeThumb: 16;
|
|
672
674
|
activePosition: 14;
|
|
673
675
|
};
|
|
674
676
|
md: {
|
|
675
|
-
width:
|
|
676
|
-
height:
|
|
677
|
+
width: number;
|
|
678
|
+
height: number;
|
|
679
|
+
elementWidth: 40;
|
|
680
|
+
elementHeight: 22;
|
|
677
681
|
radius: 22;
|
|
678
682
|
sizeThumb: 20;
|
|
679
683
|
activePosition: 18;
|
|
680
684
|
};
|
|
681
685
|
lg: {
|
|
682
|
-
width:
|
|
683
|
-
height:
|
|
686
|
+
width: number;
|
|
687
|
+
height: number;
|
|
688
|
+
elementWidth: 48;
|
|
689
|
+
elementHeight: 26;
|
|
684
690
|
radius: 26;
|
|
685
691
|
sizeThumb: 24;
|
|
686
692
|
activePosition: 22;
|
|
@@ -2004,22 +2010,28 @@ export declare const componentsConfig: {
|
|
|
2004
2010
|
toggle: {
|
|
2005
2011
|
size: {
|
|
2006
2012
|
sm: {
|
|
2007
|
-
width:
|
|
2008
|
-
height:
|
|
2013
|
+
width: number;
|
|
2014
|
+
height: number;
|
|
2015
|
+
elementWidth: 32;
|
|
2016
|
+
elementHeight: 18;
|
|
2009
2017
|
radius: 18;
|
|
2010
2018
|
sizeThumb: 16;
|
|
2011
2019
|
activePosition: 14;
|
|
2012
2020
|
};
|
|
2013
2021
|
md: {
|
|
2014
|
-
width:
|
|
2015
|
-
height:
|
|
2022
|
+
width: number;
|
|
2023
|
+
height: number;
|
|
2024
|
+
elementWidth: 40;
|
|
2025
|
+
elementHeight: 22;
|
|
2016
2026
|
radius: 22;
|
|
2017
2027
|
sizeThumb: 20;
|
|
2018
2028
|
activePosition: 18;
|
|
2019
2029
|
};
|
|
2020
2030
|
lg: {
|
|
2021
|
-
width:
|
|
2022
|
-
height:
|
|
2031
|
+
width: number;
|
|
2032
|
+
height: number;
|
|
2033
|
+
elementWidth: 48;
|
|
2034
|
+
elementHeight: 26;
|
|
2023
2035
|
radius: 26;
|
|
2024
2036
|
sizeThumb: 24;
|
|
2025
2037
|
activePosition: 22;
|
|
@@ -3488,22 +3500,28 @@ export declare const createConfig: (theme?: ThemeName | AppTheme) => {
|
|
|
3488
3500
|
toggle: {
|
|
3489
3501
|
size: {
|
|
3490
3502
|
sm: {
|
|
3491
|
-
width:
|
|
3492
|
-
height:
|
|
3503
|
+
width: number;
|
|
3504
|
+
height: number;
|
|
3505
|
+
elementWidth: 32;
|
|
3506
|
+
elementHeight: 18;
|
|
3493
3507
|
radius: 18;
|
|
3494
3508
|
sizeThumb: 16;
|
|
3495
3509
|
activePosition: 14;
|
|
3496
3510
|
};
|
|
3497
3511
|
md: {
|
|
3498
|
-
width:
|
|
3499
|
-
height:
|
|
3512
|
+
width: number;
|
|
3513
|
+
height: number;
|
|
3514
|
+
elementWidth: 40;
|
|
3515
|
+
elementHeight: 22;
|
|
3500
3516
|
radius: 22;
|
|
3501
3517
|
sizeThumb: 20;
|
|
3502
3518
|
activePosition: 18;
|
|
3503
3519
|
};
|
|
3504
3520
|
lg: {
|
|
3505
|
-
width:
|
|
3506
|
-
height:
|
|
3521
|
+
width: number;
|
|
3522
|
+
height: number;
|
|
3523
|
+
elementWidth: 48;
|
|
3524
|
+
elementHeight: 26;
|
|
3507
3525
|
radius: 26;
|
|
3508
3526
|
sizeThumb: 24;
|
|
3509
3527
|
activePosition: 22;
|