@mgdis/mg-components 6.13.1 → 6.15.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 (441) hide show
  1. package/dist/cjs/{index-CATFkm3O.js → index-BGxkpQwi.js} +230 -122
  2. package/dist/cjs/{index-DUJwxnoi.js → index-CpENFzEo.js} +2 -5
  3. package/dist/cjs/{index-CwjAofQ1.js → index-iUZvsp-F.js} +55 -34
  4. package/dist/cjs/index.cjs.js +0 -3
  5. package/dist/cjs/loader.cjs.js +3 -7
  6. package/dist/cjs/mg-action-more_37.cjs.entry.js +553 -264
  7. package/dist/cjs/mg-alert.cjs.entry.js +7 -10
  8. package/dist/cjs/mg-components.cjs.js +4 -8
  9. package/dist/cjs/mg-input-combobox.cjs.entry.js +149 -88
  10. package/dist/cjs/mg-input-rich-text-editor.cjs.entry.js +1264 -16023
  11. package/dist/cjs/{mg-input.conf-WTsvDfpC.js → mg-input.conf-CwjEAih3.js} +7 -3
  12. package/dist/cjs/mg-input.utils-D-ASK4ua.js +49 -0
  13. package/dist/cjs/mg-loader.cjs.entry.js +4 -7
  14. package/dist/cjs/mg-progress.cjs.entry.js +3 -6
  15. package/dist/collection/assets/icons/index.js +1 -2
  16. package/dist/collection/collection-manifest.json +2 -2
  17. package/dist/collection/components/atoms/internals/mg-character-left/mg-character-left.js +3 -4
  18. package/dist/collection/components/atoms/internals/mg-input-title/mg-input-title.js +4 -5
  19. package/dist/collection/components/atoms/mg-badge/mg-badge.conf.js +0 -1
  20. package/dist/collection/components/atoms/mg-badge/mg-badge.js +4 -5
  21. package/dist/collection/components/atoms/mg-button/mg-button.conf.js +0 -1
  22. package/dist/collection/components/atoms/mg-button/mg-button.js +9 -10
  23. package/dist/collection/components/atoms/mg-card/mg-card.conf.js +4 -0
  24. package/dist/collection/components/atoms/mg-card/mg-card.js +104 -2
  25. package/dist/collection/components/atoms/mg-divider/mg-divider.js +1 -2
  26. package/dist/collection/components/atoms/mg-icon/mg-icon.conf.js +0 -1
  27. package/dist/collection/components/atoms/mg-icon/mg-icon.js +6 -7
  28. package/dist/collection/components/atoms/mg-tag/mg-tag.conf.js +0 -1
  29. package/dist/collection/components/atoms/mg-tag/mg-tag.js +3 -4
  30. package/dist/collection/components/atoms/mg-tooltip/mg-tooltip-content/mg-tooltip-content.js +1 -2
  31. package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.conf.js +0 -1
  32. package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.js +5 -6
  33. package/dist/collection/components/molecules/inputs/mg-input/mg-input.conf.js +6 -1
  34. package/dist/collection/components/molecules/inputs/mg-input/mg-input.js +125 -39
  35. package/dist/collection/components/molecules/inputs/mg-input/mg-input.utils.js +21 -0
  36. package/dist/collection/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxList.js +2 -2
  37. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.js +55 -111
  38. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf.js +0 -1
  39. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js +143 -68
  40. package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.conf.js +0 -1
  41. package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.js +161 -75
  42. package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.conf.js +0 -1
  43. package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js +17 -18
  44. package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.conf.js +0 -1
  45. package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js +31 -27
  46. package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js +18 -19
  47. package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.conf.js +0 -1
  48. package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js +79 -26
  49. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/editor/index.js +0 -1
  50. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.js +19 -19
  51. package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.conf.js +0 -1
  52. package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js +91 -37
  53. package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.conf.js +0 -1
  54. package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.js +25 -25
  55. package/dist/collection/components/molecules/inputs/mg-input-textarea/mg-input-textarea.js +23 -24
  56. package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.conf.js +0 -1
  57. package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.js +156 -23
  58. package/dist/collection/components/molecules/internals/mg-item-more/mg-item-more.conf.js +0 -1
  59. package/dist/collection/components/molecules/internals/mg-item-more/mg-item-more.js +4 -3
  60. package/dist/collection/components/molecules/menus/mg-menu/mg-menu.conf.js +0 -1
  61. package/dist/collection/components/molecules/menus/mg-menu/mg-menu.js +4 -4
  62. package/dist/collection/components/molecules/menus/mg-menu-item/mg-menu-item.conf.js +0 -1
  63. package/dist/collection/components/molecules/menus/mg-menu-item/mg-menu-item.js +5 -6
  64. package/dist/collection/components/molecules/mg-action-more/mg-action-more.conf.js +0 -1
  65. package/dist/collection/components/molecules/mg-action-more/mg-action-more.js +6 -4
  66. package/dist/collection/components/molecules/mg-alert/mg-alert.conf.js +0 -1
  67. package/dist/collection/components/molecules/mg-alert/mg-alert.js +7 -8
  68. package/dist/collection/components/molecules/mg-details/mg-details.js +5 -6
  69. package/dist/collection/components/molecules/mg-form/mg-form.conf.js +0 -1
  70. package/dist/collection/components/molecules/mg-form/mg-form.js +10 -11
  71. package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.conf.js +0 -1
  72. package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js +3 -4
  73. package/dist/collection/components/molecules/mg-loader/mg-loader.js +3 -4
  74. package/dist/collection/components/molecules/mg-message/mg-message.conf.js +0 -1
  75. package/dist/collection/components/molecules/mg-message/mg-message.js +4 -5
  76. package/dist/collection/components/molecules/mg-modal/mg-modal.conf.js +0 -1
  77. package/dist/collection/components/molecules/mg-modal/mg-modal.js +7 -8
  78. package/dist/collection/components/molecules/mg-pagination/mg-pagination.conf.js +0 -1
  79. package/dist/collection/components/molecules/mg-pagination/mg-pagination.js +7 -7
  80. package/dist/collection/components/molecules/mg-panel/mg-panel.conf.js +0 -1
  81. package/dist/collection/components/molecules/mg-panel/mg-panel.js +34 -11
  82. package/dist/collection/components/molecules/mg-popover/mg-popover-content/mg-popover-content.js +2 -3
  83. package/dist/collection/components/molecules/mg-popover/mg-popover.js +7 -8
  84. package/dist/collection/components/molecules/mg-progress/mg-progress.conf.js +0 -1
  85. package/dist/collection/components/molecules/mg-progress/mg-progress.js +6 -7
  86. package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.conf.js +0 -1
  87. package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.js +5 -4
  88. package/dist/collection/components/molecules/mg-table/mg-table.conf.js +0 -1
  89. package/dist/collection/components/molecules/mg-table/mg-table.js +6 -6
  90. package/dist/collection/components/molecules/mg-tabs/mg-tabs.conf.js +0 -1
  91. package/dist/collection/components/molecules/mg-tabs/mg-tabs.js +6 -6
  92. package/dist/collection/index.js +0 -1
  93. package/dist/collection/locales/en/messages.json +23 -14
  94. package/dist/collection/locales/fr/messages.json +24 -15
  95. package/dist/collection/locales/index.conf.js +0 -1
  96. package/dist/collection/locales/index.js +0 -1
  97. package/dist/collection/types/index.js +0 -1
  98. package/dist/collection/utils/behaviors.utils.js +0 -1
  99. package/dist/collection/utils/events.utils.js +0 -1
  100. package/dist/collection/utils/playwright.fixture.js +0 -1
  101. package/dist/collection/utils/unit.test.utils.js +0 -1
  102. package/dist/components/events.utils.js +0 -3
  103. package/dist/components/index.js +1 -4
  104. package/dist/components/index2.js +3 -6
  105. package/dist/components/index3.js +55 -34
  106. package/dist/components/mg-action-more.js +2 -5
  107. package/dist/components/mg-alert.js +5 -8
  108. package/dist/components/mg-badge.js +0 -3
  109. package/dist/components/mg-badge2.js +1 -4
  110. package/dist/components/mg-button.js +0 -3
  111. package/dist/components/mg-button2.js +1 -4
  112. package/dist/components/mg-card.js +0 -3
  113. package/dist/components/mg-card2.js +55 -6
  114. package/dist/components/mg-character-left.js +0 -3
  115. package/dist/components/mg-character-left2.js +1 -4
  116. package/dist/components/mg-details.js +1 -100
  117. package/dist/components/mg-details2.js +99 -0
  118. package/dist/components/mg-divider.js +0 -3
  119. package/dist/components/mg-divider2.js +1 -4
  120. package/dist/components/mg-form.js +2 -5
  121. package/dist/components/mg-icon.js +0 -3
  122. package/dist/components/mg-icon2.js +1 -4
  123. package/dist/components/mg-illustrated-message.js +2 -5
  124. package/dist/components/mg-input-checkbox-paginated.js +0 -3
  125. package/dist/components/mg-input-checkbox-paginated2.js +43 -127
  126. package/dist/components/mg-input-checkbox.js +136 -65
  127. package/dist/components/mg-input-combobox.js +135 -66
  128. package/dist/components/mg-input-date.js +9 -6
  129. package/dist/components/mg-input-numeric.js +14 -6
  130. package/dist/components/mg-input-password.js +10 -7
  131. package/dist/components/mg-input-radio.js +54 -16
  132. package/dist/components/mg-input-rich-text-editor.js +1265 -16018
  133. package/dist/components/mg-input-select.js +0 -3
  134. package/dist/components/mg-input-select2.js +62 -23
  135. package/dist/components/mg-input-text.js +0 -3
  136. package/dist/components/mg-input-text2.js +10 -7
  137. package/dist/components/mg-input-textarea.js +10 -7
  138. package/dist/components/mg-input-title.js +0 -3
  139. package/dist/components/mg-input-title2.js +1 -4
  140. package/dist/components/mg-input-toggle.js +97 -15
  141. package/dist/components/mg-input.js +0 -3
  142. package/dist/components/mg-input.utils.js +24 -0
  143. package/dist/components/mg-input2.js +115 -28
  144. package/dist/components/mg-item-more.js +0 -3
  145. package/dist/components/mg-item-more2.js +2 -5
  146. package/dist/components/mg-loader.js +0 -3
  147. package/dist/components/mg-loader2.js +2 -5
  148. package/dist/components/mg-menu-item.js +0 -3
  149. package/dist/components/mg-menu-item2.js +1 -4
  150. package/dist/components/mg-menu.js +0 -3
  151. package/dist/components/mg-message.js +0 -3
  152. package/dist/components/mg-message2.js +3 -6
  153. package/dist/components/mg-modal.js +3 -6
  154. package/dist/components/mg-pagination.js +233 -4
  155. package/dist/components/mg-panel.js +20 -12
  156. package/dist/components/mg-popover-content.js +0 -3
  157. package/dist/components/mg-popover-content2.js +2 -5
  158. package/dist/components/mg-popover.js +0 -3
  159. package/dist/components/mg-popover2.js +2 -5
  160. package/dist/components/mg-progress.js +2 -5
  161. package/dist/components/mg-skip-links.js +5 -7
  162. package/dist/components/mg-table.js +4 -7
  163. package/dist/components/mg-tabs.js +1 -314
  164. package/dist/components/mg-tabs2.js +313 -0
  165. package/dist/components/mg-tag.js +1 -4
  166. package/dist/components/mg-tooltip-content.js +0 -3
  167. package/dist/components/mg-tooltip-content2.js +1 -4
  168. package/dist/components/mg-tooltip.js +0 -3
  169. package/dist/components/mg-tooltip2.js +2 -5
  170. package/dist/components/popper.js +0 -3
  171. package/dist/esm/{index-Bv7NHR-W.js → index-CKB-AnCZ.js} +55 -34
  172. package/dist/esm/{index-CAuxALt5.js → index-DhAOnZJn.js} +211 -122
  173. package/dist/esm/{index-Dr7GYvIz.js → index-WtiuOkLj.js} +2 -5
  174. package/dist/esm/index.js +0 -3
  175. package/dist/esm/loader.js +3 -7
  176. package/dist/esm/mg-action-more_37.entry.js +548 -259
  177. package/dist/esm/mg-alert.entry.js +7 -10
  178. package/dist/esm/mg-components.js +4 -8
  179. package/dist/esm/mg-input-combobox.entry.js +129 -68
  180. package/dist/esm/mg-input-rich-text-editor.entry.js +1265 -16024
  181. package/dist/esm/{mg-input.conf-CNgv8hc5.js → mg-input.conf-BAUTlb6r.js} +7 -4
  182. package/dist/esm/mg-input.utils-BYI03zSi.js +46 -0
  183. package/dist/esm/mg-loader.entry.js +4 -7
  184. package/dist/esm/mg-progress.entry.js +3 -6
  185. package/dist/mg-components/index.esm.js +0 -2
  186. package/dist/mg-components/locales/en/messages.json +23 -14
  187. package/dist/mg-components/locales/fr/messages.json +24 -15
  188. package/dist/mg-components/mg-components.css +1 -1
  189. package/dist/mg-components/mg-components.esm.js +1 -2
  190. package/dist/mg-components/p-31856cff.entry.js +1 -0
  191. package/dist/mg-components/p-420daa1e.entry.js +1 -0
  192. package/dist/mg-components/p-47e19783.entry.js +1 -0
  193. package/dist/mg-components/p-67af6274.entry.js +1 -0
  194. package/dist/mg-components/p-698dfc6c.entry.js +1 -0
  195. package/dist/mg-components/p-BAUTlb6r.js +1 -0
  196. package/dist/mg-components/p-CKB-AnCZ.js +1 -0
  197. package/dist/mg-components/p-DhAOnZJn.js +2 -0
  198. package/dist/mg-components/p-PuX-pdL4.js +1 -0
  199. package/dist/mg-components/p-WtiuOkLj.js +1 -0
  200. package/dist/mg-components/p-a0fa44cf.entry.js +1 -0
  201. package/dist/types/assets/icons/index.d.ts +6 -0
  202. package/dist/types/components/atoms/mg-card/mg-card.conf.d.ts +9 -0
  203. package/dist/types/components/atoms/mg-card/mg-card.d.ts +20 -0
  204. package/dist/types/components/molecules/inputs/mg-input/mg-input.conf.d.ts +13 -0
  205. package/dist/types/components/molecules/inputs/mg-input/mg-input.d.ts +16 -5
  206. package/dist/types/components/molecules/inputs/mg-input/mg-input.utils.d.ts +8 -0
  207. package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.d.ts +17 -40
  208. package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf.d.ts +1 -2
  209. package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.d.ts +36 -9
  210. package/dist/types/components/molecules/inputs/mg-input-combobox/mg-input-combobox.d.ts +17 -3
  211. package/dist/types/components/molecules/inputs/mg-input-radio/mg-input-radio.d.ts +18 -0
  212. package/dist/types/components/molecules/inputs/mg-input-select/mg-input-select.d.ts +23 -4
  213. package/dist/types/components/molecules/inputs/mg-input-toggle/mg-input-toggle.d.ts +40 -4
  214. package/dist/types/components/molecules/mg-panel/mg-panel.d.ts +4 -0
  215. package/dist/types/components.d.ts +471 -39
  216. package/dist/types/stencil-public-runtime.d.ts +34 -6
  217. package/ide/intellij/web-types.json +393 -39
  218. package/ide/vscode/css-custom-data.json +3 -3
  219. package/ide/vscode/html-custom-data.json +223 -35
  220. package/package.json +19 -19
  221. package/dist/cjs/app-globals-V2Kpy_OQ.js +0 -8
  222. package/dist/cjs/app-globals-V2Kpy_OQ.js.map +0 -1
  223. package/dist/cjs/events.utils-D5SAtkpQ.js +0 -28
  224. package/dist/cjs/events.utils-D5SAtkpQ.js.map +0 -1
  225. package/dist/cjs/index-CATFkm3O.js.map +0 -1
  226. package/dist/cjs/index-CwjAofQ1.js.map +0 -1
  227. package/dist/cjs/index-DUJwxnoi.js.map +0 -1
  228. package/dist/cjs/index.cjs.js.map +0 -1
  229. package/dist/cjs/loader.cjs.js.map +0 -1
  230. package/dist/cjs/mg-action-more_37.cjs.entry.js.map +0 -1
  231. package/dist/cjs/mg-alert.cjs.entry.js.map +0 -1
  232. package/dist/cjs/mg-alert.entry.cjs.js.map +0 -1
  233. package/dist/cjs/mg-components.cjs.js.map +0 -1
  234. package/dist/cjs/mg-input-combobox.cjs.entry.js.map +0 -1
  235. package/dist/cjs/mg-input-combobox.entry.cjs.js.map +0 -1
  236. package/dist/cjs/mg-input-rich-text-editor.cjs.entry.js.map +0 -1
  237. package/dist/cjs/mg-input-rich-text-editor.entry.cjs.js.map +0 -1
  238. package/dist/cjs/mg-input.conf-WTsvDfpC.js.map +0 -1
  239. package/dist/cjs/mg-loader.cjs.entry.js.map +0 -1
  240. package/dist/cjs/mg-loader.entry.cjs.js.map +0 -1
  241. package/dist/cjs/mg-progress.cjs.entry.js.map +0 -1
  242. package/dist/cjs/mg-progress.entry.cjs.js.map +0 -1
  243. package/dist/collection/assets/icons/index.js.map +0 -1
  244. package/dist/collection/components/atoms/internals/mg-character-left/mg-character-left.js.map +0 -1
  245. package/dist/collection/components/atoms/internals/mg-input-title/mg-input-title.js.map +0 -1
  246. package/dist/collection/components/atoms/mg-badge/mg-badge.conf.js.map +0 -1
  247. package/dist/collection/components/atoms/mg-badge/mg-badge.js.map +0 -1
  248. package/dist/collection/components/atoms/mg-button/mg-button.conf.js.map +0 -1
  249. package/dist/collection/components/atoms/mg-button/mg-button.js.map +0 -1
  250. package/dist/collection/components/atoms/mg-card/mg-card.js.map +0 -1
  251. package/dist/collection/components/atoms/mg-divider/mg-divider.js.map +0 -1
  252. package/dist/collection/components/atoms/mg-icon/mg-icon.conf.js.map +0 -1
  253. package/dist/collection/components/atoms/mg-icon/mg-icon.js.map +0 -1
  254. package/dist/collection/components/atoms/mg-tag/mg-tag.conf.js.map +0 -1
  255. package/dist/collection/components/atoms/mg-tag/mg-tag.js.map +0 -1
  256. package/dist/collection/components/atoms/mg-tooltip/mg-tooltip-content/mg-tooltip-content.js.map +0 -1
  257. package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.conf.js.map +0 -1
  258. package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.js.map +0 -1
  259. package/dist/collection/components/molecules/inputs/mg-input/mg-input.conf.js.map +0 -1
  260. package/dist/collection/components/molecules/inputs/mg-input/mg-input.js.map +0 -1
  261. package/dist/collection/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxList.js.map +0 -1
  262. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.js.map +0 -1
  263. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf.js.map +0 -1
  264. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js.map +0 -1
  265. package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.conf.js.map +0 -1
  266. package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.js.map +0 -1
  267. package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.conf.js.map +0 -1
  268. package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js.map +0 -1
  269. package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.conf.js.map +0 -1
  270. package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js.map +0 -1
  271. package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js.map +0 -1
  272. package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.conf.js.map +0 -1
  273. package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js.map +0 -1
  274. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/editor/index.js.map +0 -1
  275. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.js.map +0 -1
  276. package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.conf.js.map +0 -1
  277. package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js.map +0 -1
  278. package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.conf.js.map +0 -1
  279. package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.js.map +0 -1
  280. package/dist/collection/components/molecules/inputs/mg-input-textarea/mg-input-textarea.js.map +0 -1
  281. package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.conf.js.map +0 -1
  282. package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.js.map +0 -1
  283. package/dist/collection/components/molecules/internals/mg-item-more/mg-item-more.conf.js.map +0 -1
  284. package/dist/collection/components/molecules/internals/mg-item-more/mg-item-more.js.map +0 -1
  285. package/dist/collection/components/molecules/menus/mg-menu/mg-menu.conf.js.map +0 -1
  286. package/dist/collection/components/molecules/menus/mg-menu/mg-menu.js.map +0 -1
  287. package/dist/collection/components/molecules/menus/mg-menu-item/mg-menu-item.conf.js.map +0 -1
  288. package/dist/collection/components/molecules/menus/mg-menu-item/mg-menu-item.js.map +0 -1
  289. package/dist/collection/components/molecules/mg-action-more/mg-action-more.conf.js.map +0 -1
  290. package/dist/collection/components/molecules/mg-action-more/mg-action-more.js.map +0 -1
  291. package/dist/collection/components/molecules/mg-alert/mg-alert.conf.js.map +0 -1
  292. package/dist/collection/components/molecules/mg-alert/mg-alert.js.map +0 -1
  293. package/dist/collection/components/molecules/mg-details/mg-details.js.map +0 -1
  294. package/dist/collection/components/molecules/mg-form/mg-form.conf.js.map +0 -1
  295. package/dist/collection/components/molecules/mg-form/mg-form.js.map +0 -1
  296. package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.conf.js.map +0 -1
  297. package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js.map +0 -1
  298. package/dist/collection/components/molecules/mg-loader/mg-loader.js.map +0 -1
  299. package/dist/collection/components/molecules/mg-message/mg-message.conf.js.map +0 -1
  300. package/dist/collection/components/molecules/mg-message/mg-message.js.map +0 -1
  301. package/dist/collection/components/molecules/mg-modal/mg-modal.conf.js.map +0 -1
  302. package/dist/collection/components/molecules/mg-modal/mg-modal.js.map +0 -1
  303. package/dist/collection/components/molecules/mg-pagination/mg-pagination.conf.js.map +0 -1
  304. package/dist/collection/components/molecules/mg-pagination/mg-pagination.js.map +0 -1
  305. package/dist/collection/components/molecules/mg-panel/mg-panel.conf.js.map +0 -1
  306. package/dist/collection/components/molecules/mg-panel/mg-panel.js.map +0 -1
  307. package/dist/collection/components/molecules/mg-popover/mg-popover-content/mg-popover-content.js.map +0 -1
  308. package/dist/collection/components/molecules/mg-popover/mg-popover.js.map +0 -1
  309. package/dist/collection/components/molecules/mg-progress/mg-progress.conf.js.map +0 -1
  310. package/dist/collection/components/molecules/mg-progress/mg-progress.js.map +0 -1
  311. package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.conf.js.map +0 -1
  312. package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.js.map +0 -1
  313. package/dist/collection/components/molecules/mg-table/mg-table.conf.js.map +0 -1
  314. package/dist/collection/components/molecules/mg-table/mg-table.js.map +0 -1
  315. package/dist/collection/components/molecules/mg-tabs/mg-tabs.conf.js.map +0 -1
  316. package/dist/collection/components/molecules/mg-tabs/mg-tabs.js.map +0 -1
  317. package/dist/collection/index.js.map +0 -1
  318. package/dist/collection/locales/index.conf.js.map +0 -1
  319. package/dist/collection/locales/index.js.map +0 -1
  320. package/dist/collection/types/index.js.map +0 -1
  321. package/dist/collection/utils/behaviors.utils.js.map +0 -1
  322. package/dist/collection/utils/events.utils.js.map +0 -1
  323. package/dist/collection/utils/playwright.fixture.js.map +0 -1
  324. package/dist/collection/utils/unit.test.utils.js.map +0 -1
  325. package/dist/components/events.utils.js.map +0 -1
  326. package/dist/components/index.js.map +0 -1
  327. package/dist/components/index2.js.map +0 -1
  328. package/dist/components/index3.js.map +0 -1
  329. package/dist/components/mg-action-more.js.map +0 -1
  330. package/dist/components/mg-alert.js.map +0 -1
  331. package/dist/components/mg-badge.js.map +0 -1
  332. package/dist/components/mg-badge2.js.map +0 -1
  333. package/dist/components/mg-button.js.map +0 -1
  334. package/dist/components/mg-button2.js.map +0 -1
  335. package/dist/components/mg-card.js.map +0 -1
  336. package/dist/components/mg-card2.js.map +0 -1
  337. package/dist/components/mg-character-left.js.map +0 -1
  338. package/dist/components/mg-character-left2.js.map +0 -1
  339. package/dist/components/mg-details.js.map +0 -1
  340. package/dist/components/mg-divider.js.map +0 -1
  341. package/dist/components/mg-divider2.js.map +0 -1
  342. package/dist/components/mg-form.js.map +0 -1
  343. package/dist/components/mg-icon.js.map +0 -1
  344. package/dist/components/mg-icon2.js.map +0 -1
  345. package/dist/components/mg-illustrated-message.js.map +0 -1
  346. package/dist/components/mg-input-checkbox-paginated.js.map +0 -1
  347. package/dist/components/mg-input-checkbox-paginated2.js.map +0 -1
  348. package/dist/components/mg-input-checkbox.js.map +0 -1
  349. package/dist/components/mg-input-combobox.js.map +0 -1
  350. package/dist/components/mg-input-date.js.map +0 -1
  351. package/dist/components/mg-input-numeric.js.map +0 -1
  352. package/dist/components/mg-input-password.js.map +0 -1
  353. package/dist/components/mg-input-radio.js.map +0 -1
  354. package/dist/components/mg-input-rich-text-editor.js.map +0 -1
  355. package/dist/components/mg-input-select.js.map +0 -1
  356. package/dist/components/mg-input-select2.js.map +0 -1
  357. package/dist/components/mg-input-text.js.map +0 -1
  358. package/dist/components/mg-input-text2.js.map +0 -1
  359. package/dist/components/mg-input-textarea.js.map +0 -1
  360. package/dist/components/mg-input-title.js.map +0 -1
  361. package/dist/components/mg-input-title2.js.map +0 -1
  362. package/dist/components/mg-input-toggle.js.map +0 -1
  363. package/dist/components/mg-input.js.map +0 -1
  364. package/dist/components/mg-input2.js.map +0 -1
  365. package/dist/components/mg-item-more.js.map +0 -1
  366. package/dist/components/mg-item-more2.js.map +0 -1
  367. package/dist/components/mg-loader.js.map +0 -1
  368. package/dist/components/mg-loader2.js.map +0 -1
  369. package/dist/components/mg-menu-item.js.map +0 -1
  370. package/dist/components/mg-menu-item2.js.map +0 -1
  371. package/dist/components/mg-menu.js.map +0 -1
  372. package/dist/components/mg-message.js.map +0 -1
  373. package/dist/components/mg-message2.js.map +0 -1
  374. package/dist/components/mg-modal.js.map +0 -1
  375. package/dist/components/mg-pagination.js.map +0 -1
  376. package/dist/components/mg-pagination2.js +0 -232
  377. package/dist/components/mg-pagination2.js.map +0 -1
  378. package/dist/components/mg-panel.js.map +0 -1
  379. package/dist/components/mg-popover-content.js.map +0 -1
  380. package/dist/components/mg-popover-content2.js.map +0 -1
  381. package/dist/components/mg-popover.js.map +0 -1
  382. package/dist/components/mg-popover2.js.map +0 -1
  383. package/dist/components/mg-progress.js.map +0 -1
  384. package/dist/components/mg-skip-links.js.map +0 -1
  385. package/dist/components/mg-table.js.map +0 -1
  386. package/dist/components/mg-tabs.js.map +0 -1
  387. package/dist/components/mg-tag.js.map +0 -1
  388. package/dist/components/mg-tooltip-content.js.map +0 -1
  389. package/dist/components/mg-tooltip-content2.js.map +0 -1
  390. package/dist/components/mg-tooltip.js.map +0 -1
  391. package/dist/components/mg-tooltip2.js.map +0 -1
  392. package/dist/components/popper.js.map +0 -1
  393. package/dist/esm/app-globals-DQuL1Twl.js +0 -6
  394. package/dist/esm/app-globals-DQuL1Twl.js.map +0 -1
  395. package/dist/esm/events.utils-yMGqY8YG.js +0 -26
  396. package/dist/esm/events.utils-yMGqY8YG.js.map +0 -1
  397. package/dist/esm/index-Bv7NHR-W.js.map +0 -1
  398. package/dist/esm/index-CAuxALt5.js.map +0 -1
  399. package/dist/esm/index-Dr7GYvIz.js.map +0 -1
  400. package/dist/esm/index.js.map +0 -1
  401. package/dist/esm/loader.js.map +0 -1
  402. package/dist/esm/mg-action-more_37.entry.js.map +0 -1
  403. package/dist/esm/mg-alert.entry.js.map +0 -1
  404. package/dist/esm/mg-components.js.map +0 -1
  405. package/dist/esm/mg-input-combobox.entry.js.map +0 -1
  406. package/dist/esm/mg-input-rich-text-editor.entry.js.map +0 -1
  407. package/dist/esm/mg-input.conf-CNgv8hc5.js.map +0 -1
  408. package/dist/esm/mg-loader.entry.js.map +0 -1
  409. package/dist/esm/mg-progress.entry.js.map +0 -1
  410. package/dist/mg-components/index.esm.js.map +0 -1
  411. package/dist/mg-components/loader.esm.js.map +0 -1
  412. package/dist/mg-components/mg-alert.entry.esm.js.map +0 -1
  413. package/dist/mg-components/mg-components.esm.js.map +0 -1
  414. package/dist/mg-components/mg-input-combobox.entry.esm.js.map +0 -1
  415. package/dist/mg-components/mg-input-rich-text-editor.entry.esm.js.map +0 -1
  416. package/dist/mg-components/mg-loader.entry.esm.js.map +0 -1
  417. package/dist/mg-components/mg-progress.entry.esm.js.map +0 -1
  418. package/dist/mg-components/p-19cbc6e6.entry.js +0 -11
  419. package/dist/mg-components/p-19cbc6e6.entry.js.map +0 -1
  420. package/dist/mg-components/p-269e2a80.entry.js +0 -2
  421. package/dist/mg-components/p-269e2a80.entry.js.map +0 -1
  422. package/dist/mg-components/p-2dea7d37.entry.js +0 -2
  423. package/dist/mg-components/p-2dea7d37.entry.js.map +0 -1
  424. package/dist/mg-components/p-415f14fb.entry.js +0 -2
  425. package/dist/mg-components/p-415f14fb.entry.js.map +0 -1
  426. package/dist/mg-components/p-Bv7NHR-W.js +0 -2
  427. package/dist/mg-components/p-Bv7NHR-W.js.map +0 -1
  428. package/dist/mg-components/p-CAuxALt5.js +0 -3
  429. package/dist/mg-components/p-CAuxALt5.js.map +0 -1
  430. package/dist/mg-components/p-CNgv8hc5.js +0 -2
  431. package/dist/mg-components/p-CNgv8hc5.js.map +0 -1
  432. package/dist/mg-components/p-DQuL1Twl.js +0 -2
  433. package/dist/mg-components/p-DQuL1Twl.js.map +0 -1
  434. package/dist/mg-components/p-Dr7GYvIz.js +0 -2
  435. package/dist/mg-components/p-Dr7GYvIz.js.map +0 -1
  436. package/dist/mg-components/p-fe974d2b.entry.js +0 -2
  437. package/dist/mg-components/p-fe974d2b.entry.js.map +0 -1
  438. package/dist/mg-components/p-fea46548.entry.js +0 -2
  439. package/dist/mg-components/p-fea46548.entry.js.map +0 -1
  440. package/dist/mg-components/p-yMGqY8YG.js +0 -2
  441. package/dist/mg-components/p-yMGqY8YG.js.map +0 -1
