@mgdis/mg-components 6.21.0 → 6.22.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (177) hide show
  1. package/dist/cjs/{index-CCsGMNyq.js → index-BxB20_Vw.js} +8 -0
  2. package/dist/cjs/{index-C2viYwrR.js → index-Dz2LAZQT.js} +329 -1789
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/{mg-action-more_37.cjs.entry.js → mg-action-more_36.cjs.entry.js} +200 -242
  5. package/dist/cjs/mg-alert.cjs.entry.js +3 -3
  6. package/dist/cjs/mg-breadcrumb.cjs.entry.js +63 -0
  7. package/dist/cjs/mg-components.cjs.js +3 -3
  8. package/dist/cjs/mg-fieldset.cjs.entry.js +2 -2
  9. package/dist/cjs/mg-input-combobox.cjs.entry.js +4 -4
  10. package/dist/cjs/mg-input-file.cjs.entry.js +4 -4
  11. package/dist/cjs/mg-input-rich-text-editor.cjs.entry.js +40095 -15808
  12. package/dist/cjs/mg-loader.cjs.entry.js +3 -3
  13. package/dist/cjs/mg-progress.cjs.entry.js +2 -2
  14. package/dist/collection/assets/icons/index.js +1 -1
  15. package/dist/collection/collection-manifest.json +4 -3
  16. package/dist/collection/components/atoms/internals/mg-character-left/mg-character-left.js +1 -1
  17. package/dist/collection/components/atoms/internals/mg-input-title/mg-input-title.js +1 -1
  18. package/dist/collection/components/atoms/mg-badge/mg-badge.js +2 -1
  19. package/dist/collection/components/atoms/mg-button/mg-button.js +6 -3
  20. package/dist/collection/components/atoms/mg-card/mg-card.js +3 -2
  21. package/dist/collection/components/atoms/mg-divider/mg-divider.js +1 -1
  22. package/dist/collection/components/atoms/mg-icon/mg-icon.js +10 -6
  23. package/dist/collection/components/atoms/mg-tag/mg-tag.js +3 -2
  24. package/dist/collection/components/atoms/mg-tooltip/mg-tooltip-content/mg-tooltip-content.js +1 -1
  25. package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.js +3 -2
  26. package/dist/collection/components/molecules/inputs/mg-input/mg-input.js +5 -3
  27. package/dist/collection/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxList.js +2 -2
  28. package/dist/collection/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxPaginated.js +38 -0
  29. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf.js +3 -2
  30. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js +47 -26
  31. package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.js +13 -7
  32. package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js +3 -2
  33. package/dist/collection/components/molecules/inputs/mg-input-file/mg-input-file.js +4 -3
  34. package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js +9 -5
  35. package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js +6 -4
  36. package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js +5 -3
  37. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/editor/custom-properties.scss +212 -0
  38. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/editor/editor.conf.js +1 -0
  39. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/editor/index.js +300 -94
  40. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.conf.js +29 -0
  41. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.js +164 -51
  42. package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js +22 -8
  43. package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.js +12 -7
  44. package/dist/collection/components/molecules/inputs/mg-input-textarea/mg-input-textarea.js +5 -3
  45. package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.js +7 -4
  46. package/dist/collection/components/molecules/internals/mg-item-more/mg-item-more.js +7 -38
  47. package/dist/collection/components/molecules/menus/mg-menu/mg-menu.conf.js +0 -4
  48. package/dist/collection/components/molecules/menus/mg-menu/mg-menu.js +24 -44
  49. package/dist/collection/components/molecules/menus/mg-menu-item/mg-menu-item.js +69 -40
  50. package/dist/collection/components/molecules/mg-action-more/mg-action-more.js +11 -7
  51. package/dist/collection/components/molecules/mg-alert/mg-alert.js +5 -3
  52. package/dist/collection/components/molecules/mg-breadcrumb/mg-breadcrumb.conf.js +1 -0
  53. package/dist/collection/components/molecules/mg-breadcrumb/mg-breadcrumb.js +93 -0
  54. package/dist/collection/components/molecules/mg-details/mg-details.js +1 -1
  55. package/dist/collection/components/molecules/mg-fieldset/mg-fieldset.js +3 -2
  56. package/dist/collection/components/molecules/mg-form/mg-form.js +5 -3
  57. package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js +5 -3
  58. package/dist/collection/components/molecules/mg-loader/mg-loader.js +1 -1
  59. package/dist/collection/components/molecules/mg-message/mg-message.js +6 -4
  60. package/dist/collection/components/molecules/mg-modal/mg-modal.js +4 -3
  61. package/dist/collection/components/molecules/mg-pagination/mg-pagination.js +2 -1
  62. package/dist/collection/components/molecules/mg-panel/mg-panel.js +5 -3
  63. package/dist/collection/components/molecules/mg-popover/mg-popover-content/mg-popover-content.js +1 -1
  64. package/dist/collection/components/molecules/mg-popover/mg-popover.js +3 -2
  65. package/dist/collection/components/molecules/mg-progress/mg-progress.js +3 -2
  66. package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.js +3 -2
  67. package/dist/collection/components/molecules/mg-table/mg-table.js +41 -2
  68. package/dist/collection/components/molecules/mg-tabs/mg-tabs.conf.js +0 -4
  69. package/dist/collection/components/molecules/mg-tabs/mg-tabs.js +15 -34
  70. package/dist/collection/locales/en/messages.json +3 -0
  71. package/dist/collection/locales/fr/messages.json +3 -0
  72. package/dist/components/index2.js +1 -1
  73. package/dist/components/index3.js +1 -1
  74. package/dist/components/mg-action-more.js +1 -1
  75. package/dist/components/mg-alert.js +1 -1
  76. package/dist/components/mg-breadcrumb.d.ts +11 -0
  77. package/dist/components/mg-breadcrumb.js +1 -0
  78. package/dist/components/mg-card2.js +1 -1
  79. package/dist/components/mg-character-left2.js +1 -1
  80. package/dist/components/mg-details.js +1 -1
  81. package/dist/components/mg-divider2.js +1 -1
  82. package/dist/components/mg-fieldset.js +1 -1
  83. package/dist/components/mg-form.js +1 -1
  84. package/dist/components/mg-icon2.js +1 -1
  85. package/dist/components/mg-illustrated-message.js +1 -1
  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 +1663 -1
  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-panel.js +1 -1
  106. package/dist/components/mg-popover-content2.js +1 -1
  107. package/dist/components/mg-popover2.js +1 -1
  108. package/dist/components/mg-progress.js +1 -1
  109. package/dist/components/mg-skip-links.js +1 -1
  110. package/dist/components/mg-table.js +1 -1
  111. package/dist/components/mg-tabs2.js +1 -1
  112. package/dist/components/mg-tag.js +1 -1
  113. package/dist/components/mg-tooltip-content2.js +1 -1
  114. package/dist/components/mg-tooltip2.js +1 -1
  115. package/dist/esm/{index-DFwaH2hS.js → index-C3jUhxdI.js} +329 -1789
  116. package/dist/esm/{index-D-uaxCxH.js → index-DSEloqPn.js} +8 -0
  117. package/dist/esm/loader.js +3 -3
  118. package/dist/esm/{mg-action-more_37.entry.js → mg-action-more_36.entry.js} +202 -243
  119. package/dist/esm/mg-alert.entry.js +3 -3
  120. package/dist/esm/mg-breadcrumb.entry.js +61 -0
  121. package/dist/esm/mg-components.js +4 -4
  122. package/dist/esm/mg-fieldset.entry.js +2 -2
  123. package/dist/esm/mg-input-combobox.entry.js +4 -4
  124. package/dist/esm/mg-input-file.entry.js +4 -4
  125. package/dist/esm/mg-input-rich-text-editor.entry.js +40082 -15795
  126. package/dist/esm/mg-loader.entry.js +3 -3
  127. package/dist/esm/mg-progress.entry.js +2 -2
  128. package/dist/mg-components/locales/en/messages.json +3 -0
  129. package/dist/mg-components/locales/fr/messages.json +3 -0
  130. package/dist/mg-components/mg-components.esm.js +1 -1
  131. package/dist/mg-components/{p-6b57f249.entry.js → p-06fbdb2f.entry.js} +1 -1
  132. package/dist/mg-components/{p-c3d116b9.entry.js → p-188b9ca9.entry.js} +1 -1
  133. package/dist/mg-components/p-4667078d.entry.js +1 -0
  134. package/dist/mg-components/p-5a859ecf.entry.js +1658 -0
  135. package/dist/mg-components/p-661da56b.entry.js +1 -0
  136. package/dist/mg-components/{p-988c282e.entry.js → p-8e256086.entry.js} +1 -1
  137. package/dist/mg-components/p-C3jUhxdI.js +2 -0
  138. package/dist/mg-components/p-DSEloqPn.js +1 -0
  139. package/dist/mg-components/{p-6b655830.entry.js → p-b0b8c58f.entry.js} +1 -1
  140. package/dist/mg-components/{p-dd1934f4.entry.js → p-bbcef41c.entry.js} +1 -1
  141. package/dist/mg-components/{p-4175dcbe.entry.js → p-c1aeb277.entry.js} +1 -1
  142. package/dist/types/assets/icons/index.d.ts +2 -0
  143. package/dist/types/components/molecules/inputs/mg-input/mg-input.conf.d.ts +1 -1
  144. package/dist/types/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxList.d.ts +2 -2
  145. package/dist/types/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxPaginated.d.ts +8 -0
  146. package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf.d.ts +16 -8
  147. package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.d.ts +15 -5
  148. package/dist/types/components/molecules/inputs/mg-input-rich-text-editor/editor/editor.conf.d.ts +17 -0
  149. package/dist/types/components/molecules/inputs/mg-input-rich-text-editor/editor/index.d.ts +27 -19
  150. package/dist/types/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.conf.d.ts +3 -0
  151. package/dist/types/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.d.ts +48 -14
  152. package/dist/types/components/molecules/inputs/mg-input-select/mg-input-select.d.ts +1 -1
  153. package/dist/types/components/molecules/internals/mg-item-more/mg-item-more.conf.d.ts +0 -5
  154. package/dist/types/components/molecules/internals/mg-item-more/mg-item-more.d.ts +1 -6
  155. package/dist/types/components/molecules/menus/mg-menu/mg-menu.conf.d.ts +2 -10
  156. package/dist/types/components/molecules/menus/mg-menu/mg-menu.d.ts +7 -7
  157. package/dist/types/components/molecules/menus/mg-menu-item/mg-menu-item.d.ts +12 -8
  158. package/dist/types/components/molecules/mg-breadcrumb/mg-breadcrumb.conf.d.ts +18 -0
  159. package/dist/types/components/molecules/mg-breadcrumb/mg-breadcrumb.d.ts +34 -0
  160. package/dist/types/components/molecules/mg-table/mg-table.d.ts +6 -0
  161. package/dist/types/components/molecules/mg-tabs/mg-tabs.conf.d.ts +1 -9
  162. package/dist/types/components/molecules/mg-tabs/mg-tabs.d.ts +4 -4
  163. package/dist/types/components.d.ts +617 -207
  164. package/dist/types/stencil-public-runtime.d.ts +52 -2
  165. package/ide/intellij/web-types.json +143 -55
  166. package/ide/vscode/css-custom-data.json +10 -2
  167. package/ide/vscode/html-custom-data.json +113 -34
  168. package/package.json +24 -23
  169. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.js +0 -245
  170. package/dist/components/mg-input-checkbox-paginated.d.ts +0 -11
  171. package/dist/components/mg-input-checkbox-paginated.js +0 -1
  172. package/dist/components/mg-input-checkbox-paginated2.js +0 -1
  173. package/dist/mg-components/p-08fa327b.entry.js +0 -1
  174. package/dist/mg-components/p-D-uaxCxH.js +0 -1
  175. package/dist/mg-components/p-DFwaH2hS.js +0 -2
  176. package/dist/mg-components/p-a79b1f19.entry.js +0 -1
  177. package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.d.ts +0 -77
