@mgdis/mg-components 6.16.0 → 6.18.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 (160) hide show
  1. package/dist/cjs/{index-T3-qWqFE.js → index-DCZEYvlH.js} +51 -28
  2. package/dist/cjs/{index-YM1EJx9X.js → index-TUElr4Wv.js} +10 -10
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/mg-action-more_37.cjs.entry.js +443 -228
  5. package/dist/cjs/mg-alert.cjs.entry.js +3 -3
  6. package/dist/cjs/mg-components.cjs.js +3 -3
  7. package/dist/cjs/mg-fieldset.cjs.entry.js +141 -0
  8. package/dist/cjs/mg-input-combobox.cjs.entry.js +73 -57
  9. package/dist/cjs/mg-input-rich-text-editor.cjs.entry.js +36 -23
  10. package/dist/cjs/{mg-input.conf-WTsvDfpC.js → mg-input.conf-HYIzRsy7.js} +5 -0
  11. package/dist/cjs/mg-loader.cjs.entry.js +3 -3
  12. package/dist/cjs/mg-progress.cjs.entry.js +2 -2
  13. package/dist/collection/collection-manifest.json +2 -1
  14. package/dist/collection/components/atoms/internals/mg-character-left/mg-character-left.js +5 -5
  15. package/dist/collection/components/atoms/internals/mg-input-title/mg-input-title.js +7 -7
  16. package/dist/collection/components/atoms/mg-badge/mg-badge.js +6 -6
  17. package/dist/collection/components/atoms/mg-button/mg-button.js +13 -13
  18. package/dist/collection/components/atoms/mg-card/mg-card.js +2 -2
  19. package/dist/collection/components/atoms/mg-divider/mg-divider.js +1 -1
  20. package/dist/collection/components/atoms/mg-icon/mg-icon.conf.js +1 -1
  21. package/dist/collection/components/atoms/mg-icon/mg-icon.js +32 -26
  22. package/dist/collection/components/atoms/mg-tag/mg-tag.js +3 -3
  23. package/dist/collection/components/atoms/mg-tooltip/mg-tooltip-content/mg-tooltip-content.js +2 -2
  24. package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.js +6 -6
  25. package/dist/collection/components/molecules/inputs/mg-input/mg-input.conf.js +4 -0
  26. package/dist/collection/components/molecules/inputs/mg-input/mg-input.js +193 -33
  27. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.js +7 -9
  28. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js +65 -46
  29. package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.js +106 -86
  30. package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js +67 -65
  31. package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js +71 -66
  32. package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js +56 -38
  33. package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js +53 -35
  34. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.js +66 -47
  35. package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js +58 -40
  36. package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.js +77 -59
  37. package/dist/collection/components/molecules/inputs/mg-input-textarea/mg-input-textarea.js +63 -45
  38. package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.js +54 -30
  39. package/dist/collection/components/molecules/internals/mg-item-more/mg-item-more.js +2 -4
  40. package/dist/collection/components/molecules/menus/mg-menu/mg-menu.js +9 -6
  41. package/dist/collection/components/molecules/menus/mg-menu-item/mg-menu-item.js +7 -7
  42. package/dist/collection/components/molecules/mg-action-more/mg-action-more.js +2 -5
  43. package/dist/collection/components/molecules/mg-alert/mg-alert.js +5 -5
  44. package/dist/collection/components/molecules/mg-details/mg-details.js +7 -7
  45. package/dist/collection/components/molecules/mg-fieldset/mg-fieldset.js +404 -0
  46. package/dist/collection/components/molecules/mg-form/mg-form.js +26 -17
  47. package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js +3 -3
  48. package/dist/collection/components/molecules/mg-loader/mg-loader.js +4 -4
  49. package/dist/collection/components/molecules/mg-message/mg-message.js +4 -4
  50. package/dist/collection/components/molecules/mg-modal/mg-modal.js +8 -8
  51. package/dist/collection/components/molecules/mg-pagination/mg-pagination.js +7 -8
  52. package/dist/collection/components/molecules/mg-panel/mg-panel.js +53 -22
  53. package/dist/collection/components/molecules/mg-popover/mg-popover-content/mg-popover-content.js +2 -2
  54. package/dist/collection/components/molecules/mg-popover/mg-popover.js +7 -7
  55. package/dist/collection/components/molecules/mg-progress/mg-progress.js +7 -7
  56. package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.js +1 -2
  57. package/dist/collection/components/molecules/mg-table/mg-table.js +2 -3
  58. package/dist/collection/components/molecules/mg-tabs/mg-tabs.js +7 -8
  59. package/dist/collection/locales/en/messages.json +5 -5
  60. package/dist/collection/locales/fr/messages.json +5 -5
  61. package/dist/components/index3.js +10 -10
  62. package/dist/components/mg-action-more.js +5 -3
  63. package/dist/components/mg-alert.js +5 -3
  64. package/dist/components/mg-badge2.js +4 -2
  65. package/dist/components/mg-button2.js +4 -2
  66. package/dist/components/mg-card2.js +4 -2
  67. package/dist/components/mg-character-left2.js +4 -2
  68. package/dist/components/mg-details.js +5 -3
  69. package/dist/components/mg-divider2.js +4 -2
  70. package/dist/components/mg-fieldset.d.ts +11 -0
  71. package/dist/components/mg-fieldset.js +209 -0
  72. package/dist/components/mg-form.js +8 -5
  73. package/dist/components/mg-icon2.js +29 -21
  74. package/dist/components/mg-illustrated-message.js +5 -3
  75. package/dist/components/mg-input-checkbox-paginated2.js +6 -6
  76. package/dist/components/mg-input-checkbox.js +32 -17
  77. package/dist/components/mg-input-combobox.js +75 -57
  78. package/dist/components/mg-input-date.js +39 -42
  79. package/dist/components/mg-input-numeric.js +30 -30
  80. package/dist/components/mg-input-password.js +26 -13
  81. package/dist/components/mg-input-radio.js +27 -13
  82. package/dist/components/mg-input-rich-text-editor.js +37 -22
  83. package/dist/components/mg-input-select2.js +28 -14
  84. package/dist/components/mg-input-text2.js +40 -26
  85. package/dist/components/mg-input-textarea.js +27 -14
  86. package/dist/components/mg-input-title2.js +4 -2
  87. package/dist/components/mg-input-toggle.js +39 -12
  88. package/dist/components/mg-input2.js +121 -20
  89. package/dist/components/mg-item-more2.js +13 -5
  90. package/dist/components/mg-loader2.js +5 -3
  91. package/dist/components/mg-menu-item2.js +4 -2
  92. package/dist/components/mg-message2.js +6 -4
  93. package/dist/components/mg-modal.js +6 -4
  94. package/dist/components/mg-pagination.js +4 -2
  95. package/dist/components/mg-panel.js +40 -9
  96. package/dist/components/mg-popover-content2.js +5 -3
  97. package/dist/components/mg-popover2.js +5 -3
  98. package/dist/components/mg-progress.js +5 -3
  99. package/dist/components/mg-skip-links.js +5 -3
  100. package/dist/components/mg-table.js +4 -2
  101. package/dist/components/mg-tabs2.js +5 -3
  102. package/dist/components/mg-tag.js +4 -2
  103. package/dist/components/mg-tooltip-content2.js +4 -2
  104. package/dist/components/mg-tooltip2.js +4 -2
  105. package/dist/esm/{index-WtiuOkLj.js → index-C7xjtdiw.js} +1 -1
  106. package/dist/esm/{index-Bab8_u8S.js → index-CNX6lq0x.js} +10 -10
  107. package/dist/esm/{index-JHj_9FSs.js → index-T6kOJXP1.js} +51 -28
  108. package/dist/esm/loader.js +3 -3
  109. package/dist/esm/mg-action-more_37.entry.js +444 -229
  110. package/dist/esm/mg-alert.entry.js +4 -4
  111. package/dist/esm/mg-components.js +4 -4
  112. package/dist/esm/mg-fieldset.entry.js +139 -0
  113. package/dist/esm/mg-input-combobox.entry.js +74 -58
  114. package/dist/esm/mg-input-rich-text-editor.entry.js +37 -24
  115. package/dist/esm/{mg-input.conf-CNgv8hc5.js → mg-input.conf-D9V2v4n2.js} +5 -1
  116. package/dist/esm/mg-loader.entry.js +4 -4
  117. package/dist/esm/mg-progress.entry.js +3 -3
  118. package/dist/mg-components/locales/en/messages.json +5 -5
  119. package/dist/mg-components/locales/fr/messages.json +5 -5
  120. package/dist/mg-components/mg-components.esm.js +1 -1
  121. package/dist/mg-components/p-2bab89c2.entry.js +1 -0
  122. package/dist/mg-components/{p-658f828c.entry.js → p-5abc77cd.entry.js} +1 -1
  123. package/dist/mg-components/p-7d2e43b2.entry.js +1 -0
  124. package/dist/mg-components/{p-c85b5d10.entry.js → p-92e5e5a6.entry.js} +1 -1
  125. package/dist/mg-components/{p-42a90251.entry.js → p-952288bd.entry.js} +1 -1
  126. package/dist/mg-components/{p-WtiuOkLj.js → p-C7xjtdiw.js} +1 -1
  127. package/dist/mg-components/p-CNX6lq0x.js +1 -0
  128. package/dist/mg-components/p-D9V2v4n2.js +1 -0
  129. package/dist/mg-components/p-T6kOJXP1.js +2 -0
  130. package/dist/mg-components/p-f2cddd52.entry.js +1 -0
  131. package/dist/mg-components/{p-82455ac7.entry.js → p-f6afaeb8.entry.js} +1 -1
  132. package/dist/types/components/atoms/mg-icon/mg-icon.conf.d.ts +1 -1
  133. package/dist/types/components/atoms/mg-icon/mg-icon.d.ts +0 -5
  134. package/dist/types/components/molecules/inputs/mg-input/mg-input.conf.d.ts +5 -0
  135. package/dist/types/components/molecules/inputs/mg-input/mg-input.d.ts +32 -1
  136. package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.d.ts +4 -3
  137. package/dist/types/components/molecules/inputs/mg-input-combobox/mg-input-combobox.d.ts +4 -2
  138. package/dist/types/components/molecules/inputs/mg-input-date/mg-input-date.d.ts +4 -2
  139. package/dist/types/components/molecules/inputs/mg-input-numeric/mg-input-numeric.d.ts +4 -2
  140. package/dist/types/components/molecules/inputs/mg-input-password/mg-input-password.d.ts +4 -2
  141. package/dist/types/components/molecules/inputs/mg-input-radio/mg-input-radio.d.ts +4 -2
  142. package/dist/types/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.d.ts +4 -2
  143. package/dist/types/components/molecules/inputs/mg-input-select/mg-input-select.d.ts +4 -2
  144. package/dist/types/components/molecules/inputs/mg-input-text/mg-input-text.d.ts +4 -2
  145. package/dist/types/components/molecules/inputs/mg-input-textarea/mg-input-textarea.d.ts +4 -2
  146. package/dist/types/components/molecules/inputs/mg-input-toggle/mg-input-toggle.d.ts +4 -2
  147. package/dist/types/components/molecules/mg-fieldset/mg-fieldset.d.ts +105 -0
  148. package/dist/types/components/molecules/mg-form/mg-form.d.ts +1 -1
  149. package/dist/types/components/molecules/mg-panel/mg-panel.d.ts +8 -1
  150. package/dist/types/components.d.ts +168 -18
  151. package/dist/types/stencil-public-runtime.d.ts +39 -2
  152. package/dist/types/types/index.d.ts +1 -1
  153. package/ide/intellij/web-types.json +289 -181
  154. package/ide/vscode/html-custom-data.json +259 -18
  155. package/package.json +23 -23
  156. package/dist/mg-components/p-54156253.entry.js +0 -1
  157. package/dist/mg-components/p-Bab8_u8S.js +0 -1
  158. package/dist/mg-components/p-CNgv8hc5.js +0 -1
  159. package/dist/mg-components/p-JHj_9FSs.js +0 -2
  160. package/dist/mg-components/p-abbd151c.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as t,c as s,f as i,h as e,a}from"./p-JHj_9FSs.js";import{C as h,t as o}from"./p-WtiuOkLj.js";import{i as r}from"./p-Bab8_u8S.js";const n=["info","warning","success","danger"],c=["bar-left","background"],l=class{constructor(i){t(this,i),this.componentShow=s(this,"component-show",3),this.componentHide=s(this,"component-hide",3),this.componentClose=s(this,"component-close",3),this.classCloseButton="mg-c-alert--close-button",this.storedTimer=null,this.isFocused=!1,this.isHovered=!1,this.variant="info",this.variantStyle="bar-left",this.classCollection=new h(["mg-c-alert"]),this.hasActions=!1,this.setTimer=()=>{this.storedTimer=setTimeout((()=>this.element.hidden=!0),1e3*this.delay)},this.clearTimer=()=>{clearTimeout(this.storedTimer)},this.timerEvents=t=>{this.clearTimer();const s="mouseenter"===t.type;this[s?"isHovered":"isFocused"]=!0,this.element.addEventListener(s?"mouseleave":"focusout",(t=>{this["mouseleave"===t.type?"isHovered":"isFocused"]=!1,this.isFocused||this.isHovered||this.setTimer()}),{once:!0})},this.handleClose=()=>{this.element.hidden=!0,this.componentClose.emit()}}watchDelay(t){if(void 0!==t&&t<2)throw new Error(`<mg-alert> prop "delay" must be greater than 2 seconds. Passed value: ${o(t)}.`)}watchVariant(t){if(t&&!n.includes(t))throw new Error(`<mg-alert> prop "variant" must be one of: ${n.join(", ")}. Passed value: ${o(t)}.`)}watchVariantStyle(t){if(t&&!c.includes(t))throw new Error(`<mg-alert> prop "variantStyle" must be one of: ${c.join(", ")}. Passed value: ${o(t)}.`)}watchHidden(t){"string"==typeof t&&""===t&&(t=!0),t?(this.componentHide.emit(),["focusin","mouseenter"].forEach((t=>{this.element.removeEventListener(t,this.timerEvents)})),this.clearTimer()):(this.componentShow.emit(),this.delay>1&&(this.setTimer(),["focusin","mouseenter"].forEach((t=>{this.element.addEventListener(t,this.timerEvents)})))),i(this)}componentWillLoad(){this.messages=r(this.element).messages,this.watchVariant(this.variant),this.watchVariantStyle(this.variantStyle),this.watchDelay(this.delay),this.watchHidden(this.element.hidden),this.hasActions=null!==this.element.querySelector('[slot="actions"]'),this.hasActions||this.classCollection.add(this.classCloseButton)}render(){return e("mg-message",{key:"626afcfe4c86dacff9860d2515827ae5aa6b7234",class:this.classCollection.join(),role:["info","success"].includes(this.variant)?"status":"alert",variant:this.variant,variantStyle:this.variantStyle},e("slot",{key:"bc7d72c21dcf36c9012e144253ce2b3c6ebc14ed"}),this.hasActions?e("span",{slot:"actions"},e("slot",{name:"actions"})):e("span",{class:"mg-c-alert__close-button"},e("mg-button",{"is-icon":!0,variant:"flat",label:this.messages.alert.closeButton,onClick:this.handleClose},e("mg-icon",{icon:"cross"}))))}get element(){return a(this)}static get watchers(){return{delay:["watchDelay"],variant:["watchVariant"],variantStyle:["watchVariantStyle"],hidden:["watchHidden"]}}};l.style=".mg-c-alert__close-button{position:absolute;top:0;right:0}.mg-c-alert.mg-c-alert--close-button{--mg-c-card-spacing:0 var(--mg-b-size-min-height) 0 0}";export{l as mg_alert}
