@mgdis/mg-components 6.24.0 → 6.25.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.
Files changed (186) hide show
  1. package/dist/cjs/index-Acmyl4hv.js +5 -0
  2. package/dist/cjs/{index-BxB20_Vw.js → index-B6J2EllP.js} +3 -1
  3. package/dist/cjs/{index-BEF-cqV9.js → index-BmFwLEZT.js} +5 -1
  4. package/dist/cjs/{index-CpENFzEo.js → index-DrZECzp6.js} +14 -6
  5. package/dist/cjs/loader.cjs.js +2 -2
  6. package/dist/cjs/mg-action-more_36.cjs.entry.js +385 -259
  7. package/dist/cjs/mg-alert.cjs.entry.js +7 -8
  8. package/dist/cjs/mg-breadcrumb.cjs.entry.js +27 -10
  9. package/dist/cjs/mg-components.cjs.js +2 -2
  10. package/dist/cjs/mg-fieldset.cjs.entry.js +8 -8
  11. package/dist/cjs/mg-illustration.cjs.entry.js +57 -0
  12. package/dist/cjs/mg-input-combobox.cjs.entry.js +40 -23
  13. package/dist/cjs/mg-input-file.cjs.entry.js +12 -11
  14. package/dist/cjs/mg-input-rich-text-editor.cjs.entry.js +2565 -4011
  15. package/dist/cjs/mg-loader.cjs.entry.js +5 -5
  16. package/dist/cjs/mg-progress.cjs.entry.js +3 -3
  17. package/dist/collection/assets/illustrations/index.js +1 -0
  18. package/dist/collection/collection-manifest.json +1 -0
  19. package/dist/collection/components/atoms/internals/mg-character-left/mg-character-left.js +1 -1
  20. package/dist/collection/components/atoms/internals/mg-input-title/mg-input-title.js +1 -1
  21. package/dist/collection/components/atoms/mg-badge/mg-badge.js +1 -1
  22. package/dist/collection/components/atoms/mg-button/mg-button.js +4 -1
  23. package/dist/collection/components/atoms/mg-card/mg-card.js +1 -1
  24. package/dist/collection/components/atoms/mg-divider/mg-divider.conf.js +4 -0
  25. package/dist/collection/components/atoms/mg-divider/mg-divider.js +62 -3
  26. package/dist/collection/components/atoms/mg-icon/mg-icon.js +1 -1
  27. package/dist/collection/components/atoms/mg-illustration/mg-illustration.conf.js +1 -0
  28. package/dist/collection/components/atoms/mg-illustration/mg-illustration.js +95 -0
  29. package/dist/collection/components/atoms/mg-tag/mg-tag.js +1 -1
  30. package/dist/collection/components/atoms/mg-tooltip/mg-tooltip-content/mg-tooltip-content.js +1 -1
  31. package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.js +9 -7
  32. package/dist/collection/components/molecules/inputs/mg-input/mg-input.js +49 -19
  33. package/dist/collection/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxList.js +5 -2
  34. package/dist/collection/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxPaginated.js +5 -1
  35. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js +30 -22
  36. package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.js +69 -25
  37. package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js +14 -8
  38. package/dist/collection/components/molecules/inputs/mg-input-file/mg-input-file.js +8 -7
  39. package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js +21 -12
  40. package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js +7 -7
  41. package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js +15 -10
  42. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/editor/index.js +29 -3
  43. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.js +260 -7
  44. package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js +21 -19
  45. package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.js +18 -13
  46. package/dist/collection/components/molecules/inputs/mg-input-textarea/mg-input-textarea.js +7 -7
  47. package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.js +10 -9
  48. package/dist/collection/components/molecules/internals/mg-item-more/mg-item-more.js +1 -1
  49. package/dist/collection/components/molecules/menus/mg-menu/mg-menu.js +7 -5
  50. package/dist/collection/components/molecules/menus/mg-menu-item/mg-menu-item.js +18 -17
  51. package/dist/collection/components/molecules/mg-action-more/mg-action-more.js +7 -4
  52. package/dist/collection/components/molecules/mg-alert/mg-alert.js +6 -7
  53. package/dist/collection/components/molecules/mg-breadcrumb/mg-breadcrumb.js +49 -6
  54. package/dist/collection/components/molecules/mg-details/mg-details.js +1 -1
  55. package/dist/collection/components/molecules/mg-fieldset/mg-fieldset.js +6 -6
  56. package/dist/collection/components/molecules/mg-form/mg-form.js +16 -13
  57. package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js +2 -2
  58. package/dist/collection/components/molecules/mg-loader/mg-loader.js +1 -1
  59. package/dist/collection/components/molecules/mg-message/mg-message.js +2 -2
  60. package/dist/collection/components/molecules/mg-modal/mg-modal.js +2 -2
  61. package/dist/collection/components/molecules/mg-pagination/mg-pagination.js +8 -4
  62. package/dist/collection/components/molecules/mg-panel/mg-panel.js +13 -4
  63. package/dist/collection/components/molecules/mg-popover/mg-popover-content/mg-popover-content.js +2 -2
  64. package/dist/collection/components/molecules/mg-popover/mg-popover.js +21 -37
  65. package/dist/collection/components/molecules/mg-progress/mg-progress.js +1 -1
  66. package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.js +5 -3
  67. package/dist/collection/components/molecules/mg-table/mg-table.js +10 -6
  68. package/dist/collection/components/molecules/mg-tabs/mg-tabs.js +12 -9
  69. package/dist/collection/utils/behaviors.utils.js +3 -3
  70. package/dist/collection/utils/playwright.fixture.js +7 -2
  71. package/dist/components/mg-action-more.js +1 -1
  72. package/dist/components/mg-alert.js +1 -1
  73. package/dist/components/mg-badge2.js +1 -1
  74. package/dist/components/mg-breadcrumb.js +1 -1
  75. package/dist/components/mg-button2.js +1 -1
  76. package/dist/components/mg-card2.js +1 -1
  77. package/dist/components/mg-character-left2.js +1 -1
  78. package/dist/components/mg-details.js +1 -1
  79. package/dist/components/mg-divider2.js +1 -1
  80. package/dist/components/mg-fieldset.js +1 -1
  81. package/dist/components/mg-form.js +1 -1
  82. package/dist/components/mg-icon2.js +1 -1
  83. package/dist/components/mg-illustrated-message.js +1 -1
  84. package/dist/components/mg-illustration.d.ts +11 -0
  85. package/dist/components/mg-illustration.js +1 -0
  86. package/dist/components/mg-input-checkbox.js +1 -1
  87. package/dist/components/mg-input-combobox.js +1 -1
  88. package/dist/components/mg-input-date.js +1 -1
  89. package/dist/components/mg-input-file.js +1 -1
  90. package/dist/components/mg-input-numeric.js +1 -1
  91. package/dist/components/mg-input-password.js +1 -1
  92. package/dist/components/mg-input-radio.js +1 -1
  93. package/dist/components/mg-input-rich-text-editor.js +294 -284
  94. package/dist/components/mg-input-select2.js +1 -1
  95. package/dist/components/mg-input-text2.js +1 -1
  96. package/dist/components/mg-input-textarea.js +1 -1
  97. package/dist/components/mg-input-title2.js +1 -1
  98. package/dist/components/mg-input-toggle.js +1 -1
  99. package/dist/components/mg-input2.js +1 -1
  100. package/dist/components/mg-item-more2.js +1 -1
  101. package/dist/components/mg-loader2.js +1 -1
  102. package/dist/components/mg-menu-item2.js +1 -1
  103. package/dist/components/mg-message2.js +1 -1
  104. package/dist/components/mg-modal.js +1 -1
  105. package/dist/components/mg-pagination.js +1 -1
  106. package/dist/components/mg-panel.js +1 -1
  107. package/dist/components/mg-popover-content2.js +1 -1
  108. package/dist/components/mg-popover2.js +1 -1
  109. package/dist/components/mg-progress.js +1 -1
  110. package/dist/components/mg-skip-links.js +1 -1
  111. package/dist/components/mg-table.js +1 -1
  112. package/dist/components/mg-tabs2.js +1 -1
  113. package/dist/components/mg-tag.js +1 -1
  114. package/dist/components/mg-tooltip-content2.js +1 -1
  115. package/dist/components/mg-tooltip2.js +1 -1
  116. package/dist/custom-elements.json +178 -48
  117. package/dist/esm/{index-C7xjtdiw.js → index-91BOpzAB.js} +14 -6
  118. package/dist/esm/{index-DSEloqPn.js → index-BfblyCaJ.js} +3 -1
  119. package/dist/esm/index-Ci9Hv7DG.js +3 -0
  120. package/dist/esm/{index-DshvCiTL.js → index-D4bO_UCn.js} +5 -1
  121. package/dist/esm/loader.js +3 -3
  122. package/dist/esm/mg-action-more_36.entry.js +382 -256
  123. package/dist/esm/mg-alert.entry.js +7 -8
  124. package/dist/esm/mg-breadcrumb.entry.js +27 -10
  125. package/dist/esm/mg-components.js +3 -3
  126. package/dist/esm/mg-fieldset.entry.js +8 -8
  127. package/dist/esm/mg-illustration.entry.js +55 -0
  128. package/dist/esm/mg-input-combobox.entry.js +40 -23
  129. package/dist/esm/mg-input-file.entry.js +12 -11
  130. package/dist/esm/mg-input-rich-text-editor.entry.js +2550 -3996
  131. package/dist/esm/mg-loader.entry.js +5 -5
  132. package/dist/esm/mg-progress.entry.js +3 -3
  133. package/dist/mg-components/mg-components.css +1 -1
  134. package/dist/mg-components/mg-components.esm.js +1 -1
  135. package/dist/mg-components/{p-cdb01923.entry.js → p-3ad7441c.entry.js} +1 -1
  136. package/dist/mg-components/p-413b4536.entry.js +1 -0
  137. package/dist/mg-components/p-4693077a.entry.js +1 -0
  138. package/dist/mg-components/p-5dff879a.entry.js +1 -0
  139. package/dist/mg-components/{p-08d3d957.entry.js → p-96fc508e.entry.js} +1 -1
  140. package/dist/mg-components/p-Ci9Hv7DG.js +1 -0
  141. package/dist/mg-components/p-D4bO_UCn.js +2 -0
  142. package/dist/mg-components/{p-d0b6d8f5.entry.js → p-ad533d08.entry.js} +1 -1
  143. package/dist/mg-components/p-b20f3698.entry.js +1 -0
  144. package/dist/mg-components/p-d0d12800.entry.js +1 -0
  145. package/dist/mg-components/p-ec4bd337.entry.js +1667 -0
  146. package/dist/mg-components/p-f8e58181.entry.js +1 -0
  147. package/dist/types/assets/illustrations/index.d.ts +21 -0
  148. package/dist/types/components/atoms/mg-divider/mg-divider.conf.d.ts +9 -0
  149. package/dist/types/components/atoms/mg-divider/mg-divider.d.ts +13 -0
  150. package/dist/types/components/atoms/mg-illustration/mg-illustration.conf.d.ts +5 -0
  151. package/dist/types/components/atoms/mg-illustration/mg-illustration.d.ts +24 -0
  152. package/dist/types/components/molecules/inputs/mg-input/mg-input.d.ts +18 -0
  153. package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.d.ts +1 -1
  154. package/dist/types/components/molecules/inputs/mg-input-combobox/mg-input-combobox.d.ts +10 -5
  155. package/dist/types/components/molecules/inputs/mg-input-date/mg-input-date.d.ts +2 -2
  156. package/dist/types/components/molecules/inputs/mg-input-numeric/mg-input-numeric.d.ts +2 -2
  157. package/dist/types/components/molecules/inputs/mg-input-password/mg-input-password.d.ts +2 -2
  158. package/dist/types/components/molecules/inputs/mg-input-radio/mg-input-radio.d.ts +1 -1
  159. package/dist/types/components/molecules/inputs/mg-input-rich-text-editor/editor/editor.conf.d.ts +4 -0
  160. package/dist/types/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.conf.d.ts +25 -0
  161. package/dist/types/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.d.ts +61 -2
  162. package/dist/types/components/molecules/inputs/mg-input-select/mg-input-select.d.ts +2 -2
  163. package/dist/types/components/molecules/inputs/mg-input-text/mg-input-text.d.ts +2 -2
  164. package/dist/types/components/molecules/inputs/mg-input-textarea/mg-input-textarea.d.ts +2 -2
  165. package/dist/types/components/molecules/inputs/mg-input-toggle/mg-input-toggle.d.ts +2 -2
  166. package/dist/types/components/molecules/menus/mg-menu-item/mg-menu-item.d.ts +2 -2
  167. package/dist/types/components/molecules/mg-alert/mg-alert.d.ts +2 -2
  168. package/dist/types/components/molecules/mg-breadcrumb/mg-breadcrumb.d.ts +11 -0
  169. package/dist/types/components/molecules/mg-popover/mg-popover-content/mg-popover-content.d.ts +1 -1
  170. package/dist/types/components/molecules/mg-popover/mg-popover.d.ts +3 -3
  171. package/dist/types/components/molecules/mg-skip-links/mg-skip-links.d.ts +1 -1
  172. package/dist/types/components/molecules/mg-tabs/mg-tabs.d.ts +1 -1
  173. package/dist/types/components.d.ts +145 -40
  174. package/ide/intellij/web-types.json +134 -64
  175. package/ide/vscode/css-custom-data.json +6 -2
  176. package/ide/vscode/html-custom-data.json +190 -32
  177. package/package.json +21 -21
  178. package/dist/mg-components/p-13feb37a.entry.js +0 -1
  179. package/dist/mg-components/p-7c63e469.entry.js +0 -1
  180. package/dist/mg-components/p-7fd3e519.entry.js +0 -1
  181. package/dist/mg-components/p-9953b835.entry.js +0 -1
  182. package/dist/mg-components/p-9c0a9fc7.entry.js +0 -1657
  183. package/dist/mg-components/p-DshvCiTL.js +0 -2
  184. package/dist/mg-components/p-a338088e.entry.js +0 -1
  185. /package/dist/mg-components/{p-C7xjtdiw.js → p-91BOpzAB.js} +0 -0
  186. /package/dist/mg-components/{p-DSEloqPn.js → p-BfblyCaJ.js} +0 -0
