@mgdis/mg-components 6.13.1 → 6.15.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-CATFkm3O.js → index-BGxkpQwi.js} +230 -122
- package/dist/cjs/{index-DUJwxnoi.js → index-CpENFzEo.js} +2 -5
- package/dist/cjs/{index-CwjAofQ1.js → index-iUZvsp-F.js} +55 -34
- package/dist/cjs/index.cjs.js +0 -3
- package/dist/cjs/loader.cjs.js +3 -7
- package/dist/cjs/mg-action-more_37.cjs.entry.js +553 -264
- package/dist/cjs/mg-alert.cjs.entry.js +7 -10
- package/dist/cjs/mg-components.cjs.js +4 -8
- package/dist/cjs/mg-input-combobox.cjs.entry.js +149 -88
- package/dist/cjs/mg-input-rich-text-editor.cjs.entry.js +1264 -16023
- package/dist/cjs/{mg-input.conf-WTsvDfpC.js → mg-input.conf-CwjEAih3.js} +7 -3
- package/dist/cjs/mg-input.utils-D-ASK4ua.js +49 -0
- package/dist/cjs/mg-loader.cjs.entry.js +4 -7
- package/dist/cjs/mg-progress.cjs.entry.js +3 -6
- package/dist/collection/assets/icons/index.js +1 -2
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/atoms/internals/mg-character-left/mg-character-left.js +3 -4
- package/dist/collection/components/atoms/internals/mg-input-title/mg-input-title.js +4 -5
- package/dist/collection/components/atoms/mg-badge/mg-badge.conf.js +0 -1
- package/dist/collection/components/atoms/mg-badge/mg-badge.js +4 -5
- package/dist/collection/components/atoms/mg-button/mg-button.conf.js +0 -1
- package/dist/collection/components/atoms/mg-button/mg-button.js +9 -10
- package/dist/collection/components/atoms/mg-card/mg-card.conf.js +4 -0
- package/dist/collection/components/atoms/mg-card/mg-card.js +104 -2
- package/dist/collection/components/atoms/mg-divider/mg-divider.js +1 -2
- package/dist/collection/components/atoms/mg-icon/mg-icon.conf.js +0 -1
- package/dist/collection/components/atoms/mg-icon/mg-icon.js +6 -7
- package/dist/collection/components/atoms/mg-tag/mg-tag.conf.js +0 -1
- package/dist/collection/components/atoms/mg-tag/mg-tag.js +3 -4
- package/dist/collection/components/atoms/mg-tooltip/mg-tooltip-content/mg-tooltip-content.js +1 -2
- package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.conf.js +0 -1
- package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.js +5 -6
- package/dist/collection/components/molecules/inputs/mg-input/mg-input.conf.js +6 -1
- package/dist/collection/components/molecules/inputs/mg-input/mg-input.js +125 -39
- package/dist/collection/components/molecules/inputs/mg-input/mg-input.utils.js +21 -0
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxList.js +2 -2
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.js +55 -111
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf.js +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js +143 -68
- package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.conf.js +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.js +161 -75
- package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.conf.js +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js +17 -18
- package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.conf.js +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js +31 -27
- package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js +18 -19
- package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.conf.js +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js +79 -26
- package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/editor/index.js +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.js +19 -19
- package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.conf.js +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js +91 -37
- package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.conf.js +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.js +25 -25
- package/dist/collection/components/molecules/inputs/mg-input-textarea/mg-input-textarea.js +23 -24
- package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.conf.js +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.js +156 -23
- package/dist/collection/components/molecules/internals/mg-item-more/mg-item-more.conf.js +0 -1
- package/dist/collection/components/molecules/internals/mg-item-more/mg-item-more.js +4 -3
- package/dist/collection/components/molecules/menus/mg-menu/mg-menu.conf.js +0 -1
- package/dist/collection/components/molecules/menus/mg-menu/mg-menu.js +4 -4
- package/dist/collection/components/molecules/menus/mg-menu-item/mg-menu-item.conf.js +0 -1
- package/dist/collection/components/molecules/menus/mg-menu-item/mg-menu-item.js +5 -6
- package/dist/collection/components/molecules/mg-action-more/mg-action-more.conf.js +0 -1
- package/dist/collection/components/molecules/mg-action-more/mg-action-more.js +6 -4
- package/dist/collection/components/molecules/mg-alert/mg-alert.conf.js +0 -1
- package/dist/collection/components/molecules/mg-alert/mg-alert.js +7 -8
- package/dist/collection/components/molecules/mg-details/mg-details.js +5 -6
- package/dist/collection/components/molecules/mg-form/mg-form.conf.js +0 -1
- package/dist/collection/components/molecules/mg-form/mg-form.js +10 -11
- package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.conf.js +0 -1
- package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js +3 -4
- package/dist/collection/components/molecules/mg-loader/mg-loader.js +3 -4
- package/dist/collection/components/molecules/mg-message/mg-message.conf.js +0 -1
- package/dist/collection/components/molecules/mg-message/mg-message.js +4 -5
- package/dist/collection/components/molecules/mg-modal/mg-modal.conf.js +0 -1
- package/dist/collection/components/molecules/mg-modal/mg-modal.js +7 -8
- package/dist/collection/components/molecules/mg-pagination/mg-pagination.conf.js +0 -1
- package/dist/collection/components/molecules/mg-pagination/mg-pagination.js +7 -7
- package/dist/collection/components/molecules/mg-panel/mg-panel.conf.js +0 -1
- package/dist/collection/components/molecules/mg-panel/mg-panel.js +34 -11
- package/dist/collection/components/molecules/mg-popover/mg-popover-content/mg-popover-content.js +2 -3
- package/dist/collection/components/molecules/mg-popover/mg-popover.js +7 -8
- package/dist/collection/components/molecules/mg-progress/mg-progress.conf.js +0 -1
- package/dist/collection/components/molecules/mg-progress/mg-progress.js +6 -7
- package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.conf.js +0 -1
- package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.js +5 -4
- package/dist/collection/components/molecules/mg-table/mg-table.conf.js +0 -1
- package/dist/collection/components/molecules/mg-table/mg-table.js +6 -6
- package/dist/collection/components/molecules/mg-tabs/mg-tabs.conf.js +0 -1
- package/dist/collection/components/molecules/mg-tabs/mg-tabs.js +6 -6
- package/dist/collection/index.js +0 -1
- package/dist/collection/locales/en/messages.json +23 -14
- package/dist/collection/locales/fr/messages.json +24 -15
- package/dist/collection/locales/index.conf.js +0 -1
- package/dist/collection/locales/index.js +0 -1
- package/dist/collection/types/index.js +0 -1
- package/dist/collection/utils/behaviors.utils.js +0 -1
- package/dist/collection/utils/events.utils.js +0 -1
- package/dist/collection/utils/playwright.fixture.js +0 -1
- package/dist/collection/utils/unit.test.utils.js +0 -1
- package/dist/components/events.utils.js +0 -3
- package/dist/components/index.js +1 -4
- package/dist/components/index2.js +3 -6
- package/dist/components/index3.js +55 -34
- package/dist/components/mg-action-more.js +2 -5
- package/dist/components/mg-alert.js +5 -8
- package/dist/components/mg-badge.js +0 -3
- package/dist/components/mg-badge2.js +1 -4
- package/dist/components/mg-button.js +0 -3
- package/dist/components/mg-button2.js +1 -4
- package/dist/components/mg-card.js +0 -3
- package/dist/components/mg-card2.js +55 -6
- package/dist/components/mg-character-left.js +0 -3
- package/dist/components/mg-character-left2.js +1 -4
- package/dist/components/mg-details.js +1 -100
- package/dist/components/mg-details2.js +99 -0
- package/dist/components/mg-divider.js +0 -3
- package/dist/components/mg-divider2.js +1 -4
- package/dist/components/mg-form.js +2 -5
- package/dist/components/mg-icon.js +0 -3
- package/dist/components/mg-icon2.js +1 -4
- package/dist/components/mg-illustrated-message.js +2 -5
- package/dist/components/mg-input-checkbox-paginated.js +0 -3
- package/dist/components/mg-input-checkbox-paginated2.js +43 -127
- package/dist/components/mg-input-checkbox.js +136 -65
- package/dist/components/mg-input-combobox.js +135 -66
- package/dist/components/mg-input-date.js +9 -6
- package/dist/components/mg-input-numeric.js +14 -6
- package/dist/components/mg-input-password.js +10 -7
- package/dist/components/mg-input-radio.js +54 -16
- package/dist/components/mg-input-rich-text-editor.js +1265 -16018
- package/dist/components/mg-input-select.js +0 -3
- package/dist/components/mg-input-select2.js +62 -23
- package/dist/components/mg-input-text.js +0 -3
- package/dist/components/mg-input-text2.js +10 -7
- package/dist/components/mg-input-textarea.js +10 -7
- package/dist/components/mg-input-title.js +0 -3
- package/dist/components/mg-input-title2.js +1 -4
- package/dist/components/mg-input-toggle.js +97 -15
- package/dist/components/mg-input.js +0 -3
- package/dist/components/mg-input.utils.js +24 -0
- package/dist/components/mg-input2.js +115 -28
- package/dist/components/mg-item-more.js +0 -3
- package/dist/components/mg-item-more2.js +2 -5
- package/dist/components/mg-loader.js +0 -3
- package/dist/components/mg-loader2.js +2 -5
- package/dist/components/mg-menu-item.js +0 -3
- package/dist/components/mg-menu-item2.js +1 -4
- package/dist/components/mg-menu.js +0 -3
- package/dist/components/mg-message.js +0 -3
- package/dist/components/mg-message2.js +3 -6
- package/dist/components/mg-modal.js +3 -6
- package/dist/components/mg-pagination.js +233 -4
- package/dist/components/mg-panel.js +20 -12
- package/dist/components/mg-popover-content.js +0 -3
- package/dist/components/mg-popover-content2.js +2 -5
- package/dist/components/mg-popover.js +0 -3
- package/dist/components/mg-popover2.js +2 -5
- package/dist/components/mg-progress.js +2 -5
- package/dist/components/mg-skip-links.js +5 -7
- package/dist/components/mg-table.js +4 -7
- package/dist/components/mg-tabs.js +1 -314
- package/dist/components/mg-tabs2.js +313 -0
- package/dist/components/mg-tag.js +1 -4
- package/dist/components/mg-tooltip-content.js +0 -3
- package/dist/components/mg-tooltip-content2.js +1 -4
- package/dist/components/mg-tooltip.js +0 -3
- package/dist/components/mg-tooltip2.js +2 -5
- package/dist/components/popper.js +0 -3
- package/dist/esm/{index-Bv7NHR-W.js → index-CKB-AnCZ.js} +55 -34
- package/dist/esm/{index-CAuxALt5.js → index-DhAOnZJn.js} +211 -122
- package/dist/esm/{index-Dr7GYvIz.js → index-WtiuOkLj.js} +2 -5
- package/dist/esm/index.js +0 -3
- package/dist/esm/loader.js +3 -7
- package/dist/esm/mg-action-more_37.entry.js +548 -259
- package/dist/esm/mg-alert.entry.js +7 -10
- package/dist/esm/mg-components.js +4 -8
- package/dist/esm/mg-input-combobox.entry.js +129 -68
- package/dist/esm/mg-input-rich-text-editor.entry.js +1265 -16024
- package/dist/esm/{mg-input.conf-CNgv8hc5.js → mg-input.conf-BAUTlb6r.js} +7 -4
- package/dist/esm/mg-input.utils-BYI03zSi.js +46 -0
- package/dist/esm/mg-loader.entry.js +4 -7
- package/dist/esm/mg-progress.entry.js +3 -6
- package/dist/mg-components/index.esm.js +0 -2
- package/dist/mg-components/locales/en/messages.json +23 -14
- package/dist/mg-components/locales/fr/messages.json +24 -15
- package/dist/mg-components/mg-components.css +1 -1
- package/dist/mg-components/mg-components.esm.js +1 -2
- package/dist/mg-components/p-31856cff.entry.js +1 -0
- package/dist/mg-components/p-420daa1e.entry.js +1 -0
- package/dist/mg-components/p-47e19783.entry.js +1 -0
- package/dist/mg-components/p-67af6274.entry.js +1 -0
- package/dist/mg-components/p-698dfc6c.entry.js +1 -0
- package/dist/mg-components/p-BAUTlb6r.js +1 -0
- package/dist/mg-components/p-CKB-AnCZ.js +1 -0
- package/dist/mg-components/p-DhAOnZJn.js +2 -0
- package/dist/mg-components/p-PuX-pdL4.js +1 -0
- package/dist/mg-components/p-WtiuOkLj.js +1 -0
- package/dist/mg-components/p-a0fa44cf.entry.js +1 -0
- package/dist/types/assets/icons/index.d.ts +6 -0
- package/dist/types/components/atoms/mg-card/mg-card.conf.d.ts +9 -0
- package/dist/types/components/atoms/mg-card/mg-card.d.ts +20 -0
- package/dist/types/components/molecules/inputs/mg-input/mg-input.conf.d.ts +13 -0
- package/dist/types/components/molecules/inputs/mg-input/mg-input.d.ts +16 -5
- package/dist/types/components/molecules/inputs/mg-input/mg-input.utils.d.ts +8 -0
- package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.d.ts +17 -40
- package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf.d.ts +1 -2
- package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.d.ts +36 -9
- package/dist/types/components/molecules/inputs/mg-input-combobox/mg-input-combobox.d.ts +17 -3
- package/dist/types/components/molecules/inputs/mg-input-radio/mg-input-radio.d.ts +18 -0
- package/dist/types/components/molecules/inputs/mg-input-select/mg-input-select.d.ts +23 -4
- package/dist/types/components/molecules/inputs/mg-input-toggle/mg-input-toggle.d.ts +40 -4
- package/dist/types/components/molecules/mg-panel/mg-panel.d.ts +4 -0
- package/dist/types/components.d.ts +471 -39
- package/dist/types/stencil-public-runtime.d.ts +34 -6
- package/ide/intellij/web-types.json +393 -39
- package/ide/vscode/css-custom-data.json +3 -3
- package/ide/vscode/html-custom-data.json +223 -35
- package/package.json +19 -19
- package/dist/cjs/app-globals-V2Kpy_OQ.js +0 -8
- package/dist/cjs/app-globals-V2Kpy_OQ.js.map +0 -1
- package/dist/cjs/events.utils-D5SAtkpQ.js +0 -28
- package/dist/cjs/events.utils-D5SAtkpQ.js.map +0 -1
- package/dist/cjs/index-CATFkm3O.js.map +0 -1
- package/dist/cjs/index-CwjAofQ1.js.map +0 -1
- package/dist/cjs/index-DUJwxnoi.js.map +0 -1
- package/dist/cjs/index.cjs.js.map +0 -1
- package/dist/cjs/loader.cjs.js.map +0 -1
- package/dist/cjs/mg-action-more_37.cjs.entry.js.map +0 -1
- package/dist/cjs/mg-alert.cjs.entry.js.map +0 -1
- package/dist/cjs/mg-alert.entry.cjs.js.map +0 -1
- package/dist/cjs/mg-components.cjs.js.map +0 -1
- package/dist/cjs/mg-input-combobox.cjs.entry.js.map +0 -1
- package/dist/cjs/mg-input-combobox.entry.cjs.js.map +0 -1
- package/dist/cjs/mg-input-rich-text-editor.cjs.entry.js.map +0 -1
- package/dist/cjs/mg-input-rich-text-editor.entry.cjs.js.map +0 -1
- package/dist/cjs/mg-input.conf-WTsvDfpC.js.map +0 -1
- package/dist/cjs/mg-loader.cjs.entry.js.map +0 -1
- package/dist/cjs/mg-loader.entry.cjs.js.map +0 -1
- package/dist/cjs/mg-progress.cjs.entry.js.map +0 -1
- package/dist/cjs/mg-progress.entry.cjs.js.map +0 -1
- package/dist/collection/assets/icons/index.js.map +0 -1
- package/dist/collection/components/atoms/internals/mg-character-left/mg-character-left.js.map +0 -1
- package/dist/collection/components/atoms/internals/mg-input-title/mg-input-title.js.map +0 -1
- package/dist/collection/components/atoms/mg-badge/mg-badge.conf.js.map +0 -1
- package/dist/collection/components/atoms/mg-badge/mg-badge.js.map +0 -1
- package/dist/collection/components/atoms/mg-button/mg-button.conf.js.map +0 -1
- package/dist/collection/components/atoms/mg-button/mg-button.js.map +0 -1
- package/dist/collection/components/atoms/mg-card/mg-card.js.map +0 -1
- package/dist/collection/components/atoms/mg-divider/mg-divider.js.map +0 -1
- package/dist/collection/components/atoms/mg-icon/mg-icon.conf.js.map +0 -1
- package/dist/collection/components/atoms/mg-icon/mg-icon.js.map +0 -1
- package/dist/collection/components/atoms/mg-tag/mg-tag.conf.js.map +0 -1
- package/dist/collection/components/atoms/mg-tag/mg-tag.js.map +0 -1
- package/dist/collection/components/atoms/mg-tooltip/mg-tooltip-content/mg-tooltip-content.js.map +0 -1
- package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.conf.js.map +0 -1
- package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input/mg-input.conf.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input/mg-input.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxList.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.conf.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.conf.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.conf.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.conf.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/editor/index.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.conf.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.conf.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-textarea/mg-input-textarea.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.conf.js.map +0 -1
- package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.js.map +0 -1
- package/dist/collection/components/molecules/internals/mg-item-more/mg-item-more.conf.js.map +0 -1
- package/dist/collection/components/molecules/internals/mg-item-more/mg-item-more.js.map +0 -1
- package/dist/collection/components/molecules/menus/mg-menu/mg-menu.conf.js.map +0 -1
- package/dist/collection/components/molecules/menus/mg-menu/mg-menu.js.map +0 -1
- package/dist/collection/components/molecules/menus/mg-menu-item/mg-menu-item.conf.js.map +0 -1
- package/dist/collection/components/molecules/menus/mg-menu-item/mg-menu-item.js.map +0 -1
- package/dist/collection/components/molecules/mg-action-more/mg-action-more.conf.js.map +0 -1
- package/dist/collection/components/molecules/mg-action-more/mg-action-more.js.map +0 -1
- package/dist/collection/components/molecules/mg-alert/mg-alert.conf.js.map +0 -1
- package/dist/collection/components/molecules/mg-alert/mg-alert.js.map +0 -1
- package/dist/collection/components/molecules/mg-details/mg-details.js.map +0 -1
- package/dist/collection/components/molecules/mg-form/mg-form.conf.js.map +0 -1
- package/dist/collection/components/molecules/mg-form/mg-form.js.map +0 -1
- package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.conf.js.map +0 -1
- package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js.map +0 -1
- package/dist/collection/components/molecules/mg-loader/mg-loader.js.map +0 -1
- package/dist/collection/components/molecules/mg-message/mg-message.conf.js.map +0 -1
- package/dist/collection/components/molecules/mg-message/mg-message.js.map +0 -1
- package/dist/collection/components/molecules/mg-modal/mg-modal.conf.js.map +0 -1
- package/dist/collection/components/molecules/mg-modal/mg-modal.js.map +0 -1
- package/dist/collection/components/molecules/mg-pagination/mg-pagination.conf.js.map +0 -1
- package/dist/collection/components/molecules/mg-pagination/mg-pagination.js.map +0 -1
- package/dist/collection/components/molecules/mg-panel/mg-panel.conf.js.map +0 -1
- package/dist/collection/components/molecules/mg-panel/mg-panel.js.map +0 -1
- package/dist/collection/components/molecules/mg-popover/mg-popover-content/mg-popover-content.js.map +0 -1
- package/dist/collection/components/molecules/mg-popover/mg-popover.js.map +0 -1
- package/dist/collection/components/molecules/mg-progress/mg-progress.conf.js.map +0 -1
- package/dist/collection/components/molecules/mg-progress/mg-progress.js.map +0 -1
- package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.conf.js.map +0 -1
- package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.js.map +0 -1
- package/dist/collection/components/molecules/mg-table/mg-table.conf.js.map +0 -1
- package/dist/collection/components/molecules/mg-table/mg-table.js.map +0 -1
- package/dist/collection/components/molecules/mg-tabs/mg-tabs.conf.js.map +0 -1
- package/dist/collection/components/molecules/mg-tabs/mg-tabs.js.map +0 -1
- package/dist/collection/index.js.map +0 -1
- package/dist/collection/locales/index.conf.js.map +0 -1
- package/dist/collection/locales/index.js.map +0 -1
- package/dist/collection/types/index.js.map +0 -1
- package/dist/collection/utils/behaviors.utils.js.map +0 -1
- package/dist/collection/utils/events.utils.js.map +0 -1
- package/dist/collection/utils/playwright.fixture.js.map +0 -1
- package/dist/collection/utils/unit.test.utils.js.map +0 -1
- package/dist/components/events.utils.js.map +0 -1
- package/dist/components/index.js.map +0 -1
- package/dist/components/index2.js.map +0 -1
- package/dist/components/index3.js.map +0 -1
- package/dist/components/mg-action-more.js.map +0 -1
- package/dist/components/mg-alert.js.map +0 -1
- package/dist/components/mg-badge.js.map +0 -1
- package/dist/components/mg-badge2.js.map +0 -1
- package/dist/components/mg-button.js.map +0 -1
- package/dist/components/mg-button2.js.map +0 -1
- package/dist/components/mg-card.js.map +0 -1
- package/dist/components/mg-card2.js.map +0 -1
- package/dist/components/mg-character-left.js.map +0 -1
- package/dist/components/mg-character-left2.js.map +0 -1
- package/dist/components/mg-details.js.map +0 -1
- package/dist/components/mg-divider.js.map +0 -1
- package/dist/components/mg-divider2.js.map +0 -1
- package/dist/components/mg-form.js.map +0 -1
- package/dist/components/mg-icon.js.map +0 -1
- package/dist/components/mg-icon2.js.map +0 -1
- package/dist/components/mg-illustrated-message.js.map +0 -1
- package/dist/components/mg-input-checkbox-paginated.js.map +0 -1
- package/dist/components/mg-input-checkbox-paginated2.js.map +0 -1
- package/dist/components/mg-input-checkbox.js.map +0 -1
- package/dist/components/mg-input-combobox.js.map +0 -1
- package/dist/components/mg-input-date.js.map +0 -1
- package/dist/components/mg-input-numeric.js.map +0 -1
- package/dist/components/mg-input-password.js.map +0 -1
- package/dist/components/mg-input-radio.js.map +0 -1
- package/dist/components/mg-input-rich-text-editor.js.map +0 -1
- package/dist/components/mg-input-select.js.map +0 -1
- package/dist/components/mg-input-select2.js.map +0 -1
- package/dist/components/mg-input-text.js.map +0 -1
- package/dist/components/mg-input-text2.js.map +0 -1
- package/dist/components/mg-input-textarea.js.map +0 -1
- package/dist/components/mg-input-title.js.map +0 -1
- package/dist/components/mg-input-title2.js.map +0 -1
- package/dist/components/mg-input-toggle.js.map +0 -1
- package/dist/components/mg-input.js.map +0 -1
- package/dist/components/mg-input2.js.map +0 -1
- package/dist/components/mg-item-more.js.map +0 -1
- package/dist/components/mg-item-more2.js.map +0 -1
- package/dist/components/mg-loader.js.map +0 -1
- package/dist/components/mg-loader2.js.map +0 -1
- package/dist/components/mg-menu-item.js.map +0 -1
- package/dist/components/mg-menu-item2.js.map +0 -1
- package/dist/components/mg-menu.js.map +0 -1
- package/dist/components/mg-message.js.map +0 -1
- package/dist/components/mg-message2.js.map +0 -1
- package/dist/components/mg-modal.js.map +0 -1
- package/dist/components/mg-pagination.js.map +0 -1
- package/dist/components/mg-pagination2.js +0 -232
- package/dist/components/mg-pagination2.js.map +0 -1
- package/dist/components/mg-panel.js.map +0 -1
- package/dist/components/mg-popover-content.js.map +0 -1
- package/dist/components/mg-popover-content2.js.map +0 -1
- package/dist/components/mg-popover.js.map +0 -1
- package/dist/components/mg-popover2.js.map +0 -1
- package/dist/components/mg-progress.js.map +0 -1
- package/dist/components/mg-skip-links.js.map +0 -1
- package/dist/components/mg-table.js.map +0 -1
- package/dist/components/mg-tabs.js.map +0 -1
- package/dist/components/mg-tag.js.map +0 -1
- package/dist/components/mg-tooltip-content.js.map +0 -1
- package/dist/components/mg-tooltip-content2.js.map +0 -1
- package/dist/components/mg-tooltip.js.map +0 -1
- package/dist/components/mg-tooltip2.js.map +0 -1
- package/dist/components/popper.js.map +0 -1
- package/dist/esm/app-globals-DQuL1Twl.js +0 -6
- package/dist/esm/app-globals-DQuL1Twl.js.map +0 -1
- package/dist/esm/events.utils-yMGqY8YG.js +0 -26
- package/dist/esm/events.utils-yMGqY8YG.js.map +0 -1
- package/dist/esm/index-Bv7NHR-W.js.map +0 -1
- package/dist/esm/index-CAuxALt5.js.map +0 -1
- package/dist/esm/index-Dr7GYvIz.js.map +0 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/loader.js.map +0 -1
- package/dist/esm/mg-action-more_37.entry.js.map +0 -1
- package/dist/esm/mg-alert.entry.js.map +0 -1
- package/dist/esm/mg-components.js.map +0 -1
- package/dist/esm/mg-input-combobox.entry.js.map +0 -1
- package/dist/esm/mg-input-rich-text-editor.entry.js.map +0 -1
- package/dist/esm/mg-input.conf-CNgv8hc5.js.map +0 -1
- package/dist/esm/mg-loader.entry.js.map +0 -1
- package/dist/esm/mg-progress.entry.js.map +0 -1
- package/dist/mg-components/index.esm.js.map +0 -1
- package/dist/mg-components/loader.esm.js.map +0 -1
- package/dist/mg-components/mg-alert.entry.esm.js.map +0 -1
- package/dist/mg-components/mg-components.esm.js.map +0 -1
- package/dist/mg-components/mg-input-combobox.entry.esm.js.map +0 -1
- package/dist/mg-components/mg-input-rich-text-editor.entry.esm.js.map +0 -1
- package/dist/mg-components/mg-loader.entry.esm.js.map +0 -1
- package/dist/mg-components/mg-progress.entry.esm.js.map +0 -1
- package/dist/mg-components/p-19cbc6e6.entry.js +0 -11
- package/dist/mg-components/p-19cbc6e6.entry.js.map +0 -1
- package/dist/mg-components/p-269e2a80.entry.js +0 -2
- package/dist/mg-components/p-269e2a80.entry.js.map +0 -1
- package/dist/mg-components/p-2dea7d37.entry.js +0 -2
- package/dist/mg-components/p-2dea7d37.entry.js.map +0 -1
- package/dist/mg-components/p-415f14fb.entry.js +0 -2
- package/dist/mg-components/p-415f14fb.entry.js.map +0 -1
- package/dist/mg-components/p-Bv7NHR-W.js +0 -2
- package/dist/mg-components/p-Bv7NHR-W.js.map +0 -1
- package/dist/mg-components/p-CAuxALt5.js +0 -3
- package/dist/mg-components/p-CAuxALt5.js.map +0 -1
- package/dist/mg-components/p-CNgv8hc5.js +0 -2
- package/dist/mg-components/p-CNgv8hc5.js.map +0 -1
- package/dist/mg-components/p-DQuL1Twl.js +0 -2
- package/dist/mg-components/p-DQuL1Twl.js.map +0 -1
- package/dist/mg-components/p-Dr7GYvIz.js +0 -2
- package/dist/mg-components/p-Dr7GYvIz.js.map +0 -1
- package/dist/mg-components/p-fe974d2b.entry.js +0 -2
- package/dist/mg-components/p-fe974d2b.entry.js.map +0 -1
- package/dist/mg-components/p-fea46548.entry.js +0 -2
- package/dist/mg-components/p-fea46548.entry.js.map +0 -1
- package/dist/mg-components/p-yMGqY8YG.js +0 -2
- package/dist/mg-components/p-yMGqY8YG.js.map +0 -1
|
@@ -4,6 +4,8 @@ import { checkboxTypes, SectionKind } from "./mg-input-checkbox.conf";
|
|
|
4
4
|
import { MgInputCheckboxList } from "./MgInputCheckboxList";
|
|
5
5
|
import { classDisabled, classReadonly, classFieldset, classVerticalList } from "../mg-input/mg-input.conf";
|
|
6
6
|
import { initLocales } from "../../../../locales";
|
|
7
|
+
import { defineErrorMessage } from "../mg-input/mg-input.utils";
|
|
8
|
+
import { Status } from "../../mg-tabs/mg-tabs.conf";
|
|
7
9
|
/**
|
|
8
10
|
* type CheckboxItem validation function
|
|
9
11
|
* @param items - Checkbox item
|
|
@@ -26,6 +28,7 @@ export class MgInputCheckbox {
|
|
|
26
28
|
this.searchStart = 10;
|
|
27
29
|
// popover variables
|
|
28
30
|
this.hasOpenedPopover = false;
|
|
31
|
+
this.checkboxesId = 'checkboxes-list';
|
|
29
32
|
/**
|
|
30
33
|
* Define input name
|
|
31
34
|
* If not set the value equals the identifier
|
|
@@ -84,6 +87,10 @@ export class MgInputCheckbox {
|
|
|
84
87
|
* Select values button text local key
|
|
85
88
|
*/
|
|
86
89
|
this.selectValuesButtonKey = 'editButton';
|
|
90
|
+
/**
|
|
91
|
+
* Define <mg-tabs> active-tab
|
|
92
|
+
*/
|
|
93
|
+
this.activeTab = 1;
|
|
87
94
|
/**
|
|
88
95
|
* Handle input event
|
|
89
96
|
* @param event - input event
|
|
@@ -132,6 +139,14 @@ export class MgInputCheckbox {
|
|
|
132
139
|
this.searchValue = event.detail;
|
|
133
140
|
event.stopPropagation();
|
|
134
141
|
};
|
|
142
|
+
/**
|
|
143
|
+
* Handle <mg-tabs> tab-change event
|
|
144
|
+
* @param event - tab change event
|
|
145
|
+
*/
|
|
146
|
+
this.handleActiveTabChange = (event) => {
|
|
147
|
+
this.activeTab = event.detail;
|
|
148
|
+
this.resetTabsLimit();
|
|
149
|
+
};
|
|
135
150
|
/**
|
|
136
151
|
* popover display-change handler
|
|
137
152
|
* @param event - mg-popover display-change custom event
|
|
@@ -145,26 +160,11 @@ export class MgInputCheckbox {
|
|
|
145
160
|
if (!event.detail) {
|
|
146
161
|
// reset search value
|
|
147
162
|
this.searchValue = '';
|
|
148
|
-
|
|
149
|
-
Array.from(this.element.shadowRoot.querySelectorAll('mg-input-checkbox-paginated')).forEach(element => {
|
|
150
|
-
element.currentPage = 1;
|
|
151
|
-
});
|
|
163
|
+
this.resetTabsLimit();
|
|
152
164
|
this.checkValidity();
|
|
153
165
|
}
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
* Handle select all button
|
|
157
|
-
* @param event - mass action event trigger a global select/unselect on values
|
|
158
|
-
*/
|
|
159
|
-
this.handleMassAction = (event) => {
|
|
160
|
-
const displayItems = this.getDisplayItems();
|
|
161
|
-
// update only displayed items
|
|
162
|
-
displayItems.forEach(item => {
|
|
163
|
-
if (item.disabled !== true) {
|
|
164
|
-
item.value = event.detail !== SectionKind.SELECTED;
|
|
165
|
-
}
|
|
166
|
-
});
|
|
167
|
-
this.updateValues();
|
|
166
|
+
// init active tab to selected if some values are checked
|
|
167
|
+
this.activeTab = this.checkboxItems.some(items => items.value) ? 2 : 1;
|
|
168
168
|
};
|
|
169
169
|
/**
|
|
170
170
|
* Update values
|
|
@@ -198,8 +198,18 @@ export class MgInputCheckbox {
|
|
|
198
198
|
* Check if input is valid
|
|
199
199
|
*/
|
|
200
200
|
this.checkValidity = () => {
|
|
201
|
-
this.setValidity(this.readonly || this.disabled || (!this.hasInvalidInput() && this.validateRequired()));
|
|
201
|
+
this.setValidity(this.readonly || this.disabled || (this.hasInputValue() && !this.hasInvalidInput() && this.validateRequired()));
|
|
202
202
|
};
|
|
203
|
+
/**
|
|
204
|
+
* Test if component has items
|
|
205
|
+
* @returns truthy if component has items
|
|
206
|
+
*/
|
|
207
|
+
this.hasInputValue = () => { var _a; return ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) > 0; };
|
|
208
|
+
/**
|
|
209
|
+
* Test if component has no value error message displayed
|
|
210
|
+
* @returns truthy if compent display no value error message
|
|
211
|
+
*/
|
|
212
|
+
this.hasNoValueErrorMessageDisplay = () => this.errorMessage === this.messages.errors.noValue;
|
|
203
213
|
/**
|
|
204
214
|
* Set button text locale key
|
|
205
215
|
*/
|
|
@@ -241,12 +251,25 @@ export class MgInputCheckbox {
|
|
|
241
251
|
// Set error message
|
|
242
252
|
this.errorMessage = undefined;
|
|
243
253
|
if (displayError && !this.valid) {
|
|
244
|
-
if (errorMessage !== undefined)
|
|
254
|
+
if (errorMessage !== undefined) {
|
|
245
255
|
this.errorMessage = errorMessage;
|
|
246
|
-
|
|
256
|
+
}
|
|
257
|
+
else if (!this.hasInputValue()) {
|
|
258
|
+
this.errorMessage = this.messages.errors.noValue;
|
|
259
|
+
}
|
|
260
|
+
else if (!this.validateRequired()) {
|
|
247
261
|
this.errorMessage = this.messages.errors.required;
|
|
262
|
+
}
|
|
248
263
|
}
|
|
249
264
|
};
|
|
265
|
+
/**
|
|
266
|
+
* Reset error message
|
|
267
|
+
*/
|
|
268
|
+
this.resetErrorMessage = () => {
|
|
269
|
+
this.checkValidity();
|
|
270
|
+
this.errorMessage = undefined;
|
|
271
|
+
this.hasDisplayedError = false;
|
|
272
|
+
};
|
|
250
273
|
/**
|
|
251
274
|
* Method to get mg-popover identifier
|
|
252
275
|
* @returns MgPopover identifier
|
|
@@ -262,23 +285,45 @@ export class MgInputCheckbox {
|
|
|
262
285
|
* @returns selected checkboxItems
|
|
263
286
|
*/
|
|
264
287
|
this.getSelectedItems = () => this.checkboxItems.filter(({ value }) => value);
|
|
288
|
+
/**
|
|
289
|
+
* Reset <mg-input-checkbox-paginated> limit state
|
|
290
|
+
*/
|
|
291
|
+
this.resetTabsLimit = () => {
|
|
292
|
+
Array.from(this.element.shadowRoot.querySelectorAll('mg-input-checkbox-paginated')).forEach(component => {
|
|
293
|
+
component.resetLimit();
|
|
294
|
+
});
|
|
295
|
+
};
|
|
265
296
|
/**
|
|
266
297
|
* Renders the readonly value of the input.
|
|
267
298
|
* @returns The rendered readonly value.
|
|
268
299
|
*/
|
|
269
300
|
this.renderReadonly = (readonlyValue) => {
|
|
270
|
-
|
|
301
|
+
if (Array.isArray(readonlyValue)) {
|
|
302
|
+
if (this.inputVerticalList) {
|
|
303
|
+
return (h("ul", { class: "mg-c-input__readonly-value" }, readonlyValue.map(value => (h("li", { key: value }, h("b", null, value))))));
|
|
304
|
+
}
|
|
305
|
+
else {
|
|
306
|
+
return h("b", { class: "mg-c-input__readonly-value" }, readonlyValue.join(', '));
|
|
307
|
+
}
|
|
308
|
+
}
|
|
271
309
|
};
|
|
272
310
|
/**
|
|
273
311
|
* Renders the MgInputCheckboxList component.
|
|
274
312
|
* @returns The rendered MgInputCheckboxList component.
|
|
275
313
|
*/
|
|
276
|
-
this.renderMgInputCheckboxList = () => (h(MgInputCheckboxList, { checkboxes: this.checkboxItems,
|
|
314
|
+
this.renderMgInputCheckboxList = () => (h(MgInputCheckboxList, { checkboxes: this.checkboxItems, id: this.checkboxesId, disabled: this.disabled, name: this.name, invalid: this.invalid }));
|
|
277
315
|
}
|
|
278
316
|
validateValue(newValue) {
|
|
279
|
-
if (
|
|
317
|
+
if ([null, undefined].includes(newValue) || newValue.length === 0) {
|
|
318
|
+
this.displayError();
|
|
319
|
+
}
|
|
320
|
+
else if (newValue.length > 0 && isCheckboxItems(newValue)) {
|
|
280
321
|
this.checkboxItems = newValue.map((item, index) => (Object.assign(Object.assign({}, item), { _id: `${this.identifier}_${index}`, _handleInput: this.handleInput.bind(this), _handleBlur: this.handleBlur.bind(this), _handleKeydown: this.handleKeydown.bind(this) })));
|
|
281
322
|
this.valueChange.emit(newValue);
|
|
323
|
+
// force to reset error when noValueError is displaied
|
|
324
|
+
if (this.invalid && this.hasNoValueErrorMessageDisplay()) {
|
|
325
|
+
this.resetErrorMessage();
|
|
326
|
+
}
|
|
282
327
|
}
|
|
283
328
|
else {
|
|
284
329
|
throw new Error(`<mg-input-checkbox> prop "value" is required and all values must be the same type, CheckboxItem. Passed value: ${toString(newValue)}.`);
|
|
@@ -422,9 +467,7 @@ export class MgInputCheckbox {
|
|
|
422
467
|
// - Keep everything in sync both inside and outside the component
|
|
423
468
|
return new Promise(resolve => {
|
|
424
469
|
requestAnimationFrame(() => {
|
|
425
|
-
this.
|
|
426
|
-
this.errorMessage = undefined;
|
|
427
|
-
this.hasDisplayedError = false;
|
|
470
|
+
this.resetErrorMessage();
|
|
428
471
|
resolve();
|
|
429
472
|
});
|
|
430
473
|
});
|
|
@@ -497,23 +540,30 @@ export class MgInputCheckbox {
|
|
|
497
540
|
* @param checkboxes - checkboxes to render
|
|
498
541
|
* @returns render sections of checkboxes
|
|
499
542
|
*/
|
|
500
|
-
|
|
543
|
+
renderCheckboxTabs(checkboxes, checkboxPaginatedProps) {
|
|
544
|
+
const handleMassAction = (kind) => () => {
|
|
545
|
+
const displayItems = this.getDisplayItems();
|
|
546
|
+
// update only displayed items
|
|
547
|
+
displayItems.forEach(item => {
|
|
548
|
+
if (!item.disabled) {
|
|
549
|
+
item.value = kind !== SectionKind.SELECTED;
|
|
550
|
+
}
|
|
551
|
+
});
|
|
552
|
+
this.updateValues();
|
|
553
|
+
};
|
|
501
554
|
const [checkedValues, notCheckedValues] = checkboxes.reduce((acc, curr) => {
|
|
502
555
|
acc[curr.value ? 0 : 1].push(curr);
|
|
503
556
|
return acc;
|
|
504
557
|
}, [[], []]);
|
|
505
|
-
const baseSection = {
|
|
506
|
-
readonly: this.readonly,
|
|
507
|
-
disabled: this.disabled,
|
|
508
|
-
identifier: this.identifier,
|
|
509
|
-
};
|
|
510
558
|
const sections = [
|
|
511
|
-
Object.assign(Object.assign({},
|
|
512
|
-
Object.assign(Object.assign({},
|
|
559
|
+
Object.assign(Object.assign({}, checkboxPaginatedProps), { checkboxes: notCheckedValues, messages: Object.assign(Object.assign({}, this.messages.input.checkbox.sections.notSelected), { showMore: this.messages.input.showMore }), handleMassAction: handleMassAction(SectionKind.NOT_SELECTED) }),
|
|
560
|
+
Object.assign(Object.assign({}, checkboxPaginatedProps), { checkboxes: checkedValues, messages: Object.assign(Object.assign({}, this.messages.input.checkbox.sections.selected), { showMore: this.messages.input.showMore }), handleMassAction: handleMassAction(SectionKind.SELECTED) }),
|
|
513
561
|
];
|
|
514
|
-
return sections
|
|
515
|
-
|
|
516
|
-
|
|
562
|
+
return (h("mg-tabs", { identifier: `${this.identifier}-tabs`, class: "mg-c-input__tabs", label: this.messages.input.checkbox.sections.label, items: sections.map((section, key) => ({
|
|
563
|
+
label: section.messages.title,
|
|
564
|
+
badge: { value: section.checkboxes.length, label: this.messages.input.checkbox.sections.badge.label, role: 'information' },
|
|
565
|
+
status: key + 1 === this.activeTab ? Status.ACTIVE : Status.VISIBLE,
|
|
566
|
+
})), activeTab: this.activeTab, "onActive-tab-change": this.handleActiveTabChange }, sections.map((section, key) => (h("mg-input-checkbox-paginated", Object.assign({ class: "mg-c-input__tab", slot: `tab_content-${key + 1}` }, section, { key: section.messages.title }), section.checkboxes.length > 0 && section.checkboxes.some(checkbox => checkbox.disabled !== true) && (h("mg-tooltip", { slot: "header-action", class: "mg-c-input__tabs-action", message: section.messages.tooltip }, h("mg-button", { variant: "link", onClick: section.handleMassAction }, section.messages.action))))))));
|
|
517
567
|
}
|
|
518
568
|
/**
|
|
519
569
|
* render checkbox multi element
|
|
@@ -522,22 +572,27 @@ export class MgInputCheckbox {
|
|
|
522
572
|
renderCheckboxMulti() {
|
|
523
573
|
const selectedValuesNb = this.getSelectedItems().length;
|
|
524
574
|
const checkboxes = this.getDisplayItems();
|
|
575
|
+
const checkboxPaginatedProps = {
|
|
576
|
+
readonly: this.readonly,
|
|
577
|
+
disabled: this.disabled,
|
|
578
|
+
identifier: this.identifier,
|
|
579
|
+
};
|
|
525
580
|
return (h("div", { class: "mg-c-input__input-container" }, h("mg-popover", { arrowHide: true, identifier: this.getMgPopoverIdentifier(), display: this.hasOpenedPopover, "onDisplay-change": this.handleMgPopoverDisplayChange, ref: (el) => {
|
|
526
581
|
if (el !== null)
|
|
527
582
|
this.mgPopover = el;
|
|
528
583
|
} }, h("mg-button", { variant: "secondary", "aria-describedby": `${this.identifier}-title` }, h("mg-icon", { icon: "list" }), this.getSelectValuesButtonMessage()), h("div", { slot: "content", class: "mg-c-input__content" }, this.displaySearchInput ? ([
|
|
529
|
-
h("mg-input-text", { key: "input-search", identifier: `${this.identifier}-input-search`, icon: "magnifying-glass", type: "search", placeholder: this.messages.input.checkbox.label, label: this.messages.input.checkbox.label, mgWidth: "full", value: this.searchValue, labelHide: true, characterLeftHide: true, name: "q", "onValue-change": this.handleSearchChange
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
]) : (h(MgInputCheckboxList, { checkboxes: checkboxes, displaySearchInput: this.displaySearchInput, messages: this.messages.input.checkbox, id: "checkboxes-list", disabled: this.disabled, name: this.name, invalid: this.invalid })), this.displaySearchInput && checkboxes.length === 0 && h("p", { class: "mg-c-input__input-no-result" }, this.messages.input.checkbox.noResult))), this.displaySelectedValues ? (selectedValuesNb > 0 && (h("ul", { role: "list", class: "mg-c-input__input-container-list" }, this.getSelectedItems().map(({ title }) => (h("li", { class: "mg-c-input__input-value", key: title }, title)))))) : (h("b", null, this.messages.input.checkbox[selectedValuesNb > 1 ? 'selectedValues' : 'selectedValue'].replace('{nb}', selectedValuesNb)))));
|
|
584
|
+
h("mg-input-text", { key: "input-search", identifier: `${this.identifier}-input-search`, icon: "magnifying-glass", type: "search", placeholder: this.messages.input.checkbox.sections.search.label, label: this.messages.input.checkbox.sections.search.label, mgWidth: "full", value: this.searchValue, labelHide: true, characterLeftHide: true, name: "q", "onValue-change": this.handleSearchChange }),
|
|
585
|
+
this.searchValue.length > 0 ? (h("mg-input-checkbox-paginated", Object.assign({ class: "mg-c-input__tab" }, checkboxPaginatedProps, { messages: Object.assign(Object.assign({}, this.messages.input.checkbox.sections.search), { showMore: this.messages.input.showMore }), checkboxes: checkboxes, key: "search" }))) : (this.renderCheckboxTabs(checkboxes, checkboxPaginatedProps)),
|
|
586
|
+
]) : (h(MgInputCheckboxList, { checkboxes: checkboxes, id: this.checkboxesId, disabled: this.disabled, name: this.name, invalid: this.invalid })))), this.displaySelectedValues ? (selectedValuesNb > 0 && (h("ul", { role: "list", class: "mg-c-input__input-container-list" }, this.getSelectedItems().map(({ title }) => (h("li", { class: "mg-c-input__input-value", key: title }, title)))))) : (h("b", null, this.messages.input.checkbox[selectedValuesNb > 1 ? 'selectedValues' : 'selectedValue'].replace('{nb}', selectedValuesNb)))));
|
|
533
587
|
}
|
|
534
588
|
/**
|
|
535
589
|
* Render
|
|
536
590
|
* @returns HTML Element
|
|
537
591
|
*/
|
|
538
592
|
render() {
|
|
593
|
+
var _a;
|
|
539
594
|
let inputContent;
|
|
540
|
-
const readonlyValue = this.value.filter(({ value }) => value).map(({ title }) => title);
|
|
595
|
+
const readonlyValue = ((_a = this.value) !== null && _a !== void 0 ? _a : []).filter(({ value }) => value).map(({ title }) => title);
|
|
541
596
|
if (this.readonly) {
|
|
542
597
|
inputContent = this.renderReadonly(readonlyValue);
|
|
543
598
|
}
|
|
@@ -547,7 +602,7 @@ export class MgInputCheckbox {
|
|
|
547
602
|
else {
|
|
548
603
|
inputContent = this.renderCheckboxMulti();
|
|
549
604
|
}
|
|
550
|
-
return (h("mg-input", { key: '
|
|
605
|
+
return (h("mg-input", { key: '6b1a72d80387da057c0d20367e141c90ff921889', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: !this.readonly ? this.required : undefined, tooltip: this.tooltip, tooltipPosition: this.readonly && readonlyValue.length === 0 ? 'label' : this.tooltipPosition, helpText: !this.readonly ? this.helpText : undefined, errorMessage: !this.readonly ? defineErrorMessage(this.errorMessage, this.noValueErrorDetail) : undefined }, inputContent));
|
|
551
606
|
}
|
|
552
607
|
static get is() { return "mg-input-checkbox"; }
|
|
553
608
|
static get encapsulation() { return "shadow"; }
|
|
@@ -565,6 +620,7 @@ export class MgInputCheckbox {
|
|
|
565
620
|
return {
|
|
566
621
|
"value": {
|
|
567
622
|
"type": "unknown",
|
|
623
|
+
"attribute": "value",
|
|
568
624
|
"mutable": true,
|
|
569
625
|
"complexType": {
|
|
570
626
|
"original": "CheckboxValue[]",
|
|
@@ -588,6 +644,7 @@ export class MgInputCheckbox {
|
|
|
588
644
|
},
|
|
589
645
|
"type": {
|
|
590
646
|
"type": "string",
|
|
647
|
+
"attribute": "type",
|
|
591
648
|
"mutable": true,
|
|
592
649
|
"complexType": {
|
|
593
650
|
"original": "CheckboxType",
|
|
@@ -608,11 +665,11 @@ export class MgInputCheckbox {
|
|
|
608
665
|
},
|
|
609
666
|
"getter": false,
|
|
610
667
|
"setter": false,
|
|
611
|
-
"attribute": "type",
|
|
612
668
|
"reflect": false
|
|
613
669
|
},
|
|
614
670
|
"identifier": {
|
|
615
671
|
"type": "string",
|
|
672
|
+
"attribute": "identifier",
|
|
616
673
|
"mutable": false,
|
|
617
674
|
"complexType": {
|
|
618
675
|
"original": "string",
|
|
@@ -627,11 +684,11 @@ export class MgInputCheckbox {
|
|
|
627
684
|
},
|
|
628
685
|
"getter": false,
|
|
629
686
|
"setter": false,
|
|
630
|
-
"attribute": "identifier",
|
|
631
687
|
"reflect": false
|
|
632
688
|
},
|
|
633
689
|
"name": {
|
|
634
690
|
"type": "string",
|
|
691
|
+
"attribute": "name",
|
|
635
692
|
"mutable": false,
|
|
636
693
|
"complexType": {
|
|
637
694
|
"original": "string",
|
|
@@ -646,12 +703,12 @@ export class MgInputCheckbox {
|
|
|
646
703
|
},
|
|
647
704
|
"getter": false,
|
|
648
705
|
"setter": false,
|
|
649
|
-
"attribute": "name",
|
|
650
706
|
"reflect": false,
|
|
651
707
|
"defaultValue": "this.identifier"
|
|
652
708
|
},
|
|
653
709
|
"label": {
|
|
654
710
|
"type": "string",
|
|
711
|
+
"attribute": "label",
|
|
655
712
|
"mutable": false,
|
|
656
713
|
"complexType": {
|
|
657
714
|
"original": "string",
|
|
@@ -666,11 +723,11 @@ export class MgInputCheckbox {
|
|
|
666
723
|
},
|
|
667
724
|
"getter": false,
|
|
668
725
|
"setter": false,
|
|
669
|
-
"attribute": "label",
|
|
670
726
|
"reflect": false
|
|
671
727
|
},
|
|
672
728
|
"labelOnTop": {
|
|
673
729
|
"type": "boolean",
|
|
730
|
+
"attribute": "label-on-top",
|
|
674
731
|
"mutable": false,
|
|
675
732
|
"complexType": {
|
|
676
733
|
"original": "boolean",
|
|
@@ -685,12 +742,12 @@ export class MgInputCheckbox {
|
|
|
685
742
|
},
|
|
686
743
|
"getter": false,
|
|
687
744
|
"setter": false,
|
|
688
|
-
"attribute": "label-on-top",
|
|
689
745
|
"reflect": false,
|
|
690
746
|
"defaultValue": "false"
|
|
691
747
|
},
|
|
692
748
|
"labelHide": {
|
|
693
749
|
"type": "boolean",
|
|
750
|
+
"attribute": "label-hide",
|
|
694
751
|
"mutable": false,
|
|
695
752
|
"complexType": {
|
|
696
753
|
"original": "boolean",
|
|
@@ -705,12 +762,12 @@ export class MgInputCheckbox {
|
|
|
705
762
|
},
|
|
706
763
|
"getter": false,
|
|
707
764
|
"setter": false,
|
|
708
|
-
"attribute": "label-hide",
|
|
709
765
|
"reflect": false,
|
|
710
766
|
"defaultValue": "false"
|
|
711
767
|
},
|
|
712
768
|
"inputVerticalList": {
|
|
713
769
|
"type": "boolean",
|
|
770
|
+
"attribute": "input-vertical-list",
|
|
714
771
|
"mutable": false,
|
|
715
772
|
"complexType": {
|
|
716
773
|
"original": "boolean",
|
|
@@ -725,12 +782,12 @@ export class MgInputCheckbox {
|
|
|
725
782
|
},
|
|
726
783
|
"getter": false,
|
|
727
784
|
"setter": false,
|
|
728
|
-
"attribute": "input-vertical-list",
|
|
729
785
|
"reflect": false,
|
|
730
786
|
"defaultValue": "false"
|
|
731
787
|
},
|
|
732
788
|
"required": {
|
|
733
789
|
"type": "boolean",
|
|
790
|
+
"attribute": "required",
|
|
734
791
|
"mutable": false,
|
|
735
792
|
"complexType": {
|
|
736
793
|
"original": "boolean",
|
|
@@ -745,12 +802,12 @@ export class MgInputCheckbox {
|
|
|
745
802
|
},
|
|
746
803
|
"getter": false,
|
|
747
804
|
"setter": false,
|
|
748
|
-
"attribute": "required",
|
|
749
805
|
"reflect": false,
|
|
750
806
|
"defaultValue": "false"
|
|
751
807
|
},
|
|
752
808
|
"readonly": {
|
|
753
809
|
"type": "boolean",
|
|
810
|
+
"attribute": "readonly",
|
|
754
811
|
"mutable": false,
|
|
755
812
|
"complexType": {
|
|
756
813
|
"original": "boolean",
|
|
@@ -765,12 +822,12 @@ export class MgInputCheckbox {
|
|
|
765
822
|
},
|
|
766
823
|
"getter": false,
|
|
767
824
|
"setter": false,
|
|
768
|
-
"attribute": "readonly",
|
|
769
825
|
"reflect": false,
|
|
770
826
|
"defaultValue": "false"
|
|
771
827
|
},
|
|
772
828
|
"displaySelectedValues": {
|
|
773
829
|
"type": "boolean",
|
|
830
|
+
"attribute": "display-selected-values",
|
|
774
831
|
"mutable": false,
|
|
775
832
|
"complexType": {
|
|
776
833
|
"original": "boolean",
|
|
@@ -785,12 +842,12 @@ export class MgInputCheckbox {
|
|
|
785
842
|
},
|
|
786
843
|
"getter": false,
|
|
787
844
|
"setter": false,
|
|
788
|
-
"attribute": "display-selected-values",
|
|
789
845
|
"reflect": false,
|
|
790
846
|
"defaultValue": "false"
|
|
791
847
|
},
|
|
792
848
|
"disabled": {
|
|
793
849
|
"type": "boolean",
|
|
850
|
+
"attribute": "disabled",
|
|
794
851
|
"mutable": false,
|
|
795
852
|
"complexType": {
|
|
796
853
|
"original": "boolean",
|
|
@@ -805,12 +862,12 @@ export class MgInputCheckbox {
|
|
|
805
862
|
},
|
|
806
863
|
"getter": false,
|
|
807
864
|
"setter": false,
|
|
808
|
-
"attribute": "disabled",
|
|
809
865
|
"reflect": false,
|
|
810
866
|
"defaultValue": "false"
|
|
811
867
|
},
|
|
812
868
|
"tooltip": {
|
|
813
869
|
"type": "string",
|
|
870
|
+
"attribute": "tooltip",
|
|
814
871
|
"mutable": false,
|
|
815
872
|
"complexType": {
|
|
816
873
|
"original": "string",
|
|
@@ -825,11 +882,11 @@ export class MgInputCheckbox {
|
|
|
825
882
|
},
|
|
826
883
|
"getter": false,
|
|
827
884
|
"setter": false,
|
|
828
|
-
"attribute": "tooltip",
|
|
829
885
|
"reflect": false
|
|
830
886
|
},
|
|
831
887
|
"tooltipPosition": {
|
|
832
888
|
"type": "string",
|
|
889
|
+
"attribute": "tooltip-position",
|
|
833
890
|
"mutable": false,
|
|
834
891
|
"complexType": {
|
|
835
892
|
"original": "TooltipPosition",
|
|
@@ -850,12 +907,12 @@ export class MgInputCheckbox {
|
|
|
850
907
|
},
|
|
851
908
|
"getter": false,
|
|
852
909
|
"setter": false,
|
|
853
|
-
"attribute": "tooltip-position",
|
|
854
910
|
"reflect": false,
|
|
855
911
|
"defaultValue": "'input'"
|
|
856
912
|
},
|
|
857
913
|
"helpText": {
|
|
858
914
|
"type": "string",
|
|
915
|
+
"attribute": "help-text",
|
|
859
916
|
"mutable": false,
|
|
860
917
|
"complexType": {
|
|
861
918
|
"original": "string",
|
|
@@ -870,11 +927,11 @@ export class MgInputCheckbox {
|
|
|
870
927
|
},
|
|
871
928
|
"getter": false,
|
|
872
929
|
"setter": false,
|
|
873
|
-
"attribute": "help-text",
|
|
874
930
|
"reflect": false
|
|
875
931
|
},
|
|
876
932
|
"valid": {
|
|
877
933
|
"type": "boolean",
|
|
934
|
+
"attribute": "valid",
|
|
878
935
|
"mutable": true,
|
|
879
936
|
"complexType": {
|
|
880
937
|
"original": "boolean",
|
|
@@ -889,11 +946,11 @@ export class MgInputCheckbox {
|
|
|
889
946
|
},
|
|
890
947
|
"getter": false,
|
|
891
948
|
"setter": false,
|
|
892
|
-
"attribute": "valid",
|
|
893
949
|
"reflect": false
|
|
894
950
|
},
|
|
895
951
|
"invalid": {
|
|
896
952
|
"type": "boolean",
|
|
953
|
+
"attribute": "invalid",
|
|
897
954
|
"mutable": true,
|
|
898
955
|
"complexType": {
|
|
899
956
|
"original": "boolean",
|
|
@@ -908,11 +965,11 @@ export class MgInputCheckbox {
|
|
|
908
965
|
},
|
|
909
966
|
"getter": false,
|
|
910
967
|
"setter": false,
|
|
911
|
-
"attribute": "invalid",
|
|
912
968
|
"reflect": false
|
|
913
969
|
},
|
|
914
970
|
"editButtonMessage": {
|
|
915
971
|
"type": "string",
|
|
972
|
+
"attribute": "edit-button-message",
|
|
916
973
|
"mutable": false,
|
|
917
974
|
"complexType": {
|
|
918
975
|
"original": "string",
|
|
@@ -920,18 +977,18 @@ export class MgInputCheckbox {
|
|
|
920
977
|
"references": {}
|
|
921
978
|
},
|
|
922
979
|
"required": false,
|
|
923
|
-
"optional":
|
|
980
|
+
"optional": true,
|
|
924
981
|
"docs": {
|
|
925
982
|
"tags": [],
|
|
926
983
|
"text": "Overwrite default \"edit\" button message"
|
|
927
984
|
},
|
|
928
985
|
"getter": false,
|
|
929
986
|
"setter": false,
|
|
930
|
-
"attribute": "edit-button-message",
|
|
931
987
|
"reflect": false
|
|
932
988
|
},
|
|
933
989
|
"showButtonMessage": {
|
|
934
990
|
"type": "string",
|
|
991
|
+
"attribute": "show-button-message",
|
|
935
992
|
"mutable": false,
|
|
936
993
|
"complexType": {
|
|
937
994
|
"original": "string",
|
|
@@ -939,18 +996,18 @@ export class MgInputCheckbox {
|
|
|
939
996
|
"references": {}
|
|
940
997
|
},
|
|
941
998
|
"required": false,
|
|
942
|
-
"optional":
|
|
999
|
+
"optional": true,
|
|
943
1000
|
"docs": {
|
|
944
1001
|
"tags": [],
|
|
945
1002
|
"text": "Overwrite default \"show\" button message"
|
|
946
1003
|
},
|
|
947
1004
|
"getter": false,
|
|
948
1005
|
"setter": false,
|
|
949
|
-
"attribute": "show-button-message",
|
|
950
1006
|
"reflect": false
|
|
951
1007
|
},
|
|
952
1008
|
"selectButtonMessage": {
|
|
953
1009
|
"type": "string",
|
|
1010
|
+
"attribute": "select-button-message",
|
|
954
1011
|
"mutable": false,
|
|
955
1012
|
"complexType": {
|
|
956
1013
|
"original": "string",
|
|
@@ -958,14 +1015,32 @@ export class MgInputCheckbox {
|
|
|
958
1015
|
"references": {}
|
|
959
1016
|
},
|
|
960
1017
|
"required": false,
|
|
961
|
-
"optional":
|
|
1018
|
+
"optional": true,
|
|
962
1019
|
"docs": {
|
|
963
1020
|
"tags": [],
|
|
964
1021
|
"text": "Overwrite default \"select\" button message"
|
|
965
1022
|
},
|
|
966
1023
|
"getter": false,
|
|
967
1024
|
"setter": false,
|
|
968
|
-
"
|
|
1025
|
+
"reflect": false
|
|
1026
|
+
},
|
|
1027
|
+
"noValueErrorDetail": {
|
|
1028
|
+
"type": "string",
|
|
1029
|
+
"attribute": "no-value-error-detail",
|
|
1030
|
+
"mutable": false,
|
|
1031
|
+
"complexType": {
|
|
1032
|
+
"original": "string",
|
|
1033
|
+
"resolved": "string",
|
|
1034
|
+
"references": {}
|
|
1035
|
+
},
|
|
1036
|
+
"required": false,
|
|
1037
|
+
"optional": true,
|
|
1038
|
+
"docs": {
|
|
1039
|
+
"tags": [],
|
|
1040
|
+
"text": "Define no value error detail"
|
|
1041
|
+
},
|
|
1042
|
+
"getter": false,
|
|
1043
|
+
"setter": false,
|
|
969
1044
|
"reflect": false
|
|
970
1045
|
}
|
|
971
1046
|
};
|
|
@@ -978,7 +1053,8 @@ export class MgInputCheckbox {
|
|
|
978
1053
|
"displaySearchInput": {},
|
|
979
1054
|
"searchValue": {},
|
|
980
1055
|
"searchResults": {},
|
|
981
|
-
"selectValuesButtonKey": {}
|
|
1056
|
+
"selectValuesButtonKey": {},
|
|
1057
|
+
"activeTab": {}
|
|
982
1058
|
};
|
|
983
1059
|
}
|
|
984
1060
|
static get events() {
|
|
@@ -1155,4 +1231,3 @@ export class MgInputCheckbox {
|
|
|
1155
1231
|
}];
|
|
1156
1232
|
}
|
|
1157
1233
|
}
|
|
1158
|
-
//# sourceMappingURL=mg-input-checkbox.js.map
|