@mgdis/mg-components 6.22.0 → 6.22.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (125) hide show
  1. package/dist/cjs/{index-C2viYwrR.js → index-Dz2LAZQT.js} +325 -1789
  2. package/dist/cjs/loader.cjs.js +2 -2
  3. package/dist/cjs/{mg-action-more_37.cjs.entry.js → mg-action-more_36.cjs.entry.js} +109 -130
  4. package/dist/cjs/mg-alert.cjs.entry.js +2 -2
  5. package/dist/cjs/mg-breadcrumb.cjs.entry.js +2 -2
  6. package/dist/cjs/mg-components.cjs.js +3 -3
  7. package/dist/cjs/mg-fieldset.cjs.entry.js +2 -2
  8. package/dist/cjs/mg-input-combobox.cjs.entry.js +2 -2
  9. package/dist/cjs/mg-input-file.cjs.entry.js +3 -3
  10. package/dist/cjs/mg-input-rich-text-editor.cjs.entry.js +2498 -2474
  11. package/dist/cjs/mg-loader.cjs.entry.js +2 -2
  12. package/dist/cjs/mg-progress.cjs.entry.js +2 -2
  13. package/dist/collection/collection-manifest.json +2 -2
  14. package/dist/collection/components/atoms/mg-badge/mg-badge.js +2 -1
  15. package/dist/collection/components/atoms/mg-button/mg-button.js +6 -3
  16. package/dist/collection/components/atoms/mg-card/mg-card.js +2 -1
  17. package/dist/collection/components/atoms/mg-icon/mg-icon.js +8 -4
  18. package/dist/collection/components/atoms/mg-tag/mg-tag.js +2 -1
  19. package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.js +2 -1
  20. package/dist/collection/components/molecules/inputs/mg-input/mg-input.js +4 -2
  21. package/dist/collection/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxPaginated.js +38 -0
  22. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf.js +3 -2
  23. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js +47 -26
  24. package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.js +13 -7
  25. package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js +3 -2
  26. package/dist/collection/components/molecules/inputs/mg-input-file/mg-input-file.js +4 -3
  27. package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js +9 -5
  28. package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js +5 -3
  29. package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js +5 -3
  30. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.js +7 -4
  31. package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js +22 -8
  32. package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.js +11 -6
  33. package/dist/collection/components/molecules/inputs/mg-input-textarea/mg-input-textarea.js +5 -3
  34. package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.js +7 -4
  35. package/dist/collection/components/molecules/internals/mg-item-more/mg-item-more.js +5 -3
  36. package/dist/collection/components/molecules/menus/mg-menu/mg-menu.js +5 -3
  37. package/dist/collection/components/molecules/menus/mg-menu-item/mg-menu-item.js +4 -2
  38. package/dist/collection/components/molecules/mg-action-more/mg-action-more.js +11 -7
  39. package/dist/collection/components/molecules/mg-alert/mg-alert.js +5 -3
  40. package/dist/collection/components/molecules/mg-breadcrumb/mg-breadcrumb.js +3 -2
  41. package/dist/collection/components/molecules/mg-details/mg-details.js +1 -1
  42. package/dist/collection/components/molecules/mg-fieldset/mg-fieldset.js +3 -2
  43. package/dist/collection/components/molecules/mg-form/mg-form.js +5 -3
  44. package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js +5 -3
  45. package/dist/collection/components/molecules/mg-loader/mg-loader.js +1 -1
  46. package/dist/collection/components/molecules/mg-message/mg-message.js +6 -4
  47. package/dist/collection/components/molecules/mg-modal/mg-modal.js +4 -3
  48. package/dist/collection/components/molecules/mg-pagination/mg-pagination.js +2 -1
  49. package/dist/collection/components/molecules/mg-panel/mg-panel.js +5 -3
  50. package/dist/collection/components/molecules/mg-popover/mg-popover-content/mg-popover-content.js +1 -1
  51. package/dist/collection/components/molecules/mg-popover/mg-popover.js +3 -2
  52. package/dist/collection/components/molecules/mg-progress/mg-progress.js +3 -2
  53. package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.js +3 -2
  54. package/dist/collection/components/molecules/mg-table/mg-table.js +4 -2
  55. package/dist/collection/components/molecules/mg-tabs/mg-tabs.js +3 -2
  56. package/dist/components/index2.js +1 -1
  57. package/dist/components/mg-action-more.js +1 -1
  58. package/dist/components/mg-alert.js +1 -1
  59. package/dist/components/mg-breadcrumb.js +1 -1
  60. package/dist/components/mg-details.js +1 -1
  61. package/dist/components/mg-fieldset.js +1 -1
  62. package/dist/components/mg-form.js +1 -1
  63. package/dist/components/mg-illustrated-message.js +1 -1
  64. package/dist/components/mg-input-checkbox.js +1 -1
  65. package/dist/components/mg-input-combobox.js +1 -1
  66. package/dist/components/mg-input-date.js +1 -1
  67. package/dist/components/mg-input-file.js +1 -1
  68. package/dist/components/mg-input-numeric.js +1 -1
  69. package/dist/components/mg-input-password.js +1 -1
  70. package/dist/components/mg-input-radio.js +1 -1
  71. package/dist/components/mg-input-rich-text-editor.js +2 -2
  72. package/dist/components/mg-input-select2.js +1 -1
  73. package/dist/components/mg-input-text2.js +1 -1
  74. package/dist/components/mg-input-textarea.js +1 -1
  75. package/dist/components/mg-input-toggle.js +1 -1
  76. package/dist/components/mg-item-more2.js +1 -1
  77. package/dist/components/mg-loader2.js +1 -1
  78. package/dist/components/mg-message2.js +1 -1
  79. package/dist/components/mg-modal.js +1 -1
  80. package/dist/components/mg-panel.js +1 -1
  81. package/dist/components/mg-popover-content2.js +1 -1
  82. package/dist/components/mg-popover2.js +1 -1
  83. package/dist/components/mg-progress.js +1 -1
  84. package/dist/components/mg-skip-links.js +1 -1
  85. package/dist/components/mg-tabs2.js +1 -1
  86. package/dist/esm/{index-DFwaH2hS.js → index-C3jUhxdI.js} +325 -1789
  87. package/dist/esm/loader.js +3 -3
  88. package/dist/esm/{mg-action-more_37.entry.js → mg-action-more_36.entry.js} +111 -131
  89. package/dist/esm/mg-alert.entry.js +2 -2
  90. package/dist/esm/mg-breadcrumb.entry.js +2 -2
  91. package/dist/esm/mg-components.js +4 -4
  92. package/dist/esm/mg-fieldset.entry.js +2 -2
  93. package/dist/esm/mg-input-combobox.entry.js +2 -2
  94. package/dist/esm/mg-input-file.entry.js +3 -3
  95. package/dist/esm/mg-input-rich-text-editor.entry.js +2498 -2474
  96. package/dist/esm/mg-loader.entry.js +2 -2
  97. package/dist/esm/mg-progress.entry.js +2 -2
  98. package/dist/mg-components/mg-components.esm.js +1 -1
  99. package/dist/mg-components/{p-2ee92f38.entry.js → p-06fbdb2f.entry.js} +1 -1
  100. package/dist/mg-components/{p-3b653226.entry.js → p-188b9ca9.entry.js} +1 -1
  101. package/dist/mg-components/p-4667078d.entry.js +1 -0
  102. package/dist/mg-components/{p-c63f97f0.entry.js → p-5a859ecf.entry.js} +2 -2
  103. package/dist/mg-components/{p-d5e69c95.entry.js → p-661da56b.entry.js} +1 -1
  104. package/dist/mg-components/{p-adec7fcc.entry.js → p-8e256086.entry.js} +1 -1
  105. package/dist/mg-components/p-C3jUhxdI.js +2 -0
  106. package/dist/mg-components/{p-cc793586.entry.js → p-b0b8c58f.entry.js} +1 -1
  107. package/dist/mg-components/{p-5745fbea.entry.js → p-bbcef41c.entry.js} +1 -1
  108. package/dist/mg-components/{p-c8c8cfc1.entry.js → p-c1aeb277.entry.js} +1 -1
  109. package/dist/types/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxList.d.ts +2 -2
  110. package/dist/types/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxPaginated.d.ts +8 -0
  111. package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf.d.ts +16 -8
  112. package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.d.ts +15 -5
  113. package/dist/types/components/molecules/inputs/mg-input-select/mg-input-select.d.ts +1 -1
  114. package/dist/types/components.d.ts +525 -170
  115. package/dist/types/stencil-public-runtime.d.ts +52 -2
  116. package/ide/intellij/web-types.json +7 -7
  117. package/ide/vscode/html-custom-data.json +3 -3
  118. package/package.json +19 -19
  119. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.js +0 -245
  120. package/dist/components/mg-input-checkbox-paginated.d.ts +0 -11
  121. package/dist/components/mg-input-checkbox-paginated.js +0 -1
  122. package/dist/components/mg-input-checkbox-paginated2.js +0 -1
  123. package/dist/mg-components/p-0482eb9f.entry.js +0 -1
  124. package/dist/mg-components/p-DFwaH2hS.js +0 -2
  125. package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.d.ts +0 -77
