@mgdis/mg-components 6.5.0 → 6.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (196) hide show
  1. package/dist/cjs/{index-ede3b3dc.js → index-019dd5c0.js} +2 -2
  2. package/dist/cjs/{index-ede3b3dc.js.map → index-019dd5c0.js.map} +1 -1
  3. package/dist/cjs/index-1a5a1081.js +4 -0
  4. package/dist/cjs/{index.es-a112f649.js → index.es-903492c5.js} +26 -27
  5. package/dist/cjs/index.es-903492c5.js.map +1 -0
  6. package/dist/cjs/loader.cjs.js +1 -1
  7. package/dist/cjs/mg-action-more_36.cjs.entry.js +230 -196
  8. package/dist/cjs/mg-action-more_36.cjs.entry.js.map +1 -1
  9. package/dist/cjs/mg-alert.cjs.entry.js +4 -4
  10. package/dist/cjs/mg-components.cjs.js +1 -1
  11. package/dist/cjs/mg-input-rich-text-editor.cjs.entry.js +16790 -0
  12. package/dist/cjs/mg-input-rich-text-editor.cjs.entry.js.map +1 -0
  13. package/dist/cjs/mg-input.conf-5bbcea79.js +23 -0
  14. package/dist/cjs/mg-input.conf-5bbcea79.js.map +1 -0
  15. package/dist/cjs/mg-loader.cjs.entry.js +3 -3
  16. package/dist/cjs/mg-progress.cjs.entry.js +2 -2
  17. package/dist/collection/assets/icons/index.js +1 -1
  18. package/dist/collection/assets/icons/index.js.map +1 -1
  19. package/dist/collection/collection-manifest.json +1 -0
  20. package/dist/collection/components/atoms/mg-icon/mg-icon.js +1 -1
  21. package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.conf.js.map +1 -1
  22. package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.js +3 -3
  23. package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.js.map +1 -1
  24. package/dist/collection/components/molecules/inputs/mg-input/mg-input.js +1 -1
  25. package/dist/collection/components/molecules/inputs/mg-input/mg-input.js.map +1 -1
  26. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js +1 -1
  27. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js.map +1 -1
  28. package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js +1 -1
  29. package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js.map +1 -1
  30. package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js +2 -2
  31. package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js.map +1 -1
  32. package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js +1 -1
  33. package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js.map +1 -1
  34. package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js +1 -1
  35. package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js.map +1 -1
  36. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/editor/index.js +110 -0
  37. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/editor/index.js.map +1 -0
  38. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.js +846 -0
  39. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.js.map +1 -0
  40. package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js +1 -1
  41. package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js.map +1 -1
  42. package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.js +3 -5
  43. package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.js.map +1 -1
  44. package/dist/collection/components/molecules/inputs/mg-input-textarea/mg-input-textarea.js +1 -1
  45. package/dist/collection/components/molecules/inputs/mg-input-textarea/mg-input-textarea.js.map +1 -1
  46. package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.js +1 -1
  47. package/dist/collection/components/molecules/internals/mg-item-more/mg-item-more.js +4 -4
  48. package/dist/collection/components/molecules/internals/mg-item-more/mg-item-more.js.map +1 -1
  49. package/dist/collection/components/molecules/menu/mg-menu/mg-menu.conf.js +1 -1
  50. package/dist/collection/components/molecules/menu/mg-menu/mg-menu.conf.js.map +1 -1
  51. package/dist/collection/components/molecules/menu/mg-menu/mg-menu.js +16 -17
  52. package/dist/collection/components/molecules/menu/mg-menu/mg-menu.js.map +1 -1
  53. package/dist/collection/components/molecules/menu/mg-menu-item/mg-menu-item.js +8 -6
  54. package/dist/collection/components/molecules/menu/mg-menu-item/mg-menu-item.js.map +1 -1
  55. package/dist/collection/components/molecules/mg-action-more/mg-action-more.js +3 -3
  56. package/dist/collection/components/molecules/mg-action-more/mg-action-more.js.map +1 -1
  57. package/dist/collection/components/molecules/mg-alert/mg-alert.js +1 -1
  58. package/dist/collection/components/molecules/mg-details/mg-details.js +1 -1
  59. package/dist/collection/components/molecules/mg-details/mg-details.js.map +1 -1
  60. package/dist/collection/components/molecules/mg-form/mg-form.js +2 -2
  61. package/dist/collection/components/molecules/mg-form/mg-form.js.map +1 -1
  62. package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.conf.js +5 -2
  63. package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.conf.js.map +1 -1
  64. package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js +74 -17
  65. package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js.map +1 -1
  66. package/dist/collection/components/molecules/mg-loader/mg-loader.js +1 -1
  67. package/dist/collection/components/molecules/mg-message/mg-message.js +2 -2
  68. package/dist/collection/components/molecules/mg-modal/mg-modal.js +2 -2
  69. package/dist/collection/components/molecules/mg-pagination/mg-pagination.js +3 -3
  70. package/dist/collection/components/molecules/mg-panel/mg-panel.js +1 -1
  71. package/dist/collection/components/molecules/mg-popover/mg-popover-content/mg-popover-content.js +1 -1
  72. package/dist/collection/components/molecules/mg-popover/mg-popover.conf.js.map +1 -1
  73. package/dist/collection/components/molecules/mg-popover/mg-popover.js +3 -3
  74. package/dist/collection/components/molecules/mg-popover/mg-popover.js.map +1 -1
  75. package/dist/collection/components/molecules/mg-progress/mg-progress.js +1 -1
  76. package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.js +1 -1
  77. package/dist/collection/components/molecules/mg-tabs/mg-tabs.js +1 -1
  78. package/dist/collection/types/index.js.map +1 -1
  79. package/dist/collection/utils/behaviors.utils.js +4 -1
  80. package/dist/collection/utils/behaviors.utils.js.map +1 -1
  81. package/dist/collection/utils/floating-ui.utils.js +1 -6
  82. package/dist/collection/utils/floating-ui.utils.js.map +1 -1
  83. package/dist/components/floating-ui.utils.js +1 -6
  84. package/dist/components/floating-ui.utils.js.map +1 -1
  85. package/dist/components/index.es.js +24 -25
  86. package/dist/components/index.es.js.map +1 -1
  87. package/dist/components/mg-action-more.js +2 -2
  88. package/dist/components/mg-action-more.js.map +1 -1
  89. package/dist/components/mg-alert.js +3 -3
  90. package/dist/components/mg-badge2.js +2 -2
  91. package/dist/components/mg-button2.js +2 -2
  92. package/dist/components/mg-card2.js +1 -1
  93. package/dist/components/mg-card2.js.map +1 -1
  94. package/dist/components/mg-details.js +1 -1
  95. package/dist/components/mg-details.js.map +1 -1
  96. package/dist/components/mg-form.js +4 -4
  97. package/dist/components/mg-form.js.map +1 -1
  98. package/dist/components/mg-icon2.js +3 -3
  99. package/dist/components/mg-icon2.js.map +1 -1
  100. package/dist/components/mg-illustrated-message.js +69 -16
  101. package/dist/components/mg-illustrated-message.js.map +1 -1
  102. package/dist/components/mg-input-checkbox.js +4 -4
  103. package/dist/components/mg-input-checkbox.js.map +1 -1
  104. package/dist/components/mg-input-date.js +7 -7
  105. package/dist/components/mg-input-date.js.map +1 -1
  106. package/dist/components/mg-input-numeric.js +9 -9
  107. package/dist/components/mg-input-numeric.js.map +1 -1
  108. package/dist/components/mg-input-password.js +3 -3
  109. package/dist/components/mg-input-password.js.map +1 -1
  110. package/dist/components/mg-input-radio.js +5 -5
  111. package/dist/components/mg-input-radio.js.map +1 -1
  112. package/dist/components/mg-input-rich-text-editor.d.ts +11 -0
  113. package/dist/components/mg-input-rich-text-editor.js +16866 -0
  114. package/dist/components/mg-input-rich-text-editor.js.map +1 -0
  115. package/dist/components/mg-input-select2.js +6 -6
  116. package/dist/components/mg-input-select2.js.map +1 -1
  117. package/dist/components/mg-input-text2.js +7 -9
  118. package/dist/components/mg-input-text2.js.map +1 -1
  119. package/dist/components/mg-input-textarea.js +5 -5
  120. package/dist/components/mg-input-textarea.js.map +1 -1
  121. package/dist/components/mg-input-toggle.js +4 -4
  122. package/dist/components/mg-input2.js +1 -1
  123. package/dist/components/mg-input2.js.map +1 -1
  124. package/dist/components/mg-item-more2.js +17 -15
  125. package/dist/components/mg-item-more2.js.map +1 -1
  126. package/dist/components/mg-loader.js +1 -1
  127. package/dist/components/mg-menu-item2.js +11 -9
  128. package/dist/components/mg-menu-item2.js.map +1 -1
  129. package/dist/components/mg-message2.js +4 -4
  130. package/dist/components/mg-modal.js +4 -4
  131. package/dist/components/mg-pagination2.js +3 -3
  132. package/dist/components/mg-panel.js +3 -3
  133. package/dist/components/mg-popover-content2.js +4 -4
  134. package/dist/components/mg-popover2.js +3 -3
  135. package/dist/components/mg-popover2.js.map +1 -1
  136. package/dist/components/mg-progress.js +1 -1
  137. package/dist/components/mg-skip-links.js +1 -1
  138. package/dist/components/mg-tabs.js +4 -4
  139. package/dist/components/mg-tag.js +2 -2
  140. package/dist/components/mg-tooltip2.js +5 -5
  141. package/dist/components/mg-tooltip2.js.map +1 -1
  142. package/dist/esm/index-5059254f.js +4 -0
  143. package/dist/esm/{index-a7c3b5c5.js → index-6b7bdd63.js} +2 -2
  144. package/dist/esm/{index-a7c3b5c5.js.map → index-6b7bdd63.js.map} +1 -1
  145. package/dist/esm/{index.es-5e0101ac.js → index.es-b80b758c.js} +25 -26
  146. package/dist/esm/index.es-b80b758c.js.map +1 -0
  147. package/dist/esm/loader.js +1 -1
  148. package/dist/esm/mg-action-more_36.entry.js +181 -147
  149. package/dist/esm/mg-action-more_36.entry.js.map +1 -1
  150. package/dist/esm/mg-alert.entry.js +4 -4
  151. package/dist/esm/mg-components.js +1 -1
  152. package/dist/esm/mg-input-rich-text-editor.entry.js +16786 -0
  153. package/dist/esm/mg-input-rich-text-editor.entry.js.map +1 -0
  154. package/dist/esm/mg-input.conf-712c7bb6.js +16 -0
  155. package/dist/esm/mg-input.conf-712c7bb6.js.map +1 -0
  156. package/dist/esm/mg-loader.entry.js +3 -3
  157. package/dist/esm/mg-progress.entry.js +2 -2
  158. package/dist/mg-components/mg-components.esm.js +1 -1
  159. package/dist/mg-components/mg-components.esm.js.map +1 -1
  160. package/dist/mg-components/{p-2403e01d.entry.js → p-0ae49cc4.entry.js} +2 -2
  161. package/dist/mg-components/p-17f0b7eb.entry.js +2 -0
  162. package/dist/mg-components/p-17f0b7eb.entry.js.map +1 -0
  163. package/dist/mg-components/p-1c126a81.entry.js +2 -0
  164. package/dist/mg-components/p-1c126a81.entry.js.map +1 -0
  165. package/dist/mg-components/p-2884f369.js +2 -0
  166. package/dist/mg-components/p-2884f369.js.map +1 -0
  167. package/dist/mg-components/{p-ad64ab4a.entry.js → p-361cc090.entry.js} +2 -2
  168. package/dist/mg-components/p-3c6710be.js +2 -0
  169. package/dist/mg-components/p-3c6710be.js.map +1 -0
  170. package/dist/mg-components/{p-d9731ebc.js → p-4049bd40.js} +2 -2
  171. package/dist/mg-components/{p-1a162791.entry.js → p-c4f37d1f.entry.js} +2 -2
  172. package/dist/types/assets/icons/index.d.ts +1 -0
  173. package/dist/types/components/molecules/inputs/mg-input-rich-text-editor/editor/index.d.ts +21 -0
  174. package/dist/types/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.d.ts +202 -0
  175. package/dist/types/components/molecules/menu/mg-menu/mg-menu.conf.d.ts +2 -6
  176. package/dist/types/components/molecules/menu/mg-menu/mg-menu.d.ts +3 -2
  177. package/dist/types/components/molecules/menu/mg-menu-item/mg-menu-item.d.ts +4 -3
  178. package/dist/types/components/molecules/mg-illustrated-message/mg-illustrated-message.conf.d.ts +10 -3
  179. package/dist/types/components/molecules/mg-illustrated-message/mg-illustrated-message.d.ts +17 -3
  180. package/dist/types/components.d.ts +217 -8
  181. package/dist/types/types/index.d.ts +4 -0
  182. package/dist/types/utils/floating-ui.utils.d.ts +1 -1
  183. package/ide/intellij/web-types.json +374 -17
  184. package/ide/vscode/css-custom-data.json +4 -0
  185. package/ide/vscode/html-custom-data.json +289 -4
  186. package/package.json +21 -20
  187. package/dist/cjs/index.es-a112f649.js.map +0 -1
  188. package/dist/esm/index.es-5e0101ac.js.map +0 -1
  189. package/dist/mg-components/p-6c831a83.entry.js +0 -2
  190. package/dist/mg-components/p-6c831a83.entry.js.map +0 -1
  191. package/dist/mg-components/p-b6c1a6ce.js +0 -2
  192. package/dist/mg-components/p-b6c1a6ce.js.map +0 -1
  193. /package/dist/mg-components/{p-2403e01d.entry.js.map → p-0ae49cc4.entry.js.map} +0 -0
  194. /package/dist/mg-components/{p-ad64ab4a.entry.js.map → p-361cc090.entry.js.map} +0 -0
  195. /package/dist/mg-components/{p-d9731ebc.js.map → p-4049bd40.js.map} +0 -0
  196. /package/dist/mg-components/{p-1a162791.entry.js.map → p-c4f37d1f.entry.js.map} +0 -0