@@ -175,14 +175,14 @@
175
175
  },
176
176
  {
177
177
  "name": "component-hide",
178
- "description": "Emited event when alert is hidden",
178
+ "description": "Emitted event when alert is hidden",
179
179
  "type": {
180
180
  "text": "CustomEvent<void>"
181
181
  }
182
182
  },
183
183
  {
184
184
  "name": "component-show",
185
- "description": "Emited event when alert is diplayed",
185
+ "description": "Emitted event when alert is diplayed",
186
186
  "type": {
187
187
  "text": "CustomEvent<void>"
188
188
  }
@@ -350,7 +350,15 @@
350
350
  }
351
351
  }
352
352
  ],
353
- "events": [],
353
+ "events": [
354
+ {
355
+ "name": "item-click",
356
+ "description": "Emitted event when item link is clicked",
357
+ "type": {
358
+ "text": "CustomEvent<{ label: string; href?: string; icon?: \"filter\" | \"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\" | \"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\" | \"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\" | \"comment-sms-outline\" | \"conversation\" | \"conversation-outline\" | \"copy\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"download\" | \"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-cog-outline\" | \"file-download\" | \"file-download-outline\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-upload-outline\" | \"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\" | \"folder-star-outline\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"glitters\" | \"glitters-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-euro\" | \"hand-euro-outline\" | \"hand-up\" | \"history\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"key\" | \"laptop\" | \"layers\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"link\" | \"list\" | \"loader\" | \"location\" | \"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\" | \"pause\" | \"pause-outline\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"plus-circle-outline\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sidebar-arrow-left\" | \"sidebar-arrow-right\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"table\" | \"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\"; }>"
359
+ }
360
+ }
361
+ ],
354
362
  "slots": [],