@@ -4,6 +4,8 @@ import { checkboxTypes, SectionKind } from "./mg-input-checkbox.conf";
4
4
  import { MgInputCheckboxList } from "./MgInputCheckboxList";
5
5
  import { classDisabled, classReadonly, classFieldset, classVerticalList } from "../mg-input/mg-input.conf";
6
6
  import { initLocales } from "../../../../locales";
7
+ import { defineErrorMessage } from "../mg-input/mg-input.utils";
8
+ import { Status } from "../../mg-tabs/mg-tabs.conf";
7
9
  /**
8
10
  * type CheckboxItem validation function
9
11
  * @param items - Checkbox item
@@ -26,6 +28,7 @@ export class MgInputCheckbox {
26
28
  this.searchStart = 10;
27
29
  // popover variables
28
30
  this.hasOpenedPopover = false;
31
+ this.checkboxesId = 'checkboxes-list';
29
32
  /**
30
33
  * Define input name
31
34
  * If not set the value equals the identifier
@@ -84,6 +87,10 @@ export class MgInputCheckbox {
84
87
  * Select values button text local key
85
88
  */
86
89
  this.selectValuesButtonKey = 'editButton';
90
+ /**
91
+ * Define <mg-tabs> active-tab
92
+ */
93
+ this.activeTab = 1;
87
94
  /**
88
95
  * Handle input event
89
96
  * @param event - input event
@@ -132,6 +139,14 @@ export class MgInputCheckbox {
132
139
  this.searchValue = event.detail;
133
140
  event.stopPropagation();
134
141
  };
142
+ /**
143
+ * Handle <mg-tabs> tab-change event
144
+ * @param event - tab change event
145
+ */
146
+ this.handleActiveTabChange = (event) => {
147
+ this.activeTab = event.detail;
148
+ this.resetTabsLimit();
149
+ };
135
150
  /**
136
151
  * popover display-change handler
137
152
  * @param event - mg-popover display-change custom event
@@ -145,26 +160,11 @@ export class MgInputCheckbox {
145
160
  if (!event.detail) {
146
161
  // reset search value
147
162
  this.searchValue = '';
148
- // reset pagintated section current page
149
- Array.from(this.element.shadowRoot.querySelectorAll('mg-input-checkbox-paginated')).forEach(element => {
150
- element.currentPage = 1;
151
- });
163
+ this.resetTabsLimit();
152
164
  this.checkValidity();
153
165
  }
154
- };
155
- /**
156
- * Handle select all button
157
- * @param event - mass action event trigger a global select/unselect on values
158
- */
159
- this.handleMassAction = (event) => {
160
- const displayItems = this.getDisplayItems();
161
- // update only displayed items
162
- displayItems.forEach(item => {
163
- if (item.disabled !== true) {
164
- item.value = event.detail !== SectionKind.SELECTED;
165
- }
166
- });
167
- this.updateValues();
166
+ // init active tab to selected if some values are checked
167
+ this.activeTab = this.checkboxItems.some(items => items.value) ? 2 : 1;
168
168
  };