@@ -0,0 +1,2 @@
1
+ const t=[2,4,16,"full"];const s=["input","label"];const c="mg-c-input--fieldset";const n="mg-c-input--disabled";const a="mg-c-input--readonly";const i="mg-c-input--vertical-list";export{a,n as b,c,i as d,s as t,t as w};
2
+ //# sourceMappingURL=p-2884f369.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["widths","tooltipPositions","classFieldset","classDisabled","classReadonly","classVerticalList"],"sources":["src/components/molecules/inputs/mg-input/mg-input.conf.ts"],"sourcesContent":["/**\n * Possible input width\n */\nexport const widths = [2, 4, 16, 'full'] as const;\n\nexport type Width = (typeof widths)[number];\n\n/**\n * Possible tootltip postions\n */\nexport const tooltipPositions = ['input', 'label'] as const;\n\nexport type TooltipPosition = (typeof tooltipPositions)[number];\n\n/**\n * Base interface for common methods\n */\ninterface InputBaseMethods {\n required: boolean;\n invalid: boolean;\n labelOnTop: boolean;\n readonly: boolean;\n displayError: () => Promise<void>;\n reset: () => Promise<void>;\n}\n\n/**\n * Possible Input types\n */\nexport type HTMLMgInputsElement =\n | (HTMLMgInputElement & InputBaseMethods)\n | HTMLMgInputCheckboxElement\n | HTMLMgInputDateElement\n | HTMLMgInputNumericElement\n | HTMLMgInputPasswordElement\n | HTMLMgInputRadioElement\n | HTMLMgInputSelectElement\n | HTMLMgInputTextElement\n | HTMLMgInputTextareaElement\n | (HTMLMgInputToggleElement & InputBaseMethods);\n\n/**\n * Available WindowEvent types\n */\nexport type EventType = keyof WindowEventMap & 'blur';\n\nexport const classFieldset = 'mg-c-input--fieldset';\nexport const classDisabled = 'mg-c-input--disabled';\nexport const classReadonly = 'mg-c-input--readonly';\nexport const classVerticalList = 'mg-c-input--vertical-list';\n"],"mappings":"MAGaA,EAAS,CAAC,EAAG,EAAG,GAAI,Q,MAOpBC,EAAmB,CAAC,QAAS,S,MAoC7BC,EAAgB,uB,MAChBC,EAAgB,uB,MAChBC,EAAgB,uB,MAChBC,EAAoB,mC","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{r,h as e,H as s}from"./p-e39791fa.js";import{m as a,V as o,e as i}from"./p-b6c1a6ce.js";const t=["progressbar","meter"];const c="/*!\n * @prop --mg-c-progress-size: Defines the size of the progress bar. Default value is `--mg-b-size-8`.\n * @prop --mg-c-progress-border-color: Defines the color of the progress bar border. Default value is `--mg-b-color-neutral-80`.\n * @prop --mg-c-progress-bar-color-background: Defines the color of the progress bar. Default value is `--mg-b-color-neutral-30`.\n * @prop --mg-c-progress-fill-color-background: Defines the color of the progress bar fill background. Default value is `--mg-b-color-app`.\n */.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)}";const g=c;const l=class{constructor(e){r(this,e);this.ariaRole="progressbar";this.value=0;this.min=0;this.max=100}watchLabel(r){if(!a(r)){throw new Error(`<mg-progress> prop "label" must be a valid string. Passed value: ${o(r)}.`)}}watchAriaRole(r){if(r&&!t.includes(r)){throw new Error(`<mg-progress> prop "ariaRole" must be one of: ${t.join(", ")}. Passed value: ${o(r)}.`)}}watchValue(r){if(r!==undefined&&(!i(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: ${o(r)}.`)}watchMin(r){if(r!==0&&r!==undefined&&(!i(r)||r>=this.max))throw new Error(`<mg-progress> prop “min” must be a number lower than: ${this.max}. Passed value: ${o(r)}.`)}watchMax(r){if(r!==100&&r!==undefined&&(!i(r)||r<=this.min))throw new Error(`<mg-progress> prop “max” must be a number greater than: ${this.min}. Passed value: ${o(r)}.`)}componentWillLoad(){this.watchLabel(this.label);this.watchAriaRole(this.ariaRole);this.watchMin(this.min);this.watchMax(this.max);this.watchValue(this.value)}render(){return e(s,{key:"c2a8b5264af27dab4f81981a6d20d04d572321db",role:this.ariaRole,"aria-label":this.label,"aria-valuenow":this.value,"aria-valuemin":this.min,"aria-valuemax":this.max},e("div",{key:"1ab08ca9582182c7c2e9cf1041e68cfd38390e3b",class:"mg-c-progress"},e("div",{key:"95044f35b5fcc1b5eb380828acc3935ff30c6c1f",class:{"mg-c-progress__bar":true,"mg-c-progress__bar--active":this.value>this.min}},e("div",{key:"4d3588379c0b1a135dd9118fd2cb3c00c9dd31cb",class:"mg-c-progress__fill",style:{width:`${Math.round((this.value-this.min)/(this.max-this.min)*100)}%`}}))))}static get watchers(){return{label:["watchLabel"],ariaRole:["watchAriaRole"],value:["watchValue"],min:["watchMin"],max:["watchMax"]}}};l.style=g;export{l as mg_progress};
2
- //# sourceMappingURL=p-ad64ab4a.entry.js.map
1
+ import{r,h as e,H as s}from"./p-e39791fa.js";import{m as a,V as o,e as i}from"./p-3c6710be.js";const t=["progressbar","meter"];const c="/*!\n * @prop --mg-c-progress-size: Defines the size of the progress bar. Default value is `--mg-b-size-8`.\n * @prop --mg-c-progress-border-color: Defines the color of the progress bar border. Default value is `--mg-b-color-neutral-80`.\n * @prop --mg-c-progress-bar-color-background: Defines the color of the progress bar. Default value is `--mg-b-color-neutral-30`.\n * @prop --mg-c-progress-fill-color-background: Defines the color of the progress bar fill background. Default value is `--mg-b-color-app`.\n */.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)}";const g=c;const l=class{constructor(e){r(this,e);this.ariaRole="progressbar";this.value=0;this.min=0;this.max=100}watchLabel(r){if(!a(r)){throw new Error(`<mg-progress> prop "label" must be a valid string. Passed value: ${o(r)}.`)}}watchAriaRole(r){if(r&&!t.includes(r)){throw new Error(`<mg-progress> prop "ariaRole" must be one of: ${t.join(", ")}. Passed value: ${o(r)}.`)}}watchValue(r){if(r!==undefined&&(!i(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: ${o(r)}.`)}watchMin(r){if(r!==0&&r!==undefined&&(!i(r)||r>=this.max))throw new Error(`<mg-progress> prop “min” must be a number lower than: ${this.max}. Passed value: ${o(r)}.`)}watchMax(r){if(r!==100&&r!==undefined&&(!i(r)||r<=this.min))throw new Error(`<mg-progress> prop “max” must be a number greater than: ${this.min}. Passed value: ${o(r)}.`)}componentWillLoad(){this.watchLabel(this.label);this.watchAriaRole(this.ariaRole);this.watchMin(this.min);this.watchMax(this.max);this.watchValue(this.value)}render(){return e(s,{key:"53468a3432308e0e255a2a3ed8164091a414ba99",role:this.ariaRole,"aria-label":this.label,"aria-valuenow":this.value,"aria-valuemin":this.min,"aria-valuemax":this.max},e("div",{key:"c96350a559b88cbe3ff8db5df277284034772ac9",class:"mg-c-progress"},e("div",{key:"9a5cb4e8f0d18ea2ba26b3689035e00ce2a52a15",class:{"mg-c-progress__bar":true,"mg-c-progress__bar--active":this.value>this.min}},e("div",{key:"fb1908f24f86754a3a7359669205e86e7e44c6ab",class:"mg-c-progress__fill",style:{width:`${Math.round((this.value-this.min)/(this.max-this.min)*100)}%`}}))))}static get watchers(){return{label:["watchLabel"],ariaRole:["watchAriaRole"],value:["watchValue"],min:["watchMin"],max:["watchMax"]}}};l.style=g;export{l as mg_progress};
2
+ //# sourceMappingURL=p-361cc090.entry.js.map
@@ -0,0 +1,2 @@
1
+ var t=Object.defineProperty;var e=(e,n,r)=>n in e?t(e,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[n]=r;var n=(t,n,r)=>e(t,typeof n!="symbol"?n+"":n,r);const r=(t="",e=10)=>{const n=new Uint8Array(e);crypto.getRandomValues(n);const r=Array.from(n).map((t=>t.toString(16).padStart(2,"0"))).join("").slice(0,e);return t!==""?`${t}-${r}`:r},s=t=>f(t)&&/^([a-z][a-z0-9]*)(-[a-z0-9]+)*$/.exec(t)!==null;class a{constructor(t=[]){n(this,"classes");n(this,"add",(t=>{this.has(t)||this.classes.push(t)}));n(this,"delete",(t=>{const e=this.classes.indexOf(t);e>-1&&this.classes.splice(e,1)}));n(this,"has",(t=>this.classes.includes(t)));n(this,"join",(()=>this.classes.join(" ")));this.classes=t}}const i=t=>Array.isArray(t)&&t.every((t=>typeof t=="string")),o=(t,e)=>e.includes(t==null?void 0:t.tagName.toLowerCase()),u='a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier], mg-button',l=t=>{const e=c(t),n=m(t);return[t,...e,...n]},c=(t,e=[])=>{if(t.self!==t.top)try{const n=t.parent;return n?(e.push(n),c(n,e)):e}catch(t){return console.error("Different hosts between iframes:",t),e}return e},m=(t,e=[])=>{if(t.frames.length>0)for(const n of Array.from(t.frames))e.push(n),m(n,e);return e},f=t=>typeof t=="string"&&t.trim()!=="",y=t=>typeof t=="object"?JSON.stringify(t):`${t}`,h=t=>typeof t=="number"&&!Number.isNaN(t),g=t=>typeof t=="string"?t.toLocaleLowerCase().normalize("NFD").replaceAll(/[\u0300-\u036f]/g,""):t,p=async t=>t();var v=Object.defineProperty,b=(t,e)=>{for(var n in e)v(t,n,{get:e[n],enumerable:!0})},d={};b(d,{err:()=>D,map:()=>x,ok:()=>w,unwrap:()=>F,unwrapErr:()=>I});var w=t=>({isOk:!0,isErr:!1,value:t}),D=t=>({isOk:!1,isErr:!0,value:t});function x(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>w(t))):w(n)}if(t.isErr){const e=t.value;return D(e)}throw"should never get here"}var F=t=>{if(t.isOk)return t.value;throw t.value},I=t=>{if(t.isErr)return t.value;throw t.value};const O=t=>{const e={value:"2023",pattern:"yyyy"},n={value:"12",pattern:"mm"},r={value:"24",pattern:"dd"};return J([e.value,n.value,r.value].join("-"),t,{timeZone:"UTC"}).replace(e.value,e.pattern).replace(n.value,n.pattern).replace(r.value,r.pattern)},$=t=>t.toISOString().split("T")[0],j=(t,e,n)=>{const r=t.closest("[lang]"),s=Intl.NumberFormat.supportedLocalesOf(r==null?void 0:r.lang),a=s.length>0&&typeof s[0]=="string"?s[0]:navigator.language||n,i=a.split("-").shift();return Object.keys(e).length===0?{locale:a,messages:{lang:n}}:{locale:a,messages:e[i]||e[n]||{lang:n}}},z=(t,e,n)=>new Intl.NumberFormat(e,{style:"currency",currency:n}).format(t),A=(t,e,n=0)=>new Intl.NumberFormat(e,{minimumFractionDigits:n}).format(n>0?Number(t==null?void 0:t.toFixed(n)):t),N=(t,e,n=0)=>new Intl.NumberFormat(e,{style:"percent",minimumFractionDigits:n,maximumFractionDigits:n}).format(t),k=(t,e,n,r="short",s=0)=>new Intl.NumberFormat(e,{style:"unit",unit:n,unitDisplay:r,minimumFractionDigits:s,maximumFractionDigits:s}).format(t),E=/^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/,J=(t,e,n)=>typeof t!="string"||t===""||!E.test(t)?"":new Intl.DateTimeFormat(e,n).format(new Date(t)),T=(t,e)=>n=>j(n,t,e);export{$,r as G,i as J,o as K,u as Q,y as V,s as X,l as Y,a as Z,A as d,h as e,O as f,N as g,T as h,f as m,k as p,p as s,g as t,z as u,E as w,J as z};
2
+ //# sourceMappingURL=p-3c6710be.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["he","Object","defineProperty","ve","e","t","s","enumerable","configurable","writable","value","p","Ge","Uint8Array","crypto","getRandomValues","r","Array","from","map","n","toString","padStart","join","slice","Xe","me","exec","Ze","constructor","this","has","classes","push","indexOf","splice","includes","Je","isArray","every","Ke","tagName","toLowerCase","Qe","Ye","Y","V","self","top","parent","console","error","frames","length","trim","Ve","JSON","stringify","et","Number","isNaN","tt","toLocaleLowerCase","normalize","replaceAll","st","async","be","Se","get","_e","err","se","Ee","ok","P","unwrap","Ae","unwrapErr","je","isOk","isErr","Promise","then","ft","pattern","ze","timeZone","replace","$t","toISOString","split","Pe","closest","Intl","NumberFormat","supportedLocalesOf","lang","i","navigator","language","o","shift","keys","locale","messages","ut","style","currency","format","dt","minimumFractionDigits","toFixed","gt","maximumFractionDigits","pt","unit","unitDisplay","we","test","DateTimeFormat","Date","ht"],"sources":["../stencil-helpers/dist/index.es.js"],"sourcesContent":["var he = Object.defineProperty;\nvar W = (e) => {\n throw TypeError(e);\n};\nvar ve = (e, t, s) => t in e ? he(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;\nvar p = (e, t, s) => ve(e, typeof t != \"symbol\" ? t + \"\" : t, s), ye = (e, t, s) => t.has(e) || W(\"Cannot \" + s);\nvar x = (e, t, s) => (ye(e, t, \"read from private field\"), s ? s.call(e) : t.get(e)), B = (e, t, s) => t.has(e) ? W(\"Cannot add the same private member more than once\") : t instanceof WeakSet ? t.add(e) : t.set(e, s);\nconst Ge = (e = \"\", t = 10) => {\n const s = new Uint8Array(t);\n crypto.getRandomValues(s);\n const r = Array.from(s).map((n) => n.toString(16).padStart(2, \"0\")).join(\"\").slice(0, t);\n return e !== \"\" ? `${e}-${r}` : r;\n}, Xe = (e) => me(e) && /^([a-z][a-z0-9]*)(-[a-z0-9]+)*$/.exec(e) !== null;\nclass Ze {\n constructor(t = []) {\n /**\n * Available classes\n */\n p(this, \"classes\");\n /**\n * Add class\n * @param className - class name to add\n */\n p(this, \"add\", (t) => {\n this.has(t) || this.classes.push(t);\n });\n /**\n * Delete class\n * @param className - class name to delete\n */\n p(this, \"delete\", (t) => {\n const s = this.classes.indexOf(t);\n s > -1 && this.classes.splice(s, 1);\n });\n /**\n * Check if class exist in list\n * @param className - class name to check\n * @returns class name is in the list\n */\n p(this, \"has\", (t) => this.classes.includes(t));\n /**\n * Join classes seperated by spaces\n * @returns joined values\n */\n p(this, \"join\", () => this.classes.join(\" \"));\n this.classes = t;\n }\n}\nconst Je = (e) => Array.isArray(e) && e.every((t) => typeof t == \"string\"), Ke = (e, t) => t.includes(e == null ? void 0 : e.tagName.toLowerCase()), Qe = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"]), [identifier], mg-button', Ye = (e) => {\n const t = Y(e), s = V(e);\n return [e, ...t, ...s];\n}, Y = (e, t = []) => {\n if (e.self !== e.top)\n try {\n const s = e.parent;\n return s ? (t.push(s), Y(s, t)) : t;\n } catch (s) {\n return console.error(\"Different hosts between iframes:\", s), t;\n }\n return t;\n}, V = (e, t = []) => {\n if (e.frames.length > 0)\n for (const s of Array.from(e.frames))\n t.push(s), V(s, t);\n return t;\n}, me = (e) => typeof e == \"string\" && e.trim() !== \"\", Ve = (e) => typeof e == \"object\" ? JSON.stringify(e) : `${e}`, et = (e) => typeof e == \"number\" && !Number.isNaN(e), tt = (e) => typeof e == \"string\" ? e.toLocaleLowerCase().normalize(\"NFD\").replaceAll(/[\\u0300-\\u036f]/g, \"\") : e, st = async (e) => e();\nvar C = {\n updatable: !0,\n slotRelocation: !0,\n // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior\n experimentalSlotFixes: !1\n}, be = Object.defineProperty, Se = (e, t) => {\n for (var s in t)\n be(e, s, { get: t[s], enumerable: !0 });\n}, ke = \"http://www.w3.org/2000/svg\", xe = \"http://www.w3.org/1999/xhtml\", G = (e, t) => t in e, X = \"http://www.w3.org/1999/xlink\", ee = typeof window < \"u\" ? window : {}, L = ee.document || { head: {} }, _ = {\n $flags$: 0,\n $resourcesUrl$: \"\",\n jmp: (e) => e(),\n raf: (e) => requestAnimationFrame(e),\n ael: (e, t, s, r) => e.addEventListener(t, s, r),\n rel: (e, t, s, r) => e.removeEventListener(t, s, r),\n ce: (e, t) => new CustomEvent(e, t)\n}, Te = (e) => e != null && e !== void 0, te = (e) => (e = typeof e, e === \"object\" || e === \"function\"), _e = {};\nSe(_e, {\n err: () => se,\n map: () => Ee,\n ok: () => P,\n unwrap: () => Ae,\n unwrapErr: () => je\n});\nvar P = (e) => ({\n isOk: !0,\n isErr: !1,\n value: e\n}), se = (e) => ({\n isOk: !1,\n isErr: !0,\n value: e\n});\nfunction Ee(e, t) {\n if (e.isOk) {\n const s = t(e.value);\n return s instanceof Promise ? s.then((r) => P(r)) : P(s);\n }\n if (e.isErr) {\n const s = e.value;\n return se(s);\n }\n throw \"should never get here\";\n}\nvar Ae = (e) => {\n if (e.isOk)\n return e.value;\n throw e.value;\n}, je = (e) => {\n if (e.isErr)\n return e.value;\n throw e.value;\n}, re = (e) => {\n const t = e.__childNodes || e.childNodes;\n e.tagName && e.tagName.includes(\"-\") && e[\"s-cr\"] && e.tagName !== \"SLOT-FB\" && ne(t, e.tagName).forEach((s) => {\n var r;\n s.nodeType === 1 && s.tagName === \"SLOT-FB\" && ((r = Oe(s, s[\"s-sn\"], !1)) != null && r.length ? s.hidden = !0 : s.hidden = !1);\n });\n for (const s of t)\n s.nodeType === 1 && (s.__childNodes || s.childNodes).length && re(s);\n};\nfunction ne(e, t, s) {\n let r = 0, n = [], i;\n for (; r < e.length; r++)\n i = e[r], i[\"s-sr\"] && i[\"s-hn\"] === t && s === void 0 && n.push(i), n = [...n, ...ne(i.childNodes, t, s)];\n return n;\n}\nvar Oe = (e, t, s = !0) => {\n const r = [];\n for ((s && e[\"s-sr\"] || !e[\"s-sr\"]) && r.push(e); (e = e.nextSibling) && e[\"s-sn\"] === t; )\n r.push(e);\n return r;\n}, Z = (e, t) => e.nodeType === 1 ? e.getAttribute(\"slot\") === null && t === \"\" || e.getAttribute(\"slot\") === t : e[\"s-sn\"] === t ? !0 : t === \"\", Re = (e, t, ...s) => {\n let r = null, n = null, i = null, o = !1, f = !1;\n const c = [], $ = (l) => {\n for (let d = 0; d < l.length; d++)\n r = l[d], Array.isArray(r) ? $(r) : r != null && typeof r != \"boolean\" && ((o = !te(r)) && (r = String(r)), o && f ? c[c.length - 1].$text$ += r : c.push(o ? w(null, r) : r), f = o);\n };\n $(s);\n const u = w(e, null);\n return u.$attrs$ = t, c.length > 0 && (u.$children$ = c), u.$key$ = n, u.$name$ = i, u;\n}, w = (e, t) => {\n const s = {\n $flags$: 0,\n $tag$: e,\n $text$: t,\n $elm$: null,\n $children$: null\n };\n return s.$attrs$ = null, s.$key$ = null, s.$name$ = null, s;\n}, Le = {}, Me = (e) => e && e.$tag$ === Le, J = (e, t, s, r, n, i, o) => {\n if (s !== r) {\n let f = G(e, t), c = t.toLowerCase();\n if (t === \"class\") {\n const $ = e.classList, u = K(s);\n let l = K(r);\n $.remove(...u.filter((d) => d && !l.includes(d))), $.add(...l.filter((d) => d && !u.includes(d)));\n } else if (t === \"style\") {\n for (const $ in s)\n (!r || r[$] == null) && ($.includes(\"-\") ? e.style.removeProperty($) : e.style[$] = \"\");\n for (const $ in r)\n (!s || r[$] !== s[$]) && ($.includes(\"-\") ? e.style.setProperty($, r[$]) : e.style[$] = r[$]);\n } else if (t !== \"key\") if (t === \"ref\")\n r && r(e);\n else if (!e.__lookupSetter__(t) && t[0] === \"o\" && t[1] === \"n\") {\n if (t[2] === \"-\" ? t = t.slice(3) : G(ee, c) ? t = c.slice(2) : t = c[2] + t.slice(3), s || r) {\n const $ = t.endsWith(ie);\n t = t.replace(Ne, \"\"), s && _.rel(e, t, s, $), r && _.ael(e, t, r, $);\n }\n } else {\n const $ = te(r);\n if ((f || $ && r !== null) && !n)\n try {\n if (e.tagName.includes(\"-\"))\n e[t] !== r && (e[t] = r);\n else {\n const l = r ?? \"\";\n t === \"list\" ? f = !1 : (s == null || e[t] != l) && (typeof e.__lookupSetter__(t) == \"function\" ? e[t] = l : e.setAttribute(t, l));\n }\n } catch {\n }\n let u = !1;\n c !== (c = c.replace(/^xlink\\:?/, \"\")) && (t = c, u = !0), r == null || r === !1 ? (r !== !1 || e.getAttribute(t) === \"\") && (u ? e.removeAttributeNS(X, t) : e.removeAttribute(t)) : (!f || i & 4 || n) && !$ && (r = r === !0 ? \"\" : r, u ? e.setAttributeNS(X, t, r) : e.setAttribute(t, r));\n }\n }\n}, Fe = /\\s/, K = (e) => (typeof e == \"object\" && e && \"baseVal\" in e && (e = e.baseVal), !e || typeof e != \"string\" ? [] : e.split(Fe)), ie = \"Capture\", Ne = new RegExp(ie + \"$\"), oe = (e, t, s, r) => {\n const n = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, i = e && e.$attrs$ || {}, o = t.$attrs$ || {};\n for (const f of Q(Object.keys(i)))\n f in o || J(\n n,\n f,\n i[f],\n void 0,\n s,\n t.$flags$\n );\n for (const f of Q(Object.keys(o)))\n J(\n n,\n f,\n i[f],\n o[f],\n s,\n t.$flags$\n );\n};\nfunction Q(e) {\n return e.includes(\"ref\") ? (\n // we need to sort these to ensure that `'ref'` is the last attr\n [...e.filter((t) => t !== \"ref\"), \"ref\"]\n ) : (\n // no need to sort, return the original array\n e\n );\n}\nvar M, F, E, N = !1, H = !1, I = !1, v = !1, D = (e, t, s) => {\n var r;\n const n = t.$children$[s];\n let i = 0, o, f, c;\n if (N || (I = !0, n.$tag$ === \"slot\" && (n.$flags$ |= n.$children$ ? (\n // slot element has fallback content\n // still create an element that \"mocks\" the slot element\n 2\n ) : (\n // slot element does not have fallback content\n // create an html comment we'll use to always reference\n // where actual slot content should sit next to\n 1\n ))), n.$text$ !== null)\n o = n.$elm$ = L.createTextNode(n.$text$);\n else if (n.$flags$ & 1)\n o = n.$elm$ = L.createTextNode(\"\");\n else {\n if (v || (v = n.$tag$ === \"svg\"), o = n.$elm$ = L.createElementNS(\n v ? ke : xe,\n !N && C.slotRelocation && n.$flags$ & 2 ? \"slot-fb\" : n.$tag$\n ), v && n.$tag$ === \"foreignObject\" && (v = !1), oe(null, n, v), Te(M) && o[\"s-si\"] !== M && o.classList.add(o[\"s-si\"] = M), n.$children$)\n for (i = 0; i < n.$children$.length; ++i)\n f = D(e, n, i), f && o.appendChild(f);\n n.$tag$ === \"svg\" ? v = !1 : o.tagName === \"foreignObject\" && (v = !0);\n }\n return o[\"s-hn\"] = E, n.$flags$ & 3 && (o[\"s-sr\"] = !0, o[\"s-cr\"] = F, o[\"s-sn\"] = n.$name$ || \"\", o[\"s-rf\"] = (r = n.$attrs$) == null ? void 0 : r.ref, c = e && e.$children$ && e.$children$[s], c && c.$tag$ === n.$tag$ && e.$elm$ && A(e.$elm$, !1), $e(F, o, t.$elm$, e == null ? void 0 : e.$elm$)), o;\n}, A = (e, t) => {\n _.$flags$ |= 1;\n const s = Array.from(e.__childNodes || e.childNodes);\n e[\"s-sr\"] && C.experimentalSlotFixes;\n for (let r = s.length - 1; r >= 0; r--) {\n const n = s[r];\n n[\"s-hn\"] !== E && n[\"s-ol\"] && (k(j(n).parentNode, n, j(n)), n[\"s-ol\"].remove(), n[\"s-ol\"] = void 0, n[\"s-sh\"] = void 0, I = !0), t && A(n, t);\n }\n _.$flags$ &= -2;\n}, le = (e, t, s, r, n, i) => {\n let o = e[\"s-cr\"] && e[\"s-cr\"].parentNode || e, f;\n for (o.shadowRoot && o.tagName === E && (o = o.shadowRoot); n <= i; ++n)\n r[n] && (f = D(null, s, n), f && (r[n].$elm$ = f, k(o, f, j(t))));\n}, ae = (e, t, s) => {\n for (let r = t; r <= s; ++r) {\n const n = e[r];\n if (n) {\n const i = n.$elm$;\n fe(n), i && (H = !0, i[\"s-ol\"] ? i[\"s-ol\"].remove() : A(i, !0), i.remove());\n }\n }\n}, He = (e, t, s, r, n = !1) => {\n let i = 0, o = 0, f = 0, c = 0, $ = t.length - 1, u = t[0], l = t[$], d = r.length - 1, a = r[0], g = r[d], m, y;\n for (; i <= $ && o <= d; )\n if (u == null)\n u = t[++i];\n else if (l == null)\n l = t[--$];\n else if (a == null)\n a = r[++o];\n else if (g == null)\n g = r[--d];\n else if (R(u, a, n))\n T(u, a, n), u = t[++i], a = r[++o];\n else if (R(l, g, n))\n T(l, g, n), l = t[--$], g = r[--d];\n else if (R(u, g, n))\n (u.$tag$ === \"slot\" || g.$tag$ === \"slot\") && A(u.$elm$.parentNode, !1), T(u, g, n), k(e, u.$elm$, l.$elm$.nextSibling), u = t[++i], g = r[--d];\n else if (R(l, a, n))\n (u.$tag$ === \"slot\" || g.$tag$ === \"slot\") && A(l.$elm$.parentNode, !1), T(l, a, n), k(e, l.$elm$, u.$elm$), l = t[--$], a = r[++o];\n else {\n for (f = -1, c = i; c <= $; ++c)\n if (t[c] && t[c].$key$ !== null && t[c].$key$ === a.$key$) {\n f = c;\n break;\n }\n f >= 0 ? (y = t[f], y.$tag$ !== a.$tag$ ? m = D(t && t[o], s, f) : (T(y, a, n), t[f] = void 0, m = y.$elm$), a = r[++o]) : (m = D(t && t[o], s, o), a = r[++o]), m && k(\n j(u.$elm$).parentNode,\n m,\n j(u.$elm$)\n );\n }\n i > $ ? le(\n e,\n r[d + 1] == null ? null : r[d + 1].$elm$,\n s,\n r,\n o,\n d\n ) : o > d && ae(t, i, $);\n}, R = (e, t, s = !1) => e.$tag$ === t.$tag$ ? e.$tag$ === \"slot\" ? e.$name$ === t.$name$ : s ? (s && !e.$key$ && t.$key$ && (e.$key$ = t.$key$), !0) : e.$key$ === t.$key$ : !1, j = (e) => e && e[\"s-ol\"] || e, T = (e, t, s = !1) => {\n const r = t.$elm$ = e.$elm$, n = e.$children$, i = t.$children$, o = t.$tag$, f = t.$text$;\n let c;\n f === null ? (v = o === \"svg\" ? !0 : o === \"foreignObject\" ? !1 : v, o === \"slot\" && !N || oe(e, t, v), n !== null && i !== null ? He(r, n, t, i, s) : i !== null ? (e.$text$ !== null && (r.textContent = \"\"), le(r, null, t, i, 0, i.length - 1)) : (\n // don't do this on initial render as it can cause non-hydrated content to be removed\n !s && C.updatable && n !== null && ae(n, 0, n.length - 1)\n ), v && o === \"svg\" && (v = !1)) : (c = r[\"s-cr\"]) ? c.parentNode.textContent = f : e.$text$ !== f && (r.data = f);\n}, b = [], ce = (e) => {\n let t, s, r;\n const n = e.__childNodes || e.childNodes;\n for (const i of n) {\n if (i[\"s-sr\"] && (t = i[\"s-cr\"]) && t.parentNode) {\n s = t.parentNode.__childNodes || t.parentNode.childNodes;\n const o = i[\"s-sn\"];\n for (r = s.length - 1; r >= 0; r--)\n if (t = s[r], !t[\"s-cn\"] && !t[\"s-nr\"] && t[\"s-hn\"] !== i[\"s-hn\"])\n if (Z(t, o)) {\n let f = b.find((c) => c.$nodeToRelocate$ === t);\n H = !0, t[\"s-sn\"] = t[\"s-sn\"] || o, f ? (f.$nodeToRelocate$[\"s-sh\"] = i[\"s-hn\"], f.$slotRefNode$ = i) : (t[\"s-sh\"] = i[\"s-hn\"], b.push({\n $slotRefNode$: i,\n $nodeToRelocate$: t\n })), t[\"s-sr\"] && b.map((c) => {\n Z(c.$nodeToRelocate$, t[\"s-sn\"]) && (f = b.find(($) => $.$nodeToRelocate$ === t), f && !c.$slotRefNode$ && (c.$slotRefNode$ = f.$slotRefNode$));\n });\n } else b.some((f) => f.$nodeToRelocate$ === t) || b.push({\n $nodeToRelocate$: t\n });\n }\n i.nodeType === 1 && ce(i);\n }\n}, fe = (e) => {\n e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(fe);\n}, k = (e, t, s) => (typeof t[\"s-sn\"] == \"string\" && t[\"s-sr\"] && t[\"s-cr\"] && $e(t[\"s-cr\"], t, e, t.parentElement), e == null ? void 0 : e.insertBefore(t, s));\nfunction $e(e, t, s, r) {\n var n;\n let i;\n if (e && typeof t[\"s-sn\"] == \"string\" && t[\"s-sr\"] && e.parentNode && e.parentNode[\"s-sc\"] && (i = t[\"s-si\"] || e.parentNode[\"s-sc\"])) {\n const o = t[\"s-sn\"], f = t[\"s-hn\"];\n if ((n = s.classList) == null || n.add(i + \"-s\"), r && r.classList.contains(i + \"-s\")) {\n let c = (r.__childNodes || r.childNodes)[0], $ = !1;\n for (; c; ) {\n if (c[\"s-sn\"] !== o && c[\"s-hn\"] === f && c[\"s-sr\"]) {\n $ = !0;\n break;\n }\n c = c.nextSibling;\n }\n $ || r.classList.remove(i + \"-s\");\n }\n }\n}\nvar De = (e, t, s = !1) => {\n var r, n, i, o, f;\n const c = e.$hostElement$, $ = e.$cmpMeta$, u = e.$vnode$ || w(null, null), l = Me(t) ? t : Re(null, null, t);\n if (E = c.tagName, $.$attrsToReflect$ && (l.$attrs$ = l.$attrs$ || {}, $.$attrsToReflect$.map(\n ([d, a]) => l.$attrs$[a] = c[d]\n )), s && l.$attrs$)\n for (const d of Object.keys(l.$attrs$))\n c.hasAttribute(d) && ![\"key\", \"ref\", \"style\", \"class\"].includes(d) && (l.$attrs$[d] = c[d]);\n l.$tag$ = null, l.$flags$ |= 4, e.$vnode$ = l, l.$elm$ = u.$elm$ = c.shadowRoot || c, M = c[\"s-sc\"], N = ($.$flags$ & 1) !== 0, F = c[\"s-cr\"], H = !1, T(u, l, s);\n {\n if (_.$flags$ |= 1, I) {\n ce(l.$elm$);\n for (const d of b) {\n const a = d.$nodeToRelocate$;\n if (!a[\"s-ol\"]) {\n const g = L.createTextNode(\"\");\n g[\"s-nr\"] = a, k(a.parentNode, a[\"s-ol\"] = g, a);\n }\n }\n for (const d of b) {\n const a = d.$nodeToRelocate$, g = d.$slotRefNode$;\n if (g) {\n const m = g.parentNode;\n let y = g.nextSibling;\n {\n let O = (r = a[\"s-ol\"]) == null ? void 0 : r.previousSibling;\n for (; O; ) {\n let h = (n = O[\"s-nr\"]) != null ? n : null;\n if (h && h[\"s-sn\"] === a[\"s-sn\"] && m === (h.__parentNode || h.parentNode)) {\n for (h = h.nextSibling; h === a || h != null && h[\"s-sr\"]; )\n h = h == null ? void 0 : h.nextSibling;\n if (!h || !h[\"s-nr\"]) {\n y = h;\n break;\n }\n }\n O = O.previousSibling;\n }\n }\n const ge = a.__parentNode || a.parentNode, pe = a.__nextSibling || a.nextSibling;\n (!y && m !== ge || pe !== y) && a !== y && (!a[\"s-hn\"] && a[\"s-ol\"] && (a[\"s-hn\"] = a[\"s-ol\"].parentNode.nodeName), k(m, a, y), a.nodeType === 1 && a.tagName !== \"SLOT-FB\" && (a.hidden = (i = a[\"s-ih\"]) != null ? i : !1)), a && typeof g[\"s-rf\"] == \"function\" && g[\"s-rf\"](a);\n } else\n a.nodeType === 1 && (s && (a[\"s-ih\"] = (o = a.hidden) != null ? o : !1), a.hidden = !0);\n }\n }\n H && re(l.$elm$), _.$flags$ &= -2, b.length = 0;\n }\n if (C.experimentalScopedSlotChanges && $.$flags$ & 2) {\n const d = l.$elm$.__childNodes || l.$elm$.childNodes;\n for (const a of d)\n a[\"s-hn\"] !== E && !a[\"s-sh\"] && (s && a[\"s-ih\"] == null && (a[\"s-ih\"] = (f = a.hidden) != null ? f : !1), a.hidden = !0);\n }\n F = void 0;\n};\nconst Ue = (e, t, s) => {\n [null, void 0, \"\", !1].includes(s) || [\"innerHTML\", \"style\"].includes(t) || e.setAttribute(t, [\"object\", \"function\"].includes(typeof s) ? \"/!\\\\ Object props are not rendered in the code example\" : s);\n}, ue = (e, t, s, r, n) => {\n if (t && typeof t == \"string\") {\n const i = document.createElement(t);\n Object.keys(s || {}).forEach((o) => {\n Ue(i, o, s[o]);\n }), r == null || r.forEach((o) => {\n ue(i, o.$tag$, o.$attrs$, o.$children$, o.$text$);\n }), s != null && s.innerHTML && (i.innerHTML = s.innerHTML), e.appendChild(i);\n }\n n && (e.innerHTML = n);\n}, rt = (e, t) => {\n const s = {};\n if (typeof e != \"object\")\n throw new Error(\"filterArgs - args isn't an object.\");\n for (const r in e)\n if (!r.startsWith(\"slot\")) {\n const n = e[r], i = r.replace(/([a-z])([A-Z])/g, \"$1-$2\").toLowerCase();\n (!t || !Object.keys(t).includes(r) || t[r] !== n) && (s[i] = n);\n }\n return s;\n}, nt = (e, t) => {\n var r, n;\n const s = document.getElementById(\"storybook-root\");\n if (s !== null)\n return (n = document.querySelector(\"[lang]\")) == null || n.setAttribute(\"lang\", ((r = t.globals) == null ? void 0 : r.locale) || \"en\"), De(\n {\n $cmpMeta$: {\n $flags$: 0,\n $tagName$: s.tagName\n },\n $hostElement$: s\n },\n e(t)\n ), s.children[s.children.length - 1];\n}, it = ({ $tag$: e, $attrs$: t, $children$: s, $text$: r }) => {\n const n = document.createElement(\"div\");\n return ue(n, e, t, s, r), n.innerHTML;\n}, U = (e, t) => {\n if (!t)\n return;\n const s = t.split(\"/\");\n return `${e}${s.slice(2, s.length - 1).join(\"-\")}--docs`;\n};\nvar S, q;\nclass ot {\n constructor(t) {\n /**\n * JsonDocs\n */\n p(this, \"jsonDoc\");\n /**\n * Get component data from the jsonDoc\n * @param tagName - tag name we want to get the data from\n * @returns component data\n */\n B(this, S, (t) => this.jsonDoc.components.find((s) => s.tag === t));\n /**\n * Get the control for the given prop\n * Based on https://storybook.js.org/docs/api/arg-types#controltype\n * @param prop - prop to get control for\n * @returns control type and options if applicable\n */\n B(this, q, (t) => {\n const s = t.type.replace(/\"([^\"]+)\"/g, \"$1\").replace(/\\s/g, \"\").replace(/\\(.*?\\)/g, (r) => r.replace(/\\|/g, \" OR \")).split(\"|\").map((r) => r.trim().replace(/ OR /g, \"|\"));\n return t.type === \"string\" ? { control: { type: \"text\" } } : t.type === \"number\" ? { control: { type: \"number\" } } : t.type === \"boolean\" ? { control: { type: \"boolean\" } } : t.type.startsWith(\"{\") && t.type.endsWith(\"}\") ? { control: { type: \"object\" } } : s.length > 1 ? s.includes(\"string\") ? { control: { type: \"text\" } } : s.every((r) => r == null ? void 0 : r.includes(\"[]\")) ? { control: { type: \"object\" } } : (s.unshift(void 0), { control: { type: \"select\" }, options: s }) : { control: { type: \"object\" } };\n });\n /**\n * Extract component arg types from the component data\n * @param tagName - tag name we want to extract the arg types from\n * @returns component arg types\n */\n p(this, \"extractArgTypes\", (t) => {\n const s = x(this, S).call(this, t), r = s == null ? void 0 : s.props.reduce((u, l) => {\n const { control: d, options: a } = x(this, q).call(this, l);\n return {\n ...u,\n [l.name]: {\n name: l.attr || l.name,\n description: l.docs,\n type: { required: l.required },\n table: {\n category: \"props\",\n type: { summary: l.type },\n defaultValue: { summary: l.default }\n },\n control: d,\n options: a\n }\n };\n }, {}), n = s == null ? void 0 : s.events.reduce(\n (u, l) => ({\n ...u,\n [l.event]: {\n name: l.event,\n description: l.docs,\n table: {\n category: \"events\",\n type: { summary: l.detail }\n }\n }\n }),\n {}\n ), i = s == null ? void 0 : s.methods.reduce(\n (u, l) => ({\n ...u,\n [l.name]: {\n name: l.name,\n description: l.docs,\n table: {\n category: \"methods\",\n type: { summary: l.signature }\n }\n }\n }),\n {}\n ), o = s == null ? void 0 : s.slots.reduce(\n (u, l) => ({\n ...u,\n [l.name]: {\n name: l.name !== \"\" ? l.name : \"default\",\n // default slot are unnamed\n description: l.docs,\n table: {\n category: \"slots\",\n type: { summary: void 0 }\n }\n }\n }),\n {}\n ), f = s == null ? void 0 : s.styles.reduce(\n (u, l) => ({\n ...u,\n [l.name]: {\n name: l.name,\n description: l.docs,\n table: {\n category: \"custom properties\",\n type: { summary: void 0 }\n }\n }\n }),\n {}\n ), c = s == null ? void 0 : s.dependencies.reduce((u, l) => {\n const d = x(this, S).call(this, l);\n return {\n ...u,\n [l]: {\n name: l,\n description: `<a href=\"./?path=/docs/${U(\"\", d == null ? void 0 : d.filePath)}\">View Component Documentation</a>`,\n table: {\n category: \"depends on\",\n type: { summary: void 0 }\n }\n }\n };\n }, {}), $ = s == null ? void 0 : s.dependents.reduce((u, l) => {\n const d = x(this, S).call(this, l);\n return {\n ...u,\n [l]: {\n name: l,\n description: `<a href=\"./?path=/docs/${U(\"\", d == null ? void 0 : d.filePath)}\">View Component Documentation</a>`,\n table: {\n category: \"used by\",\n type: { summary: void 0 }\n }\n }\n };\n }, {});\n return {\n ...r,\n ...n,\n ...i,\n ...o,\n ...f,\n ...c,\n ...$\n };\n });\n /**\n * Extract component description from the component data\n * @param tagName - tag name we want to extract the description from\n * @returns component description\n */\n p(this, \"extractComponentDescription\", (t) => {\n const s = x(this, S).call(this, t);\n return (s == null ? void 0 : s.readme) || (s == null ? void 0 : s.docs);\n });\n this.jsonDoc = t;\n }\n}\nS = new WeakMap(), q = new WeakMap();\nconst qe = (e, t) => {\n if (t)\n return `${e}${t}`;\n}, de = (e) => {\n let t = e.overview ? `${e.overview}\n\n` : \"\";\n const s = e.props.filter(({ attr: n }) => n !== void 0);\n s.length && (t += `Attributes:\n`, t += s.map(({ attr: n, docs: i }) => `- \\`${n}\\`: ${i}\n`).join(\"\"), t += `\n`);\n const r = e.props.filter(({ attr: n }) => n === void 0);\n return r.length && (t += `Properties:\n`, t += r.map(({ name: n, docs: i }) => `- \\`${n}\\`: ${i}\n`).join(\"\"), t += `\n`), e.methods.length && (t += `Methods:\n`, t += e.methods.map(({ name: n, docs: i }) => `- \\`${n}\\`: ${i}\n`).join(\"\"), t += `\n`), e.events.length && (t += `Events:\n`, t += e.events.map(({ event: n, docs: i }) => `- \\`${n}\\`: ${i}\n`).join(\"\"), t += `\n`), e.listeners.length && (t += `Listeners:\n`, t += e.listeners.map(({ event: n }) => `- \\`${n}\\`\n`).join(\"\"), t += `\n`), e.slots.length && (t += `Slots:\n`, t += e.slots.map(({ name: n, docs: i }) => `- \\`${n}\\`: ${i}\n`).join(\"\"), t += `\n`), t;\n}, z = (e) => `${e.docs}\n\nType: \\`${e.type}\\``, lt = (e, t, s, r) => ({\n $schema: \"https://json.schemastore.org/web-types\",\n name: e,\n version: t,\n \"description-markup\": \"markdown\",\n contributions: {\n html: {\n elements: s.components.map((n) => {\n const i = U(r, n.filePath);\n return {\n name: n.tag,\n description: de(n),\n \"doc-url\": i,\n attributes: n.props.filter((o) => o.attr).map((o) => ({\n name: o.attr,\n description: z(o),\n \"doc-url\": i,\n value: {\n type: o.type,\n default: o.default,\n required: o.required\n }\n })),\n js: {\n properties: n.props.map((o) => ({\n name: o.name,\n description: z(o),\n \"doc-url\": i,\n value: {\n type: o.type,\n default: o.default,\n required: o.required\n }\n })),\n events: n.events.map((o) => ({\n name: o.event,\n description: o.docs\n }))\n },\n css: {\n properties: n.styles.map((o) => ({\n name: o.name,\n description: o.docs\n }))\n }\n };\n })\n }\n }\n}), Ce = (e, t, s) => [\n { name: \"Storybook\", url: U(e, s) },\n { name: \"Sources\", url: qe(t, s) }\n], Be = (e) => {\n if (!e.values.some(({ value: t }) => t === void 0))\n return e.values.map(({ value: t }) => ({ name: t }));\n}, at = (e, t, s) => ({\n version: 1.1,\n tags: e.components.map((r) => {\n const n = Ce(t, s, r.filePath);\n return {\n name: r.tag,\n description: de(r),\n attributes: r.props.map((i) => ({\n name: i.attr || i.name,\n description: z(i),\n values: Be(i),\n references: n\n })),\n references: n\n };\n }),\n globalAttributes: [],\n valueSets: []\n}), ct = (e) => ({\n version: 1.1,\n properties: e.components.flatMap(\n (t) => t.styles.map((s) => ({\n name: s.name,\n description: s.docs\n }))\n )\n}), ft = (e) => {\n const t = { value: \"2023\", pattern: \"yyyy\" }, s = { value: \"12\", pattern: \"mm\" }, r = { value: \"24\", pattern: \"dd\" };\n return ze([t.value, s.value, r.value].join(\"-\"), e, { timeZone: \"UTC\" }).replace(t.value, t.pattern).replace(s.value, s.pattern).replace(r.value, r.pattern);\n}, $t = (e) => e.toISOString().split(\"T\")[0], Pe = (e, t, s) => {\n const r = e.closest(\"[lang]\"), n = Intl.NumberFormat.supportedLocalesOf(r == null ? void 0 : r.lang), i = n.length > 0 && typeof n[0] == \"string\" ? n[0] : navigator.language || s, o = i.split(\"-\").shift();\n return Object.keys(t).length === 0 ? {\n locale: i,\n messages: { lang: s }\n } : {\n locale: i,\n messages: t[o] || t[s] || { lang: s }\n };\n}, ut = (e, t, s) => new Intl.NumberFormat(t, { style: \"currency\", currency: s }).format(e), dt = (e, t, s = 0) => new Intl.NumberFormat(t, { minimumFractionDigits: s }).format(s > 0 ? Number(e == null ? void 0 : e.toFixed(s)) : e), gt = (e, t, s = 0) => new Intl.NumberFormat(t, {\n style: \"percent\",\n minimumFractionDigits: s,\n maximumFractionDigits: s\n}).format(e), pt = (e, t, s, r = \"short\", n = 0) => new Intl.NumberFormat(t, {\n style: \"unit\",\n unit: s,\n unitDisplay: r,\n minimumFractionDigits: n,\n maximumFractionDigits: n\n}).format(e), we = /^\\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])$/, ze = (e, t, s) => typeof e != \"string\" || e === \"\" || !we.test(e) ? \"\" : new Intl.DateTimeFormat(t, s).format(new Date(e)), ht = (e, t) => (s) => Pe(s, e, t), vt = ({ disconnect: e, observe: t, takeRecords: s }) => {\n class r {\n constructor(i) {\n /**\n *\n */\n p(this, \"disconnect\", e);\n /**\n *\n */\n p(this, \"observe\", t);\n /**\n *\n */\n p(this, \"takeRecords\", s);\n /**\n *\n */\n p(this, \"cb\");\n this.cb = i;\n }\n }\n return [window, global].forEach((n) => {\n Object.defineProperty(n, \"MutationObserver\", {\n writable: !0,\n configurable: !0,\n value: r\n });\n }), r;\n}, yt = ({ disconnect: e, observe: t }) => {\n class s {\n constructor(n) {\n /**\n *\n */\n p(this, \"disconnect\", e);\n /**\n *\n */\n p(this, \"observe\", t);\n /**\n *\n */\n p(this, \"unobserve\");\n /**\n *\n */\n p(this, \"cb\");\n this.cb = n;\n }\n }\n return [window, global].forEach((r) => {\n Object.defineProperty(r, \"ResizeObserver\", {\n writable: !0,\n configurable: !0,\n value: s\n });\n }), s;\n};\nclass Ie extends Event {\n constructor() {\n super(...arguments);\n /**\n *\n */\n p(this, \"detail\");\n }\n // eslint-disable-line @typescript-eslint/no-explicit-any\n}\nconst mt = () => {\n class e extends Ie {\n }\n return [window, global].forEach((t) => {\n Object.defineProperty(t, \"SubmitEvent\", {\n writable: !0,\n configurable: !0,\n value: e\n });\n }), e;\n}, bt = (e) => {\n const t = (s) => (setTimeout(s, 1), e(), 0);\n return [window, global].forEach((s) => {\n Object.defineProperty(s, \"requestAnimationFrame\", {\n writable: !0,\n configurable: !0,\n value: t\n });\n }), t;\n};\nexport {\n Ze as ClassList,\n ot as StorybookPreview,\n Je as allItemsAreString,\n tt as cleanString,\n Ge as createID,\n we as dateRegExp,\n $t as dateToString,\n ht as defineLocales,\n rt as filterArgs,\n Qe as focusableElements,\n ft as getLocaleDatePattern,\n Y as getParentWindows,\n it as getStoryHTML,\n U as getStorybookUrl,\n Ye as getWindows,\n Ke as isTagName,\n et as isValidNumber,\n me as isValidString,\n Xe as isValideID,\n ut as localeCurrency,\n ze as localeDate,\n dt as localeNumber,\n gt as localePercent,\n pt as localeUnit,\n st as nextTick,\n bt as setUpRequestAnimationFrameMock,\n vt as setupMutationObserverMock,\n yt as setupResizeObserverMock,\n mt as setupSubmitEventMock,\n nt as stencilWrapper,\n Ve as toString,\n ct as vsCodeCssGenerator,\n at as vsCodeGenerator,\n lt as webTypesGenerator\n};\n//# sourceMappingURL=index.es.js.map\n"],"mappings":"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","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{h as e}from"./p-b6c1a6ce.js";const t={required:"This field is required.",date:{badInput:"The date format must be {pattern}",min:"The date cannot be earlier than {min}",max:"The date cannot be later than {max}",minMax:"The date must be between {min} and {max}"},numeric:{min:"The value cannot be less than {min}",max:"The value cannot be greater than {max}",minMax:"The value must be between {min} and {max}"}};const a="{counter} characters left.";const s={select:{placeholder:"Select a value"},checkbox:{selectedValues:"{nb} selected values",selectedValue:"{nb} selected value",editButton:"Edit",selectButton:"Select values",showButton:"Show",label:"Enter a value",result:"result",results:"results",searchResults:"Search result(s) list.",noResult:"No result.",sections:{selected:{title:"Selected",titlePlurial:"Selected",action:"Unselect all",tooltip:"Unselect all current search results"},notSelected:{title:"Not selected",titlePlurial:"Not selected",action:"Select all",tooltip:"Select all current search results"}}},date:{helpText:"Expected format: {pattern} (ex: {date})",pattern:{dd:"dd",mm:"mm",yyyy:"yyyy"}},password:{display:"Display password value",hide:"Hide password value"}};const n={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"};const l={closeButton:"Close message"};const r={closeButton:"Close modal"};const o={label:"Pagination",page:"page",pages:"pages",nextPage:"Next page",previousPage:"Previous page",selectPage:"Select the page to display."};const i={editLabel:"Edit section title."};const c={navLabel:"Quick access"};const u={confirm:"Confirm",cancel:"Cancel",close:"Close",next:"next",previous:"previous"};const d={badgeLabel:"Include notification(s)",openNewTab:"Open link in a new tab"};const m={menuLabel:"Additional menu"};const p={label:"Actions"};const g={inProgess:"Loading in progress…"};const h={errors:t,nbCharLeft:a,input:s,form:n,alert:l,modal:r,pagination:o,panel:i,skipLinks:c,general:u,menuItem:d,itemMore:m,actionMore:p,loader:g};const b={required:"Ce champ est obligatoire.",date:{badInput:"Le format de la date doit être du type {pattern}",min:"La date ne peut pas être antérieure au {min}",max:"La date ne peut pas être postérieure au {max}",minMax:"La date doit être comprise entre le {min} et le {max}"},numeric:{min:"La valeur ne peut pas être inférieure à {min}",max:"La valeur ne peut pas être supérieure à {max}",minMax:"La valeur doit être comprise entre {min} et {max}"}};const v="{counter} caractères disponibles.";const x={select:{placeholder:"Sélectionnez une valeur"},checkbox:{selectedValues:"{nb} valeurs selectionnées",selectedValue:"{nb} valeur selectionnée",editButton:"Modifier",selectButton:"Sélectionner des valeurs",showButton:"Voir",label:"Saisissez une valeur",result:"résultat",results:"résultats",searchResults:"List de résultat(s) de la recherche.",noResult:"Aucun résultat.",sections:{selected:{title:"Sélectionné",titlePlurial:"Sélectionnés",action:"Tout désélectionner",tooltip:"Désélectionne tous les résultats de la recherche en cours"},notSelected:{title:"Non sélectionné",titlePlurial:"Non sélectionnés",action:"Tout sélectionner",tooltip:"Sélectionne tous les résultats de la recherche en cours"}}},date:{helpText:"Format attendu&nbsp;: {pattern} (ex&nbsp;: {date})",pattern:{dd:"jj",mm:"mm",yyyy:"aaaa"}},password:{display:"Afficher le mot de passe",hide:"Masquer le mot de passe"}};const f={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"};const L={closeButton:"Fermer le message"};const S={closeButton:"Fermer la modale"};const q={label:"Pagination",page:"page",pages:"pages",nextPage:"Page suivante",previousPage:"Page précédente",selectPage:"Sélectionner la page à afficher."};const y={editLabel:"Modifier le titre de la section."};const P={navLabel:"Accès rapide"};const T={confirm:"Valider",cancel:"Annuler",close:"Fermer",next:"suivant",previous:"précédent"};const w={badgeLabel:"Notification(s) incluse(s)",openNewTab:"Ouvrir le lien dans un nouvel onglet"};const k={menuLabel:"Menu complémentaire"};const M={label:"Actions"};const B={inProgess:"Chargement en cours…"};const C={errors:b,nbCharLeft:v,input:x,form:f,alert:L,modal:S,pagination:q,panel:y,skipLinks:P,general:T,menuItem:w,itemMore:k,actionMore:M,loader:B};const N="en";const A={en:h,fr:C};const R=e(A,N);export{R as i};
2
- //# sourceMappingURL=p-d9731ebc.js.map
1
+ import{h as e}from"./p-3c6710be.js";const t={required:"This field is required.",date:{badInput:"The date format must be {pattern}",min:"The date cannot be earlier than {min}",max:"The date cannot be later than {max}",minMax:"The date must be between {min} and {max}"},numeric:{min:"The value cannot be less than {min}",max:"The value cannot be greater than {max}",minMax:"The value must be between {min} and {max}"}};const a="{counter} characters left.";const s={select:{placeholder:"Select a value"},checkbox:{selectedValues:"{nb} selected values",selectedValue:"{nb} selected value",editButton:"Edit",selectButton:"Select values",showButton:"Show",label:"Enter a value",result:"result",results:"results",searchResults:"Search result(s) list.",noResult:"No result.",sections:{selected:{title:"Selected",titlePlurial:"Selected",action:"Unselect all",tooltip:"Unselect all current search results"},notSelected:{title:"Not selected",titlePlurial:"Not selected",action:"Select all",tooltip:"Select all current search results"}}},date:{helpText:"Expected format: {pattern} (ex: {date})",pattern:{dd:"dd",mm:"mm",yyyy:"yyyy"}},password:{display:"Display password value",hide:"Hide password value"}};const n={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"};const l={closeButton:"Close message"};const r={closeButton:"Close modal"};const o={label:"Pagination",page:"page",pages:"pages",nextPage:"Next page",previousPage:"Previous page",selectPage:"Select the page to display."};const i={editLabel:"Edit section title."};const c={navLabel:"Quick access"};const u={confirm:"Confirm",cancel:"Cancel",close:"Close",next:"next",previous:"previous"};const d={badgeLabel:"Include notification(s)",openNewTab:"Open link in a new tab"};const m={menuLabel:"Additional menu"};const p={label:"Actions"};const g={inProgess:"Loading in progress…"};const h={errors:t,nbCharLeft:a,input:s,form:n,alert:l,modal:r,pagination:o,panel:i,skipLinks:c,general:u,menuItem:d,itemMore:m,actionMore:p,loader:g};const b={required:"Ce champ est obligatoire.",date:{badInput:"Le format de la date doit être du type {pattern}",min:"La date ne peut pas être antérieure au {min}",max:"La date ne peut pas être postérieure au {max}",minMax:"La date doit être comprise entre le {min} et le {max}"},numeric:{min:"La valeur ne peut pas être inférieure à {min}",max:"La valeur ne peut pas être supérieure à {max}",minMax:"La valeur doit être comprise entre {min} et {max}"}};const v="{counter} caractères disponibles.";const x={select:{placeholder:"Sélectionnez une valeur"},checkbox:{selectedValues:"{nb} valeurs selectionnées",selectedValue:"{nb} valeur selectionnée",editButton:"Modifier",selectButton:"Sélectionner des valeurs",showButton:"Voir",label:"Saisissez une valeur",result:"résultat",results:"résultats",searchResults:"List de résultat(s) de la recherche.",noResult:"Aucun résultat.",sections:{selected:{title:"Sélectionné",titlePlurial:"Sélectionnés",action:"Tout désélectionner",tooltip:"Désélectionne tous les résultats de la recherche en cours"},notSelected:{title:"Non sélectionné",titlePlurial:"Non sélectionnés",action:"Tout sélectionner",tooltip:"Sélectionne tous les résultats de la recherche en cours"}}},date:{helpText:"Format attendu&nbsp;: {pattern} (ex&nbsp;: {date})",pattern:{dd:"jj",mm:"mm",yyyy:"aaaa"}},password:{display:"Afficher le mot de passe",hide:"Masquer le mot de passe"}};const f={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"};const L={closeButton:"Fermer le message"};const S={closeButton:"Fermer la modale"};const q={label:"Pagination",page:"page",pages:"pages",nextPage:"Page suivante",previousPage:"Page précédente",selectPage:"Sélectionner la page à afficher."};const y={editLabel:"Modifier le titre de la section."};const P={navLabel:"Accès rapide"};const T={confirm:"Valider",cancel:"Annuler",close:"Fermer",next:"suivant",previous:"précédent"};const w={badgeLabel:"Notification(s) incluse(s)",openNewTab:"Ouvrir le lien dans un nouvel onglet"};const k={menuLabel:"Menu complémentaire"};const M={label:"Actions"};const B={inProgess:"Chargement en cours…"};const C={errors:b,nbCharLeft:v,input:x,form:f,alert:L,modal:S,pagination:q,panel:y,skipLinks:P,general:T,menuItem:w,itemMore:k,actionMore:M,loader:B};const N="en";const A={en:h,fr:C};const R=e(A,N);export{R as i};
2
+ //# sourceMappingURL=p-4049bd40.js.map
@@ -1,2 +1,2 @@
1
- import{r as e,h as t,g as a}from"./p-e39791fa.js";import{i}from"./p-d9731ebc.js";import{m as r,V as s}from"./p-b6c1a6ce.js";const o=".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}";const n=o;const m=class{constructor(t){e(this,t)}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:"8a6e91e7b727d2fa1478183c27caf11856cae5ce",class:"mg-c-loader","aria-live":"polite"},t("mg-icon",{key:"2417aafbc9d468413295dc89e4513cdd69a054b9",icon:"loader",spin:true}),t("span",{key:"23b5dbb5cd4cb2a062bbf1442737334fac2f4fba",class:{"mg-u-visually-hidden":this.messageHide}},this.message||this.messages.loader.inProgess))}get element(){return a(this)}static get watchers(){return{message:["watchMessage"]}}};m.style=n;export{m as mg_loader};
2
- //# sourceMappingURL=p-1a162791.entry.js.map
1
+ import{r as e,h as t,g as a}from"./p-e39791fa.js";import{i}from"./p-4049bd40.js";import{m as r,V as s}from"./p-3c6710be.js";const o=".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}";const n=o;const m=class{constructor(t){e(this,t)}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:"b9442e1060b119499a8f35444be6b371d340dffc",class:"mg-c-loader","aria-live":"polite"},t("mg-icon",{key:"9ef418d26dd97c570147c99948509368a8abe84b",icon:"loader",spin:true}),t("span",{key:"4cff50728afc076ffa202fa1b3973573d2a073e8",class:{"mg-u-visually-hidden":this.messageHide}},this.message||this.messages.loader.inProgess))}get element(){return a(this)}static get watchers(){return{message:["watchMessage"]}}};m.style=n;export{m as mg_loader};
2
+ //# sourceMappingURL=p-c4f37d1f.entry.js.map
@@ -133,6 +133,7 @@ export declare const icons: {
133
133
  'interrogation-circle-outline': string;
134
134
  key: string;
135
135
  laptop: string;
136
+ layers: string;
136
137
  'life-ring': string;
137
138
  'lines-rectangle': string;
138
139
  'lines-rectangle-outline': string;
@@ -0,0 +1,21 @@
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
+ }
12
+ /**
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
19
+ */
20
+ export declare const defineEditor: IdefineEditor;
21
+ export {};
@@ -0,0 +1,202 @@
1
+ import { EventEmitter } from '../../../../stencil-public-runtime';
2
+ import { ClassList } from '@mgdis/stencil-helpers';
3
+ import { type TooltipPosition } from '../mg-input/mg-input.conf';
4
+ import { type EditorOptionsType } from './editor';
5
+ export declare class MgInputRichTextEditor {
6
+ /************
7
+ * Internal *
8
+ ************/
9
+ private editor;
10
+ private wrapperElement;
11
+ private messages;
12
+ private hasDisplayedError;
13
+ private readonly classFocus;
14
+ /**************
15
+ * Decorators *
16
+ **************/
17
+ /**
18
+ * Get component DOM element
19
+ */
20
+ element: HTMLMgInputRichTextEditorElement;
21
+ /**
22
+ * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
23
+ */
24
+ identifier: string;
25
+ /**
26
+ * Define the value of the editor
27
+ * Can be either HTML string or plain text
28
+ */
29
+ value: string;
30
+ /**
31
+ * Input label
32
+ */
33
+ label: string;
34
+ /**
35
+ * Define if label is displayed on top
36
+ */
37
+ labelOnTop?: boolean;
38
+ /**
39
+ * Define if label is visible
40
+ */
41
+ labelHide: boolean;
42
+ /**
43
+ * Input placeholder.
44
+ * It should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.
45
+ */
46
+ placeholder?: string;
47
+ /**
48
+ * Define the number of visible text lines for the control
49
+ */
50
+ rows: number;
51
+ /**
52
+ * Define if input is required
53
+ */
54
+ required: boolean;
55
+ /**
56
+ * Define if the editor is readonly
57
+ */
58
+ readonly: boolean;
59
+ watchReadonly(newValue: MgInputRichTextEditor['readonly']): void;
60
+ /**
61
+ * Define if input is disabled
62
+ */
63
+ disabled: boolean;
64
+ watchDisabled(newValue: MgInputRichTextEditor['disabled']): void;
65
+ handleValidityChange(): void;
66
+ /**
67
+ * Define input pattern to validate
68
+ * Please refer to the Pattern section in the input documentation for detailed information on using regular expressions in components.
69
+ */
70
+ pattern?: string;
71
+ /**
72
+ * Define input pattern error message
73
+ */
74
+ patternErrorMessage?: string;
75
+ validatePattern(newValue: string): void;
76
+ /**
77
+ * Add a tooltip message next to the input
78
+ */
79
+ tooltip?: string;
80
+ /**
81
+ * Define tooltip position
82
+ */
83
+ tooltipPosition: TooltipPosition;
84
+ /**
85
+ * Add a help text under the input, usually expected data format and example
86
+ */
87
+ helpText?: string;
88
+ /**
89
+ * Define input valid state
90
+ */
91
+ valid: boolean;
92
+ /**
93
+ * Define input invalid state
94
+ */
95
+ invalid: boolean;
96
+ /**
97
+ * Editor modules configuration
98
+ */
99
+ modules?: EditorOptionsType['modules'];
100
+ /**
101
+ * Component classes
102
+ */
103
+ classCollection: ClassList;
104
+ /**
105
+ * Error message to display
106
+ */
107
+ errorMessage: string;
108
+ /**
109
+ * Emited event when checking validity
110
+ */
111
+ inputValid: EventEmitter<boolean>;
112
+ /**
113
+ * Emited event when value change
114
+ */
115
+ valueChange: EventEmitter<string>;
116
+ /**
117
+ * Get editor content as HTML
118
+ * @returns HTML content of the editor
119
+ */
120
+ getHTML(): Promise<string>;
121
+ /**
122
+ * Get editor content as plain text
123
+ * @returns Plain text content of the editor
124
+ */
125
+ getText(): Promise<string>;
126
+ /**
127
+ * Display input error if it exists.
128
+ */
129
+ displayError(): Promise<void>;
130
+ /**
131
+ * Set an error and display a custom error message.
132
+ * This method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.
133
+ * It must be paired with an error message to display for the given context.
134
+ * When used to set validity to `false`, you should use this method again to reset the validity to `true`.
135
+ * @param valid - value indicating the validity
136
+ * @param errorMessage - the error message to display
137
+ */
138
+ setError(valid: MgInputRichTextEditor['valid'], errorMessage: string): Promise<void>;
139
+ /**
140
+ * Reset value, validity and error state
141
+ */
142
+ reset(): Promise<void>;
143
+ /**
144
+ * Check if the field is empty taking into account the value format
145
+ * @returns truthy is value is invalid
146
+ */
147
+ private isEmpty;
148
+ /**
149
+ * Extract the text without HTML tags from value
150
+ * @returns text content
151
+ */
152
+ private getTextContent;
153
+ /**
154
+ * Get pattern validity
155
+ * @returns is pattern valid
156
+ */
157
+ private getPatternValidity;
158
+ /**
159
+ * Method to set validity values
160
+ * @param newValue - valid new value
161
+ */
162
+ private setValidity;
163
+ /**
164
+ * Check if input is valid
165
+ */
166
+ private checkValidity;
167
+ /**
168
+ * Set input error message
169
+ * @param errorMessage - errorMessage override
170
+ */
171
+ private setErrorMessage;
172
+ /**
173
+ * Handle focus event
174
+ */
175
+ private handleFocus;
176
+ /**
177
+ * Handles the blur event on the editor
178
+ * Checks validity and displays error messages if necessary
179
+ */
180
+ private handleBlur;
181
+ /**
182
+ * Handle `text-change` event
183
+ */
184
+ private handleTextChange;
185
+ /*************
186
+ * Lifecycle *
187
+ *************/
188
+ /**
189
+ * Check if component props are well configured on init
190
+ * @returns timeout
191
+ */
192
+ componentWillLoad(): ReturnType<typeof setTimeout>;
193
+ /**
194
+ * add listeners and render editor element
195
+ */
196
+ componentDidLoad(): void;
197
+ /**
198
+ * Render
199
+ * @returns HTML mg-input Element
200
+ */
201
+ render(): HTMLMgInputElement;
202
+ }
@@ -1,13 +1,9 @@
1
- import type { Size } from '../../../../types';
1
+ import type { Size, Direction } from '../../../../types';
2
2
  import type { MgItemMore } from '../../internals/mg-item-more/mg-item-more';