355
363
  "cssProperties": [],
356
364
  "cssParts": []
@@ -805,7 +813,7 @@
805
813
  },
806
814
  {
807
815
  "name": "--mg-c-card-border-radius-default",
808
- "description": "Defines the default border radius property for the card. Default value: `--mg-b-size-12`."
816
+ "description": "Defines the default border radius property for the card. Default value: `--mg-b-size-radius-xlarge`."
809
817
  },
810
818
  {
811
819
  "name": "--mg-c-card-box-shadow",
@@ -1002,6 +1010,15 @@
1002
1010
  "customElement": true,
1003
1011
  "description": "",
1004
1012
  "attributes": [
1013
+ {
1014
+ "name": "direction",
1015
+ "description": "Define component direction",
1016
+ "type": {
1017
+ "text": "\"horizontal\" | \"vertical\""
1018
+ },
1019
+ "default": "'horizontal'",
1020
+ "fieldName": "direction"
1021
+ },
1005
1022
  {
1006
1023
  "name": "full-width",
1007
1024
  "description": "Define component size",
@@ -1013,6 +1030,16 @@
1013
1030
  }
1014
1031
  ],
1015
1032
  "members": [
1033
+ {
1034
+ "kind": "field",
1035
+ "name": "direction",
1036
+ "description": "Define component direction",
1037
+ "type": {
1038
+ "text": "\"horizontal\" | \"vertical\""
1039
+ },
1040
+ "default": "'horizontal'",
1041
+ "attribute": "direction"
1042
+ },
1016
1043
  {
1017
1044
  "kind": "field",
1018
1045
  "name": "fullWidth",
@@ -1033,7 +1060,7 @@
1033
1060
  },
1034
1061
  {
1035
1062
  "name": "--mg-c-divider-spacing-vertical",
1036
- "description": "Defines the vertical spacing of the divider. The default value is `--mg-b-size-40`."
1063
+ "description": "Defines the spacing around the divider: vertical spacing when direction is \"horizontal\", horizontal spacing when direction is \"vertical\". The default value is `--mg-b-size-40`."
1037
1064
  },
1038
1065
  {
1039
1066
  "name": "--mg-c-divider-thickness",
@@ -1727,6 +1754,64 @@
1727
1754
  }
1728
1755
  ]
1729
1756
  },
