@mgdis/mg-components 5.9.1 → 5.10.1
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/loader.cjs.js +1 -1
- package/dist/cjs/mg-action-more_31.cjs.entry.js +345 -648
- package/dist/cjs/mg-components.cjs.js +1 -1
- package/dist/cjs/mg-item-more.cjs.entry.js +19 -43
- package/dist/cjs/{mg-menu.conf-9afe6571.js → mg-menu.conf-196151fe.js} +16 -21
- package/dist/collection/components/atoms/mg-badge/mg-badge.js +9 -12
- package/dist/collection/components/atoms/mg-button/mg-button.js +18 -27
- package/dist/collection/components/atoms/mg-card/mg-card.js +22 -15
- package/dist/collection/components/atoms/mg-character-left/mg-character-left.js +1 -4
- package/dist/collection/components/atoms/mg-divider/mg-divider.js +1 -2
- package/dist/collection/components/atoms/mg-icon/mg-icon.js +26 -23
- package/dist/collection/components/atoms/mg-input-title/mg-input-title.js +1 -4
- package/dist/collection/components/atoms/mg-tag/mg-tag.js +11 -16
- package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.js +12 -34
- package/dist/collection/components/molecules/inputs/MgInput.conf.js +4 -1
- package/dist/collection/components/molecules/inputs/MgInput.js +26 -24
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js +10 -20
- package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js +7 -17
- package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js +14 -34
- package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js +6 -13
- package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js +10 -27
- package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js +21 -45
- package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.js +17 -43
- package/dist/collection/components/molecules/inputs/mg-input-textarea/mg-input-textarea.js +14 -22
- package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.js +17 -28
- package/dist/collection/components/molecules/menu/mg-menu/mg-menu.js +11 -29
- package/dist/collection/components/molecules/menu/mg-menu-item/mg-menu-item.js +20 -47
- package/dist/collection/components/molecules/mg-action-more/mg-action-more.js +11 -23
- package/dist/collection/components/molecules/mg-details/mg-details.js +1 -6
- package/dist/collection/components/molecules/mg-form/mg-form.js +8 -27
- package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js +1 -4
- package/dist/collection/components/molecules/mg-item-more/mg-item-more.js +4 -12
- package/dist/collection/components/molecules/mg-message/mg-message.js +12 -20
- package/dist/collection/components/molecules/mg-modal/mg-modal.js +8 -17
- package/dist/collection/components/molecules/mg-pagination/mg-pagination.js +11 -19
- package/dist/collection/components/molecules/mg-panel/mg-panel.js +11 -30
- package/dist/collection/components/molecules/mg-popover/mg-popover.js +8 -21
- package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.js +3 -8
- package/dist/collection/components/molecules/mg-tabs/mg-tabs.js +20 -36
- package/dist/collection/locales/index.js +2 -3
- package/dist/collection/utils/behaviors.utils.js +16 -32
- package/dist/collection/utils/components.utils.js +22 -33
- package/dist/collection/utils/locale.utils.js +14 -18
- package/dist/collection/utils/unit.test.utils.js +7 -15
- package/dist/components/MgInput.js +30 -24
- package/dist/components/components.utils.js +22 -33
- package/dist/components/index2.js +16 -21
- package/dist/components/mg-action-more.js +9 -21
- package/dist/components/mg-badge2.js +9 -12
- package/dist/components/mg-button2.js +18 -27
- package/dist/components/mg-card2.js +20 -13
- package/dist/components/mg-character-left2.js +1 -4
- package/dist/components/mg-details.js +1 -6
- package/dist/components/mg-divider.js +1 -2
- package/dist/components/mg-form.js +7 -23
- package/dist/components/mg-icon2.js +26 -23
- package/dist/components/mg-illustrated-message.js +1 -4
- package/dist/components/mg-input-checkbox.js +9 -16
- package/dist/components/mg-input-date.js +6 -13
- package/dist/components/mg-input-numeric.js +13 -30
- package/dist/components/mg-input-password.js +5 -9
- package/dist/components/mg-input-radio.js +9 -23
- package/dist/components/mg-input-select2.js +20 -41
- package/dist/components/mg-input-text2.js +15 -35
- package/dist/components/mg-input-textarea.js +13 -18
- package/dist/components/mg-input-title2.js +1 -4
- package/dist/components/mg-input-toggle.js +16 -24
- package/dist/components/mg-item-more.js +18 -42
- package/dist/components/mg-menu-item2.js +17 -44
- package/dist/components/mg-menu2.js +9 -27
- package/dist/components/mg-message.js +12 -20
- package/dist/components/mg-modal.js +8 -17
- package/dist/components/mg-pagination.js +11 -19
- package/dist/components/mg-panel.js +11 -30
- package/dist/components/mg-popover2.js +8 -21
- package/dist/components/mg-skip-links.js +3 -8
- package/dist/components/mg-tabs.js +20 -36
- package/dist/components/mg-tag.js +11 -16
- package/dist/components/mg-tooltip2.js +12 -34
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mg-action-more_31.entry.js +345 -648
- package/dist/esm/mg-components.js +1 -1
- package/dist/esm/mg-item-more.entry.js +19 -43
- package/dist/esm/{mg-menu.conf-881fbd82.js → mg-menu.conf-9ca023ee.js} +16 -21
- package/dist/mg-components/mg-components.esm.js +1 -1
- package/dist/mg-components/{p-67ce7cb8.entry.js → p-97aaca3e.entry.js} +1 -1
- package/dist/mg-components/p-d891e707.entry.js +1 -0
- package/dist/types/components/atoms/mg-badge/mg-badge.d.ts +2 -5
- package/dist/types/components/atoms/mg-button/mg-button.d.ts +5 -14
- package/dist/types/components/atoms/mg-card/mg-card.d.ts +11 -8
- package/dist/types/components/atoms/mg-character-left/mg-character-left.d.ts +1 -4
- package/dist/types/components/atoms/mg-divider/mg-divider.d.ts +1 -2
- package/dist/types/components/atoms/mg-icon/mg-icon.d.ts +8 -7
- package/dist/types/components/atoms/mg-input-title/mg-input-title.d.ts +1 -4
- package/dist/types/components/atoms/mg-tag/mg-tag.d.ts +3 -8
- package/dist/types/components/atoms/mg-tooltip/mg-tooltip.d.ts +11 -33
- package/dist/types/components/molecules/inputs/MgInput.conf.d.ts +2 -1
- package/dist/types/components/molecules/inputs/MgInput.d.ts +5 -6
- package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.d.ts +5 -11
- package/dist/types/components/molecules/inputs/mg-input-date/mg-input-date.d.ts +4 -11
- package/dist/types/components/molecules/inputs/mg-input-numeric/mg-input-numeric.d.ts +7 -26
- package/dist/types/components/molecules/inputs/mg-input-password/mg-input-password.d.ts +3 -7
- package/dist/types/components/molecules/inputs/mg-input-radio/mg-input-radio.d.ts +5 -18
- package/dist/types/components/molecules/inputs/mg-input-select/mg-input-select.conf.d.ts +2 -2
- package/dist/types/components/molecules/inputs/mg-input-select/mg-input-select.d.ts +9 -22
- package/dist/types/components/molecules/inputs/mg-input-text/mg-input-text.d.ts +3 -23
- package/dist/types/components/molecules/inputs/mg-input-textarea/mg-input-textarea.d.ts +4 -9
- package/dist/types/components/molecules/inputs/mg-input-toggle/mg-input-toggle.d.ts +2 -11
- package/dist/types/components/molecules/menu/mg-menu/mg-menu.d.ts +10 -29
- package/dist/types/components/molecules/menu/mg-menu-item/mg-menu-item.d.ts +21 -49
- package/dist/types/components/molecules/mg-action-more/mg-action-more.d.ts +3 -15
- package/dist/types/components/molecules/mg-details/mg-details.d.ts +1 -6
- package/dist/types/components/molecules/mg-form/mg-form.d.ts +3 -19
- package/dist/types/components/molecules/mg-illustrated-message/mg-illustrated-message.d.ts +1 -4
- package/dist/types/components/molecules/mg-item-more/mg-item-more.d.ts +2 -12
- package/dist/types/components/molecules/mg-message/mg-message.d.ts +4 -12
- package/dist/types/components/molecules/mg-modal/mg-modal.d.ts +3 -12
- package/dist/types/components/molecules/mg-pagination/mg-pagination.d.ts +5 -14
- package/dist/types/components/molecules/mg-panel/mg-panel.d.ts +4 -23
- package/dist/types/components/molecules/mg-popover/mg-popover.d.ts +3 -16
- package/dist/types/components/molecules/mg-skip-links/mg-skip-links.d.ts +2 -7
- package/dist/types/components/molecules/mg-tabs/mg-tabs.d.ts +15 -30
- package/dist/types/components.d.ts +22 -34
- package/dist/types/locales/index.d.ts +2 -3
- package/dist/types/utils/behaviors.utils.d.ts +14 -29
- package/dist/types/utils/components.utils.d.ts +19 -29
- package/dist/types/utils/locale.utils.d.ts +14 -18
- package/dist/types/utils/unit.test.utils.d.ts +11 -24
- package/package.json +11 -12
- package/dist/mg-components/p-9a93b7af.entry.js +0 -1
- /package/dist/mg-components/{p-367f92d2.js → p-0d3146d9.js} +0 -0
|
@@ -19,14 +19,11 @@ export declare class MgIllustratedMessage {
|
|
|
19
19
|
*************/
|
|
20
20
|
/**
|
|
21
21
|
* Check if component props are well configured on init
|
|
22
|
-
*
|
|
23
|
-
* @returns {void}
|
|
24
22
|
*/
|
|
25
23
|
componentDidLoad(): void;
|
|
26
24
|
/**
|
|
27
25
|
* Render
|
|
28
|
-
*
|
|
29
|
-
* @returns {HTMLElement} HTML Element
|
|
26
|
+
* @returns HTML Element
|
|
30
27
|
*/
|
|
31
28
|
render(): HTMLElement;
|
|
32
29
|
}
|
|
@@ -16,13 +16,11 @@ export declare class MgItemMore {
|
|
|
16
16
|
element: HTMLMgItemMoreElement;
|
|
17
17
|
/**
|
|
18
18
|
* Define icon
|
|
19
|
-
* Default: {icon: 'ellipsis-vertical'}
|
|
20
19
|
*/
|
|
21
20
|
icon: IconType;
|
|
22
21
|
validateIcon(newValue: MgItemMore['icon']): void;
|
|
23
22
|
/**
|
|
24
23
|
* Define slot label element
|
|
25
|
-
* Default: {display: false}
|
|
26
24
|
*/
|
|
27
25
|
slotlabel: SlotLabelType;
|
|
28
26
|
validateSlotLabel(newValue: MgItemMore['slotlabel']): void;
|
|
@@ -40,8 +38,7 @@ export declare class MgItemMore {
|
|
|
40
38
|
***********/
|
|
41
39
|
/**
|
|
42
40
|
* render mg-item-more overflow element
|
|
43
|
-
*
|
|
44
|
-
* @returns {HTMLMgItemMoreElement} mg-item-more element
|
|
41
|
+
* @returns mg-item-more element
|
|
45
42
|
*/
|
|
46
43
|
private renderMgMenuItemOverflowElement;
|
|
47
44
|
/*************
|
|
@@ -49,26 +46,19 @@ export declare class MgItemMore {
|
|
|
49
46
|
*************/
|
|
50
47
|
/**
|
|
51
48
|
* Disconnect overflow ResizeObserver
|
|
52
|
-
*
|
|
53
|
-
* @returns {void} run overflow resize obeserver disconnexion
|
|
54
49
|
*/
|
|
55
50
|
disconnectedCallback(): void;
|
|
56
51
|
/**
|
|
57
52
|
* Set variables and validate props
|
|
58
|
-
*
|
|
59
|
-
* @returns {void}
|
|
60
53
|
*/
|
|
61
54
|
componentWillLoad(): void;
|
|
62
55
|
/**
|
|
63
56
|
* Add overflow behavior
|
|
64
|
-
*
|
|
65
|
-
* @returns {void}
|
|
66
57
|
*/
|
|
67
58
|
componentDidLoad(): void;
|
|
68
59
|
/**
|
|
69
60
|
* Render
|
|
70
|
-
*
|
|
71
|
-
* @returns {HTMLElement} HTML Element
|
|
61
|
+
* @returns HTML Element
|
|
72
62
|
*/
|
|
73
63
|
render(): HTMLElement;
|
|
74
64
|
}
|
|
@@ -48,7 +48,7 @@ export declare class MgMessage {
|
|
|
48
48
|
/**
|
|
49
49
|
* Component classes
|
|
50
50
|
*/
|
|
51
|
-
|
|
51
|
+
classCollection: ClassList;
|
|
52
52
|
/**
|
|
53
53
|
* Define if component is using actions slot
|
|
54
54
|
*/
|
|
@@ -63,21 +63,15 @@ export declare class MgMessage {
|
|
|
63
63
|
componentHide: EventEmitter<string>;
|
|
64
64
|
/**
|
|
65
65
|
* Set timer
|
|
66
|
-
*
|
|
67
|
-
* @returns {void}
|
|
68
66
|
*/
|
|
69
67
|
private setTimer;
|
|
70
68
|
/**
|
|
71
69
|
* Clear timer
|
|
72
|
-
*
|
|
73
|
-
* @returns {void}
|
|
74
70
|
*/
|
|
75
71
|
private clearTimer;
|
|
76
72
|
/**
|
|
77
73
|
* Event to add on element
|
|
78
|
-
*
|
|
79
|
-
* @param {MouseEvent | FocusEvent} event event
|
|
80
|
-
* @returns {void}
|
|
74
|
+
* @param event - event
|
|
81
75
|
*/
|
|
82
76
|
private timerEvents;
|
|
83
77
|
/**
|
|
@@ -86,8 +80,7 @@ export declare class MgMessage {
|
|
|
86
80
|
private handleClose;
|
|
87
81
|
/**
|
|
88
82
|
* Get icon corresponding to variant
|
|
89
|
-
*
|
|
90
|
-
* @returns {string} icon
|
|
83
|
+
* @returns icon
|
|
91
84
|
*/
|
|
92
85
|
private getIcon;
|
|
93
86
|
/*************
|
|
@@ -99,8 +92,7 @@ export declare class MgMessage {
|
|
|
99
92
|
componentWillLoad(): void;
|
|
100
93
|
/**
|
|
101
94
|
* Render
|
|
102
|
-
*
|
|
103
|
-
* @returns {HTMLElement} HTML Element
|
|
95
|
+
* @returns HTML Element
|
|
104
96
|
*/
|
|
105
97
|
render(): HTMLElement;
|
|
106
98
|
}
|
|
@@ -48,7 +48,7 @@ export declare class MgModal {
|
|
|
48
48
|
/**
|
|
49
49
|
* Component classes
|
|
50
50
|
*/
|
|
51
|
-
|
|
51
|
+
classCollection: ClassList;
|
|
52
52
|
/**
|
|
53
53
|
* Emmited event when modal is diplayed
|
|
54
54
|
*/
|
|
@@ -59,9 +59,7 @@ export declare class MgModal {
|
|
|
59
59
|
componentHide: EventEmitter<string>;
|
|
60
60
|
/**
|
|
61
61
|
* Handle 'escape' key down
|
|
62
|
-
*
|
|
63
|
-
* @param {KeyboardEvent} event keydown event
|
|
64
|
-
* @returns {void}
|
|
62
|
+
* @param event - keydown event
|
|
65
63
|
*/
|
|
66
64
|
handleKeyDown(event: KeyboardEvent): void;
|
|
67
65
|
private setFocus;
|
|
@@ -70,8 +68,6 @@ export declare class MgModal {
|
|
|
70
68
|
*************/
|
|
71
69
|
/**
|
|
72
70
|
* Handle close button
|
|
73
|
-
*
|
|
74
|
-
* @returns {void}
|
|
75
71
|
*/
|
|
76
72
|
private handleClose;
|
|
77
73
|
/*************
|
|
@@ -79,20 +75,15 @@ export declare class MgModal {
|
|
|
79
75
|
*************/
|
|
80
76
|
/**
|
|
81
77
|
* Check if component props are well configured on init
|
|
82
|
-
*
|
|
83
|
-
* @returns {void}
|
|
84
78
|
*/
|
|
85
79
|
componentWillLoad(): void;
|
|
86
80
|
/**
|
|
87
81
|
* Add observer on component to set focus when displayed
|
|
88
|
-
*
|
|
89
|
-
* @returns {void}
|
|
90
82
|
*/
|
|
91
83
|
componentDidLoad(): void;
|
|
92
84
|
/**
|
|
93
85
|
* Render
|
|
94
|
-
*
|
|
95
|
-
* @returns {HTMLElement} HTML Element
|
|
86
|
+
* @returns HTML Element
|
|
96
87
|
*/
|
|
97
88
|
render(): HTMLElement;
|
|
98
89
|
}
|
|
@@ -41,9 +41,7 @@ export declare class MgPagination {
|
|
|
41
41
|
currentPageChange: EventEmitter<number>;
|
|
42
42
|
/**
|
|
43
43
|
* Change current page from target
|
|
44
|
-
*
|
|
45
|
-
* @param {number} target target page
|
|
46
|
-
* @returns {void}
|
|
44
|
+
* @param target - target page
|
|
47
45
|
*/
|
|
48
46
|
private goToPage;
|
|
49
47
|
/************
|
|
@@ -51,17 +49,13 @@ export declare class MgPagination {
|
|
|
51
49
|
************/
|
|
52
50
|
/**
|
|
53
51
|
* select handler
|
|
54
|
-
*
|
|
55
|
-
* @param {InputEvent} event value change event
|
|
56
|
-
* @returns {void}
|
|
52
|
+
* @param event - value change event
|
|
57
53
|
*/
|
|
58
54
|
private handleSelect;
|
|
59
55
|
/**
|
|
60
56
|
* Go to 'previous/next' page button handler
|
|
61
|
-
*
|
|
62
|
-
* @param
|
|
63
|
-
* @param {boolean} disabled button disable state
|
|
64
|
-
* @returns {void}
|
|
57
|
+
* @param action - navigation action
|
|
58
|
+
* @param disabled - button disable state
|
|
65
59
|
*/
|
|
66
60
|
private handleGoToPage;
|
|
67
61
|
/*************
|
|
@@ -69,14 +63,11 @@ export declare class MgPagination {
|
|
|
69
63
|
*************/
|
|
70
64
|
/**
|
|
71
65
|
* Check if props are well configured on init
|
|
72
|
-
*
|
|
73
|
-
* @returns {void}
|
|
74
66
|
*/
|
|
75
67
|
componentWillLoad(): void;
|
|
76
68
|
/**
|
|
77
69
|
* Render
|
|
78
|
-
*
|
|
79
|
-
* @returns {HTMLElement} HTML Element
|
|
70
|
+
* @returns HTML Element
|
|
80
71
|
*/
|
|
81
72
|
render(): HTMLElement;
|
|
82
73
|
}
|
|
@@ -48,7 +48,7 @@ export declare class MgPanel {
|
|
|
48
48
|
/**
|
|
49
49
|
* Component classes
|
|
50
50
|
*/
|
|
51
|
-
|
|
51
|
+
classCollection: ClassList;
|
|
52
52
|
/**
|
|
53
53
|
* Title is in edition mode
|
|
54
54
|
*/
|
|
@@ -70,8 +70,6 @@ export declare class MgPanel {
|
|
|
70
70
|
************/
|
|
71
71
|
/**
|
|
72
72
|
* Toggle is editing state
|
|
73
|
-
*
|
|
74
|
-
* @returns {void}
|
|
75
73
|
*/
|
|
76
74
|
private toggleIsEditing;
|
|
77
75
|
/************
|
|
@@ -79,33 +77,23 @@ export declare class MgPanel {
|
|
|
79
77
|
************/
|
|
80
78
|
/**
|
|
81
79
|
* Collapse button click handler
|
|
82
|
-
*
|
|
83
|
-
* @returns {void}
|
|
84
80
|
*/
|
|
85
81
|
private handleCollapseButton;
|
|
86
82
|
/**
|
|
87
83
|
* Edit button click handler
|
|
88
|
-
*
|
|
89
|
-
* @returns {void}
|
|
90
84
|
*/
|
|
91
85
|
private handleEditButton;
|
|
92
86
|
/**
|
|
93
87
|
* Update title handler
|
|
94
|
-
*
|
|
95
|
-
* @param {CustomEvent<string>} event input value change event
|
|
96
|
-
* @returns {void}
|
|
88
|
+
* @param event - input value change event
|
|
97
89
|
*/
|
|
98
90
|
private handleUpdateTitle;
|
|
99
91
|
/**
|
|
100
92
|
* Cancel edition button handler
|
|
101
|
-
*
|
|
102
|
-
* @returns {void}
|
|
103
93
|
*/
|
|
104
94
|
private handleCancelEditButton;
|
|
105
95
|
/**
|
|
106
96
|
* Validate edition button handler
|
|
107
|
-
*
|
|
108
|
-
* @returns {void}
|
|
109
97
|
*/
|
|
110
98
|
private handleValidateEditButton;
|
|
111
99
|
/*************
|
|
@@ -113,27 +101,20 @@ export declare class MgPanel {
|
|
|
113
101
|
*************/
|
|
114
102
|
/**
|
|
115
103
|
* Check if props are well configured on init
|
|
116
|
-
*
|
|
117
|
-
* @returns {void}
|
|
118
104
|
*/
|
|
119
105
|
componentWillLoad(): void;
|
|
120
106
|
/**
|
|
121
107
|
* Header left conditional render
|
|
122
|
-
*
|
|
123
|
-
* @typedef {HTMLElement} HTMLMgButtonElement
|
|
124
|
-
* @returns {HTMLMgButtonElement | HTMLElement | HTMLElement[]} header left element
|
|
108
|
+
* @returns header left element
|
|
125
109
|
*/
|
|
126
110
|
private headerLeft;
|
|
127
111
|
/**
|
|
128
112
|
* Edit DOM after render
|
|
129
|
-
*
|
|
130
|
-
* @returns {void}
|
|
131
113
|
*/
|
|
132
114
|
componentDidRender(): void;
|
|
133
115
|
/**
|
|
134
116
|
* Render component
|
|
135
|
-
*
|
|
136
|
-
* @returns {HTMLElement} html element
|
|
117
|
+
* @returns html element
|
|
137
118
|
*/
|
|
138
119
|
render(): HTMLElement;
|
|
139
120
|
}
|
|
@@ -49,34 +49,26 @@ export declare class MgPopover {
|
|
|
49
49
|
/**
|
|
50
50
|
* Component classes
|
|
51
51
|
*/
|
|
52
|
-
|
|
52
|
+
classCollection: ClassList;
|
|
53
53
|
/**
|
|
54
54
|
* Emited event when display value change
|
|
55
55
|
*/
|
|
56
56
|
displayChange: EventEmitter<boolean>;
|
|
57
57
|
/**
|
|
58
58
|
* Check if clicked outside of component
|
|
59
|
-
*
|
|
60
|
-
* @param {MouseEvent} event mouse event
|
|
61
|
-
* @returns {void}
|
|
59
|
+
* @param event - mouse event
|
|
62
60
|
*/
|
|
63
61
|
private clickOutside;
|
|
64
62
|
/**
|
|
65
63
|
* Show popover
|
|
66
|
-
*
|
|
67
|
-
* @returns {void}
|
|
68
64
|
*/
|
|
69
65
|
private show;
|
|
70
66
|
/**
|
|
71
67
|
* Hide popover
|
|
72
|
-
*
|
|
73
|
-
* @returns {void}
|
|
74
68
|
*/
|
|
75
69
|
private hide;
|
|
76
70
|
/**
|
|
77
71
|
* Handle action for close button
|
|
78
|
-
*
|
|
79
|
-
* @returns {void}
|
|
80
72
|
*/
|
|
81
73
|
private handleCloseButton;
|
|
82
74
|
/*************
|
|
@@ -84,20 +76,15 @@ export declare class MgPopover {
|
|
|
84
76
|
*************/
|
|
85
77
|
/**
|
|
86
78
|
* Check if component props are well configured on init
|
|
87
|
-
*
|
|
88
|
-
* @returns {void} timeout
|
|
89
79
|
*/
|
|
90
80
|
componentWillLoad(): void;
|
|
91
81
|
/**
|
|
92
82
|
* Check if component props are well configured on init
|
|
93
|
-
*
|
|
94
|
-
* @returns {void}
|
|
95
83
|
*/
|
|
96
84
|
componentDidLoad(): void;
|
|
97
85
|
/**
|
|
98
86
|
* Render
|
|
99
|
-
*
|
|
100
|
-
* @returns {HTMLElement} HTML Element
|
|
87
|
+
* @returns HTML Element
|
|
101
88
|
*/
|
|
102
89
|
render(): HTMLElement;
|
|
103
90
|
}
|
|
@@ -26,9 +26,7 @@ export declare class MgSkipLinks {
|
|
|
26
26
|
**********/
|
|
27
27
|
/**
|
|
28
28
|
* Handle link click and emit go-to-anchor event
|
|
29
|
-
*
|
|
30
|
-
* @param {MouseEvent} event mouse event
|
|
31
|
-
* @returns {void}
|
|
29
|
+
* @param event - mouse event
|
|
32
30
|
*/
|
|
33
31
|
private handleLinkCLick;
|
|
34
32
|
/*************
|
|
@@ -36,14 +34,11 @@ export declare class MgSkipLinks {
|
|
|
36
34
|
*************/
|
|
37
35
|
/**
|
|
38
36
|
* Check if props are well configured on init
|
|
39
|
-
*
|
|
40
|
-
* @returns {void}
|
|
41
37
|
*/
|
|
42
38
|
componentWillLoad(): void;
|
|
43
39
|
/**
|
|
44
40
|
* Render
|
|
45
|
-
*
|
|
46
|
-
* @returns {HTMLElement} HTML Element
|
|
41
|
+
* @returns HTML Element
|
|
47
42
|
*/
|
|
48
43
|
render(): HTMLElement;
|
|
49
44
|
}
|
|
@@ -50,64 +50,54 @@ export declare class MgTabs {
|
|
|
50
50
|
/**
|
|
51
51
|
* Component classes
|
|
52
52
|
*/
|
|
53
|
-
|
|
53
|
+
classCollection: ClassList;
|
|
54
54
|
/**
|
|
55
55
|
* Emited event when active tab change
|
|
56
56
|
*/
|
|
57
57
|
activeTabChange: EventEmitter<number>;
|
|
58
58
|
/**
|
|
59
59
|
* Method to know if given tab has the given status
|
|
60
|
-
*
|
|
61
|
-
* @param
|
|
62
|
-
* @
|
|
63
|
-
* @returns {boolean} status comparaison
|
|
60
|
+
* @param tab - item tab key to set to ACTIVE status
|
|
61
|
+
* @param status - status to valide
|
|
62
|
+
* @returns status comparaison
|
|
64
63
|
*/
|
|
65
64
|
private tabHasStatus;
|
|
66
65
|
/**
|
|
67
66
|
* Method to get element id from index
|
|
68
|
-
*
|
|
69
|
-
* @param
|
|
70
|
-
* @
|
|
71
|
-
* @returns {string} generated element id
|
|
67
|
+
* @param element - to get id
|
|
68
|
+
* @param index - to generate id
|
|
69
|
+
* @returns generated element id
|
|
72
70
|
*/
|
|
73
71
|
private getElementId;
|
|
74
72
|
/**
|
|
75
73
|
* Method to get tab item index
|
|
76
|
-
*
|
|
77
|
-
* @
|
|
78
|
-
* @returns {number} index
|
|
74
|
+
* @param index - to get
|
|
75
|
+
* @returns index
|
|
79
76
|
*/
|
|
80
77
|
private getTabItemIndex;
|
|
81
78
|
/**
|
|
82
79
|
* Method to get the active-tab value
|
|
83
|
-
*
|
|
84
|
-
* @returns {number} of the active-tab
|
|
80
|
+
* @returns of the active-tab
|
|
85
81
|
*/
|
|
86
82
|
private getActiveTab;
|
|
87
83
|
/**
|
|
88
84
|
* Handle click events on tabs
|
|
89
|
-
*
|
|
90
|
-
* @param {MouseEvent} event mouse event
|
|
85
|
+
* @param event - mouse event
|
|
91
86
|
*/
|
|
92
87
|
private handleClick;
|
|
93
88
|
/**
|
|
94
89
|
* get navigation button class from given status
|
|
95
|
-
*
|
|
96
|
-
* @
|
|
97
|
-
* @returns {string} button class/selector variant
|
|
90
|
+
* @param status - button tab status
|
|
91
|
+
* @returns button class/selector variant
|
|
98
92
|
*/
|
|
99
93
|
private getNavigationButtonClass;
|
|
100
94
|
/**
|
|
101
95
|
* Handle keyboard event on tabs
|
|
102
|
-
*
|
|
103
|
-
* @param {MouseEvent} event mouse event
|
|
104
|
-
* @returns {void}
|
|
96
|
+
* @param event - mouse event
|
|
105
97
|
*/
|
|
106
98
|
private handleKeydown;
|
|
107
99
|
/**
|
|
108
100
|
* Method to reset focus behavior
|
|
109
|
-
*
|
|
110
|
-
* @returns {void}
|
|
111
101
|
*/
|
|
112
102
|
private resetFocus;
|
|
113
103
|
/**
|
|
@@ -119,20 +109,15 @@ export declare class MgTabs {
|
|
|
119
109
|
*************/
|
|
120
110
|
/**
|
|
121
111
|
* Check if component props are well configured on init
|
|
122
|
-
*
|
|
123
|
-
* @returns {void}
|
|
124
112
|
*/
|
|
125
113
|
componentWillLoad(): void;
|
|
126
114
|
/**
|
|
127
115
|
* add listners
|
|
128
|
-
*
|
|
129
|
-
* @returns {void}
|
|
130
116
|
*/
|
|
131
117
|
componentDidLoad(): void;
|
|
132
118
|
/**
|
|
133
119
|
* Render
|
|
134
|
-
*
|
|
135
|
-
* @returns {HTMLElement} HTML Element
|
|
120
|
+
* @returns HTML Element
|
|
136
121
|
*/
|
|
137
122
|
render(): HTMLElement;
|
|
138
123
|
}
|