@mgdis/mg-components 6.17.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 (117) hide show
  1. package/dist/cjs/index-DCZEYvlH.js +4 -0
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/mg-action-more_37.cjs.entry.js +411 -168
  4. package/dist/cjs/mg-alert.cjs.entry.js +1 -1
  5. package/dist/cjs/mg-components.cjs.js +1 -1
  6. package/dist/cjs/mg-fieldset.cjs.entry.js +141 -0
  7. package/dist/cjs/mg-input-combobox.cjs.entry.js +71 -55
  8. package/dist/cjs/mg-input-rich-text-editor.cjs.entry.js +33 -20
  9. package/dist/cjs/{mg-input.conf-WTsvDfpC.js → mg-input.conf-HYIzRsy7.js} +5 -0
  10. package/dist/cjs/mg-loader.cjs.entry.js +1 -1
  11. package/dist/cjs/mg-progress.cjs.entry.js +1 -1
  12. package/dist/collection/collection-manifest.json +1 -0
  13. package/dist/collection/components/molecules/inputs/mg-input/mg-input.conf.js +4 -0
  14. package/dist/collection/components/molecules/inputs/mg-input/mg-input.js +178 -18
  15. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.js +1 -1
  16. package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js +36 -16
  17. package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.js +78 -55
  18. package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js +41 -22
  19. package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js +32 -12
  20. package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js +30 -12
  21. package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js +31 -12
  22. package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.js +40 -20
  23. package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js +31 -12
  24. package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.js +44 -25
  25. package/dist/collection/components/molecules/inputs/mg-input-textarea/mg-input-textarea.js +31 -13
  26. package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.js +36 -11
  27. package/dist/collection/components/molecules/menus/mg-menu/mg-menu.js +5 -1
  28. package/dist/collection/components/molecules/mg-action-more/mg-action-more.js +1 -1
  29. package/dist/collection/components/molecules/mg-alert/mg-alert.js +1 -1
  30. package/dist/collection/components/molecules/mg-details/mg-details.js +1 -1
  31. package/dist/collection/components/molecules/mg-fieldset/mg-fieldset.js +404 -0
  32. package/dist/collection/components/molecules/mg-form/mg-form.js +13 -4
  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 +40 -9
  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-tabs/mg-tabs.js +1 -1
  43. package/dist/components/mg-action-more.js +1 -1
  44. package/dist/components/mg-alert.js +1 -1
  45. package/dist/components/mg-details.js +1 -1
  46. package/dist/components/mg-fieldset.d.ts +11 -0
  47. package/dist/components/mg-fieldset.js +209 -0
  48. package/dist/components/mg-form.js +4 -3
  49. package/dist/components/mg-illustrated-message.js +1 -1
  50. package/dist/components/mg-input-checkbox-paginated2.js +1 -1
  51. package/dist/components/mg-input-checkbox.js +28 -15
  52. package/dist/components/mg-input-combobox.js +71 -55
  53. package/dist/components/mg-input-date.js +33 -21
  54. package/dist/components/mg-input-numeric.js +24 -11
  55. package/dist/components/mg-input-password.js +22 -11
  56. package/dist/components/mg-input-radio.js +23 -11
  57. package/dist/components/mg-input-rich-text-editor.js +32 -19
  58. package/dist/components/mg-input-select2.js +24 -12
  59. package/dist/components/mg-input-text2.js +36 -24
  60. package/dist/components/mg-input-textarea.js +23 -12
  61. package/dist/components/mg-input-toggle.js +35 -10
  62. package/dist/components/mg-input2.js +117 -18
  63. package/dist/components/mg-item-more2.js +5 -1
  64. package/dist/components/mg-loader2.js +1 -1
  65. package/dist/components/mg-message2.js +2 -2
  66. package/dist/components/mg-modal.js +2 -2
  67. package/dist/components/mg-panel.js +36 -7
  68. package/dist/components/mg-popover-content2.js +1 -1
  69. package/dist/components/mg-popover2.js +1 -1
  70. package/dist/components/mg-progress.js +1 -1
  71. package/dist/components/mg-skip-links.js +1 -1
  72. package/dist/components/mg-tabs2.js +1 -1
  73. package/dist/esm/{index-WtiuOkLj.js → index-C7xjtdiw.js} +1 -1
  74. package/dist/esm/index-T6kOJXP1.js +4 -0
  75. package/dist/esm/loader.js +1 -1
  76. package/dist/esm/mg-action-more_37.entry.js +412 -169
  77. package/dist/esm/mg-alert.entry.js +2 -2
  78. package/dist/esm/mg-components.js +1 -1
  79. package/dist/esm/mg-fieldset.entry.js +139 -0
  80. package/dist/esm/mg-input-combobox.entry.js +72 -56
  81. package/dist/esm/mg-input-rich-text-editor.entry.js +34 -21
  82. package/dist/esm/{mg-input.conf-CNgv8hc5.js → mg-input.conf-D9V2v4n2.js} +5 -1
  83. package/dist/esm/mg-loader.entry.js +2 -2
  84. package/dist/esm/mg-progress.entry.js +2 -2
  85. package/dist/mg-components/mg-components.esm.js +1 -1
  86. package/dist/mg-components/p-2bab89c2.entry.js +1 -0
  87. package/dist/mg-components/{p-0e6b40d6.entry.js → p-5abc77cd.entry.js} +1 -1
  88. package/dist/mg-components/p-7d2e43b2.entry.js +1 -0
  89. package/dist/mg-components/{p-5dc3a1fb.entry.js → p-92e5e5a6.entry.js} +1 -1
  90. package/dist/mg-components/{p-c5da335e.entry.js → p-952288bd.entry.js} +1 -1
  91. package/dist/mg-components/{p-WtiuOkLj.js → p-C7xjtdiw.js} +1 -1
  92. package/dist/mg-components/p-D9V2v4n2.js +1 -0
  93. package/dist/mg-components/p-f2cddd52.entry.js +1 -0
  94. package/dist/mg-components/{p-397bf67b.entry.js → p-f6afaeb8.entry.js} +1 -1
  95. package/dist/types/components/molecules/inputs/mg-input/mg-input.conf.d.ts +5 -0
  96. package/dist/types/components/molecules/inputs/mg-input/mg-input.d.ts +32 -1
  97. package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.d.ts +4 -3
  98. package/dist/types/components/molecules/inputs/mg-input-combobox/mg-input-combobox.d.ts +4 -2
  99. package/dist/types/components/molecules/inputs/mg-input-date/mg-input-date.d.ts +4 -2
  100. package/dist/types/components/molecules/inputs/mg-input-numeric/mg-input-numeric.d.ts +4 -2
  101. package/dist/types/components/molecules/inputs/mg-input-password/mg-input-password.d.ts +4 -2
  102. package/dist/types/components/molecules/inputs/mg-input-radio/mg-input-radio.d.ts +4 -2
  103. package/dist/types/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.d.ts +4 -2
  104. package/dist/types/components/molecules/inputs/mg-input-select/mg-input-select.d.ts +4 -2
  105. package/dist/types/components/molecules/inputs/mg-input-text/mg-input-text.d.ts +4 -2
  106. package/dist/types/components/molecules/inputs/mg-input-textarea/mg-input-textarea.d.ts +4 -2
  107. package/dist/types/components/molecules/inputs/mg-input-toggle/mg-input-toggle.d.ts +4 -2
  108. package/dist/types/components/molecules/mg-fieldset/mg-fieldset.d.ts +105 -0
  109. package/dist/types/components/molecules/mg-form/mg-form.d.ts +1 -1
  110. package/dist/types/components/molecules/mg-panel/mg-panel.d.ts +8 -1
  111. package/dist/types/components.d.ts +168 -18
  112. package/ide/intellij/web-types.json +272 -9
  113. package/ide/vscode/html-custom-data.json +243 -5
  114. package/package.json +15 -15
  115. package/dist/mg-components/p-8a69175b.entry.js +0 -1
  116. package/dist/mg-components/p-CNgv8hc5.js +0 -1
  117. package/dist/mg-components/p-d84d87ea.entry.js +0 -1
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, c as createEvent, f as forceUpdate, h, a as getElement } from './index-T6kOJXP1.js';
2
- import { C as ClassList, t as toString } from './index-WtiuOkLj.js';
2
+ import { C as ClassList, t as toString } from './index-C7xjtdiw.js';
3
3
  import { i as initLocales } from './index-CNX6lq0x.js';
4
4
 
5
5
  /**
@@ -153,7 +153,7 @@ const MgAlert = class {
153
153
  * @returns HTML Element
154
154
  */