1757
+ {
1758
+ "kind": "javascript-module",
1759
+ "path": "src/components/atoms/mg-illustration/mg-illustration.tsx",
1760
+ "declarations": [
1761
+ {
1762
+ "kind": "class",
1763
+ "name": "MgIllustration",
1764
+ "tagName": "mg-illustration",
1765
+ "customElement": true,
1766
+ "description": "",
1767
+ "attributes": [
1768
+ {
1769
+ "name": "illustration",
1770
+ "description": "Illustration to display, by name from",
1771
+ "type": {
1772
+ "text": "\"aides\" | \"all-done\" | \"convention-empty\" | \"conviviale\" | \"digital-forms\" | \"digital-security\" | \"disconnected\" | \"documents\" | \"echanges\" | \"empty\" | \"missing-informations\" | \"neutral\" | \"no-data\" | \"no-result\" | \"request-sent\" | \"search-no-result\" | \"secure-data\" | \"stage\" | \"welcome\""
1773
+ },
1774
+ "fieldName": "illustration"
1775
+ }
1776
+ ],
1777
+ "members": [
1778
+ {
1779
+ "kind": "field",
1780
+ "name": "illustration",
1781
+ "description": "Illustration to display, by name from",
1782
+ "type": {
1783
+ "text": "\"aides\" | \"all-done\" | \"convention-empty\" | \"conviviale\" | \"digital-forms\" | \"digital-security\" | \"disconnected\" | \"documents\" | \"echanges\" | \"empty\" | \"missing-informations\" | \"neutral\" | \"no-data\" | \"no-result\" | \"request-sent\" | \"search-no-result\" | \"secure-data\" | \"stage\" | \"welcome\""
1784
+ },
1785
+ "attribute": "illustration"
1786
+ }
1787
+ ],
1788
+ "events": [],
1789
+ "slots": [],
1790
+ "cssProperties": [
1791
+ {
1792
+ "name": "--mg-c-illustration-color",
1793
+ "description": "Overrides the brand-accent colour of the illustration. Unset by default, so the illustration keeps its own brand colours (as when loaded as an `<img>`)."
1794
+ }
1795
+ ],
1796
+ "cssParts": [
1797
+ {
1798
+ "name": "illustration",
1799
+ "description": "The inlined illustration SVG. Recolor its brand accent through the `--mg-b-color-app` custom property."
1800
+ }
1801
+ ]
1802
+ }
1803
+ ],
1804
+ "exports": [
1805
+ {
1806
+ "kind": "custom-element-definition",
1807
+ "name": "mg-illustration",
1808
+ "declaration": {
1809
+ "name": "MgIllustration",
1810
+ "module": "src/components/atoms/mg-illustration/mg-illustration.tsx"
1811
+ }
1812
+ }
1813
+ ]
1814
+ },
1730
1815
  {
1731
1816
  "kind": "javascript-module",
1732
1817
  "path": "src/components/molecules/inputs/mg-input/mg-input.tsx",
@@ -2417,7 +2502,7 @@
2417
2502
  "events": [
2418
2503
  {
2419
2504
  "name": "input-valid",
2420
- "description": "Emited event when checking validity",
2505
+ "description": "Emitted event when checking validity",
2421
2506
  "type": {
2422
2507
  "text": "CustomEvent<boolean>"
2423
2508
  }
@@ -2558,6 +2643,15 @@
2558
2643
  },
2559
2644
  "fieldName": "placeholder"
2560
2645
  },
2646
+ {
2647
+ "name": "popover-placement",
2648
+ "description": "Define the popover placement",
2649
+ "type": {
2650
+ "text": "\"auto\" | \"auto-end\" | \"auto-start\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\""
2651
+ },
2652
+ "default": "'bottom-start'",
2653
+ "fieldName": "popoverPlacement"
2654
+ },
2561
2655
  {
2562
2656
  "name": "readonly",
2563
2657
  "description": "Define if input is readonly",
@@ -2748,6 +2842,16 @@
2748
2842
  },
2749
2843
  "attribute": "placeholder"
2750
2844
  },