169
169
  /**
170
170
  * Update values
@@ -198,8 +198,18 @@ export class MgInputCheckbox {
198
198
  * Check if input is valid
199
199
  */
200
200
  this.checkValidity = () => {
201
- this.setValidity(this.readonly || this.disabled || (!this.hasInvalidInput() && this.validateRequired()));
201
+ this.setValidity(this.readonly || this.disabled || (this.hasInputValue() && !this.hasInvalidInput() && this.validateRequired()));
202
202
  };
203
+ /**
204
+ * Test if component has items
205
+ * @returns truthy if component has items
206
+ */
207
+ this.hasInputValue = () => { var _a; return ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) > 0; };
208
+ /**
209
+ * Test if component has no value error message displayed
210
+ * @returns truthy if compent display no value error message
211
+ */
212
+ this.hasNoValueErrorMessageDisplay = () => this.errorMessage === this.messages.errors.noValue;
203
213
  /**
204
214
  * Set button text locale key
205
215
  */
@@ -241,12 +251,25 @@ export class MgInputCheckbox {
241
251
  // Set error message
242
252
  this.errorMessage = undefined;
243
253
  if (displayError && !this.valid) {
244
- if (errorMessage !== undefined)
254
+ if (errorMessage !== undefined) {
245
255
  this.errorMessage = errorMessage;
246
- else if (!this.validateRequired())
256
+ }
257
+ else if (!this.hasInputValue()) {
258
+ this.errorMessage = this.messages.errors.noValue;
259
+ }
260
+ else if (!this.validateRequired()) {
247
261
  this.errorMessage = this.messages.errors.required;
262
+ }
248
263
  }
249
264
  };