155
155
  render() {
156
- 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" }))))));
156
+ return (h("mg-message", { key: '4b974a10812e527a2c481ec00f22324ab490a135', class: this.classCollection.join(), role: ['info', 'success'].includes(this.variant) ? 'status' : 'alert', variant: this.variant, variantStyle: this.variantStyle }, h("slot", { key: '9133a3cca56d67e75e8c3f018c52838c31e908f2' }), 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" }))))));
157
157
  }
158
158
  get element() { return getElement(this); }
159
159
  static get watchers() { return {
@@ -16,5 +16,5 @@ var patchBrowser = () => {
16
16
 
17
17
  patchBrowser().then(async (options) => {
18
18
  await globalScripts();
19
- return bootstrapLazy(JSON.parse("[[\"mg-alert\",[[257,\"mg-alert\",{\"delay\":[2],\"variant\":[1],\"variantStyle\":[1,\"variant-style\"],\"classCollection\":[32],\"hasActions\":[32]},null,{\"delay\":[\"watchDelay\"],\"variant\":[\"watchVariant\"],\"variantStyle\":[\"watchVariantStyle\"],\"hidden\":[\"watchHidden\"]}]]],[\"mg-progress\",[[257,\"mg-progress\",{\"label\":[1],\"ariaRole\":[1,\"aria-role\"],\"value\":[2],\"min\":[2],\"max\":[2]},null,{\"label\":[\"watchLabel\"],\"ariaRole\":[\"watchAriaRole\"],\"value\":[\"watchValue\"],\"min\":[\"watchMin\"],\"max\":[\"watchMax\"]}]]],[\"mg-action-more_37\",[[257,\"mg-input-checkbox\",{\"value\":[1040],\"type\":[1025],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"inputVerticalList\":[4,\"input-vertical-list\"],\"required\":[4],\"readonly\":[4],\"displaySelectedValues\":[4,\"display-selected-values\"],\"disabled\":[4],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"editButtonMessage\":[1,\"edit-button-message\"],\"showButtonMessage\":[1,\"show-button-message\"],\"selectButtonMessage\":[1,\"select-button-message\"],\"classCollection\":[32],\"errorMessage\":[32],\"checkboxItems\":[32],\"displaySearchInput\":[32],\"searchValue\":[32],\"searchResults\":[32],\"selectValuesButtonKey\":[32],\"activeTab\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[\"validateValue\"],\"type\":[\"validateType\"],\"inputVerticalList\":[\"watchInputVerticalList\"],\"readonly\":[\"watchReadonly\",\"handleValidityChange\"],\"displaySelectedValues\":[\"watchDisplaySelectedValues\"],\"required\":[\"handleValidityChange\"],\"disabled\":[\"handleValidityChange\",\"validateDisabled\"],\"checkboxItems\":[\"validateCheckboxItems\"],\"displaySearchInput\":[\"watchDisplaySearchInput\"],\"searchValue\":[\"validateSearchValue\"]}],[257,\"mg-action-more\",{\"items\":[16],\"icon\":[1040],\"button\":[16],\"displayChevron\":[4,\"display-chevron\"],\"expanded\":[32]},null,{\"items\":[\"validateItems\"],\"icon\":[\"validateIcon\"],\"button\":[\"validateButton\"],\"displayChevron\":[\"validateDisplayChevron\"]}],[257,\"mg-panel\",{\"identifier\":[1],\"panelTitle\":[1025,\"panel-title\"],\"titlePattern\":[1,\"title-pattern\"],\"titlePatternErrorMessage\":[1,\"title-pattern-error-message\"],\"titleEditable\":[1028,\"title-editable\"],\"titlePosition\":[1,\"title-position\"],\"expanded\":[1028],\"expandToggleDisplay\":[1,\"expand-toggle-display\"],\"expandToggleDisabled\":[4,\"expand-toggle-disabled\"],\"shadow\":[4],\"classCollection\":[32],\"isEditing\":[32],\"updatedPanelTitle\":[32]},null,{\"identifier\":[\"watchIdentifier\"],\"panelTitle\":[\"validatePanelTitle\"],\"titlePattern\":[\"validateTitlePattern\"],\"titlePatternErrorMessage\":[\"validateTitlePattern\"],\"titlePosition\":[\"validateTitlePosition\"],\"expanded\":[\"handleExpanded\"],\"expandToggleDisplay\":[\"validateExpandToggleDisplay\"]}],[257,\"mg-pagination\",{\"identifier\":[1],\"label\":[1025],\"hideNavigationLabels\":[4,\"hide-navigation-labels\"],\"hidePageCount\":[4,\"hide-page-count\"],\"totalPages\":[2,\"total-pages\"],\"currentPage\":[1538,\"current-page\"],\"messages\":[16]},null,{\"identifier\":[\"watchIdentifier\"],\"totalPages\":[\"validateTotalPages\"],\"currentPage\":[\"validateCurrentPage\"],\"messages\":[\"watchPaginationMessages\"]}],[257,\"mg-input-password\",{\"value\":[1537],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1],\"maxlength\":[2],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"mgWidth\":[8,\"mg-width\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"displayPassword\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[\"handleValue\"],\"readonly\":[\"watchReadonly\",\"handleValidityChange\"],\"required\":[\"handleValidityChange\"],\"disabled\":[\"handleValidityChange\",\"watchDisabled\"],\"mgWidth\":[\"watchMgWidth\"]}],[257,\"mg-input-textarea\",{\"value\":[1537],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1],\"maxlength\":[2],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"mgWidth\":[8,\"mg-width\"],\"pattern\":[1],\"patternErrorMessage\":[1,\"pattern-error-message\"],\"rows\":[2],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"characterLeftHide\":[4,\"character-left-hide\"],\"helpText\":[1,\"help-text\"],\"resizable\":[1],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[\"handleValue\"],\"readonly\":[\"watchReadonly\",\"handleValidityChange\"],\"required\":[\"handleValidityChange\"],\"disabled\":[\"handleValidityChange\",\"validateDisabled\"],\"mgWidth\":[\"watchMgWidth\"],\"pattern\":[\"validatePattern\"],\"patternErrorMessage\":[\"validatePattern\"],\"characterLeftHide\":[\"validatecharacterLeftHide\"]}],[257,\"mg-input-date\",{\"value\":[1537],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"required\":[4],\"readonly\":[4],\"min\":[1],\"max\":[1],\"disabled\":[4],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[\"validateValue\"],\"readonly\":[\"watchReadonly\",\"handleValidityChange\"],\"min\":[\"validateMinMax\",\"handleValidityChange\"],\"max\":[\"validateMinMax\",\"handleValidityChange\"],\"required\":[\"handleValidityChange\"],\"disabled\":[\"handleValidityChange\",\"watchDisabled\"]}],[257,\"mg-input-numeric\",{\"value\":[1537],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1],\"required\":[4],\"readonly\":[4],\"max\":[2],\"min\":[2],\"disabled\":[4],\"mgWidth\":[8,\"mg-width\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"type\":[1],\"format\":[1],\"currency\":[1],\"unit\":[1],\"unitDisplay\":[1,\"unit-display\"],\"integerLength\":[2,\"integer-length\"],\"decimalLength\":[2,\"decimal-length\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"hasFocus\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[\"validateValue\"],\"readonly\":[\"watchReadonly\",\"handleValidityChange\"],\"required\":[\"handleValidityChange\"],\"disabled\":[\"handleValidityChange\",\"watchDisabled\"],\"min\":[\"handleValidityChange\"],\"max\":[\"handleValidityChange\"],\"mgWidth\":[\"watchMgWidth\"],\"type\":[\"validateType\"],\"format\":[\"watchFormat\"],\"integerLength\":[\"validateIntegerLength\"],\"decimalLength\":[\"validateDecimalLength\"]}],[257,\"mg-input-radio\",{\"value\":[1032],\"items\":[16],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"inputVerticalList\":[4,\"input-vertical-list\"],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"options\":[32],\"readonlyValue\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[\"watchValue\"],\"items\":[\"validateItems\"],\"inputVerticalList\":[\"watchInputVerticalList\"],\"readonly\":[\"watchReadonly\",\"handleValidityChange\"],\"required\":[\"handleValidityChange\"],\"disabled\":[\"handleValidityChange\",\"watchDisabled\"]}],[257,\"mg-input-toggle\",{\"value\":[1032],\"items\":[16],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"isOnOff\":[4,\"is-on-off\"],\"isIcon\":[4,\"is-icon\"],\"readonly\":[4],\"disabled\":[4],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"classCollection\":[32],\"options\":[32],\"errorMessage\":[32],\"valid\":[32],\"checked\":[32],\"setFocus\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[\"handleValue\"],\"items\":[\"validateItems\"],\"isOnOff\":[\"watchIsOnOff\"],\"isIcon\":[\"watchIsIcon\"],\"readonly\":[\"watchReadonly\"],\"disabled\":[\"watchDisabled\"],\"checked\":[\"handleChecked\"]}],[257,\"mg-modal\",{\"identifier\":[1],\"dialogRole\":[1,\"dialog-role\"],\"modalTitle\":[1,\"modal-title\"],\"closeButton\":[4,\"close-button\"],\"open\":[1028],\"hasActions\":[32],\"classCollection\":[32]},null,{\"identifier\":[\"watchIdentifier\"],\"dialogRole\":[\"validateDialogRole\"],\"modalTitle\":[\"validateModalTitle\"],\"open\":[\"watchOpen\"]}],[257,\"mg-details\",{\"toggleClosed\":[1,\"toggle-closed\"],\"toggleOpened\":[1,\"toggle-opened\"],\"hideSummary\":[4,\"hide-summary\"],\"expanded\":[1028]},null,{\"toggleClosed\":[\"validateTitles\"],\"toggleOpened\":[\"validateTitles\"],\"expanded\":[\"handleExpanded\"]}],[1,\"mg-table\",{\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"columns\":[16],\"classCollection\":[32]},null,{\"size\":[\"watchSize\"],\"fullWidth\":[\"watchFullWidth\"],\"columns\":[\"watchColumns\"]}],[257,\"mg-form\",{\"identifier\":[1],\"name\":[1],\"readonly\":[4],\"requiredMessage\":[1,\"required-message\"],\"ariaRole\":[1,\"aria-role\"],\"labelOnTop\":[4,\"label-on-top\"],\"disabled\":[4],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"requiredMessageText\":[32],\"displayError\":[64],\"reset\":[64]},null,{\"identifier\":[\"watchIdentifier\"],\"requiredMessage\":[\"validateRequiredMessage\",\"handleAttributeChange\"],\"ariaRole\":[\"validateAriaRole\"],\"labelOnTop\":[\"handlelabelOnTop\"],\"readonly\":[\"handleAttributeChange\"],\"disabled\":[\"handleAttributeChange\"]}],[257,\"mg-illustrated-message\",{\"size\":[1],\"direction\":[1],\"classCollection\":[32]},null,{\"size\":[\"watchSize\"],\"direction\":[\"watchDirection\"]}],[257,\"mg-skip-links\",{\"links\":[16]},null,{\"links\":[\"validateLinks\"]}],[257,\"mg-tag\",{\"variant\":[1],\"outline\":[4],\"soft\":[4],\"classCollection\":[32]},null,{\"variant\":[\"validateVariant\"],\"outline\":[\"validateOutline\"],\"soft\":[\"validateSoft\"]}],[257,\"mg-input-select\",{\"value\":[1032],\"items\":[16],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1025],\"placeholderHide\":[4,\"placeholder-hide\"],\"placeholderDisabled\":[4,\"placeholder-disabled\"],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"mgWidth\":[520,\"mg-width\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"options\":[32],\"valueExist\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[\"validateValue\"],\"items\":[\"validateItems\"],\"readonly\":[\"watchReadonly\",\"handleValidityChange\"],\"required\":[\"handleValidityChange\"],\"disabled\":[\"handleValidityChange\",\"watchDisabled\"],\"mgWidth\":[\"watchMgWidth\"]}],[262,\"mg-input-checkbox-paginated\",{\"readonly\":[4],\"disabled\":[4],\"name\":[1],\"invalid\":[4],\"checkboxes\":[16],\"messages\":[16],\"limit\":[32],\"resetLimit\":[64]},null,{\"checkboxes\":[\"watchCheckboxes\"],\"limit\":[\"watchLimit\"]}],[257,\"mg-message\",{\"variant\":[1],\"variantStyle\":[1,\"variant-style\"],\"classCollection\":[32],\"hasActions\":[32]},null,{\"variant\":[\"watchVariant\"],\"variantStyle\":[\"watchVariantStyle\"]}],[257,\"mg-tabs\",{\"identifier\":[1],\"label\":[1],\"size\":[1],\"items\":[16],\"activeTab\":[1538,\"active-tab\"],\"tabs\":[32],\"classCollection\":[32]},null,{\"identifier\":[\"watchIdentifier\"],\"label\":[\"validateLabel\"],\"size\":[\"validateSize\"],\"items\":[\"validateItems\"],\"activeTab\":[\"validateActiveTab\"]}],[257,\"mg-divider\",{\"fullWidth\":[4,\"full-width\"]}],[257,\"mg-input-text\",{\"value\":[1544],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"type\":[1],\"icon\":[1],\"placeholder\":[1],\"datalistoptions\":[16],\"maxlength\":[2],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"mgWidth\":[8,\"mg-width\"],\"pattern\":[1],\"patternErrorMessage\":[1,\"pattern-error-message\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"characterLeftHide\":[4,\"character-left-hide\"],\"helpText\":[1025,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[\"handleValue\"],\"type\":[\"validateType\"],\"icon\":[\"validateIcon\"],\"datalistoptions\":[\"validateDatalistoptions\"],\"readonly\":[\"watchReadonly\",\"handleValidityChange\"],\"required\":[\"handleValidityChange\"],\"disabled\":[\"handleValidityChange\",\"watchDisabled\"],\"mgWidth\":[\"watchMgWidth\"],\"pattern\":[\"watchPattern\"],\"patternErrorMessage\":[\"watchPattern\"],\"helpText\":[\"watchHelpText\"]}],[257,\"mg-item-more\",{\"icon\":[16],\"slotlabel\":[16],\"size\":[1],\"parentMenu\":[32]},null,{\"icon\":[\"validateIcon\"],\"slotlabel\":[\"validateSlotLabel\"],\"size\":[\"validateSize\"]}],[257,\"mg-menu\",{\"label\":[1],\"direction\":[513],\"itemmore\":[16],\"size\":[1]},[[0,\"item-loaded\",\"updateItemListener\"]],{\"label\":[\"validateLabel\"],\"direction\":[\"validateDirection\"],\"itemmore\":[\"validateItemMore\"],\"size\":[\"validateSize\"]}],[257,\"mg-menu-item\",{\"identifier\":[513],\"href\":[1],\"target\":[1],\"status\":[1537],\"expanded\":[1028],\"size\":[32],\"navigationButtonClassList\":[32],\"direction\":[32],\"isItemMore\":[32],\"hasChildren\":[32],\"displayNotificationBadge\":[32]},null,{\"identifier\":[\"watchIdentifier\"],\"target\":[\"watchTarget\"],\"status\":[\"watchStatus\"],\"expanded\":[\"watchExpanded\"],\"size\":[\"watchSize\"],\"direction\":[\"validateDirection\"],\"hasChildren\":[\"validateHasChildren\"],\"data-style-direction\":[\"watchDataStyleDirection\"],\"data-has-focus\":[\"watchDataHasFocus\"]}],[258,\"mg-character-left\",{\"identifier\":[1],\"characters\":[1],\"maxlength\":[2]},null,{\"identifier\":[\"watchIdentifier\"],\"maxlength\":[\"validateMaxlength\"]}],[257,\"mg-popover\",{\"identifier\":[1],\"placement\":[1],\"arrowHide\":[4,\"arrow-hide\"],\"closeButton\":[4,\"close-button\"],\"display\":[1028],\"disabled\":[4]},null,{\"identifier\":[\"validateIdentifier\"],\"arrowHide\":[\"validateArrowHide\"],\"closeButton\":[\"validateCloseButton\"],\"display\":[\"handleDisplay\"]}],[257,\"mg-badge\",{\"value\":[8],\"label\":[1],\"variant\":[1],\"outline\":[4],\"classCollection\":[32]},null,{\"value\":[\"validateValue\"],\"label\":[\"validateLabel\"],\"variant\":[\"validateVariant\"],\"outline\":[\"validateOutline\"]}],[257,\"mg-popover-content\",{\"closeButton\":[4,\"close-button\"],\"classCollection\":[32]}],[257,\"mg-card\",{\"shadow\":[4],\"radiusSize\":[1,\"radius-size\"],\"classCollection\":[32]},null,{\"shadow\":[\"watchShadow\"],\"radiusSize\":[\"watchRadiusSize\"]}],[257,\"mg-input\",{\"identifier\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"required\":[4],\"errorMessage\":[1,\"error-message\"],\"helpText\":[1,\"help-text\"],\"ariaDescribedbyIDs\":[1025,\"aria-describedby-i-ds\"],\"isFieldset\":[32],\"isReadonly\":[32],\"isDisabled\":[32],\"isVerticalList\":[32]},null,{\"identifier\":[\"watchIdentifier\",\"watchAriaDescribedbyIDs\"],\"labelOnTop\":[\"watchLabelOnTop\",\"watchLabelConfig\"],\"labelHide\":[\"watchLabelConfig\"],\"tooltipPosition\":[\"watchTooltipPosition\"],\"errorMessage\":[\"watchErrorMessage\",\"watchAriaDescribedbyIDs\"],\"helpText\":[\"watchHelpText\",\"watchAriaDescribedbyIDs\"],\"ariaDescribedbyIDs\":[\"watchAriaDescribedbyIDs\"],\"class\":[\"watchClass\",\"watchLabel\"],\"label\":[\"watchLabel\"],\"required\":[\"watchLabel\"],\"isReadonly\":[\"watchLabel\"],\"isFieldset\":[\"watchLabel\"]}],[257,\"mg-button\",{\"variant\":[1025],\"label\":[1],\"type\":[1],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"form\":[1],\"disabled\":[1028],\"isIcon\":[4,\"is-icon\"],\"disableOnClick\":[4,\"disable-on-click\"],\"loading\":[32],\"classCollection\":[32]},null,{\"variant\":[\"validateVariant\"],\"size\":[\"validateSize\"],\"fullWidth\":[\"validateFullWidth\"],\"disabled\":[\"disabledHandler\"],\"isIcon\":[\"watchIsIcon\"],\"loading\":[\"loadingHandler\"]}],[257,\"mg-tooltip\",{\"identifier\":[1],\"message\":[1],\"placement\":[1],\"display\":[1028],\"disabled\":[4]},null,{\"identifier\":[\"watchIdentifier\"],\"message\":[\"watchMessage\"],\"display\":[\"watchDisplay\"],\"disabled\":[\"watchDisabled\"]}],[262,\"mg-input-title\",{\"identifier\":[1],\"required\":[4],\"readonly\":[4],\"isLegend\":[4,\"is-legend\"],\"tagName\":[32]},null,{\"identifier\":[\"validateIdentifier\"],\"isLegend\":[\"validateIsLegend\"]}],[257,\"mg-tooltip-content\",{\"message\":[1]}],[1,\"mg-icon\",{\"icon\":[1],\"size\":[1],\"variant\":[1],\"variantStyle\":[1025,\"variant-style\"],\"spin\":[4],\"classCollection\":[32]},null,{\"icon\":[\"validateIcon\"],\"size\":[\"validateSize\"],\"variant\":[\"validateVariant\"],\"variantStyle\":[\"validateVariantStyle\"],\"spin\":[\"handleSpin\"]}]]],[\"mg-loader\",[[257,\"mg-loader\",{\"message\":[1],\"messageHide\":[4,\"message-hide\"]},null,{\"message\":[\"watchMessage\"]}]]],[\"mg-input-combobox\",[[257,\"mg-input-combobox\",{\"value\":[1537],\"items\":[16],\"itemsLabel\":[1,\"items-label\"],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"mgWidth\":[8,\"mg-width\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"fetchurl\":[1],\"fetchoptions\":[16],\"fetchmappings\":[16],\"valid\":[1028],\"invalid\":[1028],\"isLoading\":[32],\"options\":[32],\"option\":[32],\"filter\":[32],\"classCollection\":[32],\"errorMessage\":[32],\"popoverDisplay\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[\"watchValue\"],\"items\":[\"watchItems\"],\"identifier\":[\"watchIdentifier\"],\"readonly\":[\"watchReadonly\",\"watchValidityChange\"],\"required\":[\"watchValidityChange\"],\"disabled\":[\"watchValidityChange\",\"watchDisabled\"],\"mgWidth\":[\"watchMgWidth\"],\"fetchurl\":[\"watchFetchUrl\"],\"fetchoptions\":[\"watchFetchOptions\"],\"fetchmappings\":[\"watchFetchMappings\"],\"options\":[\"watchOptions\"],\"filter\":[\"watchFilter\"],\"popoverDisplay\":[\"watchPopoverDisplay\"]}]]],[\"mg-input-rich-text-editor\",[[257,\"mg-input-rich-text-editor\",{\"value\":[1025],\"identifier\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1],\"rows\":[2],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"pattern\":[1],\"patternErrorMessage\":[1,\"pattern-error-message\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"modules\":[16],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"setFocus\":[64],\"getHTML\":[64],\"getText\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"readonly\":[\"watchReadonly\",\"handleValidityChange\"],\"disabled\":[\"watchDisabled\",\"handleValidityChange\"],\"required\":[\"handleValidityChange\"],\"pattern\":[\"validatePattern\"],\"patternErrorMessage\":[\"validatePattern\"]}]]]]"), options);
19
+ return bootstrapLazy(JSON.parse("[[\"mg-action-more_37\",[[257,\"mg-input-checkbox\",{\"value\":[1040],\"type\":[1025],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"inputVerticalList\":[4,\"input-vertical-list\"],\"required\":[4],\"readonly\":[4],\"displaySelectedValues\":[4,\"display-selected-values\"],\"disabled\":[4],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"editButtonMessage\":[1,\"edit-button-message\"],\"showButtonMessage\":[1,\"show-button-message\"],\"selectButtonMessage\":[1,\"select-button-message\"],\"classCollection\":[32],\"errorMessage\":[32],\"checkboxItems\":[32],\"displaySearchInput\":[32],\"searchValue\":[32],\"searchResults\":[32],\"selectValuesButtonKey\":[32],\"activeTab\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[\"validateValue\"],\"type\":[\"validateType\"],\"inputVerticalList\":[\"watchInputVerticalList\"],\"readonly\":[\"watchReadonly\",\"handleValidityChange\"],\"displaySelectedValues\":[\"watchDisplaySelectedValues\"],\"required\":[\"handleValidityChange\"],\"disabled\":[\"handleValidityChange\",\"validateDisabled\"],\"checkboxItems\":[\"validateCheckboxItems\"],\"displaySearchInput\":[\"watchDisplaySearchInput\"],\"searchValue\":[\"validateSearchValue\"]}],[257,\"mg-action-more\",{\"items\":[16],\"icon\":[1040],\"button\":[16],\"displayChevron\":[4,\"display-chevron\"],\"expanded\":[32]},null,{\"items\":[\"validateItems\"],\"icon\":[\"validateIcon\"],\"button\":[\"validateButton\"],\"displayChevron\":[\"validateDisplayChevron\"]}],[257,\"mg-panel\",{\"identifier\":[1],\"panelTitle\":[1025,\"panel-title\"],\"titlePattern\":[1,\"title-pattern\"],\"titlePatternErrorMessage\":[1,\"title-pattern-error-message\"],\"titleEditable\":[1028,\"title-editable\"],\"titlePosition\":[1,\"title-position\"],\"expanded\":[1028],\"expandToggleDisplay\":[1,\"expand-toggle-display\"],\"expandToggleDisabled\":[4,\"expand-toggle-disabled\"],\"shadow\":[4],\"classCollection\":[32],\"isEditing\":[32],\"updatedPanelTitle\":[32]},null,{\"identifier\":[\"watchIdentifier\"],\"panelTitle\":[\"validatePanelTitle\"],\"titlePattern\":[\"validateTitlePattern\"],\"titlePatternErrorMessage\":[\"validateTitlePattern\"],\"titleEditable\":[\"validateTitleEditable\"],\"titlePosition\":[\"validateTitlePosition\"],\"expanded\":[\"handleExpanded\"],\"expandToggleDisplay\":[\"validateExpandToggleDisplay\"]}],[257,\"mg-pagination\",{\"identifier\":[1],\"label\":[1025],\"hideNavigationLabels\":[4,\"hide-navigation-labels\"],\"hidePageCount\":[4,\"hide-page-count\"],\"totalPages\":[2,\"total-pages\"],\"currentPage\":[1538,\"current-page\"],\"messages\":[16]},null,{\"identifier\":[\"watchIdentifier\"],\"totalPages\":[\"validateTotalPages\"],\"currentPage\":[\"validateCurrentPage\"],\"messages\":[\"watchPaginationMessages\"]}],[257,\"mg-input-password\",{\"value\":[1537],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1],\"maxlength\":[2],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"mgWidth\":[8,\"mg-width\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"displayPassword\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[\"handleValue\"],\"readonly\":[\"watchReadonly\",\"handleValidityChange\"],\"required\":[\"handleValidityChange\"],\"disabled\":[\"handleValidityChange\",\"watchDisabled\"],\"mgWidth\":[\"watchMgWidth\"]}],[257,\"mg-input-textarea\",{\"value\":[1537],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1],\"maxlength\":[2],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"mgWidth\":[8,\"mg-width\"],\"pattern\":[1],\"patternErrorMessage\":[1,\"pattern-error-message\"],\"rows\":[2],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"characterLeftHide\":[4,\"character-left-hide\"],\"helpText\":[1,\"help-text\"],\"resizable\":[1],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[\"handleValue\"],\"readonly\":[\"watchReadonly\",\"handleValidityChange\"],\"required\":[\"handleValidityChange\"],\"disabled\":[\"handleValidityChange\",\"validateDisabled\"],\"mgWidth\":[\"watchMgWidth\"],\"pattern\":[\"validatePattern\"],\"patternErrorMessage\":[\"validatePattern\"],\"characterLeftHide\":[\"validatecharacterLeftHide\"]}],[257,\"mg-input-date\",{\"value\":[1537],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"required\":[4],\"readonly\":[4],\"min\":[1],\"max\":[1],\"disabled\":[4],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[\"validateValue\"],\"readonly\":[\"watchReadonly\",\"handleValidityChange\"],\"min\":[\"validateMinMax\",\"handleValidityChange\"],\"max\":[\"validateMinMax\",\"handleValidityChange\"],\"required\":[\"handleValidityChange\"],\"disabled\":[\"handleValidityChange\",\"watchDisabled\"]}],[257,\"mg-input-numeric\",{\"value\":[1537],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1],\"required\":[4],\"readonly\":[4],\"max\":[2],\"min\":[2],\"disabled\":[4],\"mgWidth\":[8,\"mg-width\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"type\":[1],\"format\":[1],\"currency\":[1],\"unit\":[1],\"unitDisplay\":[1,\"unit-display\"],\"integerLength\":[2,\"integer-length\"],\"decimalLength\":[2,\"decimal-length\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"hasFocus\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[\"validateValue\"],\"readonly\":[\"watchReadonly\",\"handleValidityChange\"],\"required\":[\"handleValidityChange\"],\"disabled\":[\"handleValidityChange\",\"watchDisabled\"],\"min\":[\"handleValidityChange\"],\"max\":[\"handleValidityChange\"],\"mgWidth\":[\"watchMgWidth\"],\"type\":[\"validateType\"],\"format\":[\"watchFormat\"],\"integerLength\":[\"validateIntegerLength\"],\"decimalLength\":[\"validateDecimalLength\"]}],[257,\"mg-input-radio\",{\"value\":[1032],\"items\":[16],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"inputVerticalList\":[4,\"input-vertical-list\"],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"options\":[32],\"readonlyValue\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[\"watchValue\"],\"items\":[\"validateItems\"],\"inputVerticalList\":[\"watchInputVerticalList\"],\"readonly\":[\"watchReadonly\",\"handleValidityChange\"],\"required\":[\"handleValidityChange\"],\"disabled\":[\"handleValidityChange\",\"watchDisabled\"]}],[257,\"mg-input-toggle\",{\"value\":[1032],\"items\":[16],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"isOnOff\":[1028,\"is-on-off\"],\"isIcon\":[4,\"is-icon\"],\"readonly\":[4],\"disabled\":[4],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"classCollection\":[32],\"options\":[32],\"errorMessage\":[32],\"valid\":[32],\"checked\":[32],\"setFocus\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[\"handleValue\"],\"items\":[\"validateItems\"],\"isOnOff\":[\"watchIsOnOff\"],\"isIcon\":[\"watchIsIcon\"],\"readonly\":[\"watchReadonly\"],\"disabled\":[\"watchDisabled\"],\"checked\":[\"handleChecked\"]}],[257,\"mg-modal\",{\"identifier\":[1],\"dialogRole\":[1,\"dialog-role\"],\"modalTitle\":[1,\"modal-title\"],\"closeButton\":[4,\"close-button\"],\"open\":[1028],\"hasActions\":[32],\"classCollection\":[32]},null,{\"identifier\":[\"watchIdentifier\"],\"dialogRole\":[\"validateDialogRole\"],\"modalTitle\":[\"validateModalTitle\"],\"open\":[\"watchOpen\"]}],[257,\"mg-details\",{\"toggleClosed\":[1,\"toggle-closed\"],\"toggleOpened\":[1,\"toggle-opened\"],\"hideSummary\":[4,\"hide-summary\"],\"expanded\":[1028]},null,{\"toggleClosed\":[\"validateTitles\"],\"toggleOpened\":[\"validateTitles\"],\"expanded\":[\"handleExpanded\"]}],[1,\"mg-table\",{\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"columns\":[16],\"classCollection\":[32]},null,{\"size\":[\"watchSize\"],\"fullWidth\":[\"watchFullWidth\"],\"columns\":[\"watchColumns\"]}],[257,\"mg-form\",{\"identifier\":[1],\"name\":[1],\"readonly\":[4],\"requiredMessage\":[1,\"required-message\"],\"ariaRole\":[1,\"aria-role\"],\"labelOnTop\":[4,\"label-on-top\"],\"disabled\":[4],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"requiredMessageText\":[32],\"displayError\":[64],\"reset\":[64]},null,{\"identifier\":[\"watchIdentifier\"],\"requiredMessage\":[\"validateRequiredMessage\",\"handleAttributeChange\"],\"ariaRole\":[\"validateAriaRole\"],\"labelOnTop\":[\"handlelabelOnTop\"],\"readonly\":[\"handleAttributeChange\"],\"disabled\":[\"handleAttributeChange\"]}],[257,\"mg-illustrated-message\",{\"size\":[1],\"direction\":[1],\"classCollection\":[32]},null,{\"size\":[\"watchSize\"],\"direction\":[\"watchDirection\"]}],[257,\"mg-skip-links\",{\"links\":[16]},null,{\"links\":[\"validateLinks\"]}],[257,\"mg-tag\",{\"variant\":[1],\"outline\":[4],\"soft\":[4],\"classCollection\":[32]},null,{\"variant\":[\"validateVariant\"],\"outline\":[\"validateOutline\"],\"soft\":[\"validateSoft\"]}],[257,\"mg-input-select\",{\"value\":[1032],\"items\":[16],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1025],\"placeholderHide\":[4,\"placeholder-hide\"],\"placeholderDisabled\":[4,\"placeholder-disabled\"],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"mgWidth\":[520,\"mg-width\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"options\":[32],\"valueExist\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[\"validateValue\"],\"items\":[\"validateItems\"],\"readonly\":[\"watchReadonly\",\"handleValidityChange\"],\"required\":[\"handleValidityChange\"],\"disabled\":[\"handleValidityChange\",\"watchDisabled\"],\"mgWidth\":[\"watchMgWidth\"]}],[262,\"mg-input-checkbox-paginated\",{\"readonly\":[4],\"disabled\":[4],\"name\":[1],\"invalid\":[4],\"checkboxes\":[16],\"messages\":[16],\"limit\":[32],\"resetLimit\":[64]},null,{\"checkboxes\":[\"watchCheckboxes\"],\"limit\":[\"watchLimit\"]}],[257,\"mg-message\",{\"variant\":[1],\"variantStyle\":[1,\"variant-style\"],\"classCollection\":[32],\"hasActions\":[32]},null,{\"variant\":[\"watchVariant\"],\"variantStyle\":[\"watchVariantStyle\"]}],[257,\"mg-tabs\",{\"identifier\":[1],\"label\":[1],\"size\":[1],\"items\":[16],\"activeTab\":[1538,\"active-tab\"],\"tabs\":[32],\"classCollection\":[32]},null,{\"identifier\":[\"watchIdentifier\"],\"label\":[\"validateLabel\"],\"size\":[\"validateSize\"],\"items\":[\"validateItems\"],\"activeTab\":[\"validateActiveTab\"]}],[257,\"mg-divider\",{\"fullWidth\":[4,\"full-width\"]}],[257,\"mg-input-text\",{\"value\":[1544],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"type\":[1],\"icon\":[1],\"placeholder\":[1],\"datalistoptions\":[16],\"maxlength\":[2],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"mgWidth\":[8,\"mg-width\"],\"pattern\":[1],\"patternErrorMessage\":[1,\"pattern-error-message\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"characterLeftHide\":[4,\"character-left-hide\"],\"helpText\":[1025,\"help-text\"],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[\"handleValue\"],\"type\":[\"validateType\"],\"icon\":[\"validateIcon\"],\"datalistoptions\":[\"validateDatalistoptions\"],\"readonly\":[\"watchReadonly\",\"handleValidityChange\"],\"required\":[\"handleValidityChange\"],\"disabled\":[\"handleValidityChange\",\"watchDisabled\"],\"mgWidth\":[\"watchMgWidth\"],\"pattern\":[\"watchPattern\"],\"patternErrorMessage\":[\"watchPattern\"],\"helpText\":[\"watchHelpText\"]}],[257,\"mg-item-more\",{\"icon\":[16],\"slotlabel\":[16],\"size\":[1],\"parentMenu\":[32]},null,{\"icon\":[\"validateIcon\"],\"slotlabel\":[\"validateSlotLabel\"],\"size\":[\"validateSize\"]}],[257,\"mg-menu\",{\"label\":[1],\"direction\":[513],\"itemmore\":[16],\"size\":[1]},[[0,\"item-loaded\",\"updateItemListener\"]],{\"label\":[\"validateLabel\"],\"direction\":[\"validateDirection\"],\"itemmore\":[\"validateItemMore\"],\"size\":[\"validateSize\"]}],[257,\"mg-menu-item\",{\"identifier\":[513],\"href\":[1],\"target\":[1],\"status\":[1537],\"expanded\":[1028],\"size\":[32],\"navigationButtonClassList\":[32],\"direction\":[32],\"isItemMore\":[32],\"hasChildren\":[32],\"displayNotificationBadge\":[32]},null,{\"identifier\":[\"watchIdentifier\"],\"target\":[\"watchTarget\"],\"status\":[\"watchStatus\"],\"expanded\":[\"watchExpanded\"],\"size\":[\"watchSize\"],\"direction\":[\"validateDirection\"],\"hasChildren\":[\"validateHasChildren\"],\"data-style-direction\":[\"watchDataStyleDirection\"],\"data-has-focus\":[\"watchDataHasFocus\"]}],[258,\"mg-character-left\",{\"identifier\":[1],\"characters\":[1],\"maxlength\":[2]},null,{\"identifier\":[\"watchIdentifier\"],\"maxlength\":[\"validateMaxlength\"]}],[257,\"mg-popover\",{\"identifier\":[1],\"placement\":[1],\"arrowHide\":[4,\"arrow-hide\"],\"closeButton\":[4,\"close-button\"],\"display\":[1028],\"disabled\":[4]},null,{\"identifier\":[\"validateIdentifier\"],\"arrowHide\":[\"validateArrowHide\"],\"closeButton\":[\"validateCloseButton\"],\"display\":[\"handleDisplay\"]}],[257,\"mg-badge\",{\"value\":[8],\"label\":[1],\"variant\":[1],\"outline\":[4],\"classCollection\":[32]},null,{\"value\":[\"validateValue\"],\"label\":[\"validateLabel\"],\"variant\":[\"validateVariant\"],\"outline\":[\"validateOutline\"]}],[257,\"mg-popover-content\",{\"closeButton\":[4,\"close-button\"],\"classCollection\":[32]}],[257,\"mg-card\",{\"shadow\":[4],\"radiusSize\":[1,\"radius-size\"],\"classCollection\":[32]},null,{\"shadow\":[\"watchShadow\"],\"radiusSize\":[\"watchRadiusSize\"]}],[257,\"mg-input\",{\"identifier\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"labelHeading\":[1025,\"label-heading\"],\"labelBorderDisplay\":[4,\"label-border-display\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"required\":[4],\"errorMessage\":[1,\"error-message\"],\"helpText\":[1,\"help-text\"],\"inputsOnBottom\":[4,\"inputs-on-bottom\"],\"ariaDescribedbyIDs\":[1025,\"aria-describedby-i-ds\"],\"isFieldset\":[32],\"isReadonly\":[32],\"isDisabled\":[32],\"isVerticalList\":[32]},null,{\"identifier\":[\"watchIdentifier\",\"watchAriaDescribedbyIDs\"],\"labelOnTop\":[\"watchLabelOnTop\",\"watchLabelConfig\"],\"labelHide\":[\"watchLabelConfig\"],\"labelHeading\":[\"watchlabelHeading\"],\"labelBorderDisplay\":[\"watchLabelBorderDisplay\"],\"tooltipPosition\":[\"watchTooltipPosition\"],\"errorMessage\":[\"watchErrorMessage\",\"watchAriaDescribedbyIDs\"],\"helpText\":[\"watchHelpText\",\"watchAriaDescribedbyIDs\"],\"inputsOnBottom\":[\"watchInputsOnBottom\"],\"ariaDescribedbyIDs\":[\"watchAriaDescribedbyIDs\"],\"class\":[\"watchClass\",\"watchLabel\"],\"label\":[\"watchLabel\"],\"required\":[\"watchLabel\"],\"isReadonly\":[\"watchLabel\"],\"isFieldset\":[\"watchLabel\"]}],[257,\"mg-button\",{\"variant\":[1025],\"label\":[1],\"type\":[1],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"form\":[1],\"disabled\":[1028],\"isIcon\":[4,\"is-icon\"],\"disableOnClick\":[4,\"disable-on-click\"],\"loading\":[32],\"classCollection\":[32]},null,{\"variant\":[\"validateVariant\"],\"size\":[\"validateSize\"],\"fullWidth\":[\"validateFullWidth\"],\"disabled\":[\"disabledHandler\"],\"isIcon\":[\"watchIsIcon\"],\"loading\":[\"loadingHandler\"]}],[257,\"mg-tooltip\",{\"identifier\":[1],\"message\":[1],\"placement\":[1],\"display\":[1028],\"disabled\":[4]},null,{\"identifier\":[\"watchIdentifier\"],\"message\":[\"watchMessage\"],\"display\":[\"watchDisplay\"],\"disabled\":[\"watchDisabled\"]}],[262,\"mg-input-title\",{\"identifier\":[1],\"required\":[4],\"readonly\":[4],\"isLegend\":[4,\"is-legend\"],\"tagName\":[32]},null,{\"identifier\":[\"validateIdentifier\"],\"isLegend\":[\"validateIsLegend\"]}],[257,\"mg-tooltip-content\",{\"message\":[1]}],[1,\"mg-icon\",{\"icon\":[1],\"size\":[1],\"variant\":[1],\"variantStyle\":[1025,\"variant-style\"],\"spin\":[4],\"classCollection\":[32]},null,{\"icon\":[\"validateIcon\"],\"size\":[\"validateSize\"],\"variant\":[\"validateVariant\"],\"variantStyle\":[\"validateVariantStyle\"],\"spin\":[\"handleSpin\"]}]]],[\"mg-alert\",[[257,\"mg-alert\",{\"delay\":[2],\"variant\":[1],\"variantStyle\":[1,\"variant-style\"],\"classCollection\":[32],\"hasActions\":[32]},null,{\"delay\":[\"watchDelay\"],\"variant\":[\"watchVariant\"],\"variantStyle\":[\"watchVariantStyle\"],\"hidden\":[\"watchHidden\"]}]]],[\"mg-loader\",[[257,\"mg-loader\",{\"message\":[1],\"messageHide\":[4,\"message-hide\"]},null,{\"message\":[\"watchMessage\"]}]]],[\"mg-input-combobox\",[[257,\"mg-input-combobox\",{\"value\":[1537],\"items\":[16],\"itemsLabel\":[1,\"items-label\"],\"identifier\":[1],\"name\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"mgWidth\":[8,\"mg-width\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"fetchurl\":[1],\"fetchoptions\":[16],\"fetchmappings\":[16],\"valid\":[1028],\"invalid\":[1028],\"isLoading\":[32],\"options\":[32],\"option\":[32],\"filter\":[32],\"classCollection\":[32],\"errorMessage\":[32],\"popoverDisplay\":[32],\"setFocus\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"value\":[\"watchValue\"],\"items\":[\"watchItems\"],\"identifier\":[\"watchIdentifier\"],\"readonly\":[\"watchReadonly\",\"watchValidityChange\"],\"required\":[\"watchValidityChange\"],\"disabled\":[\"watchValidityChange\",\"watchDisabled\"],\"mgWidth\":[\"watchMgWidth\"],\"fetchurl\":[\"watchFetchUrl\"],\"fetchoptions\":[\"watchFetchOptions\"],\"fetchmappings\":[\"watchFetchMappings\"],\"options\":[\"watchOptions\"],\"filter\":[\"watchFilter\"],\"popoverDisplay\":[\"watchPopoverDisplay\"]}]]],[\"mg-fieldset\",[[257,\"mg-fieldset\",{\"identifier\":[1],\"name\":[1],\"legend\":[1],\"legendHide\":[4,\"legend-hide\"],\"legendHeading\":[1,\"legend-heading\"],\"legendBorderDisplay\":[4,\"legend-border-display\"],\"readonly\":[4],\"disabled\":[4],\"tooltip\":[1],\"helpText\":[1,\"help-text\"],\"errorMessage\":[32],\"valid\":[32],\"classCollection\":[32],\"setCustomValidity\":[64],\"displayError\":[64]},null,{\"legendBorderDisplay\":[\"watchLegendBorderDisplay\"],\"readonly\":[\"watchReadonly\",\"handleAttributeChange\"],\"disabled\":[\"handleAttributeChange\"]}]]],[\"mg-input-rich-text-editor\",[[257,\"mg-input-rich-text-editor\",{\"value\":[1025],\"identifier\":[1],\"label\":[1],\"labelOnTop\":[4,\"label-on-top\"],\"labelHide\":[4,\"label-hide\"],\"placeholder\":[1],\"rows\":[2],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"pattern\":[1],\"patternErrorMessage\":[1,\"pattern-error-message\"],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"helpText\":[1,\"help-text\"],\"modules\":[16],\"valid\":[1028],\"invalid\":[1028],\"classCollection\":[32],\"errorMessage\":[32],\"setFocus\":[64],\"getHTML\":[64],\"getText\":[64],\"displayError\":[64],\"setError\":[64],\"reset\":[64]},null,{\"readonly\":[\"watchReadonly\",\"handleValidityChange\"],\"disabled\":[\"watchDisabled\",\"handleValidityChange\"],\"required\":[\"handleValidityChange\"],\"pattern\":[\"validatePattern\"],\"patternErrorMessage\":[\"validatePattern\"]}]]],[\"mg-progress\",[[257,\"mg-progress\",{\"label\":[1],\"ariaRole\":[1,\"aria-role\"],\"value\":[2],\"min\":[2],\"max\":[2]},null,{\"label\":[\"watchLabel\"],\"ariaRole\":[\"watchAriaRole\"],\"value\":[\"watchValue\"],\"min\":[\"watchMin\"],\"max\":[\"watchMax\"]}]]]]"), options);
20
20
  });
@@ -0,0 +1,139 @@
1
+ import { r as registerInstance, h, a as getElement } from './index-T6kOJXP1.js';
2
+ import { C as ClassList, i as isValidString } from './index-C7xjtdiw.js';
3
+ import { c as classReadonly } from './mg-input.conf-D9V2v4n2.js';
4
+
5
+ const MgFieldset = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ /**
9
+ * Fieldset name
10
+ * If not set the value equals the identifier
11
+ */
12
+ this.name = this.identifier;
13
+ /**
14
+ * Define if legend is visible
15
+ */
16
+ this.legendHide = false;
17
+ /**
18
+ * Define if legend border is visible.
19
+ */
20
+ this.legendBorderDisplay = false;
21
+ /**
22
+ * Define if inputs are readonly
23
+ */
24
+ this.readonly = false;
25
+ /**
26
+ * Define if inputs are disabled
27
+ */
28
+ this.disabled = false;
29
+ /**
30
+ * Component classes
31
+ */
32
+ this.classCollection = new ClassList(['mg-c-input--fieldset']);
33
+ /**
34
+ * Check if fieldset is valid
35
+ */
36
+ this.checkValidity = () => {
37
+ var _a;
38
+ this.valid = !(this.mgInputs.some(input => input.invalid) || ((_a = this.errorMessage) === null || _a === void 0 ? void 0 : _a.length) > 0);
39
+ };
40
+ /**
41
+ * Set mgInputs
42
+ */
43
+ this.setMgInputs = () => {
44
+ // Get slotted mgInputs
45
+ this.mgInputs = Array.from(this.element.querySelectorAll('*')).filter((node) => node.nodeName.startsWith('MG-INPUT'));
46
+ // Set inputs readonly or disabled based on form configuration
47
+ // Othewise listen to events
48
+ this.mgInputs.forEach(input => {
49
+ if (this.readonly) {
50
+ input.readonly = true;
51
+ }
52
+ else if (this.disabled) {
53
+ input.disabled = true;
54
+ }
55
+ else {
56
+ input.addEventListener('input-valid', this.checkValidity);
57
+ }
58
+ });
59
+ };
60
+ }
61
+ watchLegendBorderDisplay(newValue) {
62
+ if (newValue && !isValidString(this.legendHeading)) {
63
+ throw new Error('<mg-fieldset> prop "legendBorderDisplay" must not be paired with the prop "legendHeading".');
64
+ }
65
+ }
66
+ watchReadonly(newValue) {
67
+ if (newValue) {
68
+ this.classCollection.add(classReadonly);
69
+ }
70
+ else {
71
+ this.classCollection.delete(classReadonly);
72
+ }
73
+ }
74
+ handleAttributeChange() {
75
+ this.setMgInputs();
76
+ }
77
+ /**
78
+ * Component is not a candidate for constraint validation.
79
+ * You can use this method to define the `errorMessage` and set the `valid` state to `false`.
80
+ * @param errorMessage - error message to display. Use a valid `string` to define an error or `undefined` to delete the error
81
+ */
82
+ async setCustomValidity(errorMessage) {
83
+ if (isValidString(errorMessage)) {
84
+ this.errorMessage = errorMessage;
85
+ }
86
+ else {
87
+ this.errorMessage = undefined;
88
+ }
89
+ this.checkValidity();
90
+ }
91
+ /**
92
+ * Display inputs error if it exists.
93
+ */
94
+ async displayError() {
95
+ if (!this.readonly) {
96
+ this.mgInputs.forEach(input => {
97
+ input.displayError();
98
+ });
99
+ }
100
+ }
101
+ /*************
102
+ * Lifecycle *
103
+ *************/
104
+ /**
105
+ * Check if component props are well configured on init
106
+ */
107
+ componentWillLoad() {
108
+ this.watchReadonly(this.readonly);
109
+ this.watchLegendBorderDisplay(this.legendBorderDisplay);
110
+ this.setMgInputs();
111
+ }
112
+ /**
113
+ * Add slot listeners
114
+ */
115
+ componentDidLoad() {
116
+ // Update mgInputs when mgForm content change
117
+ const observerOptions = { childList: true, subtree: true };
118
+ new MutationObserver(mutations => {
119
+ if (mutations.some(mutation => Object.keys(observerOptions).includes(mutation.type))) {
120
+ this.setMgInputs();
121
+ }
122
+ }).observe(this.element, observerOptions);
123
+ }
124
+ /**
125
+ * Render
126
+ * @returns HTML Element
127
+ */
128
+ render() {
129
+ return (h("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: this.legendHeading !== undefined, tooltip: this.tooltip, tooltipPosition: 'label', helpText: this.helpText, errorMessage: !this.valid && isValidString(this.errorMessage) ? this.errorMessage : undefined }, h("span", { key: 'c0e7480b14b0a8e136dd951bdce7275b65b59b48', class: "mg-c-input__input-group" }, h("slot", { key: '021e7b126cef9437e64622d8ef59219b09c06e9f' }))));
130
+ }
131
+ get element() { return getElement(this); }
132
+ static get watchers() { return {
133
+ "legendBorderDisplay": ["watchLegendBorderDisplay"],
134
+ "readonly": ["watchReadonly", "handleAttributeChange"],
135
+ "disabled": ["handleAttributeChange"]
136
+ }; }
137
+ };
138
+
139
+ export { MgFieldset as mg_fieldset };
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, a as getElement } from './index-T6kOJXP1.js';
2
- import { P as Paginate, C as ClassList, f as formatID, a as Cursor, n as nextTick, g as getObjectValueFromKey, t as toString, b as allItemsAreString, i as isObject, c as isValidString, d as Page } from './index-WtiuOkLj.js';
3
- import { c as classReadonly, a as classDisabled, w as widths } from './mg-input.conf-CNgv8hc5.js';
2
+ import { P as Paginate, C as ClassList, f as formatID, a as Cursor, t as toString, n as nextTick, g as getObjectValueFromKey, b as allItemsAreString, i as isValidString, c as isObject, d as Page } from './index-C7xjtdiw.js';
3
+ import { c as classReadonly, a as classDisabled, w as widths } from './mg-input.conf-D9V2v4n2.js';
4
4
  import { i as initLocales } from './index-CNX6lq0x.js';
5
5
  import { K as Keys } from './events.utils-yMGqY8YG.js';
6
6
 
@@ -57,6 +57,7 @@ const MgInputCombobox = class {
57
57
  this.classFocus = 'mg-u-is-focused';
58
58
  // hasDisplayedError (triggered by blur event)
59
59
  this.hasDisplayedError = false;
60
+ this.customErrorMessage = { lock: false };
60
61
  /**
61
62
  * Input name
62
63
  * If not set the value equals the identifier
@@ -191,7 +192,7 @@ const MgInputCombobox = class {
191
192
  // override keys actions
192
193
  switch (event.key) {
193
194
  case Keys.TAB:
194
- case Keys.ENTER:
195
+ case Keys.ENTER: {
195
196
  guard = event.key === Keys.ENTER;
196
197
  const option = (_a = this.option) !== null && _a !== void 0 ? _a : this.options.items.find(this.isCurrentOption);
197
198
  // Sets the value to the content of the focused option in the listbox.
@@ -201,12 +202,13 @@ const MgInputCombobox = class {
201
202
  // Closes the popover.
202
203
  this.popoverDisplay = false;
203
204
  break;
205
+ }
204
206
  case Keys.DOWN:
205
207
  case Keys.ARROWDOWN:
206
208
  case Keys.UP:
207
- case Keys.ARROWUP:
209
+ case Keys.ARROWUP: {
208
210
  guard = true;
209
- if (this.isLoading || !(this.page.total > 0)) {
211
+ if (this.isLoading || this.page.total === 0) {
210
212
  this.popoverDisplay = true;
211
213
  break;
212
214
  }
@@ -237,12 +239,13 @@ const MgInputCombobox = class {
237
239
  // open popover
238
240
  this.popoverDisplay = true;
239
241
  break;
242
+ }
240
243
  case Keys.LEFT:
241
244
  case Keys.ARROWLEFT:
242
245
  case Keys.HOME:
243
246
  case Keys.RIGHT:
244
247
  case Keys.ARROWRIGHT:
245
- case Keys.END:
248
+ case Keys.END: {
246
249
  // skip process if visual focus is not in popover
247
250
  if (!isItem(this.option))
248
251
  break;
@@ -262,8 +265,9 @@ const MgInputCombobox = class {
262
265
  this.input.setSelectionRange(index, index);
263
266
  }
264
267
  break;
268
+ }
265
269
  case Keys.ESC:
266
- case Keys.ESCAPE:
270
+ case Keys.ESCAPE: {
267
271
  guard = true;
268
272
  if (this.popoverDisplay) {
269
273
  // If the popover is displayed, closes it.
@@ -277,10 +281,12 @@ const MgInputCombobox = class {
277
281
  this.option = null;
278
282
  }
279
283
  break;
280
- default:
284
+ }
285
+ default: {
281
286
  // Remove visual focus from popover options
282
287
  this.option = null;
283
288
  break;
289
+ }
284
290
  }
285
291
  if (guard) {
286
292
  event.stopPropagation();
@@ -326,18 +332,20 @@ const MgInputCombobox = class {
326
332
  };
327
333
  /**
328
334
  * Set input error message
329
- * @param errorMessage - errorMessage override
335
+ * @param fromSetErrorContext - context come from `setError` method
330
336
  */
331
- this.setErrorMessage = (errorMessage) => {
337
+ this.setErrorMessage = (fromSetErrorContext = false) => {
332
338
  // Set error message
333
339
  this.errorMessage = undefined;
334
- // Does have a custom error message
335
- if (!this.valid && errorMessage !== undefined) {
336
- this.errorMessage = errorMessage;
337
- }
338
- // required
339
- else if (!this.valid && this.input.validity.valueMissing) {
340
- this.errorMessage = this.messages.errors.required;
340
+ if (!this.valid) {
341
+ // Does have a new custom error message OR does have a custom error message locked
342
+ if (fromSetErrorContext || (this.customErrorMessage.lock && this.customErrorMessage.message !== undefined)) {
343
+ this.errorMessage = this.customErrorMessage.message;
344
+ }
345
+ // required
346
+ else if (this.input.validity.valueMissing) {
347
+ this.errorMessage = this.messages.errors.required;
348
+ }
341
349
  }
342
350
  };
343
351
  /**
@@ -351,15 +359,14 @@ const MgInputCombobox = class {
351
359
  * @returns promisified action
352
360
  */
353
361
  this.loadingWrapper = (action) => {
362
+ var _a;
354
363
  let promise;
355
364
  let index;
356
365
  // cache initial loading action if not defined
357
- if (!Boolean(this.loadingAction)) {
358
- this.loadingAction = action.name;
359
- }
366
+ (_a = this.loadingAction) !== null && _a !== void 0 ? _a : (this.loadingAction = action.name);
360
367
  // update index
361
368
  if (Boolean(this.option) && this.loadingAction !== 'load-more') {
362
- index = this.page.items.findIndex(option => option.value.toString() === this.option.value.toString());
369
+ index = this.page.items.findIndex(option => toString(option.value) === toString(this.option.value));
363
370
  }
364
371
  else if (this.loadingAction === 'load-more') {
365
372
  index = this.page.items.length - this.page.baseIndex;
@@ -412,14 +419,14 @@ const MgInputCombobox = class {
412
419
  */
413
420
  this.goToNextPage = () => {
414
421
  this.showMore.emit();
415
- if (Boolean(this.fetchurl)) {
422
+ if (this.fetchurl !== undefined) {
416
423
  return this.getOptions(typeof this.page.next === 'string' ? this.page.next : undefined).then(nextPage => {
417
- if (!Boolean(nextPage))
418
- return;
419
- // merge items from current page and next page
420
- const items = [...this.page.items, ...nextPage.items];
421
- // create new options pagination withe merged items
422
- this.options = new Paginate(items, { total: nextPage.total, next: nextPage.next, top: items.length });
424
+ if (nextPage !== undefined) {
425
+ // merge items from current page and next page
426
+ const items = [...this.page.items, ...nextPage.items];
427
+ // create new options pagination withe merged items
428
+ this.options = new Paginate(items, { total: nextPage.total, next: nextPage.next, top: items.length });
429
+ }
423
430
  });
424
431
  }
425
432
  else {
@@ -436,12 +443,12 @@ const MgInputCombobox = class {
436
443
  * @returns promise
437
444
  */
438
445
  this.updatePage = async () => {
439
- if (Boolean(this.fetchurl)) {
446
+ if (this.fetchurl !== undefined) {
440
447
  return this.getOptions().then(page => {
441
- if (!Boolean(page))
442
- return;
443
- // reset current options pagination from API response
444
- this.options = new Paginate(page.items, { total: page.total, next: page.next, top: page.top });
448
+ if (page !== undefined) {
449
+ // reset current options pagination from API response
450
+ this.options = new Paginate(page.items, { total: page.total, next: page.next, top: page.top });
451
+ }
445
452
  });
446
453
  }
447
454
  else {
@@ -487,11 +494,11 @@ const MgInputCombobox = class {
487
494
  this.valueChange.emit(newValue);
488
495
  }
489
496
  watchItems(newValue) {
490
- if (Boolean(this.fetchurl) && !Boolean(newValue)) {
497
+ if (this.fetchurl !== undefined && newValue === undefined) {
491
498
  // skip newValue check
492
499
  return;
493
500
  }
494
- else if (Boolean(this.fetchurl) && Boolean(newValue)) {
501
+ else if (this.fetchurl !== undefined && newValue !== undefined) {
495
502
  throw new Error(`<mg-input-combobox> prop "items" values cannot be use with "fetchurl" prop defined. Passed value: ${toString(newValue)}.`);
496
503
  }
497
504
  // Empty options
@@ -511,7 +518,7 @@ const MgInputCombobox = class {
511
518
  }
512
519
  }
513
520
  watchIdentifier(newValue) {
514
- if (Boolean(newValue)) {
521
+ if (isValidString(newValue)) {
515
522
  this.popoverId = `${newValue}-popover`;
516
523
  this.element.dataset.mgPopoverGuard = this.popoverId;
517
524
  }
@@ -551,7 +558,7 @@ const MgInputCombobox = class {
551
558
  this.classCollection = new ClassList(this.classCollection.classes);
552
559
  }
553
560
  watchFetchUrl(newValue) {
554
- if (Boolean(newValue)) {
561
+ if (newValue !== undefined) {
555
562
  this.loadingWrapper({ name: 'load-data' });
556
563
  }
557
564
  }
@@ -559,20 +566,17 @@ const MgInputCombobox = class {
559
566
  if (this.fetchurl && newValue && !isObject(newValue)) {
560
567
  throw new Error(`<mg-input-combobox> prop "fetchoptions" value must be a valid RequestInit. Passed value: ${toString(newValue)}.`);
561
568
  }
562
- else {
563
- new Request(this.fetchurl, newValue);
564
- }
565
569
  }
566
570
  watchFetchMappings(newValue) {
567
- if (Boolean(this.fetchurl) && !Boolean(newValue)) {
571
+ if (this.fetchurl !== undefined && !isObject(newValue)) {
568
572
  throw new Error(`<mg-input-combobox> prop "fetchmappings" is required with "fetchurl" prop.`);
569
573
  }
570
- else if (Boolean(newValue) && !isFetchmappings(newValue)) {
574
+ else if (newValue !== undefined && !isFetchmappings(newValue)) {
571
575
  throw new Error(`<mg-input-combobox> prop "fetchmappings" value must be { request: RequestMappingType, response: ResponseMappingType }. Passed value: ${toString(newValue)}.`);
572
576
  }
573
577
  }
574
578
  watchOptions(newValue) {
575
- this.page = newValue.getPage(0, Boolean(this.filter) ? this.optionsFilter : undefined);
579
+ this.page = newValue.getPage(0, this.filter.length > 0 ? this.optionsFilter : undefined);
576
580
  }
577
581
  watchFilter(newValue) {
578
582
  this.loadingWrapper({ name: 'load-data' });
@@ -629,17 +633,22 @@ const MgInputCombobox = class {
629
633
  * When used to set validity to `false`, you should use this method again to reset the validity to `true`.
630
634
  * @param valid - value indicating the validity
631
635
  * @param errorMessage - the error message to display
636
+ * @param errorMessageLock - lock the error message and validity state
632
637
  */
633
- async setError(valid, errorMessage) {
638
+ async setError(valid, errorMessage, errorMessageLock = false) {
634
639
  if (typeof valid !== 'boolean') {
635
640
  throw new Error('<mg-input-combobox> method "setError()" param "valid" must be a boolean.');
636
641
  }
637
- else if (!isValidString(errorMessage)) {
642
+ else if (errorMessage !== undefined && !isValidString(errorMessage)) {
638
643
  throw new Error('<mg-input-combobox> method "setError()" param "errorMessage" must be a string.');
639
644
  }
640
645
  else {
646
+ this.customErrorMessage = {
647
+ lock: valid ? false : errorMessageLock,
648
+ message: valid ? undefined : errorMessage,
649
+ };
641
650
  this.setValidity(valid);
642
- this.setErrorMessage(valid ? undefined : errorMessage);
651
+ this.setErrorMessage(true);
643
652
  this.hasDisplayedError = this.invalid;
644
653
  }
645
654
  }
@@ -659,6 +668,8 @@ const MgInputCombobox = class {
659
668
  // - Keep everything in sync both inside and outside the component
660
669
  return new Promise(resolve => {
661
670
  requestAnimationFrame(() => {
671
+ // unlock validity check by reseting customErrorMessage
672
+ this.customErrorMessage = { lock: false };
662
673
  this.checkValidity();
663
674
  this.errorMessage = undefined;
664
675
  this.hasDisplayedError = false;
@@ -687,11 +698,13 @@ const MgInputCombobox = class {
687
698
  * @param newValue - valid new value
688
699
  */
689
700
  setValidity(newValue) {
690
- const oldValidValue = this.valid;
691
- this.valid = newValue;
701
+ const oldValue = this.valid;
702
+ if (!this.customErrorMessage.lock || (this.customErrorMessage.message !== undefined && !newValue)) {
703
+ this.valid = newValue;
704
+ }
692
705
  this.invalid = !this.valid;
693
706
  // We need to send valid event even if it is the same value
694
- if (this.handlerInProgress === undefined || (this.handlerInProgress === 'blur' && this.valid !== oldValidValue))
707
+ if (this.handlerInProgress === undefined || (this.handlerInProgress === 'blur' && this.valid !== oldValue))
695
708
  this.inputValid.emit(this.valid);
696
709
  }
697
710
  /*************
@@ -707,7 +720,7 @@ const MgInputCombobox = class {
707
720
  // Validate
708
721
  this.watchIdentifier(this.identifier);
709
722
  this.watchItems(this.items);
710
- if (Boolean(this.fetchurl)) {
723
+ if (this.fetchurl !== undefined) {
711
724
  this.watchFetchOptions(this.fetchoptions);
712
725
  this.watchFetchMappings(this.fetchmappings);
713
726
  this.loadingWrapper({ name: 'load-data' });
@@ -734,14 +747,17 @@ const MgInputCombobox = class {
734
747
  const readonlyValue = this.getValueTitle();
735
748
  const withResetButton = this.value && !this.disabled;
736
749
  let popoverContent;
737
- if (((_a = this.page) === null || _a === void 0 ? void 0 : _a.items.length) > 0)
750
+ if (((_a = this.page) === null || _a === void 0 ? void 0 : _a.items.length) > 0) {
738
751
  popoverContent = 'list';
739
- else if (((_b = this.page) === null || _b === void 0 ? void 0 : _b.items.length) === 0 && Boolean(this.filter))
752
+ }
753
+ else if (((_b = this.page) === null || _b === void 0 ? void 0 : _b.items.length) === 0 && this.filter.length > 0) {
740
754
  popoverContent = 'notfound';
741
- else if (((_c = this.page) === null || _c === void 0 ? void 0 : _c.items.length) === 0)
755
+ }
756
+ else if (((_c = this.page) === null || _c === void 0 ? void 0 : _c.items.length) === 0) {
742
757
  popoverContent = 'notavailable';
758
+ }
743
759
  let activeDescendant;
744
- if (Boolean((_d = this.option) === null || _d === void 0 ? void 0 : _d.value)) {
760
+ if (((_d = this.option) === null || _d === void 0 ? void 0 : _d.value) !== undefined) {
745
761
  activeDescendant = this.option.value;
746
762
  }
747
763
  else if (typeof this.value === 'string') {
@@ -750,8 +766,8 @@ const MgInputCombobox = class {
750
766
  else {
751
767
  activeDescendant = (_e = this.value) === null || _e === void 0 ? void 0 : _e.value;
752
768
  }
753
- return (h("mg-input", { key: '79e5263cd3b1c0fa0b3f386a547f2bdd48a33b28', label: this.label, identifier: this.identifier, class: this.classCollection.classes.join(' '), ariaDescribedbyIDs: popoverContent && popoverContent !== 'list' ? popoverContent : undefined, 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 ? (readonlyValue && h("b", { class: "mg-c-input__readonly-value" }, readonlyValue)) : (h("mg-popover", { identifier: this.popoverId, placement: "bottom-start", display: this.popoverDisplay, "arrow-hide": true, style: {
754
- '--mg-c-input-list-width': Boolean((_f = this.input) === null || _f === void 0 ? void 0 : _f.offsetWidth) ? `${this.input.offsetWidth}px` : undefined,
769
+ return (h("mg-input", { key: 'bebf380dbdea1a9f9e0257a9425dcb6cd94a7a52', label: this.label, identifier: this.identifier, class: this.classCollection.classes.join(' '), ariaDescribedbyIDs: popoverContent && popoverContent !== 'list' ? popoverContent : undefined, 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 ? (readonlyValue && h("b", { class: "mg-c-input__readonly-value" }, readonlyValue)) : (h("mg-popover", { identifier: this.popoverId, placement: "bottom-start", display: this.popoverDisplay, "arrow-hide": true, style: {
770
+ '--mg-c-input-list-width': ((_f = this.input) === null || _f === void 0 ? void 0 : _f.offsetWidth) > 0 ? `${this.input.offsetWidth}px` : undefined,
755
771
  }, "data-fallback-placement": "bottom-end", "onDisplay-change": this.handlePopoverDisplay }, h("div", { class: "mg-c-input__input-group-container" }, h("mg-icon", { icon: "magnifying-glass" }), h("input", { type: "text", role: "combobox", class: "mg-c-input__box mg-c-input__box--width", value: this.filter, id: this.identifier, name: this.name, placeholder: this.placeholder, title: this.placeholder, disabled: this.disabled, required: this.required, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.popoverDisplay.toString(), "aria-controls": listId, "aria-invalid": (this.invalid === true).toString(), "aria-activedescendant": formatID(activeDescendant), onInput: this.handleFilterInput, onBlur: this.handleFilterBlur, onFocus: this.handleFilterFocus, onKeyDown: this.handleFilterKeydown, ref: (el) => {
756
772
  if (el !== null)
757
773
  this.input = el;