@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
|
@@ -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-
|
|
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: '
|
|
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,
|
|
3
|
-
import { c as classReadonly, a as classDisabled, w as widths } from './mg-input.conf-
|
|
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 ||
|
|
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
|
-
|
|
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
|
|
335
|
+
* @param fromSetErrorContext - context come from `setError` method
|
|
330
336
|
*/
|
|
331
|
-
this.setErrorMessage = (
|
|
337
|
+
this.setErrorMessage = (fromSetErrorContext = false) => {
|
|
332
338
|
// Set error message
|
|
333
339
|
this.errorMessage = undefined;
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
this.
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
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
|
-
|
|
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
|
|
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 (
|
|
422
|
+
if (this.fetchurl !== undefined) {
|
|
416
423
|
return this.getOptions(typeof this.page.next === 'string' ? this.page.next : undefined).then(nextPage => {
|
|
417
|
-
if (
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
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 (
|
|
446
|
+
if (this.fetchurl !== undefined) {
|
|
440
447
|
return this.getOptions().then(page => {
|
|
441
|
-
if (
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
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 (
|
|
497
|
+
if (this.fetchurl !== undefined && newValue === undefined) {
|
|
491
498
|
// skip newValue check
|
|
492
499
|
return;
|
|
493
500
|
}
|
|
494
|
-
else if (
|
|
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 (
|
|
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 (
|
|
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 (
|
|
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 (
|
|
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,
|
|
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(
|
|
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
|
|
691
|
-
this.
|
|
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 !==
|
|
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 (
|
|
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
|
-
|
|
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
|
-
|
|
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 (
|
|
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: '
|
|
754
|
-
'--mg-c-input-list-width':
|
|
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;
|