265
+ /**
266
+ * Reset error message
267
+ */
268
+ this.resetErrorMessage = () => {
269
+ this.checkValidity();
270
+ this.errorMessage = undefined;
271
+ this.hasDisplayedError = false;
272
+ };
250
273
  /**
251
274
  * Method to get mg-popover identifier
252
275
  * @returns MgPopover identifier
@@ -262,23 +285,45 @@ export class MgInputCheckbox {
262
285
  * @returns selected checkboxItems
263
286
  */
264
287
  this.getSelectedItems = () => this.checkboxItems.filter(({ value }) => value);
288
+ /**
289
+ * Reset <mg-input-checkbox-paginated> limit state
290
+ */
291
+ this.resetTabsLimit = () => {
292
+ Array.from(this.element.shadowRoot.querySelectorAll('mg-input-checkbox-paginated')).forEach(component => {
293
+ component.resetLimit();
294
+ });
295
+ };
265
296
  /**
266
297
  * Renders the readonly value of the input.
267
298
  * @returns The rendered readonly value.
268
299
  */
269
300
  this.renderReadonly = (readonlyValue) => {
270
- return this.inputVerticalList ? (h("ul", { class: "mg-c-input__readonly-value" }, readonlyValue.map(value => (h("li", { key: value }, h("b", null, value)))))) : (h("b", { class: "mg-c-input__readonly-value" }, readonlyValue.join(', ')));
301
+ if (Array.isArray(readonlyValue)) {
302
+ if (this.inputVerticalList) {
303
+ return (h("ul", { class: "mg-c-input__readonly-value" }, readonlyValue.map(value => (h("li", { key: value }, h("b", null, value))))));
304
+ }
305
+ else {
306
+ return h("b", { class: "mg-c-input__readonly-value" }, readonlyValue.join(', '));
307
+ }
308
+ }
271
309
  };