@@ -248,7 +248,7 @@ export class MgInputPassword {
248
248
  * @returns HTML Element
249
249
  */
250
250
  render() {
251
- return (h("mg-input", { key: '7154d79c2c609f47ae7c9542cffd1c92d26ce383', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === undefined ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly ? (this.value !== undefined && h("b", { class: "mg-c-input__readonly-value" }, '•'.repeat(this.value.length))) : (h("span", { class: "mg-c-input__input-group" }, h("input", { type: this.displayPassword ? 'text' : 'password', class: "mg-c-input__box mg-c-input__box--width", value: this.value, id: this.identifier, name: this.name, placeholder: this.placeholder, title: this.placeholder, disabled: this.disabled, required: this.required, maxlength: this.maxlength, "aria-invalid": (this.invalid === true).toString(), onInput: this.handleInput, onBlur: this.handleBlur, ref: (el) => {
251
+ return (h("mg-input", { key: 'bfa5f289eb4d357c21cd9a753550bab1df846df8', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === undefined ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly ? (this.value !== undefined && h("b", { class: "mg-c-input__readonly-value" }, '•'.repeat(this.value.length))) : (h("span", { class: "mg-c-input__input-group" }, h("input", { type: this.displayPassword ? 'text' : 'password', class: "mg-c-input__box mg-c-input__box--width", value: this.value, id: this.identifier, name: this.name, placeholder: this.placeholder, title: this.placeholder, disabled: this.disabled, required: this.required, maxlength: this.maxlength, "aria-invalid": (this.invalid === true).toString(), onInput: this.handleInput, onBlur: this.handleBlur, ref: (el) => {
252
252
  if (el !== null)
253
253
  this.input = el;
254
254
  } }), h("mg-button", { label: this.messages.input.password[this.displayPassword ? 'hide' : 'display'], disabled: this.disabled, variant: "flat", class: "mg-c-input__append-button", "is-icon": true, onClick: this.toggleDisplayPassword, "aria-controls": this.identifier }, h("mg-icon", { class: "mg-c-input__input-icon", icon: (this.displayPassword ? 'eye-slash' : 'eye') }))))));
@@ -492,7 +492,8 @@ export class MgInputPassword {
492
492
  "Width": {
493
493
  "location": "import",
494
494
  "path": "../mg-input/mg-input.conf",
495
- "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::Width"
495
+ "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::Width",
496
+ "referenceLocation": "Width"
496
497
  }
497
498
  }
498
499
  },
@@ -537,7 +538,8 @@ export class MgInputPassword {
537
538
  "TooltipPosition": {
538
539
  "location": "import",
539
540
  "path": "../mg-input/mg-input.conf",
540
- "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition"
541
+ "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition",
542
+ "referenceLocation": "TooltipPosition"
541
543
  }
542
544
  }
543
545
  },
@@ -284,7 +284,7 @@ export class MgInputRadio {
284
284
  * @returns HTML Element
285
285
  */
286
286
  render() {
287
- return (h("mg-input", { key: 'bdeb5a98bc7f4567beb293c1fcf4f99169089fa6', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && !this.value ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly ? (this.readonlyValue && h("b", { class: "mg-c-input__readonly-value" }, this.readonlyValue)) : (h("div", { class: "mg-c-input__input-group-container" }, this.options.map((input, index) => (h("div", { key: input.title, class: { 'mg-c-input__input-group': true, 'mg-c-input__input-group--disabled': this.disabled || input.disabled } }, h("input", { type: "radio", id: this.identifier + '_' + index, name: this.identifier, value: index, checked: JSON.stringify(this.value) === JSON.stringify(this.options[index].value), disabled: this.disabled || input.disabled, required: this.required, onBlur: this.handleBlur, onInput: this.handleInput, ref: (el) => {
287
+ return (h("mg-input", { key: 'a24a80156ef3e7760d02a52900d93099cd570db8', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && !this.value ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly ? (this.readonlyValue && h("b", { class: "mg-c-input__readonly-value" }, this.readonlyValue)) : (h("div", { class: "mg-c-input__input-group-container" }, this.options.map((input, index) => (h("div", { key: input.title, class: { 'mg-c-input__input-group': true, 'mg-c-input__input-group--disabled': this.disabled || input.disabled } }, h("input", { type: "radio", id: this.identifier + '_' + index, name: this.identifier, value: index, checked: JSON.stringify(this.value) === JSON.stringify(this.options[index].value), disabled: this.disabled || input.disabled, required: this.required, onBlur: this.handleBlur, onInput: this.handleInput, ref: (el) => {
288
288
  if (el !== null)
289
289
  this.inputs[index] = el;
290
290
  } }), h("label", { htmlFor: this.identifier + '_' + index }, input.title))))))));
@@ -332,7 +332,8 @@ export class MgInputRadio {
332
332
  "RadioOption": {
333
333
  "location": "import",
334
334
  "path": "./mg-input-radio.conf",
335
- "id": "src/components/molecules/inputs/mg-input-radio/mg-input-radio.conf.ts::RadioOption"
335
+ "id": "src/components/molecules/inputs/mg-input-radio/mg-input-radio.conf.ts::RadioOption",
336
+ "referenceLocation": "RadioOption"
336
337
  }
337
338
  }
338
339
  },
@@ -552,7 +553,8 @@ export class MgInputRadio {
552
553
  "TooltipPosition": {
553
554
  "location": "import",
554
555
  "path": "../mg-input/mg-input.conf",
555
- "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition"
556
+ "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition",
557
+ "referenceLocation": "TooltipPosition"
556
558
  }
557
559
  }
558
560
  },
@@ -375,7 +375,7 @@ export class MgInputRichTextEditor {
375
375
  * @returns HTML mg-input Element
376
376
  */
377
377
  render() {
378
- return (h("mg-input", { key: '3f7c51ee9114279bff924e698b66853b721a5907', identifier: this.identifier, class: this.classCollection.join(), label: this.label, labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.tooltipPosition, helpText: this.helpText, errorMessage: this.hasDisplayedError ? this.errorMessage : undefined }, this.readonly ? (h("div", { class: "mg-c-input__readonly-value", innerHTML: this.value })) : (h("div", { id: this.identifier, class: "mg-c-input__wrapper" }, h("textarea", { name: this.name, ref: (el) => {
378
+ return (h("mg-input", { key: '019cea088aa4a3938d533d7214ba7a8a1e750c0d', identifier: this.identifier, class: this.classCollection.join(), label: this.label, labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.tooltipPosition, helpText: this.helpText, errorMessage: this.hasDisplayedError ? this.errorMessage : undefined }, this.readonly ? (h("div", { class: "mg-c-input__readonly-value", innerHTML: this.value })) : (h("div", { id: this.identifier, class: "mg-c-input__wrapper" }, h("textarea", { name: this.name, ref: (el) => {
379
379
  if (el !== null)
380
380
  this.editorElement = el;
381
381
  } })))));
@@ -678,7 +678,8 @@ export class MgInputRichTextEditor {
678
678
  "TooltipPosition": {
679
679
  "location": "import",
680
680
  "path": "../mg-input/mg-input.conf",
681
- "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition"
681
+ "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition",
682
+ "referenceLocation": "TooltipPosition"
682
683
  }
683
684
  }
684
685
  },
@@ -723,7 +724,8 @@ export class MgInputRichTextEditor {
723
724
  "ButtonsOption": {
724
725
  "location": "import",
725
726
  "path": "./editor/editor.conf",
726
- "id": "src/components/molecules/inputs/mg-input-rich-text-editor/editor/editor.conf.ts::ButtonsOption"
727
+ "id": "src/components/molecules/inputs/mg-input-rich-text-editor/editor/editor.conf.ts::ButtonsOption",
728
+ "referenceLocation": "ButtonsOption"
727
729
  }
728
730
  }
729
731
  },
@@ -748,7 +750,8 @@ export class MgInputRichTextEditor {
748
750
  "SanitizerOptions": {
749
751
  "location": "import",
750
752
  "path": "@mgdis/sanitize-html",
751
- "id": "../sanitize-html/dist/index.d.ts::SanitizerOptions"
753
+ "id": "../sanitize-html/dist/index.d.ts::SanitizerOptions",
754
+ "referenceLocation": "SanitizerOptions"
752
755
  }
753
756
  }
754
757
  },
@@ -129,11 +129,19 @@ export class MgInputSelect {
129
129
  }
130
130
  };
131
131
  /**
132
- * Method to compare item.title with input.value
132
+ * Method to compare item with input.value
133
133
  * @param item - item to compare with
134
134
  * @returns truthy if input.value is an item
135
135
  */
136
- this.isInputValue = (item) => { var _a; return item.title === ((_a = this.input) === null || _a === void 0 ? void 0 : _a.value); };
136
+ this.isInputValue = (item) => {
137
+ if (this.input === undefined)
138
+ return false;
139
+ // String items keep native DOM values.
140
+ if (allItemsAreString(this.items))
141
+ return item.title === this.input.value;
142
+ // Object items use stringified values.
143
+ return toString(item.value) === this.input.value;
144
+ };
137
145
  /**
138
146
  * Handle blur event
139
147
  */
@@ -178,7 +186,10 @@ export class MgInputSelect {
178
186
  * @param option - to render
179
187
  * @returns render option
180
188
  */
181
- this.renderOption = (option) => (h("option", { key: option.title, value: option.title, selected: JSON.stringify(this.value) === JSON.stringify(option.value), disabled: option.disabled }, option.title));
189
+ this.renderOption = (option) => {
190
+ const serializedValue = allItemsAreString(this.items) ? option.title : toString(option.value);
191
+ return (h("option", { key: serializedValue, value: serializedValue, selected: JSON.stringify(this.value) === JSON.stringify(option.value), disabled: option.disabled }, option.title));
192
+ };
182
193
  }
183
194
  validateValue(newValue) {
184
195
  setTimeout(() => {
@@ -372,7 +383,7 @@ export class MgInputSelect {
372
383
  */
373
384
  render() {
374
385
  const readonlyValue = this.getReadonlyValue();
375
- return (h("mg-input", { key: 'ad948f6ed1a8e749ab7b62a198814a40ef99e884', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && readonlyValue === null ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly ? (readonlyValue && h("b", { class: "mg-c-input__readonly-value" }, readonlyValue)) : (h("select", { class: "mg-c-input__box", id: this.identifier, name: this.name, title: this.placeholder, disabled: this.disabled, required: this.required, "aria-invalid": (this.invalid === true).toString(), onInput: this.handleInput, onBlur: this.handleBlur, ref: (el) => {
386
+ return (h("mg-input", { key: '7d544e8f67a37d5781697da10d3d4f47cc5027e3', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && readonlyValue === null ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly ? (readonlyValue && h("b", { class: "mg-c-input__readonly-value" }, readonlyValue)) : (h("select", { class: "mg-c-input__box", id: this.identifier, name: this.name, title: this.placeholder, disabled: this.disabled, required: this.required, "aria-invalid": (this.invalid === true).toString(), onInput: this.handleInput, onBlur: this.handleBlur, ref: (el) => {
376
387
  if (el !== null)
377
388
  this.input = el;
378
389
  } }, (!this.placeholderHide || !this.valueExist) && ( // In case passed value does not match any option we display the placeholder
@@ -421,7 +432,8 @@ export class MgInputSelect {
421
432
  "SelectOption": {
422
433
  "location": "import",
423
434
  "path": "./mg-input-select.conf",
424
- "id": "src/components/molecules/inputs/mg-input-select/mg-input-select.conf.ts::SelectOption"
435
+ "id": "src/components/molecules/inputs/mg-input-select/mg-input-select.conf.ts::SelectOption",
436
+ "referenceLocation": "SelectOption"
425
437
  }
426
438
  }
427
439
  },
@@ -661,7 +673,8 @@ export class MgInputSelect {
661
673
  "Width": {
662
674
  "location": "import",
663
675
  "path": "../mg-input/mg-input.conf",
664
- "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::Width"
676
+ "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::Width",
677
+ "referenceLocation": "Width"
665
678
  }
666
679
  }
667
680
  },
@@ -705,7 +718,8 @@ export class MgInputSelect {
705
718
  "TooltipPosition": {
706
719
  "location": "import",
707
720
  "path": "../mg-input/mg-input.conf",
708
- "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition"
721
+ "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition",
722
+ "referenceLocation": "TooltipPosition"
709
723
  }
710
724
  }
711
725
  },
@@ -801,7 +815,7 @@ export class MgInputSelect {
801
815
  },
802
816
  "complexType": {
803
817
  "original": "HTMLMgInputCheckboxElement['value']",
804
- "resolved": "CheckboxValue[]",
818
+ "resolved": "ICheckboxValue[]",
805
819
  "references": {
806
820
  "HTMLMgInputCheckboxElement": {
807
821
  "location": "global",
@@ -375,7 +375,7 @@ export class MgInputText {
375
375
  * @returns HTML Element
376
376
  */
377
377
  render() {
378
- return (h("mg-input", { key: 'aa227eef42e7cfcb1ad0c6c2664498674b5cdd47', label: this.label, identifier: this.identifier, class: this.classCollection.join(), ariaDescribedbyIDs: this.characterLeftId, labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === undefined ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly
378
+ return (h("mg-input", { key: '068e38b82ef4e2254fb8d37f21ecf11dc4f3a012', label: this.label, identifier: this.identifier, class: this.classCollection.join(), ariaDescribedbyIDs: this.characterLeftId, labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === undefined ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly
379
379
  ? this.value && this.renderReadonly()
380
380
  : [
381
381
  h("div", { key: "input", class: "mg-c-input__input-group-container", style: {
@@ -528,7 +528,8 @@ export class MgInputText {
528
528
  "TextType": {
529
529
  "location": "import",
530
530
  "path": "./mg-input-text.conf",
531
- "id": "src/components/molecules/inputs/mg-input-text/mg-input-text.conf.ts::TextType"
531
+ "id": "src/components/molecules/inputs/mg-input-text/mg-input-text.conf.ts::TextType",
532
+ "referenceLocation": "TextType"
532
533
  }
533
534
  }
534
535
  },
@@ -554,7 +555,8 @@ export class MgInputText {
554
555
  "IconType": {
555
556
  "location": "import",
556
557
  "path": "../../../../components",
557
- "id": "src/components.d.ts::IconType"
558
+ "id": "src/components.d.ts::IconType",
559
+ "referenceLocation": "IconType"
558
560
  }
559
561
  }
560
562
  },
@@ -598,7 +600,8 @@ export class MgInputText {
598
600
  "OptionType": {
599
601
  "location": "import",
600
602
  "path": "./mg-input-text.conf",
601
- "id": "src/components/molecules/inputs/mg-input-text/mg-input-text.conf.ts::OptionType"
603
+ "id": "src/components/molecules/inputs/mg-input-text/mg-input-text.conf.ts::OptionType",
604
+ "referenceLocation": "OptionType"
602
605
  }
603
606
  }
604
607
  },
@@ -701,7 +704,8 @@ export class MgInputText {
701
704
  "Width": {
702
705
  "location": "import",
703
706
  "path": "../mg-input/mg-input.conf",
704
- "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::Width"
707
+ "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::Width",
708
+ "referenceLocation": "Width"
705
709
  }
706
710
  }
707
711
  },
@@ -784,7 +788,8 @@ export class MgInputText {
784
788
  "TooltipPosition": {
785
789
  "location": "import",
786
790
  "path": "../mg-input/mg-input.conf",
787
- "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition"
791
+ "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition",
792
+ "referenceLocation": "TooltipPosition"
788
793
  }
789
794
  }
790
795
  },
@@ -284,7 +284,7 @@ export class MgInputTextarea {
284
284
  * @returns HTML Element
285
285
  */
286
286
  render() {
287
- return (h("mg-input", { key: '68f259138df7207d7ba16a8f36f3b45e8fb143d0', label: this.label, identifier: this.identifier, class: this.classCollection.join(), ariaDescribedbyIDs: this.characterLeftId, labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === undefined ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly ? (this.value && h("b", { class: "mg-c-input__readonly-value" }, this.value)) : (h("div", { class: "mg-c-input__input-group-container" }, h("textarea", { class: {
287
+ return (h("mg-input", { key: '021aa902aa952730d98fbc2eaa5136975b484319', label: this.label, identifier: this.identifier, class: this.classCollection.join(), ariaDescribedbyIDs: this.characterLeftId, labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === undefined ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly ? (this.value && h("b", { class: "mg-c-input__readonly-value" }, this.value)) : (h("div", { class: "mg-c-input__input-group-container" }, h("textarea", { class: {
288
288
  'mg-c-input__box': true,
289
289
  'mg-c-input__box--width': true,
290
290
  'mg-c-input__box--resizable': this.resizable === 'both',
@@ -535,7 +535,8 @@ export class MgInputTextarea {
535
535
  "Width": {
536
536
  "location": "import",
537
537
  "path": "../mg-input/mg-input.conf",
538
- "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::Width"
538
+ "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::Width",
539
+ "referenceLocation": "Width"
539
540
  }
540
541
  }
541
542
  },
@@ -638,7 +639,8 @@ export class MgInputTextarea {
638
639
  "TooltipPosition": {
639
640
  "location": "import",
640
641
  "path": "../mg-input/mg-input.conf",
641
- "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition"
642
+ "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition",
643
+ "referenceLocation": "TooltipPosition"
642
644
  }
643
645
  }
644
646
  },
@@ -270,7 +270,7 @@ export class MgInputToggle {
270
270
  */
271
271
  render() {
272
272
  const currentOption = this.options[this.getCurrentOptionIndex(this.value)];
273
- return (h("mg-input", { key: '834a0b0713019490b91d799ac9688661f930de43', label: this.label, helpText: this.helpText, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: undefined, tooltip: this.tooltip, tooltipPosition: this.tooltipPosition, errorMessage: this.errorMessage }, this.readonly ? (currentOption && h("b", { class: "mg-c-input__readonly-value" }, currentOption.title)) : (h("button", { type: "button", role: "switch", "aria-checked": this.isChecked(this.value).toString(), "aria-readonly": this.disabled || this.readonly, id: this.identifier, class: "mg-c-input__button-toggle", disabled: this.disabled || this.readonly, onClick: this.handleSwitchButton, ref: el => {
273
+ return (h("mg-input", { key: '3f440a16156b4fc89590addba025b350218ccf9c', label: this.label, helpText: this.helpText, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: undefined, tooltip: this.tooltip, tooltipPosition: this.tooltipPosition, errorMessage: this.errorMessage }, this.readonly ? (currentOption && h("b", { class: "mg-c-input__readonly-value" }, currentOption.title)) : (h("button", { type: "button", role: "switch", "aria-checked": this.isChecked(this.value).toString(), "aria-readonly": this.disabled || this.readonly, id: this.identifier, class: "mg-c-input__button-toggle", disabled: this.disabled || this.readonly, onClick: this.handleSwitchButton, ref: el => {
274
274
  if (el !== null)
275
275
  this.button = el;
276
276
  } }, h("span", { "aria-hidden": "true", class: "mg-c-input__toggle-item-container" }, h("slot", { name: "item-1" })), h("span", { "aria-hidden": "true", class: "mg-c-input__toggle-item-container" }, h("slot", { name: "item-2" }))))));
@@ -299,7 +299,8 @@ export class MgInputToggle {
299
299
  "ToggleOption": {
300
300
  "location": "import",
301
301
  "path": "../../../../types",
302
- "id": "src/types/index.ts::Option"
302
+ "id": "src/types/index.ts::Option",
303
+ "referenceLocation": "Option"
303
304
  }
304
305
  }
305
306
  },
@@ -322,7 +323,8 @@ export class MgInputToggle {
322
323
  "ToggleOption": {
323
324
  "location": "import",
324
325
  "path": "../../../../types",
325
- "id": "src/types/index.ts::Option"
326
+ "id": "src/types/index.ts::Option",
327
+ "referenceLocation": "Option"
326
328
  }
327
329
  }
328
330
  },
@@ -542,7 +544,8 @@ export class MgInputToggle {
542
544
  "TooltipPosition": {
543
545
  "location": "import",
544
546
  "path": "../mg-input/mg-input.conf",
545
- "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition"
547
+ "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition",
548
+ "referenceLocation": "TooltipPosition"
546
549
  }
547
550
  }
548
551
  },
@@ -99,12 +99,13 @@ export class MgItemMore {
99
99
  "mutable": false,
100
100
  "complexType": {
101
101
  "original": "IconType",
102
- "resolved": "{ icon: \"filter\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"key\" | \"list\" | \"copy\" | \"history\" | \"location\" | \"pause\" | \"loader\" | \"address-card\" | \"address-card-outline\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"arrows-up-down\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building\" | \"building-outline\" | \"calculator\" | \"calculator-outline\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-exclamation\" | \"comment-exclamation-outline\" | \"comment-outline\" | \"comment-question\" | \"comment-question-outline\" | \"comment-sms\" | \"comment-sms-outline\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-outline\" | \"eye-slash\" | \"eye-slash-outline\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-cog-outline\" | \"file-download\" | \"file-download-outline\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-upload-outline\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-checked\" | \"floppy-disk-checked-outline\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folder-star-outline\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-euro\" | \"hand-euro-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"layers\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-open\" | \"mail-open-outline\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-outline\" | \"paper-plane-slash\" | \"paper-plane-slash-outline\" | \"paperclip\" | \"pause-outline\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"plus-circle-outline\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sidebar-arrow-left\" | \"sidebar-arrow-right\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tag-outline\" | \"tags\" | \"tags-outline\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"universal-access-outline\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-group-outline\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"; }",
102
+ "resolved": "{ icon: \"filter\" | \"address-card\" | \"address-card-outline\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"arrows-up-down\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building\" | \"building-outline\" | \"calculator\" | \"calculator-outline\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-exclamation\" | \"comment-exclamation-outline\" | \"comment-outline\" | \"comment-question\" | \"comment-question-outline\" | \"comment-sms\" | \"comment-sms-outline\" | \"conversation\" | \"conversation-outline\" | \"copy\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"download\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-outline\" | \"eye-slash\" | \"eye-slash-outline\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-cog-outline\" | \"file-download\" | \"file-download-outline\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-upload-outline\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-checked\" | \"floppy-disk-checked-outline\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folder-star-outline\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-euro\" | \"hand-euro-outline\" | \"hand-up\" | \"history\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"key\" | \"laptop\" | \"layers\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"link\" | \"list\" | \"loader\" | \"location\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-open\" | \"mail-open-outline\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-outline\" | \"paper-plane-slash\" | \"paper-plane-slash-outline\" | \"paperclip\" | \"pause\" | \"pause-outline\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"plus-circle-outline\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sidebar-arrow-left\" | \"sidebar-arrow-right\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"table\" | \"tag\" | \"tag-outline\" | \"tags\" | \"tags-outline\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"universal-access-outline\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-group-outline\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"; }",
103
103
  "references": {
104
104
  "IconType": {
105
105
  "location": "import",
106
106
  "path": "./mg-item-more.conf",
107
- "id": "src/components/molecules/internals/mg-item-more/mg-item-more.conf.ts::IconType"
107
+ "id": "src/components/molecules/internals/mg-item-more/mg-item-more.conf.ts::IconType",
108
+ "referenceLocation": "IconType"
108
109
  }
109
110
  }
110
111
  },
@@ -128,7 +129,8 @@ export class MgItemMore {
128
129
  "SlotLabelType": {
129
130
  "location": "import",
130
131
  "path": "./mg-item-more.conf",
131
- "id": "src/components/molecules/internals/mg-item-more/mg-item-more.conf.ts::SlotLabelType"
132
+ "id": "src/components/molecules/internals/mg-item-more/mg-item-more.conf.ts::SlotLabelType",
133
+ "referenceLocation": "SlotLabelType"
132
134
  }
133
135
  }
134
136
  },
@@ -153,7 +153,7 @@ export class MgMenu {
153
153
  * @returns HTML Element
154
154
  */
155
155
  render() {
156
- return (h(Host, { key: '17b5111014e866939f58170452ca74ee40c8454c', role: "list", "aria-label": this.label }, h("slot", { key: '7c2a9aafccbc7526c74acaf7a505d7a33befc5ad' })));
156
+ return (h(Host, { key: 'c16a69485fabb9a7a91efe032501fafa98862882', role: "list", "aria-label": this.label }, h("slot", { key: 'f5bca6fdb93d9273e5fcc753d2c58c0a0504c0d0' })));
157
157
  }
158
158
  static get is() { return "mg-menu"; }
159
159
  static get encapsulation() { return "shadow"; }
@@ -198,7 +198,8 @@ export class MgMenu {
198
198
  "Direction": {
199
199
  "location": "import",
200
200
  "path": "../../../../types",
201
- "id": "src/types/index.ts::Direction"
201
+ "id": "src/types/index.ts::Direction",
202
+ "referenceLocation": "Direction"
202
203
  }
203
204
  }
204
205
  },
@@ -244,7 +245,8 @@ export class MgMenu {
244
245
  "ItemMoreType": {
245
246
  "location": "import",
246
247
  "path": "./mg-menu.conf",
247
- "id": "src/components/molecules/menus/mg-menu/mg-menu.conf.ts::ItemMoreType"
248
+ "id": "src/components/molecules/menus/mg-menu/mg-menu.conf.ts::ItemMoreType",
249
+ "referenceLocation": "ItemMoreType"
248
250
  }
249
251
  }
250
252
  },
@@ -439,7 +439,8 @@ export class MgMenuItem {
439
439
  "TargetType": {
440
440
  "location": "import",
441
441
  "path": "./mg-menu-item.conf",
442
- "id": "src/components/molecules/menus/mg-menu-item/mg-menu-item.conf.ts::TargetType"
442
+ "id": "src/components/molecules/menus/mg-menu-item/mg-menu-item.conf.ts::TargetType",
443
+ "referenceLocation": "TargetType"
443
444
  }
444
445
  }
445
446
  },
@@ -464,7 +465,8 @@ export class MgMenuItem {
464
465
  "MgMenuStatusType": {
465
466
  "location": "import",
466
467
  "path": "./mg-menu-item.conf",
467
- "id": "src/components/molecules/menus/mg-menu-item/mg-menu-item.conf.ts::MgMenuStatusType"
468
+ "id": "src/components/molecules/menus/mg-menu-item/mg-menu-item.conf.ts::MgMenuStatusType",
469
+ "referenceLocation": "MgMenuStatusType"
468
470
  }
469
471
  }
470
472
  },
@@ -141,7 +141,7 @@ export class MgActionMore {
141
141
  [`${this.classBase}__chevron--rotate`]: this.expanded === true,
142
142
  } }, h("mg-icon", { icon: "chevron-down" })));
143
143
  }
144
- return (h(Host, { key: 'bef7d0e0c5a991f321ca930d65fa458873fc7564', "data-mg-popover-guard": this.mgPopoverIdentifier }, h("span", { key: '4e47d1513749cc1ac15ef8febd2fb914e362bbee', class: this.classBase }, h("mg-popover", { key: 'ab6dfc93422f03b49a78d2896196aa6901841aef', identifier: this.mgPopoverIdentifier, display: this.expanded, "onDisplay-change": this.handleDisplayChange }, h("mg-button", { key: '921f17c4ede5f1783dc336429539b0b082902fdd', 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: '19bf9e015cbd82d8dffc62269de735607ab4f2bb' }, this.icon)), !this.button.isIcon && buttonContent), h("div", { key: '56a43a5adebd31264742c0ef8905ccb0bd8fb581', slot: "content" }, h("mg-menu", { key: '70520957ac07a3190ef753ee435996af96dbc5b5', direction: directions.VERTICAL, label: this.messages.label }, this.items.map(item => {
144
+ return (h(Host, { key: '184355435ec346d682c2df4aa8b33bf5f54e77e7', "data-mg-popover-guard": this.mgPopoverIdentifier }, h("span", { key: '8176489e5dd7741311745d015b8ef7f2a4f63ea9', class: this.classBase }, h("mg-popover", { key: '3ee64b21556ee9e910939ad2fc9e3fbf8e4bd964', identifier: this.mgPopoverIdentifier, display: this.expanded, "onDisplay-change": this.handleDisplayChange }, h("mg-button", { key: 'cf8f7f4f736d6a8338a4f6eebce04b4e2be49825', 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: 'ee8b4f13bac85ccdd5e9d72edbaa957054c304ec' }, this.icon)), !this.button.isIcon && buttonContent), h("div", { key: '1c78fb9a98d59fa5422c5105ecb13d2f2884c7d2', slot: "content" }, h("mg-menu", { key: '522d915d4a38529f7709640bb96eebb81ccc86af', direction: directions.VERTICAL, label: this.messages.label }, this.items.map(item => {
145
145
  var _a, _b;
146
146
  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,
147
147
  // eslint-disable-next-line react/jsx-no-bind
@@ -172,12 +172,14 @@ export class MgActionMore {
172
172
  "MgActionMoreItemType": {
173
173
  "location": "import",
174
174
  "path": "./mg-action-more.conf",
175
- "id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreItemType"
175
+ "id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreItemType",
176
+ "referenceLocation": "MgActionMoreItemType"
176
177
  },
177
178
  "MgActionMoreDividerType": {
178
179
  "location": "import",
179
180
  "path": "./mg-action-more.conf",
180
- "id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreDividerType"
181
+ "id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreDividerType",
182
+ "referenceLocation": "MgActionMoreDividerType"
181
183
  }
182
184
  }
183
185
  },
@@ -195,12 +197,13 @@ export class MgActionMore {
195
197
  "mutable": true,
196
198
  "complexType": {
197
199
  "original": "MgActionMoreIconType",
198
- "resolved": "{ icon: \"filter\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"key\" | \"list\" | \"copy\" | \"history\" | \"location\" | \"pause\" | \"loader\" | \"address-card\" | \"address-card-outline\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"arrows-up-down\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building\" | \"building-outline\" | \"calculator\" | \"calculator-outline\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-exclamation\" | \"comment-exclamation-outline\" | \"comment-outline\" | \"comment-question\" | \"comment-question-outline\" | \"comment-sms\" | \"comment-sms-outline\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-outline\" | \"eye-slash\" | \"eye-slash-outline\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-cog-outline\" | \"file-download\" | \"file-download-outline\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-upload-outline\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-checked\" | \"floppy-disk-checked-outline\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folder-star-outline\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-euro\" | \"hand-euro-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"layers\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-open\" | \"mail-open-outline\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-outline\" | \"paper-plane-slash\" | \"paper-plane-slash-outline\" | \"paperclip\" | \"pause-outline\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"plus-circle-outline\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sidebar-arrow-left\" | \"sidebar-arrow-right\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tag-outline\" | \"tags\" | \"tags-outline\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"universal-access-outline\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-group-outline\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"; }",
200
+ "resolved": "{ icon: \"filter\" | \"address-card\" | \"address-card-outline\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"arrows-up-down\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building\" | \"building-outline\" | \"calculator\" | \"calculator-outline\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-exclamation\" | \"comment-exclamation-outline\" | \"comment-outline\" | \"comment-question\" | \"comment-question-outline\" | \"comment-sms\" | \"comment-sms-outline\" | \"conversation\" | \"conversation-outline\" | \"copy\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"download\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-outline\" | \"eye-slash\" | \"eye-slash-outline\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-cog-outline\" | \"file-download\" | \"file-download-outline\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-upload-outline\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-checked\" | \"floppy-disk-checked-outline\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folder-star-outline\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-euro\" | \"hand-euro-outline\" | \"hand-up\" | \"history\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"key\" | \"laptop\" | \"layers\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"link\" | \"list\" | \"loader\" | \"location\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-open\" | \"mail-open-outline\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-outline\" | \"paper-plane-slash\" | \"paper-plane-slash-outline\" | \"paperclip\" | \"pause\" | \"pause-outline\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"plus-circle-outline\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sidebar-arrow-left\" | \"sidebar-arrow-right\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"table\" | \"tag\" | \"tag-outline\" | \"tags\" | \"tags-outline\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"universal-access-outline\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-group-outline\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"; }",
199
201
  "references": {
200
202
  "MgActionMoreIconType": {
201
203
  "location": "import",
202
204
  "path": "./mg-action-more.conf",
203
- "id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreIconType"
205
+ "id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreIconType",
206
+ "referenceLocation": "MgActionMoreIconType"
204
207
  }
205
208
  }
206
209
  },
@@ -218,12 +221,13 @@ export class MgActionMore {
218
221
  "mutable": false,
219
222
  "complexType": {
220
223
  "original": "MgActionMoreButtonType",
221
- "resolved": "{ label?: string; disabled?: boolean; variant: \"flat\" | \"info\" | \"link\" | \"success\" | \"danger\" | \"danger-alt\" | \"primary\" | \"secondary\"; isIcon: boolean; }",
224
+ "resolved": "{ variant: \"flat\" | \"info\" | \"link\" | \"success\" | \"danger\" | \"danger-alt\" | \"primary\" | \"secondary\"; label?: string; disabled?: boolean; isIcon: boolean; }",
222
225
  "references": {
223
226
  "MgActionMoreButtonType": {
224
227
  "location": "import",
225
228
  "path": "./mg-action-more.conf",
226
- "id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreButtonType"
229
+ "id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreButtonType",
230
+ "referenceLocation": "MgActionMoreButtonType"
227
231
  }
228
232
  }
229
233
  },
@@ -142,7 +142,7 @@ export class MgAlert {
142
142
  * @returns HTML Element
143
143
  */
144
144
  render() {
145
- return (h("mg-message", { key: '6085a45d00c4762bae88d98e89f44c20d5f9b6c4', class: this.classCollection.join(), role: ['info', 'success'].includes(this.variant) ? 'status' : 'alert', variant: this.variant, variantStyle: this.variantStyle }, h("slot", { key: '55491d1b41609883958680c14a2ddb8dd84a3bd4' }), 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" }))))));
145
+ return (h("mg-message", { key: '9041d8643bf4d0d44f20d30ac3c1d9aa46d6e060', class: this.classCollection.join(), role: ['info', 'success'].includes(this.variant) ? 'status' : 'alert', variant: this.variant, variantStyle: this.variantStyle }, h("slot", { key: '94d1a430e9af605fa2ea2b557e82fc15f1cc148b' }), 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" }))))));
146
146
  }
147
147
  static get is() { return "mg-alert"; }
148
148
  static get encapsulation() { return "shadow"; }
@@ -187,7 +187,8 @@ export class MgAlert {
187
187
  "VariantType": {
188
188
  "location": "import",
189
189
  "path": "./mg-alert.conf",
190
- "id": "src/components/molecules/mg-alert/mg-alert.conf.ts::VariantType"
190
+ "id": "src/components/molecules/mg-alert/mg-alert.conf.ts::VariantType",
191
+ "referenceLocation": "VariantType"
191
192
  }
192
193
  }
193
194
  },
@@ -213,7 +214,8 @@ export class MgAlert {
213
214
  "VariantStyleType": {
214
215
  "location": "import",
215
216
  "path": "./mg-alert.conf",
216
- "id": "src/components/molecules/mg-alert/mg-alert.conf.ts::VariantStyleType"
217
+ "id": "src/components/molecules/mg-alert/mg-alert.conf.ts::VariantStyleType",
218
+ "referenceLocation": "VariantStyleType"
217
219
  }
218
220
  }
219
221
  },
@@ -38,7 +38,7 @@ export class MgBreadcrumb {
38
38
  this.messages = initLocales(this.element).messages.breadcrumb;
39
39
  }
40
40
  render() {
41
- return (h("nav", { key: '5181512072a7de6e161adcbb9988ae3407f61301', "aria-label": this.messages.label, class: "mg-c-breadcrumb" }, h("ol", { key: '2a4cec366a72027091ebcbccd78d552884005b93', class: "mg-c-breadcrumb__list" }, this.items.map((item, index) => {
41
+ return (h("nav", { key: 'af5c541e6a268af67762eb9d384269511fe0be17', "aria-label": this.messages.label, class: "mg-c-breadcrumb" }, h("ol", { key: 'b5fdfe61eb2c826b3462bdd65cacfb73d4f00484', class: "mg-c-breadcrumb__list" }, this.items.map((item, index) => {
42
42
  var _a;
43
43
  return (h("li", { key: `${index}-${(_a = item.href) !== null && _a !== void 0 ? _a : item.label}`, class: "mg-c-breadcrumb__list-item" }, this.renderItem(item, index === this.items.length - 1)));
44
44
  }))));
@@ -67,7 +67,8 @@ export class MgBreadcrumb {
67
67
  "BreadcrumbItemType": {
68
68
  "location": "import",
69
69
  "path": "./mg-breadcrumb.conf",
70
- "id": "src/components/molecules/mg-breadcrumb/mg-breadcrumb.conf.ts::BreadcrumbItemType"
70
+ "id": "src/components/molecules/mg-breadcrumb/mg-breadcrumb.conf.ts::BreadcrumbItemType",
71
+ "referenceLocation": "BreadcrumbItemType"
71
72
  }
72
73
  }
73
74
  },
@@ -53,7 +53,7 @@ export class MgDetails {
53
53
  * @returns HTML Element
54
54
  */
55
55
  render() {
56
- 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" }))));
56
+ return (h("details", { key: 'bbaac6909fa5f3fbd3236b2a8ace0f7c80b2580b', 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: '2ed8228b63403dd9b386bf3fa70c9094516b6f0e' }, h("slot", { key: '5461d77d2b2869b14737a5c7cfc40a1f9584ee03', name: "summary" }), h("span", { key: 'bb089365bdeaa7b934b97cff6f5f7c67587048e1', class: "mg-c-details__toggle" }, h("mg-icon", { key: 'dc1a30338703ad4182d50f9953a903ae0f68ecb1', icon: "chevron-up", class: { 'mg-c-details__toggle-icon': true, 'mg-c-details__toggle-icon--reverse': !this.expanded } }), h("span", { key: 'a32cbaf9e38b71540deeaa8980895c34a7288ecb', class: { 'mg-u-visually-hidden': this.hideSummary } }, this.expanded ? this.toggleOpened : this.toggleClosed))), h("div", { key: 'b9c2bc7d681da8ac8b4dec5ff25287bc68975fb6', class: "mg-c-details__details" }, h("slot", { key: '069f05b4c133ff13055681e0b05bb98744303137', name: "details" }))));
57
57
  }
58
58
  static get is() { return "mg-details"; }
59
59
  static get encapsulation() { return "shadow"; }