@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.
- package/dist/cjs/index-DCZEYvlH.js +4 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mg-action-more_37.cjs.entry.js +411 -168
- package/dist/cjs/mg-alert.cjs.entry.js +1 -1
- package/dist/cjs/mg-components.cjs.js +1 -1
- package/dist/cjs/mg-fieldset.cjs.entry.js +141 -0
- package/dist/cjs/mg-input-combobox.cjs.entry.js +71 -55
- package/dist/cjs/mg-input-rich-text-editor.cjs.entry.js +33 -20
- package/dist/cjs/{mg-input.conf-WTsvDfpC.js → mg-input.conf-HYIzRsy7.js} +5 -0
- package/dist/cjs/mg-loader.cjs.entry.js +1 -1
- package/dist/cjs/mg-progress.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/molecules/inputs/mg-input/mg-input.conf.js +4 -0
- package/dist/collection/components/molecules/inputs/mg-input/mg-input.js +178 -18
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.js +1 -1
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js +36 -16
- package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.js +78 -55
- package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js +41 -22
- package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js +32 -12
- package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js +30 -12
- package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js +31 -12
- package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.js +40 -20
- package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js +31 -12
- package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.js +44 -25
- package/dist/collection/components/molecules/inputs/mg-input-textarea/mg-input-textarea.js +31 -13
- package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.js +36 -11
- package/dist/collection/components/molecules/menus/mg-menu/mg-menu.js +5 -1
- package/dist/collection/components/molecules/mg-action-more/mg-action-more.js +1 -1
- package/dist/collection/components/molecules/mg-alert/mg-alert.js +1 -1
- package/dist/collection/components/molecules/mg-details/mg-details.js +1 -1
- package/dist/collection/components/molecules/mg-fieldset/mg-fieldset.js +404 -0
- package/dist/collection/components/molecules/mg-form/mg-form.js +13 -4
- package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js +1 -1
- package/dist/collection/components/molecules/mg-loader/mg-loader.js +1 -1
- package/dist/collection/components/molecules/mg-message/mg-message.js +2 -2
- package/dist/collection/components/molecules/mg-modal/mg-modal.js +2 -2
- package/dist/collection/components/molecules/mg-panel/mg-panel.js +40 -9
- package/dist/collection/components/molecules/mg-popover/mg-popover-content/mg-popover-content.js +1 -1
- package/dist/collection/components/molecules/mg-popover/mg-popover.js +1 -1
- package/dist/collection/components/molecules/mg-progress/mg-progress.js +1 -1
- package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.js +1 -1
- package/dist/collection/components/molecules/mg-tabs/mg-tabs.js +1 -1
- package/dist/components/mg-action-more.js +1 -1
- package/dist/components/mg-alert.js +1 -1
- package/dist/components/mg-details.js +1 -1
- package/dist/components/mg-fieldset.d.ts +11 -0
- package/dist/components/mg-fieldset.js +209 -0
- package/dist/components/mg-form.js +4 -3
- package/dist/components/mg-illustrated-message.js +1 -1
- package/dist/components/mg-input-checkbox-paginated2.js +1 -1
- package/dist/components/mg-input-checkbox.js +28 -15
- package/dist/components/mg-input-combobox.js +71 -55
- package/dist/components/mg-input-date.js +33 -21
- package/dist/components/mg-input-numeric.js +24 -11
- package/dist/components/mg-input-password.js +22 -11
- package/dist/components/mg-input-radio.js +23 -11
- package/dist/components/mg-input-rich-text-editor.js +32 -19
- package/dist/components/mg-input-select2.js +24 -12
- package/dist/components/mg-input-text2.js +36 -24
- package/dist/components/mg-input-textarea.js +23 -12
- package/dist/components/mg-input-toggle.js +35 -10
- package/dist/components/mg-input2.js +117 -18
- package/dist/components/mg-item-more2.js +5 -1
- package/dist/components/mg-loader2.js +1 -1
- package/dist/components/mg-message2.js +2 -2
- package/dist/components/mg-modal.js +2 -2
- package/dist/components/mg-panel.js +36 -7
- package/dist/components/mg-popover-content2.js +1 -1
- package/dist/components/mg-popover2.js +1 -1
- package/dist/components/mg-progress.js +1 -1
- package/dist/components/mg-skip-links.js +1 -1
- package/dist/components/mg-tabs2.js +1 -1
- package/dist/esm/{index-WtiuOkLj.js → index-C7xjtdiw.js} +1 -1
- package/dist/esm/index-T6kOJXP1.js +4 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mg-action-more_37.entry.js +412 -169
- package/dist/esm/mg-alert.entry.js +2 -2
- package/dist/esm/mg-components.js +1 -1
- package/dist/esm/mg-fieldset.entry.js +139 -0
- package/dist/esm/mg-input-combobox.entry.js +72 -56
- package/dist/esm/mg-input-rich-text-editor.entry.js +34 -21
- package/dist/esm/{mg-input.conf-CNgv8hc5.js → mg-input.conf-D9V2v4n2.js} +5 -1
- package/dist/esm/mg-loader.entry.js +2 -2
- package/dist/esm/mg-progress.entry.js +2 -2
- package/dist/mg-components/mg-components.esm.js +1 -1
- package/dist/mg-components/p-2bab89c2.entry.js +1 -0
- package/dist/mg-components/{p-0e6b40d6.entry.js → p-5abc77cd.entry.js} +1 -1
- package/dist/mg-components/p-7d2e43b2.entry.js +1 -0
- package/dist/mg-components/{p-5dc3a1fb.entry.js → p-92e5e5a6.entry.js} +1 -1
- package/dist/mg-components/{p-c5da335e.entry.js → p-952288bd.entry.js} +1 -1
- package/dist/mg-components/{p-WtiuOkLj.js → p-C7xjtdiw.js} +1 -1
- package/dist/mg-components/p-D9V2v4n2.js +1 -0
- package/dist/mg-components/p-f2cddd52.entry.js +1 -0
- package/dist/mg-components/{p-397bf67b.entry.js → p-f6afaeb8.entry.js} +1 -1
- package/dist/types/components/molecules/inputs/mg-input/mg-input.conf.d.ts +5 -0
- package/dist/types/components/molecules/inputs/mg-input/mg-input.d.ts +32 -1
- package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.d.ts +4 -3
- package/dist/types/components/molecules/inputs/mg-input-combobox/mg-input-combobox.d.ts +4 -2
- package/dist/types/components/molecules/inputs/mg-input-date/mg-input-date.d.ts +4 -2
- package/dist/types/components/molecules/inputs/mg-input-numeric/mg-input-numeric.d.ts +4 -2
- package/dist/types/components/molecules/inputs/mg-input-password/mg-input-password.d.ts +4 -2
- package/dist/types/components/molecules/inputs/mg-input-radio/mg-input-radio.d.ts +4 -2
- package/dist/types/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.d.ts +4 -2
- package/dist/types/components/molecules/inputs/mg-input-select/mg-input-select.d.ts +4 -2
- package/dist/types/components/molecules/inputs/mg-input-text/mg-input-text.d.ts +4 -2
- package/dist/types/components/molecules/inputs/mg-input-textarea/mg-input-textarea.d.ts +4 -2
- package/dist/types/components/molecules/inputs/mg-input-toggle/mg-input-toggle.d.ts +4 -2
- package/dist/types/components/molecules/mg-fieldset/mg-fieldset.d.ts +105 -0
- package/dist/types/components/molecules/mg-form/mg-form.d.ts +1 -1
- package/dist/types/components/molecules/mg-panel/mg-panel.d.ts +8 -1
- package/dist/types/components.d.ts +168 -18
- package/ide/intellij/web-types.json +272 -9
- package/ide/vscode/html-custom-data.json +243 -5
- package/package.json +15 -15
- package/dist/mg-components/p-8a69175b.entry.js +0 -1
- package/dist/mg-components/p-CNgv8hc5.js +0 -1
- package/dist/mg-components/p-d84d87ea.entry.js +0 -1
|
@@ -155,7 +155,7 @@ const MgAlert = class {
|
|
|
155
155
|
* @returns HTML Element
|
|
156
156
|
*/
|
|
157
157
|
render() {
|
|
158
|
-
return (index.h("mg-message", { key: '
|
|
158
|
+
return (index.h("mg-message", { key: '4b974a10812e527a2c481ec00f22324ab490a135', class: this.classCollection.join(), role: ['info', 'success'].includes(this.variant) ? 'status' : 'alert', variant: this.variant, variantStyle: this.variantStyle }, index.h("slot", { key: '9133a3cca56d67e75e8c3f018c52838c31e908f2' }), this.hasActions ? (index.h("span", { slot: "actions" }, index.h("slot", { name: "actions" }))) : (index.h("span", { class: "mg-c-alert__close-button" }, index.h("mg-button", { "is-icon": true, variant: "flat", label: this.messages.alert.closeButton, onClick: this.handleClose }, index.h("mg-icon", { icon: "cross" }))))));
|
|
159
159
|
}
|
|
160
160
|
get element() { return index.getElement(this); }
|
|
161
161
|
static get watchers() { return {
|
|
@@ -18,7 +18,7 @@ var patchBrowser = () => {
|
|
|
18
18
|
|
|
19
19
|
patchBrowser().then(async (options) => {
|
|
20
20
|
await index.globalScripts();
|
|
21
|
-
return index.bootstrapLazy(JSON.parse("[[\"mg-alert.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[257,\"mg-loader\",{\"message\":[1],\"messageHide\":[4,\"message-hide\"]},null,{\"message\":[\"watchMessage\"]}]]],[\"mg-input-combobox.cjs\",[[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.cjs\",[[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);
|
|
21
|
+
return index.bootstrapLazy(JSON.parse("[[\"mg-action-more_37.cjs\",[[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.cjs\",[[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.cjs\",[[257,\"mg-loader\",{\"message\":[1],\"messageHide\":[4,\"message-hide\"]},null,{\"message\":[\"watchMessage\"]}]]],[\"mg-input-combobox.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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);
|
|
22
22
|
});
|
|
23
23
|
|
|
24
24
|
exports.setNonce = index.setNonce;
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-DCZEYvlH.js');
|
|
4
|
+
var index$1 = require('./index-CpENFzEo.js');
|
|
5
|
+
var mgInput_conf = require('./mg-input.conf-HYIzRsy7.js');
|
|
6
|
+
|
|
7
|
+
const MgFieldset = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
index.registerInstance(this, hostRef);
|
|
10
|
+
/**
|
|
11
|
+
* Fieldset name
|
|
12
|
+
* If not set the value equals the identifier
|
|
13
|
+
*/
|
|
14
|
+
this.name = this.identifier;
|
|
15
|
+
/**
|
|
16
|
+
* Define if legend is visible
|
|
17
|
+
*/
|
|
18
|
+
this.legendHide = false;
|
|
19
|
+
/**
|
|
20
|
+
* Define if legend border is visible.
|
|
21
|
+
*/
|
|
22
|
+
this.legendBorderDisplay = false;
|
|
23
|
+
/**
|
|
24
|
+
* Define if inputs are readonly
|
|
25
|
+
*/
|
|
26
|
+
this.readonly = false;
|
|
27
|
+
/**
|
|
28
|
+
* Define if inputs are disabled
|
|
29
|
+
*/
|
|
30
|
+
this.disabled = false;
|
|
31
|
+
/**
|
|
32
|
+
* Component classes
|
|
33
|
+
*/
|
|
34
|
+
this.classCollection = new index$1.ClassList(['mg-c-input--fieldset']);
|
|
35
|
+
/**
|
|
36
|
+
* Check if fieldset is valid
|
|
37
|
+
*/
|
|
38
|
+
this.checkValidity = () => {
|
|
39
|
+
var _a;
|
|
40
|
+
this.valid = !(this.mgInputs.some(input => input.invalid) || ((_a = this.errorMessage) === null || _a === void 0 ? void 0 : _a.length) > 0);
|
|
41
|
+
};
|
|
42
|
+
/**
|
|
43
|
+
* Set mgInputs
|
|
44
|
+
*/
|
|
45
|
+
this.setMgInputs = () => {
|
|
46
|
+
// Get slotted mgInputs
|
|
47
|
+
this.mgInputs = Array.from(this.element.querySelectorAll('*')).filter((node) => node.nodeName.startsWith('MG-INPUT'));
|
|
48
|
+
// Set inputs readonly or disabled based on form configuration
|
|
49
|
+
// Othewise listen to events
|
|
50
|
+
this.mgInputs.forEach(input => {
|
|
51
|
+
if (this.readonly) {
|
|
52
|
+
input.readonly = true;
|
|
53
|
+
}
|
|
54
|
+
else if (this.disabled) {
|
|
55
|
+
input.disabled = true;
|
|
56
|
+
}
|
|
57
|
+
else {
|
|
58
|
+
input.addEventListener('input-valid', this.checkValidity);
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
watchLegendBorderDisplay(newValue) {
|
|
64
|
+
if (newValue && !index$1.isValidString(this.legendHeading)) {
|
|
65
|
+
throw new Error('<mg-fieldset> prop "legendBorderDisplay" must not be paired with the prop "legendHeading".');
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
watchReadonly(newValue) {
|
|
69
|
+
if (newValue) {
|
|
70
|
+
this.classCollection.add(mgInput_conf.classReadonly);
|
|
71
|
+
}
|
|
72
|
+
else {
|
|
73
|
+
this.classCollection.delete(mgInput_conf.classReadonly);
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
handleAttributeChange() {
|
|
77
|
+
this.setMgInputs();
|
|
78
|
+
}
|
|
79
|
+
/**
|
|
80
|
+
* Component is not a candidate for constraint validation.
|
|
81
|
+
* You can use this method to define the `errorMessage` and set the `valid` state to `false`.
|
|
82
|
+
* @param errorMessage - error message to display. Use a valid `string` to define an error or `undefined` to delete the error
|
|
83
|
+
*/
|
|
84
|
+
async setCustomValidity(errorMessage) {
|
|
85
|
+
if (index$1.isValidString(errorMessage)) {
|
|
86
|
+
this.errorMessage = errorMessage;
|
|
87
|
+
}
|
|
88
|
+
else {
|
|
89
|
+
this.errorMessage = undefined;
|
|
90
|
+
}
|
|
91
|
+
this.checkValidity();
|
|
92
|
+
}
|
|
93
|
+
/**
|
|
94
|
+
* Display inputs error if it exists.
|
|
95
|
+
*/
|
|
96
|
+
async displayError() {
|
|
97
|
+
if (!this.readonly) {
|
|
98
|
+
this.mgInputs.forEach(input => {
|
|
99
|
+
input.displayError();
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
/*************
|
|
104
|
+
* Lifecycle *
|
|
105
|
+
*************/
|
|
106
|
+
/**
|
|
107
|
+
* Check if component props are well configured on init
|
|
108
|
+
*/
|
|
109
|
+
componentWillLoad() {
|
|
110
|
+
this.watchReadonly(this.readonly);
|
|
111
|
+
this.watchLegendBorderDisplay(this.legendBorderDisplay);
|
|
112
|
+
this.setMgInputs();
|
|
113
|
+
}
|
|
114
|
+
/**
|
|
115
|
+
* Add slot listeners
|
|
116
|
+
*/
|
|
117
|
+
componentDidLoad() {
|
|
118
|
+
// Update mgInputs when mgForm content change
|
|
119
|
+
const observerOptions = { childList: true, subtree: true };
|
|
120
|
+
new MutationObserver(mutations => {
|
|
121
|
+
if (mutations.some(mutation => Object.keys(observerOptions).includes(mutation.type))) {
|
|
122
|
+
this.setMgInputs();
|
|
123
|
+
}
|
|
124
|
+
}).observe(this.element, observerOptions);
|
|
125
|
+
}
|
|
126
|
+
/**
|
|
127
|
+
* Render
|
|
128
|
+
* @returns HTML Element
|
|
129
|
+
*/
|
|
130
|
+
render() {
|
|
131
|
+
return (index.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 && index$1.isValidString(this.errorMessage) ? this.errorMessage : undefined }, index.h("span", { key: 'c0e7480b14b0a8e136dd951bdce7275b65b59b48', class: "mg-c-input__input-group" }, index.h("slot", { key: '021e7b126cef9437e64622d8ef59219b09c06e9f' }))));
|
|
132
|
+
}
|
|
133
|
+
get element() { return index.getElement(this); }
|
|
134
|
+
static get watchers() { return {
|
|
135
|
+
"legendBorderDisplay": ["watchLegendBorderDisplay"],
|
|
136
|
+
"readonly": ["watchReadonly", "handleAttributeChange"],
|
|
137
|
+
"disabled": ["handleAttributeChange"]
|
|
138
|
+
}; }
|
|
139
|
+
};
|
|
140
|
+
|
|
141
|
+
exports.mg_fieldset = MgFieldset;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-DCZEYvlH.js');
|
|
4
4
|
var index$1 = require('./index-CpENFzEo.js');
|
|
5
|
-
var mgInput_conf = require('./mg-input.conf-
|
|
5
|
+
var mgInput_conf = require('./mg-input.conf-HYIzRsy7.js');
|
|
6
6
|
var index$2 = require('./index-TUElr4Wv.js');
|
|
7
7
|
var events_utils = require('./events.utils-D5SAtkpQ.js');
|
|
8
8
|
|
|
@@ -59,6 +59,7 @@ const MgInputCombobox = class {
|
|
|
59
59
|
this.classFocus = 'mg-u-is-focused';
|
|
60
60
|
// hasDisplayedError (triggered by blur event)
|
|
61
61
|
this.hasDisplayedError = false;
|
|
62
|
+
this.customErrorMessage = { lock: false };
|
|
62
63
|
/**
|
|
63
64
|
* Input name
|
|
64
65
|
* If not set the value equals the identifier
|
|
@@ -193,7 +194,7 @@ const MgInputCombobox = class {
|
|
|
193
194
|
// override keys actions
|
|
194
195
|
switch (event.key) {
|
|
195
196
|
case events_utils.Keys.TAB:
|
|
196
|
-
case events_utils.Keys.ENTER:
|
|
197
|
+
case events_utils.Keys.ENTER: {
|
|
197
198
|
guard = event.key === events_utils.Keys.ENTER;
|
|
198
199
|
const option = (_a = this.option) !== null && _a !== void 0 ? _a : this.options.items.find(this.isCurrentOption);
|
|
199
200
|
// Sets the value to the content of the focused option in the listbox.
|
|
@@ -203,12 +204,13 @@ const MgInputCombobox = class {
|
|
|
203
204
|
// Closes the popover.
|
|
204
205
|
this.popoverDisplay = false;
|
|
205
206
|
break;
|
|
207
|
+
}
|
|
206
208
|
case events_utils.Keys.DOWN:
|
|
207
209
|
case events_utils.Keys.ARROWDOWN:
|
|
208
210
|
case events_utils.Keys.UP:
|
|
209
|
-
case events_utils.Keys.ARROWUP:
|
|
211
|
+
case events_utils.Keys.ARROWUP: {
|
|
210
212
|
guard = true;
|
|
211
|
-
if (this.isLoading ||
|
|
213
|
+
if (this.isLoading || this.page.total === 0) {
|
|
212
214
|
this.popoverDisplay = true;
|
|
213
215
|
break;
|
|
214
216
|
}
|
|
@@ -239,12 +241,13 @@ const MgInputCombobox = class {
|
|
|
239
241
|
// open popover
|
|
240
242
|
this.popoverDisplay = true;
|
|
241
243
|
break;
|
|
244
|
+
}
|
|
242
245
|
case events_utils.Keys.LEFT:
|
|
243
246
|
case events_utils.Keys.ARROWLEFT:
|
|
244
247
|
case events_utils.Keys.HOME:
|
|
245
248
|
case events_utils.Keys.RIGHT:
|
|
246
249
|
case events_utils.Keys.ARROWRIGHT:
|
|
247
|
-
case events_utils.Keys.END:
|
|
250
|
+
case events_utils.Keys.END: {
|
|
248
251
|
// skip process if visual focus is not in popover
|
|
249
252
|
if (!isItem(this.option))
|
|
250
253
|
break;
|
|
@@ -264,8 +267,9 @@ const MgInputCombobox = class {
|
|
|
264
267
|
this.input.setSelectionRange(index, index);
|
|
265
268
|
}
|
|
266
269
|
break;
|
|
270
|
+
}
|
|
267
271
|
case events_utils.Keys.ESC:
|
|
268
|
-
case events_utils.Keys.ESCAPE:
|
|
272
|
+
case events_utils.Keys.ESCAPE: {
|
|
269
273
|
guard = true;
|
|
270
274
|
if (this.popoverDisplay) {
|
|
271
275
|
// If the popover is displayed, closes it.
|
|
@@ -279,10 +283,12 @@ const MgInputCombobox = class {
|
|
|
279
283
|
this.option = null;
|
|
280
284
|
}
|
|
281
285
|
break;
|
|
282
|
-
|
|
286
|
+
}
|
|
287
|
+
default: {
|
|
283
288
|
// Remove visual focus from popover options
|
|
284
289
|
this.option = null;
|
|
285
290
|
break;
|
|
291
|
+
}
|
|
286
292
|
}
|
|
287
293
|
if (guard) {
|
|
288
294
|
event.stopPropagation();
|
|
@@ -328,18 +334,20 @@ const MgInputCombobox = class {
|
|
|
328
334
|
};
|
|
329
335
|
/**
|
|
330
336
|
* Set input error message
|
|
331
|
-
* @param
|
|
337
|
+
* @param fromSetErrorContext - context come from `setError` method
|
|
332
338
|
*/
|
|
333
|
-
this.setErrorMessage = (
|
|
339
|
+
this.setErrorMessage = (fromSetErrorContext = false) => {
|
|
334
340
|
// Set error message
|
|
335
341
|
this.errorMessage = undefined;
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
this.
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
342
|
+
if (!this.valid) {
|
|
343
|
+
// Does have a new custom error message OR does have a custom error message locked
|
|
344
|
+
if (fromSetErrorContext || (this.customErrorMessage.lock && this.customErrorMessage.message !== undefined)) {
|
|
345
|
+
this.errorMessage = this.customErrorMessage.message;
|
|
346
|
+
}
|
|
347
|
+
// required
|
|
348
|
+
else if (this.input.validity.valueMissing) {
|
|
349
|
+
this.errorMessage = this.messages.errors.required;
|
|
350
|
+
}
|
|
343
351
|
}
|
|
344
352
|
};
|
|
345
353
|
/**
|
|
@@ -353,15 +361,14 @@ const MgInputCombobox = class {
|
|
|
353
361
|
* @returns promisified action
|
|
354
362
|
*/
|
|
355
363
|
this.loadingWrapper = (action) => {
|
|
364
|
+
var _a;
|
|
356
365
|
let promise;
|
|
357
366
|
let index;
|
|
358
367
|
// cache initial loading action if not defined
|
|
359
|
-
|
|
360
|
-
this.loadingAction = action.name;
|
|
361
|
-
}
|
|
368
|
+
(_a = this.loadingAction) !== null && _a !== void 0 ? _a : (this.loadingAction = action.name);
|
|
362
369
|
// update index
|
|
363
370
|
if (Boolean(this.option) && this.loadingAction !== 'load-more') {
|
|
364
|
-
index = this.page.items.findIndex(option => option.value
|
|
371
|
+
index = this.page.items.findIndex(option => index$1.toString(option.value) === index$1.toString(this.option.value));
|
|
365
372
|
}
|
|
366
373
|
else if (this.loadingAction === 'load-more') {
|
|
367
374
|
index = this.page.items.length - this.page.baseIndex;
|
|
@@ -414,14 +421,14 @@ const MgInputCombobox = class {
|
|
|
414
421
|
*/
|
|
415
422
|
this.goToNextPage = () => {
|
|
416
423
|
this.showMore.emit();
|
|
417
|
-
if (
|
|
424
|
+
if (this.fetchurl !== undefined) {
|
|
418
425
|
return this.getOptions(typeof this.page.next === 'string' ? this.page.next : undefined).then(nextPage => {
|
|
419
|
-
if (
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
426
|
+
if (nextPage !== undefined) {
|
|
427
|
+
// merge items from current page and next page
|
|
428
|
+
const items = [...this.page.items, ...nextPage.items];
|
|
429
|
+
// create new options pagination withe merged items
|
|
430
|
+
this.options = new index$1.Paginate(items, { total: nextPage.total, next: nextPage.next, top: items.length });
|
|
431
|
+
}
|
|
425
432
|
});
|
|
426
433
|
}
|
|
427
434
|
else {
|
|
@@ -438,12 +445,12 @@ const MgInputCombobox = class {
|
|
|
438
445
|
* @returns promise
|
|
439
446
|
*/
|
|
440
447
|
this.updatePage = async () => {
|
|
441
|
-
if (
|
|
448
|
+
if (this.fetchurl !== undefined) {
|
|
442
449
|
return this.getOptions().then(page => {
|
|
443
|
-
if (
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
450
|
+
if (page !== undefined) {
|
|
451
|
+
// reset current options pagination from API response
|
|
452
|
+
this.options = new index$1.Paginate(page.items, { total: page.total, next: page.next, top: page.top });
|
|
453
|
+
}
|
|
447
454
|
});
|
|
448
455
|
}
|
|
449
456
|
else {
|
|
@@ -489,11 +496,11 @@ const MgInputCombobox = class {
|
|
|
489
496
|
this.valueChange.emit(newValue);
|
|
490
497
|
}
|
|
491
498
|
watchItems(newValue) {
|
|
492
|
-
if (
|
|
499
|
+
if (this.fetchurl !== undefined && newValue === undefined) {
|
|
493
500
|
// skip newValue check
|
|
494
501
|
return;
|
|
495
502
|
}
|
|
496
|
-
else if (
|
|
503
|
+
else if (this.fetchurl !== undefined && newValue !== undefined) {
|
|
497
504
|
throw new Error(`<mg-input-combobox> prop "items" values cannot be use with "fetchurl" prop defined. Passed value: ${index$1.toString(newValue)}.`);
|
|
498
505
|
}
|
|
499
506
|
// Empty options
|
|
@@ -513,7 +520,7 @@ const MgInputCombobox = class {
|
|
|
513
520
|
}
|
|
514
521
|
}
|
|
515
522
|
watchIdentifier(newValue) {
|
|
516
|
-
if (
|
|
523
|
+
if (index$1.isValidString(newValue)) {
|
|
517
524
|
this.popoverId = `${newValue}-popover`;
|
|
518
525
|
this.element.dataset.mgPopoverGuard = this.popoverId;
|
|
519
526
|
}
|
|
@@ -553,7 +560,7 @@ const MgInputCombobox = class {
|
|
|
553
560
|
this.classCollection = new index$1.ClassList(this.classCollection.classes);
|
|
554
561
|
}
|
|
555
562
|
watchFetchUrl(newValue) {
|
|
556
|
-
if (
|
|
563
|
+
if (newValue !== undefined) {
|
|
557
564
|
this.loadingWrapper({ name: 'load-data' });
|
|
558
565
|
}
|
|
559
566
|
}
|
|
@@ -561,20 +568,17 @@ const MgInputCombobox = class {
|
|
|
561
568
|
if (this.fetchurl && newValue && !index$1.isObject(newValue)) {
|
|
562
569
|
throw new Error(`<mg-input-combobox> prop "fetchoptions" value must be a valid RequestInit. Passed value: ${index$1.toString(newValue)}.`);
|
|
563
570
|
}
|
|
564
|
-
else {
|
|
565
|
-
new Request(this.fetchurl, newValue);
|
|
566
|
-
}
|
|
567
571
|
}
|
|
568
572
|
watchFetchMappings(newValue) {
|
|
569
|
-
if (
|
|
573
|
+
if (this.fetchurl !== undefined && !index$1.isObject(newValue)) {
|
|
570
574
|
throw new Error(`<mg-input-combobox> prop "fetchmappings" is required with "fetchurl" prop.`);
|
|
571
575
|
}
|
|
572
|
-
else if (
|
|
576
|
+
else if (newValue !== undefined && !isFetchmappings(newValue)) {
|
|
573
577
|
throw new Error(`<mg-input-combobox> prop "fetchmappings" value must be { request: RequestMappingType, response: ResponseMappingType }. Passed value: ${index$1.toString(newValue)}.`);
|
|
574
578
|
}
|
|
575
579
|
}
|
|
576
580
|
watchOptions(newValue) {
|
|
577
|
-
this.page = newValue.getPage(0,
|
|
581
|
+
this.page = newValue.getPage(0, this.filter.length > 0 ? this.optionsFilter : undefined);
|
|
578
582
|
}
|
|
579
583
|
watchFilter(newValue) {
|
|
580
584
|
this.loadingWrapper({ name: 'load-data' });
|
|
@@ -631,17 +635,22 @@ const MgInputCombobox = class {
|
|
|
631
635
|
* When used to set validity to `false`, you should use this method again to reset the validity to `true`.
|
|
632
636
|
* @param valid - value indicating the validity
|
|
633
637
|
* @param errorMessage - the error message to display
|
|
638
|
+
* @param errorMessageLock - lock the error message and validity state
|
|
634
639
|
*/
|
|
635
|
-
async setError(valid, errorMessage) {
|
|
640
|
+
async setError(valid, errorMessage, errorMessageLock = false) {
|
|
636
641
|
if (typeof valid !== 'boolean') {
|
|
637
642
|
throw new Error('<mg-input-combobox> method "setError()" param "valid" must be a boolean.');
|
|
638
643
|
}
|
|
639
|
-
else if (!index$1.isValidString(errorMessage)) {
|
|
644
|
+
else if (errorMessage !== undefined && !index$1.isValidString(errorMessage)) {
|
|
640
645
|
throw new Error('<mg-input-combobox> method "setError()" param "errorMessage" must be a string.');
|
|
641
646
|
}
|
|
642
647
|
else {
|
|
648
|
+
this.customErrorMessage = {
|
|
649
|
+
lock: valid ? false : errorMessageLock,
|
|
650
|
+
message: valid ? undefined : errorMessage,
|
|
651
|
+
};
|
|
643
652
|
this.setValidity(valid);
|
|
644
|
-
this.setErrorMessage(
|
|
653
|
+
this.setErrorMessage(true);
|
|
645
654
|
this.hasDisplayedError = this.invalid;
|
|
646
655
|
}
|
|
647
656
|
}
|
|
@@ -661,6 +670,8 @@ const MgInputCombobox = class {
|
|
|
661
670
|
// - Keep everything in sync both inside and outside the component
|
|
662
671
|
return new Promise(resolve => {
|
|
663
672
|
requestAnimationFrame(() => {
|
|
673
|
+
// unlock validity check by reseting customErrorMessage
|
|
674
|
+
this.customErrorMessage = { lock: false };
|
|
664
675
|
this.checkValidity();
|
|
665
676
|
this.errorMessage = undefined;
|
|
666
677
|
this.hasDisplayedError = false;
|
|
@@ -689,11 +700,13 @@ const MgInputCombobox = class {
|
|
|
689
700
|
* @param newValue - valid new value
|
|
690
701
|
*/
|
|
691
702
|
setValidity(newValue) {
|
|
692
|
-
const
|
|
693
|
-
this.
|
|
703
|
+
const oldValue = this.valid;
|
|
704
|
+
if (!this.customErrorMessage.lock || (this.customErrorMessage.message !== undefined && !newValue)) {
|
|
705
|
+
this.valid = newValue;
|
|
706
|
+
}
|
|
694
707
|
this.invalid = !this.valid;
|
|
695
708
|
// We need to send valid event even if it is the same value
|
|
696
|
-
if (this.handlerInProgress === undefined || (this.handlerInProgress === 'blur' && this.valid !==
|
|
709
|
+
if (this.handlerInProgress === undefined || (this.handlerInProgress === 'blur' && this.valid !== oldValue))
|
|
697
710
|
this.inputValid.emit(this.valid);
|
|
698
711
|
}
|
|
699
712
|
/*************
|
|
@@ -709,7 +722,7 @@ const MgInputCombobox = class {
|
|
|
709
722
|
// Validate
|
|
710
723
|
this.watchIdentifier(this.identifier);
|
|
711
724
|
this.watchItems(this.items);
|
|
712
|
-
if (
|
|
725
|
+
if (this.fetchurl !== undefined) {
|
|
713
726
|
this.watchFetchOptions(this.fetchoptions);
|
|
714
727
|
this.watchFetchMappings(this.fetchmappings);
|
|
715
728
|
this.loadingWrapper({ name: 'load-data' });
|
|
@@ -736,14 +749,17 @@ const MgInputCombobox = class {
|
|
|
736
749
|
const readonlyValue = this.getValueTitle();
|
|
737
750
|
const withResetButton = this.value && !this.disabled;
|
|
738
751
|
let popoverContent;
|
|
739
|
-
if (((_a = this.page) === null || _a === void 0 ? void 0 : _a.items.length) > 0)
|
|
752
|
+
if (((_a = this.page) === null || _a === void 0 ? void 0 : _a.items.length) > 0) {
|
|
740
753
|
popoverContent = 'list';
|
|
741
|
-
|
|
754
|
+
}
|
|
755
|
+
else if (((_b = this.page) === null || _b === void 0 ? void 0 : _b.items.length) === 0 && this.filter.length > 0) {
|
|
742
756
|
popoverContent = 'notfound';
|
|
743
|
-
|
|
757
|
+
}
|
|
758
|
+
else if (((_c = this.page) === null || _c === void 0 ? void 0 : _c.items.length) === 0) {
|
|
744
759
|
popoverContent = 'notavailable';
|
|
760
|
+
}
|
|
745
761
|
let activeDescendant;
|
|
746
|
-
if (
|
|
762
|
+
if (((_d = this.option) === null || _d === void 0 ? void 0 : _d.value) !== undefined) {
|
|
747
763
|
activeDescendant = this.option.value;
|
|
748
764
|
}
|
|
749
765
|
else if (typeof this.value === 'string') {
|
|
@@ -752,8 +768,8 @@ const MgInputCombobox = class {
|
|
|
752
768
|
else {
|
|
753
769
|
activeDescendant = (_e = this.value) === null || _e === void 0 ? void 0 : _e.value;
|
|
754
770
|
}
|
|
755
|
-
return (index.h("mg-input", { key: '
|
|
756
|
-
'--mg-c-input-list-width':
|
|
771
|
+
return (index.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 && index.h("b", { class: "mg-c-input__readonly-value" }, readonlyValue)) : (index.h("mg-popover", { identifier: this.popoverId, placement: "bottom-start", display: this.popoverDisplay, "arrow-hide": true, style: {
|
|
772
|
+
'--mg-c-input-list-width': ((_f = this.input) === null || _f === void 0 ? void 0 : _f.offsetWidth) > 0 ? `${this.input.offsetWidth}px` : undefined,
|
|
757
773
|
}, "data-fallback-placement": "bottom-end", "onDisplay-change": this.handlePopoverDisplay }, index.h("div", { class: "mg-c-input__input-group-container" }, index.h("mg-icon", { icon: "magnifying-glass" }), index.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": index$1.formatID(activeDescendant), onInput: this.handleFilterInput, onBlur: this.handleFilterBlur, onFocus: this.handleFilterFocus, onKeyDown: this.handleFilterKeydown, ref: (el) => {
|
|
758
774
|
if (el !== null)
|
|
759
775
|
this.input = el;
|