@mgdis/mg-components 5.9.1 → 5.10.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/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mg-action-more_31.cjs.entry.js +31 -225
- package/dist/cjs/mg-components.cjs.js +1 -1
- package/dist/cjs/mg-item-more.cjs.entry.js +1 -16
- package/dist/cjs/{mg-menu.conf-9afe6571.js → mg-menu.conf-1942ac70.js} +0 -5
- package/dist/collection/components/atoms/mg-badge/mg-badge.js +1 -3
- package/dist/collection/components/atoms/mg-button/mg-button.js +2 -7
- package/dist/collection/components/atoms/mg-card/mg-card.js +13 -4
- package/dist/collection/components/atoms/mg-character-left/mg-character-left.js +0 -2
- package/dist/collection/components/atoms/mg-divider/mg-divider.js +0 -1
- package/dist/collection/components/atoms/mg-icon/mg-icon.js +10 -5
- package/dist/collection/components/atoms/mg-input-title/mg-input-title.js +0 -2
- package/dist/collection/components/atoms/mg-tag/mg-tag.js +0 -3
- package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.js +1 -13
- package/dist/collection/components/molecules/inputs/MgInput.js +0 -6
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js +0 -6
- package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js +0 -5
- package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js +0 -12
- package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js +0 -3
- package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js +0 -9
- package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js +0 -13
- package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.js +1 -12
- package/dist/collection/components/molecules/inputs/mg-input-textarea/mg-input-textarea.js +1 -5
- package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.js +0 -5
- package/dist/collection/components/molecules/menu/mg-menu/mg-menu.js +0 -11
- package/dist/collection/components/molecules/menu/mg-menu-item/mg-menu-item.js +0 -18
- package/dist/collection/components/molecules/mg-action-more/mg-action-more.js +0 -8
- package/dist/collection/components/molecules/mg-details/mg-details.js +0 -3
- package/dist/collection/components/molecules/mg-form/mg-form.js +0 -8
- package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js +0 -2
- package/dist/collection/components/molecules/mg-item-more/mg-item-more.js +0 -5
- package/dist/collection/components/molecules/mg-message/mg-message.js +2 -7
- package/dist/collection/components/molecules/mg-modal/mg-modal.js +1 -6
- package/dist/collection/components/molecules/mg-pagination/mg-pagination.js +0 -6
- package/dist/collection/components/molecules/mg-panel/mg-panel.js +5 -15
- package/dist/collection/components/molecules/mg-popover/mg-popover.js +1 -8
- package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.js +1 -4
- package/dist/collection/components/molecules/mg-tabs/mg-tabs.js +0 -12
- package/dist/collection/locales/index.js +0 -1
- package/dist/collection/utils/behaviors.utils.js +0 -10
- package/dist/collection/utils/components.utils.js +1 -10
- package/dist/collection/utils/locale.utils.js +0 -4
- package/dist/collection/utils/unit.test.utils.js +0 -5
- package/dist/components/MgInput.js +0 -6
- package/dist/components/components.utils.js +1 -10
- package/dist/components/index2.js +0 -5
- package/dist/components/mg-action-more.js +0 -8
- package/dist/components/mg-badge2.js +1 -3
- package/dist/components/mg-button2.js +2 -7
- package/dist/components/mg-card2.js +13 -4
- package/dist/components/mg-character-left2.js +0 -2
- package/dist/components/mg-details.js +0 -3
- package/dist/components/mg-divider.js +0 -1
- package/dist/components/mg-form.js +0 -8
- package/dist/components/mg-icon2.js +10 -5
- package/dist/components/mg-illustrated-message.js +0 -2
- package/dist/components/mg-input-checkbox.js +0 -6
- package/dist/components/mg-input-date.js +0 -5
- package/dist/components/mg-input-numeric.js +0 -12
- package/dist/components/mg-input-password.js +0 -3
- package/dist/components/mg-input-radio.js +0 -9
- package/dist/components/mg-input-select2.js +0 -13
- package/dist/components/mg-input-text2.js +1 -12
- package/dist/components/mg-input-textarea.js +1 -5
- package/dist/components/mg-input-title2.js +0 -2
- package/dist/components/mg-input-toggle.js +0 -5
- package/dist/components/mg-item-more.js +0 -15
- package/dist/components/mg-menu-item2.js +0 -18
- package/dist/components/mg-menu2.js +0 -11
- package/dist/components/mg-message.js +2 -7
- package/dist/components/mg-modal.js +1 -6
- package/dist/components/mg-pagination.js +0 -6
- package/dist/components/mg-panel.js +5 -15
- package/dist/components/mg-popover2.js +1 -8
- package/dist/components/mg-skip-links.js +1 -4
- package/dist/components/mg-tabs.js +0 -12
- package/dist/components/mg-tag.js +0 -3
- package/dist/components/mg-tooltip2.js +1 -13
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mg-action-more_31.entry.js +31 -225
- package/dist/esm/mg-components.js +1 -1
- package/dist/esm/mg-item-more.entry.js +1 -16
- package/dist/esm/{mg-menu.conf-881fbd82.js → mg-menu.conf-2cc1bb67.js} +0 -5
- package/dist/mg-components/mg-components.esm.js +1 -1
- package/dist/mg-components/{p-67ce7cb8.entry.js → p-a56a3157.entry.js} +1 -1
- package/dist/mg-components/{p-9a93b7af.entry.js → p-eb32bb18.entry.js} +1 -1
- package/dist/types/components/atoms/mg-badge/mg-badge.d.ts +0 -2
- package/dist/types/components/atoms/mg-button/mg-button.d.ts +0 -5
- package/dist/types/components/atoms/mg-card/mg-card.d.ts +10 -3
- package/dist/types/components/atoms/mg-character-left/mg-character-left.d.ts +0 -2
- package/dist/types/components/atoms/mg-divider/mg-divider.d.ts +0 -1
- package/dist/types/components/atoms/mg-icon/mg-icon.d.ts +6 -3
- package/dist/types/components/atoms/mg-input-title/mg-input-title.d.ts +0 -2
- package/dist/types/components/atoms/mg-tag/mg-tag.d.ts +0 -3
- package/dist/types/components/atoms/mg-tooltip/mg-tooltip.d.ts +0 -12
- package/dist/types/components/molecules/inputs/MgInput.d.ts +0 -1
- package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.d.ts +0 -5
- package/dist/types/components/molecules/inputs/mg-input-date/mg-input-date.d.ts +0 -5
- package/dist/types/components/molecules/inputs/mg-input-numeric/mg-input-numeric.d.ts +0 -12
- package/dist/types/components/molecules/inputs/mg-input-password/mg-input-password.d.ts +0 -3
- package/dist/types/components/molecules/inputs/mg-input-radio/mg-input-radio.d.ts +0 -8
- package/dist/types/components/molecules/inputs/mg-input-select/mg-input-select.d.ts +0 -9
- package/dist/types/components/molecules/inputs/mg-input-text/mg-input-text.d.ts +0 -11
- package/dist/types/components/molecules/inputs/mg-input-textarea/mg-input-textarea.d.ts +0 -4
- package/dist/types/components/molecules/inputs/mg-input-toggle/mg-input-toggle.d.ts +0 -5
- package/dist/types/components/molecules/menu/mg-menu/mg-menu.d.ts +0 -11
- package/dist/types/components/molecules/menu/mg-menu-item/mg-menu-item.d.ts +0 -18
- package/dist/types/components/molecules/mg-action-more/mg-action-more.d.ts +0 -5
- package/dist/types/components/molecules/mg-details/mg-details.d.ts +0 -3
- package/dist/types/components/molecules/mg-form/mg-form.d.ts +0 -8
- package/dist/types/components/molecules/mg-illustrated-message/mg-illustrated-message.d.ts +0 -2
- package/dist/types/components/molecules/mg-item-more/mg-item-more.d.ts +0 -5
- package/dist/types/components/molecules/mg-message/mg-message.d.ts +1 -6
- package/dist/types/components/molecules/mg-modal/mg-modal.d.ts +0 -5
- package/dist/types/components/molecules/mg-pagination/mg-pagination.d.ts +0 -5
- package/dist/types/components/molecules/mg-panel/mg-panel.d.ts +0 -10
- package/dist/types/components/molecules/mg-popover/mg-popover.d.ts +0 -7
- package/dist/types/components/molecules/mg-skip-links/mg-skip-links.d.ts +0 -3
- package/dist/types/components/molecules/mg-tabs/mg-tabs.d.ts +0 -11
- package/dist/types/locales/index.d.ts +0 -1
- package/dist/types/utils/behaviors.utils.d.ts +0 -9
- package/dist/types/utils/components.utils.d.ts +1 -9
- package/dist/types/utils/locale.utils.d.ts +0 -4
- package/dist/types/utils/unit.test.utils.d.ts +0 -7
- package/package.json +11 -12
- /package/dist/mg-components/{p-367f92d2.js → p-73156ac9.js} +0 -0
|
@@ -46,7 +46,6 @@ export declare class MgMenu {
|
|
|
46
46
|
*************/
|
|
47
47
|
/**
|
|
48
48
|
* Close matching menu-item
|
|
49
|
-
*
|
|
50
49
|
* @param {HTMLElement} item menu-item to close
|
|
51
50
|
* @param {boolean} condition addionnal condition
|
|
52
51
|
* @returns {void}
|
|
@@ -54,19 +53,16 @@ export declare class MgMenu {
|
|
|
54
53
|
private closeMenuItem;
|
|
55
54
|
/**
|
|
56
55
|
* get mg-item-more element
|
|
57
|
-
*
|
|
58
56
|
* @returns {HTMLMgItemMoreElement} mg-item-more element
|
|
59
57
|
*/
|
|
60
58
|
private getItemMore;
|
|
61
59
|
/**
|
|
62
60
|
* get mg-item-more >>> mg-menu-item element
|
|
63
|
-
*
|
|
64
61
|
* @returns {HTMLMgMenuItemElement} mg-item-more >>> mg-menu-item element
|
|
65
62
|
*/
|
|
66
63
|
private getItemMoreMenuItem;
|
|
67
64
|
/**
|
|
68
65
|
* Set item listend
|
|
69
|
-
*
|
|
70
66
|
* @param {HTMLMgMenuItemElement} item mg-menu-item element
|
|
71
67
|
* @param {MgMenu['focusedMenuItem']} index number
|
|
72
68
|
* @returns {void}
|
|
@@ -74,19 +70,16 @@ export declare class MgMenu {
|
|
|
74
70
|
private setItemListener;
|
|
75
71
|
/**
|
|
76
72
|
* Store menu-items on component init and add listeners
|
|
77
|
-
*
|
|
78
73
|
* @returns {void}
|
|
79
74
|
*/
|
|
80
75
|
private initMenuItemsListeners;
|
|
81
76
|
/**
|
|
82
77
|
* Handle item-loaded event on mg-item-more element
|
|
83
|
-
*
|
|
84
78
|
* @returns {void}
|
|
85
79
|
*/
|
|
86
80
|
private handleItemLoaded;
|
|
87
81
|
/**
|
|
88
82
|
* render mg-item-more
|
|
89
|
-
*
|
|
90
83
|
* @returns {void}
|
|
91
84
|
*/
|
|
92
85
|
private renderMgItemMore;
|
|
@@ -95,25 +88,21 @@ export declare class MgMenu {
|
|
|
95
88
|
*************/
|
|
96
89
|
/**
|
|
97
90
|
* Validate props
|
|
98
|
-
*
|
|
99
91
|
* @returns {void}
|
|
100
92
|
*/
|
|
101
93
|
componentWillLoad(): void;
|
|
102
94
|
/**
|
|
103
95
|
* Check if component slots configuration
|
|
104
|
-
*
|
|
105
96
|
* @returns {ReturnType<typeof setTimeout>} timeout
|
|
106
97
|
*/
|
|
107
98
|
componentDidLoad(): ReturnType<typeof setTimeout>;
|
|
108
99
|
/**
|
|
109
100
|
* Add listeners to items
|
|
110
|
-
*
|
|
111
101
|
* @returns {void}
|
|
112
102
|
*/
|
|
113
103
|
componentDidRender(): void;
|
|
114
104
|
/**
|
|
115
105
|
* Render
|
|
116
|
-
*
|
|
117
106
|
* @returns {HTMLElement} HTML Element
|
|
118
107
|
*/
|
|
119
108
|
render(): HTMLElement;
|
|
@@ -90,13 +90,11 @@ export declare class MgMenuItem {
|
|
|
90
90
|
**********/
|
|
91
91
|
/**
|
|
92
92
|
* Toggle expanded prop value
|
|
93
|
-
*
|
|
94
93
|
* @returns {void}
|
|
95
94
|
*/
|
|
96
95
|
private toggleExpanded;
|
|
97
96
|
/**
|
|
98
97
|
* Does an Element have given Status
|
|
99
|
-
*
|
|
100
98
|
* @param {HTMLMgMenuItemElement} mgMenuItemElement to parse
|
|
101
99
|
* @param {MgMenuItem['status']} status to check
|
|
102
100
|
* @returns {boolean} true if element with status is found
|
|
@@ -104,7 +102,6 @@ export declare class MgMenuItem {
|
|
|
104
102
|
private hasStatus;
|
|
105
103
|
/**
|
|
106
104
|
* Is component contextual direction match the given direction
|
|
107
|
-
*
|
|
108
105
|
* @param {MgMenuItem['direction']} direction in parent menu
|
|
109
106
|
* @param {MgMenuItem['direction']} compareWith direction to compare with. Default: `this.direction`
|
|
110
107
|
* @returns {boolean} true is direction match the direction propertie
|
|
@@ -113,51 +110,43 @@ export declare class MgMenuItem {
|
|
|
113
110
|
/**
|
|
114
111
|
* Update displayNotificationBadge
|
|
115
112
|
* current component notification badge have priority over the slot badge when submenu contain badge
|
|
116
|
-
*
|
|
117
113
|
* @returns {void} update displayNotificationBadge value
|
|
118
114
|
*/
|
|
119
115
|
private updateDisplayNotificationBadge;
|
|
120
116
|
/**
|
|
121
117
|
* Method to control if one of component children have active status
|
|
122
|
-
*
|
|
123
118
|
* @returns {boolean} truthy if component has active child
|
|
124
119
|
*/
|
|
125
120
|
private hasActiveChild;
|
|
126
121
|
/**
|
|
127
122
|
* Validate slots
|
|
128
|
-
*
|
|
129
123
|
* @param {boolean} guard prevent action whith guard. Default: false.
|
|
130
124
|
* @returns {void}
|
|
131
125
|
*/
|
|
132
126
|
private validateSlot;
|
|
133
127
|
/**
|
|
134
128
|
* Update status
|
|
135
|
-
*
|
|
136
129
|
* @param {Status[]} guard status to exclude from process in addition to [Status.HIDDEN, Status.DISABLED] . Default: [].
|
|
137
130
|
* @returns {void}
|
|
138
131
|
*/
|
|
139
132
|
private updateStatus;
|
|
140
133
|
/**
|
|
141
134
|
* Init event-listeners
|
|
142
|
-
*
|
|
143
135
|
* @returns {void}
|
|
144
136
|
*/
|
|
145
137
|
private initListeners;
|
|
146
138
|
/**
|
|
147
139
|
* Get mg-popover identifier
|
|
148
|
-
*
|
|
149
140
|
* @returns {MgPopover['identifier']} generated mg-popover identifier
|
|
150
141
|
*/
|
|
151
142
|
private getPopoverIdentifier;
|
|
152
143
|
/**
|
|
153
144
|
* Render popover clickoutside guard for content slot
|
|
154
|
-
*
|
|
155
145
|
* @returns {void}
|
|
156
146
|
*/
|
|
157
147
|
private updatePopoverGuard;
|
|
158
148
|
/**
|
|
159
149
|
* Condition to know if component should display a mg-popover
|
|
160
|
-
*
|
|
161
150
|
* @returns {boolean} truthy if component display popover
|
|
162
151
|
*/
|
|
163
152
|
private displayPopover;
|
|
@@ -166,14 +155,12 @@ export declare class MgMenuItem {
|
|
|
166
155
|
************/
|
|
167
156
|
/**
|
|
168
157
|
* Handle interacrtive element click
|
|
169
|
-
*
|
|
170
158
|
* @param {MouseEvent} event click on element
|
|
171
159
|
* @returns {void}
|
|
172
160
|
*/
|
|
173
161
|
private handleElementCLick;
|
|
174
162
|
/**
|
|
175
163
|
* Handle popover element display-change event
|
|
176
|
-
*
|
|
177
164
|
* @param {CustomEvent} event popover display event
|
|
178
165
|
* @returns {void}
|
|
179
166
|
*/
|
|
@@ -183,31 +170,26 @@ export declare class MgMenuItem {
|
|
|
183
170
|
*************/
|
|
184
171
|
/**
|
|
185
172
|
* Validate props
|
|
186
|
-
*
|
|
187
173
|
* @returns {void}
|
|
188
174
|
*/
|
|
189
175
|
componentWillLoad(): void;
|
|
190
176
|
/**
|
|
191
177
|
* Check if component slots configuration
|
|
192
|
-
*
|
|
193
178
|
* @returns {ReturnType<typeof setTimeout>} timeout
|
|
194
179
|
*/
|
|
195
180
|
componentDidLoad(): ReturnType<typeof setTimeout>;
|
|
196
181
|
/**
|
|
197
182
|
* Render ineractive element
|
|
198
|
-
*
|
|
199
183
|
* @returns {HTMLElement} HTML Element
|
|
200
184
|
*/
|
|
201
185
|
private renderInteractiveElement;
|
|
202
186
|
/**
|
|
203
187
|
* Render slot
|
|
204
|
-
*
|
|
205
188
|
* @returns {HTMLElement} HTML Element
|
|
206
189
|
*/
|
|
207
190
|
private renderSlot;
|
|
208
191
|
/**
|
|
209
192
|
* Render
|
|
210
|
-
*
|
|
211
193
|
* @returns {HTMLElement} HTML Element
|
|
212
194
|
*/
|
|
213
195
|
render(): HTMLElement;
|
|
@@ -45,19 +45,16 @@ export declare class MgActionMore {
|
|
|
45
45
|
***********/
|
|
46
46
|
/**
|
|
47
47
|
* Toogle expanded props
|
|
48
|
-
*
|
|
49
48
|
* @returns {void}
|
|
50
49
|
*/
|
|
51
50
|
private toggleExpanded;
|
|
52
51
|
/**
|
|
53
52
|
* Button click handler
|
|
54
|
-
*
|
|
55
53
|
* @returns {void}
|
|
56
54
|
*/
|
|
57
55
|
private handleButton;
|
|
58
56
|
/**
|
|
59
57
|
* Item click handler
|
|
60
|
-
*
|
|
61
58
|
* @param {MouseEvent} event click event
|
|
62
59
|
* @param {MgActionMoreItemType['mouseEventHandler']} customHandler item['mouseEventHandler']
|
|
63
60
|
* @returns {void}
|
|
@@ -68,13 +65,11 @@ export declare class MgActionMore {
|
|
|
68
65
|
*************/
|
|
69
66
|
/**
|
|
70
67
|
* Validate props
|
|
71
|
-
*
|
|
72
68
|
* @returns {void}
|
|
73
69
|
*/
|
|
74
70
|
componentWillLoad(): void;
|
|
75
71
|
/**
|
|
76
72
|
* Render
|
|
77
|
-
*
|
|
78
73
|
* @returns {HTMLElement} HTML Element
|
|
79
74
|
*/
|
|
80
75
|
render(): HTMLElement;
|
|
@@ -31,7 +31,6 @@ export declare class MgDetails {
|
|
|
31
31
|
expandedChange: EventEmitter<boolean>;
|
|
32
32
|
/**
|
|
33
33
|
* Handle details toggle
|
|
34
|
-
*
|
|
35
34
|
* @returns {void}
|
|
36
35
|
*/
|
|
37
36
|
private handleToggle;
|
|
@@ -40,13 +39,11 @@ export declare class MgDetails {
|
|
|
40
39
|
*************/
|
|
41
40
|
/**
|
|
42
41
|
* Check if component props are well configured on init
|
|
43
|
-
*
|
|
44
42
|
* @returns {void}
|
|
45
43
|
*/
|
|
46
44
|
componentWillLoad(): void;
|
|
47
45
|
/**
|
|
48
46
|
* Render
|
|
49
|
-
*
|
|
50
47
|
* @returns {HTMLElement} HTML Element
|
|
51
48
|
*/
|
|
52
49
|
render(): HTMLElement;
|
|
@@ -62,33 +62,28 @@ export declare class MgForm {
|
|
|
62
62
|
formSubmit: EventEmitter<boolean>;
|
|
63
63
|
/**
|
|
64
64
|
* Public method to display errors
|
|
65
|
-
*
|
|
66
65
|
* @returns {Promise<void>}
|
|
67
66
|
*/
|
|
68
67
|
displayError(): Promise<void>;
|
|
69
68
|
/**
|
|
70
69
|
* Define required message based on mg-inputs required elements
|
|
71
70
|
* Also
|
|
72
|
-
*
|
|
73
71
|
* @returns {void}
|
|
74
72
|
*/
|
|
75
73
|
private setRequiredMessage;
|
|
76
74
|
/**
|
|
77
75
|
* Check if form is valid
|
|
78
|
-
*
|
|
79
76
|
* @returns {void}
|
|
80
77
|
*/
|
|
81
78
|
private checkValidity;
|
|
82
79
|
/**
|
|
83
80
|
* Handle Form Submit
|
|
84
|
-
*
|
|
85
81
|
* @param {SubmitEvent} event submit event
|
|
86
82
|
* @returns {void}
|
|
87
83
|
*/
|
|
88
84
|
private handleFormSubmit;
|
|
89
85
|
/**
|
|
90
86
|
* Set mgInputs
|
|
91
|
-
*
|
|
92
87
|
* @returns {void}
|
|
93
88
|
*/
|
|
94
89
|
private setMgInputs;
|
|
@@ -97,19 +92,16 @@ export declare class MgForm {
|
|
|
97
92
|
*************/
|
|
98
93
|
/**
|
|
99
94
|
* Check if component props are well configured on init
|
|
100
|
-
*
|
|
101
95
|
* @returns {void}
|
|
102
96
|
*/
|
|
103
97
|
componentWillLoad(): void;
|
|
104
98
|
/**
|
|
105
99
|
* Add slot listeners
|
|
106
|
-
*
|
|
107
100
|
* @returns {void}
|
|
108
101
|
*/
|
|
109
102
|
componentDidLoad(): void;
|
|
110
103
|
/**
|
|
111
104
|
* Render
|
|
112
|
-
*
|
|
113
105
|
* @returns {HTMLElement} HTML Element
|
|
114
106
|
*/
|
|
115
107
|
render(): HTMLElement;
|
|
@@ -19,13 +19,11 @@ export declare class MgIllustratedMessage {
|
|
|
19
19
|
*************/
|
|
20
20
|
/**
|
|
21
21
|
* Check if component props are well configured on init
|
|
22
|
-
*
|
|
23
22
|
* @returns {void}
|
|
24
23
|
*/
|
|
25
24
|
componentDidLoad(): void;
|
|
26
25
|
/**
|
|
27
26
|
* Render
|
|
28
|
-
*
|
|
29
27
|
* @returns {HTMLElement} HTML Element
|
|
30
28
|
*/
|
|
31
29
|
render(): HTMLElement;
|
|
@@ -40,7 +40,6 @@ export declare class MgItemMore {
|
|
|
40
40
|
***********/
|
|
41
41
|
/**
|
|
42
42
|
* render mg-item-more overflow element
|
|
43
|
-
*
|
|
44
43
|
* @returns {HTMLMgItemMoreElement} mg-item-more element
|
|
45
44
|
*/
|
|
46
45
|
private renderMgMenuItemOverflowElement;
|
|
@@ -49,25 +48,21 @@ export declare class MgItemMore {
|
|
|
49
48
|
*************/
|
|
50
49
|
/**
|
|
51
50
|
* Disconnect overflow ResizeObserver
|
|
52
|
-
*
|
|
53
51
|
* @returns {void} run overflow resize obeserver disconnexion
|
|
54
52
|
*/
|
|
55
53
|
disconnectedCallback(): void;
|
|
56
54
|
/**
|
|
57
55
|
* Set variables and validate props
|
|
58
|
-
*
|
|
59
56
|
* @returns {void}
|
|
60
57
|
*/
|
|
61
58
|
componentWillLoad(): void;
|
|
62
59
|
/**
|
|
63
60
|
* Add overflow behavior
|
|
64
|
-
*
|
|
65
61
|
* @returns {void}
|
|
66
62
|
*/
|
|
67
63
|
componentDidLoad(): void;
|
|
68
64
|
/**
|
|
69
65
|
* Render
|
|
70
|
-
*
|
|
71
66
|
* @returns {HTMLElement} HTML Element
|
|
72
67
|
*/
|
|
73
68
|
render(): HTMLElement;
|
|
@@ -63,19 +63,16 @@ export declare class MgMessage {
|
|
|
63
63
|
componentHide: EventEmitter<string>;
|
|
64
64
|
/**
|
|
65
65
|
* Set timer
|
|
66
|
-
*
|
|
67
66
|
* @returns {void}
|
|
68
67
|
*/
|
|
69
68
|
private setTimer;
|
|
70
69
|
/**
|
|
71
70
|
* Clear timer
|
|
72
|
-
*
|
|
73
71
|
* @returns {void}
|
|
74
72
|
*/
|
|
75
73
|
private clearTimer;
|
|
76
74
|
/**
|
|
77
75
|
* Event to add on element
|
|
78
|
-
*
|
|
79
76
|
* @param {MouseEvent | FocusEvent} event event
|
|
80
77
|
* @returns {void}
|
|
81
78
|
*/
|
|
@@ -86,8 +83,7 @@ export declare class MgMessage {
|
|
|
86
83
|
private handleClose;
|
|
87
84
|
/**
|
|
88
85
|
* Get icon corresponding to variant
|
|
89
|
-
*
|
|
90
|
-
* @returns {string} icon
|
|
86
|
+
* @returns {MgIcon['icon'] | undefined} icon
|
|
91
87
|
*/
|
|
92
88
|
private getIcon;
|
|
93
89
|
/*************
|
|
@@ -99,7 +95,6 @@ export declare class MgMessage {
|
|
|
99
95
|
componentWillLoad(): void;
|
|
100
96
|
/**
|
|
101
97
|
* Render
|
|
102
|
-
*
|
|
103
98
|
* @returns {HTMLElement} HTML Element
|
|
104
99
|
*/
|
|
105
100
|
render(): HTMLElement;
|
|
@@ -59,7 +59,6 @@ export declare class MgModal {
|
|
|
59
59
|
componentHide: EventEmitter<string>;
|
|
60
60
|
/**
|
|
61
61
|
* Handle 'escape' key down
|
|
62
|
-
*
|
|
63
62
|
* @param {KeyboardEvent} event keydown event
|
|
64
63
|
* @returns {void}
|
|
65
64
|
*/
|
|
@@ -70,7 +69,6 @@ export declare class MgModal {
|
|
|
70
69
|
*************/
|
|
71
70
|
/**
|
|
72
71
|
* Handle close button
|
|
73
|
-
*
|
|
74
72
|
* @returns {void}
|
|
75
73
|
*/
|
|
76
74
|
private handleClose;
|
|
@@ -79,19 +77,16 @@ export declare class MgModal {
|
|
|
79
77
|
*************/
|
|
80
78
|
/**
|
|
81
79
|
* Check if component props are well configured on init
|
|
82
|
-
*
|
|
83
80
|
* @returns {void}
|
|
84
81
|
*/
|
|
85
82
|
componentWillLoad(): void;
|
|
86
83
|
/**
|
|
87
84
|
* Add observer on component to set focus when displayed
|
|
88
|
-
*
|
|
89
85
|
* @returns {void}
|
|
90
86
|
*/
|
|
91
87
|
componentDidLoad(): void;
|
|
92
88
|
/**
|
|
93
89
|
* Render
|
|
94
|
-
*
|
|
95
90
|
* @returns {HTMLElement} HTML Element
|
|
96
91
|
*/
|
|
97
92
|
render(): HTMLElement;
|
|
@@ -41,7 +41,6 @@ export declare class MgPagination {
|
|
|
41
41
|
currentPageChange: EventEmitter<number>;
|
|
42
42
|
/**
|
|
43
43
|
* Change current page from target
|
|
44
|
-
*
|
|
45
44
|
* @param {number} target target page
|
|
46
45
|
* @returns {void}
|
|
47
46
|
*/
|
|
@@ -51,14 +50,12 @@ export declare class MgPagination {
|
|
|
51
50
|
************/
|
|
52
51
|
/**
|
|
53
52
|
* select handler
|
|
54
|
-
*
|
|
55
53
|
* @param {InputEvent} event value change event
|
|
56
54
|
* @returns {void}
|
|
57
55
|
*/
|
|
58
56
|
private handleSelect;
|
|
59
57
|
/**
|
|
60
58
|
* Go to 'previous/next' page button handler
|
|
61
|
-
*
|
|
62
59
|
* @param {string} action navigation action
|
|
63
60
|
* @param {boolean} disabled button disable state
|
|
64
61
|
* @returns {void}
|
|
@@ -69,13 +66,11 @@ export declare class MgPagination {
|
|
|
69
66
|
*************/
|
|
70
67
|
/**
|
|
71
68
|
* Check if props are well configured on init
|
|
72
|
-
*
|
|
73
69
|
* @returns {void}
|
|
74
70
|
*/
|
|
75
71
|
componentWillLoad(): void;
|
|
76
72
|
/**
|
|
77
73
|
* Render
|
|
78
|
-
*
|
|
79
74
|
* @returns {HTMLElement} HTML Element
|
|
80
75
|
*/
|
|
81
76
|
render(): HTMLElement;
|
|
@@ -70,7 +70,6 @@ export declare class MgPanel {
|
|
|
70
70
|
************/
|
|
71
71
|
/**
|
|
72
72
|
* Toggle is editing state
|
|
73
|
-
*
|
|
74
73
|
* @returns {void}
|
|
75
74
|
*/
|
|
76
75
|
private toggleIsEditing;
|
|
@@ -79,32 +78,27 @@ export declare class MgPanel {
|
|
|
79
78
|
************/
|
|
80
79
|
/**
|
|
81
80
|
* Collapse button click handler
|
|
82
|
-
*
|
|
83
81
|
* @returns {void}
|
|
84
82
|
*/
|
|
85
83
|
private handleCollapseButton;
|
|
86
84
|
/**
|
|
87
85
|
* Edit button click handler
|
|
88
|
-
*
|
|
89
86
|
* @returns {void}
|
|
90
87
|
*/
|
|
91
88
|
private handleEditButton;
|
|
92
89
|
/**
|
|
93
90
|
* Update title handler
|
|
94
|
-
*
|
|
95
91
|
* @param {CustomEvent<string>} event input value change event
|
|
96
92
|
* @returns {void}
|
|
97
93
|
*/
|
|
98
94
|
private handleUpdateTitle;
|
|
99
95
|
/**
|
|
100
96
|
* Cancel edition button handler
|
|
101
|
-
*
|
|
102
97
|
* @returns {void}
|
|
103
98
|
*/
|
|
104
99
|
private handleCancelEditButton;
|
|
105
100
|
/**
|
|
106
101
|
* Validate edition button handler
|
|
107
|
-
*
|
|
108
102
|
* @returns {void}
|
|
109
103
|
*/
|
|
110
104
|
private handleValidateEditButton;
|
|
@@ -113,26 +107,22 @@ export declare class MgPanel {
|
|
|
113
107
|
*************/
|
|
114
108
|
/**
|
|
115
109
|
* Check if props are well configured on init
|
|
116
|
-
*
|
|
117
110
|
* @returns {void}
|
|
118
111
|
*/
|
|
119
112
|
componentWillLoad(): void;
|
|
120
113
|
/**
|
|
121
114
|
* Header left conditional render
|
|
122
|
-
*
|
|
123
115
|
* @typedef {HTMLElement} HTMLMgButtonElement
|
|
124
116
|
* @returns {HTMLMgButtonElement | HTMLElement | HTMLElement[]} header left element
|
|
125
117
|
*/
|
|
126
118
|
private headerLeft;
|
|
127
119
|
/**
|
|
128
120
|
* Edit DOM after render
|
|
129
|
-
*
|
|
130
121
|
* @returns {void}
|
|
131
122
|
*/
|
|
132
123
|
componentDidRender(): void;
|
|
133
124
|
/**
|
|
134
125
|
* Render component
|
|
135
|
-
*
|
|
136
126
|
* @returns {HTMLElement} html element
|
|
137
127
|
*/
|
|
138
128
|
render(): HTMLElement;
|
|
@@ -56,26 +56,22 @@ export declare class MgPopover {
|
|
|
56
56
|
displayChange: EventEmitter<boolean>;
|
|
57
57
|
/**
|
|
58
58
|
* Check if clicked outside of component
|
|
59
|
-
*
|
|
60
59
|
* @param {MouseEvent} event mouse event
|
|
61
60
|
* @returns {void}
|
|
62
61
|
*/
|
|
63
62
|
private clickOutside;
|
|
64
63
|
/**
|
|
65
64
|
* Show popover
|
|
66
|
-
*
|
|
67
65
|
* @returns {void}
|
|
68
66
|
*/
|
|
69
67
|
private show;
|
|
70
68
|
/**
|
|
71
69
|
* Hide popover
|
|
72
|
-
*
|
|
73
70
|
* @returns {void}
|
|
74
71
|
*/
|
|
75
72
|
private hide;
|
|
76
73
|
/**
|
|
77
74
|
* Handle action for close button
|
|
78
|
-
*
|
|
79
75
|
* @returns {void}
|
|
80
76
|
*/
|
|
81
77
|
private handleCloseButton;
|
|
@@ -84,19 +80,16 @@ export declare class MgPopover {
|
|
|
84
80
|
*************/
|
|
85
81
|
/**
|
|
86
82
|
* Check if component props are well configured on init
|
|
87
|
-
*
|
|
88
83
|
* @returns {void} timeout
|
|
89
84
|
*/
|
|
90
85
|
componentWillLoad(): void;
|
|
91
86
|
/**
|
|
92
87
|
* Check if component props are well configured on init
|
|
93
|
-
*
|
|
94
88
|
* @returns {void}
|
|
95
89
|
*/
|
|
96
90
|
componentDidLoad(): void;
|
|
97
91
|
/**
|
|
98
92
|
* Render
|
|
99
|
-
*
|
|
100
93
|
* @returns {HTMLElement} HTML Element
|
|
101
94
|
*/
|
|
102
95
|
render(): HTMLElement;
|
|
@@ -26,7 +26,6 @@ export declare class MgSkipLinks {
|
|
|
26
26
|
**********/
|
|
27
27
|
/**
|
|
28
28
|
* Handle link click and emit go-to-anchor event
|
|
29
|
-
*
|
|
30
29
|
* @param {MouseEvent} event mouse event
|
|
31
30
|
* @returns {void}
|
|
32
31
|
*/
|
|
@@ -36,13 +35,11 @@ export declare class MgSkipLinks {
|
|
|
36
35
|
*************/
|
|
37
36
|
/**
|
|
38
37
|
* Check if props are well configured on init
|
|
39
|
-
*
|
|
40
38
|
* @returns {void}
|
|
41
39
|
*/
|
|
42
40
|
componentWillLoad(): void;
|
|
43
41
|
/**
|
|
44
42
|
* Render
|
|
45
|
-
*
|
|
46
43
|
* @returns {HTMLElement} HTML Element
|
|
47
44
|
*/
|
|
48
45
|
render(): HTMLElement;
|
|
@@ -57,7 +57,6 @@ export declare class MgTabs {
|
|
|
57
57
|
activeTabChange: EventEmitter<number>;
|
|
58
58
|
/**
|
|
59
59
|
* Method to know if given tab has the given status
|
|
60
|
-
*
|
|
61
60
|
* @param {TabItem} tab item tab key to set to ACTIVE status
|
|
62
61
|
* @param {Status} status status to valide
|
|
63
62
|
* @returns {boolean} status comparaison
|
|
@@ -65,7 +64,6 @@ export declare class MgTabs {
|
|
|
65
64
|
private tabHasStatus;
|
|
66
65
|
/**
|
|
67
66
|
* Method to get element id from index
|
|
68
|
-
*
|
|
69
67
|
* @param {string} element to get id
|
|
70
68
|
* @param {number} index to generate id
|
|
71
69
|
* @returns {string} generated element id
|
|
@@ -73,40 +71,34 @@ export declare class MgTabs {
|
|
|
73
71
|
private getElementId;
|
|
74
72
|
/**
|
|
75
73
|
* Method to get tab item index
|
|
76
|
-
*
|
|
77
74
|
* @param {number} index to get
|
|
78
75
|
* @returns {number} index
|
|
79
76
|
*/
|
|
80
77
|
private getTabItemIndex;
|
|
81
78
|
/**
|
|
82
79
|
* Method to get the active-tab value
|
|
83
|
-
*
|
|
84
80
|
* @returns {number} of the active-tab
|
|
85
81
|
*/
|
|
86
82
|
private getActiveTab;
|
|
87
83
|
/**
|
|
88
84
|
* Handle click events on tabs
|
|
89
|
-
*
|
|
90
85
|
* @param {MouseEvent} event mouse event
|
|
91
86
|
*/
|
|
92
87
|
private handleClick;
|
|
93
88
|
/**
|
|
94
89
|
* get navigation button class from given status
|
|
95
|
-
*
|
|
96
90
|
* @param {Status} status button tab status
|
|
97
91
|
* @returns {string} button class/selector variant
|
|
98
92
|
*/
|
|
99
93
|
private getNavigationButtonClass;
|
|
100
94
|
/**
|
|
101
95
|
* Handle keyboard event on tabs
|
|
102
|
-
*
|
|
103
96
|
* @param {MouseEvent} event mouse event
|
|
104
97
|
* @returns {void}
|
|
105
98
|
*/
|
|
106
99
|
private handleKeydown;
|
|
107
100
|
/**
|
|
108
101
|
* Method to reset focus behavior
|
|
109
|
-
*
|
|
110
102
|
* @returns {void}
|
|
111
103
|
*/
|
|
112
104
|
private resetFocus;
|
|
@@ -119,19 +111,16 @@ export declare class MgTabs {
|
|
|
119
111
|
*************/
|
|
120
112
|
/**
|
|
121
113
|
* Check if component props are well configured on init
|
|
122
|
-
*
|
|
123
114
|
* @returns {void}
|
|
124
115
|
*/
|
|
125
116
|
componentWillLoad(): void;
|
|
126
117
|
/**
|
|
127
118
|
* add listners
|
|
128
|
-
*
|
|
129
119
|
* @returns {void}
|
|
130
120
|
*/
|
|
131
121
|
componentDidLoad(): void;
|
|
132
122
|
/**
|
|
133
123
|
* Render
|
|
134
|
-
*
|
|
135
124
|
* @returns {HTMLElement} HTML Element
|
|
136
125
|
*/
|
|
137
126
|
render(): HTMLElement;
|