1
+ import{r as t,c as s,f as i,h as e,a}from"./p-T6kOJXP1.js";import{C as h,t as o}from"./p-C7xjtdiw.js";import{i as r}from"./p-CNX6lq0x.js";const n=["info","warning","success","danger"],c=["bar-left","background"],l=class{constructor(i){t(this,i),this.componentShow=s(this,"component-show",3),this.componentHide=s(this,"component-hide",3),this.componentClose=s(this,"component-close",3),this.classCloseButton="mg-c-alert--close-button",this.storedTimer=null,this.isFocused=!1,this.isHovered=!1,this.variant="info",this.variantStyle="bar-left",this.classCollection=new h(["mg-c-alert"]),this.hasActions=!1,this.setTimer=()=>{this.storedTimer=setTimeout((()=>this.element.hidden=!0),1e3*this.delay)},this.clearTimer=()=>{clearTimeout(this.storedTimer)},this.timerEvents=t=>{this.clearTimer();const s="mouseenter"===t.type;this[s?"isHovered":"isFocused"]=!0,this.element.addEventListener(s?"mouseleave":"focusout",(t=>{this["mouseleave"===t.type?"isHovered":"isFocused"]=!1,this.isFocused||this.isHovered||this.setTimer()}),{once:!0})},this.handleClose=()=>{this.element.hidden=!0,this.componentClose.emit()}}watchDelay(t){if(void 0!==t&&t<2)throw new Error(`<mg-alert> prop "delay" must be greater than 2 seconds. Passed value: ${o(t)}.`)}watchVariant(t){if(t&&!n.includes(t))throw new Error(`<mg-alert> prop "variant" must be one of: ${n.join(", ")}. Passed value: ${o(t)}.`)}watchVariantStyle(t){if(t&&!c.includes(t))throw new Error(`<mg-alert> prop "variantStyle" must be one of: ${c.join(", ")}. Passed value: ${o(t)}.`)}watchHidden(t){"string"==typeof t&&""===t&&(t=!0),t?(this.componentHide.emit(),["focusin","mouseenter"].forEach((t=>{this.element.removeEventListener(t,this.timerEvents)})),this.clearTimer()):(this.componentShow.emit(),this.delay>1&&(this.setTimer(),["focusin","mouseenter"].forEach((t=>{this.element.addEventListener(t,this.timerEvents)})))),i(this)}componentWillLoad(){this.messages=r(this.element).messages,this.watchVariant(this.variant),this.watchVariantStyle(this.variantStyle),this.watchDelay(this.delay),this.watchHidden(this.element.hidden),this.hasActions=null!==this.element.querySelector('[slot="actions"]'),this.hasActions||this.classCollection.add(this.classCloseButton)}render(){return e("mg-message",{key:"4b974a10812e527a2c481ec00f22324ab490a135",class:this.classCollection.join(),role:["info","success"].includes(this.variant)?"status":"alert",variant:this.variant,variantStyle:this.variantStyle},e("slot",{key:"9133a3cca56d67e75e8c3f018c52838c31e908f2"}),this.hasActions?e("span",{slot:"actions"},e("slot",{name:"actions"})):e("span",{class:"mg-c-alert__close-button"},e("mg-button",{"is-icon":!0,variant:"flat",label:this.messages.alert.closeButton,onClick:this.handleClose},e("mg-icon",{icon:"cross"}))))}get element(){return a(this)}static get watchers(){return{delay:["watchDelay"],variant:["watchVariant"],variantStyle:["watchVariantStyle"],hidden:["watchHidden"]}}};l.style=".mg-c-alert__close-button{position:absolute;top:0;right:0}.mg-c-alert.mg-c-alert--close-button{--mg-c-card-spacing:0 var(--mg-b-size-min-height) 0 0}";export{l as mg_alert}
@@ -1 +1 @@
1
- class t{classes;constructor(t=[]){this.classes=t}add=t=>{this.has(t)||this.classes.push(t)};delete=t=>{const s=this.classes.indexOf(t);s>-1&&this.classes.splice(s,1)};has=t=>this.classes.includes(t);join=()=>this.classes.join(" ")}const s=t=>"object"==typeof t&&!Array.isArray(t)&&null!==t,e=(t,r,i)=>{if(!s(t)||"string"!=typeof r)return i;const[n,...o]=r.split(".");return o.length?e(t[n],o.join("."),i):t[n]??i},r=t=>Array.isArray(t)&&t.every((t=>"string"==typeof t)),i=t=>"string"==typeof t&&""!==t.trim(),n=t=>"object"==typeof t?JSON.stringify(t):String(t),o=t=>"string"==typeof t?t.toLocaleLowerCase().normalize("NFD").replaceAll(/[\u0300-\u036f]/g,""):t,a=(t="",s=10)=>{const e=new Uint8Array(s);crypto.getRandomValues(e);const r=Array.from(e).map((t=>t.toString(16).padStart(2,"0"))).join("").slice(0,s);return""!==t?`${t}-${r}`:r},h=t=>i(t)&&null!==/^([a-z][a-z0-9]*)(-[a-z0-9]+)*$/.exec(t),f=t=>{let e;return"string"==typeof t?e=t:Boolean(t)&&"object"==typeof t&&(s(t)||Array.isArray(t))?e=JSON.stringify(t):null!=t&&"boolean"!=typeof t&&"object"!=typeof t&&(e=String(t)),e?e.replace(/[A-Z]+(?![a-z])|[A-Z]/g,((t,s)=>(s>0?"-":"")+t.toLowerCase())).replace(/[^a-z0-9-]+/g,"-").replace(/--+/g,"-").replace(/(?:^-)|(?:-$)/g,""):e},u=async t=>{if(t)return t()},c={FIRST:"first",NEXT:"next",PREVIOUS:"previous",LAST:"last"};class y{items=[];total;top=10;next;baseIndex=1;constructor(t){if(!s(t))throw new Error("Page - init must match IPage type.");Array.isArray(t.items)&&(this.items=t.items),"number"==typeof t.top&&(this.top=t.top),this.total="number"==typeof t.total?t.total:this.items.length,this.next=t.next}getIndexFromCursor=(t="first",s)=>{if(!Array.isArray(this.items)||!this.items.length)return null;const e=this.items.length-this.baseIndex;let r,i=0;if(["previous","next"].includes(t)&&s){const t=this.items.findIndex((t=>JSON.stringify(t)===JSON.stringify(s)));if(-1===t)return 0;i=t}return r="first"===t?0:"last"===t?e:"previous"===t?JSON.stringify(this.items[i])===JSON.stringify(this.items[0])?e:i-this.baseIndex:"next"===t?JSON.stringify(this.items[i])===JSON.stringify(this.items[e])?0:i+this.baseIndex:0,r}}class p{items=[];#t=10;#s;#e;constructor(t,e){Array.isArray(t)&&(this.items=t),e&&(["string","function"].includes(typeof e.next)||s(e.next)&&URL.canParse(e.next))&&(this.#s=e.next),"number"==typeof e?.top&&(this.#t=e.top),"number"==typeof e?.total&&(this.#e=e.total)}getPage=(t=0,s)=>{const e="function"==typeof s?this.items.filter(s):this.items;let r;return this.#s?r=this.#s:e.length>t+this.#t&&(r=()=>this.getPage(t+this.#t,s)),new y({items:e.slice(t,t+this.#t),total:this.#e,top:this.#t,next:r})}}const l=/^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/,g=t=>t.toISOString().split("T")[0],b=(t,s)=>s.includes(t?.tagName.toLowerCase()),m='a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier], mg-button',S=t=>"number"==typeof t&&!Number.isNaN(t),d=t=>[t,...x(t),...A(t)],x=(t,s=[])=>{if(t.self!==t.top)try{const e=t.parent;return e?(s.push(e),x(e,s)):s}catch(t){return console.error("Different hosts between iframes:",t),s}return s},A=(t,s=[])=>{if(t.frames.length>0)for(const e of Array.from(t.frames))s.push(e),A(e,s);return s};export{t as C,p as P,c as a,r as b,i as c,y as d,S as e,f,e as g,a as h,s as i,h as j,b as k,o as l,l as m,u as n,g as o,d as p,m as q,n as t}
1
+ class t{classes;constructor(t=[]){this.classes=t}add=t=>{this.has(t)||this.classes.push(t)};delete=t=>{const s=this.classes.indexOf(t);s>-1&&this.classes.splice(s,1)};has=t=>this.classes.includes(t);join=()=>this.classes.join(" ")}const s=t=>"object"==typeof t&&!Array.isArray(t)&&null!==t,e=(t,r,i)=>{if(!s(t)||"string"!=typeof r)return i;const[n,...o]=r.split(".");return o.length?e(t[n],o.join("."),i):t[n]??i},r=t=>Array.isArray(t)&&t.every((t=>"string"==typeof t)),i=t=>"string"==typeof t&&""!==t.trim(),n=t=>"object"==typeof t?JSON.stringify(t):String(t),o=t=>"string"==typeof t?t.toLocaleLowerCase().normalize("NFD").replaceAll(/[\u0300-\u036f]/g,""):t,a=(t="",s=10)=>{const e=new Uint8Array(s);crypto.getRandomValues(e);const r=Array.from(e).map((t=>t.toString(16).padStart(2,"0"))).join("").slice(0,s);return""!==t?`${t}-${r}`:r},h=t=>i(t)&&null!==/^([a-z][a-z0-9]*)(-[a-z0-9]+)*$/.exec(t),f=t=>{let e;return"string"==typeof t?e=t:Boolean(t)&&"object"==typeof t&&(s(t)||Array.isArray(t))?e=JSON.stringify(t):null!=t&&"boolean"!=typeof t&&"object"!=typeof t&&(e=String(t)),e?e.replace(/[A-Z]+(?![a-z])|[A-Z]/g,((t,s)=>(s>0?"-":"")+t.toLowerCase())).replace(/[^a-z0-9-]+/g,"-").replace(/--+/g,"-").replace(/(?:^-)|(?:-$)/g,""):e},u=async t=>{if(t)return t()},c={FIRST:"first",NEXT:"next",PREVIOUS:"previous",LAST:"last"};class y{items=[];total;top=10;next;baseIndex=1;constructor(t){if(!s(t))throw new Error("Page - init must match IPage type.");Array.isArray(t.items)&&(this.items=t.items),"number"==typeof t.top&&(this.top=t.top),this.total="number"==typeof t.total?t.total:this.items.length,this.next=t.next}getIndexFromCursor=(t="first",s)=>{if(!Array.isArray(this.items)||!this.items.length)return null;const e=this.items.length-this.baseIndex;let r,i=0;if(["previous","next"].includes(t)&&s){const t=this.items.findIndex((t=>JSON.stringify(t)===JSON.stringify(s)));if(-1===t)return 0;i=t}return r="first"===t?0:"last"===t?e:"previous"===t?JSON.stringify(this.items[i])===JSON.stringify(this.items[0])?e:i-this.baseIndex:"next"===t?JSON.stringify(this.items[i])===JSON.stringify(this.items[e])?0:i+this.baseIndex:0,r}}class p{items=[];#t=10;#s;#e;constructor(t,e){Array.isArray(t)&&(this.items=t),e&&(["string","function"].includes(typeof e.next)||s(e.next)&&URL.canParse(e.next))&&(this.#s=e.next),"number"==typeof e?.top&&(this.#t=e.top),"number"==typeof e?.total&&(this.#e=e.total)}getPage=(t=0,s)=>{const e="function"==typeof s?this.items.filter(s):this.items;let r;return this.#s?r=this.#s:e.length>t+this.#t&&(r=()=>this.getPage(t+this.#t,s)),new y({items:e.slice(t,t+this.#t),total:this.#e,top:this.#t,next:r})}}const l=/^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/,g=t=>t.toISOString().split("T")[0],b=(t,s)=>s.includes(t?.tagName.toLowerCase()),m='a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier], mg-button',S=t=>"number"==typeof t&&!Number.isNaN(t),d=t=>[t,...x(t),...A(t)],x=(t,s=[])=>{if(t.self!==t.top)try{const e=t.parent;return e?(s.push(e),x(e,s)):s}catch(t){return console.error("Different hosts between iframes:",t),s}return s},A=(t,s=[])=>{if(t.frames.length>0)for(const e of Array.from(t.frames))s.push(e),A(e,s);return s};export{t as C,p as P,c as a,r as b,s as c,y as d,S as e,f,e as g,a as h,i,h as j,b as k,o as l,l as m,u as n,g as o,d as p,m as q,n as t}
@@ -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)),s=(e,t,a=0)=>new Intl.NumberFormat(t,{style:"percent",minimumFractionDigits:a,maximumFractionDigits:a}).format(e),r=(e,t,a,l="short",s=0)=>new Intl.NumberFormat(t,{style:"unit",unit:a,unitDisplay:l,minimumFractionDigits:s,maximumFractionDigits:s}).format(e),n=(t,a,l)=>"string"==typeof t&&""!==t&&e.test(t)?new Intl.DateTimeFormat(a,l).format(new Date(t)):"",o=(i={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"}}}},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"},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"}}}},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"},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]"),s=Intl.NumberFormat.supportedLocalesOf(l?.lang),r=s.length>0&&"string"==typeof s[0]?s[0]:navigator.language||a,n=r.split("-").shift();return 0===Object.keys(t).length?{locale:r,messages:{lang:a}}:{locale:r,messages:t[n]??t[a]??{lang:a}}})(e,i,"en"));var i;export{t as a,l as b,r as c,s as d,a as e,o as i,n as l}
@@ -0,0 +1 @@
1
+ const a=[2,4,16,"full"],s=["input","label"],t=["h1","h2","h3","h4","h5","h6"],l="mg-c-input--fieldset",i="mg-c-input--disabled",c="mg-c-input--readonly",e="mg-c-input--vertical-list";export{i as a,l as b,c,e as d,t as l,s as t,a as w}
@@ -0,0 +1,2 @@
1
+ const o=()=>{};var r=Object.defineProperty,e=o=>{if(o.__stencil__getHostRef)return o.__stencil__getHostRef()},t=(o,r)=>{r&&(o.__stencil__getHostRef=()=>r,r.o=o)},n=(o,r)=>r in o,l=(o,r)=>(0,console.error)(o,r),c=new Map,i=new Map,s="slot-fb{display:contents}slot-fb[hidden]{display:none}",a="http://www.w3.org/1999/xlink",g="undefined"!=typeof window?window:{},b={t:0,l:"",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)},m=o=>Promise.resolve(o),u=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(o){}return!1})(),d=!!u&&(()=>!!g.document&&Object.getOwnPropertyDescriptor(g.document.adoptedStyleSheets,"length").writable)(),f=!1,v=[],p=[],h=(o,r)=>e=>{o.push(e),f||(f=!0,r&&4&b.t?z(w):b.raf(w))},y=o=>{for(let r=0;r<o.length;r++)try{o[r](performance.now())}catch(o){l(o)}o.length=0},w=()=>{y(v),y(p),(f=v.length>0)&&b.raf(w)},z=o=>m().then(o),$=h(p,!0),k=o=>"object"==(o=typeof o)||"function"===o;function x(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}((o,e)=>{for(var t in e)r(o,t,{get:e[t],enumerable:!0})})({},{err:()=>j,map:()=>O,ok:()=>S,unwrap:()=>C,unwrapErr:()=>M});var S=o=>({isOk:!0,isErr:!1,value:o}),j=o=>({isOk:!1,isErr:!0,value:o});function O(o,r){if(o.isOk){const e=r(o.value);return e instanceof Promise?e.then((o=>S(o))):S(e)}if(o.isErr)return j(o.value);throw"should never get here"}var E,C=o=>{if(o.isOk)return o.value;throw o.value},M=o=>{if(o.isErr)return o.value;throw o.value};function N(){var o;const r=this.attachShadow({mode:"open"});void 0===E&&(E=null!=(o=function(){if(!u)return;const o=new CSSStyleSheet;return o.replaceSync(':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-b-size-radius);--mg-c-modal-title-font-size:var(--mg-b-font-size-h3);--mg-c-panel-border-radius:var(--mg-b-size-radius);--mg-c-panel-box-shadow:var(--mg-b-box-shadow);--mg-c-panel-content-spacing:var(--mg-b-size-16);--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}'),o}())?o:null),E&&(d?r.adoptedStyleSheets.push(E):r.adoptedStyleSheets=[...r.adoptedStyleSheets,E])}var R=o=>{const r=A(o,"childNodes");o.tagName&&o.tagName.includes("-")&&o["s-cr"]&&"SLOT-FB"!==o.tagName&&P(r,o.tagName).forEach((o=>{1===o.nodeType&&"SLOT-FB"===o.tagName&&(o.hidden=!!T(o,L(o),!1).length)}));let e=0;for(e=0;e<r.length;e++){const o=r[e];1===o.nodeType&&A(o,"childNodes").length&&R(o)}};function P(o,r,e){let t,n=0,l=[];for(;n<o.length;n++)t=o[n],!t["s-sr"]||r&&t["s-hn"]!==r||void 0!==e||l.push(t),l=[...l,...P(t.childNodes,r,e)];return l}var T=(o,r,e=!0)=>{const t=[];(e&&o["s-sr"]||!o["s-sr"])&&t.push(o);let n=o;for(;n=n.nextSibling;)L(n)!==r||!e&&n["s-sr"]||t.push(n);return t},F=(o,r)=>1===o.nodeType?null===o.getAttribute("slot")&&""===r||o.getAttribute("slot")===r:o["s-sn"]===r||""===r,L=o=>"string"==typeof o["s-sn"]?o["s-sn"]:1===o.nodeType&&o.getAttribute("slot")||void 0;function A(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)}var D=new WeakMap,U=o=>"sc-"+o.i,W=(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&&!k(t))&&(t+=""),c&&i?s[s.length-1].m+=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.u=r,s.length>0&&(g.v=s),g.p=n,g.h=l,g},_=(o,r)=>({t:0,$:o,m:r,k:null,v:null,u:null,p:null,h:null}),H={},B={forEach:(o,r)=>o.map(V).forEach(r),map:(o,r)=>o.map(V).map(r).map(q)},V=o=>({vattrs:o.u,vchildren:o.v,vkey:o.p,vname:o.h,vtag:o.$,vtext:o.m}),q=o=>{if("function"==typeof o.vtag){const r={...o.vattrs};return o.vkey&&(r.key=o.vkey),o.vname&&(r.name=o.vname),W(o.vtag,r,...o.vchildren||[])}const r=_(o.vtag,o.vtext);return r.u=o.vattrs,r.v=o.vchildren,r.p=o.vkey,r.h=o.vname,r},I=o=>{const r=(o=>o.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(o);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${r}))(${r}\\b)`,"g")};I("::slotted"),I(":host"),I(":host-context");var Y,G,J,K=(o,r)=>null==o||k(o)?o:4&r?"false"!==o&&(""===o||!!o):2&r?"string"==typeof o?parseFloat(o):"number"==typeof o?o:NaN:1&r?o+"":o,Q=o=>{var r;return null==(r=e(o))?void 0:r.$hostElement$},X=(o,r,e)=>{const t=Q(o);return{emit:o=>Z(t,r,{bubbles:!!(4&e),composed:!!(2&e),cancelable:!!(1&e),detail:o})}},Z=(o,r,e)=>{const t=b.ce(r,e);return o.dispatchEvent(t),t},oo=(o,r,e,t,l,c)=>{if(e===t)return;let i=n(o,r),s=r.toLowerCase();if("class"===r){const r=o.classList,n=eo(e);let l=eo(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&&t(o);else if(i||"o"!==r[0]||"n"!==r[1]){const n=k(t);if(i||n&&null!==t)try{if(o.tagName.includes("-"))o[r]!==t&&(o[r]=t);else{const n=null==t?"":t;"list"===r?i=!1:null!=e&&o[r]==n||("function"==typeof o.__lookupSetter__(r)?o[r]=n:o.setAttribute(r,n))}}catch(o){}let g=!1;s!==(s=s.replace(/^xlink\:?/,""))&&(r=s,g=!0),null==t||!1===t?!1===t&&""!==o.getAttribute(r)||(g?o.removeAttributeNS(a,r):o.removeAttribute(r)):(!i||4&c||l)&&!n&&1===o.nodeType&&(t=!0===t?"":t,g?o.setAttributeNS(a,r,t):o.setAttribute(r,t))}else if(r="-"===r[2]?r.slice(3):n(g,s)?s.slice(2):s[2]+r.slice(3),e||t){const n=r.endsWith(to);r=r.replace(no,""),e&&b.rel(o,r,e,n),t&&b.ael(o,r,t,n)}},ro=/\s/,eo=o=>("object"==typeof o&&o&&"baseVal"in o&&(o=o.baseVal),o&&"string"==typeof o?o.split(ro):[]),to="Capture",no=RegExp(to+"$"),lo=(o,r,e)=>{const t=11===r.k.nodeType&&r.k.host?r.k.host:r.k,n=o&&o.u||{},l=r.u||{};for(const o of co(Object.keys(n)))o in l||oo(t,o,n[o],void 0,e,r.t);for(const o of co(Object.keys(l)))oo(t,o,n[o],l[o],e,r.t)};function co(o){return o.includes("ref")?[...o.filter((o=>"ref"!==o)),"ref"]:o}var io=!1,so=!1,ao=!1,go=!1,bo=(o,r,e)=>{var t;const n=r.v[e];let l,c,i,s=0;if(io||(ao=!0,"slot"===n.$&&(n.t|=n.v?2:1)),null!==n.m)l=n.k=g.document.createTextNode(n.m);else if(1&n.t)l=n.k=g.document.createTextNode(""),lo(null,n,go);else{if(!g.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(l=n.k=g.document.createElement(!io&&2&n.t?"slot-fb":n.$),lo(null,n,go),null!=Y&&void 0!==Y&&l["s-si"]!==Y&&l.classList.add(l["s-si"]=Y),n.v)for(s=0;s<n.v.length;++s)c=bo(o,n,s),c&&l.appendChild(c)}return l["s-hn"]=J,3&n.t&&(l["s-sr"]=!0,l["s-cr"]=G,l["s-sn"]=n.h||"",l["s-rf"]=null==(t=n.u)?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===L(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.v&&o.v[e],i&&i.$===n.$&&o.k&&mo(o.k,!1),ko(G,l,r.k,null==o?void 0:o.k)),l},mo=(o,r)=>{b.t|=1;const e=Array.from(o.__childNodes||o.childNodes);for(let o=e.length-1;o>=0;o--){const t=e[o];t["s-hn"]!==J&&t["s-ol"]&&($o(po(t).parentNode,t,po(t)),t["s-ol"].remove(),t["s-ol"]=void 0,t["s-sh"]=void 0,ao=!0),r&&mo(t,r)}b.t&=-2},uo=(o,r,e,t,n,l)=>{let c,i=o["s-cr"]&&o["s-cr"].parentNode||o;for(i.shadowRoot&&i.tagName===J&&(i=i.shadowRoot);n<=l;++n)t[n]&&(c=bo(null,e,n),c&&(t[n].k=c,$o(i,c,po(r))))},fo=(o,r,e)=>{for(let t=r;t<=e;++t){const r=o[t];if(r){const o=r.k;zo(r),o&&(so=!0,o["s-ol"]?o["s-ol"].remove():mo(o,!0),o.remove())}}},vo=(o,r,e=!1)=>o.$===r.$&&("slot"===o.$?o.h===r.h:e?(e&&!o.p&&r.p&&(o.p=r.p),!0):o.p===r.p),po=o=>o&&o["s-ol"]||o,ho=(o,r,e=!1)=>{const t=r.k=o.k,n=o.v,l=r.v,c=r.m;let i;null===c?(lo(o,r,go),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],d=t.length-1,f=t[0],v=t[d];for(;i<=b&&s<=d;)if(null==m)m=r[++i];else if(null==u)u=r[--b];else if(null==f)f=t[++s];else if(null==v)v=t[--d];else if(vo(m,f,n))ho(m,f,n),m=r[++i],f=t[++s];else if(vo(u,v,n))ho(u,v,n),u=r[--b],v=t[--d];else if(vo(m,v,n))"slot"!==m.$&&"slot"!==v.$||mo(m.k.parentNode,!1),ho(m,v,n),$o(o,m.k,u.k.nextSibling),m=r[++i],v=t[--d];else if(vo(u,f,n))"slot"!==m.$&&"slot"!==v.$||mo(u.k.parentNode,!1),ho(u,f,n),$o(o,u.k,m.k),u=r[--b],f=t[++s];else{for(a=-1,g=i;g<=b;++g)if(r[g]&&null!==r[g].p&&r[g].p===f.p){a=g;break}a>=0?(c=r[a],c.$!==f.$?l=bo(r&&r[s],e,a):(ho(c,f,n),r[a]=void 0,l=c.k),f=t[++s]):(l=bo(r&&r[s],e,s),f=t[++s]),l&&$o(po(m.k).parentNode,l,po(m.k))}i>b?uo(o,null==t[d+1]?null:t[d+1].k,e,t,s,d):s>d&&fo(r,i,b)})(t,n,r,l,e):null!==l?(null!==o.m&&(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.m!==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"])if(F(r,n)){let e=yo.find((o=>o.S===r));so=!0,r["s-sn"]=r["s-sn"]||n,e?(e.S["s-sh"]=o["s-hn"],e.j=o):(r["s-sh"]=o["s-hn"],yo.push({j:o,S:r})),r["s-sr"]&&yo.map((o=>{F(o.S,r["s-sn"])&&(e=yo.find((o=>o.S===r)),e&&!o.j&&(o.j=e.j))}))}else yo.some((o=>o.S===r))||yo.push({S:r})}1===o.nodeType&&wo(o)}},zo=o=>{o.u&&o.u.ref&&o.u.ref(null),o.v&&o.v.map(zo)},$o=(o,r,e)=>("string"==typeof r["s-sn"]&&r["s-sr"]&&r["s-cr"]&&ko(r["s-cr"],r,o,r.parentElement),null==o?void 0:o.insertBefore(r,e));function ko(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 xo=(o,r)=>{if(r&&!o.O&&r["s-p"]){const e=r["s-p"].push(new Promise((t=>o.O=()=>{r["s-p"].splice(e-1,1),t()})))}},So=(o,r)=>{if(o.t|=16,4&o.t)return void(o.t|=512);xo(o,o.C);const e=()=>jo(o,r);if(!r)return $(e);queueMicrotask((()=>{e()}))},jo=(o,r)=>{const e=o.$hostElement$,t=o.o;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.t|=256,o.M&&(o.M.map((([o,r])=>To(t,o,r,e))),o.M=void 0),o.N.length&&o.N.forEach((o=>o(e))),n=To(t,"componentWillLoad",void 0,e)):n=To(t,"componentWillUpdate",void 0,e),n=Oo(n,(()=>To(t,"componentWillRender",void 0,e))),Oo(n,(()=>Co(o,t,r)))},Oo=(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.R,e=o.$hostElement$,t=r.t,n=((o,r)=>{var e;const t=U(r),n=i.get(t);if(!g.document)return t;if(o=11===o.nodeType?o:g.document,n)if("string"==typeof n){let l,c=D.get(o=o.head||o);if(c||D.set(o,c=new Set),!c.has(t)){{l=g.document.createElement("style"),l.innerHTML=n;const t=null!=(e=b.P)?e:x(g.document);if(null!=t&&l.setAttribute("nonce",t),!(1&r.t))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(l,(null==e?void 0:e.parentNode)===o?e:null)}else if("host"in o)if(u){const r=new CSSStyleSheet;r.replaceSync(n),d?o.adoptedStyleSheets.unshift(r):o.adoptedStyleSheets=[r,...o.adoptedStyleSheets]}else{const r=o.querySelector("style");r?r.innerHTML=n+r.innerHTML:o.prepend(l)}else o.append(l);1&r.t&&o.insertBefore(l,null)}4&r.t&&(l.innerHTML+=s),c&&c.add(t)}}else o.adoptedStyleSheets.includes(n)||(d?o.adoptedStyleSheets.push(n):o.adoptedStyleSheets=[...o.adoptedStyleSheets,n]);return t})(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=()=>No(o);0===r.length?e():(Promise.all(r).then(e),o.t|=4,r.length=0)}},Mo=(o,r,e,t)=>{try{r=r.render&&r.render(),o.t&=-17,o.t|=2,((o,r,e=!1)=>{var t,n,l,c;const i=o.$hostElement$,s=o.R,a=o.T||_(null,null),m=(o=>o&&o.$===H)(r)?r:W(null,null,r);if(J=i.tagName,s.F&&(m.u=m.u||{},s.F.forEach((([o,r])=>{m.u[r]=i[o]}))),e&&m.u)for(const o of Object.keys(m.u))i.hasAttribute(o)&&!["key","ref","style","class"].includes(o)&&(m.u[o]=i[o]);if(m.$=null,m.t|=4,o.T=m,m.k=a.k=i.shadowRoot||i,Y=i["s-sc"],io=!(!(1&s.t)||128&s.t),G=i["s-cr"],so=!1,ho(a,m,e),b.t|=1,ao){wo(m.k);for(const o of yo){const r=o.S;if(!r["s-ol"]&&g.document){const o=g.document.createTextNode("");o["s-nr"]=r,$o(r.parentNode,r["s-ol"]=o,r)}}for(const o of yo){const r=o.S,i=o.j;if(i){const o=i.parentNode;let e=i.nextSibling;{let l=null==(t=r["s-ol"])?void 0:t.previousSibling;for(;l;){let t=null!=(n=l["s-nr"])?n:null;if(t&&t["s-sn"]===r["s-sn"]&&o===(t.__parentNode||t.parentNode)){for(t=t.nextSibling;t===r||(null==t?void 0:t["s-sr"]);)t=null==t?void 0:t.nextSibling;if(!t||!t["s-nr"]){e=t;break}}l=l.previousSibling}}(!e&&o!==(r.__parentNode||r.parentNode)||(r.__nextSibling||r.nextSibling)!==e)&&r!==e&&(!r["s-hn"]&&r["s-ol"]&&(r["s-hn"]=r["s-ol"].parentNode.nodeName),$o(o,r,e),1===r.nodeType&&"SLOT-FB"!==r.tagName&&(r.hidden=null!=(l=r["s-ih"])&&l)),r&&"function"==typeof i["s-rf"]&&i["s-rf"](i)}else 1===r.nodeType&&(e&&(r["s-ih"]=null!=(c=r.hidden)&&c),r.hidden=!0)}}so&&R(m.k),b.t&=-2,yo.length=0,G=void 0})(o,r,t)}catch(r){l(r,o.$hostElement$)}return null},No=o=>{const r=o.$hostElement$,e=o.o,t=o.C;To(e,"componentDidRender",void 0,r),64&o.t?To(e,"componentDidUpdate",void 0,r):(o.t|=64,Fo(r),To(e,"componentDidLoad",void 0,r),o.L(r),t||Po()),o.A(r),o.O&&(o.O(),o.O=void 0),512&o.t&&z((()=>So(o,!1))),o.t&=-517},Ro=o=>{var r;{const t=e(o),n=null==(r=null==t?void 0:t.$hostElement$)?void 0:r.isConnected;return n&&2==(18&t.t)&&So(t,!1),n}},Po=()=>{z((()=>Z(g,"appload",{detail:{namespace:"mg-components"}})))},To=(o,r,e,t)=>{if(o&&o[r])try{return o[r](e)}catch(o){l(o,t)}},Fo=o=>o.classList.add("hydrated"),Lo=(o,r,t,n)=>{const c=e(o);if(!c)return;if(!c)throw Error(`Couldn't find host element for "${n.i}" 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 i=c.$hostElement$,s=c.D.get(r),a=c.t,g=c.o;if(t=K(t,n.U[r][0]),(!(8&a)||void 0===s)&&t!==s&&(!Number.isNaN(s)||!Number.isNaN(t))&&(c.D.set(r,t),g)){if(n.W&&128&a){const o=n.W[r];o&&o.map((o=>{try{g[o](t,s,r)}catch(o){l(o,i)}}))}if(2==(18&a)){if(g.componentShouldUpdate&&!1===g.componentShouldUpdate(t,s,r))return;So(c,!1)}}},Ao=(o,r,t)=>{var n,l;const c=o.prototype;{o.watchers&&!r.W&&(r.W=o.watchers),o.deserializers&&!r._&&(r._=o.deserializers),o.serializers&&!r.H&&(r.H=o.serializers);const i=Object.entries(null!=(n=r.U)?n:{});if(i.map((([o,[n]])=>{if(31&n||2&t&&32&n){const{get:l,set:i}=Object.getOwnPropertyDescriptor(c,o)||{};l&&(r.U[o][0]|=2048),i&&(r.U[o][0]|=4096),(1&t||!l)&&Object.defineProperty(c,o,{get(){{if(!(2048&r.U[o][0]))return((o,r)=>e(this).D.get(r))(0,o);const t=e(this),n=t?t.o:c;if(!n)return;return n[o]}},configurable:!0,enumerable:!0}),Object.defineProperty(c,o,{set(l){const c=e(this);if(c){if(i)return void 0===(32&n?this[o]:c.$hostElement$[o])&&c.D.get(o)&&(l=c.D.get(o)),i.call(this,K(l,n)),void Lo(this,o,l=32&n?this[o]:c.$hostElement$[o],r);{if(!(1&t&&4096&r.U[o][0]))return Lo(this,o,l,r),void(1&t&&!c.o&&c.N.push((()=>{4096&r.U[o][0]&&c.o[o]!==c.D.get(o)&&(c.o[o]=l)})));const e=()=>{const e=c.o[o];!c.D.get(o)&&e&&c.D.set(o,e),c.o[o]=K(l,n),Lo(this,o,c.o[o],r)};c.o?e():c.N.push((()=>{e()}))}}}})}else 1&t&&64&n&&Object.defineProperty(c,o,{value(...r){var t;const n=e(this);return null==(t=null==n?void 0:n.B)?void 0:t.then((()=>{var e;return null==(e=n.o)?void 0:e[o](...r)}))}})})),1&t){const t=new Map;c.attributeChangedCallback=function(o,n,l){b.jmp((()=>{var i;const s=t.get(o),a=e(this);if(this.hasOwnProperty(s)&&(l=this[s],delete this[s]),c.hasOwnProperty(s)&&"number"==typeof this[s]&&this[s]==l)return;if(null==s){const e=null==a?void 0:a.t;if(a&&e&&!(8&e)&&128&e&&l!==n){const e=a.o,t=null==(i=r.W)?void 0:i[o];null==t||t.forEach((r=>{null!=e[r]&&e[r].call(e,l,n,o)}))}return}const g=Object.getOwnPropertyDescriptor(c,s);(l=(null!==l||"boolean"!=typeof this[s])&&l)==this[s]||g.get&&!g.set||(this[s]=l)}))},o.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=r.W)?l:{}),...i.filter((([o,r])=>31&r[0])).map((([o,e])=>{var n;const l=e[1]||o;return t.set(l,o),512&e[0]&&(null==(n=r.F)||n.push([o,l])),l}))]))}}return o},Do=(o,r)=>{To(o,"connectedCallback",void 0,r)},Uo=(o,r)=>{To(o,"disconnectedCallback",void 0,r||o)},Wo=(o,r={})=>{var t;if(!g.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const n=[],a=r.exclude||[],m=g.customElements,d=g.document.head,f=d.querySelector("meta[charset]"),v=g.document.createElement("style"),p=[];let h,y=!0;Object.assign(b,r),b.l=new URL(r.resourcesUrl||"./",g.document.baseURI).href;let w=!1;if(o.map((o=>{o[1].map((r=>{var t,s,d;const f={t:r[0],i:r[1],U:r[2],V:r[3]};4&f.t&&(w=!0),f.U=r[2],f.V=r[3],f.F=[],f.W=null!=(t=r[4])?t:{},f.H=null!=(s=r[5])?s:{},f._=null!=(d=r[6])?d:{};const v=f.i,z=class extends HTMLElement{constructor(o){if(super(o),this.hasRegisteredEventListeners=!1,((o,r)=>{const e={t:0,$hostElement$:o,R:r,D:new Map,q:new Map};e.B=new Promise((o=>e.A=o)),e.I=new Promise((o=>e.L=o)),o["s-p"]=[],o["s-rc"]=[],e.N=[];const t=e;o.__stencil__getHostRef=()=>t})(o=this,f),1&f.t)if(o.shadowRoot){if("open"!==o.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${f.i}! Mode is set to ${o.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else N.call(o,f)}connectedCallback(){const o=e(this);o&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,_o(this,o,f.V)),h&&(clearTimeout(h),h=null),y?p.push(this):b.jmp((()=>(o=>{if(!(1&b.t)){const r=e(o);if(!r)return;const t=r.R,n=()=>{};if(1&r.t)_o(o,r,t.V),(null==r?void 0:r.o)?Do(r.o,o):(null==r?void 0:r.I)&&r.I.then((()=>Do(r.o,o)));else{r.t|=1,12&t.t&&(o=>{if(!g.document)return;const r=o["s-cr"]=g.document.createComment("");r["s-cn"]=!0,$o(o,r,o.firstChild)})(o);{let e=o;for(;e=e.parentNode||e.host;)if(e["s-p"]){xo(r,r.C=e);break}}t.U&&Object.entries(t.U).map((([r,[e]])=>{if(31&e&&r in o&&o[r]!==Object.prototype[r]){const e=o[r];delete o[r],o[r]=e}})),(async(o,r,e)=>{let t;if(!(32&r.t)){if(r.t|=32,e.Y){const n=((o,r)=>{const e=o.i.replace(/-/g,"_"),t=o.Y;if(!t)return;const n=c.get(t);return n?n[e]:import(`./${t}.entry.js`).then((o=>(c.set(t,o),o[e])),(o=>{l(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.i}#${r.G}" was not found`);t.isProxied||(e.W=t.watchers,e.H=t.serializers,e._=t.deserializers,Ao(t,e,2),t.isProxied=!0);const i=()=>{};r.t|=8;try{new t(r)}catch(r){l(r,o)}r.t&=-9,r.t|=128,i(),Do(r.o,o)}else t=o.constructor,customElements.whenDefined(o.localName).then((()=>r.t|=128));if(t&&t.style){let o;"string"==typeof t.style&&(o=t.style);const r=U(e);if(!i.has(r)){const t=()=>{};((o,r,e)=>{let t=i.get(o);u&&e?(t=t||new CSSStyleSheet,"string"==typeof t?t=r:t.replaceSync(r)):t=r,i.set(o,t)})(r,o,!!(1&e.t)),t()}}}const n=r.C,s=()=>So(r,!0);n&&n["s-rc"]?n["s-rc"].push(s):s()})(o,r,t)}n()}})(this))))}disconnectedCallback(){b.jmp((()=>(async o=>{if(!(1&b.t)){const r=e(o);(null==r?void 0:r.J)&&(r.J.map((o=>o())),r.J=void 0),(null==r?void 0:r.o)?Uo(r.o,o):(null==r?void 0:r.I)&&r.I.then((()=>Uo(r.o,o)))}D.has(o)&&D.delete(o),o.shadowRoot&&D.has(o.shadowRoot)&&D.delete(o.shadowRoot)})(this))),b.raf((()=>{var o;const r=e(this);if(!r)return;const t=p.findIndex((o=>o===this));t>-1&&p.splice(t,1),(null==(o=null==r?void 0:r.T)?void 0:o.k)instanceof Node&&!r.T.k.isConnected&&delete r.T.k}))}componentOnReady(){var o;return null==(o=e(this))?void 0:o.I}};f.Y=o[0],a.includes(v)||m.get(v)||(n.push(v),m.define(v,Ao(z,f,1)))}))})),n.length>0&&(w&&(v.textContent+=s),v.textContent+=n.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const o=null!=(t=b.P)?t:x(g.document);null!=o&&v.setAttribute("nonce",o),d.insertBefore(v,f?f.nextSibling:d.firstChild)}y=!1,p.length?p.map((o=>o.connectedCallback())):b.jmp((()=>h=setTimeout(Po,30)))},_o=(o,r,e)=>{e&&g.document&&e.map((([e,t,n])=>{const l=o,c=Ho(r,n),i=Bo(e);b.ael(l,t,c,i),(r.J=r.J||[]).push((()=>b.rel(l,t,c,i)))}))},Ho=(o,r)=>e=>{var t;try{256&o.t?null==(t=o.o)||t[r](e):(o.M=o.M||[]).push([r,e])}catch(r){l(r,o.$hostElement$)}},Bo=o=>({passive:!!(1&o),capture:!!(2&o)}),Vo=o=>b.P=o;export{H,Q as a,Wo as b,X as c,Ro as f,o as g,W as h,m as p,t as r,Vo as s}
@@ -0,0 +1 @@
1
+ import{r as t,h as i,a as s}from"./p-T6kOJXP1.js";import{C as e,i as h}from"./p-C7xjtdiw.js";import{c as a}from"./p-D9V2v4n2.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=>{this.readonly?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(a):this.classCollection.delete(a)}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:"b8b7c203bb2ed22cc9344389af5a6ae8d85af6d5",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:"c0e7480b14b0a8e136dd951bdce7275b65b59b48",class:"mg-c-input__input-group"},i("slot",{key:"021e7b126cef9437e64622d8ef59219b09c06e9f"})))}get element(){return s(this)}static get watchers(){return{legendBorderDisplay:["watchLegendBorderDisplay"],readonly:["watchReadonly","handleAttributeChange"],disabled:["handleAttributeChange"]}}};export{r as mg_fieldset}
@@ -1 +1 @@
1
- import{r as t,h as e,a}from"./p-JHj_9FSs.js";import{i}from"./p-Bab8_u8S.js";import{c as r,t as s}from"./p-WtiuOkLj.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:"b74028455b7003824fa5618b1751d05a91ab7071",class:"mg-c-loader","aria-live":"polite"},e("mg-icon",{key:"204acdb8f881b348148020214c05269878852c4f",icon:"loader",spin:!0}),e("span",{key:"40f1792354df01ec9af61ab128575ea166f34cb5",class:{"mg-u-visually-hidden":this.messageHide}},this.message||this.messages.loader.inProgress))}get element(){return a(this)}static get watchers(){return{message:["watchMessage"]}}};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-T6kOJXP1.js";import{i}from"./p-CNX6lq0x.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"]}}};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}
@@ -15,7 +15,7 @@ export type IconSizeType = Size & (typeof sizes)[number];
15
15
  /**
16
16
  * List of all possibles variants
17
17
  */
