@mgdis/mg-components 6.14.0 → 6.16.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 (128) hide show
  1. package/dist/cjs/{index-DUJwxnoi.js → index-CpENFzEo.js} +2 -2
  2. package/dist/cjs/{index-DzBkSgSK.js → index-T3-qWqFE.js} +8 -2
  3. package/dist/cjs/{index-CwjAofQ1.js → index-YM1EJx9X.js} +43 -31
  4. package/dist/cjs/loader.cjs.js +2 -2
  5. package/dist/cjs/mg-action-more_37.cjs.entry.js +136 -150
  6. package/dist/cjs/mg-alert.cjs.entry.js +4 -4
  7. package/dist/cjs/mg-components.cjs.js +3 -3
  8. package/dist/cjs/mg-input-combobox.cjs.entry.js +15 -13
  9. package/dist/cjs/mg-input-rich-text-editor.cjs.entry.js +1247 -16003
  10. package/dist/cjs/mg-loader.cjs.entry.js +4 -4
  11. package/dist/cjs/mg-progress.cjs.entry.js +3 -3
  12. package/dist/collection/assets/icons/index.js +1 -1
  13. package/dist/collection/collection-manifest.json +2 -2
  14. package/dist/collection/components/atoms/mg-icon/mg-icon.js +1 -1
  15. package/dist/collection/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxList.js +1 -1
  16. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.js +49 -106
  17. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js +55 -36
  18. package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.js +11 -9
  19. package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js +1 -1
  20. package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js +6 -1
  21. package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js +1 -1
  22. package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js +1 -1
  23. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.js +1 -1
  24. package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js +1 -1
  25. package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.js +2 -2
  26. package/dist/collection/components/molecules/inputs/mg-input-textarea/mg-input-textarea.js +1 -1
  27. package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.js +1 -1
  28. package/dist/collection/components/molecules/internals/mg-item-more/mg-item-more.js +1 -1
  29. package/dist/collection/components/molecules/mg-action-more/mg-action-more.js +2 -2
  30. package/dist/collection/components/molecules/mg-alert/mg-alert.js +1 -1
  31. package/dist/collection/components/molecules/mg-details/mg-details.js +1 -1
  32. package/dist/collection/components/molecules/mg-form/mg-form.js +1 -1
  33. package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js +1 -1
  34. package/dist/collection/components/molecules/mg-loader/mg-loader.js +1 -1
  35. package/dist/collection/components/molecules/mg-message/mg-message.js +2 -2
  36. package/dist/collection/components/molecules/mg-modal/mg-modal.js +2 -2
  37. package/dist/collection/components/molecules/mg-panel/mg-panel.js +1 -1
  38. package/dist/collection/components/molecules/mg-popover/mg-popover-content/mg-popover-content.js +1 -1
  39. package/dist/collection/components/molecules/mg-popover/mg-popover.js +1 -1
  40. package/dist/collection/components/molecules/mg-progress/mg-progress.js +1 -1
  41. package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.js +1 -1
  42. package/dist/collection/components/molecules/mg-table/mg-table.js +2 -2
  43. package/dist/collection/components/molecules/mg-tabs/mg-tabs.js +1 -1
  44. package/dist/collection/locales/en/messages.json +19 -15
  45. package/dist/collection/locales/fr/messages.json +20 -16
  46. package/dist/components/index2.js +3 -3
  47. package/dist/components/index3.js +43 -31
  48. package/dist/components/mg-action-more.js +2 -2
  49. package/dist/components/mg-alert.js +2 -2
  50. package/dist/components/mg-badge2.js +1 -1
  51. package/dist/components/mg-button2.js +1 -1
  52. package/dist/components/mg-card2.js +1 -1
  53. package/dist/components/mg-character-left2.js +1 -1
  54. package/dist/components/mg-details.js +2 -2
  55. package/dist/components/mg-divider2.js +1 -1
  56. package/dist/components/mg-form.js +2 -2
  57. package/dist/components/mg-icon2.js +1 -1
  58. package/dist/components/mg-illustrated-message.js +2 -2
  59. package/dist/components/mg-input-checkbox-paginated2.js +42 -124
  60. package/dist/components/mg-input-checkbox.js +89 -59
  61. package/dist/components/mg-input-combobox.js +14 -12
  62. package/dist/components/mg-input-date.js +2 -2
  63. package/dist/components/mg-input-numeric.js +7 -2
  64. package/dist/components/mg-input-password.js +2 -2
  65. package/dist/components/mg-input-radio.js +2 -2
  66. package/dist/components/mg-input-rich-text-editor.js +1247 -16003
  67. package/dist/components/mg-input-select2.js +2 -2
  68. package/dist/components/mg-input-text2.js +2 -2
  69. package/dist/components/mg-input-textarea.js +2 -2
  70. package/dist/components/mg-input-title2.js +1 -1
  71. package/dist/components/mg-input-toggle.js +2 -2
  72. package/dist/components/mg-input2.js +1 -1
  73. package/dist/components/mg-item-more2.js +2 -2
  74. package/dist/components/mg-loader2.js +2 -2
  75. package/dist/components/mg-menu-item2.js +1 -1
  76. package/dist/components/mg-message2.js +3 -3
  77. package/dist/components/mg-modal.js +3 -3
  78. package/dist/components/mg-pagination.js +227 -1
  79. package/dist/components/mg-panel.js +3 -3
  80. package/dist/components/mg-popover-content2.js +2 -2
  81. package/dist/components/mg-popover2.js +2 -2
  82. package/dist/components/mg-progress.js +2 -2
  83. package/dist/components/mg-skip-links.js +2 -2
  84. package/dist/components/mg-table.js +3 -3
  85. package/dist/components/mg-tabs.js +1 -311
  86. package/dist/components/mg-tabs2.js +313 -0
  87. package/dist/components/mg-tag.js +1 -1
  88. package/dist/components/mg-tooltip-content2.js +1 -1
  89. package/dist/components/mg-tooltip2.js +2 -2
  90. package/dist/esm/{index-Bv7NHR-W.js → index-Bab8_u8S.js} +43 -31
  91. package/dist/esm/{index-Degtjvph.js → index-JHj_9FSs.js} +8 -2
  92. package/dist/esm/{index-Dr7GYvIz.js → index-WtiuOkLj.js} +2 -2
  93. package/dist/esm/loader.js +3 -3
  94. package/dist/esm/mg-action-more_37.entry.js +136 -150
  95. package/dist/esm/mg-alert.entry.js +4 -4
  96. package/dist/esm/mg-components.js +4 -4
  97. package/dist/esm/mg-input-combobox.entry.js +15 -13
  98. package/dist/esm/mg-input-rich-text-editor.entry.js +1248 -16004
  99. package/dist/esm/mg-loader.entry.js +4 -4
  100. package/dist/esm/mg-progress.entry.js +3 -3
  101. package/dist/mg-components/locales/en/messages.json +19 -15
  102. package/dist/mg-components/locales/fr/messages.json +20 -16
  103. package/dist/mg-components/mg-components.esm.js +1 -1
  104. package/dist/mg-components/{p-056ba467.entry.js → p-42a90251.entry.js} +1 -1
  105. package/dist/mg-components/p-54156253.entry.js +1 -0
  106. package/dist/mg-components/{p-d13a6fdc.entry.js → p-658f828c.entry.js} +1 -1
  107. package/dist/mg-components/{p-c522f3c1.entry.js → p-82455ac7.entry.js} +1 -1
  108. package/dist/mg-components/p-Bab8_u8S.js +1 -0
  109. package/dist/mg-components/p-JHj_9FSs.js +2 -0
  110. package/dist/mg-components/p-WtiuOkLj.js +1 -0
  111. package/dist/mg-components/p-abbd151c.entry.js +1 -0
  112. package/dist/mg-components/p-c85b5d10.entry.js +1 -0
  113. package/dist/types/assets/icons/index.d.ts +6 -0
  114. package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.d.ts +17 -40
  115. package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf.d.ts +1 -2
  116. package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.d.ts +15 -6
  117. package/dist/types/components/molecules/inputs/mg-input-combobox/mg-input-combobox.d.ts +1 -1
  118. package/dist/types/components.d.ts +6 -33
  119. package/ide/intellij/web-types.json +13 -13
  120. package/ide/vscode/html-custom-data.json +39 -3
  121. package/package.json +23 -23
  122. package/dist/components/mg-pagination2.js +0 -229
  123. package/dist/mg-components/p-625c463c.entry.js +0 -1
  124. package/dist/mg-components/p-Bv7NHR-W.js +0 -1
  125. package/dist/mg-components/p-Degtjvph.js +0 -2
  126. package/dist/mg-components/p-Dr7GYvIz.js +0 -1
  127. package/dist/mg-components/p-cac23bd7.entry.js +0 -1
  128. package/dist/mg-components/p-e75f5383.entry.js +0 -10
