@mgdis/mg-components 6.16.0 → 6.17.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/{index-T3-qWqFE.js → index-DCZEYvlH.js} +47 -28
- package/dist/cjs/{index-YM1EJx9X.js → index-TUElr4Wv.js} +10 -10
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mg-action-more_37.cjs.entry.js +34 -62
- package/dist/cjs/mg-alert.cjs.entry.js +2 -2
- package/dist/cjs/mg-components.cjs.js +2 -2
- package/dist/cjs/mg-input-combobox.cjs.entry.js +2 -2
- package/dist/cjs/mg-input-rich-text-editor.cjs.entry.js +3 -3
- package/dist/cjs/mg-loader.cjs.entry.js +2 -2
- package/dist/cjs/mg-progress.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/atoms/internals/mg-character-left/mg-character-left.js +5 -5
- package/dist/collection/components/atoms/internals/mg-input-title/mg-input-title.js +7 -7
- package/dist/collection/components/atoms/mg-badge/mg-badge.js +6 -6
- package/dist/collection/components/atoms/mg-button/mg-button.js +13 -13
- package/dist/collection/components/atoms/mg-card/mg-card.js +2 -2
- package/dist/collection/components/atoms/mg-divider/mg-divider.js +1 -1
- package/dist/collection/components/atoms/mg-icon/mg-icon.conf.js +1 -1
- package/dist/collection/components/atoms/mg-icon/mg-icon.js +32 -26
- package/dist/collection/components/atoms/mg-tag/mg-tag.js +3 -3
- package/dist/collection/components/atoms/mg-tooltip/mg-tooltip-content/mg-tooltip-content.js +2 -2
- package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.js +6 -6
- package/dist/collection/components/molecules/inputs/mg-input/mg-input.js +15 -15
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.js +6 -8
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js +29 -30
- package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.js +28 -31
- package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js +27 -44
- package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js +40 -55
- package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js +26 -26
- package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js +22 -23
- package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.js +26 -27
- package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js +27 -28
- package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.js +33 -34
- package/dist/collection/components/molecules/inputs/mg-input-textarea/mg-input-textarea.js +32 -32
- package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.js +18 -19
- package/dist/collection/components/molecules/internals/mg-item-more/mg-item-more.js +2 -4
- package/dist/collection/components/molecules/menus/mg-menu/mg-menu.js +4 -5
- package/dist/collection/components/molecules/menus/mg-menu-item/mg-menu-item.js +7 -7
- package/dist/collection/components/molecules/mg-action-more/mg-action-more.js +1 -4
- package/dist/collection/components/molecules/mg-alert/mg-alert.js +4 -4
- package/dist/collection/components/molecules/mg-details/mg-details.js +6 -6
- package/dist/collection/components/molecules/mg-form/mg-form.js +13 -13
- package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js +2 -2
- package/dist/collection/components/molecules/mg-loader/mg-loader.js +3 -3
- package/dist/collection/components/molecules/mg-message/mg-message.js +2 -2
- package/dist/collection/components/molecules/mg-modal/mg-modal.js +6 -6
- package/dist/collection/components/molecules/mg-pagination/mg-pagination.js +7 -8
- package/dist/collection/components/molecules/mg-panel/mg-panel.js +13 -13
- package/dist/collection/components/molecules/mg-popover/mg-popover-content/mg-popover-content.js +1 -1
- package/dist/collection/components/molecules/mg-popover/mg-popover.js +6 -6
- package/dist/collection/components/molecules/mg-progress/mg-progress.js +6 -6
- package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.js +0 -1
- package/dist/collection/components/molecules/mg-table/mg-table.js +2 -3
- package/dist/collection/components/molecules/mg-tabs/mg-tabs.js +6 -7
- package/dist/collection/locales/en/messages.json +5 -5
- package/dist/collection/locales/fr/messages.json +5 -5
- package/dist/components/index3.js +10 -10
- package/dist/components/mg-action-more.js +4 -2
- package/dist/components/mg-alert.js +4 -2
- package/dist/components/mg-badge2.js +4 -2
- package/dist/components/mg-button2.js +4 -2
- package/dist/components/mg-card2.js +4 -2
- package/dist/components/mg-character-left2.js +4 -2
- package/dist/components/mg-details.js +4 -2
- package/dist/components/mg-divider2.js +4 -2
- package/dist/components/mg-form.js +4 -2
- package/dist/components/mg-icon2.js +29 -21
- package/dist/components/mg-illustrated-message.js +4 -2
- package/dist/components/mg-input-checkbox-paginated2.js +5 -5
- package/dist/components/mg-input-checkbox.js +4 -2
- package/dist/components/mg-input-combobox.js +4 -2
- package/dist/components/mg-input-date.js +7 -22
- package/dist/components/mg-input-numeric.js +7 -20
- package/dist/components/mg-input-password.js +4 -2
- package/dist/components/mg-input-radio.js +4 -2
- package/dist/components/mg-input-rich-text-editor.js +5 -3
- package/dist/components/mg-input-select2.js +4 -2
- package/dist/components/mg-input-text2.js +4 -2
- package/dist/components/mg-input-textarea.js +4 -2
- package/dist/components/mg-input-title2.js +4 -2
- package/dist/components/mg-input-toggle.js +4 -2
- package/dist/components/mg-input2.js +4 -2
- package/dist/components/mg-item-more2.js +8 -4
- package/dist/components/mg-loader2.js +4 -2
- package/dist/components/mg-menu-item2.js +4 -2
- package/dist/components/mg-message2.js +4 -2
- package/dist/components/mg-modal.js +4 -2
- package/dist/components/mg-pagination.js +4 -2
- package/dist/components/mg-panel.js +4 -2
- package/dist/components/mg-popover-content2.js +4 -2
- package/dist/components/mg-popover2.js +4 -2
- package/dist/components/mg-progress.js +4 -2
- package/dist/components/mg-skip-links.js +4 -2
- package/dist/components/mg-table.js +4 -2
- package/dist/components/mg-tabs2.js +4 -2
- package/dist/components/mg-tag.js +4 -2
- package/dist/components/mg-tooltip-content2.js +4 -2
- package/dist/components/mg-tooltip2.js +4 -2
- package/dist/esm/{index-Bab8_u8S.js → index-CNX6lq0x.js} +10 -10
- package/dist/esm/{index-JHj_9FSs.js → index-T6kOJXP1.js} +47 -28
- package/dist/esm/loader.js +2 -2
- package/dist/esm/mg-action-more_37.entry.js +34 -62
- package/dist/esm/mg-alert.entry.js +2 -2
- package/dist/esm/mg-components.js +3 -3
- package/dist/esm/mg-input-combobox.entry.js +2 -2
- package/dist/esm/mg-input-rich-text-editor.entry.js +3 -3
- package/dist/esm/mg-loader.entry.js +2 -2
- package/dist/esm/mg-progress.entry.js +1 -1
- package/dist/mg-components/locales/en/messages.json +5 -5
- package/dist/mg-components/locales/fr/messages.json +5 -5
- package/dist/mg-components/mg-components.esm.js +1 -1
- package/dist/mg-components/{p-658f828c.entry.js → p-0e6b40d6.entry.js} +1 -1
- package/dist/mg-components/{p-82455ac7.entry.js → p-397bf67b.entry.js} +1 -1
- package/dist/mg-components/{p-c85b5d10.entry.js → p-5dc3a1fb.entry.js} +1 -1
- package/dist/mg-components/p-8a69175b.entry.js +1 -0
- package/dist/mg-components/p-CNX6lq0x.js +1 -0
- package/dist/mg-components/p-T6kOJXP1.js +2 -0
- package/dist/mg-components/{p-42a90251.entry.js → p-c5da335e.entry.js} +1 -1
- package/dist/mg-components/{p-54156253.entry.js → p-d84d87ea.entry.js} +1 -1
- package/dist/types/components/atoms/mg-icon/mg-icon.conf.d.ts +1 -1
- package/dist/types/components/atoms/mg-icon/mg-icon.d.ts +0 -5
- package/dist/types/stencil-public-runtime.d.ts +39 -2
- package/dist/types/types/index.d.ts +1 -1
- package/ide/intellij/web-types.json +19 -174
- package/ide/vscode/html-custom-data.json +17 -14
- package/package.json +21 -21
- package/dist/mg-components/p-Bab8_u8S.js +0 -1
- package/dist/mg-components/p-JHj_9FSs.js +0 -2
- package/dist/mg-components/p-abbd151c.entry.js +0 -1
|
@@ -1,26 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@mgdis/mg-components",
|
|
4
|
-
"version": "6.
|
|
4
|
+
"version": "6.17.0",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"elements": [
|
|
9
9
|
{
|
|
10
10
|
"name": "mg-action-more",
|
|
11
|
-
"description": "Attributes:\n- `
|
|
11
|
+
"description": "Attributes:\n- `display-chevron`: Define if chevron is display\n\nProperties:\n- `button`: Define button properties\n- `icon`: Define displayed icon\n- `items`: Define the menu-items elements\n\n",
|
|
12
12
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-action-more--docs",
|
|
13
13
|
"attributes": [
|
|
14
|
-
{
|
|
15
|
-
"name": "button",
|
|
16
|
-
"description": "Define button properties\n\nType: `{ label?: string; disabled?: boolean; variant: \"flat\" | \"info\" | \"link\" | \"success\" | \"danger\" | \"danger-alt\" | \"primary\" | \"secondary\"; isIcon: boolean; }`",
|
|
17
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-action-more--docs",
|
|
18
|
-
"value": {
|
|
19
|
-
"type": "{ label?: string; disabled?: boolean; variant: \"flat\" | \"info\" | \"link\" | \"success\" | \"danger\" | \"danger-alt\" | \"primary\" | \"secondary\"; isIcon: boolean; }",
|
|
20
|
-
"default": "{ variant: 'flat', isIcon: true }",
|
|
21
|
-
"required": false
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
14
|
{
|
|
25
15
|
"name": "display-chevron",
|
|
26
16
|
"description": "Define if chevron is display\n\nType: `boolean`",
|
|
@@ -30,24 +20,6 @@
|
|
|
30
20
|
"default": "false",
|
|
31
21
|
"required": false
|
|
32
22
|
}
|
|
33
|
-
},
|
|
34
|
-
{
|
|
35
|
-
"name": "icon",
|
|
36
|
-
"description": "Define displayed icon\n\nType: `{ icon: \"filter\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"key\" | \"list\" | \"copy\" | \"history\" | \"location\" | \"loader\" | \"address-card\" | \"address-card-outline\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"arrows-up-down\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calculator-outline\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-exclamation\" | \"comment-exclamation-outline\" | \"comment-outline\" | \"comment-question\" | \"comment-question-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-outline\" | \"eye-slash\" | \"eye-slash-outline\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-checked\" | \"floppy-disk-checked-outline\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-euro\" | \"hand-euro-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"layers\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-open\" | \"mail-open-outline\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-outline\" | \"paper-plane-slash\" | \"paper-plane-slash-outline\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tag-outline\" | \"tags\" | \"tags-outline\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"universal-access-outline\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-group-outline\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"; }`",
|
|
37
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-action-more--docs",
|
|
38
|
-
"value": {
|
|
39
|
-
"type": "{ icon: \"filter\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"key\" | \"list\" | \"copy\" | \"history\" | \"location\" | \"loader\" | \"address-card\" | \"address-card-outline\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"arrows-up-down\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calculator-outline\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-exclamation\" | \"comment-exclamation-outline\" | \"comment-outline\" | \"comment-question\" | \"comment-question-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-outline\" | \"eye-slash\" | \"eye-slash-outline\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-checked\" | \"floppy-disk-checked-outline\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-euro\" | \"hand-euro-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"layers\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-open\" | \"mail-open-outline\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-outline\" | \"paper-plane-slash\" | \"paper-plane-slash-outline\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tag-outline\" | \"tags\" | \"tags-outline\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"universal-access-outline\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-group-outline\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"; }",
|
|
40
|
-
"required": false
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
"name": "items",
|
|
45
|
-
"description": "Define the menu-items elements\n\nType: `(MgActionMoreItemType | MgActionMoreDividerType)[]`",
|
|
46
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-action-more--docs",
|
|
47
|
-
"value": {
|
|
48
|
-
"type": "(MgActionMoreItemType | MgActionMoreDividerType)[]",
|
|
49
|
-
"required": true
|
|
50
|
-
}
|
|
51
23
|
}
|
|
52
24
|
],
|
|
53
25
|
"js": {
|
|
@@ -1138,10 +1110,10 @@
|
|
|
1138
1110
|
},
|
|
1139
1111
|
{
|
|
1140
1112
|
"name": "variant",
|
|
1141
|
-
"description": "Define icon variant color\n\nType: `\"app\" | \"danger\" | \"info\" | \"success\" | \"warning\"`",
|
|
1113
|
+
"description": "Define icon variant color\n\nType: `\"app\" | \"danger\" | \"info\" | \"neutral\" | \"success\" | \"warning\"`",
|
|
1142
1114
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-icon--docs",
|
|
1143
1115
|
"value": {
|
|
1144
|
-
"type": "\"app\" | \"danger\" | \"info\" | \"success\" | \"warning\"",
|
|
1116
|
+
"type": "\"app\" | \"danger\" | \"info\" | \"neutral\" | \"success\" | \"warning\"",
|
|
1145
1117
|
"required": false
|
|
1146
1118
|
}
|
|
1147
1119
|
},
|
|
@@ -1188,10 +1160,10 @@
|
|
|
1188
1160
|
},
|
|
1189
1161
|
{
|
|
1190
1162
|
"name": "variant",
|
|
1191
|
-
"description": "Define icon variant color\n\nType: `\"app\" | \"danger\" | \"info\" | \"success\" | \"warning\"`",
|
|
1163
|
+
"description": "Define icon variant color\n\nType: `\"app\" | \"danger\" | \"info\" | \"neutral\" | \"success\" | \"warning\"`",
|
|
1192
1164
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-icon--docs",
|
|
1193
1165
|
"value": {
|
|
1194
|
-
"type": "\"app\" | \"danger\" | \"info\" | \"success\" | \"warning\"",
|
|
1166
|
+
"type": "\"app\" | \"danger\" | \"info\" | \"neutral\" | \"success\" | \"warning\"",
|
|
1195
1167
|
"required": false
|
|
1196
1168
|
}
|
|
1197
1169
|
},
|
|
@@ -1516,7 +1488,7 @@
|
|
|
1516
1488
|
},
|
|
1517
1489
|
{
|
|
1518
1490
|
"name": "mg-input-checkbox",
|
|
1519
|
-
"description": "Attributes:\n- `disabled`: Define if input is disabled\n- `display-selected-values`: Display selected values list in \"multi\" type\nThis prop is only applied with prop type \"multi\" or when an \"unset\" mode render a \"multi\" type.\n- `edit-button-message`: Overwrite default \"edit\" button message\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `input-vertical-list`: Define if inputs are display verticaly\n- `invalid`: Define input invalid state\n- `label`: Define input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `name`: Define input name\nIf not set the value equals the identifier\n- `readonly`: Define if mg-input-checkbox is readonly\n- `required`: Define if mg-input-checkbox is required\n- `select-button-message`: Overwrite default \"select\" button message\n- `show-button-message`: Overwrite default \"show\" button message\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `type`: Define checkbox type\nWhen it's undefined the type is dynamic:\n- With 0-5 items type is 'checkbox'\n- With 5-10 items type is 'multi'\nWhen it set the type is locked to the defined value.\nWhen type is dynamic OR with 'multi' type AND Over 10 items \"search\" feature is enabled\n- `valid`: Define input valid state\n- `value`: Component value\nIf item.value is `null`, checkbox will be indeterminate by default\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset value, validity and error state\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n- `setFocus`: Set focus on input.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emitted event when value change\n\n",
|
|
1491
|
+
"description": "Attributes:\n- `disabled`: Define if input is disabled\n- `display-selected-values`: Display selected values list in \"multi\" type\nThis prop is only applied with prop type \"multi\" or when an \"unset\" mode render a \"multi\" type.\n- `edit-button-message`: Overwrite default \"edit\" button message\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `input-vertical-list`: Define if inputs are display verticaly\n- `invalid`: Define input invalid state\n- `label`: Define input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `name`: Define input name\nIf not set the value equals the identifier\n- `readonly`: Define if mg-input-checkbox is readonly\n- `required`: Define if mg-input-checkbox is required\n- `select-button-message`: Overwrite default \"select\" button message\n- `show-button-message`: Overwrite default \"show\" button message\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `type`: Define checkbox type\nWhen it's undefined the type is dynamic:\n- With 0-5 items type is 'checkbox'\n- With 5-10 items type is 'multi'\nWhen it set the type is locked to the defined value.\nWhen type is dynamic OR with 'multi' type AND Over 10 items \"search\" feature is enabled\n- `valid`: Define input valid state\n\nProperties:\n- `value`: Component value\nIf item.value is `null`, checkbox will be indeterminate by default\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset value, validity and error state\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n- `setFocus`: Set focus on input.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emitted event when value change\n\n",
|
|
1520
1492
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox--docs",
|
|
1521
1493
|
"attributes": [
|
|
1522
1494
|
{
|
|
@@ -1698,15 +1670,6 @@
|
|
|
1698
1670
|
"type": "boolean",
|
|
1699
1671
|
"required": false
|
|
1700
1672
|
}
|
|
1701
|
-
},
|
|
1702
|
-
{
|
|
1703
|
-
"name": "value",
|
|
1704
|
-
"description": "Component value\nIf item.value is `null`, checkbox will be indeterminate by default\n\nType: `CheckboxValue[]`",
|
|
1705
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox--docs",
|
|
1706
|
-
"value": {
|
|
1707
|
-
"type": "CheckboxValue[]",
|
|
1708
|
-
"required": true
|
|
1709
|
-
}
|
|
1710
1673
|
}
|
|
1711
1674
|
],
|
|
1712
1675
|
"js": {
|
|
@@ -1918,7 +1881,7 @@
|
|
|
1918
1881
|
},
|
|
1919
1882
|
{
|
|
1920
1883
|
"name": "mg-input-combobox",
|
|
1921
|
-
"description": "Attributes:\n- `disabled`: Define if input is disabled\n- `
|
|
1884
|
+
"description": "Attributes:\n- `disabled`: Define if input is disabled\n- `fetchurl`: Define API url to fetch\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `invalid`: Define input invalid state\n- `items-label`: Define items label\nInclude short description. Required for accessibility.\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `mg-width`: Define input width\n- `name`: Input name\nIf not set the value equals the identifier\n- `placeholder`: Define input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help combobox.\n- `readonly`: Define if input is readonly\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `valid`: Define input valid state\n- `value`: Define component value\n\nProperties:\n- `fetchmappings`: Define fetch request mappings.\nRequired with `fetchurl`\n- `fetchoptions`: Define fetch options object\nRequire `fetchurl` prop to be defined otherwith it will be ignored if defined\n- `items`: Define components items\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset value, validity and error state\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its concombobox by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given concombobox.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n- `setFocus`: Set focus on input.\n\nEvents:\n- `fetch-error`: Emited event when fetch API throw an error\n- `filter-change`: Emited event when filter change\n- `input-valid`: Emited event when checking validity\n- `load-more`: Emited event when `load-more` is called\n- `value-change`: Emited event when value change\n\n",
|
|
1922
1885
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-combobox--docs",
|
|
1923
1886
|
"attributes": [
|
|
1924
1887
|
{
|
|
@@ -1931,24 +1894,6 @@
|
|
|
1931
1894
|
"required": false
|
|
1932
1895
|
}
|
|
1933
1896
|
},
|
|
1934
|
-
{
|
|
1935
|
-
"name": "fetchmappings",
|
|
1936
|
-
"description": "Define fetch request mappings.\nRequired with `fetchurl`\n\nType: `{ request: RequestMappingType; response: ResponseMappingType; }`",
|
|
1937
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-combobox--docs",
|
|
1938
|
-
"value": {
|
|
1939
|
-
"type": "{ request: RequestMappingType; response: ResponseMappingType; }",
|
|
1940
|
-
"required": false
|
|
1941
|
-
}
|
|
1942
|
-
},
|
|
1943
|
-
{
|
|
1944
|
-
"name": "fetchoptions",
|
|
1945
|
-
"description": "Define fetch options object\nRequire `fetchurl` prop to be defined otherwith it will be ignored if defined\n\nType: `RequestInit`",
|
|
1946
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-combobox--docs",
|
|
1947
|
-
"value": {
|
|
1948
|
-
"type": "RequestInit",
|
|
1949
|
-
"required": false
|
|
1950
|
-
}
|
|
1951
|
-
},
|
|
1952
1897
|
{
|
|
1953
1898
|
"name": "fetchurl",
|
|
1954
1899
|
"description": "Define API url to fetch\n\nType: `URL | string`",
|
|
@@ -1985,15 +1930,6 @@
|
|
|
1985
1930
|
"required": false
|
|
1986
1931
|
}
|
|
1987
1932
|
},
|
|
1988
|
-
{
|
|
1989
|
-
"name": "items",
|
|
1990
|
-
"description": "Define components items\n\nType: `(string | Option)[]`",
|
|
1991
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-combobox--docs",
|
|
1992
|
-
"value": {
|
|
1993
|
-
"type": "(string | Option)[]",
|
|
1994
|
-
"required": false
|
|
1995
|
-
}
|
|
1996
|
-
},
|
|
1997
1933
|
{
|
|
1998
1934
|
"name": "items-label",
|
|
1999
1935
|
"description": "Define items label\nInclude short description. Required for accessibility.\n\nType: `string`",
|
|
@@ -3522,7 +3458,7 @@
|
|
|
3522
3458
|
},
|
|
3523
3459
|
{
|
|
3524
3460
|
"name": "mg-input-radio",
|
|
3525
|
-
"description": "Attributes:\n- `disabled`: Define if input is disabled\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `input-vertical-list`: Define if inputs are display verticaly\n- `invalid`: Define input invalid state\n- `
|
|
3461
|
+
"description": "Attributes:\n- `disabled`: Define if input is disabled\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `input-vertical-list`: Define if inputs are display verticaly\n- `invalid`: Define input invalid state\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `name`: Input name\nIf not set the value equals the identifier\n- `readonly`: Define if input is readonly\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `valid`: Define input valid state\n- `value`: Component value\n\nProperties:\n- `items`: Items are the possible options to select\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset value, validity and error state\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n- `setFocus`: Set focus on input.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emitted event when value change\n\n",
|
|
3526
3462
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-radio--docs",
|
|
3527
3463
|
"attributes": [
|
|
3528
3464
|
{
|
|
@@ -3572,15 +3508,6 @@
|
|
|
3572
3508
|
"required": false
|
|
3573
3509
|
}
|
|
3574
3510
|
},
|
|
3575
|
-
{
|
|
3576
|
-
"name": "items",
|
|
3577
|
-
"description": "Items are the possible options to select\n\nType: `RadioOption[] | string[]`",
|
|
3578
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-radio--docs",
|
|
3579
|
-
"value": {
|
|
3580
|
-
"type": "RadioOption[] | string[]",
|
|
3581
|
-
"required": true
|
|
3582
|
-
}
|
|
3583
|
-
},
|
|
3584
3511
|
{
|
|
3585
3512
|
"name": "label",
|
|
3586
3513
|
"description": "Input label\n\nType: `string`",
|
|
@@ -3850,7 +3777,7 @@
|
|
|
3850
3777
|
},
|
|
3851
3778
|
{
|
|
3852
3779
|
"name": "mg-input-rich-text-editor",
|
|
3853
|
-
"description": "Attributes:\n- `disabled`: Define if input is disabled\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `invalid`: Define input invalid state\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `
|
|
3780
|
+
"description": "Attributes:\n- `disabled`: Define if input is disabled\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `invalid`: Define input invalid state\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `pattern`: Define input pattern to validate\nPlease refer to the Pattern section in the input documentation for detailed information on using regular expressions in components.\n- `pattern-error-message`: Define input pattern error message\n- `placeholder`: Input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.\n- `readonly`: Define if the editor is readonly\n- `required`: Define if input is required\n- `rows`: Define the number of visible text lines for the control\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `valid`: Define input valid state\n- `value`: Define the value of the editor\nCan be either HTML string or plain text\n\nProperties:\n- `modules`: Editor modules configuration\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `getHTML`: Get editor content as HTML\n- `getText`: Get editor content as plain text\n- `reset`: Reset value, validity and error state\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n- `setFocus`: Set focus on input.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\n",
|
|
3854
3781
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-rich-text-editor--docs",
|
|
3855
3782
|
"attributes": [
|
|
3856
3783
|
{
|
|
@@ -3919,15 +3846,6 @@
|
|
|
3919
3846
|
"required": false
|
|
3920
3847
|
}
|
|
3921
3848
|
},
|
|
3922
|
-
{
|
|
3923
|
-
"name": "modules",
|
|
3924
|
-
"description": "Editor modules configuration\n\nType: `{ [x: string]: unknown; }`",
|
|
3925
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-rich-text-editor--docs",
|
|
3926
|
-
"value": {
|
|
3927
|
-
"type": "{ [x: string]: unknown; }",
|
|
3928
|
-
"required": false
|
|
3929
|
-
}
|
|
3930
|
-
},
|
|
3931
3849
|
{
|
|
3932
3850
|
"name": "pattern",
|
|
3933
3851
|
"description": "Define input pattern to validate\nPlease refer to the Pattern section in the input documentation for detailed information on using regular expressions in components.\n\nType: `string`",
|
|
@@ -4214,7 +4132,7 @@
|
|
|
4214
4132
|
},
|
|
4215
4133
|
{
|
|
4216
4134
|
"name": "mg-input-select",
|
|
4217
|
-
"description": "Attributes:\n- `disabled`: Define if input is disabled\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `invalid`: Define input invalid state\n- `
|
|
4135
|
+
"description": "Attributes:\n- `disabled`: Define if input is disabled\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `invalid`: Define input invalid state\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `mg-width`: Define input width\n- `name`: Input name\nIf not set the value equals the identifier\n- `placeholder`: Input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.\n- `placeholder-disabled`: Option to disable placeholder\n- `placeholder-hide`: Option to remove placeholder\n- `readonly`: Define if input is readonly\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `valid`: Define input valid state\n- `value`: Component value\n\nProperties:\n- `items`: Items are the possible options to select\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset value, validity and error state\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n- `setFocus`: Set focus on input.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\n",
|
|
4218
4136
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-select--docs",
|
|
4219
4137
|
"attributes": [
|
|
4220
4138
|
{
|
|
@@ -4254,15 +4172,6 @@
|
|
|
4254
4172
|
"required": false
|
|
4255
4173
|
}
|
|
4256
4174
|
},
|
|
4257
|
-
{
|
|
4258
|
-
"name": "items",
|
|
4259
|
-
"description": "Items are the possible options to select\n\nType: `(string | SelectOption)[]`",
|
|
4260
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-select--docs",
|
|
4261
|
-
"value": {
|
|
4262
|
-
"type": "(string | SelectOption)[]",
|
|
4263
|
-
"required": true
|
|
4264
|
-
}
|
|
4265
|
-
},
|
|
4266
4175
|
{
|
|
4267
4176
|
"name": "label",
|
|
4268
4177
|
"description": "Input label\n\nType: `string`",
|
|
@@ -4598,7 +4507,7 @@
|
|
|
4598
4507
|
},
|
|
4599
4508
|
{
|
|
4600
4509
|
"name": "mg-input-text",
|
|
4601
|
-
"description": "Attributes:\n- `character-left-hide`: Define if component should display character left\n- `
|
|
4510
|
+
"description": "Attributes:\n- `character-left-hide`: Define if component should display character left\n- `disabled`: Define if input is disabled\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `icon`: Input icon\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `invalid`: Define input invalid state\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `maxlength`: Input max length\n- `mg-width`: Define input width\n- `name`: Input name\nIf not set the value equals the identifier\n- `pattern`: Define input pattern to validate\nPlease refer to the Pattern section in the input documentation for detailed information on using regular expressions in components.\n- `pattern-error-message`: Define input pattern error message\n- `placeholder`: Input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.\n- `readonly`: Define if input is readonly\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `type`: Input type\n- `valid`: Define input valid state\n- `value`: Component value\n\nProperties:\n- `datalistoptions`: Define datalist options\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `reset`: Reset value, validity and error state\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n- `setFocus`: Set focus on input.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\nSlots:\n- `append-input`: Content to display next to the input\n\n",
|
|
4602
4511
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-text--docs",
|
|
4603
4512
|
"attributes": [
|
|
4604
4513
|
{
|
|
@@ -4611,15 +4520,6 @@
|
|
|
4611
4520
|
"required": false
|
|
4612
4521
|
}
|
|
4613
4522
|
},
|
|
4614
|
-
{
|
|
4615
|
-
"name": "datalistoptions",
|
|
4616
|
-
"description": "Define datalist options\n\nType: `Option[] | string[]`",
|
|
4617
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-text--docs",
|
|
4618
|
-
"value": {
|
|
4619
|
-
"type": "Option[] | string[]",
|
|
4620
|
-
"required": false
|
|
4621
|
-
}
|
|
4622
|
-
},
|
|
4623
4523
|
{
|
|
4624
4524
|
"name": "disabled",
|
|
4625
4525
|
"description": "Define if input is disabled\n\nType: `boolean`",
|
|
@@ -5502,7 +5402,7 @@
|
|
|
5502
5402
|
},
|
|
5503
5403
|
{
|
|
5504
5404
|
"name": "mg-input-toggle",
|
|
5505
|
-
"description": "Attributes:\n- `disabled`: Define if input is disabled\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `is-icon`: Define if toggle display icon\n- `is-on-off`: Define if toggle have on/off style\n- `
|
|
5405
|
+
"description": "Attributes:\n- `disabled`: Define if input is disabled\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `is-icon`: Define if toggle display icon\n- `is-on-off`: Define if toggle have on/off style\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `name`: Input name\nIf not set the value equals the identifier\n- `readonly`: Define if input is readonly\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `value`: Component value\n\nProperties:\n- `items`: Items are the possible options to select\n\nMethods:\n- `reset`: Reset value, validity, error and visual state\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n- `setFocus`: Set focus on input.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\nSlots:\n- `item-1`: Left option toggle content\n- `item-2`: Right option toggle content\n\n",
|
|
5506
5406
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-toggle--docs",
|
|
5507
5407
|
"attributes": [
|
|
5508
5408
|
{
|
|
@@ -5553,15 +5453,6 @@
|
|
|
5553
5453
|
"required": false
|
|
5554
5454
|
}
|
|
5555
5455
|
},
|
|
5556
|
-
{
|
|
5557
|
-
"name": "items",
|
|
5558
|
-
"description": "Items are the possible options to select\n\nType: `ToggleValue[] | string[]`",
|
|
5559
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-toggle--docs",
|
|
5560
|
-
"value": {
|
|
5561
|
-
"type": "ToggleValue[] | string[]",
|
|
5562
|
-
"required": true
|
|
5563
|
-
}
|
|
5564
|
-
},
|
|
5565
5456
|
{
|
|
5566
5457
|
"name": "label",
|
|
5567
5458
|
"description": "Input label\n\nType: `string`",
|
|
@@ -5847,7 +5738,7 @@
|
|
|
5847
5738
|
},
|
|
5848
5739
|
{
|
|
5849
5740
|
"name": "mg-menu",
|
|
5850
|
-
"description": "Attributes:\n- `direction`: Component display direction.\n- `
|
|
5741
|
+
"description": "Attributes:\n- `direction`: Component display direction.\n- `label`: Menu label. Include short menu description.\nRequired to define accessibility required attribute `aria-label`\n- `size`: Define mg-menu size\n\nProperties:\n- `itemmore`: Customize \"mg-item-more\" element\nUsed with direction: 'vertical' to manage overflow\n\nListeners:\n- `item-loaded`\n\nSlots:\n- ``: Menu content\n\n",
|
|
5851
5742
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-menus-mg-menu--docs",
|
|
5852
5743
|
"attributes": [
|
|
5853
5744
|
{
|
|
@@ -5860,15 +5751,6 @@
|
|
|
5860
5751
|
"required": false
|
|
5861
5752
|
}
|
|
5862
5753
|
},
|
|
5863
|
-
{
|
|
5864
|
-
"name": "itemmore",
|
|
5865
|
-
"description": "Customize \"mg-item-more\" element\nUsed with direction: 'vertical' to manage overflow\n\nType: `{ size?: \"medium\" | \"large\" | \"xlarge\"; icon?: IconType; slotlabel?: SlotLabelType; }`",
|
|
5866
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-menus-mg-menu--docs",
|
|
5867
|
-
"value": {
|
|
5868
|
-
"type": "{ size?: \"medium\" | \"large\" | \"xlarge\"; icon?: IconType; slotlabel?: SlotLabelType; }",
|
|
5869
|
-
"required": false
|
|
5870
|
-
}
|
|
5871
|
-
},
|
|
5872
5754
|
{
|
|
5873
5755
|
"name": "label",
|
|
5874
5756
|
"description": "Menu label. Include short menu description.\nRequired to define accessibility required attribute `aria-label`\n\nType: `string`",
|
|
@@ -6271,7 +6153,7 @@
|
|
|
6271
6153
|
},
|
|
6272
6154
|
{
|
|
6273
6155
|
"name": "mg-pagination",
|
|
6274
|
-
"description": "Attributes:\n- `current-page`: Component current page\n- `hide-navigation-labels`: Hide navigation label\n- `hide-page-count`: Hide select input\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n- `label`: Panignation label. Is a short description.\nCustomize default value can be usefull to improve accessibility\n- `
|
|
6156
|
+
"description": "Attributes:\n- `current-page`: Component current page\n- `hide-navigation-labels`: Hide navigation label\n- `hide-page-count`: Hide select input\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n- `label`: Panignation label. Is a short description.\nCustomize default value can be usefull to improve accessibility\n- `total-pages`: Component total pages\n\nProperties:\n- `messages`: Define locales messages overrides\n\nEvents:\n- `current-page-change`: Emmited event when current page change\n\n",
|
|
6275
6157
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-pagination--docs",
|
|
6276
6158
|
"attributes": [
|
|
6277
6159
|
{
|
|
@@ -6323,15 +6205,6 @@
|
|
|
6323
6205
|
"required": false
|
|
6324
6206
|
}
|
|
6325
6207
|
},
|
|
6326
|
-
{
|
|
6327
|
-
"name": "messages",
|
|
6328
|
-
"description": "Define locales messages overrides\n\nType: `{ next: string; previous: string; nextLabel: string; previousLabel: string; }`",
|
|
6329
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-pagination--docs",
|
|
6330
|
-
"value": {
|
|
6331
|
-
"type": "{ next: string; previous: string; nextLabel: string; previousLabel: string; }",
|
|
6332
|
-
"required": false
|
|
6333
|
-
}
|
|
6334
|
-
},
|
|
6335
6208
|
{
|
|
6336
6209
|
"name": "total-pages",
|
|
6337
6210
|
"description": "Component total pages\n\nType: `number`",
|
|
@@ -6965,19 +6838,9 @@
|
|
|
6965
6838
|
},
|
|
6966
6839
|
{
|
|
6967
6840
|
"name": "mg-skip-links",
|
|
6968
|
-
"description": "
|
|
6841
|
+
"description": "Properties:\n- `links`: Skip links\n\nEvents:\n- `go-to-anchor`: Emited event when link is clicked\n\n",
|
|
6969
6842
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-skip-links--docs",
|
|
6970
|
-
"attributes": [
|
|
6971
|
-
{
|
|
6972
|
-
"name": "links",
|
|
6973
|
-
"description": "Skip links\n\nType: `SkipLink[]`",
|
|
6974
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-skip-links--docs",
|
|
6975
|
-
"value": {
|
|
6976
|
-
"type": "SkipLink[]",
|
|
6977
|
-
"required": false
|
|
6978
|
-
}
|
|
6979
|
-
}
|
|
6980
|
-
],
|
|
6843
|
+
"attributes": [],
|
|
6981
6844
|
"js": {
|
|
6982
6845
|
"properties": [
|
|
6983
6846
|
{
|
|
@@ -7003,18 +6866,9 @@
|
|
|
7003
6866
|
},
|
|
7004
6867
|
{
|
|
7005
6868
|
"name": "mg-table",
|
|
7006
|
-
"description": "Attributes:\n- `
|
|
6869
|
+
"description": "Attributes:\n- `full-width`: Define if table fits its parent element\n- `size`: Define table size\n\nProperties:\n- `columns`: Define column properties\n\nSlots:\n- ``: Table content\n\n",
|
|
7007
6870
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-table--docs",
|
|
7008
6871
|
"attributes": [
|
|
7009
|
-
{
|
|
7010
|
-
"name": "columns",
|
|
7011
|
-
"description": "Define column properties\n\nType: `{ [key: number]: { align?: \"center\" | \"right\" | \"left\"; sortable?: boolean; datatype?: \"string\" | \"numeric\" | \"date\"; }; }`",
|
|
7012
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-table--docs",
|
|
7013
|
-
"value": {
|
|
7014
|
-
"type": "{ [key: number]: { align?: \"center\" | \"right\" | \"left\"; sortable?: boolean; datatype?: \"string\" | \"numeric\" | \"date\"; }; }",
|
|
7015
|
-
"required": false
|
|
7016
|
-
}
|
|
7017
|
-
},
|
|
7018
6872
|
{
|
|
7019
6873
|
"name": "full-width",
|
|
7020
6874
|
"description": "Define if table fits its parent element\n\nType: `boolean`",
|
|
@@ -7076,7 +6930,7 @@
|
|
|
7076
6930
|
},
|
|
7077
6931
|
{
|
|
7078
6932
|
"name": "mg-tabs",
|
|
7079
|
-
"description": "Attributes:\n- `active-tab`: Active tab number\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n- `
|
|
6933
|
+
"description": "Attributes:\n- `active-tab`: Active tab number\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n- `label`: Tabs label. Include short tabs description.\nRequired for accessibility\n- `size`: Define tabs size\n\nProperties:\n- `items`: Tabs items\n\nEvents:\n- `active-tab-change`: Emited event when active tab change\n\nSlots:\n- `tab_content-n`: Tab content, where `n` represents the position of the tab content. It starts at 1.\n\n",
|
|
7080
6934
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-tabs--docs",
|
|
7081
6935
|
"attributes": [
|
|
7082
6936
|
{
|
|
@@ -7098,15 +6952,6 @@
|
|
|
7098
6952
|
"required": false
|
|
7099
6953
|
}
|
|
7100
6954
|
},
|
|
7101
|
-
{
|
|
7102
|
-
"name": "items",
|
|
7103
|
-
"description": "Tabs items\n\nType: `TabItem[] | string[]`",
|
|
7104
|
-
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-tabs--docs",
|
|
7105
|
-
"value": {
|
|
7106
|
-
"type": "TabItem[] | string[]",
|
|
7107
|
-
"required": true
|
|
7108
|
-
}
|
|
7109
|
-
},
|
|
7110
6955
|
{
|
|
7111
6956
|
"name": "label",
|
|
7112
6957
|
"description": "Tabs label. Include short tabs description.\nRequired for accessibility\n\nType: `string`",
|