18
- export declare const variants: readonly ["success", "warning", "danger", "info", "app"];
18
+ export declare const variants: readonly ["success", "warning", "danger", "info", "app", "neutral"];
19
19
  /**
20
20
  * Variant type from variants
21
21
  */
@@ -39,11 +39,6 @@ export declare class MgIcon {
39
39
  * Component classes
40
40
  */
41
41
  classCollection: ClassList;
42
- /**
43
- * Method to set default varianStyle props
44
- * needeed has stencil doesn't know that props is mutated when updated in prop watcher
45
- */
46
- private setDefaultVariantStyle;
47
42
  /**
48
43
  * Render icon in shadowroot
49
44
  * @param icon - icon to render
@@ -8,6 +8,11 @@ export type Width = (typeof widths)[number];
8
8
  */
9
9
  export declare const tooltipPositions: readonly ["input", "label"];
10
10
  export type TooltipPosition = (typeof tooltipPositions)[number];
11
+ /**
12
+ * Possible label headings
13
+ */
14
+ export declare const labelHeadings: readonly ["h1", "h2", "h3", "h4", "h5", "h6"];
15
+ export type labelHeading = (typeof labelHeadings)[number];
11
16
  /**
12
17
  * Base interface for common methods
13
18
  */
@@ -1,4 +1,4 @@
1
- import { type TooltipPosition } from './mg-input.conf';
1
+ import { type TooltipPosition, labelHeading } from './mg-input.conf';
2
2
  /**
3
3
  * @slot - Input content
4
4
  */
@@ -16,6 +16,9 @@ export declare class MgInput {
16
16
  private readonly classInput;
17
17
  private readonly classHasError;
18
18
  private readonly classLabelOnTop;
19
+ private readonly classHasHeading;
20
+ private readonly classLabelBorderDisplay;
21
+ private readonly classInputsOnBottom;
19
22
  /**************
20
23
  * Decorators *
21
24
  **************/
@@ -42,6 +45,18 @@ export declare class MgInput {
42
45
  */
43
46
  labelHide: boolean;
44
47
  watchLabelConfig(): void;
48
+ /**
49
+ * Define label heading, use to define label with associated semantic
50
+ * You must pair this mode with `labelOnTop`and `fieldset` class
51
+ */
52
+ labelHeading?: labelHeading;
53
+ watchlabelHeading(newValue: MgInput['labelHeading']): void;
54
+ /**
55
+ * Define if label border is visible
56
+ * You must pair this mode with `labelOnTop`and `fieldset` class
57
+ */
58
+ labelBorderDisplay: boolean;
59
+ watchLabelBorderDisplay(newValue: MgInput['labelBorderDisplay']): void;
45
60
  /**
46
61
  * Add a tooltip message next to the input
47
62
  */
@@ -65,6 +80,11 @@ export declare class MgInput {
65
80
  */
66
81
  helpText?: string;
67
82
  watchHelpText(newValue: MgInput['helpText']): void;
83
+ /**
84
+ * Display inputs after help-text and error message
85
+ */
86
+ inputsOnBottom?: boolean;
87
+ watchInputsOnBottom(newValue: MgInput['inputsOnBottom']): void;
68
88
  /**
69
89
  * Define aria-describedby ids to link with
70
90
  */
@@ -97,6 +117,12 @@ export declare class MgInput {
97
117
  /************
98
118
  * Methods *
99
119
  ************/
120
+ /**
121
+ * Update element aria-describedby
122
+ * @param element - element to update
123
+ * @param ariaDescribedbyIDs - ariaDescribedbyIDs references
124
+ */
125
+ private updateElementAriaDescribedby;
100
126
  /**
101
127
  * Render input label
102
128
  */
@@ -125,6 +151,11 @@ export declare class MgInput {
125
151
  * @returns mg-tooltip
126
152
  */
127
153
  private renderTooltip;
154
+ /**
155
+ * Get input container element
156
+ * @returns ordered elements
157
+ */
158
+ private inputContainerElements;
128
159
  /**
129
160
  * Render
130
161
  * @returns HTML Element
@@ -10,6 +10,7 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
10
10
  private searchInput;
11
11
  private messages;
12
12
  private hasDisplayedError;
13
+ private customErrorMessage;
13
14
  private mode;
14
15
  private readonly baseClassName;
15
16
  private readonly classTypeMulti;
@@ -179,8 +180,9 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
179
180
  * When used to set validity to `false`, you should use this method again to reset the validity to `true`.
180
181
  * @param valid - value indicating the validity
181
182
  * @param errorMessage - the error message to display
183
+ * @param errorMessageLock - lock the error message and validity state
182
184
  */
183
- setError(valid: MgInputCheckbox['valid'], errorMessage: string): Promise<void>;
185
+ setError(valid: MgInputCheckbox['valid'], errorMessage?: string, errorMessageLock?: boolean): Promise<void>;
184
186
  /**
185
187
  * Reset value, validity and error state
186
188
  */
@@ -259,8 +261,7 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
259
261
  private getSelectValuesButtonMessage;
260
262
  /**
261
263
  * Set input error message
262
- * @param displayError - dispay error condition
263
- * @param errorMessage - errorMessage override
264
+ * @param fromSetErrorContext - context come from `setError` method
264
265
  */
265
266
  private setErrorMessage;
266
267
  /**
@@ -13,6 +13,7 @@ export declare class MgInputCombobox {
13
13
  private popoverId;
14
14
  private messages;
15
15
  private hasDisplayedError;
16
+ private customErrorMessage;
16
17
  private handlerInProgress;
17
18
  private loadingAction;
18
19
  private debounce;
@@ -226,8 +227,9 @@ export declare class MgInputCombobox {
226
227
  * When used to set validity to `false`, you should use this method again to reset the validity to `true`.
227
228
  * @param valid - value indicating the validity
228
229
  * @param errorMessage - the error message to display
230
+ * @param errorMessageLock - lock the error message and validity state
229
231
  */
230
- setError(valid: MgInputCombobox['valid'], errorMessage: string): Promise<void>;
232
+ setError(valid: MgInputCombobox['valid'], errorMessage?: string, errorMessageLock?: boolean): Promise<void>;
231
233
  /**
232
234
  * Reset value, validity and error state
233
235
  */
@@ -299,7 +301,7 @@ export declare class MgInputCombobox {
299
301
  private checkValidity;
300
302
  /**
301
303
  * Set input error message
302
- * @param errorMessage - errorMessage override
304
+ * @param fromSetErrorContext - context come from `setError` method
303
305
  */
304
306
  private setErrorMessage;
305
307
  /**
@@ -11,6 +11,7 @@ export declare class MgInputDate {
11
11
  private systemLocale;
12
12
  private hasDisplayedError;
13
13
  private handlerInProgress;
14
+ private customErrorMessage;
14
15
  /**************
15
16
  * Decorators *
16
17
  **************/
@@ -126,8 +127,9 @@ export declare class MgInputDate {
126
127
  * When used to set validity to `false`, you should use this method again to reset the validity to `true`.
127
128
  * @param valid - value indicating the validity
128
129
  * @param errorMessage - the error message to display
130
+ * @param errorMessageLock - lock the error message and validity state
129
131
  */
130
- setError(valid: MgInputDate['valid'], errorMessage: string): Promise<void>;
132
+ setError(valid: MgInputDate['valid'], errorMessage?: string, errorMessageLock?: boolean): Promise<void>;
131
133
  /**
132
134
  * Reset value, validity and error state
133
135
  */
@@ -173,7 +175,7 @@ export declare class MgInputDate {
173
175
  private getInputError;
174
176
  /**
175
177
  * Check input errors
176
- * @param errorMessage - errorMessage override
178
+ * @param fromSetErrorContext - context come from `setError` method
177
179
  */
178
180
  private setErrorMessage;
179
181
  /*************
@@ -18,6 +18,7 @@ export declare class MgInputNumeric {
18
18
  private messages;
19
19
  private hasDisplayedError;
20
20
  private handlerInProgress;
21
+ private customErrorMessage;
21
22
  /**************
22
23
  * Decorators *
23
24
  **************/
@@ -174,8 +175,9 @@ export declare class MgInputNumeric {
174
175
  * When used to set validity to `false`, you should use this method again to reset the validity to `true`.
175
176
  * @param valid - value indicating the validity
176
177
  * @param errorMessage - the error message to display
178
+ * @param errorMessageLock - lock the error message and validity state
177
179
  */
178
- setError(valid: MgInputNumeric['valid'], errorMessage: string): Promise<void>;
180
+ setError(valid: MgInputNumeric['valid'], errorMessage?: string, errorMessageLock?: boolean): Promise<void>;
179
181
  /**
180
182
  * Reset value, validity and error state
181
183
  */
@@ -229,7 +231,7 @@ export declare class MgInputNumeric {
229
231
  private formatErrorValue;
230
232
  /**
231
233
  * Set input error message
232
- * @param errorMessage - errorMessage override
234
+ * @param fromSetErrorContext - context come from `setError` method
233
235
  */
234
236
  private setErrorMessage;
235
237
  /**
@@ -9,6 +9,7 @@ export declare class MgInputPassword {
9
9
  private messages;
10
10
  private hasDisplayedError;
11
11
  private handlerInProgress;
12
+ private customErrorMessage;
12
13
  /**************
13
14
  * Decorators *
14
15
  **************/
@@ -126,8 +127,9 @@ export declare class MgInputPassword {
126
127
  * When used to set validity to `false`, you should use this method again to reset the validity to `true`.
127
128
  * @param valid - value indicating the validity
128
129
  * @param errorMessage - the error message to display
130
+ * @param errorMessageLock - lock the error message and validity state
129
131
  */
130
- setError(valid: MgInputPassword['valid'], errorMessage: string): Promise<void>;
132
+ setError(valid: MgInputPassword['valid'], errorMessage?: string, errorMessageLock?: boolean): Promise<void>;
131
133
  /**
132
134
  * Reset value, validity and error state
133
135
  */
@@ -155,7 +157,7 @@ export declare class MgInputPassword {
155
157
  private checkValidity;
156
158
  /**
157
159
  * Set input error message
158
- * @param errorMessage - errorMessage override
160
+ * @param fromSetErrorContext - context come from `setError` method
159
161
  */
160
162
  private setErrorMessage;
161
163
  /*************
@@ -11,6 +11,7 @@ export declare class MgInputRadio {
11
11
  private messages;
12
12
  private hasDisplayedError;
13
13
  private handlerInProgress;
14
+ private customErrorMessage;
14
15
  /**************
15
16
  * Decorators *
16
17
  **************/
@@ -128,8 +129,9 @@ export declare class MgInputRadio {
128
129
  * When used to set validity to `false`, you should use this method again to reset the validity to `true`.
129
130
  * @param valid - value indicating the validity
130
131
  * @param errorMessage - the error message to display
132
+ * @param errorMessageLock - lock the error message and validity state
131
133
  */
132
- setError(valid: MgInputRadio['valid'], errorMessage: string): Promise<void>;
134
+ setError(valid: MgInputRadio['valid'], errorMessage?: string, errorMessageLock?: boolean): Promise<void>;
133
135
  /**
134
136
  * Reset value, validity and error state
135
137
  */
@@ -154,7 +156,7 @@ export declare class MgInputRadio {
154
156
  private checkValidity;
155
157
  /**
156
158
  * Set input error message
157
- * @param errorMessage - errorMessage override
159
+ * @param fromSetErrorContext - context come from `setError` method
158
160
  */
159
161
  private setErrorMessage;
160
162
  /**
@@ -10,6 +10,7 @@ export declare class MgInputRichTextEditor {
10
10
  private wrapperElement;
11
11
  private messages;
12
12
  private hasDisplayedError;
13
+ private customErrorMessage;
13
14
  private readonly classFocus;
14
15
  /**************
15
16
  * Decorators *
@@ -138,8 +139,9 @@ export declare class MgInputRichTextEditor {
138
139
  * When used to set validity to `false`, you should use this method again to reset the validity to `true`.
139
140
  * @param valid - value indicating the validity
140
141
  * @param errorMessage - the error message to display
142
+ * @param errorMessageLock - lock the error message and validity state
141
143
  */
142
- setError(valid: MgInputRichTextEditor['valid'], errorMessage: string): Promise<void>;
144
+ setError(valid: MgInputRichTextEditor['valid'], errorMessage?: string, errorMessageLock?: boolean): Promise<void>;
143
145
  /**
144
146
  * Reset value, validity and error state
145
147
  */
@@ -170,7 +172,7 @@ export declare class MgInputRichTextEditor {
170
172
  private checkValidity;
171
173
  /**
172
174
  * Set input error message
173
- * @param errorMessage - errorMessage override
175
+ * @param fromSetErrorContext - context come from `setError` method
174
176
  */
175
177
  private setErrorMessage;
176
178
  /**
@@ -10,6 +10,7 @@ export declare class MgInputSelect {
10
10
  private messages;
11
11
  private hasDisplayedError;
12
12
  private handlerInProgress;
13
+ private customErrorMessage;
13
14
  /**************
14
15
  * Decorators *
15
16
  **************/
@@ -140,8 +141,9 @@ export declare class MgInputSelect {
140
141
  * When used to set validity to `false`, you should use this method again to reset the validity to `true`.
141
142
  * @param valid - value indicating the validity
142
143
  * @param errorMessage - the error message to display
144
+ * @param errorMessageLock - lock the error message and validity state
143
145
  */
144
- setError(valid: MgInputSelect['valid'], errorMessage: string): Promise<void>;
146
+ setError(valid: MgInputSelect['valid'], errorMessage?: string, errorMessageLock?: boolean): Promise<void>;
145
147
  /**
146
148
  * Reset value, validity and error state
147
149
  */
@@ -181,7 +183,7 @@ export declare class MgInputSelect {
181
183
  private checkValidity;
182
184
  /**
183
185
  * Set input error message
184
- * @param errorMessage - errorMessage override
186
+ * @param fromSetErrorContext - context come from `setError` method
185
187
  */
186
188
  private setErrorMessage;
187
189
  /*************
@@ -21,6 +21,7 @@ export declare class MgInputText {
21
21
  private input;
22
22
  private messages;
23
23
  private hasDisplayedError;
24
+ private customErrorMessage;
24
25
  private handlerInProgress;
25
26
  /**************
26
27
  * Decorators *
@@ -165,8 +166,9 @@ export declare class MgInputText {
165
166
  * When used to set validity to `false`, you should use this method again to reset the validity to `true`.
166
167
  * @param valid - value indicating the validity
167
168
  * @param errorMessage - the error message to display
169
+ * @param errorMessageLock - lock the error message and validity state
168
170
  */
169
- setError(valid: MgInputText['valid'], errorMessage: string): Promise<void>;
171
+ setError(valid: MgInputText['valid'], errorMessage?: string, errorMessageLock?: boolean): Promise<void>;
170
172
  /**
171
173
  * Reset value, validity and error state
172
174
  */
@@ -198,7 +200,7 @@ export declare class MgInputText {
198
200
  private checkValidity;
199
201
  /**
200
202
  * Set input error message
201
- * @param errorMessage - errorMessage override
203
+ * @param fromSetErrorContext - context come from `setError` method
202
204
  */
203
205
  private setErrorMessage;
204
206
  /**
@@ -12,6 +12,7 @@ export declare class MgInputTextarea {
12
12
  private messages;
13
13
  private hasDisplayedError;
14
14
  private handlerInProgress;
15
+ private customErrorMessage;
15
16
  /**************
16
17
  * Decorators *
17
18
  **************/
@@ -148,8 +149,9 @@ export declare class MgInputTextarea {
148
149
  * When used to set validity to `false`, you should use this method again to reset the validity to `true`.
149
150
  * @param valid - value indicating the validity
150
151
  * @param errorMessage - the error message to display
152
+ * @param errorMessageLock - lock the error message and validity state
151
153
  */
152
- setError(valid: MgInputTextarea['valid'], errorMessage: string): Promise<void>;
154
+ setError(valid: MgInputTextarea['valid'], errorMessage?: string, errorMessageLock?: boolean): Promise<void>;
153
155
  /**
154
156
  * Reset value, validity and error state
155
157
  */
@@ -183,7 +185,7 @@ export declare class MgInputTextarea {
183
185
  private checkValidity;
184
186
  /**
185
187
  * Set input error message
186
- * @param errorMessage - errorMessage override
188
+ * @param fromSetErrorContext - context come from `setError` method
187
189
  */
188
190
  private setErrorMessage;
189
191
  /*************
@@ -53,7 +53,9 @@ export declare class MgInputToggle {
53
53
  */
54
54
  labelHide: boolean;
55
55
  /**
56
- * Define if toggle have on/off style
56
+ * Define if toggle have on/off style,
57
+ * the left icon is hidden.
58
+ * Only available in combination with the "isIcon" prop.
57
59
  */
58
60
  isOnOff: boolean;
59
61
  watchIsOnOff(newValue: MgInputToggle['isOnOff']): void;
@@ -125,7 +127,7 @@ export declare class MgInputToggle {
125
127
  * @param valid - value indicating the validity
126
128
  * @param errorMessage - the error message to display
127
129
  */
128
- setError(valid: boolean, errorMessage: string): Promise<void>;
130
+ setError(valid: boolean, errorMessage?: string): Promise<void>;
129
131
  /**
130
132
  * Reset value, validity, error and visual state
131
133
  */