@@ -3,6 +3,7 @@ const errors$1 = {
3
3
  };
4
4
  const nbCharLeft$1 = "{counter} characters left.";
5
5
  const input$1 = {
6
+ showMore: "Show more",
6
7
  select: {
7
8
  placeholder: "Select a value"
8
9
  },
@@ -12,23 +13,29 @@ const input$1 = {
12
13
  editButton: "Edit",
13
14
  selectButton: "Select values",
14
15
  showButton: "Show",
15
- label: "Enter a value",
16
- result: "result",
17
- results: "results",
18
- searchResults: "Search result(s) list.",
19
- noResult: "No result.",
20
16
  sections: {
17
+ label: "Values grouped by: \"Selected\" or \"Available\"",
18
+ badge: {
19
+ label: "value(s)"
20
+ },
21
+ search: {
22
+ label: "Enter a value",
23
+ values: "{count} value(s) found",
24
+ noValue: "No values found"
25
+ },
21
26
  selected: {
22
27
  title: "Selected",
23
- titlePlural: "Selected",
24
28
  action: "Unselect all",
25
- tooltip: "Unselect all current search results"
29
+ tooltip: "Unselect all current values",
30
+ values: "{count} value(s) selected",
31
+ noValue: "No value selected"
26
32
  },
27
33
  notSelected: {
28
- title: "Not selected",
29
- titlePlural: "Not selected",
34
+ title: "Available",
30
35
  action: "Select all",
31
- tooltip: "Select all current search results"
36
+ tooltip: "Select all current values",
37
+ values: "{count} value(s) available",
38
+ noValue: "All values are selected"
32
39
  }
33
40
  }
34
41
  },
@@ -60,9 +67,8 @@ const input$1 = {
60
67
  hide: "Hide password value"
61
68
  },
62
69
  combobox: {
63
- notFound: "No elements match your input",
64
- notAvailable: "No elements available",
65
- loadMore: "Load more",
70
+ notFound: "No value matches your input",
71
+ notAvailable: "No value available",
66
72
  search: "Search…"
67
73
  },
68
74
  text: {
@@ -110,8 +116,8 @@ const general$1 = {
110
116
  confirm: "Confirm",
111
117
  cancel: "Cancel",
112
118
  close: "Close",
113
- next: "next",
114
- previous: "previous",
119
+ next: "Next",
120
+ previous: "Previous",
115
121
  reset: "reset"
116
122
  };
117
123
  const menuItem$1 = {
@@ -153,6 +159,7 @@ const errors = {
153
159
  };
154
160
  const nbCharLeft = "{counter} caractères disponibles.";
155
161
  const input = {
162
+ showMore: "Afficher plus",
156
163
  select: {
157
164
  placeholder: "Sélectionnez une valeur"
158
165
  },
@@ -162,23 +169,29 @@ const input = {
162
169
  editButton: "Modifier",
163
170
  selectButton: "Sélectionner des valeurs",
164
171
  showButton: "Voir",
165
- label: "Saisissez une valeur",
166
- result: "résultat",
167
- results: "résultats",
168
- searchResults: "Liste de résultat(s) de la recherche.",
169
- noResult: "Aucun résultat.",
170
172
  sections: {
173
+ label: "Valeurs regroupées par: \"Sélectionnées\" ou \"Disponibles\"",
174
+ badge: {
175
+ label: "valeur(s)"
176
+ },
177
+ search: {
178
+ label: "Saisissez une valeur",
179
+ values: "{count} résultat(s)",
180
+ noValue: "Aucune valeur n'a été trouvée."
181
+ },
171
182
  selected: {
172
- title: "Sélectionné",
173
- titlePlural: "Sélectionnés",
183
+ title: "Sélectionnées",
174
184
  action: "Tout désélectionner",
175
- tooltip: "Désélectionne tous les résultats de la recherche en cours"
185
+ tooltip: "Désélectionne toutes les valeurs de la section",
186
+ values: "{count} valeur(s) sélectionnée(s)",
187
+ noValue: "Aucune valeur sélectionnée"
176
188
  },
177
189
  notSelected: {
178
- title: "Non sélectionné",
179
- titlePlural: "Non sélectionnés",
190
+ title: "Disponibles",
180
191
  action: "Tout sélectionner",
181
- tooltip: "Sélectionne tous les résultats de la recherche en cours"
192
+ tooltip: "Sélectionne toutes les valeurs de la section",
193
+ values: "{count} valeur(s) disponible(s)",
194
+ noValue: "Toutes les valeurs sont sélectionnées"
182
195
  }
183
196
  }
184
197
  },
@@ -210,9 +223,8 @@ const input = {
210
223
  hide: "Masquer le mot de passe"
211
224
  },
212
225
  combobox: {
213
- notFound: "Aucun élément ne correspondont a votre saisie",
214
- notAvailable: "Aucun élément disponible",
215
- loadMore: "Afficher plus",
226
+ notFound: "Aucune valeur ne correspondont à votre saisie",
227
+ notAvailable: "Aucune valeur disponible",
216
228
  search: "Recherche…"
217
229
  },
218
230
  text: {
@@ -260,8 +272,8 @@ const general = {
260
272
  confirm: "Valider",
261
273
  cancel: "Annuler",
262
274
  close: "Fermer",
263
- next: "suivant",
264
- previous: "précédent",
275
+ next: "Suivant",
276
+ previous: "Précédent",
265
277
  reset: "réinitialiser"
266
278
  };
267
279
  const menuItem = {
@@ -154,7 +154,7 @@ const MgActionMore$1 = /*@__PURE__*/ proxyCustomElement(class MgActionMore exten
154
154
  [`${this.classBase}__chevron--rotate`]: this.expanded === true,
155
155
  } }, h("mg-icon", { icon: "chevron-down" })));
156
156
  }
157
- return (h(Host, { key: '76e2d992c871f918fd1e0ba0b4c7a385a15821da', "data-mg-popover-guard": this.mgPopoverIdentifier }, h("span", { key: '1b321034f5154f4ffc39c41725d25e47689c4425', class: this.classBase }, h("mg-popover", { key: 'c39e28967995ad6a2d823548848c21da44a1e5a5', identifier: this.mgPopoverIdentifier, display: this.expanded, "onDisplay-change": this.handleDisplayChange }, h("mg-button", { key: '72e170ce8da38fd2962b44a6fbf5b98e8ed2b72d', variant: this.button.variant, isIcon: this.button.isIcon, disabled: this.button.disabled, type: "button", label: buttonLabel, onClick: this.handleButton }, this.icon && h("mg-icon", Object.assign({ key: '48b16c1e4f1beddc8d3e92567c8d34dca26801f6' }, this.icon)), !this.button.isIcon && buttonContent), h("div", { key: '6e3a7df656edcf556a931d9fc9ce553b9b23503b', slot: "content" }, h("mg-menu", { key: '8f29fe09601875bdeff2bda35663ffcfd76f8e68', direction: directions.VERTICAL, label: this.messages.label }, this.items.map(item => {
157
+ return (h(Host, { key: 'f1b9e6e54f933a049628067993400d3a31d15710', "data-mg-popover-guard": this.mgPopoverIdentifier }, h("span", { key: '081b89284d5234f24e6073dcd9bf4088fd5a86b8', class: this.classBase }, h("mg-popover", { key: '0e6c50bc3bcb07f72507571de9fdda90226d2163', identifier: this.mgPopoverIdentifier, display: this.expanded, "onDisplay-change": this.handleDisplayChange }, h("mg-button", { key: 'ab4a385069e0a33fe9d5bc026c98160eb4ec1dfa', variant: this.button.variant, isIcon: this.button.isIcon, disabled: this.button.disabled, type: "button", label: buttonLabel, onClick: this.handleButton }, this.icon && h("mg-icon", Object.assign({ key: 'e9dc31c07c3c0f474cea70f5eeda36707d101e85' }, this.icon)), !this.button.isIcon && buttonContent), h("div", { key: '201666b0bf5513e3360c3cc960e6cd6cd565dda1', slot: "content" }, h("mg-menu", { key: '3b0d56d9779b5bcaad31c714586dcda81bc550fa', direction: directions.VERTICAL, label: this.messages.label }, this.items.map(item => {
158
158
  var _a, _b;
159
159
  return isMgActionMoreDivider(item) ? (h("mg-divider", { class: "mg-c-action-more__divider", key: "divider", "full-width": true })) : (h("mg-menu-item", { key: item.label, status: item.status || Status.VISIBLE, target: item.target, href: item.href,
160
160
  // eslint-disable-next-line react/jsx-no-bind
@@ -169,7 +169,7 @@ const MgActionMore$1 = /*@__PURE__*/ proxyCustomElement(class MgActionMore exten
169
169
  "displayChevron": ["validateDisplayChevron"]
170
170
  }; }
171
171
  static get style() { return mgActionMoreCss; }
172
- }, [1, "mg-action-more", {
172
+ }, [257, "mg-action-more", {
173
173
  "items": [16],
174
174
  "icon": [1040],
175
175
  "button": [16],
@@ -159,7 +159,7 @@ const MgAlert$1 = /*@__PURE__*/ proxyCustomElement(class MgAlert extends HTMLEle
159
159
  * @returns HTML Element
160
160
  */
161
161
  render() {
162
- return (h("mg-message", { key: '397a9a25b825bc75479d4562bff61dedc8ddc891', class: this.classCollection.join(), role: ['info', 'success'].includes(this.variant) ? 'status' : 'alert', variant: this.variant, variantStyle: this.variantStyle }, h("slot", { key: '793fb1e88b5d68bd41598f020748ea2fb02d7f3b' }), this.hasActions ? (h("span", { slot: "actions" }, h("slot", { name: "actions" }))) : (h("span", { class: "mg-c-alert__close-button" }, h("mg-button", { "is-icon": true, variant: "flat", label: this.messages.alert.closeButton, onClick: this.handleClose }, h("mg-icon", { icon: "cross" }))))));
162
+ return (h("mg-message", { key: '626afcfe4c86dacff9860d2515827ae5aa6b7234', class: this.classCollection.join(), role: ['info', 'success'].includes(this.variant) ? 'status' : 'alert', variant: this.variant, variantStyle: this.variantStyle }, h("slot", { key: 'bc7d72c21dcf36c9012e144253ce2b3c6ebc14ed' }), this.hasActions ? (h("span", { slot: "actions" }, h("slot", { name: "actions" }))) : (h("span", { class: "mg-c-alert__close-button" }, h("mg-button", { "is-icon": true, variant: "flat", label: this.messages.alert.closeButton, onClick: this.handleClose }, h("mg-icon", { icon: "cross" }))))));
163
163
  }
164
164
  get element() { return this; }
165
165
  static get watchers() { return {
@@ -169,7 +169,7 @@ const MgAlert$1 = /*@__PURE__*/ proxyCustomElement(class MgAlert extends HTMLEle
169
169
  "hidden": ["watchHidden"]
170
170
  }; }
171
171
  static get style() { return mgAlertCss; }
172
- }, [1, "mg-alert", {
172
+ }, [257, "mg-alert", {
173
173
  "delay": [2],
174
174
  "variant": [1],
175
175
  "variantStyle": [1, "variant-style"],
@@ -81,7 +81,7 @@ const MgBadge = /*@__PURE__*/ proxyCustomElement(class MgBadge extends HTMLEleme
81
81
  "outline": ["validateOutline"]
82
82
  }; }
83
83
  static get style() { return mgBadgeCss; }
84
- }, [1, "mg-badge", {
84
+ }, [257, "mg-badge", {
85
85
  "value": [8],
86
86
  "label": [1],
87
87
  "variant": [1],
@@ -230,7 +230,7 @@ const MgButton = /*@__PURE__*/ proxyCustomElement(class MgButton extends HTMLEle
230
230
  "loading": ["loadingHandler"]
231
231
  }; }
232
232
  static get style() { return mgButtonCss; }
233
- }, [1, "mg-button", {
233
+ }, [257, "mg-button", {
234
234
  "variant": [1025],
235
235
  "label": [1],
236
236
  "type": [1],
@@ -64,7 +64,7 @@ const MgCard = /*@__PURE__*/ proxyCustomElement(class MgCard extends HTMLElement
64
64
  "radiusSize": ["watchRadiusSize"]
65
65
  }; }
66
66
  static get style() { return mgCardCss; }
67
- }, [1, "mg-card", {
67
+ }, [257, "mg-card", {
68
68
  "shadow": [4],
69
69
  "radiusSize": [1, "radius-size"],
70
70
  "classCollection": [32]
@@ -47,7 +47,7 @@ const MgCharacterLeft = /*@__PURE__*/ proxyCustomElement(class MgCharacterLeft e
47
47
  "maxlength": ["validateMaxlength"]
48
48
  }; }
49
49
  static get style() { return mgCharacterLeftCss; }
50
- }, [2, "mg-character-left", {
50
+ }, [258, "mg-character-left", {
51
51
  "identifier": [1],
52
52
  "characters": [1],
53
53
  "maxlength": [2]
@@ -57,7 +57,7 @@ const MgDetails$1 = /*@__PURE__*/ proxyCustomElement(class MgDetails extends HTM
57
57
  * @returns HTML Element
58
58
  */
59
59
  render() {
60
- return (h("details", { key: 'a06326b8ad16138a8dcc826a0e7dcce5b27aed6e', class: { 'mg-c-details': true, 'mg-c-details--empty-summary': this.isEmptySummary }, onToggle: this.handleToggle, open: this.expanded, ref: (el) => (this.details = el) }, h("summary", { key: '32517ae0572bfdd2b4abcf3b1a693df2bb9189d8' }, h("slot", { key: 'e06f303855a21ac4e6c20b2a405699429a38f978', name: "summary" }), h("span", { key: 'f9b1589d79e8f56d546fdb323faea37d6527ef78', class: "mg-c-details__toggle" }, h("mg-icon", { key: '5174b81f4a93f04690b8dcd3432d11cf56eaf7df', icon: "chevron-up", class: { 'mg-c-details__toggle-icon': true, 'mg-c-details__toggle-icon--reverse': !this.expanded } }), h("span", { key: 'b7c07eb8ec0b674c4233b2b6d6522a8afe9bcdfc', class: { 'mg-u-visually-hidden': this.hideSummary } }, this.expanded ? this.toggleOpened : this.toggleClosed))), h("div", { key: 'a88f7633a3aa775bb26e11788469d9f51764c223', class: "mg-c-details__details" }, h("slot", { key: 'd87ba0c67e7730436b9aff8edf1b04dcd0528fc1', name: "details" }))));
60
+ return (h("details", { key: '4da17afd7a964a14b5b101bcfadc241be569d55a', class: { 'mg-c-details': true, 'mg-c-details--empty-summary': this.isEmptySummary }, onToggle: this.handleToggle, open: this.expanded, ref: (el) => (this.details = el) }, h("summary", { key: '515d6c4e117b547fe80a310fb90e114900f645e8' }, h("slot", { key: '0c9c0dcc47dd418e34e541d878bfc03ca137c68d', name: "summary" }), h("span", { key: 'c94f52994843b10c1161c0d85f38f8cb917ea806', class: "mg-c-details__toggle" }, h("mg-icon", { key: '9421452572af3deb03146a8dfd189369b249ba2d', icon: "chevron-up", class: { 'mg-c-details__toggle-icon': true, 'mg-c-details__toggle-icon--reverse': !this.expanded } }), h("span", { key: 'dbfb0b34da00e37f55ec07236611c2babdd6b7c5', class: { 'mg-u-visually-hidden': this.hideSummary } }, this.expanded ? this.toggleOpened : this.toggleClosed))), h("div", { key: '1b18b65a98e39a8663fa5d7e51eef5fbe2b92f76', class: "mg-c-details__details" }, h("slot", { key: '81c213594b1b67747db439624090784eaa5e6fcd', name: "details" }))));
61
61
  }
62
62
  get element() { return this; }
63
63
  static get watchers() { return {
@@ -66,7 +66,7 @@ const MgDetails$1 = /*@__PURE__*/ proxyCustomElement(class MgDetails extends HTM
66
66
  "expanded": ["handleExpanded"]
67
67
  }; }
68
68
  static get style() { return mgDetailsCss; }
69
- }, [1, "mg-details", {
69
+ }, [257, "mg-details", {
70
70
  "toggleClosed": [1, "toggle-closed"],
71
71
  "toggleOpened": [1, "toggle-opened"],
72
72
  "hideSummary": [4, "hide-summary"],
@@ -26,7 +26,7 @@ const MgDivider = /*@__PURE__*/ proxyCustomElement(class MgDivider extends HTMLE
26
26
  } }));
27
27
  }
28
28
  static get style() { return mgDividerCss; }
29
- }, [1, "mg-divider", {
29
+ }, [257, "mg-divider", {
30
30
  "fullWidth": [4, "full-width"]
31
31
  }]);
32
32
  function defineCustomElement() {
@@ -244,7 +244,7 @@ const MgForm$1 = /*@__PURE__*/ proxyCustomElement(class MgForm extends HTMLEleme
244
244
  * @returns HTML Element
245
245
  */
246
246
  render() {
247
- return (h("form", { key: '6330085d26ecd493eab3fd0fd63344ce1a00e589', class: this.classCollection.join(), id: this.identifier, name: this.name, onSubmit: this.handleFormSubmit, role: this.ariaRole }, this.requiredMessageText && h("p", { key: '386adf6d3ee2d0d8ec6adf791da8f21a6fb6ac11', innerHTML: this.requiredMessageText }), h("slot", { key: '5349f004f644b4e02e1c5da27f49df4efacac016' }), !this.readonly && !this.disabled && h("slot", { key: '2ed9817b514033c89933751a3dc00ed668331b68', name: "actions" })));
247
+ return (h("form", { key: 'd6842c8daef22c0a3747147d99d7bf6920f7623e', class: this.classCollection.join(), id: this.identifier, name: this.name, onSubmit: this.handleFormSubmit, role: this.ariaRole }, this.requiredMessageText && h("p", { key: 'cf5d9f380dfce313811df2dec390543ee19dffcb', innerHTML: this.requiredMessageText }), h("slot", { key: '2f03dd98f92469bc34b8bf9b8a8ef79cf8adf25c' }), !this.readonly && !this.disabled && h("slot", { key: 'c0f38f24c59d70703accf5fc63a2b58a92a952f0', name: "actions" })));
248
248
  }
249
249
  get element() { return this; }
250
250
  static get watchers() { return {
@@ -256,7 +256,7 @@ const MgForm$1 = /*@__PURE__*/ proxyCustomElement(class MgForm extends HTMLEleme
256
256
  "disabled": ["handleAttributeChange"]
257
257
  }; }
258
258
  static get style() { return mgFormCss; }
259
- }, [1, "mg-form", {
259
+ }, [257, "mg-form", {
260
260
  "identifier": [1],
261
261
  "name": [1],
262
262
  "readonly": [4],