3
- /**
4
- * Menu direction type
5
- */
6
- export type DirectionType = 'vertical' | 'horizontal';
7
3
  /**
8
4
  * Menu direction values
9
5
  */
10
- export declare const Direction: Record<string, DirectionType>;
6
+ export declare const directions: Record<string, Direction>;
11
7
  /**
12
8
  * ItemMore prop type
13
9
  */
@@ -1,4 +1,5 @@
1
- import type { MenuSizeType, ItemMoreType, DirectionType } from './mg-menu.conf';
1
+ import type { MenuSizeType, ItemMoreType } from './mg-menu.conf';
2
+ import { Direction } from '../../../../types';
2
3
  /**
3
4
  * @slot - Menu content
4
5
  */
@@ -23,7 +24,7 @@ export declare class MgMenu {
23
24
  /**
24
25
  * Component display direction.
25
26
  */
26
- direction: DirectionType;
27
+ direction: Direction;
27
28
  validateDirection(newValue: MgMenu['direction']): void;
28
29
  /**
29
30
  * Customize "mg-item-more" element
@@ -1,7 +1,8 @@
1
1
  import { EventEmitter } from '../../../../stencil-public-runtime';
2
2
  import { ClassList } from '@mgdis/stencil-helpers';
3
- import { type MenuSizeType, type DirectionType } from '../mg-menu/mg-menu.conf';
3
+ import { type MenuSizeType } from '../mg-menu/mg-menu.conf';
4
4
  import { type MgMenuStatusType, type TargetType } from './mg-menu-item.conf';
5
+ import { Direction } from '../../../../types';
5
6
  /**
6
7
  * @slot - Menu item content
7
8
  * @slot image - Menu item image content
@@ -78,7 +79,7 @@ export declare class MgMenuItem {
78
79
  /**
79
80
  * Parent menu direction
80
81
  */
81
- direction: DirectionType;
82
+ direction: Direction;
82
83
  validateDirection(newValue: MgMenuItem['direction'], oldValue: MgMenuItem['direction']): void;
83
84
  /**
84
85
  * Does element is item-more
@@ -97,7 +98,7 @@ export declare class MgMenuItem {
97
98
  * direction value in dataset
98
99
  * @param newValue - new direction value
99
100
  */
100
- watchDataStyleDirection(newValue: DirectionType): void;
101
+ watchDataStyleDirection(newValue: Direction): void;
101
102
  /**
102
103
  * has focus value in dataset
103
104
  * @param newValue - new direction value
@@ -1,10 +1,17 @@
1
- import type { Size } from '../../../types';
1
+ import type { Size, Direction } from '../../../types';
2
2
  /**
3
3
  * List of all possibles sizes
4
4
  */
5
- declare const sizes: readonly ["medium", "small"];
5
+ export declare const sizes: readonly ["small", "medium", "large"];
6
6
  /**
7
7
  * IllustratedMessage size type
8
8
  */
9
9
  export type IllustratedMessageSizeType = Size & (typeof sizes)[number];
10
- export {};
10
+ /**
11
+ * List of all possibles directions
12
+ */
13
+ export declare const directions: readonly ["vertical", "horizontal"];
14
+ /**
15
+ * IllustratedMessage direction type
16
+ */
17
+ export type IllustratedMessageDirectionType = Direction & (typeof directions)[number];
@@ -1,4 +1,5 @@
1
- import type { IllustratedMessageSizeType } from './mg-illustrated-message.conf';
1
+ import { ClassList } from '@mgdis/stencil-helpers';
2
+ import { type IllustratedMessageDirectionType, type IllustratedMessageSizeType } from './mg-illustrated-message.conf';
2
3
  /**
3
4
  * @slot illustration - Illustration content
4
5
  * @slot title - Title content
@@ -16,17 +17,30 @@ export declare class MgIllustratedMessage {
16
17
  * Define illustration size
17
18
  */
18
19
  size: IllustratedMessageSizeType;
20
+ watchSize(newValue: IllustratedMessageSizeType, oldValue?: IllustratedMessageSizeType): void;
19
21
  /**
20
22
  * Define component orientation
21
23
  */
22
- direction: 'vertical' | 'horizontal';
24
+ direction: IllustratedMessageDirectionType;
25
+ watchDirection(newValue: IllustratedMessageDirectionType, oldValue?: IllustratedMessageDirectionType): void;
26
+ /**
27
+ * Component classes
28
+ */
29
+ classCollection: ClassList;
30
+ /***********
31
+ * Methods *
32
+ ***********/
33
+ /**
34
+ * Validate slots
35
+ */
36
+ private validateSlots;
23
37
  /*************
24
38
  * Lifecycle *
25
39
  *************/
26
40
  /**
27
41
  * Check if component props are well configured on init
28
42
  */
29
- componentDidLoad(): void;
43
+ componentWillLoad(): void;
30
44
  /**
31
45
  * Render
32
46
  * @returns HTML Element