272
310
  /**
273
311
  * Renders the MgInputCheckboxList component.
274
312
  * @returns The rendered MgInputCheckboxList component.
275
313
  */
276
- this.renderMgInputCheckboxList = () => (h(MgInputCheckboxList, { checkboxes: this.checkboxItems, displaySearchInput: this.displaySearchInput, messages: this.messages.input.checkbox, id: "checkboxes-list", disabled: this.disabled, name: this.name, invalid: this.invalid }));
314
+ this.renderMgInputCheckboxList = () => (h(MgInputCheckboxList, { checkboxes: this.checkboxItems, id: this.checkboxesId, disabled: this.disabled, name: this.name, invalid: this.invalid }));
277
315
  }
278
316
  validateValue(newValue) {
279
- if (isCheckboxItems(newValue)) {
317
+ if ([null, undefined].includes(newValue) || newValue.length === 0) {
318
+ this.displayError();
319
+ }
320
+ else if (newValue.length > 0 && isCheckboxItems(newValue)) {
280
321
  this.checkboxItems = newValue.map((item, index) => (Object.assign(Object.assign({}, item), { _id: `${this.identifier}_${index}`, _handleInput: this.handleInput.bind(this), _handleBlur: this.handleBlur.bind(this), _handleKeydown: this.handleKeydown.bind(this) })));
281
322
  this.valueChange.emit(newValue);
323
+ // force to reset error when noValueError is displaied
324
+ if (this.invalid && this.hasNoValueErrorMessageDisplay()) {
325
+ this.resetErrorMessage();
326
+ }
282
327
  }
283
328
  else {
284
329
  throw new Error(`<mg-input-checkbox> prop "value" is required and all values must be the same type, CheckboxItem. Passed value: ${toString(newValue)}.`);
@@ -422,9 +467,7 @@ export class MgInputCheckbox {
422
467
  // - Keep everything in sync both inside and outside the component
423
468
  return new Promise(resolve => {
424
469
  requestAnimationFrame(() => {
425
- this.checkValidity();
426
- this.errorMessage = undefined;
427
- this.hasDisplayedError = false;
470
+ this.resetErrorMessage();
428
471
  resolve();
429
472
  });
430
473
  });
@@ -497,23 +540,30 @@ export class MgInputCheckbox {
497
540
  * @param checkboxes - checkboxes to render
498
541
  * @returns render sections of checkboxes
499
542
  */
500
- renderCheckboxBySection(checkboxes) {
543
+ renderCheckboxTabs(checkboxes, checkboxPaginatedProps) {
544
+ const handleMassAction = (kind) => () => {
545
+ const displayItems = this.getDisplayItems();
546
+ // update only displayed items
547
+ displayItems.forEach(item => {
548
+ if (!item.disabled) {
549
+ item.value = kind !== SectionKind.SELECTED;
550
+ }
551
+ });
552
+ this.updateValues();
553
+ };
501
554
  const [checkedValues, notCheckedValues] = checkboxes.reduce((acc, curr) => {
502
555
  acc[curr.value ? 0 : 1].push(curr);
503
556
  return acc;
504
557
  }, [[], []]);
505
- const baseSection = {
506
- readonly: this.readonly,
507
- disabled: this.disabled,
508
- identifier: this.identifier,
509
- };
510
558
  const sections = [
511
- Object.assign(Object.assign({}, baseSection), { checkboxes: checkedValues, messages: this.messages.input.checkbox.sections.selected }),
512
- Object.assign(Object.assign({}, baseSection), { checkboxes: notCheckedValues, messages: this.messages.input.checkbox.sections.notSelected }),
559
+ Object.assign(Object.assign({}, checkboxPaginatedProps), { checkboxes: notCheckedValues, messages: Object.assign(Object.assign({}, this.messages.input.checkbox.sections.notSelected), { showMore: this.messages.input.showMore }), handleMassAction: handleMassAction(SectionKind.NOT_SELECTED) }),
560
+ Object.assign(Object.assign({}, checkboxPaginatedProps), { checkboxes: checkedValues, messages: Object.assign(Object.assign({}, this.messages.input.checkbox.sections.selected), { showMore: this.messages.input.showMore }), handleMassAction: handleMassAction(SectionKind.SELECTED) }),
513
561
  ];
514
- return sections
515
- .filter(section => section.checkboxes.length)
516
- .map(section => h("mg-input-checkbox-paginated", Object.assign({}, section, { "onMass-action": this.handleMassAction, key: section.messages })));
562
+ return (h("mg-tabs", { identifier: `${this.identifier}-tabs`, class: "mg-c-input__tabs", label: this.messages.input.checkbox.sections.label, items: sections.map((section, key) => ({
563
+ label: section.messages.title,
564
+ badge: { value: section.checkboxes.length, label: this.messages.input.checkbox.sections.badge.label, role: 'information' },
565
+ status: key + 1 === this.activeTab ? Status.ACTIVE : Status.VISIBLE,
566
+ })), activeTab: this.activeTab, "onActive-tab-change": this.handleActiveTabChange }, sections.map((section, key) => (h("mg-input-checkbox-paginated", Object.assign({ class: "mg-c-input__tab", slot: `tab_content-${key + 1}` }, section, { key: section.messages.title }), section.checkboxes.length > 0 && section.checkboxes.some(checkbox => checkbox.disabled !== true) && (h("mg-tooltip", { slot: "header-action", class: "mg-c-input__tabs-action", message: section.messages.tooltip }, h("mg-button", { variant: "link", onClick: section.handleMassAction }, section.messages.action))))))));
517
567
  }
518
568
  /**
519
569
  * render checkbox multi element
@@ -522,22 +572,27 @@ export class MgInputCheckbox {
522
572
  renderCheckboxMulti() {
523
573
  const selectedValuesNb = this.getSelectedItems().length;
524
574
  const checkboxes = this.getDisplayItems();
575
+ const checkboxPaginatedProps = {
576
+ readonly: this.readonly,
577
+ disabled: this.disabled,
578
+ identifier: this.identifier,
579
+ };
525
580
  return (h("div", { class: "mg-c-input__input-container" }, h("mg-popover", { arrowHide: true, identifier: this.getMgPopoverIdentifier(), display: this.hasOpenedPopover, "onDisplay-change": this.handleMgPopoverDisplayChange, ref: (el) => {
526
581
  if (el !== null)
527
582
  this.mgPopover = el;
528
583
  } }, h("mg-button", { variant: "secondary", "aria-describedby": `${this.identifier}-title` }, h("mg-icon", { icon: "list" }), this.getSelectValuesButtonMessage()), h("div", { slot: "content", class: "mg-c-input__content" }, this.displaySearchInput ? ([
529
- h("mg-input-text", { key: "input-search", identifier: `${this.identifier}-input-search`, icon: "magnifying-glass", type: "search", placeholder: this.messages.input.checkbox.label, label: this.messages.input.checkbox.label, mgWidth: "full", value: this.searchValue, labelHide: true, characterLeftHide: true, name: "q", "onValue-change": this.handleSearchChange, "aria-controls": "search-results items-list" }),
530
- h("p", { key: "search-results", role: "status", class: "mg-u-visually-hidden", id: "search-results" }, `${checkboxes.length} ${this.messages.input.checkbox[checkboxes.length > 0 ? 'results' : 'result']}`),
531
- h("div", { key: "sections-container", class: "mg-c-input__sections" }, this.renderCheckboxBySection(checkboxes)),
532
- ]) : (h(MgInputCheckboxList, { checkboxes: checkboxes, displaySearchInput: this.displaySearchInput, messages: this.messages.input.checkbox, id: "checkboxes-list", disabled: this.disabled, name: this.name, invalid: this.invalid })), this.displaySearchInput && checkboxes.length === 0 && h("p", { class: "mg-c-input__input-no-result" }, this.messages.input.checkbox.noResult))), this.displaySelectedValues ? (selectedValuesNb > 0 && (h("ul", { role: "list", class: "mg-c-input__input-container-list" }, this.getSelectedItems().map(({ title }) => (h("li", { class: "mg-c-input__input-value", key: title }, title)))))) : (h("b", null, this.messages.input.checkbox[selectedValuesNb > 1 ? 'selectedValues' : 'selectedValue'].replace('{nb}', selectedValuesNb)))));
584
+ h("mg-input-text", { key: "input-search", identifier: `${this.identifier}-input-search`, icon: "magnifying-glass", type: "search", placeholder: this.messages.input.checkbox.sections.search.label, label: this.messages.input.checkbox.sections.search.label, mgWidth: "full", value: this.searchValue, labelHide: true, characterLeftHide: true, name: "q", "onValue-change": this.handleSearchChange }),
585
+ this.searchValue.length > 0 ? (h("mg-input-checkbox-paginated", Object.assign({ class: "mg-c-input__tab" }, checkboxPaginatedProps, { messages: Object.assign(Object.assign({}, this.messages.input.checkbox.sections.search), { showMore: this.messages.input.showMore }), checkboxes: checkboxes, key: "search" }))) : (this.renderCheckboxTabs(checkboxes, checkboxPaginatedProps)),
586
+ ]) : (h(MgInputCheckboxList, { checkboxes: checkboxes, id: this.checkboxesId, disabled: this.disabled, name: this.name, invalid: this.invalid })))), this.displaySelectedValues ? (selectedValuesNb > 0 && (h("ul", { role: "list", class: "mg-c-input__input-container-list" }, this.getSelectedItems().map(({ title }) => (h("li", { class: "mg-c-input__input-value", key: title }, title)))))) : (h("b", null, this.messages.input.checkbox[selectedValuesNb > 1 ? 'selectedValues' : 'selectedValue'].replace('{nb}', selectedValuesNb)))));
533
587
  }
534
588
  /**
535
589
  * Render
536
590
  * @returns HTML Element
537
591
  */
538
592
  render() {
593
+ var _a;
539
594
  let inputContent;
540
- const readonlyValue = this.value.filter(({ value }) => value).map(({ title }) => title);
595
+ const readonlyValue = ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(({ value }) => value).map(({ title }) => title);
541
596
  if (this.readonly) {
542
597
  inputContent = this.renderReadonly(readonlyValue);
543
598
  }
@@ -547,7 +602,7 @@ export class MgInputCheckbox {
547
602
  else {
548
603
  inputContent = this.renderCheckboxMulti();
549
604
  }
550
- return (h("mg-input", { key: '172d56836709aa7acb69bb1b00d71366fad1858a', label: this.label, identifier: this.identifier, class: this.classCollection.join(), ariaDescribedbyIDs: [], labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: !this.readonly ? this.required : undefined, tooltip: this.tooltip, tooltipPosition: this.readonly && readonlyValue.length === 0 ? 'label' : this.tooltipPosition, helpText: !this.readonly ? this.helpText : undefined, errorMessage: !this.readonly ? this.errorMessage : undefined }, inputContent));
605
+ return (h("mg-input", { key: '6b1a72d80387da057c0d20367e141c90ff921889', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: !this.readonly ? this.required : undefined, tooltip: this.tooltip, tooltipPosition: this.readonly && readonlyValue.length === 0 ? 'label' : this.tooltipPosition, helpText: !this.readonly ? this.helpText : undefined, errorMessage: !this.readonly ? defineErrorMessage(this.errorMessage, this.noValueErrorDetail) : undefined }, inputContent));
551
606
  }
552
607
  static get is() { return "mg-input-checkbox"; }
553
608
  static get encapsulation() { return "shadow"; }
@@ -565,6 +620,7 @@ export class MgInputCheckbox {
565
620
  return {
566
621
  "value": {
567
622
  "type": "unknown",
623
+ "attribute": "value",
568
624
  "mutable": true,
569
625
  "complexType": {
570
626
  "original": "CheckboxValue[]",
@@ -588,6 +644,7 @@ export class MgInputCheckbox {
588
644
  },
589
645
  "type": {
590
646
  "type": "string",
647
+ "attribute": "type",
591
648
  "mutable": true,
592
649
  "complexType": {
593
650
  "original": "CheckboxType",
@@ -608,11 +665,11 @@ export class MgInputCheckbox {
608
665
  },
609
666
  "getter": false,
610
667
  "setter": false,
611
- "attribute": "type",
612
668
  "reflect": false
613
669
  },
614
670
  "identifier": {
615
671
  "type": "string",
672
+ "attribute": "identifier",
616
673
  "mutable": false,
617
674
  "complexType": {
618
675
  "original": "string",
@@ -627,11 +684,11 @@ export class MgInputCheckbox {
627
684
  },
628
685
  "getter": false,
629
686
  "setter": false,
630
- "attribute": "identifier",
631
687
  "reflect": false
632
688
  },
633
689
  "name": {
634
690
  "type": "string",
691
+ "attribute": "name",
635
692
  "mutable": false,
636
693
  "complexType": {
637
694
  "original": "string",
@@ -646,12 +703,12 @@ export class MgInputCheckbox {
646
703
  },
647
704
  "getter": false,
648
705
  "setter": false,
649
- "attribute": "name",
650
706
  "reflect": false,
651
707
  "defaultValue": "this.identifier"
652
708
  },
653
709
  "label": {
654
710
  "type": "string",
711
+ "attribute": "label",
655
712
  "mutable": false,
656
713
  "complexType": {
657
714
  "original": "string",
@@ -666,11 +723,11 @@ export class MgInputCheckbox {
666
723
  },
667
724
  "getter": false,
668
725
  "setter": false,
669
- "attribute": "label",
670
726
  "reflect": false
671
727
  },
672
728
  "labelOnTop": {
673
729
  "type": "boolean",
730
+ "attribute": "label-on-top",
674
731
  "mutable": false,
675
732
  "complexType": {
676
733
  "original": "boolean",
@@ -685,12 +742,12 @@ export class MgInputCheckbox {
685
742
  },
686
743
  "getter": false,
687
744
  "setter": false,
688
- "attribute": "label-on-top",
689
745
  "reflect": false,
690
746
  "defaultValue": "false"
691
747
  },
692
748
  "labelHide": {
693
749
  "type": "boolean",
750
+ "attribute": "label-hide",
694
751
  "mutable": false,
695
752
  "complexType": {
696
753
  "original": "boolean",
@@ -705,12 +762,12 @@ export class MgInputCheckbox {
705
762
  },
706
763
  "getter": false,
707
764
  "setter": false,
708
- "attribute": "label-hide",
709
765
  "reflect": false,
710
766
  "defaultValue": "false"
711
767
  },
712
768
  "inputVerticalList": {
713
769
  "type": "boolean",
770
+ "attribute": "input-vertical-list",
714
771
  "mutable": false,
715
772
  "complexType": {
716
773
  "original": "boolean",
@@ -725,12 +782,12 @@ export class MgInputCheckbox {
725
782
  },
726
783
  "getter": false,
727
784
  "setter": false,
728
- "attribute": "input-vertical-list",
729
785
  "reflect": false,
730
786
  "defaultValue": "false"
731
787
  },
732
788
  "required": {
733
789
  "type": "boolean",
790
+ "attribute": "required",
734
791
  "mutable": false,
735
792
  "complexType": {
736
793
  "original": "boolean",
@@ -745,12 +802,12 @@ export class MgInputCheckbox {
745
802
  },
746
803
  "getter": false,
747
804
  "setter": false,
748
- "attribute": "required",
749
805
  "reflect": false,
750
806
  "defaultValue": "false"
751
807
  },
752
808
  "readonly": {
753
809
  "type": "boolean",
810
+ "attribute": "readonly",
754
811
  "mutable": false,
755
812
  "complexType": {
756
813
  "original": "boolean",
@@ -765,12 +822,12 @@ export class MgInputCheckbox {
765
822
  },
766
823
  "getter": false,
767
824
  "setter": false,
768
- "attribute": "readonly",
769
825
  "reflect": false,
770
826
  "defaultValue": "false"
771
827
  },
772
828
  "displaySelectedValues": {
773
829
  "type": "boolean",
830
+ "attribute": "display-selected-values",
774
831
  "mutable": false,
775
832
  "complexType": {
776
833
  "original": "boolean",
@@ -785,12 +842,12 @@ export class MgInputCheckbox {
785
842
  },
786
843
  "getter": false,
787
844
  "setter": false,
788
- "attribute": "display-selected-values",
789
845
  "reflect": false,
790
846
  "defaultValue": "false"
791
847
  },
792
848
  "disabled": {
793
849
  "type": "boolean",
850
+ "attribute": "disabled",
794
851
  "mutable": false,
795
852
  "complexType": {
796
853
  "original": "boolean",
@@ -805,12 +862,12 @@ export class MgInputCheckbox {
805
862
  },
806
863
  "getter": false,
807
864
  "setter": false,
808
- "attribute": "disabled",
809
865
  "reflect": false,
810
866
  "defaultValue": "false"
811
867
  },
812
868
  "tooltip": {
813
869
  "type": "string",
870
+ "attribute": "tooltip",
814
871
  "mutable": false,
815
872
  "complexType": {
816
873
  "original": "string",
@@ -825,11 +882,11 @@ export class MgInputCheckbox {
825
882
  },
826
883
  "getter": false,
827
884
  "setter": false,
828
- "attribute": "tooltip",
829
885
  "reflect": false
830
886
  },
831
887
  "tooltipPosition": {
832
888
  "type": "string",
889
+ "attribute": "tooltip-position",
833
890
  "mutable": false,
834
891
  "complexType": {
835
892
  "original": "TooltipPosition",
@@ -850,12 +907,12 @@ export class MgInputCheckbox {
850
907
  },
851
908
  "getter": false,
852
909
  "setter": false,
853
- "attribute": "tooltip-position",
854
910
  "reflect": false,
855
911
  "defaultValue": "'input'"
856
912
  },
857
913
  "helpText": {
858
914
  "type": "string",
915
+ "attribute": "help-text",
859
916
  "mutable": false,
860
917
  "complexType": {
861
918
  "original": "string",
@@ -870,11 +927,11 @@ export class MgInputCheckbox {
870
927
  },
871
928
  "getter": false,
872
929
  "setter": false,
873
- "attribute": "help-text",
874
930
  "reflect": false
875
931
  },
876
932
  "valid": {
877
933
  "type": "boolean",
934
+ "attribute": "valid",
878
935
  "mutable": true,
879
936
  "complexType": {
880
937
  "original": "boolean",
@@ -889,11 +946,11 @@ export class MgInputCheckbox {
889
946
  },
890
947
  "getter": false,
891
948
  "setter": false,
892
- "attribute": "valid",
893
949
  "reflect": false
894
950
  },
895
951
  "invalid": {
896
952
  "type": "boolean",
953
+ "attribute": "invalid",
897
954
  "mutable": true,
898
955
  "complexType": {
899
956
  "original": "boolean",
@@ -908,11 +965,11 @@ export class MgInputCheckbox {
908
965
  },
909
966
  "getter": false,
910
967
  "setter": false,
911
- "attribute": "invalid",
912
968
  "reflect": false
913
969
  },
914
970
  "editButtonMessage": {
915
971
  "type": "string",
972
+ "attribute": "edit-button-message",
916
973
  "mutable": false,
917
974
  "complexType": {
918
975
  "original": "string",
@@ -920,18 +977,18 @@ export class MgInputCheckbox {
920
977
  "references": {}
921
978
  },
922
979
  "required": false,
923
- "optional": false,
980
+ "optional": true,
924
981
  "docs": {
925
982
  "tags": [],
926
983
  "text": "Overwrite default \"edit\" button message"
927
984
  },
928
985
  "getter": false,
929
986
  "setter": false,
930
- "attribute": "edit-button-message",
931
987
  "reflect": false
932
988
  },
933
989
  "showButtonMessage": {
934
990
  "type": "string",
991
+ "attribute": "show-button-message",
935
992
  "mutable": false,
936
993
  "complexType": {
937
994
  "original": "string",
@@ -939,18 +996,18 @@ export class MgInputCheckbox {
939
996
  "references": {}
940
997
  },
941
998
  "required": false,
942
- "optional": false,
999
+ "optional": true,
943
1000
  "docs": {
944
1001
  "tags": [],
945
1002
  "text": "Overwrite default \"show\" button message"
946
1003
  },
947
1004
  "getter": false,
948
1005
  "setter": false,
949
- "attribute": "show-button-message",
950
1006
  "reflect": false
951
1007
  },
952
1008
  "selectButtonMessage": {
953
1009
  "type": "string",
1010
+ "attribute": "select-button-message",
954
1011
  "mutable": false,
955
1012
  "complexType": {
956
1013
  "original": "string",
@@ -958,14 +1015,32 @@ export class MgInputCheckbox {
958
1015
  "references": {}
959
1016
  },
960
1017
  "required": false,
961
- "optional": false,
1018
+ "optional": true,
962
1019
  "docs": {
963
1020
  "tags": [],
964
1021
  "text": "Overwrite default \"select\" button message"
965
1022
  },
966
1023
  "getter": false,
967
1024
  "setter": false,
968
- "attribute": "select-button-message",
1025
+ "reflect": false
1026
+ },
1027
+ "noValueErrorDetail": {
1028
+ "type": "string",
1029
+ "attribute": "no-value-error-detail",
1030
+ "mutable": false,
1031
+ "complexType": {
1032
+ "original": "string",
1033
+ "resolved": "string",
1034
+ "references": {}
1035
+ },
1036
+ "required": false,
1037
+ "optional": true,
1038
+ "docs": {
1039
+ "tags": [],
1040
+ "text": "Define no value error detail"
1041
+ },
1042
+ "getter": false,
1043
+ "setter": false,
969
1044
  "reflect": false
970
1045
  }
971
1046
  };
@@ -978,7 +1053,8 @@ export class MgInputCheckbox {
978
1053
  "displaySearchInput": {},
979
1054
  "searchValue": {},
980
1055
  "searchResults": {},
981
- "selectValuesButtonKey": {}
1056
+ "selectValuesButtonKey": {},
1057
+ "activeTab": {}
982
1058
  };
983
1059
  }
984
1060
  static get events() {
@@ -1155,4 +1231,3 @@ export class MgInputCheckbox {
1155
1231
  }];
1156
1232
  }
1157
1233
  }
1158
- //# sourceMappingURL=mg-input-checkbox.js.map
@@ -1,2 +1 @@
1
1
  export {};
2
- //# sourceMappingURL=mg-input-combobox.conf.js.map