@wix/editor-react-components 1.2348.0 → 1.2350.0
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/site/components/AccordionComponent/component.js +1 -1
- package/dist/site/components/AccordionComponent/manifest.js +1 -1
- package/dist/site/components/AudioPlayer/component.js +1 -1
- package/dist/site/components/AudioPlayer/manifest.js +1 -1
- package/dist/site/components/BoxContainer/component.js +1 -1
- package/dist/site/components/BoxContainer/manifest.js +1 -1
- package/dist/site/components/Breadcrumbs/component.js +1 -1
- package/dist/site/components/Breadcrumbs/manifest.js +1 -1
- package/dist/site/components/Checkbox/component.js +3 -4
- package/dist/site/components/Checkbox/manifest.js +1 -1
- package/dist/site/components/CheckboxGroup/component.js +3 -4
- package/dist/site/components/CheckboxGroup/manifest.js +1 -1
- package/dist/site/components/CollapsibleText/component.js +1 -1
- package/dist/site/components/CollapsibleText/manifest.js +1 -1
- package/dist/site/components/DatePicker/component.js +2 -3
- package/dist/site/components/DatePicker/manifest.js +1 -1
- package/dist/site/components/Dropdown/component.js +1 -1
- package/dist/site/components/Dropdown/manifest.js +1 -1
- package/dist/site/components/HTMLComponent/component.js +1 -1
- package/dist/site/components/HipaaIcon/component.js +1 -1
- package/dist/site/components/HipaaIcon/manifest.js +1 -1
- package/dist/site/components/LinkBar/component.js +1 -1
- package/dist/site/components/LinkBar/manifest.js +1 -1
- package/dist/site/components/Logo/component.js +1 -1
- package/dist/site/components/Logo/manifest.js +1 -1
- package/dist/site/components/Logo/sdk.js +1 -1
- package/dist/site/components/Lottie/component.js +1 -1
- package/dist/site/components/Lottie/manifest.js +1 -1
- package/dist/site/components/Menu/component.js +1 -1
- package/dist/site/components/Menu/manifest.js +1 -1
- package/dist/site/components/MultiStateBox/component.js +1 -1
- package/dist/site/components/MultiStateBox/manifest.js +1 -1
- package/dist/site/components/ProgressBar/component.js +1 -1
- package/dist/site/components/ProgressBar/manifest.js +1 -1
- package/dist/site/components/ProgressBar/sdk.js +1 -1
- package/dist/site/components/RadioButtons/RadioButtons.d.ts +3 -0
- package/dist/site/components/RadioButtons/RadioButtons.types.d.ts +22 -0
- package/dist/site/components/RadioButtons/component.d.ts +2 -0
- package/dist/site/components/RadioButtons/component.js +201 -0
- package/dist/site/components/RadioButtons/component.preview.d.ts +4 -0
- package/dist/site/components/RadioButtons/constants.d.ts +108 -0
- package/dist/site/components/RadioButtons/css.css +181 -0
- package/dist/site/components/RadioButtons/index.d.ts +2 -0
- package/dist/site/components/RadioButtons/index.js +6 -0
- package/dist/site/components/RadioButtons/manifest.d.ts +5 -0
- package/dist/site/components/RadioButtons/manifest.js +284 -0
- package/dist/site/components/TextBox/TextBox.types.d.ts +2 -0
- package/dist/site/components/TextBox/component.js +26 -18
- package/dist/site/components/TextBox/constants.d.ts +23 -5
- package/dist/site/components/TextBox/css.css +26 -16
- package/dist/site/components/TextBox/manifest.js +99 -33
- package/dist/site/components/TextInput/component.js +1 -2
- package/dist/site/components/TimePicker/component.js +1 -2
- package/dist/site/components/chunks/RequiredIndicator.js +5 -1
- package/dist/site/components/chunks/constants18.js +33 -13
- package/dist/site/components/chunks/constants24.js +97 -27
- package/dist/site/components/chunks/constants25.js +32 -17
- package/dist/site/components/chunks/constants26.js +16 -417
- package/dist/site/components/chunks/constants27.js +408 -73
- package/dist/site/components/chunks/constants28.js +80 -15
- package/dist/site/components/chunks/constants29.js +11 -42
- package/dist/site/components/chunks/constants30.js +44 -23
- package/dist/site/components/chunks/constants31.js +28 -10
- package/dist/site/components/chunks/constants32.js +10 -198
- package/dist/site/components/chunks/constants33.js +175 -152
- package/dist/site/components/chunks/constants34.js +160 -49
- package/dist/site/components/chunks/constants35.js +51 -98
- package/dist/site/components/chunks/constants36.js +67 -37
- package/dist/site/components/chunks/constants37.js +68 -69
- package/dist/site/components/chunks/constants38.js +73 -77
- package/dist/site/components/chunks/constants39.js +76 -57
- package/dist/site/components/chunks/constants40.js +72 -0
- package/dist/site/components/chunks/index10.js +4 -2
- package/dist/site/components/chunks/utils.js +1 -1
- package/dist/site/components/extensions.js +53 -51
- package/package.json +2 -2
- package/dist/site/components/chunks/InfoCircleSmall.js +0 -7
|
@@ -1,87 +1,86 @@
|
|
|
1
|
-
const semanticClassNames = {
|
|
2
|
-
root: "breadcrumbs",
|
|
3
|
-
itemLabel: "breadcrumbs-item-label",
|
|
4
|
-
separator: "breadcrumbs-separator",
|
|
5
|
-
animatedHomeIcon: "animated-icon"
|
|
6
|
-
};
|
|
7
1
|
const DisplayNames = {
|
|
8
2
|
root: {
|
|
9
|
-
elementDisplayName: "
|
|
10
|
-
|
|
11
|
-
|
|
3
|
+
elementDisplayName: "Checkbox",
|
|
4
|
+
data: {
|
|
5
|
+
checked: "Checked",
|
|
6
|
+
defaultChecked: "Checked by default",
|
|
7
|
+
required: "Required",
|
|
8
|
+
readOnly: "Read only",
|
|
9
|
+
disabled: "Disabled",
|
|
10
|
+
indeterminate: "Indeterminate",
|
|
11
|
+
label: "Label",
|
|
12
|
+
tooltip: "Tooltip"
|
|
13
|
+
},
|
|
14
|
+
cssCustomProperties: {
|
|
15
|
+
gap: "Spacing",
|
|
16
|
+
alignment: "Alignment"
|
|
12
17
|
}
|
|
13
18
|
},
|
|
14
|
-
|
|
15
|
-
elementDisplayName: "
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
indicator: {
|
|
20
|
+
elementDisplayName: "Indicator",
|
|
21
|
+
cssCustomProperties: {
|
|
22
|
+
uncheckedBackgroundColor: "Unchecked background color",
|
|
23
|
+
uncheckedBorderColor: "Unchecked border color",
|
|
24
|
+
checkedBackgroundColor: "Checked background color",
|
|
25
|
+
checkedBorderColor: "Checked border color",
|
|
26
|
+
borderWidth: "Border width",
|
|
27
|
+
checkmarkColor: "Checkmark color",
|
|
28
|
+
size: "Checkbox size"
|
|
29
|
+
}
|
|
22
30
|
},
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
displayHomepageAs: "Display homepage as",
|
|
26
|
-
horizontalSpacing: "Space between items",
|
|
27
|
-
verticalSpacing: "Space between rows",
|
|
28
|
-
alignment: "Alignment",
|
|
29
|
-
separatorOptions: {
|
|
30
|
-
slash: "Forward slash",
|
|
31
|
-
arrow: "Arrow"
|
|
32
|
-
},
|
|
33
|
-
homepageModeOptions: {
|
|
34
|
-
text: "Text",
|
|
35
|
-
icon: "Icon"
|
|
36
|
-
},
|
|
37
|
-
defaultState: "Default state",
|
|
38
|
-
defaultStateOptions: {
|
|
39
|
-
fullTrail: "Full trail",
|
|
40
|
-
hideHomepage: "Hide homepage",
|
|
41
|
-
hideCurrentPage: "Hide current page"
|
|
42
|
-
},
|
|
43
|
-
overflowItems: "Overflow items",
|
|
44
|
-
overflowItemsOptions: {
|
|
45
|
-
wrap: "Wrap",
|
|
46
|
-
collapse: "Collapse (with ellipses)"
|
|
47
|
-
},
|
|
48
|
-
beforeEllipsis: "Items before ellipses",
|
|
49
|
-
afterEllipsis: "Items after ellipses"
|
|
31
|
+
label: {
|
|
32
|
+
elementDisplayName: "Label"
|
|
50
33
|
}
|
|
51
34
|
};
|
|
52
35
|
const DesignStates = {
|
|
53
|
-
|
|
54
|
-
hover: { displayName: "Hover", className: "
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
36
|
+
indicator: {
|
|
37
|
+
hover: { displayName: "Hover", className: "checkbox__indicator--hover" },
|
|
38
|
+
focus: { displayName: "Focus", className: "checkbox__indicator--focus" },
|
|
39
|
+
disabled: {
|
|
40
|
+
displayName: "Disabled",
|
|
41
|
+
className: "checkbox__indicator--disabled"
|
|
42
|
+
},
|
|
43
|
+
invalid: {
|
|
44
|
+
displayName: "Invalid",
|
|
45
|
+
className: "checkbox__indicator--invalid"
|
|
58
46
|
}
|
|
59
47
|
}
|
|
60
48
|
};
|
|
61
|
-
const
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
49
|
+
const defaultValues = {
|
|
50
|
+
label: "Label",
|
|
51
|
+
checked: false,
|
|
52
|
+
defaultChecked: false,
|
|
53
|
+
required: false,
|
|
54
|
+
readOnly: false,
|
|
55
|
+
disabled: false,
|
|
56
|
+
indeterminate: false,
|
|
57
|
+
tooltip: ""
|
|
65
58
|
};
|
|
66
|
-
const
|
|
67
|
-
|
|
68
|
-
|
|
59
|
+
const TestIds = {
|
|
60
|
+
root: "checkbox-root",
|
|
61
|
+
control: "checkbox-control",
|
|
62
|
+
indicator: "checkbox-indicator",
|
|
63
|
+
label: "checkbox-label",
|
|
64
|
+
requiredIndicator: "checkbox-required-indicator",
|
|
65
|
+
tooltipButton: "checkbox-tooltip-button"
|
|
69
66
|
};
|
|
70
|
-
const
|
|
71
|
-
|
|
72
|
-
|
|
67
|
+
const selectors = {
|
|
68
|
+
root: "checkbox",
|
|
69
|
+
indicator: "checkbox__indicator",
|
|
70
|
+
label: "checkbox__label"
|
|
73
71
|
};
|
|
74
|
-
const
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
72
|
+
const semanticClassNames = {
|
|
73
|
+
root: "checkbox",
|
|
74
|
+
control: "checkbox__control",
|
|
75
|
+
indicator: "checkbox__indicator",
|
|
76
|
+
label: "checkbox__label",
|
|
77
|
+
requiredIndicator: "checkbox__required-indicator"
|
|
78
78
|
};
|
|
79
79
|
export {
|
|
80
80
|
DesignStates as D,
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
semanticClassNames as s
|
|
81
|
+
TestIds as T,
|
|
82
|
+
semanticClassNames as a,
|
|
83
|
+
DisplayNames as b,
|
|
84
|
+
defaultValues as d,
|
|
85
|
+
selectors as s
|
|
87
86
|
};
|
|
@@ -1,91 +1,87 @@
|
|
|
1
|
-
const
|
|
2
|
-
root: "
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
progressBar: "progressBar",
|
|
7
|
-
progressTrack: "progressTrack",
|
|
8
|
-
volumeControls: "volumeControls",
|
|
9
|
-
muteButton: "muteButton",
|
|
10
|
-
volumeSlider: "volumeSlider",
|
|
11
|
-
volumeTrack: "volumeTrack",
|
|
12
|
-
timeDisplay: "timeDisplay",
|
|
13
|
-
audioTitle: "audioTitle",
|
|
14
|
-
title: "title",
|
|
15
|
-
artistName: "artistName",
|
|
16
|
-
coverMedia: "coverMedia"
|
|
17
|
-
};
|
|
18
|
-
const dataDefaults = {
|
|
19
|
-
loop: false,
|
|
20
|
-
volume: 100
|
|
21
|
-
};
|
|
22
|
-
const borderDefaultValue = "0px none rgba(0, 0, 0, 1)";
|
|
23
|
-
const ARIA_LABELS = {
|
|
24
|
-
playButton: "Play",
|
|
25
|
-
pauseButton: "Pause",
|
|
26
|
-
muteButton: "Mute",
|
|
27
|
-
unmuteButton: "Unmute",
|
|
28
|
-
progressBar: "Seek",
|
|
29
|
-
volumeSlider: "Volume",
|
|
30
|
-
volumeControls: "Volume controls"
|
|
31
|
-
};
|
|
32
|
-
const DesignStates = {
|
|
33
|
-
controls: {
|
|
34
|
-
hover: {
|
|
35
|
-
displayName: "Hover",
|
|
36
|
-
className: "audio-player__controls--hover"
|
|
37
|
-
}
|
|
38
|
-
}
|
|
1
|
+
const semanticClassNames = {
|
|
2
|
+
root: "breadcrumbs",
|
|
3
|
+
itemLabel: "breadcrumbs-item-label",
|
|
4
|
+
separator: "breadcrumbs-separator",
|
|
5
|
+
animatedHomeIcon: "animated-icon"
|
|
39
6
|
};
|
|
40
7
|
const DisplayNames = {
|
|
41
8
|
root: {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
},
|
|
46
|
-
cssCustomProperties: {
|
|
47
|
-
"content-horizontal-alignment": "Alignment",
|
|
48
|
-
"vertical-spacing": "Vertical spacing",
|
|
49
|
-
"audio-title-gap": "Space between track details"
|
|
9
|
+
elementDisplayName: "Breadcrumbs",
|
|
10
|
+
customActions: {
|
|
11
|
+
replaceHomeIcon: "Customize Icon"
|
|
50
12
|
}
|
|
51
13
|
},
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
cssCustomProperties: {
|
|
55
|
-
"progress-fill-color": "Progress bar color",
|
|
56
|
-
"volume-control-color": "Volume control color",
|
|
57
|
-
"time-display-color": "Time display",
|
|
58
|
-
"play-icon-color": "Play icon color",
|
|
59
|
-
"play-icon-size": "Play icon size"
|
|
60
|
-
},
|
|
61
|
-
displayGroups: {
|
|
62
|
-
fillColors: "Fill colors",
|
|
63
|
-
icon: "Icon"
|
|
64
|
-
}
|
|
14
|
+
item: {
|
|
15
|
+
elementDisplayName: "Items"
|
|
65
16
|
},
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
audioTitle: "Audio title",
|
|
69
|
-
artistName: "Artist name",
|
|
70
|
-
progressBar: "Progress bar",
|
|
71
|
-
timeDisplay: "Time display",
|
|
72
|
-
volumeControls: "Volume control"
|
|
17
|
+
separator: {
|
|
18
|
+
elementDisplayName: "Separators"
|
|
73
19
|
},
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
displayMode: "Display mode",
|
|
77
|
-
loop: "Plays in a loop",
|
|
78
|
-
volume: "Volume"
|
|
20
|
+
homeIcon: {
|
|
21
|
+
elementDisplayName: "Home"
|
|
79
22
|
},
|
|
80
|
-
|
|
81
|
-
|
|
23
|
+
data: {
|
|
24
|
+
separator: "Separator",
|
|
25
|
+
displayHomepageAs: "Display homepage as",
|
|
26
|
+
horizontalSpacing: "Space between items",
|
|
27
|
+
verticalSpacing: "Space between rows",
|
|
28
|
+
alignment: "Alignment",
|
|
29
|
+
separatorOptions: {
|
|
30
|
+
slash: "Forward slash",
|
|
31
|
+
arrow: "Arrow"
|
|
32
|
+
},
|
|
33
|
+
homepageModeOptions: {
|
|
34
|
+
text: "Text",
|
|
35
|
+
icon: "Icon"
|
|
36
|
+
},
|
|
37
|
+
defaultState: "Default state",
|
|
38
|
+
defaultStateOptions: {
|
|
39
|
+
fullTrail: "Full trail",
|
|
40
|
+
hideHomepage: "Hide homepage",
|
|
41
|
+
hideCurrentPage: "Hide current page"
|
|
42
|
+
},
|
|
43
|
+
overflowItems: "Overflow items",
|
|
44
|
+
overflowItemsOptions: {
|
|
45
|
+
wrap: "Wrap",
|
|
46
|
+
collapse: "Collapse (with ellipses)"
|
|
47
|
+
},
|
|
48
|
+
beforeEllipsis: "Items before ellipses",
|
|
49
|
+
afterEllipsis: "Items after ellipses"
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
const DesignStates = {
|
|
53
|
+
item: {
|
|
54
|
+
hover: { displayName: "Hover", className: "breadcrumbs__item--hover" },
|
|
55
|
+
selected: {
|
|
56
|
+
displayName: "Selected",
|
|
57
|
+
className: "breadcrumbs__item--selected"
|
|
58
|
+
}
|
|
82
59
|
}
|
|
83
60
|
};
|
|
61
|
+
const componentMetadata = {
|
|
62
|
+
id: "992fd74f-46fe-4cc3-b803-d70f75a11fbc",
|
|
63
|
+
type: "wixEditorElements.Breadcrumbs",
|
|
64
|
+
description: "A navigation component that displays the user's location within a site's hierarchy as a trail of links, allowing navigation back to any ancestor page."
|
|
65
|
+
};
|
|
66
|
+
const separatorValues = {
|
|
67
|
+
slash: "slash",
|
|
68
|
+
arrow: "arrow"
|
|
69
|
+
};
|
|
70
|
+
const homepageModeValues = {
|
|
71
|
+
text: "text",
|
|
72
|
+
icon: "icon"
|
|
73
|
+
};
|
|
74
|
+
const defaultStateValues = {
|
|
75
|
+
fullTrail: "fullTrail",
|
|
76
|
+
hideHomepage: "hideHomepage",
|
|
77
|
+
hideCurrentPage: "hideCurrentPage"
|
|
78
|
+
};
|
|
84
79
|
export {
|
|
85
|
-
ARIA_LABELS as A,
|
|
86
80
|
DesignStates as D,
|
|
87
81
|
DisplayNames as a,
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
82
|
+
separatorValues as b,
|
|
83
|
+
componentMetadata as c,
|
|
84
|
+
defaultStateValues as d,
|
|
85
|
+
homepageModeValues as h,
|
|
86
|
+
semanticClassNames as s
|
|
91
87
|
};
|
|
@@ -1,72 +1,91 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
defaultState: "Choose the default state"
|
|
18
|
-
},
|
|
19
|
-
defaultStateOptions: {
|
|
20
|
-
allClosed: "All items closed",
|
|
21
|
-
firstOpened: "First item opened",
|
|
22
|
-
allOpened: "All items opened"
|
|
23
|
-
},
|
|
24
|
-
displayGroups: {
|
|
25
|
-
accordionItems: "Accordion Items"
|
|
26
|
-
},
|
|
27
|
-
layout: {
|
|
28
|
-
itemsGap: "Space between items"
|
|
29
|
-
}
|
|
1
|
+
const selectors = {
|
|
2
|
+
root: "audioPlayer",
|
|
3
|
+
controls: "controls",
|
|
4
|
+
playButton: "playButton",
|
|
5
|
+
playIcon: "playIcon",
|
|
6
|
+
progressBar: "progressBar",
|
|
7
|
+
progressTrack: "progressTrack",
|
|
8
|
+
volumeControls: "volumeControls",
|
|
9
|
+
muteButton: "muteButton",
|
|
10
|
+
volumeSlider: "volumeSlider",
|
|
11
|
+
volumeTrack: "volumeTrack",
|
|
12
|
+
timeDisplay: "timeDisplay",
|
|
13
|
+
audioTitle: "audioTitle",
|
|
14
|
+
title: "title",
|
|
15
|
+
artistName: "artistName",
|
|
16
|
+
coverMedia: "coverMedia"
|
|
30
17
|
};
|
|
31
|
-
const
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
allowMultipleOpen: false,
|
|
35
|
-
titleHtmlTag: "h3"
|
|
18
|
+
const dataDefaults = {
|
|
19
|
+
loop: false,
|
|
20
|
+
volume: 100
|
|
36
21
|
};
|
|
37
|
-
const
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
22
|
+
const borderDefaultValue = "0px none rgba(0, 0, 0, 1)";
|
|
23
|
+
const ARIA_LABELS = {
|
|
24
|
+
playButton: "Play",
|
|
25
|
+
pauseButton: "Pause",
|
|
26
|
+
muteButton: "Mute",
|
|
27
|
+
unmuteButton: "Unmute",
|
|
28
|
+
progressBar: "Seek",
|
|
29
|
+
volumeSlider: "Volume",
|
|
30
|
+
volumeControls: "Volume controls"
|
|
42
31
|
};
|
|
43
|
-
const CONTAINER_INITIAL_HEIGHT = 240;
|
|
44
32
|
const DesignStates = {
|
|
45
|
-
|
|
33
|
+
controls: {
|
|
46
34
|
hover: {
|
|
47
35
|
displayName: "Hover",
|
|
48
|
-
className: "
|
|
36
|
+
className: "audio-player__controls--hover"
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
const DisplayNames = {
|
|
41
|
+
root: {
|
|
42
|
+
displayName: "Audio Player",
|
|
43
|
+
cssProperties: {
|
|
44
|
+
color: "Background color"
|
|
49
45
|
},
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
46
|
+
cssCustomProperties: {
|
|
47
|
+
"content-horizontal-alignment": "Alignment",
|
|
48
|
+
"vertical-spacing": "Vertical spacing",
|
|
49
|
+
"audio-title-gap": "Space between track details"
|
|
53
50
|
}
|
|
54
51
|
},
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
52
|
+
controls: {
|
|
53
|
+
displayName: "Playback controls",
|
|
54
|
+
cssCustomProperties: {
|
|
55
|
+
"progress-fill-color": "Progress bar color",
|
|
56
|
+
"volume-control-color": "Volume control color",
|
|
57
|
+
"time-display-color": "Time display",
|
|
58
|
+
"play-icon-color": "Play icon color",
|
|
59
|
+
"play-icon-size": "Play icon size"
|
|
59
60
|
},
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
61
|
+
displayGroups: {
|
|
62
|
+
fillColors: "Fill colors",
|
|
63
|
+
icon: "Icon"
|
|
63
64
|
}
|
|
65
|
+
},
|
|
66
|
+
elements: {
|
|
67
|
+
coverMedia: "Cover art",
|
|
68
|
+
audioTitle: "Audio title",
|
|
69
|
+
artistName: "Artist name",
|
|
70
|
+
progressBar: "Progress bar",
|
|
71
|
+
timeDisplay: "Time display",
|
|
72
|
+
volumeControls: "Volume control"
|
|
73
|
+
},
|
|
74
|
+
data: {
|
|
75
|
+
coverImage: "Image",
|
|
76
|
+
displayMode: "Display mode",
|
|
77
|
+
loop: "Plays in a loop",
|
|
78
|
+
volume: "Volume"
|
|
79
|
+
},
|
|
80
|
+
displayGroups: {
|
|
81
|
+
playbackOptions: "Playback"
|
|
64
82
|
}
|
|
65
83
|
};
|
|
66
84
|
export {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
85
|
+
ARIA_LABELS as A,
|
|
86
|
+
DesignStates as D,
|
|
87
|
+
DisplayNames as a,
|
|
88
|
+
borderDefaultValue as b,
|
|
89
|
+
dataDefaults as d,
|
|
90
|
+
selectors as s
|
|
72
91
|
};
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
const DISPLAY_NAMES = {
|
|
2
|
+
component: "Accordion",
|
|
3
|
+
elements: {
|
|
4
|
+
accordionItems: "Accordion items",
|
|
5
|
+
itemContent: "Item content",
|
|
6
|
+
itemTitles: "Item titles"
|
|
7
|
+
},
|
|
8
|
+
actions: {
|
|
9
|
+
manageAccordion: "Manage Accordion",
|
|
10
|
+
animatedIcon: "Customize Icon"
|
|
11
|
+
},
|
|
12
|
+
data: {
|
|
13
|
+
items: "Item",
|
|
14
|
+
title: "Title",
|
|
15
|
+
activeItem: "Active Item",
|
|
16
|
+
allowMultipleOpen: "Allow multiple open items",
|
|
17
|
+
defaultState: "Choose the default state"
|
|
18
|
+
},
|
|
19
|
+
defaultStateOptions: {
|
|
20
|
+
allClosed: "All items closed",
|
|
21
|
+
firstOpened: "First item opened",
|
|
22
|
+
allOpened: "All items opened"
|
|
23
|
+
},
|
|
24
|
+
displayGroups: {
|
|
25
|
+
accordionItems: "Accordion Items"
|
|
26
|
+
},
|
|
27
|
+
layout: {
|
|
28
|
+
itemsGap: "Space between items"
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
const DEFAULT_PROPS = {
|
|
32
|
+
items: [],
|
|
33
|
+
defaultOpen: "none",
|
|
34
|
+
allowMultipleOpen: false,
|
|
35
|
+
titleHtmlTag: "h3"
|
|
36
|
+
};
|
|
37
|
+
const accordionManifestDefaults = {
|
|
38
|
+
data: { ...DEFAULT_PROPS },
|
|
39
|
+
style: {
|
|
40
|
+
itemsGap: "0px"
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
const CONTAINER_INITIAL_HEIGHT = 240;
|
|
44
|
+
const DesignStates = {
|
|
45
|
+
accordionItem: {
|
|
46
|
+
hover: {
|
|
47
|
+
displayName: "Hover",
|
|
48
|
+
className: "accordion-component__accordion-item--hover"
|
|
49
|
+
},
|
|
50
|
+
selected: {
|
|
51
|
+
displayName: "Selected",
|
|
52
|
+
className: "accordion-component__accordion-item--selected"
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
itemTitle: {
|
|
56
|
+
hover: {
|
|
57
|
+
displayName: "Hover",
|
|
58
|
+
className: "accordion-component__item-title--hover"
|
|
59
|
+
},
|
|
60
|
+
selected: {
|
|
61
|
+
displayName: "Selected",
|
|
62
|
+
className: "accordion-component__item-title--selected"
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
};
|
|
66
|
+
export {
|
|
67
|
+
CONTAINER_INITIAL_HEIGHT as C,
|
|
68
|
+
DEFAULT_PROPS as D,
|
|
69
|
+
DesignStates as a,
|
|
70
|
+
DISPLAY_NAMES as b,
|
|
71
|
+
accordionManifestDefaults as c
|
|
72
|
+
};
|
|
@@ -30430,8 +30430,10 @@ export {
|
|
|
30430
30430
|
Combobox as C,
|
|
30431
30431
|
Field as F,
|
|
30432
30432
|
Input_Input_Input as I,
|
|
30433
|
+
RadioGroup_RadioGroup_RadioGroup as R,
|
|
30433
30434
|
Tooltip as T,
|
|
30434
30435
|
Fieldset as a,
|
|
30435
|
-
|
|
30436
|
-
|
|
30436
|
+
Radio as b,
|
|
30437
|
+
CheckboxGroup_CheckboxGroup_CheckboxGroup as c,
|
|
30438
|
+
Checkbox as d
|
|
30437
30439
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { N as NO_PROGRESS, F as FULL_PROGRESS } from "./
|
|
1
|
+
import { N as NO_PROGRESS, F as FULL_PROGRESS } from "./constants25.js";
|
|
2
2
|
function getProgressValue(value = NO_PROGRESS, targetValue = FULL_PROGRESS) {
|
|
3
3
|
if (targetValue === 0) {
|
|
4
4
|
return NO_PROGRESS;
|