@@ -0,0 +1 @@
1
+ import{r as e,h as r,a}from"./p-C3jUhxdI.js";import{i as t}from"./p-DSEloqPn.js";import{t as i,i as s}from"./p-C7xjtdiw.js";const m=class{constructor(r){e(this,r)}validateItems(e){if(void 0===e||(r=e,!(Array.isArray(r)&&r.length>0&&r.every(((e,a)=>"object"==typeof e&&null!==e&&s(e.label)&&(a===r.length-1||s(e.href)))))))throw new Error(`<mg-breadcrumb> prop "items" is required and all values must be the same type, BreadcrumbItemType. Passed value: ${i(e)}.`);var r}renderItem(e,a){return s(e.href)?r("a",{href:e.href,"aria-label":void 0!==e.icon?e.label:void 0,"aria-current":a?"page":void 0},void 0!==e.icon?r("mg-icon",{icon:e.icon}):e.label):r("span",null,e.label)}componentWillLoad(){this.validateItems(this.items),this.messages=t(this.element).messages.breadcrumb}render(){return r("nav",{key:"af5c541e6a268af67762eb9d384269511fe0be17","aria-label":this.messages.label,class:"mg-c-breadcrumb"},r("ol",{key:"b5fdfe61eb2c826b3462bdd65cacfb73d4f00484",class:"mg-c-breadcrumb__list"},this.items.map(((e,a)=>{var t;return r("li",{key:`${a}-${null!==(t=e.href)&&void 0!==t?t:e.label}`,class:"mg-c-breadcrumb__list-item"},this.renderItem(e,a===this.items.length-1))}))))}get element(){return a(this)}static get watchers(){return{items:[{validateItems:0}]}}};m.style='a{color:inherit;text-decoration:underline}a:hover,a:focus,a:active{text-decoration:none}.mg-c-breadcrumb{display:block}.mg-c-breadcrumb__list{padding:0;margin:0;list-style:none}.mg-c-breadcrumb__list-item{display:inline;color:var(--mg-b-color-dark);font-weight:700}.mg-c-breadcrumb__list-item:not(:last-child)::after{content:"/";font-weight:600;margin-inline:var(--mg-b-size-8)}.mg-c-breadcrumb__list-item:has(mg-icon) a{padding:var(--mg-b-size-4);margin:calc(var(--mg-b-size-4)*-1)}.mg-c-breadcrumb__list-item mg-icon{margin-block-start:.2rem;vertical-align:top}';export{m as mg_breadcrumb}
@@ -1 +1 @@
1
- import{r as e,h as t,a}from"./p-DFwaH2hS.js";import{i}from"./p-D-uaxCxH.js";import{i as r,t as s}from"./p-C7xjtdiw.js";const o=class{constructor(t){e(this,t),this.messageHide=!1}watchMessage(e){if(e&&!r(e))throw new Error(`<mg-loader> prop "message" must be a valid string. Passed value: ${s(e)}.`)}componentWillLoad(){this.messages=i(this.element).messages,this.watchMessage(this.message)}render(){return t("div",{key:"ad7aa5e4fa0704cf2fa174ae1ed960f72deb79e3",class:"mg-c-loader","aria-live":"polite"},t("mg-icon",{key:"47e6df1e459a74851bf370e460438b7bdc2ed3d0",icon:"loader",spin:!0}),t("span",{key:"44d36e8492401cacb911f21fc707c1de03ae7a5d",class:{"mg-u-visually-hidden":this.messageHide}},this.message||this.messages.loader.inProgress))}get element(){return a(this)}static get watchers(){return{message:[{watchMessage:0}]}}};o.style=".mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;clip-path:inset(50%) !important;white-space:nowrap !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}:host{display:block}.mg-c-loader{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--mg-b-size-4);text-align:center}";export{o as mg_loader}
1
+ import{r as t,h as e,a}from"./p-C3jUhxdI.js";import{i}from"./p-DSEloqPn.js";import{i as r,t as s}from"./p-C7xjtdiw.js";const o=class{constructor(e){t(this,e),this.messageHide=!1}watchMessage(t){if(t&&!r(t))throw new Error(`<mg-loader> prop "message" must be a valid string. Passed value: ${s(t)}.`)}componentWillLoad(){this.messages=i(this.element).messages,this.watchMessage(this.message)}render(){return e("div",{key:"739b4cbacd8a8da056dbb1445c40fac2cf26766a",class:"mg-c-loader","aria-live":"polite"},e("mg-icon",{key:"95d3cbf26fcd6dbf0dad4853bf55aa66385f1aba",icon:"loader",spin:!0}),e("span",{key:"f6322cd3054d8976bd2ec24f86a2d6bb60ca7ae1",class:{"mg-u-visually-hidden":this.messageHide}},this.message||this.messages.loader.inProgress))}get element(){return a(this)}static get watchers(){return{message:[{watchMessage:0}]}}};o.style=".mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;clip-path:inset(50%) !important;white-space:nowrap !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}:host{display:block}.mg-c-loader{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--mg-b-size-4);text-align:center}";export{o as mg_loader}
@@ -0,0 +1,2 @@
1
+ const o=()=>{},r=":root{--mg-b-size-4:0.4rem;--mg-b-size-8:0.8rem;--mg-b-size-12:1.2rem;--mg-b-size-16:1.6rem;--mg-b-size-20:2rem;--mg-b-size-24:2.4rem;--mg-b-size-32:3.2rem;--mg-b-size-40:4rem;--mg-b-size-48:4.8rem;--mg-b-size-56:5.6rem;--mg-b-size-64:6.4rem;--mg-b-size-72:7.2rem;--mg-b-size-120:12rem;--mg-b-size-border:0.1rem;--mg-b-size-radius:var(--mg-b-size-4);--mg-b-size-floating-element-max-width:40rem;--mg-b-size-min-height:3.5rem;--mg-b-spacing-actions:var(--mg-b-size-8);--mg-b-color-blue-10:rgb(227, 244, 255);--mg-b-color-blue-20:rgb(209, 237, 255);--mg-b-color-blue-30:rgb(166, 219, 255);--mg-b-color-blue-40:rgb(106, 195, 255);--mg-b-color-blue-50:rgb(64, 179, 255);--mg-b-color-blue-60:rgb(22, 162, 255);--mg-b-color-blue-70:rgb(0, 132, 220);--mg-b-color-blue-80:rgb(0, 94, 156);--mg-b-color-blue-90:rgb(0, 67, 111);--mg-b-color-blue-100:rgb(0, 39, 66);--mg-b-color-green-10:rgb(234, 251, 244);--mg-b-color-green-20:rgb(212, 247, 234);--mg-b-color-green-30:rgb(181, 240, 219);--mg-b-color-green-40:rgb(144, 232, 202);--mg-b-color-green-50:rgb(97, 223, 179);--mg-b-color-green-60:rgb(50, 213, 156);--mg-b-color-green-70:rgb(46, 194, 142);--mg-b-color-green-80:rgb(36, 151, 111);--mg-b-color-green-90:rgb(21, 89, 66);--mg-b-color-green-100:rgb(13, 54, 40);--mg-b-color-red-10:rgb(251, 233, 234);--mg-b-color-red-20:rgb(248, 216, 217);--mg-b-color-red-30:rgb(242, 174, 178);--mg-b-color-red-40:rgb(236, 134, 139);--mg-b-color-red-50:rgb(229, 96, 103);--mg-b-color-red-60:rgb(221, 42, 52);--mg-b-color-red-70:rgb(219, 31, 41);--mg-b-color-red-80:rgb(152, 21, 28);--mg-b-color-red-90:rgb(120, 17, 23);--mg-b-color-red-100:rgb(92, 13, 13);--mg-b-color-yellow-10:rgb(255, 247, 230);--mg-b-color-yellow-20:rgb(255, 240, 207);--mg-b-color-yellow-30:rgb(255, 226, 162);--mg-b-color-yellow-40:rgb(255, 212, 118);--mg-b-color-yellow-50:rgb(255, 195, 62);--mg-b-color-yellow-60:rgb(232, 177, 56);--mg-b-color-yellow-70:rgb(181, 138, 44);--mg-b-color-yellow-80:rgb(140, 107, 34);--mg-b-color-yellow-90:rgb(86, 66, 21);--mg-b-color-yellow-100:rgb(53, 41, 13);--mg-b-color-neutral-0:rgb(255, 255, 255);--mg-b-color-neutral-10:rgb(250, 251, 251);--mg-b-color-neutral-20:rgb(236, 238, 238);--mg-b-color-neutral-30:rgb(225, 227, 228);--mg-b-color-neutral-40:rgb(197, 201, 203);--mg-b-color-neutral-50:rgb(182, 188, 190);--mg-b-color-neutral-60:rgb(157, 165, 167);--mg-b-color-neutral-70:rgb(129, 139, 142);--mg-b-color-neutral-80:rgb(101, 113, 117);--mg-b-color-neutral-90:rgb(75, 89, 94);--mg-b-color-neutral-100:rgb(47, 64, 69);--mg-b-color-neutral-110:rgb(21, 40, 46);--mg-b-color-neutral-120:rgb(5, 9, 11);--mg-b-color-dark:var(--mg-b-color-neutral-110);--mg-b-color-light:var(--mg-b-color-neutral-0);--mg-b-color-danger:var(--mg-b-color-red-70);--mg-b-color-text-on-danger:var(--mg-b-color-light);--mg-b-color-info:var(--mg-b-color-blue-80);--mg-b-color-text-on-info:var(--mg-b-color-light);--mg-b-color-success:var(--mg-b-color-green-60);--mg-b-color-text-on-success:var(--mg-b-color-dark);--mg-b-color-warning:var(--mg-b-color-yellow-50);--mg-b-color-text-on-warning:var(--mg-b-color-dark);--mg-b-color-app:var(--mg-b-color-blue-80);--mg-b-color-primary:var(--mg-b-color-neutral-110);--mg-b-color-text-on-primary:var(--mg-b-color-light);--mg-b-color-secondary:var(--mg-b-color-neutral-10);--mg-b-color-text-on-secondary:var(--mg-b-color-dark);--mg-b-font-size:1.3rem;--mg-b-font-size-small:1.17rem;--mg-b-font-size-h1:calc(var(--mg-b-font-size) * 1.85);--mg-b-font-size-h2:calc(var(--mg-b-font-size) * 1.65);--mg-b-font-size-h3:calc(var(--mg-b-font-size) * 1.35);--mg-b-font-size-h4:calc(var(--mg-b-font-size) * 1.2);--mg-b-font-size-h5:calc(var(--mg-b-font-size) * 1.1);--mg-b-font-size-h6:calc(var(--mg-b-font-size) * 0.8);--mg-b-small-font-size:0.9em;--mg-b-font-family:'Open Sans', sans-serif;--mg-b-font-family-heading:var(--mg-b-font-family);--mg-b-line-height:1.4;--mg-b-box-shadow:0 0.3rem 0.8rem 0 color-mix(in srgb, var(--mg-b-color-dark), transparent 85%);--mg-b-opacity-element-disabled:0.4}:root{--mg-c-badge-size:var(--mg-b-size-16);--mg-c-badge-font-size:var(--mg-b-font-size-small);--mg-c-button-border-radius:var(--mg-b-size-radius);--mg-c-button-icon-border-radius:var(--mg-b-size-min-height);--mg-c-button-color-background-danger:var(--mg-b-color-danger);--mg-c-button-color-border-danger:var(--mg-b-color-red-80);--mg-c-button-color-gradient-danger:var(--mg-b-color-red-80);--mg-c-button-color-text-danger:var(--mg-b-color-text-on-danger);--mg-c-button-color-background-info:var(--mg-b-color-info);--mg-c-button-color-border-info:var(--mg-b-color-blue-90);--mg-c-button-color-gradient-info:var(--mg-b-color-blue-90);--mg-c-button-color-text-info:var(--mg-b-color-text-on-info);--mg-c-button-color-background-success:var(--mg-b-color-success);--mg-c-button-color-border-success:var(--mg-b-color-green-70);--mg-c-button-color-gradient-success:var(--mg-b-color-green-70);--mg-c-button-color-text-success:var(--mg-b-color-text-on-success);--mg-c-button-color-background-warning:var(--mg-b-color-warning);--mg-c-button-color-border-warning:var(--mg-b-color-yellow-60);--mg-c-button-color-gradient-warning:var(--mg-b-color-yellow-60);--mg-c-button-color-text-warning:var(--mg-b-color-text-on-warning);--mg-c-button-color-background-primary:var(--mg-b-color-primary);--mg-c-button-color-border-primary:var(--mg-b-color-neutral-120);--mg-c-button-color-gradient-primary:var(--mg-b-color-neutral-120);--mg-c-button-color-text-primary:var(--mg-b-color-text-on-primary);--mg-c-button-color-background-secondary:var(--mg-b-color-secondary);--mg-c-button-color-border-secondary:var(--mg-b-color-neutral-20);--mg-c-button-color-gradient-secondary:var(--mg-b-color-neutral-20);--mg-c-button-color-text-secondary:var(--mg-b-color-text-on-secondary);--mg-c-button-color-background-danger-alt:var(--mg-b-color-neutral-10);--mg-c-button-color-border-danger-alt:var(--mg-b-color-neutral-20);--mg-c-button-color-gradient-danger-alt:var(--mg-b-color-neutral-20);--mg-c-button-color-text-danger-alt:var(--mg-b-color-danger);--mg-c-card-spacing-default:var(--mg-b-size-16);--mg-c-card-border-radius-default:var(--mg-b-size-12);--mg-c-card-color-background-default:var(--mg-b-color-light);--mg-c-card-border-default:var(--mg-b-size-border) solid var(--mg-b-color-neutral-30);--mg-c-card-box-shadow-default:var(--mg-b-box-shadow);--mg-c-divider-color-background:color-mix(in srgb, var(--mg-b-color-dark), transparent 85%);--mg-c-divider-thickness:var(--mg-b-size-border);--mg-c-divider-spacing-vertical:var(--mg-b-size-40);--mg-c-icon-border-radius:50%;--mg-c-tag-height:var(--mg-b-size-24);--mg-c-tag-border-radius:var(--mg-b-size-radius);--mg-c-tag-font-size:var(--mg-b-font-size-small);--mg-c-tooltip-border-radius:var(--mg-b-size-radius);--mg-c-tooltip-color-background:var(--mg-b-color-dark);--mg-c-tooltip-color-text:var(--mg-b-color-light);--mg-c-details-spacing:var(--mg-b-size-8);--mg-c-illustrated-message-spacing-vertical:var(--mg-b-size-40);--mg-c-input-border-width:var(--mg-b-size-border);--mg-c-input-border-radius:var(--mg-b-size-radius);--mg-c-input-color-border:rgb(181 194 201);--mg-c-input-placeholder-color-text:rgb(181 194 201);--mg-c-input-color-icon:rgb(181 194 201);--mg-c-input-color-box-shadow-focus:rgb(0 221 255 / 50%);--mg-c-input-error-color-background:color-mix(in srgb, var(--mg-b-color-danger), white 95%);--mg-c-input-toggle-border-radius-ratio:2;--mg-c-input-check-size:var(--mg-b-size-16);--mg-c-menu-item-color:var(--mg-b-color-app);--mg-c-message-border-radius:var(--mg-b-size-radius);--mg-c-modal-border-radius:var(--mg-c-card-border-radius-default);--mg-c-modal-title-font-size:var(--mg-b-font-size-h3);--mg-c-panel-border-radius:var(--mg-c-card-border-radius-default);--mg-c-panel-box-shadow:var(--mg-b-box-shadow);--mg-c-panel-content-spacing:var(--mg-b-size-16);--mg-c-popover-border-radius:var(--mg-c-card-border-radius-default);--mg-c-popover-color-background:var(--mg-b-color-light);--mg-c-popover-color-text:var(--mg-b-color-dark);--mg-c-popover-title-font-size:var(--mg-b-font-size-h5);--mg-c-popover-max-width:var(--mg-b-size-floating-element-max-width);--mg-c-progress-size:var(--mg-b-size-8);--mg-c-progress-border-color:var(--mg-b-color-neutral-80);--mg-c-progress-bar-color-background:var(--mg-b-color-neutral-30);--mg-c-progress-fill-color-background:var(--mg-b-color-app);--mg-c-tabs-color:var(--mg-b-color-app)}html{font-size:62.5%}body{font-family:var(--mg-b-font-family);font-size:var(--mg-b-font-size);-webkit-font-smoothing:antialiased;line-height:var(--mg-b-line-height)}:root{--mg-b-font-family:system-ui, sans-serif}";function e(o,r,e){const t="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;o&&o!==t;){const t=Object.getOwnPropertyDescriptor(o,r);if(t&&(!e||t.get))return t;o=Object.getPrototypeOf(o)}}var t,n=(o,r)=>{var t;Object.entries(null!=(t=r.t.o)?t:{}).map((([t,[n]])=>{if(31&n||32&n){const n=o[t],l=e(Object.getPrototypeOf(o),t,!0)||Object.getOwnPropertyDescriptor(o,t);l&&Object.defineProperty(o,t,{get(){return l.get.call(this)},set(o){l.set.call(this,o)},configurable:!0,enumerable:!0}),r.l.has(t)?o[t]=r.l.get(t):void 0!==n&&(o[t]=n)}}))},l=o=>{if(o.__stencil__getHostRef)return o.__stencil__getHostRef()},c=(o,r)=>{r&&(o.__stencil__getHostRef=()=>r,r.i=o,512&r.t.m&&n(o,r))},i=(o,r)=>r in o,s=(o,r)=>(0,console.error)(o,r),a=new Map,g=new Map,b="slot-fb{display:contents}slot-fb[hidden]{display:none}",m="http://www.w3.org/1999/xlink",u="undefined"!=typeof window?window:{},f={m:0,u:"",jmp:o=>o(),raf:o=>requestAnimationFrame(o),ael:(o,r,e,t)=>o.addEventListener(r,e,t),rel:(o,r,e,t)=>o.removeEventListener(r,e,t),ce:(o,r)=>new CustomEvent(o,r)},d=o=>Promise.resolve(o),v=(()=>{try{return!!u.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(o){}return!1})(),p=!!v&&(()=>!!u.document&&Object.getOwnPropertyDescriptor(u.document.adoptedStyleSheets,"length").writable)(),h=!1,y=[],w=[],z=(o,r)=>e=>{o.push(e),h||(h=!0,r&&4&f.m?x(k):f.raf(k))},$=o=>{for(let r=0;r<o.length;r++)try{o[r](performance.now())}catch(o){s(o)}o.length=0},k=()=>{$(y),$(w),(h=y.length>0)&&f.raf(k)},x=o=>d().then(o),S=z(w,!0);function j(){var o;const e=this.attachShadow({mode:"open"});if(void 0===t&&(t=null!=(o=function(o){if(!v)return;const r=new CSSStyleSheet;return r.replaceSync(o),r}(r))?o:null),t)p?e.adoptedStyleSheets.push(t):e.adoptedStyleSheets=[...e.adoptedStyleSheets,t];else if(!v){const o=document.createElement("style");o.innerHTML=r,e.prepend(o)}}var O=o=>{const r=T(o,"childNodes");o.tagName&&o.tagName.includes("-")&&o["s-cr"]&&"SLOT-FB"!==o.tagName&&N(r,o.tagName).forEach((o=>{1===o.nodeType&&"SLOT-FB"===o.tagName&&(o.hidden=!!E(o,M(o),!1).length)}));let e=0;for(e=0;e<r.length;e++){const o=r[e];1===o.nodeType&&T(o,"childNodes").length&&O(o)}};function N(o,r,e){let t,n=0,l=[];for(;n<o.length;n++){if(t=o[n],t["s-sr"]&&(!r||t["s-hn"]===r)&&(void 0===e||M(t)===e)&&(l.push(t),void 0!==e))return l;l=[...l,...N(t.childNodes,r,e)]}return l}var E=(o,r,e=!0)=>{const t=[];(e&&o["s-sr"]||!o["s-sr"])&&t.push(o);let n=o;for(;n=n.nextSibling;)M(n)!==r||!e&&n["s-sr"]||t.push(n);return t},C=(o,r)=>1===o.nodeType?null===o.getAttribute("slot")&&""===r||o.getAttribute("slot")===r:o["s-sn"]===r||""===r,M=o=>"string"==typeof o["s-sn"]?o["s-sn"]:1===o.nodeType&&o.getAttribute("slot")||void 0;function T(o,r){if("__"+r in o){const e=o["__"+r];return"function"!=typeof e?e:e.bind(o)}return"function"!=typeof o[r]?o[r]:o[r].bind(o)}function L(o){var r,e,t;return null!=(t=null==(e=null==(r=o.head)?void 0:r.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?t:void 0}var R,A,F,P=new WeakMap,D=o=>"sc-"+o.v,H=o=>"object"==(o=typeof o)||"function"===o,U=(o,r,...e)=>{let t=null,n=null,l=null,c=!1,i=!1;const s=[],a=r=>{for(let e=0;e<r.length;e++)t=r[e],Array.isArray(t)?a(t):null!=t&&"boolean"!=typeof t&&((c="function"!=typeof o&&!H(t))&&(t+=""),c&&i?s[s.length-1].p+=t:s.push(c?_(null,t):t),i=c)};if(a(e),r){r.key&&(n=r.key),r.name&&(l=r.name);{const o=r.className||r.class;o&&(r.class="object"!=typeof o?o:Object.keys(o).filter((r=>o[r])).join(" "))}}if("function"==typeof o)return o(null===r?{}:r,s,B);const g=_(o,null);return g.h=r,s.length>0&&(g.$=s),g.k=n,g.S=l,g},_=(o,r)=>({m:0,j:o,p:null!=r?r:null,O:null,$:null,h:null,k:null,S:null}),W={},B={forEach:(o,r)=>o.map(V).forEach(r),map:(o,r)=>o.map(V).map(r).map(q)},V=o=>({vattrs:o.h,vchildren:o.$,vkey:o.k,vname:o.S,vtag:o.j,vtext:o.p}),q=o=>{if("function"==typeof o.vtag){const r={...o.vattrs};return o.vkey&&(r.key=o.vkey),o.vname&&(r.name=o.vname),U(o.vtag,r,...o.vchildren||[])}const r=_(o.vtag,o.vtext);return r.h=o.vattrs,r.$=o.vchildren,r.k=o.vkey,r.S=o.vname,r},Y=o=>{if(!o)return;const r=Object.keys(o);if(0===r.length)return;let e=!1;for(const t of r){if(e)break;for(const r of o[t])if("string"==typeof r){e=!0;break}}if(!e)return o;const t={};for(const e of r)t[e]=o[e].map((o=>"string"==typeof o?{[o]:0}:o));return t},G=(o,r)=>null==o||H(o)?o:4&r?"false"!==o&&(""===o||!!o):2&r?"string"==typeof o?parseFloat(o):"number"==typeof o?o:NaN:1&r?o+"":o,I=o=>{var r;return null==(r=l(o))?void 0:r.$hostElement$},Z=(o,r,e)=>{const t=I(o);return{emit:o=>J(t,r,{bubbles:!!(4&e),composed:!!(2&e),cancelable:!!(1&e),detail:o})}},J=(o,r,e)=>{const t=f.ce(r,e);return o.dispatchEvent(t),t},K=(o,r,e,t,n,c)=>{if(e===t)return;let s=i(o,r),a=r.toLowerCase();if("class"===r){const r=o.classList,n=X(e);let l=X(t);r.remove(...n.filter((o=>o&&!l.includes(o)))),r.add(...l.filter((o=>o&&!n.includes(o))))}else if("style"===r){for(const r in e)t&&null!=t[r]||(r.includes("-")?o.style.removeProperty(r):o.style[r]="");for(const r in t)e&&t[r]===e[r]||(r.includes("-")?o.style.setProperty(r,t[r]):o.style[r]=t[r])}else if("key"===r);else if("ref"===r)t&&$o(t,o);else if(s||"o"!==r[0]||"n"!==r[1]){if("a"===r[0]&&r.startsWith("attr:")){const e=r.slice(5);let n;{const r=l(o);if(r&&r.t&&r.t.o){const o=r.t.o[e];o&&o[1]&&(n=o[1])}}return n||(n=e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==t||!1===t?!1===t&&""!==o.getAttribute(n)||o.removeAttribute(n):o.setAttribute(n,!0===t?"":t))}if("p"===r[0]&&r.startsWith("prop:")){const e=r.slice(5);try{o[e]=t}catch(o){}return}{const l=H(t);if((s||l&&null!==t)&&!n)try{if(o.tagName.includes("-"))o[r]!==t&&(o[r]=t);else{const n=null==t?"":t;"list"===r?s=!1:null!=e&&o[r]===n||("function"==typeof o.__lookupSetter__(r)?o[r]=n:o.setAttribute(r,n))}}catch(o){}let i=!1;a!==(a=a.replace(/^xlink\:?/,""))&&(r=a,i=!0),null==t||!1===t?!1===t&&""!==o.getAttribute(r)||(i?o.removeAttributeNS(m,r):o.removeAttribute(r)):(!s||4&c||n)&&!l&&1===o.nodeType&&(t=!0===t?"":t,i?o.setAttributeNS(m,r,t):o.setAttribute(r,t))}}else if(r="-"===r[2]?r.slice(3):i(u,a)?a.slice(2):a[2]+r.slice(3),e||t){const n=r.endsWith(oo);r=r.replace(ro,""),e&&f.rel(o,r,e,n),t&&f.ael(o,r,t,n)}},Q=/\s/,X=o=>("object"==typeof o&&o&&"baseVal"in o&&(o=o.baseVal),o&&"string"==typeof o?o.split(Q):[]),oo="Capture",ro=RegExp(oo+"$"),eo=(o,r,e)=>{const t=11===r.O.nodeType&&r.O.host?r.O.host:r.O,n=o&&o.h||{},l=r.h||{};for(const o of to(Object.keys(n)))o in l||K(t,o,n[o],void 0,e,r.m);for(const o of to(Object.keys(l)))K(t,o,n[o],l[o],e,r.m)};function to(o){return o.includes("ref")?[...o.filter((o=>"ref"!==o)),"ref"]:o}var no=!1,lo=!1,co=!1,io=!1,so=[],ao=[],go=(o,r,e)=>{var t;const n=r.$[e];let l,c,i,s=0;if(no||(co=!0,"slot"===n.j&&(n.m|=n.$?2:1)),null!=n.p)l=n.O=u.document.createTextNode(n.p);else if(1&n.m)l=n.O=u.document.createTextNode(""),eo(null,n,io);else{if(!u.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(l=n.O=u.document.createElement(!no&&2&n.m?"slot-fb":n.j),eo(null,n,io),null!=R&&void 0!==R&&l["s-si"]!==R&&l.classList.add(l["s-si"]=R),n.$){const r="template"===n.j?l.content:l;for(s=0;s<n.$.length;++s)c=go(o,n,s),c&&r.appendChild(c)}}return l["s-hn"]=F,3&n.m&&(l["s-sr"]=!0,l["s-cr"]=A,l["s-sn"]=n.S||"",l["s-rf"]=null==(t=n.h)?void 0:t.ref,function(o){if(o.assignedElements||o.assignedNodes||!o["s-sr"])return;const r=r=>function(o){const e=[],t=this["s-sn"];(null==o?void 0:o.flatten)&&console.error("\n Flattening is not supported for Stencil non-shadow slots.\n You can use `.childNodes` to nested slot fallback content.\n If you have a particular use case, please open an issue on the Stencil repo.\n ");const n=this["s-cr"].parentElement;return(n.__childNodes?n.childNodes:(o=>{const r=[];for(let e=0;e<o.length;e++){const t=o[e]["s-nr"]||void 0;t&&t.isConnected&&r.push(t)}return r})(n.childNodes)).forEach((o=>{t===M(o)&&e.push(o)})),r?e.filter((o=>1===o.nodeType)):e}.bind(o);o.assignedElements=r(!0),o.assignedNodes=r(!1)}(l),i=o&&o.$&&o.$[e],i&&i.j===n.j&&o.O&&bo(o.O),xo(A,l,r.O,null==o?void 0:o.O)),l},bo=o=>{f.m|=1;const r=o.closest(F.toLowerCase());if(null!=r){const e=Array.from(r.__childNodes||r.childNodes).find((o=>o["s-cr"])),t=Array.from(o.__childNodes||o.childNodes);for(const o of e?t.reverse():t)null!=o["s-sh"]&&(ko(r,o,null!=e?e:null),o["s-sh"]=void 0,co=!0)}f.m&=-2},mo=(o,r)=>{f.m|=1;const e=Array.from(o.__childNodes||o.childNodes);if(o["s-sr"]){let r=o;for(;r=r.nextSibling;)r&&r["s-sn"]===o["s-sn"]&&r["s-sh"]===F&&e.push(r)}for(let o=e.length-1;o>=0;o--){const t=e[o];t["s-hn"]!==F&&t["s-ol"]&&(ko(po(t).parentNode,t,po(t)),t["s-ol"].remove(),t["s-ol"]=void 0,t["s-sh"]=void 0,co=!0),r&&mo(t,r)}f.m&=-2},uo=(o,r,e,t,n,l)=>{let c,i=o["s-cr"]&&o["s-cr"].parentNode||o;for(i.shadowRoot&&i.tagName===F&&(i=i.shadowRoot),"template"===e.j&&(i=i.content);n<=l;++n)t[n]&&(c=go(null,e,n),c&&(t[n].O=c,ko(i,c,po(r))))},fo=(o,r,e)=>{for(let t=r;t<=e;++t){const r=o[t];if(r){const o=r.O;zo(r),o&&(lo=!0,o["s-ol"]?o["s-ol"].remove():mo(o,!0),o.remove())}}},vo=(o,r,e=!1)=>o.j===r.j&&("slot"===o.j?o.S===r.S:e?(e&&!o.k&&r.k&&(o.k=r.k),!0):o.k===r.k),po=o=>o&&o["s-ol"]||o,ho=(o,r,e=!1)=>{const t=r.O=o.O,n=o.$,l=r.$,c=r.p;let i;null==c?("slot"!==r.j||no||o.S!==r.S&&(r.O["s-sn"]=r.S||"",bo(r.O.parentElement)),eo(o,r,io),null!==n&&null!==l?((o,r,e,t,n=!1)=>{let l,c,i=0,s=0,a=0,g=0,b=r.length-1,m=r[0],u=r[b],f=t.length-1,d=t[0],v=t[f];const p="template"===e.j?o.content:o;for(;i<=b&&s<=f;)if(null==m)m=r[++i];else if(null==u)u=r[--b];else if(null==d)d=t[++s];else if(null==v)v=t[--f];else if(vo(m,d,n))ho(m,d,n),m=r[++i],d=t[++s];else if(vo(u,v,n))ho(u,v,n),u=r[--b],v=t[--f];else if(vo(m,v,n))"slot"!==m.j&&"slot"!==v.j||mo(m.O.parentNode,!1),ho(m,v,n),ko(p,m.O,u.O.nextSibling),m=r[++i],v=t[--f];else if(vo(u,d,n))"slot"!==m.j&&"slot"!==v.j||mo(u.O.parentNode,!1),ho(u,d,n),ko(p,u.O,m.O),u=r[--b],d=t[++s];else{for(a=-1,g=i;g<=b;++g)if(r[g]&&null!==r[g].k&&r[g].k===d.k){a=g;break}a>=0?(c=r[a],c.j!==d.j?l=go(r&&r[s],e,a):(ho(c,d,n),r[a]=void 0,l=c.O),d=t[++s]):(l=go(r&&r[s],e,s),d=t[++s]),l&&ko(po(m.O).parentNode,l,po(m.O))}i>b?uo(o,null==t[f+1]?null:t[f+1].O,e,t,s,f):s>f&&fo(r,i,b)})(t,n,r,l,e):null!==l?(null!==o.p&&(t.textContent=""),uo(t,null,r,l,0,l.length-1)):!e&&null!==n&&fo(n,0,n.length-1)):(i=t["s-cr"])?i.parentNode.textContent=c:o.p!==c&&(t.data=c)},yo=[],wo=o=>{let r,e,t;const n=o.__childNodes||o.childNodes;for(const o of n){if(o["s-sr"]&&(r=o["s-cr"])&&r.parentNode){e=r.parentNode.__childNodes||r.parentNode.childNodes;const n=o["s-sn"];for(t=e.length-1;t>=0;t--)if(r=e[t],!(r["s-cn"]||r["s-nr"]||r["s-hn"]===o["s-hn"]||r["s-sh"]&&r["s-sh"]===o["s-hn"]))if(C(r,n)){let e=yo.find((o=>o.N===r));lo=!0,r["s-sn"]=r["s-sn"]||n,e?(e.N["s-sh"]=o["s-hn"],e.C=o):(r["s-sh"]=o["s-hn"],yo.push({C:o,N:r})),r["s-sr"]&&yo.map((o=>{C(o.N,r["s-sn"])&&(e=yo.find((o=>o.N===r)),e&&!o.C&&(o.C=e.C))}))}else yo.some((o=>o.N===r))||yo.push({N:r})}1===o.nodeType&&wo(o)}},zo=o=>{o.h&&o.h.ref&&so.push((()=>o.h.ref(null))),o.$&&o.$.map(zo)},$o=(o,r)=>{ao.push((()=>o(r)))},ko=(o,r,e,t)=>{if("string"==typeof r["s-sn"]&&r["s-sr"]&&r["s-cr"])xo(r["s-cr"],r,o,r.parentElement);else if("string"==typeof r["s-sn"]){o.insertBefore(r,e);const{slotNode:n}=function(o,r){var e;if(!(r=r||(null==(e=o["s-ol"])?void 0:e.parentElement)))return{slotNode:null,slotName:""};const t=o["s-sn"]=M(o)||"";return{slotNode:N(T(r,"childNodes"),r.tagName,t)[0],slotName:t}}(r);return n&&!t&&function(o){o.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}(n),r}return o.__insertBefore?o.__insertBefore(r,e):null==o?void 0:o.insertBefore(r,e)};function xo(o,r,e,t){var n,l;let c;if(o&&"string"==typeof r["s-sn"]&&r["s-sr"]&&o.parentNode&&o.parentNode["s-sc"]&&(c=r["s-si"]||o.parentNode["s-sc"])){const o=r["s-sn"],i=r["s-hn"];if(null==(n=e.classList)||n.add(c+"-s"),t&&(null==(l=t.classList)?void 0:l.contains(c+"-s"))){let r=(t.__childNodes||t.childNodes)[0],e=!1;for(;r;){if(r["s-sn"]!==o&&r["s-hn"]===i&&r["s-sr"]){e=!0;break}r=r.nextSibling}e||t.classList.remove(c+"-s")}}}var So=(o,r)=>{if(r&&!o.M&&r["s-p"]){const e=r["s-p"].push(new Promise((t=>o.M=()=>{r["s-p"].splice(e-1,1),t()})))}},jo=(o,r)=>{if(o.m|=16,4&o.m)return void(o.m|=512);So(o,o.T);const e=()=>Oo(o,r);if(!r)return S(e);queueMicrotask((()=>{e()}))},Oo=(o,r)=>{const e=o.$hostElement$,t=o.i;if(!t)throw Error(`Can't render component <${e.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let n;return r?(o.L&&(o.L=!1,Ao(t,"connectedCallback",void 0,e)),o.m|=256,o.R&&(o.R.map((([o,r])=>Ao(t,o,r,e))),o.R=void 0),o.A.length&&o.A.forEach((o=>o(e))),n=Ao(t,"componentWillLoad",void 0,e)):n=Ao(t,"componentWillUpdate",void 0,e),n=No(n,(()=>Ao(t,"componentWillRender",void 0,e))),No(n,(()=>Co(o,t,r)))},No=(o,r)=>Eo(o)?o.then(r).catch((o=>{console.error(o),r()})):r(),Eo=o=>o instanceof Promise||o&&o.then&&"function"==typeof o.then,Co=async(o,r,e)=>{var t;const n=o.$hostElement$,l=n["s-rc"];e&&(o=>{const r=o.t,e=o.$hostElement$,t=r.m,n=((o,r)=>{var e,t,n;const l=D(r),c=g.get(l);if(!u.document)return l;if(o=11===o.nodeType?o:u.document,c)if("string"==typeof c){let n,i=P.get(o=o.head||o);if(i||P.set(o,i=new Set),!i.has(l)){n=u.document.createElement("style"),n.textContent=c;const s=null!=(e=f.F)?e:L(u.document);if(null!=s&&n.setAttribute("nonce",s),!(1&r.m))if("HEAD"===o.nodeName){const r=o.querySelectorAll("link[rel=preconnect]"),e=r.length>0?r[r.length-1].nextSibling:o.querySelector("style");o.insertBefore(n,(null==e?void 0:e.parentNode)===o?e:null)}else if("host"in o)if(v){const r=new(null!=(t=o.defaultView)?t:o.ownerDocument.defaultView).CSSStyleSheet;r.replaceSync(c),p?o.adoptedStyleSheets.unshift(r):o.adoptedStyleSheets=[r,...o.adoptedStyleSheets]}else{const r=o.querySelector("style");r?r.textContent=c+r.textContent:o.prepend(n)}else o.append(n);1&r.m&&o.insertBefore(n,null),4&r.m&&(n.textContent+=b),i&&i.add(l)}}else{let r=P.get(o);if(r||P.set(o,r=new Set),!r.has(l)){const e=null!=(n=o.defaultView)?n:o.ownerDocument.defaultView;let t;if(c.constructor===e.CSSStyleSheet)t=c;else{t=new e.CSSStyleSheet;for(let o=0;o<c.cssRules.length;o++)t.insertRule(c.cssRules[o].cssText,o)}p?o.adoptedStyleSheets.push(t):o.adoptedStyleSheets=[...o.adoptedStyleSheets,t],r.add(l)}}return l})(e.shadowRoot?e.shadowRoot:e.getRootNode(),r);10&t&&(e["s-sc"]=n,e.classList.add(n+"-h"))})(o);Mo(o,r,n,e),l&&(l.map((o=>o())),n["s-rc"]=void 0);{const r=null!=(t=n["s-p"])?t:[],e=()=>To(o);0===r.length?e():(Promise.all(r).then(e).catch(e),o.m|=4,r.length=0)}},Mo=(o,r,e,t)=>{try{r=r.render&&r.render(),o.m&=-17,o.m|=2,((o,r,e=!1)=>{var t,n,l,c,i;const s=o.$hostElement$,a=o.t,g=o.P||_(null,null),b=(o=>o&&o.j===W)(r)?r:U(null,null,r);if(F=s.tagName,a.D&&(b.h=b.h||{},a.D.forEach((([o,r])=>{b.h[r]=s[o]}))),e&&b.h)for(const o of Object.keys(b.h))s.hasAttribute(o)&&!["key","ref","style","class"].includes(o)&&(b.h[o]=s[o]);if(b.j=null,b.m|=4,o.P=b,b.O=g.O=s.shadowRoot||s,R=s["s-sc"],no=!(!(1&a.m)||128&a.m),A=s["s-cr"],lo=!1,ho(g,b,e),f.m|=1,co){wo(b.O);for(const o of yo){const r=o.N;if(!r["s-ol"]&&u.document){const o=u.document.createTextNode("");o["s-nr"]=r,ko(r.parentNode,r["s-ol"]=o,r,e)}}for(const o of yo){const r=o.N,i=o.C;if(1===r.nodeType&&e&&(r["s-ih"]=null!=(t=r.hidden)&&t),i){const o=i.parentNode;let t=i.nextSibling;if(t&&1===t.nodeType){let e=null==(n=r["s-ol"])?void 0:n.previousSibling;for(;e;){let n=null!=(l=e["s-nr"])?l:null;if(n&&n["s-sn"]===r["s-sn"]&&o===(n.__parentNode||n.parentNode)){for(n=n.nextSibling;n===r||(null==n?void 0:n["s-sr"]);)n=null==n?void 0:n.nextSibling;if(!n||!n["s-nr"]){t=n;break}}e=e.previousSibling}}if((!t&&o!==(r.__parentNode||r.parentNode)||(r.__nextSibling||r.nextSibling)!==t)&&r!==t){if(ko(o,r,t,e),8===r.nodeType&&r.nodeValue.startsWith("s-nt-")){const o=u.document.createTextNode(r.nodeValue.replace(/^s-nt-/,""));o["s-hn"]=r["s-hn"],o["s-sn"]=r["s-sn"],o["s-sh"]=r["s-sh"],o["s-sr"]=r["s-sr"],o["s-ol"]=r["s-ol"],o["s-ol"]["s-nr"]=o,ko(r.parentNode,o,r,e),r.parentNode.removeChild(r)}1===r.nodeType&&"SLOT-FB"!==r.tagName&&(r.hidden=null!=(c=r["s-ih"])&&c)}r&&"function"==typeof i["s-rf"]&&i["s-rf"](i)}else 1===r.nodeType&&(r.hidden=!0)}}if(lo&&O(b.O),f.m&=-2,yo.length=0,!no&&!(1&a.m)&&s["s-cr"]){const o=b.O.__childNodes||b.O.childNodes;for(const r of o)if(r["s-hn"]!==F&&!r["s-sh"])if(e&&null==r["s-ih"]&&(r["s-ih"]=null!=(i=r.hidden)&&i),1===r.nodeType)r.hidden=!0;else if(3===r.nodeType&&r.nodeValue.trim()){const o=u.document.createComment("s-nt-"+r.nodeValue);o["s-sn"]=r["s-sn"],ko(r.parentNode,o,r,e),r.parentNode.removeChild(r)}}A=void 0,so.forEach((o=>o())),so.length=0,ao.forEach((o=>o())),ao.length=0})(o,r,t)}catch(r){s(r,o.$hostElement$)}return null},To=o=>{const r=o.$hostElement$,e=o.i,t=o.T;Ao(e,"componentDidRender",void 0,r),64&o.m?Ao(e,"componentDidUpdate",void 0,r):(o.m|=64,Fo(r),Ao(e,"componentDidLoad",void 0,r),o.H(r),t||Ro()),o.U(r),o.M&&(o.M(),o.M=void 0),512&o.m&&x((()=>jo(o,!1))),o.m&=-517},Lo=o=>{var r;{const e=l(o),t=null==(r=null==e?void 0:e.$hostElement$)?void 0:r.isConnected;return t&&2==(18&e.m)&&jo(e,!1),t}},Ro=()=>{x((()=>J(u,"appload",{detail:{namespace:"mg-components"}})))},Ao=(o,r,e,t)=>{if(o&&o[r])try{return o[r](e)}catch(o){s(o,t)}},Fo=o=>o.classList.add("hydrated"),Po=(o,r,e,t)=>{const n=l(o);if(!n)return;if(!n)throw Error(`Couldn't find host element for "${t.v}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const c=n.$hostElement$,i=n.l.get(r),a=n.m,g=n.i;if(e=G(e,t.o[r][0]),!(8&a&&void 0!==i||e===i||Number.isNaN(i)&&Number.isNaN(e))){if(n.l.set(r,e),t._){const o=t._[r];o&&o.map((o=>{try{const[[t,l]]=Object.entries(o);(128&a||1&l)&&(g?g[t](e,i,r):n.A.push((()=>{n.i[t](e,i,r)})))}catch(o){s(o,c)}}))}if(2&a){if(g.componentShouldUpdate&&!1===g.componentShouldUpdate(e,i,r)&&!(16&a))return;16&a||jo(n,!1)}}},Do=(o,r,t)=>{var n,c;const i=o.prototype;{o.watchers&&!r._&&(r._=Y(o.watchers)),o.deserializers&&!r.W&&(r.W=o.deserializers),o.serializers&&!r.B&&(r.B=o.serializers);const s=Object.entries(null!=(n=r.o)?n:{});if(s.map((([o,[n]])=>{if(31&n||2&t&&32&n){const{get:c,set:s}=e(i,o)||{};c&&(r.o[o][0]|=2048),s&&(r.o[o][0]|=4096),(1&t||!c)&&Object.defineProperty(i,o,{get(){{if(!(2048&r.o[o][0]))return((o,r)=>l(this).l.get(r))(0,o);const e=l(this),t=e?e.i:i;if(!t)return;return t[o]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,o,{set(e){const c=l(this);if(c){if(s)return void 0===(32&n?this[o]:c.$hostElement$[o])&&c.l.get(o)&&(e=c.l.get(o)),s.call(this,G(e,n)),void Po(this,o,e=32&n?this[o]:c.$hostElement$[o],r);{if(!(1&t&&4096&r.o[o][0]))return Po(this,o,e,r),void(1&t&&!c.i&&c.A.push((()=>{4096&r.o[o][0]&&c.i[o]!==c.l.get(o)&&(c.i[o]=e)})));const l=()=>{const t=c.i[o];!c.l.get(o)&&t&&c.l.set(o,t),c.i[o]=G(e,n),Po(this,o,c.i[o],r)};c.i?l():c.A.push((()=>{l()}))}}}})}else 1&t&&64&n&&Object.defineProperty(i,o,{value(...r){var e;const t=l(this);return null==(e=null==t?void 0:t.V)?void 0:e.then((()=>{var e;return null==(e=t.i)?void 0:e[o](...r)}))}})})),1&t){const e=new Map;i.attributeChangedCallback=function(o,t,n){f.jmp((()=>{var c;const a=e.get(o),g=l(this);if(this.hasOwnProperty(a)&&(n=this[a],delete this[a]),i.hasOwnProperty(a)&&"number"==typeof this[a]&&this[a]==n)return;if(null==a){const e=null==g?void 0:g.m;if(g&&e&&!(8&e)&&n!==t){const l=g.i,i=null==(c=r._)?void 0:c[o];null==i||i.forEach((r=>{const[[c,i]]=Object.entries(r);null!=l[c]&&(128&e||1&i)&&l[c].call(l,n,t,o)}))}return}const b=s.find((([o])=>o===a)),m=b&&4&b[1][0],u=m&&null===n&&void 0===this[a];m&&(n=null!==n&&"false"!==n);const f=Object.getOwnPropertyDescriptor(i,a);u||n==this[a]||f.get&&!f.set||(this[a]=n)}))},o.observedAttributes=Array.from(new Set([...Object.keys(null!=(c=r._)?c:{}),...s.filter((([o,r])=>31&r[0])).map((([o,t])=>{var n;const l=t[1]||o;return e.set(l,o),512&t[0]&&(null==(n=r.D)||n.push([o,l])),l}))]))}}return o},Ho=(o,r)=>{Ao(o,"connectedCallback",void 0,r)},Uo=(o,r)=>{Ao(o,"disconnectedCallback",void 0,r||o)},_o=(o,r={})=>{var e;if(!u.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const t=[],n=r.exclude||[],c=u.customElements,i=u.document.head,m=i.querySelector("meta[charset]"),d=u.document.createElement("style"),p=[];let h,y=!0;Object.assign(f,r),f.u=new URL(r.resourcesUrl||"./",u.document.baseURI).href;let w=!1;if(o.map((o=>{o[1].map((r=>{var e,i;const b={m:r[0],v:r[1],o:r[2],q:r[3]};4&b.m&&(w=!0),b.o=r[2],b.q=r[3],b.D=[],b._=Y(r[4]),b.B=null!=(e=r[5])?e:{},b.W=null!=(i=r[6])?i:{};const m=b.v,d=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(o){if(super(o),((o,r)=>{const e={m:0,$hostElement$:o,t:r,l:new Map,Y:new Map};e.V=new Promise((o=>e.U=o)),e.G=new Promise((o=>e.H=o)),o["s-p"]=[],o["s-rc"]=[],e.A=[];const t=e;o.__stencil__getHostRef=()=>t})(o=this,b),1&b.m)if(o.shadowRoot){if("open"!==o.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${b.v}! Mode is set to ${o.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else j.call(o,b)}connectedCallback(){const o=l(this);o&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Wo(this,o,b.q)),h&&(clearTimeout(h),h=null),y?p.push(this):f.jmp((()=>(o=>{if(!(1&f.m)){const r=l(o);if(!r)return;const e=r.t,t=()=>{};if(1&r.m)Wo(o,r,e.q),(null==r?void 0:r.i)?Ho(r.i,o):(null==r?void 0:r.G)&&r.G.then((()=>Ho(r.i,o)));else{r.m|=1,12&e.m&&(o=>{if(!u.document)return;const r=o["s-cr"]=u.document.createComment("");r["s-cn"]=!0,ko(o,r,o.firstChild)})(o);{let e=o;for(;e=e.parentNode||e.host;)if(e["s-p"]){So(r,r.T=e);break}}e.o&&Object.entries(e.o).map((([r,[e]])=>{if(31&e&&Object.prototype.hasOwnProperty.call(o,r)){const e=o[r];delete o[r],o[r]=e}})),(async(o,r,e)=>{let t;try{if(!(32&r.m)){if(r.m|=32,e.I){const n=((o,r)=>{const e=o.v.replace(/-/g,"_"),t=o.I;if(!t)return;const n=a.get(t);return n?n[e]:import(`./${t}.entry.js`).then((o=>(a.set(t,o),o[e])),(o=>{s(o,r.$hostElement$)}))
2
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(e,r);if(n&&"then"in n){const o=()=>{};t=await n,o()}else t=n;if(!t)throw Error(`Constructor for "${e.v}#${r.Z}" was not found`);t.isProxied||(e._=Y(t.watchers),e.B=t.serializers,e.W=t.deserializers,Do(t,e,2),t.isProxied=!0);const l=()=>{};r.m|=8;try{new t(r)}catch(r){s(r,o)}r.m&=-9,r.m|=128,l(),4&e.m?r.L=!0:Ho(r.i,o)}else t=o.constructor,customElements.whenDefined(o.localName).then((()=>r.m|=128));if(t&&t.style){let o;"string"==typeof t.style&&(o=t.style);const r=D(e);if(!g.has(r)){const t=()=>{};((o,r,e)=>{let t=g.get(o);v&&e?(t=t||new CSSStyleSheet,"string"==typeof t?t=r:t.replaceSync(r)):t=r,g.set(o,t)})(r,o,!!(1&e.m)),t()}}}const n=r.T,l=()=>jo(r,!0);n&&n["s-rc"]?n["s-rc"].push(l):l()}catch(e){s(e,o),r.M&&(r.M(),r.M=void 0),r.H&&r.H(o)}})(o,r,e)}t()}})(this))))}disconnectedCallback(){f.jmp((()=>(async o=>{if(!(1&f.m)){const r=l(o);(null==r?void 0:r.J)&&(r.J.map((o=>o())),r.J=void 0),(null==r?void 0:r.i)?Uo(r.i,o):(null==r?void 0:r.G)&&r.G.then((()=>Uo(r.i,o)))}P.has(o)&&P.delete(o),o.shadowRoot&&P.has(o.shadowRoot)&&P.delete(o.shadowRoot)})(this))),f.raf((()=>{var o;const r=l(this);if(!r)return;const e=p.findIndex((o=>o===this));e>-1&&p.splice(e,1),(null==(o=null==r?void 0:r.P)?void 0:o.O)instanceof Node&&!r.P.O.isConnected&&delete r.P.O}))}componentOnReady(){var o;return null==(o=l(this))?void 0:o.G}};b.I=o[0],n.includes(m)||c.get(m)||(t.push(m),c.define(m,Do(d,b,1)))}))})),t.length>0&&(w&&(d.textContent+=b),d.textContent+=t.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",d.innerHTML.length)){d.setAttribute("data-styles","");const o=null!=(e=f.F)?e:L(u.document);null!=o&&d.setAttribute("nonce",o),i.insertBefore(d,m?m.nextSibling:i.firstChild)}y=!1,p.length?p.map((o=>o.connectedCallback())):f.jmp((()=>h=setTimeout(Ro,30)))},Wo=(o,r,e)=>{e&&u.document&&e.map((([e,t,n])=>{const l=o,c=Bo(r,n),i=Vo(e);f.ael(l,t,c,i),(r.J=r.J||[]).push((()=>f.rel(l,t,c,i)))}))},Bo=(o,r)=>e=>{var t;try{256&o.m?null==(t=o.i)||t[r](e):(o.R=o.R||[]).push([r,e])}catch(r){s(r,o.$hostElement$)}},Vo=o=>({passive:!!(1&o),capture:!!(2&o)}),qo=o=>f.F=o;export{W as H,I as a,_o as b,Z as c,Lo as f,o as g,U as h,d as p,c as r,qo as s}
@@ -0,0 +1 @@
1
+ const e=/^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/,t=e=>{const t={value:"2023",pattern:"yyyy"},a={value:"12",pattern:"mm"},l={value:"24",pattern:"dd"};return n([t.value,a.value,l.value].join("-"),e,{timeZone:"UTC"}).replace(t.value,t.pattern).replace(a.value,a.pattern).replace(l.value,l.pattern)},a=(e,t,a)=>new Intl.NumberFormat(t,{style:"currency",currency:a}).format(e),l=(e,t,a=0)=>new Intl.NumberFormat(t,{minimumFractionDigits:a}).format(Number(e)),r=(e,t)=>{if("number"!=typeof e||Number.isNaN(e)||e<0)throw new Error("localeByte - size must be a positive number.");const a=["byte","kilobyte","megabyte","gigabyte","terabyte"],l=a.findIndex(((t,a)=>e<Math.pow(1024,a+1)));return Intl.NumberFormat(t,{minimumFractionDigits:0,maximumFractionDigits:2,unit:a[l],unitDisplay:"byte"===a[l]?"long":"short",style:"unit"}).format(e/Math.pow(1024,l))},s=(e,t,a=0)=>new Intl.NumberFormat(t,{style:"percent",minimumFractionDigits:a,maximumFractionDigits:a}).format(e),i=(e,t,a,l="short",r=0)=>new Intl.NumberFormat(t,{style:"unit",unit:a,unitDisplay:l,minimumFractionDigits:r,maximumFractionDigits:r}).format(e),n=(t,a,l)=>"string"==typeof t&&""!==t&&e.test(t)?new Intl.DateTimeFormat(a,l).format(new Date(t)):"",o=(u={en:{errors:{required:"This field is required."},nbCharLeft:"{counter} characters left.",input:{showMore:"Show more",select:{placeholder:"Select a value"},checkbox:{selectedValues:"{nb} selected values",selectedValue:"{nb} selected value",editButton:"Edit",selectButton:"Select values",showButton:"Show",sections:{label:'Values grouped by: "Selected" or "Available"',badge:{label:"value(s)"},search:{label:"Enter a value",values:"{count} value(s) found",noValue:"No values found"},selected:{title:"Selected",action:"Unselect all",tooltip:"Unselect all current values",values:"{count} value(s) selected",noValue:"No value selected"},notSelected:{title:"Available",action:"Select all",tooltip:"Select all current values",values:"{count} value(s) available",noValue:"All values are selected"}}},date:{pattern:{dd:"dd",mm:"mm",yyyy:"yyyy"},helpText:{expectedFormat:"Expected format: {pattern} (ex: {date})"},error:{badInput:"The date is inexistent or incorrect, the expected format is {pattern} (ex: {date})",min:"The date must be after or equal to {min}",max:"The date must be before or equal to {max}",minMax:"The date must be between {min} and {max}"}},numeric:{error:{min:"The value must be greater than or equal to {min}",max:"The value must be less than or equal to {max}",minMax:"The value must be between {min} and {max}"}},password:{display:"Display password value",hide:"Hide password value"},combobox:{notFound:"No value matches your input",notAvailable:"No value available",search:"Search…"},text:{helpText:{email:"Expected format: name@example.com",emails:"Expected format: first@example.com, second@example.com",url:"Expected format: https://example.com"},errors:{typeMismatch:{email:"The value is incorrect, the expected format is name@example.com",emails:"The value is incorrect, the expected format is first@example.com, second@example.com",url:"The value is incorrect, the expected format is https://example.com"}}},file:{helpText:{accept:"Accepted extensions: {{accept}}",maxSize:"Maximum size: {{maxSize}}"},errors:{maxSize:"The file size exceeds the maximum allowed size of {{maxSize}}"},browse:"Browse…",deleteButton:"Delete file"}},form:{required:'Fields with a <strong class="mg-u-is-asterisk">*</strong> are required',requiredSingle:'Field with a <strong class="mg-u-is-asterisk">*</strong> is required',allRequired:"All fields are required",allRequiredSingle:"The field is required"},alert:{closeButton:"Close message"},modal:{closeButton:"Close modal"},pagination:{label:"Pagination",page:"page",pages:"pages",nextLabel:"Next page",previousLabel:"Previous page",selectPage:"Select the page to display."},panel:{editLabel:"Edit section title."},skipLinks:{navLabel:"Quick access"},breadcrumb:{label:"Breadcrumb"},general:{confirm:"Confirm",cancel:"Cancel",close:"Close",next:"Next",previous:"Previous",reset:"reset"},menuItem:{badgeLabel:"Include notification(s)",openNewTab:"Open link in a new tab"},itemMore:{menuLabel:"Additional menu"},actionMore:{label:"Actions"},loader:{inProgress:"Loading in progress…"},table:{sortableCaption:"(column headers with buttons are sortable)"}},fr:{errors:{required:"Ce champ est obligatoire."},nbCharLeft:"{counter} caractères disponibles.",input:{showMore:"Afficher plus",select:{placeholder:"Sélectionnez une valeur"},checkbox:{selectedValues:"{nb} valeurs sélectionnées",selectedValue:"{nb} valeur sélectionnée",editButton:"Modifier",selectButton:"Sélectionner des valeurs",showButton:"Voir",sections:{label:'Valeurs regroupées par: "Sélectionnées" ou "Disponibles"',badge:{label:"valeur(s)"},search:{label:"Saisissez une valeur",values:"{count} résultat(s)",noValue:"Aucune valeur n'a été trouvée."},selected:{title:"Sélectionnées",action:"Tout désélectionner",tooltip:"Désélectionne toutes les valeurs de la section",values:"{count} valeur(s) sélectionnée(s)",noValue:"Aucune valeur sélectionnée"},notSelected:{title:"Disponibles",action:"Tout sélectionner",tooltip:"Sélectionne toutes les valeurs de la section",values:"{count} valeur(s) disponible(s)",noValue:"Toutes les valeurs sont sélectionnées"}}},date:{pattern:{dd:"jj",mm:"mm",yyyy:"aaaa"},helpText:{expectedFormat:"Format attendu&nbsp;: {pattern} (ex&nbsp;: {date})"},error:{badInput:"La date est inexistante ou incorrecte, le format attendu est {pattern} (ex&nbsp;: {date})",min:"La date doit être postérieure ou égale au {min}",max:"La date doit être antérieure ou égale au {max}",minMax:"La date doit être comprise entre le {min} et le {max}"}},numeric:{error:{min:"La valeur doit être supérieure ou égale à {min}",max:"La valeur doit être inférieure ou égale à {max}",minMax:"La valeur doit être comprise entre {min} et {max}"}},password:{display:"Afficher le mot de passe",hide:"Masquer le mot de passe"},combobox:{notFound:"Aucune valeur ne correspondont à votre saisie",notAvailable:"Aucune valeur disponible",search:"Recherche…"},text:{helpText:{email:"Format attendu&nbsp;: nom@exemple.fr",emails:"Format attendu&nbsp;: premier@exemple.fr, second@exemple.fr",url:"Format attendu&nbsp;: https://exemple.fr"},errors:{typeMismatch:{email:"La valeur est incorrecte, le format attendu est nom@exemple.fr",emails:"La valeur est incorrecte, le format attendu est premier@exemple.fr, second@exemple.fr",url:"La valeur est incorrecte, le format attendu est https://exemple.fr"}}},file:{helpText:{accept:"Extensions autorisée&nbsp;: {{acceptedFormat}}",maxSize:"Taille maximale&nbsp;: {{maxSize}}"},errors:{maxSize:"La taille du fichier dépasse la taille maximale autorisée de {{maxSize}}"},browse:"Parcourir…",deleteButton:"Supprimer le fichier"}},form:{required:'Les champs marqués d\'un <strong class="mg-u-is-asterisk">*</strong> sont obligatoires',requiredSingle:'Le champ marqué d\'un <strong class="mg-u-is-asterisk">*</strong> est obligatoire',allRequired:"Tous les champs sont obligatoires",allRequiredSingle:"Le champ est obligatoire"},alert:{closeButton:"Fermer le message"},modal:{closeButton:"Fermer la modale"},pagination:{label:"Pagination",page:"page",pages:"pages",nextLabel:"Page suivante",previousLabel:"Page précédente",selectPage:"Sélectionner la page à afficher."},panel:{editLabel:"Modifier le titre de la section."},skipLinks:{navLabel:"Accès rapide"},breadcrumb:{label:"Fil d'Ariane"},general:{confirm:"Valider",cancel:"Annuler",close:"Fermer",next:"Suivant",previous:"Précédent",reset:"réinitialiser"},menuItem:{badgeLabel:"Notification(s) incluse(s)",openNewTab:"Ouvrir le lien dans un nouvel onglet"},itemMore:{menuLabel:"Menu complémentaire"},actionMore:{label:"Actions"},loader:{inProgress:"Chargement en cours…"},table:{sortableCaption:"(les en-têtes de colonnes avec des boutons peuvent être triés)"}}},e=>((e,t,a)=>{const l=e.closest("[lang]"),r=Intl.NumberFormat.supportedLocalesOf(l?.lang),s=r.length>0&&"string"==typeof r[0]?r[0]:navigator.language||a,i=s.split("-").shift();return 0===Object.keys(t).length?{locale:s,messages:{lang:a}}:{locale:s,messages:t[i]??t[a]??{lang:a}}})(e,u,"en"));var u;export{n as a,t as b,l as c,i as d,s as e,a as f,o as i,r as l}
@@ -1 +1 @@
1
- import{r as i,c as t,h as e,a as s}from"./p-DFwaH2hS.js";import{C as r,b as o,t as a,i as n,c as h}from"./p-C7xjtdiw.js";import{l,i as p}from"./p-D-uaxCxH.js";import{a as c}from"./p-C9rmNQIL.js";const m=class{constructor(s){i(this,s),this.valueChange=t(this,"value-change",7),this.inputValid=t(this,"input-valid",7),this.hasDisplayedError=!1,this.customErrorMessage={lock:!1},this.name=this.identifier,this.labelOnTop=!1,this.labelHide=!1,this.multiple=!1,this.required=!1,this.disabled=!1,this.tooltipPosition="input",this.classCollection=new r(["mg-c-input--file"]),this.files=[],this.setValidity=i=>{const t=this.valid;this.customErrorMessage.lock&&(void 0===this.customErrorMessage.message||i)||(this.valid=i),this.invalid=!this.valid,(void 0===this.handlerInProgress||"blur"===this.handlerInProgress&&this.valid!==t)&&this.inputValid.emit(this.valid)},this.handleInputChange=i=>{this.checkValidity(),this.hasDisplayedError&&this.setErrorMessage(),this.files=Array.from(i.target.files),this.fileButtonElement.focus()},this.handleInputFocus=()=>{this.fileButtonElement.dataset.focusVisible=""},this.handleInputBlur=()=>{this.handlerInProgress="blur",this.displayError().finally((()=>{this.handlerInProgress=void 0})),delete this.fileButtonElement.dataset.focusVisible},this.handleButtonBlur=()=>{this.inputElement.blur()},this.handleButtonClick=()=>{this.inputElement.click()},this.checkValidity=()=>{this.setValidity(this.disabled||!this.isMaxSizeExceeded()&&this.inputElement.checkValidity())},this.handleDeleteFileClick=()=>{this.files=[],this.fileButtonElement.focus()},this.setErrorMessage=(i=!1)=>{this.errorMessage=void 0,this.valid||(i||this.customErrorMessage.lock&&void 0!==this.customErrorMessage.message?this.errorMessage=this.customErrorMessage.message:this.isMaxSizeExceeded()?this.errorMessage=this.messages.input.file.errors.maxSize.replace("{{maxSize}}",l(this.maxSize,this.locale)):this.inputElement.validity.valueMissing&&(this.errorMessage=this.messages.errors.required))},this.isMaxSizeExceeded=()=>this.maxSize>=0&&this.files.some((i=>i.size>this.maxSize)),this.renderFiles=()=>{const i=`${this.identifier}-file-list`,t=i=>e("span",{class:"mg-c-input__file-item-name"},i.name,i.size>0?e("span",{class:"mg-c-input__file-item-size"},` ${l(i.size,this.locale)}`):void 0),s=()=>e("mg-button",{variant:"flat",class:"mg-c-input__file-delete-button","is-icon":!0,label:this.messages.input.file.deleteButton,type:"button",disabled:this.disabled,"aria-controls":[this.identifier,i].join(" "),onClick:this.handleDeleteFileClick},e("mg-icon",{icon:"cross"}));return 0===this.files.length?null:1===this.files.length?e("div",{class:"mg-c-input__file-item"},t(this.files[0]),s()):e("div",{class:"mg-c-input__file-list-container"},e("ul",{role:"list",class:"mg-c-input__file-list",id:i},Array.from(this.files).map(((i,s)=>e("li",{class:"mg-c-input__file-item",key:`${i.name}-${s}`},t(i))))),s())}}watchValue(i){if(o(i))this.files=this.value.map((i=>new File([],i)));else if(t=i,Array.isArray(t)&&t.every((i=>h(i)&&"string"==typeof i.name&&"number"==typeof i.size)))this.files=this.value;else{if(void 0!==i)throw new Error(`<mg-input-file> prop "value" must be an array of strings or File objects. Passed value: ${a(i)}.`);this.files=[]}var t;this.valueChange.emit(i)}watchMultiple(){if(!1===this.multiple&&this.files.length>1)throw new Error('<mg-input-file> prop "value" must be a single file when prop "multiple" is set to false.')}watchAccept(i){if(void 0!==i&&!n(i))throw new Error('<mg-input-file> prop "accept" must be a valid string.')}handleValidityChange(i,t,e){void 0!==this.inputElement&&(this.inputElement[e]=i,this.checkValidity(),this.hasDisplayedError&&(this.setErrorMessage(),this.hasDisplayedError=!1))}watchDisabled(i){i?this.classCollection.add(c):this.classCollection.delete(c)}watchHelpText(){if(!n(this.helpText)){const i=[];void 0!==this.maxSize&&i.push(this.messages.input.file.helpText.maxSize.replace("{{maxSize}}",l(this.maxSize,this.locale))),void 0!==this.accept&&i.push(this.messages.input.file.helpText.accept.replace("{{accept}}",this.accept)),this.helpText=i.join(". ")}}watchFiles(i,t){a(i)!==a(t)&&(this.value=i.length>0?i:void 0)}async setFocus(){this.fileButtonElement.focus()}displayError(){return new Promise((i=>{requestAnimationFrame((()=>{this.checkValidity(),this.setErrorMessage(),this.hasDisplayedError=this.invalid,i()}))}))}async setError(i,t,e=!1){if("boolean"!=typeof i)throw new Error('<mg-input-file> method "setError()" param "valid" must be a boolean.');if(void 0!==t&&!n(t))throw new Error('<mg-input-file> method "setError()" param "errorMessage" must be a string.');this.customErrorMessage={lock:!i&&e,message:i?void 0:t},this.setValidity(i),this.setErrorMessage(!0),this.hasDisplayedError=this.invalid}async reset(){return this.files=[],new Promise((i=>{requestAnimationFrame((()=>{this.customErrorMessage={lock:!1},this.checkValidity(),this.errorMessage=void 0,this.hasDisplayedError=!1,i()}))}))}componentWillLoad(){const i=p(this.element);return this.locale=i.locale,this.messages=i.messages,this.watchValue(this.value),this.watchDisabled(this.disabled),this.watchHelpText(),this.watchAccept(this.accept),this.watchMultiple(),setTimeout((()=>{this.checkValidity()}),0)}render(){return e("mg-input",{key:"3bcbf416c083d857aac2ad556bb2a218fe9ef82f",label:this.label,identifier:this.identifier,class:this.classCollection.join(),labelOnTop:this.labelOnTop,labelHide:this.labelHide,required:this.required,tooltip:this.tooltip,tooltipPosition:this.tooltipPosition,helpText:this.helpText,errorMessage:this.errorMessage},e("div",{key:"88fafc6fd4a84c05a545c0083193e2ee0db54bfb",class:"mg-c-input__file-container"},e("input",{key:"ad1d14bc95390d5db56191ebff0d092ed5478183",name:this.name,id:this.identifier,class:"mg-u-visually-hidden",type:"file",multiple:!0===this.multiple,capture:this.capture,accept:this.accept,disabled:this.disabled,required:0===this.files.length&&this.required,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onChange:this.handleInputChange,"aria-invalid":(!0===this.invalid).toString(),ref:i=>{this.inputElement=i}}),e("mg-button",{key:"ace59bb90e27f924ce85e96abd277e752c75b6b8",variant:"secondary",class:"mg-c-input__file-button",type:"button",disabled:this.disabled,onClick:this.handleButtonClick,onBlur:this.handleButtonBlur,tabindex:"-1",ref:i=>{this.fileButtonElement=i}},this.messages.input.file.browse),this.renderFiles()))}get element(){return s(this)}static get watchers(){return{value:[{watchValue:0},{watchMultiple:0}],multiple:[{watchMultiple:0}],accept:[{watchAccept:0},{watchHelpText:0}],required:[{handleValidityChange:0}],disabled:[{handleValidityChange:0},{watchDisabled:0}],helpText:[{watchHelpText:0}],maxSize:[{watchHelpText:0}],files:[{watchFiles:0}]}}};m.style=".mg-c-input__readonly-value{min-height:var(--mg-b-font-size);align-self:flex-start;margin-top:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2);overflow-wrap:anywhere}.mg-c-input__box{height:var(--mg-b-size-min-height);box-sizing:border-box;padding:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2) var(--mg-b-size-8);border-width:var(--mg-c-input-border-width);border-style:solid;border-color:var(--mg-c-input-color-border);border-radius:var(--mg-c-input-border-radius);background-color:var(--mg-b-color-light);color:var(--mg-b-color-dark);font-family:inherit;font-size:var(--mg-b-font-size);text-align:var(--mg-c-input-text-align, left)}.mg-c-input__box::placeholder{color:var(--mg-c-input-placeholder-color-text);font-style:italic}.mg-c-input__box:focus{box-shadow:0 0 var(--mg-b-size-4) var(--mg-c-input-color-box-shadow-focus)}.mg-c-input__box:disabled{opacity:var(--mg-b-opacity-element-disabled)}.mg-c-input.mg-c-input--has-error .mg-c-input__box{border-color:var(--mg-b-color-danger)}.mg-c-input.mg-c-input--is-input-group-append{--mg-c-button-border-radius-top-left:0;--mg-c-button-border-radius-bottom-left:0}.mg-c-input.mg-c-input--is-input-group-append .mg-c-input__box{margin-right:calc(-1*var(--mg-b-size-border));border-bottom-right-radius:0;border-top-right-radius:0}.mg-c-input.mg-c-input--is-input-group-append .mg-c-input__box:focus-visible{outline-offset:-0.2rem;outline-style:solid;outline-width:.2rem}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]){--mg-c-button-border-radius-top-right:0;--mg-c-button-border-radius-bottom-right:0}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]:not(:last-of-type)){--mg-c-button-border-right-width:0}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]:last-of-type){--mg-c-button-border-radius-top-right:var(--mg-c-input-border-radius);--mg-c-button-border-radius-bottom-right:var(--mg-c-input-border-radius)}.mg-c-input.mg-c-input--is-append-input-slot-content:not(.mg-c-input--readonly) ::slotted([slot=append-input]){align-self:start;padding-top:calc((var(--mg-b-size-min-height) - var(--mg-b-size-16))/2)}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container{position:relative}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container>mg-icon:first-of-type{position:absolute;top:50%;left:var(--mg-b-size-8);color:var(--mg-c-input-color-icon);transform:translateY(-50%)}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container .mg-c-input__box{padding-left:calc(var(--mg-b-size-16) + var(--mg-b-size-8)*2)}.mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;clip-path:inset(50%) !important;white-space:nowrap !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}.mg-c-input__file-container{display:flex;flex-direction:column;gap:var(--mg-b-size-8)}.mg-c-input__file-item{display:inline-flex;min-height:var(--mg-b-size-min-height);align-items:center;padding-left:var(--mg-b-size-8);background-color:var(--mg-b-color-neutral-10);font-weight:600;gap:var(--mg-b-size-8)}.mg-c-input__file-item-name{word-break:break-all}.mg-c-input__file-item-size{color:var(--mg-b-color-neutral-90);font-weight:400;word-break:normal}.mg-c-input__file-delete-button{align-self:flex-start}.mg-c-input__file-list{display:flex;flex-direction:column;padding:0;margin:0;gap:var(--mg-b-size-4);list-style:none}.mg-c-input__file-list .mg-c-input__file-item{min-height:unset;padding:var(--mg-b-size-8)}.mg-c-input__file-list-container{position:relative;padding:var(--mg-b-size-8) calc(var(--mg-b-size-8) + var(--mg-b-size-min-height)) var(--mg-b-size-8) var(--mg-b-size-8);border:var(--mg-b-size-border) solid var(--mg-b-color-neutral-30);border-radius:var(--mg-b-size-4)}.mg-c-input__file-list-container .mg-c-input__file-delete-button{position:absolute;top:0;right:0}";export{m as mg_input_file}
1
+ import{r as i,c as t,h as e,a as s}from"./p-C3jUhxdI.js";import{C as r,b as o,t as n,i as a,c as h}from"./p-C7xjtdiw.js";import{l,i as p}from"./p-DSEloqPn.js";import{a as c}from"./p-C9rmNQIL.js";const m=class{constructor(s){i(this,s),this.valueChange=t(this,"value-change",7),this.inputValid=t(this,"input-valid",7),this.hasDisplayedError=!1,this.customErrorMessage={lock:!1},this.name=this.identifier,this.labelOnTop=!1,this.labelHide=!1,this.multiple=!1,this.required=!1,this.disabled=!1,this.tooltipPosition="input",this.classCollection=new r(["mg-c-input--file"]),this.files=[],this.setValidity=i=>{const t=this.valid;this.customErrorMessage.lock&&(void 0===this.customErrorMessage.message||i)||(this.valid=i),this.invalid=!this.valid,(void 0===this.handlerInProgress||"blur"===this.handlerInProgress&&this.valid!==t)&&this.inputValid.emit(this.valid)},this.handleInputChange=i=>{this.checkValidity(),this.hasDisplayedError&&this.setErrorMessage(),this.files=Array.from(i.target.files),this.fileButtonElement.focus()},this.handleInputFocus=()=>{this.fileButtonElement.dataset.focusVisible=""},this.handleInputBlur=()=>{this.handlerInProgress="blur",this.displayError().finally((()=>{this.handlerInProgress=void 0})),delete this.fileButtonElement.dataset.focusVisible},this.handleButtonBlur=()=>{this.inputElement.blur()},this.handleButtonClick=()=>{this.inputElement.click()},this.checkValidity=()=>{this.setValidity(this.disabled||!this.isMaxSizeExceeded()&&this.inputElement.checkValidity())},this.handleDeleteFileClick=()=>{this.files=[],this.fileButtonElement.focus()},this.setErrorMessage=(i=!1)=>{this.errorMessage=void 0,this.valid||(i||this.customErrorMessage.lock&&void 0!==this.customErrorMessage.message?this.errorMessage=this.customErrorMessage.message:this.isMaxSizeExceeded()?this.errorMessage=this.messages.input.file.errors.maxSize.replace("{{maxSize}}",l(this.maxSize,this.locale)):this.inputElement.validity.valueMissing&&(this.errorMessage=this.messages.errors.required))},this.isMaxSizeExceeded=()=>this.maxSize>=0&&this.files.some((i=>i.size>this.maxSize)),this.renderFiles=()=>{const i=`${this.identifier}-file-list`,t=i=>e("span",{class:"mg-c-input__file-item-name"},i.name,i.size>0?e("span",{class:"mg-c-input__file-item-size"},` ${l(i.size,this.locale)}`):void 0),s=()=>e("mg-button",{variant:"flat",class:"mg-c-input__file-delete-button","is-icon":!0,label:this.messages.input.file.deleteButton,type:"button",disabled:this.disabled,"aria-controls":[this.identifier,i].join(" "),onClick:this.handleDeleteFileClick},e("mg-icon",{icon:"cross"}));return 0===this.files.length?null:1===this.files.length?e("div",{class:"mg-c-input__file-item"},t(this.files[0]),s()):e("div",{class:"mg-c-input__file-list-container"},e("ul",{role:"list",class:"mg-c-input__file-list",id:i},Array.from(this.files).map(((i,s)=>e("li",{class:"mg-c-input__file-item",key:`${i.name}-${s}`},t(i))))),s())}}watchValue(i){if(o(i))this.files=this.value.map((i=>new File([],i)));else if(t=i,Array.isArray(t)&&t.every((i=>h(i)&&"string"==typeof i.name&&"number"==typeof i.size)))this.files=this.value;else{if(void 0!==i)throw new Error(`<mg-input-file> prop "value" must be an array of strings or File objects. Passed value: ${n(i)}.`);this.files=[]}var t;this.valueChange.emit(i)}watchMultiple(){if(!1===this.multiple&&this.files.length>1)throw new Error('<mg-input-file> prop "value" must be a single file when prop "multiple" is set to false.')}watchAccept(i){if(void 0!==i&&!a(i))throw new Error('<mg-input-file> prop "accept" must be a valid string.')}handleValidityChange(i,t,e){void 0!==this.inputElement&&(this.inputElement[e]=i,this.checkValidity(),this.hasDisplayedError&&(this.setErrorMessage(),this.hasDisplayedError=!1))}watchDisabled(i){i?this.classCollection.add(c):this.classCollection.delete(c)}watchHelpText(){if(!a(this.helpText)){const i=[];void 0!==this.maxSize&&i.push(this.messages.input.file.helpText.maxSize.replace("{{maxSize}}",l(this.maxSize,this.locale))),void 0!==this.accept&&i.push(this.messages.input.file.helpText.accept.replace("{{accept}}",this.accept)),this.helpText=i.join(". ")}}watchFiles(i,t){n(i)!==n(t)&&(this.value=i.length>0?i:void 0)}async setFocus(){this.fileButtonElement.focus()}displayError(){return new Promise((i=>{requestAnimationFrame((()=>{this.checkValidity(),this.setErrorMessage(),this.hasDisplayedError=this.invalid,i()}))}))}async setError(i,t,e=!1){if("boolean"!=typeof i)throw new Error('<mg-input-file> method "setError()" param "valid" must be a boolean.');if(void 0!==t&&!a(t))throw new Error('<mg-input-file> method "setError()" param "errorMessage" must be a string.');this.customErrorMessage={lock:!i&&e,message:i?void 0:t},this.setValidity(i),this.setErrorMessage(!0),this.hasDisplayedError=this.invalid}async reset(){return this.files=[],new Promise((i=>{requestAnimationFrame((()=>{this.customErrorMessage={lock:!1},this.checkValidity(),this.errorMessage=void 0,this.hasDisplayedError=!1,i()}))}))}componentWillLoad(){const i=p(this.element);return this.locale=i.locale,this.messages=i.messages,this.watchValue(this.value),this.watchDisabled(this.disabled),this.watchHelpText(),this.watchAccept(this.accept),this.watchMultiple(),setTimeout((()=>{this.checkValidity()}),0)}render(){return e("mg-input",{key:"075d0b55b004653115305f5dd0d6bc897fd3e9ed",label:this.label,identifier:this.identifier,class:this.classCollection.join(),labelOnTop:this.labelOnTop,labelHide:this.labelHide,required:this.required,tooltip:this.tooltip,tooltipPosition:this.tooltipPosition,helpText:this.helpText,errorMessage:this.errorMessage},e("div",{key:"16ce644751bf7e4a23876ed59e7076625661794c",class:"mg-c-input__file-container"},e("input",{key:"e00df3de20567ef52825ca002b838a81e586c777",name:this.name,id:this.identifier,class:"mg-u-visually-hidden",type:"file",multiple:!0===this.multiple,capture:this.capture,accept:this.accept,disabled:this.disabled,required:0===this.files.length&&this.required,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onChange:this.handleInputChange,"aria-invalid":(!0===this.invalid).toString(),ref:i=>{this.inputElement=i}}),e("mg-button",{key:"92e356bd08d09070b4c58c525ef91ab6bdc64b74",variant:"secondary",class:"mg-c-input__file-button",type:"button",disabled:this.disabled,onClick:this.handleButtonClick,onBlur:this.handleButtonBlur,tabindex:"-1",ref:i=>{this.fileButtonElement=i}},this.messages.input.file.browse),this.renderFiles()))}get element(){return s(this)}static get watchers(){return{value:[{watchValue:0},{watchMultiple:0}],multiple:[{watchMultiple:0}],accept:[{watchAccept:0},{watchHelpText:0}],required:[{handleValidityChange:0}],disabled:[{handleValidityChange:0},{watchDisabled:0}],helpText:[{watchHelpText:0}],maxSize:[{watchHelpText:0}],files:[{watchFiles:0}]}}};m.style=".mg-c-input__readonly-value{min-height:var(--mg-b-font-size);align-self:flex-start;margin-top:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2);overflow-wrap:anywhere}.mg-c-input__box{height:var(--mg-b-size-min-height);box-sizing:border-box;padding:calc((var(--mg-b-size-min-height) - var(--mg-b-font-size)*var(--mg-b-line-height))/2) var(--mg-b-size-8);border-width:var(--mg-c-input-border-width);border-style:solid;border-color:var(--mg-c-input-color-border);border-radius:var(--mg-c-input-border-radius);background-color:var(--mg-b-color-light);color:var(--mg-b-color-dark);font-family:inherit;font-size:var(--mg-b-font-size);text-align:var(--mg-c-input-text-align, left)}.mg-c-input__box::placeholder{color:var(--mg-c-input-placeholder-color-text);font-style:italic}.mg-c-input__box:focus{box-shadow:0 0 var(--mg-b-size-4) var(--mg-c-input-color-box-shadow-focus)}.mg-c-input__box:disabled{opacity:var(--mg-b-opacity-element-disabled)}.mg-c-input.mg-c-input--has-error .mg-c-input__box{border-color:var(--mg-b-color-danger)}.mg-c-input.mg-c-input--is-input-group-append{--mg-c-button-border-radius-top-left:0;--mg-c-button-border-radius-bottom-left:0}.mg-c-input.mg-c-input--is-input-group-append .mg-c-input__box{margin-right:calc(-1*var(--mg-b-size-border));border-bottom-right-radius:0;border-top-right-radius:0}.mg-c-input.mg-c-input--is-input-group-append .mg-c-input__box:focus-visible{outline-offset:-0.2rem;outline-style:solid;outline-width:.2rem}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]){--mg-c-button-border-radius-top-right:0;--mg-c-button-border-radius-bottom-right:0}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]:not(:last-of-type)){--mg-c-button-border-right-width:0}.mg-c-input.mg-c-input--has-buttons-group-append ::slotted([slot=append-input]:last-of-type){--mg-c-button-border-radius-top-right:var(--mg-c-input-border-radius);--mg-c-button-border-radius-bottom-right:var(--mg-c-input-border-radius)}.mg-c-input.mg-c-input--is-append-input-slot-content:not(.mg-c-input--readonly) ::slotted([slot=append-input]){align-self:start;padding-top:calc((var(--mg-b-size-min-height) - var(--mg-b-size-16))/2)}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container{position:relative}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container>mg-icon:first-of-type{position:absolute;top:50%;left:var(--mg-b-size-8);color:var(--mg-c-input-color-icon);transform:translateY(-50%)}.mg-c-input.mg-c-input--has-icon .mg-c-input__input-group-container .mg-c-input__box{padding-left:calc(var(--mg-b-size-16) + var(--mg-b-size-8)*2)}.mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;clip-path:inset(50%) !important;white-space:nowrap !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}.mg-c-input__file-container{display:flex;flex-direction:column;gap:var(--mg-b-size-8)}.mg-c-input__file-item{display:inline-flex;min-height:var(--mg-b-size-min-height);align-items:center;padding-left:var(--mg-b-size-8);background-color:var(--mg-b-color-neutral-10);font-weight:600;gap:var(--mg-b-size-8)}.mg-c-input__file-item-name{word-break:break-all}.mg-c-input__file-item-size{color:var(--mg-b-color-neutral-90);font-weight:400;word-break:normal}.mg-c-input__file-delete-button{align-self:flex-start}.mg-c-input__file-list{display:flex;flex-direction:column;padding:0;margin:0;gap:var(--mg-b-size-4);list-style:none}.mg-c-input__file-list .mg-c-input__file-item{min-height:unset;padding:var(--mg-b-size-8)}.mg-c-input__file-list-container{position:relative;padding:var(--mg-b-size-8) calc(var(--mg-b-size-8) + var(--mg-b-size-min-height)) var(--mg-b-size-8) var(--mg-b-size-8);border:var(--mg-b-size-border) solid var(--mg-b-color-neutral-30);border-radius:var(--mg-b-size-4)}.mg-c-input__file-list-container .mg-c-input__file-delete-button{position:absolute;top:0;right:0}";export{m as mg_input_file}
@@ -1 +1 @@
1
- import{r as t,h as i,a as s}from"./p-DFwaH2hS.js";import{C as e,i as h}from"./p-C7xjtdiw.js";import{i as a,c as r}from"./p-C9rmNQIL.js";const o=class{constructor(i){t(this,i),this.name=this.identifier,this.legendHide=!1,this.legendBorderDisplay=!1,this.readonly=!1,this.disabled=!1,this.classCollection=new e(["mg-c-input--fieldset"]),this.checkValidity=()=>{var t;this.valid=!(this.mgInputs.some((t=>t.invalid))||(null===(t=this.errorMessage)||void 0===t?void 0:t.length)>0)},this.setMgInputs=()=>{this.mgInputs=Array.from(this.element.querySelectorAll("*")).filter((t=>t.nodeName.startsWith("MG-INPUT"))),this.mgInputs.forEach((t=>{"MG-INPUT-FILE"===t.nodeName&&(this.readonly?t.setAttribute("hidden",""):t.removeAttribute("hidden")),this.readonly&&!a(t)?t.readonly=!0:this.disabled?t.disabled=!0:t.addEventListener("input-valid",this.checkValidity)}))}}watchLegendBorderDisplay(t){if(t&&!h(this.legendHeading))throw new Error('<mg-fieldset> prop "legendBorderDisplay" must not be paired with the prop "legendHeading".')}watchReadonly(t){t?this.classCollection.add(r):this.classCollection.delete(r)}handleAttributeChange(){this.setMgInputs()}async setCustomValidity(t){this.errorMessage=h(t)?t:void 0,this.checkValidity()}async displayError(){this.readonly||this.mgInputs.forEach((t=>{t.displayError()}))}componentWillLoad(){this.watchReadonly(this.readonly),this.watchLegendBorderDisplay(this.legendBorderDisplay),this.setMgInputs()}componentDidLoad(){const t={childList:!0,subtree:!0};new MutationObserver((i=>{i.some((i=>Object.keys(t).includes(i.type)))&&this.setMgInputs()})).observe(this.element,t)}render(){return i("mg-input",{key:"31ccb9f783687845080fc7f184cc54b7343fab65",label:this.legend,identifier:this.identifier,class:this.classCollection.join(),labelOnTop:!this.legendHide,labelHeading:this.legendHeading,labelBorderDisplay:this.legendHeading&&this.legendBorderDisplay,labelHide:this.legendHide,inputsOnBottom:void 0!==this.legendHeading,tooltip:this.tooltip,tooltipPosition:"label",helpText:this.helpText,errorMessage:!this.valid&&h(this.errorMessage)?this.errorMessage:void 0},i("span",{key:"eedf1c66eaf88bee037c11b812844bb5a92175c1",class:"mg-c-input__input-group"},i("slot",{key:"a28f6759a63873ef4a228820b4310b42fcf1d3c7"})))}get element(){return s(this)}static get watchers(){return{legendBorderDisplay:[{watchLegendBorderDisplay:0}],readonly:[{watchReadonly:0},{handleAttributeChange:0}],disabled:[{handleAttributeChange:0}]}}};export{o as mg_fieldset}
1
+ import{r as t,h as i,a as s}from"./p-C3jUhxdI.js";import{C as e,i as h}from"./p-C7xjtdiw.js";import{i as a,c as d}from"./p-C9rmNQIL.js";const r=class{constructor(i){t(this,i),this.name=this.identifier,this.legendHide=!1,this.legendBorderDisplay=!1,this.readonly=!1,this.disabled=!1,this.classCollection=new e(["mg-c-input--fieldset"]),this.checkValidity=()=>{var t;this.valid=!(this.mgInputs.some((t=>t.invalid))||(null===(t=this.errorMessage)||void 0===t?void 0:t.length)>0)},this.setMgInputs=()=>{this.mgInputs=Array.from(this.element.querySelectorAll("*")).filter((t=>t.nodeName.startsWith("MG-INPUT"))),this.mgInputs.forEach((t=>{"MG-INPUT-FILE"===t.nodeName&&(this.readonly?t.setAttribute("hidden",""):t.removeAttribute("hidden")),this.readonly&&!a(t)?t.readonly=!0:this.disabled?t.disabled=!0:t.addEventListener("input-valid",this.checkValidity)}))}}watchLegendBorderDisplay(t){if(t&&!h(this.legendHeading))throw new Error('<mg-fieldset> prop "legendBorderDisplay" must not be paired with the prop "legendHeading".')}watchReadonly(t){t?this.classCollection.add(d):this.classCollection.delete(d)}handleAttributeChange(){this.setMgInputs()}async setCustomValidity(t){this.errorMessage=h(t)?t:void 0,this.checkValidity()}async displayError(){this.readonly||this.mgInputs.forEach((t=>{t.displayError()}))}componentWillLoad(){this.watchReadonly(this.readonly),this.watchLegendBorderDisplay(this.legendBorderDisplay),this.setMgInputs()}componentDidLoad(){const t={childList:!0,subtree:!0};new MutationObserver((i=>{i.some((i=>Object.keys(t).includes(i.type)))&&this.setMgInputs()})).observe(this.element,t)}render(){return i("mg-input",{key:"a32d9d6e0a77eddf6dac1c741066cb600c2f27b3",label:this.legend,identifier:this.identifier,class:this.classCollection.join(),labelOnTop:!this.legendHide,labelHeading:this.legendHeading,labelBorderDisplay:this.legendHeading&&this.legendBorderDisplay,labelHide:this.legendHide,inputsOnBottom:void 0!==this.legendHeading,tooltip:this.tooltip,tooltipPosition:"label",helpText:this.helpText,errorMessage:!this.valid&&h(this.errorMessage)?this.errorMessage:void 0},i("span",{key:"5d05e51fd64fc43458bccb3287fcf3a4fe462c00",class:"mg-c-input__input-group"},i("slot",{key:"d641e3007cdd2adfa6115f639603de78caa63202"})))}get element(){return s(this)}static get watchers(){return{legendBorderDisplay:[{watchLegendBorderDisplay:0}],readonly:[{watchReadonly:0},{handleAttributeChange:0}],disabled:[{handleAttributeChange:0}]}}};export{r as mg_fieldset}
@@ -1 +1 @@
1
- import{r,h as s,H as a}from"./p-DFwaH2hS.js";import{i as e,t as i,e as o}from"./p-C7xjtdiw.js";const t=["progressbar","meter"],c=class{constructor(s){r(this,s),this.ariaRole="progressbar",this.value=0,this.min=0,this.max=100}watchLabel(r){if(!e(r))throw new Error(`<mg-progress> prop "label" must be a valid string. Passed value: ${i(r)}.`)}watchAriaRole(r){if(r&&!t.includes(r))throw new Error(`<mg-progress> prop "ariaRole" must be one of: ${t.join(", ")}. Passed value: ${i(r)}.`)}watchValue(r){if(!(void 0===r||o(r)&&r>=this.min&&r<=this.max))throw new Error(`<mg-progress> prop “value” must be a number within the range ${this.min} to ${this.max}. Passed value: ${i(r)}.`)}watchMin(r){if(0!==r&&void 0!==r&&(!o(r)||r>=this.max))throw new Error(`<mg-progress> prop “min” must be a number lower than: ${this.max}. Passed value: ${i(r)}.`)}watchMax(r){if(100!==r&&void 0!==r&&(!o(r)||r<=this.min))throw new Error(`<mg-progress> prop “max” must be a number greater than: ${this.min}. Passed value: ${i(r)}.`)}componentWillLoad(){this.watchLabel(this.label),this.watchAriaRole(this.ariaRole),this.watchMin(this.min),this.watchMax(this.max),this.watchValue(this.value)}render(){return s(a,{key:"e6d254a68f35c5019158ab17fcb0e4dfd1943ef8",role:this.ariaRole,"aria-label":this.label,"aria-valuenow":this.value,"aria-valuemin":this.min,"aria-valuemax":this.max},s("div",{key:"5b427579ad97336076504a45013a0be00673f9a9",class:"mg-c-progress"},s("div",{key:"76dbdf88550caf51890e10c45c034d73cd02db5d",class:{"mg-c-progress__bar":!0,"mg-c-progress__bar--active":this.value>this.min}},s("div",{key:"b0ab6f784cdb8cc25a40b83a0d97bcda5b5c1f9b",class:"mg-c-progress__fill",style:{width:`${Math.round((this.value-this.min)/(this.max-this.min)*100)}%`}}))))}static get watchers(){return{label:[{watchLabel:0}],ariaRole:[{watchAriaRole:0}],value:[{watchValue:0}],min:[{watchMin:0}],max:[{watchMax:0}]}}};c.style=".mg-c-progress{min-width:calc(var(--mg-b-size-16)*4)}.mg-c-progress__bar{position:relative;overflow:hidden;height:var(--mg-c-progress-size);border-width:var(--mg-b-size-border);border-style:solid;border-color:var(--mg-c-progress-border-color);border-radius:calc((var(--mg-c-progress-size) + var(--mg-b-size-border)*2)/2);background-color:var(--mg-c-progress-bar-color-background)}.mg-c-progress__fill{height:100%;border-radius:calc((var(--mg-c-progress-size) + var(--mg-b-size-border)*2)/2);transition:width 300ms ease-in-out}.mg-c-progress__bar.mg-c-progress__bar--active .mg-c-progress__fill{background-color:var(--mg-c-progress-fill-color-background)}";export{c as mg_progress}
1
+ import{r,h as s,H as a}from"./p-C3jUhxdI.js";import{i as e,t as i,e as o}from"./p-C7xjtdiw.js";const t=["progressbar","meter"],c=class{constructor(s){r(this,s),this.ariaRole="progressbar",this.value=0,this.min=0,this.max=100}watchLabel(r){if(!e(r))throw new Error(`<mg-progress> prop "label" must be a valid string. Passed value: ${i(r)}.`)}watchAriaRole(r){if(r&&!t.includes(r))throw new Error(`<mg-progress> prop "ariaRole" must be one of: ${t.join(", ")}. Passed value: ${i(r)}.`)}watchValue(r){if(!(void 0===r||o(r)&&r>=this.min&&r<=this.max))throw new Error(`<mg-progress> prop “value” must be a number within the range ${this.min} to ${this.max}. Passed value: ${i(r)}.`)}watchMin(r){if(0!==r&&void 0!==r&&(!o(r)||r>=this.max))throw new Error(`<mg-progress> prop “min” must be a number lower than: ${this.max}. Passed value: ${i(r)}.`)}watchMax(r){if(100!==r&&void 0!==r&&(!o(r)||r<=this.min))throw new Error(`<mg-progress> prop “max” must be a number greater than: ${this.min}. Passed value: ${i(r)}.`)}componentWillLoad(){this.watchLabel(this.label),this.watchAriaRole(this.ariaRole),this.watchMin(this.min),this.watchMax(this.max),this.watchValue(this.value)}render(){return s(a,{key:"8e6c727e9416fa777fd94b32d618a9137e8e08f7",role:this.ariaRole,"aria-label":this.label,"aria-valuenow":this.value,"aria-valuemin":this.min,"aria-valuemax":this.max},s("div",{key:"ac42ee9c5dda55d70aad7391895e4a013aaa27f9",class:"mg-c-progress"},s("div",{key:"34c77bc6c133bc59b9daa68d7d6c8534f13f7d37",class:{"mg-c-progress__bar":!0,"mg-c-progress__bar--active":this.value>this.min}},s("div",{key:"7ea03a3f0c54ca0c81616c7c070d178a510dd7e1",class:"mg-c-progress__fill",style:{width:`${Math.round((this.value-this.min)/(this.max-this.min)*100)}%`}}))))}static get watchers(){return{label:[{watchLabel:0}],ariaRole:[{watchAriaRole:0}],value:[{watchValue:0}],min:[{watchMin:0}],max:[{watchMax:0}]}}};c.style=".mg-c-progress{min-width:calc(var(--mg-b-size-16)*4)}.mg-c-progress__bar{position:relative;overflow:hidden;height:var(--mg-c-progress-size);border-width:var(--mg-b-size-border);border-style:solid;border-color:var(--mg-c-progress-border-color);border-radius:calc((var(--mg-c-progress-size) + var(--mg-b-size-border)*2)/2);background-color:var(--mg-c-progress-bar-color-background)}.mg-c-progress__fill{height:100%;border-radius:calc((var(--mg-c-progress-size) + var(--mg-b-size-border)*2)/2);transition:width 300ms ease-in-out}.mg-c-progress__bar.mg-c-progress__bar--active .mg-c-progress__fill{background-color:var(--mg-c-progress-fill-color-background)}";export{c as mg_progress}
@@ -175,6 +175,8 @@ export declare const icons: {
175
175
  'paper-plane-slash': string;
176
176
  'paper-plane-slash-outline': string;
177
177
  paperclip: string;
178
+ pause: string;
179
+ 'pause-outline': string;
178
180
  pen: string;
179
181
  'pen-circle': string;
180
182
  'pen-fancy': string;
@@ -27,7 +27,7 @@ interface InputBaseMethods {
27
27
  /**
28
28
  * Possible Input types
29
29
  */
30
- export type HTMLMgInputsElement = (HTMLMgInputElement & InputBaseMethods) | HTMLMgInputCheckboxElement | HTMLMgInputDateElement | HTMLMgInputNumericElement | HTMLMgInputPasswordElement | HTMLMgInputRadioElement | HTMLMgInputSelectElement | HTMLMgInputTextElement | HTMLMgInputTextareaElement | HTMLMgInputFileElement | (HTMLMgInputToggleElement & InputBaseMethods);
30
+ export type HTMLMgInputsElement = (HTMLMgInputElement & InputBaseMethods) | HTMLMgInputCheckboxElement | HTMLMgInputDateElement | HTMLMgInputNumericElement | HTMLMgInputPasswordElement | HTMLMgInputRadioElement | HTMLMgInputRichTextEditorElement | HTMLMgInputSelectElement | HTMLMgInputTextElement | HTMLMgInputTextareaElement | HTMLMgInputFileElement | (HTMLMgInputToggleElement & InputBaseMethods);
31
31
  /**
32
32
  * Is HTMLMgInputElement an HTMLMgInputFileElement
33
33
  * @param input - input element
@@ -1,8 +1,8 @@
1
1
  import { FunctionalComponent } from '../../../../stencil-public-runtime';
2
- import { MgInputCheckboxListProps } from './mg-input-checkbox.conf';
2
+ import { IMgInputCheckboxListProps } from './mg-input-checkbox.conf';
3
3
  /**
4
4
  * Get checkboxes list template
5
5
  * @param props - MgInputCheckboxList Interface Props
6
6
  * @returns input template
7
7
  */
8
- export declare const MgInputCheckboxList: FunctionalComponent<MgInputCheckboxListProps>;
8
+ export declare const MgInputCheckboxList: FunctionalComponent<IMgInputCheckboxListProps>;
@@ -0,0 +1,8 @@
1
+ import { FunctionalComponent } from '../../../../stencil-public-runtime';
2
+ import { IMgInputCheckboxPaginatedProps } from './mg-input-checkbox.conf';
3
+ /**
4
+ * Internal component use to manage sections instances
5
+ * @param props - MgInputCheckboxList Interface Props
6
+ * @returns input template
7
+ */
8
+ export declare const MgInputCheckboxPaginated: FunctionalComponent<IMgInputCheckboxPaginatedProps>;
@@ -1,18 +1,18 @@
1
1
  /**
2
- * interface CheckboxValue
2
+ * interface ICheckboxValue
3
3
  * use to match returned value
4
4
  */
5
- export interface CheckboxValue {
5
+ export interface ICheckboxValue {
6
6
  title: string;
7
7
  value: boolean | null;
8
8
  disabled?: boolean;
9
9
  required?: boolean;
10
10
  }
11
11
  /**
12
- * interface CheckboxItem
12
+ * interface ICheckboxItem
13
13
  * use to match checkbox attributes
14
14
  */
15
- export interface CheckboxItem extends CheckboxValue {
15
+ export interface ICheckboxItem extends ICheckboxValue {
16
16
  _id: string;
17
17
  _handleInput: (event: InputEvent & {
18
18
  target: HTMLInputElement;
@@ -33,11 +33,11 @@ export type CheckboxType = (typeof checkboxTypes)[number];
33
33
  /**
34
34
  * mg-input-checkbox-paginated section kind type
35
35
  */
36
- export type SectionKindType = 'selected' | 'not-selected';
36
+ export type SectionKindType = Record<string, number>;
37
37
  /**
38
38
  * mg-input-checkbox-paginated section kind value
39
39
  */
40
- export declare const SectionKind: Record<string, SectionKindType>;
40
+ export declare const SectionKind: Record<string, number>;
41
41
  /**
42
42
  * Base mg-input-checkbox interface
43
43
  */
@@ -45,12 +45,20 @@ export interface IMgInputCheckboxBase {
45
45
  disabled?: boolean;
46
46
  name?: string;
47
47
  invalid?: boolean;
48
+ checkboxes: ICheckboxItem[];
49
+ }
50
+ export interface IMgInputCheckboxPaginatedProps extends IMgInputCheckboxBase {
51
+ readonly: boolean;
52
+ messages: Record<string, string>;
53
+ key: number;
54
+ limit: number;
55
+ handleLoadMore: () => void;
56
+ handleMassAction?: () => void;
48
57
  }
49
58
  /**
50
59
  * mg-input-checkbox-list interface
51
60
  */
52
- export interface MgInputCheckboxListProps extends IMgInputCheckboxBase {
53
- checkboxes: CheckboxItem[];
61
+ export interface IMgInputCheckboxListProps extends IMgInputCheckboxBase {
54
62
  id: string;
55
63
  labelledby?: string;
56
64
  }
@@ -1,8 +1,8 @@
1
1
  import { EventEmitter } from '../../../../stencil-public-runtime';
2
2
  import { ClassList } from '@mgdis/core-ui-helpers/dist/utils';
3
- import { CheckboxItem, CheckboxType, CheckboxValue, MgInputCheckboxListProps } from './mg-input-checkbox.conf';
3
+ import { ICheckboxItem, CheckboxType, ICheckboxValue, IMgInputCheckboxListProps } from './mg-input-checkbox.conf';
4
4
  import { type TooltipPosition } from '../mg-input/mg-input.conf';
5
- export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, 'id' | 'checkboxes' | 'messages'> {
5
+ export declare class MgInputCheckbox implements Omit<IMgInputCheckboxListProps, 'id' | 'checkboxes' | 'messages'> {
6
6
  /************
7
7
  * Internal *
8
8
  ************/
@@ -18,6 +18,7 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
18
18
  private readonly classSearchMode;
19
19
  private readonly multiStart;
20
20
  private readonly searchStart;
21
+ private readonly paginatedStep;
21
22
  private hasOpenedPopover;
22
23
  private readonly checkboxesId;
23
24
  /**************
@@ -31,7 +32,7 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
31
32
  * Component value
32
33
  * If item.value is `null`, checkbox will be indeterminate by default
33
34
  */
34
- value: CheckboxValue[];
35
+ value: ICheckboxValue[];
35
36
  validateValue(newValue: MgInputCheckbox['value']): void;
36
37
  /**
37
38
  * Define checkbox type
@@ -133,7 +134,7 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
133
134
  /**
134
135
  * Formated value to display in list
135
136
  */
136
- checkboxItems: CheckboxItem[];
137
+ checkboxItems: ICheckboxItem[];
137
138
  validateCheckboxItems(newValue: MgInputCheckbox['checkboxItems']): void;
138
139
  /**
139
140
  * Display search input
@@ -148,7 +149,7 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
148
149
  /**
149
150
  * Search current page
150
151
  */
151
- searchResults: CheckboxItem[];
152
+ searchResults: ICheckboxItem[];
152
153
  /**
153
154
  * Select values button text local key
154
155
  */
@@ -157,6 +158,10 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
157
158
  * Define <mg-tabs> active-tab
158
159
  */
159
160
  activeTab: number;
161
+ /**
162
+ * Paginated sections limit per key
163
+ */
164
+ paginatedLimits: Record<number, number>;
160
165
  /**
161
166
  * Emitted event when value change
162
167
  */
@@ -283,6 +288,11 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
283
288
  * Reset <mg-input-checkbox-paginated> limit state
284
289
  */
285
290
  private resetTabsLimit;
291
+ /**
292
+ * Handle load-more action for a paginated section
293
+ * @param key - section key
294
+ */
295
+ private handlePaginatedLoadMore;
286
296
  /*************
287
297
  * Lifecycle *
288
298
  *************/
@@ -0,0 +1,17 @@
1
+ import type { IJodit, ButtonsOption } from 'jodit/esm/types';
2
+ /**
3
+ * Configuration options for defineEditor function
4
+ * Combines component-specific options with Jodit configuration
5
+ */
6
+ export type DefineEditorConfig = {
7
+ value: string;
8
+ readOnly?: boolean;
9
+ disabled?: boolean;
10
+ placeholder?: string;
11
+ modules: ButtonsOption;
12
+ rows?: number;
13
+ handleTextChange: () => void;
14
+ handleFocus: () => void;
15
+ handleBlur: () => void;
16
+ };
17
+ export type { IJodit, ButtonsOption };
@@ -1,21 +1,29 @@
1
- import Quill, { type QuillOptions } from 'quill';
2
- export type EditorOptionsType = QuillOptions & {
3
- value: string;
4
- handleTextChange: () => void;
5
- handleFocus: () => void;
6
- handleBlur: () => void;
7
- };
8
- export type EditorType = Quill;
9
- interface IdefineEditor {
10
- (wrapperElement: HTMLElement, config: EditorOptionsType): EditorType;
11
- }
1
+ import 'jodit/esm/plugins/select/select.js';
2
+ import 'jodit/esm/plugins/resizer/resizer.js';
3
+ import 'jodit/esm/plugins/table/table.js';
4
+ import 'jodit/esm/plugins/select-cells/select-cells.js';
5
+ import 'jodit/esm/plugins/resize-cells/resize-cells.js';
6
+ import 'jodit/esm/plugins/table-keyboard-navigation/table-keyboard-navigation.js';
7
+ import 'jodit/esm/plugins/inline-popup/inline-popup.js';
8
+ import 'jodit/esm/plugins/clean-html/clean-html.js';
9
+ import 'jodit/esm/plugins/delete/delete.js';
10
+ import 'jodit/esm/plugins/file/file.js';
11
+ import 'jodit/esm/plugins/print/print.js';
12
+ import 'jodit/esm/plugins/source/source.js';
13
+ import type { DefineEditorConfig, IJodit } from './editor.conf';
12
14
  /**
13
- * Fixes for handling text selection in Quill when used within the Shadow DOM.
14
- * - Fixes focus detection
15
- * - Adapts native range handling to work with the Shadow DOM
16
- * - Correctly manages text selection across Shadow DOM boundaries
17
- * - Sets up selection change events
18
- * @returns Quill instance
15
+ * Converts rows count to Jodit editor min-height CSS value.
16
+ * Uses CSS variables --mg-b-font-size and --mg-b-line-height to compute height.
17
+ * @param rows - Number of rows
18
+ * @returns Height as CSS value in pixels (wysiwyg area + toolbar height of 40px + 2px borders)
19
+ * @throws If required CSS variables (--mg-b-font-size, --mg-b-line-height) are missing
19
20
  */
20
- export declare const defineEditor: IdefineEditor;
21
- export {};
21
+ export declare const rowsToEditorHeight: (rows: number) => string;
22
+ /**
23
+ * Configures Jodit editor
24
+ * @param element - Component element (HTMLMgInputRichTextEditorElement)
25
+ * @param editorElement - Textarea element for the editor
26
+ * @param config - Editor configuration options
27
+ * @returns Configured Jodit editor instance
28
+ */
29
+ export declare const defineEditor: (element: HTMLMgInputRichTextEditorElement, editorElement: HTMLTextAreaElement, config: DefineEditorConfig) => IJodit;
@@ -0,0 +1,3 @@
1
+ import type { ButtonsOption } from './editor/editor.conf';
2
+ /** Default toolbar modules when the modules prop is not set. */
3
+ export declare const DEFAULT_MODULES: ButtonsOption;
@@ -1,13 +1,16 @@
1
1
  import { EventEmitter } from '../../../../stencil-public-runtime';
2
2
  import { ClassList } from '@mgdis/core-ui-helpers/dist/utils';
3
3
  import { type TooltipPosition } from '../mg-input/mg-input.conf';
4
- import { type EditorOptionsType } from './editor';
4
+ import { type SanitizerOptions } from '@mgdis/sanitize-html';
5
+ import type { ButtonsOption } from './editor/editor.conf';
5
6
  export declare class MgInputRichTextEditor {
6
7
  /************
7
8
  * Internal *
8
9
  ************/
9
10
  private editor;
10
- private wrapperElement;
11
+ private editorElement;
12
+ private currentTitleElement;
13
+ private sanitizer;
11
14
  private messages;
12
15
  private hasDisplayedError;
13
16
  private customErrorMessage;
@@ -27,6 +30,11 @@ export declare class MgInputRichTextEditor {
27
30
  * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
28
31
  */
29
32
  identifier: string;
33
+ /**
34
+ * Input name
35
+ * If not set the value equals the identifier
36
+ */
37
+ name: string;
30
38
  /**
31
39
  * Input label
32
40
  */
@@ -45,7 +53,8 @@ export declare class MgInputRichTextEditor {
45
53
  */
46
54
  placeholder?: string;
47
55
  /**
48
- * Define the number of visible text lines for the control
56
+ * Define the number of visible text lines for the editor.
57
+ * Impacts the editor height. Content can grow beyond this minimum.
49
58
  */
50
59
  rows: number;
51
60
  /**
@@ -86,9 +95,28 @@ export declare class MgInputRichTextEditor {
86
95
  */
87
96
  helpText?: string;
88
97
  /**
89
- * Editor modules configuration
90
- */
91
- modules?: EditorOptionsType['modules'];
98
+ * Editor modules configuration.
99
+ * Must be passed as an array (e.g. modules=['bold', 'italic', '|', 'ul', 'ol']).
100
+ * Use `|` for a separator/divider in the toolbar.
101
+ * Available modules:
102
+ * - **Text formatting**: `bold`, `italic`, `underline`, `strikethrough`, `eraser`
103
+ * - **Lists**: `ul` (unordered list), `ol` (ordered list)
104
+ * - **Text positioning**: `superscript`, `subscript`
105
+ * - **Colors**: `brush` (text color/background)
106
+ * - **Media**: `link`, `image`, `file`
107
+ * - **Tables**: `table`
108
+ * - **History**: `undo`, `redo`
109
+ * - **Other**: `print`, `source` (HTML source editor)
110
+ */
111
+ modules?: ButtonsOption;
112
+ watchModules(newValue: MgInputRichTextEditor['modules']): void;
113
+ /**
114
+ * Sanitizer configuration in native format.
115
+ * Use disallowTags (array of tag names) and/or disallowAttributes (object mapping tag names to string arrays).
116
+ * Use "*" as tag key to disallow attributes on all tags.
117
+ */
118
+ sanitizerOptions?: SanitizerOptions;
119
+ watchSanitizerOptions(newValue: MgInputRichTextEditor['sanitizerOptions']): void;
92
120
  /**
93
121
  * Define input valid state
94
122
  */
@@ -118,8 +146,8 @@ export declare class MgInputRichTextEditor {
118
146
  */
119
147
  setFocus(): Promise<void>;
120
148
  /**
121
- * Get editor content in HTML format
122
- * @returns HTML content of the editor
149
+ * Get editor content as HTML
150
+ * @returns HTML content of the editor (sanitized)
123
151
  */
124
152
  getEditorHTML(): Promise<string>;
125
153
  /**
@@ -150,11 +178,6 @@ export declare class MgInputRichTextEditor {
150
178
  * @returns truthy is value is invalid
151
179
  */
152
180
  private isEmpty;
153
- /**
154
- * Extract the text without HTML tags from value
155
- * @returns text content
156
- */
157
- private getTextContent;
158
181
  /**
159
182
  * Get pattern validity
160
183
  * @returns is pattern valid
@@ -187,6 +210,10 @@ export declare class MgInputRichTextEditor {
187
210
  * Handle `text-change` event
188
211
  */
189
212
  private handleTextChange;
213
+ /**
214
+ * Initialize sanitizer with current sanitizerOptions
215
+ */
216
+ private initializeSanitizer;
190
217
  /*************
191
218
  * Lifecycle *
192
219
  *************/
@@ -196,9 +223,16 @@ export declare class MgInputRichTextEditor {
196
223
  */
197
224
  componentWillLoad(): ReturnType<typeof setTimeout>;
198
225
  /**
199
- * add listeners and render editor element
226
+ * Add listeners and render editor element
200
227
  */
201
228
  componentDidLoad(): void;
229
+ /**
230
+ * Re-apply accessibility attributes after re-renders.
231
+ * When state changes (disabled, readonly, etc.) trigger a re-render,
232
+ * mg-input's renderLabel() may destroy and recreate mg-input-title,
233
+ * which loses the id and click handler needed for aria-labelledby.
234
+ */
235
+ componentDidRender(): void;
202
236
  /**
203
237
  * Render
204
238
  * @returns HTML mg-input Element
@@ -163,7 +163,7 @@ export declare class MgInputSelect {
163
163
  */
164
164
  private handleInput;
165
165
  /**
166
- * Method to compare item.title with input.value
166
+ * Method to compare item with input.value
167
167
  * @param item - item to compare with
168
168
  * @returns truthy if input.value is an item
169
169
  */
@@ -1,4 +1,3 @@
1
- import type { MgMenu } from '../../menus/mg-menu/mg-menu';
2
1
  import type { MgIcon } from '../../../atoms/mg-icon/mg-icon';
3
2
  /**
4
3
  * SlotLabel prop type
@@ -11,7 +10,3 @@ export type SlotLabelType = {
11
10
  * icon prop type
12
11
  */
13
12
  export type IconType = Pick<MgIcon, 'icon'>;
14
- /**
15
- * size type
16
- */
17
- export type SizeType = MgMenu['size'];