2845
+ {
2846
+ "kind": "field",
2847
+ "name": "popoverPlacement",
2848
+ "description": "Define the popover placement",
2849
+ "type": {
2850
+ "text": "\"auto\" | \"auto-end\" | \"auto-start\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\""
2851
+ },
2852
+ "default": "'bottom-start'",
2853
+ "attribute": "popover-placement"
2854
+ },
2751
2855
  {
2752
2856
  "kind": "field",
2753
2857
  "name": "readonly",
@@ -2829,35 +2933,35 @@
2829
2933
  "events": [
2830
2934
  {
2831
2935
  "name": "fetch-error",
2832
- "description": "Emited event when fetch API throw an error",
2936
+ "description": "Emitted event when fetch API throw an error",
2833
2937
  "type": {
2834
2938
  "text": "CustomEvent<Error>"
2835
2939
  }
2836
2940
  },
2837
2941
  {
2838
2942
  "name": "filter-change",
2839
- "description": "Emited event when filter change",
2943
+ "description": "Emitted event when filter change",
2840
2944
  "type": {
2841
2945
  "text": "CustomEvent<string>"
2842
2946
  }
2843
2947
  },
2844
2948
  {
2845
2949
  "name": "input-valid",
2846
- "description": "Emited event when checking validity",
2950
+ "description": "Emitted event when checking validity",
2847
2951
  "type": {
2848
2952
  "text": "CustomEvent<boolean>"
2849
2953
  }
2850
2954
  },
2851
2955
  {
2852
2956
  "name": "load-more",
2853
- "description": "Emited event when `load-more` is called",
2957
+ "description": "Emitted event when `load-more` is called",
2854
2958
  "type": {
2855
2959
  "text": "CustomEvent<void>"
2856
2960
  }
2857
2961
  },
2858
2962
  {
2859
2963
  "name": "value-change",
2860
- "description": "Emited event when value change",
2964
+ "description": "Emitted event when value change",
2861
2965
  "type": {
2862
2966
  "text": "CustomEvent<string | { title: string; value: unknown; }>"
2863
2967
  }
@@ -3204,14 +3308,14 @@
3204
3308
  "events": [
3205
3309
  {
3206
3310
  "name": "input-valid",
3207
- "description": "Emited event when checking validity",
3311
+ "description": "Emitted event when checking validity",
3208
3312
  "type": {
3209
3313
  "text": "CustomEvent<boolean>"
3210
3314
  }
3211
3315
  },
3212
3316
  {
3213
3317
  "name": "value-change",
3214
- "description": "Emited event when value change",
3318
+ "description": "Emitted event when value change",
3215
3319
  "type": {
3216
3320
  "text": "CustomEvent<string>"
3217
3321
  }
@@ -4090,14 +4194,14 @@
4090
4194
  "events": [
4091
4195
  {
4092
4196
  "name": "input-valid",
4093
- "description": "Emited event when checking validity",
4197
+ "description": "Emitted event when checking validity",
4094
4198
  "type": {
4095
4199
  "text": "CustomEvent<boolean>"
4096
4200
  }
4097
4201
  },
4098
4202
  {
4099
4203
  "name": "value-change",
4100
- "description": "Emited event when value change",
4204
+ "description": "Emitted event when value change",
4101
4205
  "type": {
4102
4206
  "text": "CustomEvent<number>"
4103
4207
  }
@@ -4466,14 +4570,14 @@
4466
4570
  "events": [
4467
4571
  {
4468
4572
  "name": "input-valid",
4469
- "description": "Emited event when checking validity",
4573
+ "description": "Emitted event when checking validity",
4470
4574
  "type": {
4471
4575
  "text": "CustomEvent<boolean>"
4472
4576
  }
4473
4577
  },
4474
4578
  {
4475
4579
  "name": "value-change",
4476
- "description": "Emited event when value change",
4580
+ "description": "Emitted event when value change",
4477
4581
  "type": {
4478
4582
  "text": "CustomEvent<string>"
4479
4583
  }
@@ -4811,7 +4915,7 @@
4811
4915
  "events": [
4812
4916
  {
4813
4917
  "name": "input-valid",
4814
- "description": "Emited event when checking validity",
4918
+ "description": "Emitted event when checking validity",
4815
4919
  "type": {
4816
4920
  "text": "CustomEvent<boolean>"
4817
4921
  }
@@ -5014,6 +5118,14 @@
5014
5118
  }
5015
5119
  ],
5016
5120
  "members": [
5121
+ {
5122
+ "kind": "field",
5123
+ "name": "customActions",
5124
+ "description": "Inject custom action buttons in the toolbar (e.g. to insert merge fields or apply custom formatting).\nButtons are appended after the built-in `modules`.\nEach action is an object `{ name, label, icon }`:\n- `name`: unique identifier, returned in the `custom-action` event detail on click.\n- `label`: accessible label used as the button tooltip and aria-label.\n- `icon`: design system `mg-icon` name rendered inside the button, unique across actions.\nThe action behaviour is the consumer's responsibility: listen to `custom-action`,\nthen read/write the selection with `getSelectedText()` / `getSelectedHTML()` / `replaceSelection()`.",
5125
+ "type": {
5126
+ "text": "RichTextEditorCustomAction[]"
5127
+ }
5128
+ },
5017
5129
  {
5018
5130
  "kind": "field",
5019
5131
  "name": "disabled",
@@ -5217,6 +5329,21 @@
5217
5329
  "name": "getEditorText",
5218
5330
  "description": "Get editor content in plain text format"
5219
5331
  },
5332
+ {
5333
+ "kind": "method",
5334
+ "name": "getSelectedHTML",
5335
+ "description": "Get the current text selection as HTML.\nWhen a custom action is in progress, returns the selection snapshotted when the action was triggered."
5336
+ },
5337
+ {
5338
+ "kind": "method",
5339
+ "name": "getSelectedText",
5340
+ "description": "Get the current text selection as plain text.\nWhen a custom action is in progress, returns the selection snapshotted when the action was triggered."
5341
+ },
5342
+ {
5343
+ "kind": "method",
5344
+ "name": "replaceSelection",
5345
+ "description": "Replace the current text selection with the given content.\nWhen a custom action is in progress, the selection snapshotted when the action was triggered is\nrestored first, so the replacement targets the right range even after focus moved away (e.g. during\nan async network request). No-op when the editor is readonly or disabled."
5346
+ },
5220
5347
  {
5221
5348
  "kind": "method",
5222
5349
  "name": "reset",
@@ -5234,16 +5361,30 @@
5234
5361
  }
5235
5362
  ],
5236
5363
  "events": [
5364
+ {
5365
+ "name": "custom-action",
5366
+ "description": "Emitted event when a custom action button is clicked.\nThe detail contains the action `name`.",
5367
+ "type": {
5368
+ "text": "CustomEvent<string>"
5369
+ }
5370
+ },
5237
5371
  {
5238
5372
  "name": "input-valid",
5239
- "description": "Emited event when checking validity",
5373
+ "description": "Emitted event when checking validity",
5240
5374
  "type": {
5241
5375
  "text": "CustomEvent<boolean>"
5242
5376
  }
5243
5377
  },
5378
+ {
5379
+ "name": "selection-change",
5380
+ "description": "Emitted event when the text selection changes.\nThe detail contains the selected `text`, sanitized `html` and whether the selection `isCollapsed`.",
5381
+ "type": {
5382
+ "text": "CustomEvent<{ text: string; html: string; isCollapsed: boolean; }>"
5383
+ }
5384
+ },
5244
5385
  {
5245
5386
  "name": "value-change",
5246
- "description": "Emited event when value change",
5387
+ "description": "Emitted event when value change",
5247
5388
  "type": {
5248
5389
  "text": "CustomEvent<string>"
5249
5390
  }
@@ -5634,14 +5775,14 @@
5634
5775
  "events": [
5635
5776
  {
5636
5777
  "name": "input-valid",
5637
- "description": "Emited event when checking validity",
5778
+ "description": "Emitted event when checking validity",
5638
5779
  "type": {
5639
5780
  "text": "CustomEvent<boolean>"
5640
5781
  }
5641
5782
  },
5642
5783
  {
5643
5784
  "name": "value-change",
5644
- "description": "Emited event when value change",
5785
+ "description": "Emitted event when value change",
5645
5786
  "type": {
5646
5787
  "text": "CustomEvent<ICheckboxValue[]>"
5647
5788
  }
@@ -6104,14 +6245,14 @@
6104
6245
  "events": [
6105
6246
  {
6106
6247
  "name": "input-valid",
6107
- "description": "Emited event when checking validity",
6248
+ "description": "Emitted event when checking validity",
6108
6249
  "type": {
6109
6250
  "text": "CustomEvent<boolean>"
6110
6251
  }
6111
6252
  },
6112
6253
  {
6113
6254
  "name": "value-change",
6114
- "description": "Emited event when value change",
6255
+ "description": "Emitted event when value change",
6115
6256
  "type": {
6116
6257
  "text": "CustomEvent<any>"
6117
6258
  }
@@ -6573,14 +6714,14 @@
6573
6714
  "events": [
6574
6715
  {
6575
6716
  "name": "input-valid",
6576
- "description": "Emited event when checking validity",
6717
+ "description": "Emitted event when checking validity",
6577
6718
  "type": {
6578
6719
  "text": "CustomEvent<boolean>"
6579
6720
  }
6580
6721
  },
6581
6722
  {
6582
6723
  "name": "value-change",
6583
- "description": "Emited event when value change",
6724
+ "description": "Emitted event when value change",
6584
6725
  "type": {
6585
6726
  "text": "CustomEvent<string>"
6586
6727
  }
@@ -6870,14 +7011,14 @@
6870
7011
  "events": [
6871
7012
  {
6872
7013
  "name": "input-valid",
6873
- "description": "Emited event when checking validity",
7014
+ "description": "Emitted event when checking validity",
6874
7015
  "type": {
6875
7016
  "text": "CustomEvent<boolean>"
6876
7017
  }
6877
7018
  },
6878
7019
  {
6879
7020
  "name": "value-change",
6880
- "description": "Emited event when value change",
7021
+ "description": "Emitted event when value change",
6881
7022
  "type": {
6882
7023
  "text": "CustomEvent<unknown>"
6883
7024
  }
@@ -7195,14 +7336,14 @@
7195
7336
  "events": [
7196
7337
  {
7197
7338
  "name": "item-loaded",
7198
- "description": "Emited event when item is loaded",
7339
+ "description": "Emitted event when item is loaded",
7199
7340
  "type": {
7200
7341
  "text": "CustomEvent<void>"
7201
7342
  }
7202
7343
  },
7203
7344
  {
7204
7345
  "name": "item-updated",
7205
- "description": "Emited event when item is updated",
7346
+ "description": "Emitted event when item is updated",
7206
7347
  "type": {
7207
7348
  "text": "CustomEvent<void>"
7208
7349
  }
@@ -7958,15 +8099,6 @@
7958
8099
  "customElement": true,
7959
8100
  "description": "",
7960
8101
  "attributes": [
7961
- {
7962
- "name": "arrow-hide",
7963
- "description": "Hide popover arrow",
7964
- "type": {
7965
- "text": "boolean"
7966
- },
7967
- "default": "false",
7968
- "fieldName": "arrowHide"
7969
- },
7970
8102
  {
7971
8103
  "name": "close-button",
7972
8104
  "description": "Define if popover has a cross button",
@@ -8009,7 +8141,7 @@
8009
8141
  "type": {
8010
8142
  "text": "\"auto\" | \"auto-end\" | \"auto-start\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\""
8011
8143
  },
8012
- "default": "'bottom'",
8144
+ "default": "'bottom-start'",
8013
8145
  "fieldName": "placement"
8014
8146
  }
8015
8147
  ],
@@ -8019,10 +8151,8 @@
8019
8151
  "name": "arrowHide",
8020
8152
  "description": "Hide popover arrow",
8021
8153
  "type": {
8022
- "text": "boolean"
8023
- },
8024
- "default": "false",
8025
- "attribute": "arrow-hide"
8154
+ "text": "never"
8155
+ }
8026
8156
  },
8027
8157
  {
8028
8158
  "kind": "field",
@@ -8071,7 +8201,7 @@
8071
8201
  "type": {
8072
8202
  "text": "\"auto\" | \"auto-end\" | \"auto-start\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\""
8073
8203
  },
8074
- "default": "'bottom'",
8204
+ "default": "'bottom-start'",
8075
8205
  "attribute": "placement"
8076
8206
  }
8077
8207
  ],
@@ -8085,7 +8215,7 @@
8085
8215
  },
8086
8216
  {
8087
8217
  "name": "display-change",
8088
- "description": "Emited event when display value change",
8218
+ "description": "Emitted event when display value change",
8089
8219
  "type": {
8090
8220
  "text": "CustomEvent<boolean>"
8091
8221
  }
@@ -8326,7 +8456,7 @@
8326
8456
  "events": [
8327
8457
  {
8328
8458
  "name": "go-to-anchor",
8329
- "description": "Emited event when link is clicked",
8459
+ "description": "Emitted event when link is clicked",
8330
8460
  "type": {
8331
8461
  "text": "CustomEvent<string>"
8332
8462
  }
@@ -8540,7 +8670,7 @@
8540
8670
  "events": [
8541
8671
  {
8542
8672
  "name": "active-tab-change",
8543
- "description": "Emited event when active tab change",
8673
+ "description": "Emitted event when active tab change",
8544
8674
  "type": {
8545
8675
  "text": "CustomEvent<number>"
8546
8676
  }
@@ -77,7 +77,7 @@ const getObjectValueFromKey = (object, path, defaultValue) => {
77
77
  * @param items - items to check
78
78
  * @returns `true` if all items are strings
79
79
  */
80
- const allItemsAreString = (items) => Array.isArray(items) && items.every(item => typeof item === 'string');
80
+ const allItemsAreString = (items) => Array.isArray(items) && items.every((item) => typeof item === 'string');
81
81
  /**
82
82
  * Validate string
83
83
  * @param value - value to check
@@ -140,7 +140,7 @@ const createID = (prefix = '', length = 10) => {
140
140
  const randomBytes = new Uint8Array(length);
141
141
  crypto.getRandomValues(randomBytes);
142
142
  const hexString = Array.from(randomBytes)
143
- .map(byte => byte.toString(16).padStart(2, '0'))
143
+ .map((byte) => byte.toString(16).padStart(2, '0'))
144
144
  .join('')
145
145
  .slice(0, length);
146
146
  return prefix !== '' ? `${prefix}-${hexString}` : hexString;
@@ -241,7 +241,7 @@ class Page {
241
241
  let newIndex;
242
242
  let oldIndex = startIndex;
243
243
  if (['previous', 'next'].includes(cursor) && oldItem) {
244
- const findedIndex = this.items.findIndex(item => JSON.stringify(item) === JSON.stringify(oldItem));
244
+ const findedIndex = this.items.findIndex((item) => JSON.stringify(item) === JSON.stringify(oldItem));
245
245
  if (findedIndex === -1)
246
246
  return startIndex;
247
247
  oldIndex = findedIndex;
@@ -254,10 +254,16 @@ class Page {
254
254
  newIndex = lastIndex;
255
255
  }
256
256
  else if (cursor === 'previous') {
257
- newIndex = JSON.stringify(this.items[oldIndex]) === JSON.stringify(this.items[startIndex]) ? lastIndex : oldIndex - this.baseIndex;
257
+ newIndex =
258
+ JSON.stringify(this.items[oldIndex]) === JSON.stringify(this.items[startIndex])
259
+ ? lastIndex
260
+ : oldIndex - this.baseIndex;
258
261
  }
259
262
  else if (cursor === 'next') {
260
- newIndex = JSON.stringify(this.items[oldIndex]) === JSON.stringify(this.items[lastIndex]) ? startIndex : oldIndex + this.baseIndex;
263
+ newIndex =
264
+ JSON.stringify(this.items[oldIndex]) === JSON.stringify(this.items[lastIndex])
265
+ ? startIndex
266
+ : oldIndex + this.baseIndex;
261
267
  }
262
268
  else {
263
269
  newIndex = startIndex;
@@ -281,7 +287,9 @@ class Paginate {
281
287
  constructor(items, options) {
282
288
  if (Array.isArray(items))
283
289
  this.items = items;
284
- if (options && (['string', 'function'].includes(typeof options.next) || (isObject(options.next) && URL.canParse(options.next))))
290
+ if (options &&
291
+ (['string', 'function'].includes(typeof options.next) ||
292
+ (isObject(options.next) && URL.canParse(options.next))))
285
293
  this.#next = options.next;
286
294
  if (typeof options?.top === 'number')
287
295
  this.#top = options.top;
@@ -497,7 +497,9 @@ const localeUnit = (number, locale, unit, unitDisplay = 'short', decimalLength =
497
497
  * localeDate('2022-06-02', 'fr') // '02/06/2022'
498
498
  * ```
499
499
  */
500
- const localeDate = (date, locale, config) => typeof date !== 'string' || date === '' || !dateRegExp.test(date) ? '' : new Intl.DateTimeFormat(locale, config).format(new Date(date));
500
+ const localeDate = (date, locale, config) => typeof date !== 'string' || date === '' || !dateRegExp.test(date)
501
+ ? ''
502
+ : new Intl.DateTimeFormat(locale, config).format(new Date(date));
501
503
  /**
502
504
  * Get Intl object
503
505
  * @param messages - locales to render in object format. `ex: { en: { porp: "test" }, fr: { porp: "test" }}`.