@impartner/design-components 3.0.2 → 4.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -8
- package/fesm2022/impartner-design-components.mjs +1668 -972
- package/fesm2022/impartner-design-components.mjs.map +1 -1
- package/index.d.ts +3634 -3
- package/package.json +9 -12
- package/constants/fontawesome-icons.d.ts +0 -6
- package/constants/index.d.ts +0 -1
- package/esm2022/constants/fontawesome-icons.mjs +0 -3012
- package/esm2022/constants/index.mjs +0 -2
- package/esm2022/impartner-design-components.mjs +0 -5
- package/esm2022/lib/alert/alert.component.mjs +0 -106
- package/esm2022/lib/alert/alert.module.mjs +0 -19
- package/esm2022/lib/alert/index.mjs +0 -4
- package/esm2022/lib/alert/theme/alert-theme.mjs +0 -2
- package/esm2022/lib/alert/theme/index.mjs +0 -2
- package/esm2022/lib/avatar/avatar.component.mjs +0 -48
- package/esm2022/lib/avatar/avatar.module.mjs +0 -19
- package/esm2022/lib/avatar/index.mjs +0 -3
- package/esm2022/lib/avatar-group/avatar-group.component.mjs +0 -16
- package/esm2022/lib/avatar-group/avatar-group.module.mjs +0 -19
- package/esm2022/lib/avatar-group/index.mjs +0 -3
- package/esm2022/lib/backdrop/backdrop.component.mjs +0 -52
- package/esm2022/lib/backdrop/backdrop.module.mjs +0 -19
- package/esm2022/lib/backdrop/index.mjs +0 -3
- package/esm2022/lib/badge/badge.component.mjs +0 -121
- package/esm2022/lib/badge/badge.module.mjs +0 -20
- package/esm2022/lib/badge/index.mjs +0 -4
- package/esm2022/lib/badge/types/badge-icon.mjs +0 -2
- package/esm2022/lib/badge/types/badge-size.mjs +0 -7
- package/esm2022/lib/badge/types/index.mjs +0 -2
- package/esm2022/lib/branding/branded.directive.mjs +0 -19
- package/esm2022/lib/branding/branding.module.mjs +0 -19
- package/esm2022/lib/branding/index.mjs +0 -3
- package/esm2022/lib/breadcrumb/breadcrumb-item.component.mjs +0 -25
- package/esm2022/lib/breadcrumb/breadcrumb.component.mjs +0 -37
- package/esm2022/lib/breadcrumb/breadcrumb.module.mjs +0 -19
- package/esm2022/lib/breadcrumb/index.mjs +0 -4
- package/esm2022/lib/button/button.component.mjs +0 -116
- package/esm2022/lib/button/button.module.mjs +0 -21
- package/esm2022/lib/button/index.mjs +0 -4
- package/esm2022/lib/button/themes/button-theme.mjs +0 -2
- package/esm2022/lib/button/themes/index.mjs +0 -2
- package/esm2022/lib/button-group/button-group.component.mjs +0 -52
- package/esm2022/lib/button-group/button-group.module.mjs +0 -20
- package/esm2022/lib/button-group/index.mjs +0 -3
- package/esm2022/lib/card-heading/card-heading.component.mjs +0 -30
- package/esm2022/lib/card-heading/card-heading.module.mjs +0 -19
- package/esm2022/lib/card-heading/index.mjs +0 -3
- package/esm2022/lib/data-card/data-card.component.mjs +0 -123
- package/esm2022/lib/data-card/data-card.module.mjs +0 -21
- package/esm2022/lib/data-card/index.mjs +0 -3
- package/esm2022/lib/datetime-picker/components/datepicker-nav/datepicker-nav.component.mjs +0 -105
- package/esm2022/lib/datetime-picker/components/datepicker-nav/index.mjs +0 -2
- package/esm2022/lib/datetime-picker/components/datepicker-template-host/datepicker-template-host.component.mjs +0 -33
- package/esm2022/lib/datetime-picker/components/datepicker-template-host/index.mjs +0 -2
- package/esm2022/lib/datetime-picker/components/datetime-picker/datetime-picker.component.mjs +0 -369
- package/esm2022/lib/datetime-picker/components/datetime-picker/index.mjs +0 -2
- package/esm2022/lib/datetime-picker/components/datetime-picker-input/datetime-picker-input.component.mjs +0 -367
- package/esm2022/lib/datetime-picker/components/datetime-picker-input/index.mjs +0 -2
- package/esm2022/lib/datetime-picker/components/datetime-picker-input-footer/datetime-picker-input-footer.component.mjs +0 -68
- package/esm2022/lib/datetime-picker/components/datetime-picker-input-footer/index.mjs +0 -2
- package/esm2022/lib/datetime-picker/components/index.mjs +0 -6
- package/esm2022/lib/datetime-picker/constants/datetime-picker-defaults.mjs +0 -12
- package/esm2022/lib/datetime-picker/constants/index.mjs +0 -2
- package/esm2022/lib/datetime-picker/datetime-picker.module.mjs +0 -22
- package/esm2022/lib/datetime-picker/index.mjs +0 -4
- package/esm2022/lib/datetime-picker/services/datetime-formatter/datetime-formatter.service.mjs +0 -40
- package/esm2022/lib/datetime-picker/services/datetime-formatter/index.mjs +0 -2
- package/esm2022/lib/datetime-picker/services/index.mjs +0 -2
- package/esm2022/lib/datetime-picker/types/datetime-picker-value.interface.mjs +0 -2
- package/esm2022/lib/datetime-picker/types/index.mjs +0 -2
- package/esm2022/lib/design-components.module.mjs +0 -132
- package/esm2022/lib/dropdown/components/dropdown-item/dropdown-item.component.mjs +0 -22
- package/esm2022/lib/dropdown/components/index.mjs +0 -2
- package/esm2022/lib/dropdown/dropdown.component.mjs +0 -143
- package/esm2022/lib/dropdown/dropdown.module.mjs +0 -21
- package/esm2022/lib/dropdown/index.mjs +0 -5
- package/esm2022/lib/dropdown/types/dropdown-position.mjs +0 -2
- package/esm2022/lib/dropdown/types/index.mjs +0 -2
- package/esm2022/lib/file-upload/directives/file-drop.directive.mjs +0 -50
- package/esm2022/lib/file-upload/directives/index.mjs +0 -2
- package/esm2022/lib/file-upload/file-upload.component.mjs +0 -335
- package/esm2022/lib/file-upload/file-upload.module.mjs +0 -38
- package/esm2022/lib/file-upload/index.mjs +0 -5
- package/esm2022/lib/file-upload/pipes/human-readable-byte-size.pipe.mjs +0 -23
- package/esm2022/lib/file-upload/pipes/index.mjs +0 -2
- package/esm2022/lib/form-field/component/directives/corner-hint.directive.mjs +0 -15
- package/esm2022/lib/form-field/component/directives/error.directive.mjs +0 -27
- package/esm2022/lib/form-field/component/directives/form-root.directive.mjs +0 -93
- package/esm2022/lib/form-field/component/directives/hint.directive.mjs +0 -25
- package/esm2022/lib/form-field/component/directives/index.mjs +0 -25
- package/esm2022/lib/form-field/component/directives/label.directive.mjs +0 -15
- package/esm2022/lib/form-field/component/directives/prefix.directive.mjs +0 -25
- package/esm2022/lib/form-field/component/directives/suffix.directive.mjs +0 -25
- package/esm2022/lib/form-field/component/form-field.component.mjs +0 -131
- package/esm2022/lib/form-field/component/form-field.module.mjs +0 -24
- package/esm2022/lib/form-field/component/index.mjs +0 -4
- package/esm2022/lib/form-field/controls/checkbox/checkbox.component.mjs +0 -345
- package/esm2022/lib/form-field/controls/checkbox/checkbox.module.mjs +0 -16
- package/esm2022/lib/form-field/controls/checkbox/index.mjs +0 -3
- package/esm2022/lib/form-field/controls/index.mjs +0 -6
- package/esm2022/lib/form-field/controls/input/index.mjs +0 -2
- package/esm2022/lib/form-field/controls/input/input.directive.mjs +0 -234
- package/esm2022/lib/form-field/controls/radio/index.mjs +0 -6
- package/esm2022/lib/form-field/controls/radio/injection-tokens.mjs +0 -4
- package/esm2022/lib/form-field/controls/radio/interfaces/index.mjs +0 -4
- package/esm2022/lib/form-field/controls/radio/interfaces/radio-button.interface.mjs +0 -2
- package/esm2022/lib/form-field/controls/radio/interfaces/radio-change-event.interface.mjs +0 -11
- package/esm2022/lib/form-field/controls/radio/interfaces/radio-group.interface.mjs +0 -2
- package/esm2022/lib/form-field/controls/radio/radio-button/radio-button.component.mjs +0 -262
- package/esm2022/lib/form-field/controls/radio/radio-group/radio-group.directive.mjs +0 -290
- package/esm2022/lib/form-field/controls/radio/radio.module.mjs +0 -17
- package/esm2022/lib/form-field/controls/select/index.mjs +0 -9
- package/esm2022/lib/form-field/controls/select/interfaces/index.mjs +0 -2
- package/esm2022/lib/form-field/controls/select/interfaces/select-option.interface.mjs +0 -2
- package/esm2022/lib/form-field/controls/select/option/index.mjs +0 -2
- package/esm2022/lib/form-field/controls/select/option/select-option.component.mjs +0 -44
- package/esm2022/lib/form-field/controls/select/option-display/index.mjs +0 -2
- package/esm2022/lib/form-field/controls/select/option-display/select-option-display.component.mjs +0 -162
- package/esm2022/lib/form-field/controls/select/option-group/index.mjs +0 -2
- package/esm2022/lib/form-field/controls/select/option-group/select-option-group.component.mjs +0 -35
- package/esm2022/lib/form-field/controls/select/option-parent.mjs +0 -4
- package/esm2022/lib/form-field/controls/select/select-model.mjs +0 -150
- package/esm2022/lib/form-field/controls/select/select.component.mjs +0 -725
- package/esm2022/lib/form-field/controls/select/select.module.mjs +0 -37
- package/esm2022/lib/form-field/controls/select/value-tags-display/index.mjs +0 -2
- package/esm2022/lib/form-field/controls/select/value-tags-display/select-value-tags-display.component.mjs +0 -91
- package/esm2022/lib/form-field/controls/shared/index.mjs +0 -2
- package/esm2022/lib/form-field/controls/shared/toggle/components/index.mjs +0 -2
- package/esm2022/lib/form-field/controls/shared/toggle/components/toggle-input/toggle-input.component.mjs +0 -17
- package/esm2022/lib/form-field/controls/shared/toggle/index.mjs +0 -4
- package/esm2022/lib/form-field/controls/shared/toggle/toggle.component.mjs +0 -112
- package/esm2022/lib/form-field/controls/shared/toggle/toggle.module.mjs +0 -18
- package/esm2022/lib/form-field/controls/tag-select/index.mjs +0 -2
- package/esm2022/lib/form-field/controls/tag-select/tag-select.component.mjs +0 -146
- package/esm2022/lib/form-field/form-field-errors.mjs +0 -5
- package/esm2022/lib/form-field/impdc-forms.mjs +0 -7
- package/esm2022/lib/form-field/impdc-forms.module.mjs +0 -53
- package/esm2022/lib/form-field/index.mjs +0 -2
- package/esm2022/lib/form-field/services/error-state-matcher.service.mjs +0 -28
- package/esm2022/lib/form-field/services/index.mjs +0 -3
- package/esm2022/lib/form-field/services/unique-selection-dispatcher.service.mjs +0 -48
- package/esm2022/lib/form-field/shared/constructors.type.mjs +0 -2
- package/esm2022/lib/form-field/shared/disabled.mixin.mjs +0 -15
- package/esm2022/lib/form-field/shared/error-state.mixin.mjs +0 -24
- package/esm2022/lib/form-field/shared/form-field-control.mjs +0 -10
- package/esm2022/lib/form-field/shared/index.mjs +0 -5
- package/esm2022/lib/form-field/shared/tab-index.mixin.mjs +0 -19
- package/esm2022/lib/icon/icon.component.mjs +0 -83
- package/esm2022/lib/icon/icon.module.mjs +0 -19
- package/esm2022/lib/icon/index.mjs +0 -3
- package/esm2022/lib/index.mjs +0 -29
- package/esm2022/lib/modal/index.mjs +0 -4
- package/esm2022/lib/modal/modal.component.mjs +0 -266
- package/esm2022/lib/modal/modal.module.mjs +0 -37
- package/esm2022/lib/modal/types/index.mjs +0 -3
- package/esm2022/lib/modal/types/modal-component-sizes.mjs +0 -9
- package/esm2022/lib/modal/types/modal-theme.mjs +0 -12
- package/esm2022/lib/pagination/index.mjs +0 -3
- package/esm2022/lib/pagination/pagination.component.mjs +0 -176
- package/esm2022/lib/pagination/pagination.module.mjs +0 -41
- package/esm2022/lib/progress-bar/index.mjs +0 -3
- package/esm2022/lib/progress-bar/progress-bar.component.mjs +0 -51
- package/esm2022/lib/progress-bar/progress-bar.module.mjs +0 -18
- package/esm2022/lib/scrollable/index.mjs +0 -3
- package/esm2022/lib/scrollable/scrollable.component.mjs +0 -187
- package/esm2022/lib/scrollable/scrollable.module.mjs +0 -22
- package/esm2022/lib/select-icon/index.mjs +0 -3
- package/esm2022/lib/select-icon/select-icon.component.mjs +0 -308
- package/esm2022/lib/select-icon/select-icon.module.mjs +0 -39
- package/esm2022/lib/size-detection/directive/element-size.interface.mjs +0 -2
- package/esm2022/lib/size-detection/directive/index.mjs +0 -3
- package/esm2022/lib/size-detection/directive/size-detector.directive.mjs +0 -43
- package/esm2022/lib/size-detection/index.mjs +0 -3
- package/esm2022/lib/size-detection/size-detection.module.mjs +0 -18
- package/esm2022/lib/spinner/index.mjs +0 -3
- package/esm2022/lib/spinner/spinner.component.mjs +0 -24
- package/esm2022/lib/spinner/spinner.module.mjs +0 -18
- package/esm2022/lib/table/components/bulk-actions/bulk-actions.component.mjs +0 -16
- package/esm2022/lib/table/components/column-heading/column-heading.component.mjs +0 -38
- package/esm2022/lib/table/components/index.mjs +0 -4
- package/esm2022/lib/table/components/row-actions/row-actions.component.mjs +0 -61
- package/esm2022/lib/table/constants/index.mjs +0 -3
- package/esm2022/lib/table/constants/public-table.constants.mjs +0 -2
- package/esm2022/lib/table/constants/table.constants.mjs +0 -23
- package/esm2022/lib/table/containers/index.mjs +0 -2
- package/esm2022/lib/table/containers/table.component.mjs +0 -474
- package/esm2022/lib/table/directives/collapse-monitor.directive.mjs +0 -42
- package/esm2022/lib/table/directives/index.mjs +0 -4
- package/esm2022/lib/table/directives/table-inject-component.directive.mjs +0 -46
- package/esm2022/lib/table/directives/table.directive.mjs +0 -55
- package/esm2022/lib/table/enumerations/index.mjs +0 -2
- package/esm2022/lib/table/enumerations/table-column-type.mjs +0 -21
- package/esm2022/lib/table/helpers/index.mjs +0 -2
- package/esm2022/lib/table/helpers/table-theme.helper.mjs +0 -31
- package/esm2022/lib/table/index.mjs +0 -8
- package/esm2022/lib/table/interfaces/cell-renderer.interface.mjs +0 -2
- package/esm2022/lib/table/interfaces/collapsible-row-content-context.interface.mjs +0 -2
- package/esm2022/lib/table/interfaces/custom-cell-renderer-components.type.mjs +0 -2
- package/esm2022/lib/table/interfaces/index.mjs +0 -13
- package/esm2022/lib/table/interfaces/sort-by-payload.interface.mjs +0 -2
- package/esm2022/lib/table/interfaces/table-cell-option.interface.mjs +0 -2
- package/esm2022/lib/table/interfaces/table-column-defs.type.mjs +0 -2
- package/esm2022/lib/table/interfaces/table-event-payload.interface.mjs +0 -2
- package/esm2022/lib/table/interfaces/table-row-action-payload.interface.mjs +0 -2
- package/esm2022/lib/table/interfaces/table-row-action.interface.mjs +0 -2
- package/esm2022/lib/table/interfaces/table-row-collapse-change.interface.mjs +0 -2
- package/esm2022/lib/table/interfaces/table-row-item.interface.mjs +0 -2
- package/esm2022/lib/table/table.module.mjs +0 -101
- package/esm2022/lib/tag/index.mjs +0 -2
- package/esm2022/lib/tag/tag.component.mjs +0 -104
- package/esm2022/lib/text-highlight/index.mjs +0 -3
- package/esm2022/lib/text-highlight/text-highlight.component.mjs +0 -101
- package/esm2022/lib/text-highlight/text-highlight.module.mjs +0 -17
- package/esm2022/public-api.mjs +0 -9
- package/esm2022/services/index.mjs +0 -2
- package/esm2022/services/interaction.service.mjs +0 -88
- package/esm2022/types/component-size.mjs +0 -12
- package/esm2022/types/component-theme.mjs +0 -22
- package/esm2022/types/index.mjs +0 -3
- package/esm2022/utilities/boolean-props.mjs +0 -7
- package/esm2022/utilities/dc.mjs +0 -9
- package/esm2022/utilities/index.mjs +0 -6
- package/esm2022/utilities/lc.mjs +0 -9
- package/esm2022/utilities/number-props.mjs +0 -18
- package/esm2022/utilities/sanitize.mjs +0 -7
- package/lib/alert/alert.component.d.ts +0 -50
- package/lib/alert/alert.module.d.ts +0 -9
- package/lib/alert/index.d.ts +0 -3
- package/lib/alert/theme/alert-theme.d.ts +0 -1
- package/lib/alert/theme/index.d.ts +0 -1
- package/lib/avatar/avatar.component.d.ts +0 -28
- package/lib/avatar/avatar.module.d.ts +0 -9
- package/lib/avatar/index.d.ts +0 -2
- package/lib/avatar-group/avatar-group.component.d.ts +0 -10
- package/lib/avatar-group/avatar-group.module.d.ts +0 -9
- package/lib/avatar-group/index.d.ts +0 -2
- package/lib/backdrop/backdrop.component.d.ts +0 -24
- package/lib/backdrop/backdrop.module.d.ts +0 -9
- package/lib/backdrop/index.d.ts +0 -2
- package/lib/badge/badge.component.d.ts +0 -63
- package/lib/badge/badge.module.d.ts +0 -10
- package/lib/badge/index.d.ts +0 -3
- package/lib/badge/types/badge-icon.d.ts +0 -1
- package/lib/badge/types/badge-size.d.ts +0 -6
- package/lib/badge/types/index.d.ts +0 -2
- package/lib/branding/branded.directive.d.ts +0 -6
- package/lib/branding/branding.module.d.ts +0 -9
- package/lib/branding/index.d.ts +0 -2
- package/lib/breadcrumb/breadcrumb-item.component.d.ts +0 -7
- package/lib/breadcrumb/breadcrumb.component.d.ts +0 -21
- package/lib/breadcrumb/breadcrumb.module.d.ts +0 -9
- package/lib/breadcrumb/index.d.ts +0 -3
- package/lib/button/button.component.d.ts +0 -47
- package/lib/button/button.module.d.ts +0 -11
- package/lib/button/index.d.ts +0 -3
- package/lib/button/themes/button-theme.d.ts +0 -1
- package/lib/button/themes/index.d.ts +0 -1
- package/lib/button-group/button-group.component.d.ts +0 -22
- package/lib/button-group/button-group.module.d.ts +0 -10
- package/lib/button-group/index.d.ts +0 -2
- package/lib/card-heading/card-heading.component.d.ts +0 -18
- package/lib/card-heading/card-heading.module.d.ts +0 -9
- package/lib/card-heading/index.d.ts +0 -2
- package/lib/data-card/data-card.component.d.ts +0 -68
- package/lib/data-card/data-card.module.d.ts +0 -11
- package/lib/data-card/index.d.ts +0 -2
- package/lib/datetime-picker/components/datepicker-nav/datepicker-nav.component.d.ts +0 -31
- package/lib/datetime-picker/components/datepicker-nav/index.d.ts +0 -1
- package/lib/datetime-picker/components/datepicker-template-host/datepicker-template-host.component.d.ts +0 -15
- package/lib/datetime-picker/components/datepicker-template-host/index.d.ts +0 -1
- package/lib/datetime-picker/components/datetime-picker/datetime-picker.component.d.ts +0 -155
- package/lib/datetime-picker/components/datetime-picker/index.d.ts +0 -1
- package/lib/datetime-picker/components/datetime-picker-input/datetime-picker-input.component.d.ts +0 -160
- package/lib/datetime-picker/components/datetime-picker-input/index.d.ts +0 -1
- package/lib/datetime-picker/components/datetime-picker-input-footer/datetime-picker-input-footer.component.d.ts +0 -24
- package/lib/datetime-picker/components/datetime-picker-input-footer/index.d.ts +0 -1
- package/lib/datetime-picker/components/index.d.ts +0 -5
- package/lib/datetime-picker/constants/datetime-picker-defaults.d.ts +0 -4
- package/lib/datetime-picker/constants/index.d.ts +0 -1
- package/lib/datetime-picker/datetime-picker.module.d.ts +0 -8
- package/lib/datetime-picker/index.d.ts +0 -4
- package/lib/datetime-picker/services/datetime-formatter/datetime-formatter.service.d.ts +0 -20
- package/lib/datetime-picker/services/datetime-formatter/index.d.ts +0 -1
- package/lib/datetime-picker/services/index.d.ts +0 -1
- package/lib/datetime-picker/types/datetime-picker-value.interface.d.ts +0 -5
- package/lib/datetime-picker/types/index.d.ts +0 -1
- package/lib/design-components.module.d.ts +0 -24
- package/lib/dropdown/components/dropdown-item/dropdown-item.component.d.ts +0 -11
- package/lib/dropdown/components/index.d.ts +0 -1
- package/lib/dropdown/dropdown.component.d.ts +0 -67
- package/lib/dropdown/dropdown.module.d.ts +0 -11
- package/lib/dropdown/index.d.ts +0 -4
- package/lib/dropdown/types/dropdown-position.d.ts +0 -1
- package/lib/dropdown/types/index.d.ts +0 -1
- package/lib/file-upload/directives/file-drop.directive.d.ts +0 -11
- package/lib/file-upload/directives/index.d.ts +0 -1
- package/lib/file-upload/file-upload.component.d.ts +0 -105
- package/lib/file-upload/file-upload.module.d.ts +0 -14
- package/lib/file-upload/index.d.ts +0 -4
- package/lib/file-upload/pipes/human-readable-byte-size.pipe.d.ts +0 -7
- package/lib/file-upload/pipes/index.d.ts +0 -1
- package/lib/form-field/component/directives/corner-hint.directive.d.ts +0 -5
- package/lib/form-field/component/directives/error.directive.d.ts +0 -8
- package/lib/form-field/component/directives/form-root.directive.d.ts +0 -26
- package/lib/form-field/component/directives/hint.directive.d.ts +0 -6
- package/lib/form-field/component/directives/index.d.ts +0 -15
- package/lib/form-field/component/directives/label.directive.d.ts +0 -5
- package/lib/form-field/component/directives/prefix.directive.d.ts +0 -9
- package/lib/form-field/component/directives/suffix.directive.d.ts +0 -9
- package/lib/form-field/component/form-field.component.d.ts +0 -37
- package/lib/form-field/component/form-field.module.d.ts +0 -14
- package/lib/form-field/component/index.d.ts +0 -3
- package/lib/form-field/controls/checkbox/checkbox.component.d.ts +0 -137
- package/lib/form-field/controls/checkbox/checkbox.module.d.ts +0 -7
- package/lib/form-field/controls/checkbox/index.d.ts +0 -2
- package/lib/form-field/controls/index.d.ts +0 -5
- package/lib/form-field/controls/input/index.d.ts +0 -1
- package/lib/form-field/controls/input/input.directive.d.ts +0 -84
- package/lib/form-field/controls/radio/index.d.ts +0 -5
- package/lib/form-field/controls/radio/injection-tokens.d.ts +0 -4
- package/lib/form-field/controls/radio/interfaces/index.d.ts +0 -3
- package/lib/form-field/controls/radio/interfaces/radio-button.interface.d.ts +0 -6
- package/lib/form-field/controls/radio/interfaces/radio-change-event.interface.d.ts +0 -12
- package/lib/form-field/controls/radio/interfaces/radio-group.interface.d.ts +0 -13
- package/lib/form-field/controls/radio/radio-button/radio-button.component.d.ts +0 -98
- package/lib/form-field/controls/radio/radio-group/radio-group.directive.d.ts +0 -104
- package/lib/form-field/controls/radio/radio.module.d.ts +0 -8
- package/lib/form-field/controls/select/index.d.ts +0 -9
- package/lib/form-field/controls/select/interfaces/index.d.ts +0 -1
- package/lib/form-field/controls/select/interfaces/select-option.interface.d.ts +0 -6
- package/lib/form-field/controls/select/option/index.d.ts +0 -1
- package/lib/form-field/controls/select/option/select-option.component.d.ts +0 -21
- package/lib/form-field/controls/select/option-display/index.d.ts +0 -1
- package/lib/form-field/controls/select/option-display/select-option-display.component.d.ts +0 -64
- package/lib/form-field/controls/select/option-group/index.d.ts +0 -1
- package/lib/form-field/controls/select/option-group/select-option-group.component.d.ts +0 -11
- package/lib/form-field/controls/select/option-parent.d.ts +0 -16
- package/lib/form-field/controls/select/select-model.d.ts +0 -36
- package/lib/form-field/controls/select/select.component.d.ts +0 -232
- package/lib/form-field/controls/select/select.module.d.ts +0 -10
- package/lib/form-field/controls/select/value-tags-display/index.d.ts +0 -1
- package/lib/form-field/controls/select/value-tags-display/select-value-tags-display.component.d.ts +0 -46
- package/lib/form-field/controls/shared/index.d.ts +0 -1
- package/lib/form-field/controls/shared/toggle/components/index.d.ts +0 -1
- package/lib/form-field/controls/shared/toggle/components/toggle-input/toggle-input.component.d.ts +0 -6
- package/lib/form-field/controls/shared/toggle/index.d.ts +0 -3
- package/lib/form-field/controls/shared/toggle/toggle.component.d.ts +0 -29
- package/lib/form-field/controls/shared/toggle/toggle.module.d.ts +0 -9
- package/lib/form-field/controls/tag-select/index.d.ts +0 -1
- package/lib/form-field/controls/tag-select/tag-select.component.d.ts +0 -43
- package/lib/form-field/form-field-errors.d.ts +0 -2
- package/lib/form-field/impdc-forms.d.ts +0 -6
- package/lib/form-field/impdc-forms.module.d.ts +0 -13
- package/lib/form-field/index.d.ts +0 -1
- package/lib/form-field/services/error-state-matcher.service.d.ts +0 -12
- package/lib/form-field/services/index.d.ts +0 -2
- package/lib/form-field/services/unique-selection-dispatcher.service.d.ts +0 -29
- package/lib/form-field/shared/constructors.type.d.ts +0 -7
- package/lib/form-field/shared/disabled.mixin.d.ts +0 -10
- package/lib/form-field/shared/error-state.mixin.d.ts +0 -31
- package/lib/form-field/shared/form-field-control.d.ts +0 -24
- package/lib/form-field/shared/index.d.ts +0 -5
- package/lib/form-field/shared/tab-index.mixin.d.ts +0 -13
- package/lib/icon/icon.component.d.ts +0 -36
- package/lib/icon/icon.module.d.ts +0 -9
- package/lib/icon/index.d.ts +0 -2
- package/lib/index.d.ts +0 -28
- package/lib/modal/index.d.ts +0 -3
- package/lib/modal/modal.component.d.ts +0 -116
- package/lib/modal/modal.module.d.ts +0 -13
- package/lib/modal/types/index.d.ts +0 -2
- package/lib/modal/types/modal-component-sizes.d.ts +0 -3
- package/lib/modal/types/modal-theme.d.ts +0 -7
- package/lib/pagination/index.d.ts +0 -2
- package/lib/pagination/pagination.component.d.ts +0 -58
- package/lib/pagination/pagination.module.d.ts +0 -14
- package/lib/progress-bar/index.d.ts +0 -2
- package/lib/progress-bar/progress-bar.component.d.ts +0 -31
- package/lib/progress-bar/progress-bar.module.d.ts +0 -8
- package/lib/scrollable/index.d.ts +0 -2
- package/lib/scrollable/scrollable.component.d.ts +0 -41
- package/lib/scrollable/scrollable.module.d.ts +0 -12
- package/lib/select-icon/index.d.ts +0 -2
- package/lib/select-icon/select-icon.component.d.ts +0 -123
- package/lib/select-icon/select-icon.module.d.ts +0 -12
- package/lib/size-detection/directive/element-size.interface.d.ts +0 -4
- package/lib/size-detection/directive/index.d.ts +0 -2
- package/lib/size-detection/directive/size-detector.directive.d.ts +0 -14
- package/lib/size-detection/index.d.ts +0 -3
- package/lib/size-detection/size-detection.module.d.ts +0 -8
- package/lib/spinner/index.d.ts +0 -2
- package/lib/spinner/spinner.component.d.ts +0 -13
- package/lib/spinner/spinner.module.d.ts +0 -8
- package/lib/table/components/bulk-actions/bulk-actions.component.d.ts +0 -10
- package/lib/table/components/column-heading/column-heading.component.d.ts +0 -14
- package/lib/table/components/index.d.ts +0 -3
- package/lib/table/components/row-actions/row-actions.component.d.ts +0 -21
- package/lib/table/constants/index.d.ts +0 -2
- package/lib/table/constants/public-table.constants.d.ts +0 -1
- package/lib/table/constants/table.constants.d.ts +0 -9
- package/lib/table/containers/index.d.ts +0 -1
- package/lib/table/containers/table.component.d.ts +0 -178
- package/lib/table/directives/collapse-monitor.directive.d.ts +0 -12
- package/lib/table/directives/index.d.ts +0 -3
- package/lib/table/directives/table-inject-component.directive.d.ts +0 -16
- package/lib/table/directives/table.directive.d.ts +0 -23
- package/lib/table/enumerations/index.d.ts +0 -1
- package/lib/table/enumerations/table-column-type.d.ts +0 -19
- package/lib/table/helpers/index.d.ts +0 -1
- package/lib/table/helpers/table-theme.helper.d.ts +0 -7
- package/lib/table/index.d.ts +0 -7
- package/lib/table/interfaces/cell-renderer.interface.d.ts +0 -13
- package/lib/table/interfaces/collapsible-row-content-context.interface.d.ts +0 -39
- package/lib/table/interfaces/custom-cell-renderer-components.type.d.ts +0 -3
- package/lib/table/interfaces/index.d.ts +0 -12
- package/lib/table/interfaces/sort-by-payload.interface.d.ts +0 -11
- package/lib/table/interfaces/table-cell-option.interface.d.ts +0 -4
- package/lib/table/interfaces/table-column-defs.type.d.ts +0 -53
- package/lib/table/interfaces/table-event-payload.interface.d.ts +0 -13
- package/lib/table/interfaces/table-row-action-payload.interface.d.ts +0 -13
- package/lib/table/interfaces/table-row-action.interface.d.ts +0 -17
- package/lib/table/interfaces/table-row-collapse-change.interface.d.ts +0 -11
- package/lib/table/interfaces/table-row-item.interface.d.ts +0 -8
- package/lib/table/table.module.d.ts +0 -24
- package/lib/tag/index.d.ts +0 -1
- package/lib/tag/tag.component.d.ts +0 -54
- package/lib/text-highlight/index.d.ts +0 -2
- package/lib/text-highlight/text-highlight.component.d.ts +0 -37
- package/lib/text-highlight/text-highlight.module.d.ts +0 -8
- package/public-api.d.ts +0 -4
- package/services/index.d.ts +0 -1
- package/services/interaction.service.d.ts +0 -28
- package/types/component-size.d.ts +0 -12
- package/types/component-theme.d.ts +0 -12
- package/types/index.d.ts +0 -2
- package/utilities/boolean-props.d.ts +0 -8
- package/utilities/dc.d.ts +0 -6
- package/utilities/index.d.ts +0 -5
- package/utilities/lc.d.ts +0 -6
- package/utilities/number-props.d.ts +0 -15
- package/utilities/sanitize.d.ts +0 -1
package/index.d.ts
CHANGED
|
@@ -1,5 +1,3636 @@
|
|
|
1
|
+
import { Observable, Subject } from 'rxjs';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
import { OnChanges, OnInit, AfterContentChecked, ElementRef, ChangeDetectorRef, EventEmitter, InjectionToken, AfterViewInit, AfterContentInit, OnDestroy, WritableSignal, Type, PipeTransform, DoCheck, Signal, QueryList, NgZone, SimpleChanges, TemplateRef, ViewContainerRef, ComponentFactoryResolver, AfterViewChecked } from '@angular/core';
|
|
4
|
+
import * as i2 from '@angular/common';
|
|
5
|
+
import { DatePipe, PercentPipe, DecimalPipe } from '@angular/common';
|
|
6
|
+
import * as i4 from '@angular/forms';
|
|
7
|
+
import { FormGroupDirective, NgForm, NgControl, AbstractControlDirective, AbstractControl, ControlValueAccessor, Validator, ValidationErrors, FormControl } from '@angular/forms';
|
|
8
|
+
import * as _impartner_design_components from '@impartner/design-components';
|
|
9
|
+
import * as i18 from '@ng-bootstrap/ng-bootstrap';
|
|
10
|
+
import { NgbDropdown, NgbDropdownItem, NgbCollapse, NgbDateStruct, NgbTimeStruct, NgbDatepicker, NgbDatepickerI18n, NgbDate, DayTemplateContext } from '@ng-bootstrap/ng-bootstrap';
|
|
11
|
+
|
|
12
|
+
declare const FontAwesomeIconThemes: string[];
|
|
13
|
+
type FontAwesomeIconTheme = (typeof FontAwesomeIconThemes)[number];
|
|
14
|
+
declare const FontAwesomeIcons: string[];
|
|
15
|
+
type FontAwesomeIcon = (typeof FontAwesomeIcons)[number];
|
|
16
|
+
declare const FontAwesomeFreeSolidIcons: FontAwesomeIcon[];
|
|
17
|
+
declare const FontAwesomeFreeRegularIcons: FontAwesomeIcon[];
|
|
18
|
+
|
|
19
|
+
declare enum ComponentSize {
|
|
20
|
+
XXSmall = "xxs",
|
|
21
|
+
XSmall = "xs",
|
|
22
|
+
Small = "sm",
|
|
23
|
+
Medium = "md",
|
|
24
|
+
Large = "lg",
|
|
25
|
+
XLarge = "xl",
|
|
26
|
+
XXLarge = "xxl",
|
|
27
|
+
Fullscreen = "fs"
|
|
28
|
+
}
|
|
29
|
+
type PrimaryComponentSizes = ComponentSize.XSmall | ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large | ComponentSize.XLarge | ComponentSize.XXLarge;
|
|
30
|
+
type SecondaryComponentSizes = ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
|
|
31
|
+
|
|
32
|
+
declare enum ComponentTheme {
|
|
33
|
+
Primary = "primary",
|
|
34
|
+
Secondary = "secondary",
|
|
35
|
+
Success = "success",
|
|
36
|
+
Danger = "danger",
|
|
37
|
+
Warning = "warning",
|
|
38
|
+
Info = "info",
|
|
39
|
+
Light = "light",
|
|
40
|
+
Dark = "dark"
|
|
41
|
+
}
|
|
42
|
+
declare const ComponentThemesArr: ComponentTheme[];
|
|
43
|
+
type ComponentThemes = (typeof ComponentThemesArr)[number];
|
|
44
|
+
|
|
45
|
+
interface IInteractableComponent {
|
|
46
|
+
readonly interactableId: string;
|
|
47
|
+
show: boolean;
|
|
48
|
+
hide?: () => void;
|
|
49
|
+
}
|
|
50
|
+
interface IBackdropComponent {
|
|
51
|
+
validate(): void;
|
|
52
|
+
invalidate(): void;
|
|
53
|
+
get valid(): boolean;
|
|
54
|
+
}
|
|
1
55
|
/**
|
|
2
|
-
*
|
|
56
|
+
* @deprecated (v4.0.0) This service is only used for other deprecated components and should no longer be used for any new components or modules.
|
|
3
57
|
*/
|
|
4
|
-
|
|
5
|
-
|
|
58
|
+
declare class InteractionService {
|
|
59
|
+
private _backdrop?;
|
|
60
|
+
private _interactables;
|
|
61
|
+
private readonly _backdropQueueSubject;
|
|
62
|
+
readonly showBackdrop$: Observable<boolean>;
|
|
63
|
+
get showBackdrop(): boolean;
|
|
64
|
+
registerBackdrop(modalBackdrop: IBackdropComponent): void;
|
|
65
|
+
unregisterBackdrop(modalBackdrop: IBackdropComponent): void;
|
|
66
|
+
add(interactable: IInteractableComponent): string;
|
|
67
|
+
remove(interactableId: string): void;
|
|
68
|
+
toggle(interactable: IInteractableComponent): boolean;
|
|
69
|
+
queueBackdrop(interactableId: string): void;
|
|
70
|
+
dequeueBackdrop(interactableId: string): void;
|
|
71
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<InteractionService, never>;
|
|
72
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<InteractionService>;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
/**
|
|
76
|
+
* The `TextHighlightComponent` (`<impdc-text-highlight` or `<any impdc-text-highlight`) is a component that highlights search-matched text.
|
|
77
|
+
* To use, import `TextHighlightModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
78
|
+
*/
|
|
79
|
+
declare class TextHighlightComponent implements OnChanges {
|
|
80
|
+
/**
|
|
81
|
+
* The text that will be searched and parts of it could be highlighted.
|
|
82
|
+
*/
|
|
83
|
+
text: string;
|
|
84
|
+
/**
|
|
85
|
+
* The search regex/string to look for.
|
|
86
|
+
*/
|
|
87
|
+
search: string;
|
|
88
|
+
/**
|
|
89
|
+
* The method of highlighting, or otherwise what is wrapping the search matches. Options `'mark'`,
|
|
90
|
+
* `'b'`, `'strong'`, and `'u'` will wrap matching contents inside of those respective native element types;
|
|
91
|
+
* option `'class'` will wrap matching contents inside a `<span>` with the CSS class specified via the
|
|
92
|
+
* `highlightClass` input.
|
|
93
|
+
*/
|
|
94
|
+
method: 'mark' | 'b' | 'strong' | 'u' | 'class';
|
|
95
|
+
/**
|
|
96
|
+
* Be default the search is case-insensitive, this will require exact matches only.
|
|
97
|
+
*/
|
|
98
|
+
exact: boolean;
|
|
99
|
+
/**
|
|
100
|
+
* The CSS `class` string applied to `<span>` elements containing matched text; only applied when specifying `'class'`
|
|
101
|
+
* for the `method` input property.
|
|
102
|
+
*/
|
|
103
|
+
highlightClass: string;
|
|
104
|
+
result: string[];
|
|
105
|
+
ngOnChanges(): void;
|
|
106
|
+
private _escapeTextForRegExp;
|
|
107
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TextHighlightComponent, never>;
|
|
108
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TextHighlightComponent, "impdc-text-highlight, [impdc-text-highlight]", never, { "text": { "alias": "text"; "required": true; }; "search": { "alias": "search"; "required": true; }; "method": { "alias": "method"; "required": false; }; "exact": { "alias": "exact"; "required": false; }; "highlightClass": { "alias": "highlightClass"; "required": false; }; }, {}, never, never, true, never>;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
declare class TextHighlightModule {
|
|
112
|
+
constructor();
|
|
113
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TextHighlightModule, never>;
|
|
114
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TextHighlightModule, never, [typeof TextHighlightComponent], [typeof TextHighlightComponent]>;
|
|
115
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<TextHighlightModule>;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
/**
|
|
119
|
+
* The `IconComponent` (`<impdc-icon` or `<any impdc-icon`) is an icon wrapper utilizing Font Awesome 5.
|
|
120
|
+
* To use, import `IconModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
121
|
+
*/
|
|
122
|
+
declare class IconComponent implements OnInit, AfterContentChecked {
|
|
123
|
+
private _changeDetectorRef;
|
|
124
|
+
private static readonly _licensed$;
|
|
125
|
+
private readonly _licensedChanges$;
|
|
126
|
+
private _loading;
|
|
127
|
+
/**
|
|
128
|
+
* The Font Awesome 5 icon name. See {@link https://fontawesome.com/v5/search}. Local
|
|
129
|
+
* development may not represent the complete list of available icons.
|
|
130
|
+
*/
|
|
131
|
+
name?: FontAwesomeIcon;
|
|
132
|
+
/**
|
|
133
|
+
* The Font Awesome 5 icon style. Local development may fallback to a free available
|
|
134
|
+
* theme when possible.
|
|
135
|
+
*/
|
|
136
|
+
theme: FontAwesomeIconTheme;
|
|
137
|
+
/**
|
|
138
|
+
* The icon size as a string or number. String values are used directly whereas numbers are
|
|
139
|
+
* interpreted as pixels.
|
|
140
|
+
*/
|
|
141
|
+
size: string | number;
|
|
142
|
+
iconRef: ElementRef;
|
|
143
|
+
constructor(_changeDetectorRef: ChangeDetectorRef);
|
|
144
|
+
get typeClass(): string;
|
|
145
|
+
get computedSize(): string;
|
|
146
|
+
ngOnInit(): void;
|
|
147
|
+
ngAfterContentChecked(): void;
|
|
148
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
|
|
149
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "impdc-icon, [impdc-icon]", never, { "name": { "alias": "name"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
declare class IconModule {
|
|
153
|
+
constructor();
|
|
154
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IconModule, never>;
|
|
155
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<IconModule, [typeof IconComponent], [typeof i2.CommonModule], [typeof IconComponent]>;
|
|
156
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<IconModule>;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
type BadgeIcon = '' | 'arrow-up' | 'arrow-down' | 'dot';
|
|
160
|
+
|
|
161
|
+
declare enum BadgeSize {
|
|
162
|
+
Default = "default",
|
|
163
|
+
Large = "large"
|
|
164
|
+
}
|
|
165
|
+
declare const BadgeSizesArr: BadgeSize[];
|
|
166
|
+
type BadgeSizes = (typeof BadgeSizesArr)[number];
|
|
167
|
+
|
|
168
|
+
/**
|
|
169
|
+
* The `BadgeComponent` (`<impdc-badge` or `any impdc-badge`) displays [preferably short] text with a rounded background and themed colors.
|
|
170
|
+
* To use, import `BadgeModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
171
|
+
*
|
|
172
|
+
* Use badges to communicate the status of an item or the result of an action taken. Badges are non-interactive, meaning they should not
|
|
173
|
+
* be added or removed by a user. Try and keep badge text as short and clear as possible, 2 or 3 words max is probably best. Using short
|
|
174
|
+
* words increases the ability to scan.
|
|
175
|
+
*
|
|
176
|
+
* Use Tags for interactive experiences where users can add or remove.
|
|
177
|
+
*/
|
|
178
|
+
declare class BadgeComponent {
|
|
179
|
+
/**
|
|
180
|
+
* The text displayed in the center of the Badge.
|
|
181
|
+
*/
|
|
182
|
+
text: string;
|
|
183
|
+
/**
|
|
184
|
+
* An icon displayed left of the Badge text.
|
|
185
|
+
*/
|
|
186
|
+
icon: BadgeIcon;
|
|
187
|
+
/**
|
|
188
|
+
* The color theme of the Badge. This will affect both text and background colors based on allowed designs.
|
|
189
|
+
*/
|
|
190
|
+
theme: ComponentThemes;
|
|
191
|
+
/**
|
|
192
|
+
* The size of the Badge.
|
|
193
|
+
*/
|
|
194
|
+
size: BadgeSizes;
|
|
195
|
+
/**
|
|
196
|
+
* Allows the background of the Badge to be removed.
|
|
197
|
+
*/
|
|
198
|
+
hideBg: boolean;
|
|
199
|
+
/**
|
|
200
|
+
* This controls adding the `rounded-pill` class to the Badge.
|
|
201
|
+
*/
|
|
202
|
+
rounded: boolean;
|
|
203
|
+
/**
|
|
204
|
+
* Adds a dismiss icon to the right of the Badge text.
|
|
205
|
+
*
|
|
206
|
+
* Deprecated - Use Tags for interactive elements that a user may add or remove.
|
|
207
|
+
*
|
|
208
|
+
* @deprecated
|
|
209
|
+
*/
|
|
210
|
+
dismissable: boolean;
|
|
211
|
+
/**
|
|
212
|
+
* An event emitted when the component is dismissed.
|
|
213
|
+
*
|
|
214
|
+
* Deprecated - Use Tags for interactive elements that a user may add or remove.
|
|
215
|
+
*
|
|
216
|
+
* @deprecated
|
|
217
|
+
*/
|
|
218
|
+
dismiss: EventEmitter<Event | MouseEvent>;
|
|
219
|
+
private get classBadge();
|
|
220
|
+
private get classBadgeRounded();
|
|
221
|
+
private get classNoPadding();
|
|
222
|
+
private _dismissed;
|
|
223
|
+
protected handleDismiss(event: MouseEvent | Event): void;
|
|
224
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
|
|
225
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "impdc-badge, [impdc-badge]", never, { "text": { "alias": "text"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "size": { "alias": "size"; "required": false; }; "hideBg": { "alias": "hideBg"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "dismissable": { "alias": "dismissable"; "required": false; }; }, { "dismiss": "dismiss"; }, never, never, false, never>;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
declare class BadgeModule {
|
|
229
|
+
constructor();
|
|
230
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BadgeModule, never>;
|
|
231
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<BadgeModule, [typeof BadgeComponent], [typeof i2.CommonModule, typeof IconModule], [typeof IconModule, typeof BadgeComponent]>;
|
|
232
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<BadgeModule>;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
/** @docs-private */
|
|
236
|
+
type Constructor<T> = new (...args: any[]) => T;
|
|
237
|
+
/**
|
|
238
|
+
* This is a permissive type for abstract class constructors.
|
|
239
|
+
* @docs-private
|
|
240
|
+
*/
|
|
241
|
+
type AbstractConstructor<T = object> = abstract new (...args: any[]) => T;
|
|
242
|
+
|
|
243
|
+
/** @docs-private */
|
|
244
|
+
interface CanDisable {
|
|
245
|
+
/** Whether the component is disabled. */
|
|
246
|
+
disabled: boolean;
|
|
247
|
+
}
|
|
248
|
+
type CanDisableCtor = Constructor<CanDisable> & AbstractConstructor<CanDisable>;
|
|
249
|
+
/** Mixin to augment a directive with a `disabled` property. */
|
|
250
|
+
declare function mixinDisabled<T extends AbstractConstructor<{}>>(base: T): CanDisableCtor & T;
|
|
251
|
+
|
|
252
|
+
declare class CornerActionComponent {
|
|
253
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CornerActionComponent, never>;
|
|
254
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CornerActionComponent, "impdc-corner-action", never, {}, {}, never, ["*"], true, never>;
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
declare class CornerHintComponent {
|
|
258
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CornerHintComponent, never>;
|
|
259
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CornerHintComponent, "impdc-corner-hint", never, {}, {}, never, ["*"], true, never>;
|
|
260
|
+
}
|
|
261
|
+
|
|
262
|
+
declare const IMPDC_ERROR: InjectionToken<ErrorComponent>;
|
|
263
|
+
declare class ErrorComponent {
|
|
264
|
+
id: string;
|
|
265
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ErrorComponent, never>;
|
|
266
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ErrorComponent, "impdc-error", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
declare class FloatingFeedbackComponent {
|
|
270
|
+
id: string;
|
|
271
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FloatingFeedbackComponent, never>;
|
|
272
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FloatingFeedbackComponent, "impdc-floating-feedback", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
declare const IMPDC_FORM_ROOT: InjectionToken<ImpdcFormRoot>;
|
|
276
|
+
interface ImpdcFormRoot {
|
|
277
|
+
get submitted(): boolean;
|
|
278
|
+
get form(): FormGroupDirective | NgForm;
|
|
279
|
+
}
|
|
280
|
+
declare class RootFormGroupDirective implements ImpdcFormRoot {
|
|
281
|
+
private _formGroupDirective;
|
|
282
|
+
private _parentRoot?;
|
|
283
|
+
constructor(_formGroupDirective: FormGroupDirective, _parentRoot?: ImpdcFormRoot | undefined);
|
|
284
|
+
get submitted(): boolean;
|
|
285
|
+
get form(): FormGroupDirective | NgForm;
|
|
286
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RootFormGroupDirective, [{ host: true; }, { optional: true; skipSelf: true; }]>;
|
|
287
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RootFormGroupDirective, "[formGroup]", never, {}, {}, never, never, true, never>;
|
|
288
|
+
}
|
|
289
|
+
declare class RootNgFormDirective implements ImpdcFormRoot {
|
|
290
|
+
private _ngForm;
|
|
291
|
+
private _parentRoot?;
|
|
292
|
+
constructor(_ngForm: NgForm, _parentRoot?: ImpdcFormRoot | undefined);
|
|
293
|
+
get submitted(): boolean;
|
|
294
|
+
get form(): FormGroupDirective | NgForm;
|
|
295
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RootNgFormDirective, [{ host: true; }, { optional: true; skipSelf: true; }]>;
|
|
296
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RootNgFormDirective, "[ngForm]", never, {}, {}, never, never, true, never>;
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
declare class HintComponent {
|
|
300
|
+
id: string;
|
|
301
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HintComponent, never>;
|
|
302
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HintComponent, "impdc-hint", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
303
|
+
}
|
|
304
|
+
|
|
305
|
+
declare class LabelComponent {
|
|
306
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LabelComponent, never>;
|
|
307
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LabelComponent, "impdc-label", never, {}, {}, never, ["*"], true, never>;
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
declare const IMPDC_PREFIX: InjectionToken<PrefixDirective>;
|
|
311
|
+
declare class PrefixDirective {
|
|
312
|
+
set isTextSelector(value: '');
|
|
313
|
+
isText: boolean;
|
|
314
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PrefixDirective, never>;
|
|
315
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PrefixDirective, "[impdcPrefix], [impdcTextPrefix]", never, { "isTextSelector": { "alias": "impdcTextPrefix"; "required": false; }; }, {}, never, never, true, never>;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
declare class SubLabelComponent {
|
|
319
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SubLabelComponent, never>;
|
|
320
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SubLabelComponent, "impdc-sub-label", never, {}, {}, never, ["*"], true, never>;
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
declare const IMPDC_SUFFIX: InjectionToken<SuffixDirective>;
|
|
324
|
+
declare class SuffixDirective {
|
|
325
|
+
set isTextSelector(value: '');
|
|
326
|
+
isText: boolean;
|
|
327
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SuffixDirective, never>;
|
|
328
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SuffixDirective, "[impdcSuffix], [impdcTextSuffix]", never, { "isTextSelector": { "alias": "impdcTextSuffix"; "required": false; }; }, {}, never, never, true, never>;
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
declare const FORM_FIELD_SUBCOMPONENTS: readonly [typeof CornerHintComponent, typeof ErrorComponent, typeof FloatingFeedbackComponent, typeof CornerActionComponent, typeof SubLabelComponent, typeof RootFormGroupDirective, typeof RootNgFormDirective, typeof HintComponent, typeof LabelComponent, typeof PrefixDirective, typeof SuffixDirective];
|
|
332
|
+
|
|
333
|
+
declare abstract class ImpdcFormFieldControl<T> {
|
|
334
|
+
/**
|
|
335
|
+
* The control's value.
|
|
336
|
+
*/
|
|
337
|
+
abstract value: T | null;
|
|
338
|
+
/**
|
|
339
|
+
* Stream that should emit when the control's state changes in a way requiring
|
|
340
|
+
* the parent `FormFieldComponent` to run change detection.
|
|
341
|
+
*/
|
|
342
|
+
abstract readonly stateChanges: Observable<void>;
|
|
343
|
+
abstract readonly id: string;
|
|
344
|
+
abstract readonly ngControl: NgControl | AbstractControlDirective | null;
|
|
345
|
+
abstract readonly focused: boolean;
|
|
346
|
+
abstract readonly disabled: boolean;
|
|
347
|
+
abstract readonly required: boolean;
|
|
348
|
+
abstract readonly errorState: boolean;
|
|
349
|
+
readonly controlType?: string;
|
|
350
|
+
abstract readonly supportsAffixes: boolean;
|
|
351
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ImpdcFormFieldControl<any>, never>;
|
|
352
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ImpdcFormFieldControl<any>, never, never, {}, {}, never, never, true, never>;
|
|
353
|
+
}
|
|
354
|
+
|
|
355
|
+
declare const IMPDC_FORM_FIELD: InjectionToken<FormFieldComponent>;
|
|
356
|
+
declare class FormFieldComponent implements AfterViewInit, AfterContentInit, AfterContentChecked {
|
|
357
|
+
private readonly _elementRef;
|
|
358
|
+
private readonly _changeDetectorRef;
|
|
359
|
+
private readonly _destroyedSubject;
|
|
360
|
+
protected readonly _inputArea: i0.Signal<ElementRef<HTMLElement> | undefined>;
|
|
361
|
+
protected readonly _control: i0.Signal<ImpdcFormFieldControl<any> | undefined>;
|
|
362
|
+
protected readonly _prefixChildren: i0.Signal<readonly _impartner_design_components.PrefixDirective[]>;
|
|
363
|
+
protected readonly _suffixChildren: i0.Signal<readonly _impartner_design_components.SuffixDirective[]>;
|
|
364
|
+
protected readonly _errorChildren: i0.Signal<readonly _impartner_design_components.ErrorComponent[]>;
|
|
365
|
+
protected readonly _labelId: string;
|
|
366
|
+
protected readonly _hasTextPrefix: i0.Signal<boolean>;
|
|
367
|
+
protected readonly _hasTextSuffix: i0.Signal<boolean>;
|
|
368
|
+
ngAfterViewInit(): void;
|
|
369
|
+
ngAfterContentInit(): void;
|
|
370
|
+
ngAfterContentChecked(): void;
|
|
371
|
+
protected _showErrors(): boolean;
|
|
372
|
+
protected _shouldForwardControlState(prop: keyof AbstractControlDirective): boolean;
|
|
373
|
+
private _initializeControl;
|
|
374
|
+
private _assertFormFieldControl;
|
|
375
|
+
private _updateFocusState;
|
|
376
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
|
|
377
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "impdc-form-field", ["impdcFormField"], {}, {}, ["_control", "_prefixChildren", "_suffixChildren", "_errorChildren"], ["impdc-label", "impdc-sub-label", "impdc-corner-hint", "impdc-corner-action", "[impdcPrefix],[impdcTextPrefix]", "*", "[impdcSuffix],[impdcTextSuffix]", "impdc-floating-feedback", "impdc-hint", "impdc-error"], true, never>;
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
declare class FormFieldModule {
|
|
381
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldModule, never>;
|
|
382
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FormFieldModule, never, [typeof FormFieldComponent, typeof CornerHintComponent, typeof ErrorComponent, typeof FloatingFeedbackComponent, typeof CornerActionComponent, typeof SubLabelComponent, typeof RootFormGroupDirective, typeof RootNgFormDirective, typeof HintComponent, typeof LabelComponent, typeof PrefixDirective, typeof SuffixDirective], [typeof FormFieldComponent, typeof CornerHintComponent, typeof ErrorComponent, typeof FloatingFeedbackComponent, typeof CornerActionComponent, typeof SubLabelComponent, typeof RootFormGroupDirective, typeof RootNgFormDirective, typeof HintComponent, typeof LabelComponent, typeof PrefixDirective, typeof SuffixDirective]>;
|
|
383
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<FormFieldModule>;
|
|
384
|
+
}
|
|
385
|
+
|
|
386
|
+
declare class ShowOnDirtyErrorStateMatcher implements ErrorStateMatcher {
|
|
387
|
+
isErrorState(control: AbstractControl<any, any> | null, form: FormGroupDirective | NgForm | null): boolean;
|
|
388
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ShowOnDirtyErrorStateMatcher, never>;
|
|
389
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ShowOnDirtyErrorStateMatcher>;
|
|
390
|
+
}
|
|
391
|
+
declare class ErrorStateMatcher {
|
|
392
|
+
isErrorState(control: AbstractControl | null, form: FormGroupDirective | NgForm | null): boolean;
|
|
393
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ErrorStateMatcher, never>;
|
|
394
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ErrorStateMatcher>;
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
type UniqueSelectionDispatcherListener = (id: string, name: string) => void;
|
|
398
|
+
/**
|
|
399
|
+
* Class to coordinate unique selection based on name.
|
|
400
|
+
* Intended to be consumed as an Angular service.
|
|
401
|
+
* This service is needed because native radio change events are only fired on the item currently
|
|
402
|
+
* being selected, and we still need to uncheck the previous selection.
|
|
403
|
+
*
|
|
404
|
+
* This service does not *store* any IDs and names because they may change at any time, so it is
|
|
405
|
+
* less error-prone if they are simply passed through when the events occur.
|
|
406
|
+
*/
|
|
407
|
+
declare class UniqueSelectionDispatcher implements OnDestroy {
|
|
408
|
+
private _listeners;
|
|
409
|
+
/**
|
|
410
|
+
* Notify other items that selection for the given name has been set.
|
|
411
|
+
* @param id ID of the item.
|
|
412
|
+
* @param name Name of the item.
|
|
413
|
+
*/
|
|
414
|
+
notify(id: string, name: string): void;
|
|
415
|
+
/**
|
|
416
|
+
* Listen for future changes to item selection.
|
|
417
|
+
* @return Function used to deregister listener
|
|
418
|
+
*/
|
|
419
|
+
listen(listener: UniqueSelectionDispatcherListener): () => void;
|
|
420
|
+
ngOnDestroy(): void;
|
|
421
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UniqueSelectionDispatcher, never>;
|
|
422
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<UniqueSelectionDispatcher>;
|
|
423
|
+
}
|
|
424
|
+
|
|
425
|
+
/**
|
|
426
|
+
* @docs-private
|
|
427
|
+
*/
|
|
428
|
+
interface ICanUpdateErrorState {
|
|
429
|
+
updateErrorState(): void;
|
|
430
|
+
errorState: boolean;
|
|
431
|
+
errorStateSignal: WritableSignal<boolean>;
|
|
432
|
+
errorStateMatcher: ErrorStateMatcher | undefined;
|
|
433
|
+
}
|
|
434
|
+
type CanUpdateErrorStateCtor = Constructor<ICanUpdateErrorState> & AbstractConstructor<ICanUpdateErrorState>;
|
|
435
|
+
/**
|
|
436
|
+
* @docs-private
|
|
437
|
+
*/
|
|
438
|
+
interface IHasErrorState {
|
|
439
|
+
_formRoot: ImpdcFormRoot | null;
|
|
440
|
+
_parentFormGroup: FormGroupDirective | null;
|
|
441
|
+
_parentForm: NgForm | null;
|
|
442
|
+
_defaultErrorStateMatcher: ErrorStateMatcher;
|
|
443
|
+
ngControl: NgControl | null;
|
|
444
|
+
stateChanges: Subject<void>;
|
|
445
|
+
}
|
|
446
|
+
/**
|
|
447
|
+
* Mixin to augment a directive with updateErrorState method.
|
|
448
|
+
* Intended for components with `errorState` and the need to update `errorState`.
|
|
449
|
+
*/
|
|
450
|
+
declare function mixinErrorState<T extends AbstractConstructor<IHasErrorState>>(base: T): CanUpdateErrorStateCtor & T;
|
|
451
|
+
|
|
452
|
+
/** @ignore */
|
|
453
|
+
interface HasTabIndex {
|
|
454
|
+
/** Tabindex of the component. */
|
|
455
|
+
tabIndex: number;
|
|
456
|
+
/** Tabindex to which to fall back to if no value is set. */
|
|
457
|
+
defaultTabIndex: number;
|
|
458
|
+
}
|
|
459
|
+
type HasTabIndexCtor = Constructor<HasTabIndex> & AbstractConstructor<HasTabIndex>;
|
|
460
|
+
/** Mixin to augment a directive with a `tabIndex` property. */
|
|
461
|
+
declare function mixinTabIndex<T extends AbstractConstructor<CanDisable>>(base: T, defaultTabIndex?: number): HasTabIndexCtor & T;
|
|
462
|
+
|
|
463
|
+
type TagTheme = 'default' | 'outline' | 'inverse';
|
|
464
|
+
declare const _TagComponentBase: _impartner_design_components.Constructor<HasTabIndex> & _impartner_design_components.AbstractConstructor<HasTabIndex> & _impartner_design_components.Constructor<CanDisable> & _impartner_design_components.AbstractConstructor<CanDisable> & {
|
|
465
|
+
new (): {};
|
|
466
|
+
};
|
|
467
|
+
/**
|
|
468
|
+
* Tags are interactive elements that can be added to UI objects to label, categorize, organize, and filter.
|
|
469
|
+
* They can be added and removed by users. Tags are used in multi-select inputs.
|
|
470
|
+
*
|
|
471
|
+
* Don’t use Tags to communicate the status of an object or the result of an action (like Enabled, Deleted,
|
|
472
|
+
* Submitted, Error...) — use badges instead.
|
|
473
|
+
*/
|
|
474
|
+
declare class TagComponent extends _TagComponentBase implements CanDisable, HasTabIndex {
|
|
475
|
+
/**
|
|
476
|
+
* Color theme to be used when rendering the tag.
|
|
477
|
+
*/
|
|
478
|
+
theme: TagTheme;
|
|
479
|
+
/**
|
|
480
|
+
* Whether to use fully rounded borders for tag, granting a "pill"-like appearance.
|
|
481
|
+
*/
|
|
482
|
+
rounded: boolean;
|
|
483
|
+
/**
|
|
484
|
+
* Where to include an interactable button inside of the tag, whose interactions can be listened
|
|
485
|
+
* for via the `(buttonClick)` event output.
|
|
486
|
+
*/
|
|
487
|
+
withButton: boolean;
|
|
488
|
+
/**
|
|
489
|
+
* The FontAwesome icon to be displayed inside of the button when `withButton` is set to `true`. Value may be
|
|
490
|
+
* just a icon name, or optionally an icon name and specific FontAwesome theme/face.
|
|
491
|
+
*/
|
|
492
|
+
buttonIcon: FontAwesomeIcon | {
|
|
493
|
+
name: FontAwesomeIcon;
|
|
494
|
+
theme: FontAwesomeIconTheme;
|
|
495
|
+
};
|
|
496
|
+
/**
|
|
497
|
+
* Event output for button events triggered when `withButton` is set to `true`.
|
|
498
|
+
*/
|
|
499
|
+
readonly buttonClick: EventEmitter<Event>;
|
|
500
|
+
get themeClass(): string | null;
|
|
501
|
+
constructor(tabIndex?: string);
|
|
502
|
+
protected get buttonIconName(): FontAwesomeIcon;
|
|
503
|
+
protected get buttonIconTheme(): FontAwesomeIconTheme;
|
|
504
|
+
protected handleButtonClick(evt: Event): void;
|
|
505
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, [{ attribute: "tabindex"; }]>;
|
|
506
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "impdc-tag", ["impdcTag"], { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "withButton": { "alias": "withButton"; "required": false; }; "buttonIcon": { "alias": "buttonIcon"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, ["*"], true, never>;
|
|
507
|
+
static ngAcceptInputType_disabled: unknown;
|
|
508
|
+
static ngAcceptInputType_tabIndex: unknown;
|
|
509
|
+
static ngAcceptInputType_rounded: unknown;
|
|
510
|
+
static ngAcceptInputType_withButton: unknown;
|
|
511
|
+
}
|
|
512
|
+
|
|
513
|
+
/**
|
|
514
|
+
* The `ProgressBarComponent` (`<impdc-progress-bar`) is a display-only slider to show progress.
|
|
515
|
+
* To use, import `ProgressBarModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
516
|
+
*/
|
|
517
|
+
declare class ProgressBarComponent {
|
|
518
|
+
/**
|
|
519
|
+
* The left/subject text of the Progress Bar.
|
|
520
|
+
*/
|
|
521
|
+
labelText: string;
|
|
522
|
+
/**
|
|
523
|
+
* The right/status text of the Progress Bar.
|
|
524
|
+
*/
|
|
525
|
+
statusText: string;
|
|
526
|
+
/**
|
|
527
|
+
* The color of the progress bar
|
|
528
|
+
*/
|
|
529
|
+
barColor: string;
|
|
530
|
+
/**
|
|
531
|
+
* The color of the label and status
|
|
532
|
+
*/
|
|
533
|
+
darkText: boolean;
|
|
534
|
+
/**
|
|
535
|
+
* The current value of the Progress Bar represented as a number between 0 and 100.
|
|
536
|
+
*/
|
|
537
|
+
progressPercentage: number;
|
|
538
|
+
get textClass(): string;
|
|
539
|
+
constructor();
|
|
540
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
|
|
541
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "impdc-progress-bar", never, { "labelText": { "alias": "labelText"; "required": false; }; "statusText": { "alias": "statusText"; "required": false; }; "barColor": { "alias": "barColor"; "required": false; }; "darkText": { "alias": "darkText"; "required": false; }; "progressPercentage": { "alias": "progressPercentage"; "required": false; }; }, {}, never, never, false, never>;
|
|
542
|
+
}
|
|
543
|
+
|
|
544
|
+
declare class ProgressBarModule {
|
|
545
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarModule, never>;
|
|
546
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ProgressBarModule, [typeof ProgressBarComponent], [typeof i2.CommonModule], [typeof ProgressBarComponent]>;
|
|
547
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ProgressBarModule>;
|
|
548
|
+
}
|
|
549
|
+
|
|
550
|
+
type ButtonTheme = 'primary' | 'secondary' | 'danger' | 'secondary-danger' | 'custom' | 'close';
|
|
551
|
+
|
|
552
|
+
/**
|
|
553
|
+
* The `ButtonComponent` (`<button impdcButton`) adds theming to the native button.
|
|
554
|
+
* For a container, see [ButtonGroupComponent](./?path=/docs/design-components-button-group--button-group).
|
|
555
|
+
* To use, import `ButtonModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
556
|
+
* `ButtonModule` also imports and exports [BrandingModule](./?path=/docs/design-components-directives-impdcbranded) and
|
|
557
|
+
* [IconModule](./?path=/docs/design-components-icon).
|
|
558
|
+
*/
|
|
559
|
+
declare class ButtonComponent {
|
|
560
|
+
/**
|
|
561
|
+
* The native type of the Button.
|
|
562
|
+
*/
|
|
563
|
+
type: 'button' | 'submit' | 'reset';
|
|
564
|
+
/**
|
|
565
|
+
* The theme of the Button affecting text, icons, backgrounds, and borders.
|
|
566
|
+
*/
|
|
567
|
+
theme: ButtonTheme;
|
|
568
|
+
/**
|
|
569
|
+
* The Button's text.
|
|
570
|
+
*/
|
|
571
|
+
text: string;
|
|
572
|
+
/**
|
|
573
|
+
* Determines if the Button is disabled.
|
|
574
|
+
*/
|
|
575
|
+
disabled: boolean;
|
|
576
|
+
/**
|
|
577
|
+
* An alternative to the native `title` attribute. Useful for hover text and accessibility.
|
|
578
|
+
*/
|
|
579
|
+
titleText: string;
|
|
580
|
+
/**
|
|
581
|
+
* An alternative to the native `aria-label` attribute. Useful for accessibility.
|
|
582
|
+
*/
|
|
583
|
+
ariaLabel: string;
|
|
584
|
+
private get attrType();
|
|
585
|
+
private classBtn;
|
|
586
|
+
private get classBtnPrimary();
|
|
587
|
+
private get classBtnDanger();
|
|
588
|
+
private get classBtnSecondary();
|
|
589
|
+
private get classBtnSecondaryDanger();
|
|
590
|
+
private get classBtnClose();
|
|
591
|
+
private get attrDisabled();
|
|
592
|
+
private get attrTitle();
|
|
593
|
+
private get attrAriaLabel();
|
|
594
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
595
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[impdcButton]", never, { "type": { "alias": "type"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "text": { "alias": "text"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "titleText": { "alias": "titleText"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, ["*", "[right]"], false, never>;
|
|
596
|
+
}
|
|
597
|
+
|
|
598
|
+
declare class BrandedDirective {
|
|
599
|
+
private brandedClass;
|
|
600
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BrandedDirective, never>;
|
|
601
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BrandedDirective, "[impdcBranded]", never, {}, {}, never, never, false, never>;
|
|
602
|
+
}
|
|
603
|
+
|
|
604
|
+
declare class BrandingModule {
|
|
605
|
+
constructor();
|
|
606
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BrandingModule, never>;
|
|
607
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<BrandingModule, [typeof BrandedDirective], [typeof i2.CommonModule], [typeof BrandedDirective]>;
|
|
608
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<BrandingModule>;
|
|
609
|
+
}
|
|
610
|
+
|
|
611
|
+
declare class ButtonModule {
|
|
612
|
+
constructor();
|
|
613
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonModule, never>;
|
|
614
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonModule, [typeof ButtonComponent], [typeof i2.CommonModule, typeof BrandingModule, typeof IconModule], [typeof ButtonComponent, typeof BrandingModule, typeof IconModule]>;
|
|
615
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ButtonModule>;
|
|
616
|
+
}
|
|
617
|
+
|
|
618
|
+
declare class CollapseMonitorDirective {
|
|
619
|
+
private readonly _ngbCollapse;
|
|
620
|
+
readonly collapsed: i0.WritableSignal<boolean>;
|
|
621
|
+
readonly ngbCollapsing: i0.WritableSignal<boolean>;
|
|
622
|
+
readonly collapseChange: EventEmitter<boolean>;
|
|
623
|
+
constructor();
|
|
624
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CollapseMonitorDirective, never>;
|
|
625
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<CollapseMonitorDirective, "[impdcCollapseMonitor]", ["impdcCollapseMonitor"], {}, { "collapseChange": "collapseChange"; }, never, never, false, [{ directive: typeof i18.NgbCollapse; inputs: { "ngbCollapse": "impdcCollapseMonitor"; }; outputs: {}; }]>;
|
|
626
|
+
}
|
|
627
|
+
|
|
628
|
+
/**
|
|
629
|
+
* `TableDirective` (`table[impdcTable]`) is a directive that adds Hex styling to a `table` element.
|
|
630
|
+
*/
|
|
631
|
+
declare class TableDirective {
|
|
632
|
+
/**
|
|
633
|
+
* Stripes every other row in a slightly darker background color.
|
|
634
|
+
*/
|
|
635
|
+
striped: boolean;
|
|
636
|
+
/**
|
|
637
|
+
* Whether table rows should apply hover styles when hovered over via cursor.
|
|
638
|
+
*/
|
|
639
|
+
hover: boolean;
|
|
640
|
+
/**
|
|
641
|
+
* The layout algorithm to be used when rendering the table.
|
|
642
|
+
*/
|
|
643
|
+
layout: 'auto' | 'fixed';
|
|
644
|
+
private classTable;
|
|
645
|
+
private get classTableStriped();
|
|
646
|
+
private get classTableHover();
|
|
647
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TableDirective, never>;
|
|
648
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TableDirective, "table[impdcTable]", never, { "striped": { "alias": "striped"; "required": false; }; "hover": { "alias": "hover"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; }, {}, never, never, false, never>;
|
|
649
|
+
}
|
|
650
|
+
|
|
651
|
+
declare enum TableColumnType {
|
|
652
|
+
Badge = "Badge",
|
|
653
|
+
Boolean = "Boolean",
|
|
654
|
+
Link = "Link",
|
|
655
|
+
Text = "Text",
|
|
656
|
+
Input = "Input",
|
|
657
|
+
Currency = "Currency",
|
|
658
|
+
Decimal = "Decimal",
|
|
659
|
+
Date = "Date",
|
|
660
|
+
DateTime = "DateTime",
|
|
661
|
+
Percentage = "Percentage",
|
|
662
|
+
CellRender = "CellRender",
|
|
663
|
+
SingleSelect = "SingleSelect",
|
|
664
|
+
MultiSelect = "MultiSelect",
|
|
665
|
+
Icon = "Icon",
|
|
666
|
+
Email = "Email",
|
|
667
|
+
Url = "Url",
|
|
668
|
+
Actions = "Actions"
|
|
669
|
+
}
|
|
670
|
+
|
|
671
|
+
interface IIdentifiable {
|
|
672
|
+
id: string | number;
|
|
673
|
+
}
|
|
674
|
+
type ITableRowItemValueTypes = string | number | boolean | Date | object | Array<any> | null;
|
|
675
|
+
interface ITableRowItemValue {
|
|
676
|
+
[field: string]: ITableRowItemValueTypes;
|
|
677
|
+
}
|
|
678
|
+
type ITableRowItem = IIdentifiable & ITableRowItemValue;
|
|
679
|
+
|
|
680
|
+
interface ITableCellOption {
|
|
681
|
+
value: string;
|
|
682
|
+
label: string;
|
|
683
|
+
}
|
|
684
|
+
|
|
685
|
+
/**
|
|
686
|
+
* An interface for declaring row-level actions that a user may trigger.
|
|
687
|
+
*/
|
|
688
|
+
interface ITableRowAction<T extends ITableRowItem = ITableRowItem> {
|
|
689
|
+
/** A uniquely identifying string that event listeners will use to discern which action was triggered. */
|
|
690
|
+
apiName: string;
|
|
691
|
+
/** The text to display for the action. */
|
|
692
|
+
text: string;
|
|
693
|
+
/** The name of the FontAwesome icon to use, should the action be rendered as an icon. */
|
|
694
|
+
iconName: string;
|
|
695
|
+
/** The color theme to use when displaying the action as an icon. */
|
|
696
|
+
theme?: ComponentTheme;
|
|
697
|
+
/** A function to be evaluated against the row object in order to conditionally render an action for a given row. */
|
|
698
|
+
isVisible?: (rowItem: T) => boolean;
|
|
699
|
+
}
|
|
700
|
+
/**
|
|
701
|
+
* Empty object interface to denote divider elements between table row actions when displayed as a dropdown.
|
|
702
|
+
*/
|
|
703
|
+
interface ITableRowActionDivider {
|
|
704
|
+
}
|
|
705
|
+
|
|
706
|
+
/**
|
|
707
|
+
* An interface for specifying all of the configuration necessary for a column of cells in `TableComponent` tables.
|
|
708
|
+
*/
|
|
709
|
+
interface ITableColumnDef<T extends ITableRowItem = ITableRowItem> {
|
|
710
|
+
/** The type indicating how the column cells should should be displayed and their data interpreted. */
|
|
711
|
+
readonly columnType: TableColumnType;
|
|
712
|
+
/** The title of the column to be displayed in the table header. */
|
|
713
|
+
title: string;
|
|
714
|
+
/** The row object property from which cell data will be retrieved. */
|
|
715
|
+
field?: string;
|
|
716
|
+
/** A callable function that can be evaluated against the row object to resolve the cell value. */
|
|
717
|
+
valueGetter?: (record: T) => string;
|
|
718
|
+
/** A default color/theme that can be used when rendering the table cell. */
|
|
719
|
+
color?: ComponentTheme;
|
|
720
|
+
/** A callable function that can be evaluated against the row object to resolve a color/theme for the table cell. */
|
|
721
|
+
colorGetter?: (record: T) => ComponentTheme;
|
|
722
|
+
/** A row object property from which a table cell's color/theme may be retrieved. */
|
|
723
|
+
fieldColor?: string;
|
|
724
|
+
/** Whether the column is sortable. */
|
|
725
|
+
sorted?: boolean;
|
|
726
|
+
/**
|
|
727
|
+
* The name/key of the Angular component passed in the TableComponent's `[customCellComponents]` input that should
|
|
728
|
+
* be used to render cells in this column.
|
|
729
|
+
*/
|
|
730
|
+
cellRendererComponent?: string;
|
|
731
|
+
/**
|
|
732
|
+
* Additional parameters that will be passed to the custom cell renderer's `[params]` input property at render time.
|
|
733
|
+
*/
|
|
734
|
+
cellRendererParams?: object;
|
|
735
|
+
/** Whether to remove the default padding around cells for this column.*/
|
|
736
|
+
noPadding?: boolean;
|
|
737
|
+
/** Available options for selection when `columnType` is `'SingleSelect'` or `'MultiSelect'`. */
|
|
738
|
+
values?: ITableCellOption[];
|
|
739
|
+
/** The name of the FontAwesome icon to be displayed when `columnType` is `'Icon'`. */
|
|
740
|
+
iconName?: string;
|
|
741
|
+
/** Whether to disable the input control when `columnType` is `'Boolean'`, `'SingleSelect'`, or `'MultiSelect'`. */
|
|
742
|
+
disabled?: boolean;
|
|
743
|
+
/** @ignore */
|
|
744
|
+
boldedText?: boolean;
|
|
745
|
+
/** @ignore */
|
|
746
|
+
truncated?: number;
|
|
747
|
+
}
|
|
748
|
+
interface ITableActionsColumnDef<T extends ITableRowItem = ITableRowItem> extends ITableColumnDef<T> {
|
|
749
|
+
readonly columnType: TableColumnType.Actions;
|
|
750
|
+
actions: (ITableRowAction<T> | ITableRowActionDivider)[];
|
|
751
|
+
actionType: 'icon' | 'button' | 'link';
|
|
752
|
+
}
|
|
753
|
+
type TableColumnDef<T extends ITableRowItem = ITableRowItem> = ITableActionsColumnDef<T> | ITableColumnDef<T>;
|
|
754
|
+
|
|
755
|
+
/**
|
|
756
|
+
* An interface for user input events originating from `TableComponent` rows, including clicked links and changed
|
|
757
|
+
* values in editable cells.
|
|
758
|
+
*/
|
|
759
|
+
interface ITableEventPayload<T extends ITableRowItem = ITableRowItem> {
|
|
760
|
+
/** The row from which the event originated. */
|
|
761
|
+
item: T;
|
|
762
|
+
/** The table column index from which the event originated. */
|
|
763
|
+
columnIndex: number;
|
|
764
|
+
/** The new or selected value that triggered the event, in the case of an editable table cell. */
|
|
765
|
+
value?: string | number | boolean | string[];
|
|
766
|
+
}
|
|
767
|
+
|
|
768
|
+
/**
|
|
769
|
+
* An interface for events emitted from `TableComponent` when the user requests to sort by a particular column.
|
|
770
|
+
*/
|
|
771
|
+
interface ISortByPayload {
|
|
772
|
+
/** The field the user has requested to sort by, if the sorted column is mapped to one. */
|
|
773
|
+
field: string;
|
|
774
|
+
/** The index of the relevant column in the table. */
|
|
775
|
+
columnIndex: number;
|
|
776
|
+
/** The direction or order in which the data is expected to be sorted. */
|
|
777
|
+
direction: 'asc' | 'desc';
|
|
778
|
+
}
|
|
779
|
+
|
|
780
|
+
/**
|
|
781
|
+
* The base interface type implemented by Angular components to be used as custom renderers for
|
|
782
|
+
* `TableComponent` table cells.
|
|
783
|
+
*/
|
|
784
|
+
interface ICellRenderer<T extends ITableRowItem = ITableRowItem, P = object> {
|
|
785
|
+
/** The resolved raw value for the cell, as per the column defintion. */
|
|
786
|
+
value: ITableRowItemValueTypes;
|
|
787
|
+
/** The row object for the current table row. */
|
|
788
|
+
rowItem: T;
|
|
789
|
+
/** The `cellRendererParams` value from the original column definition. */
|
|
790
|
+
params?: P;
|
|
791
|
+
}
|
|
792
|
+
|
|
793
|
+
type ICustomCellRendererComponents = Record<string, Type<ICellRenderer>>;
|
|
794
|
+
|
|
795
|
+
/**
|
|
796
|
+
* An interface for events emitted from `TableComponent` when a user clicks or interacts with a row-level action
|
|
797
|
+
* button, link, or icon.
|
|
798
|
+
*/
|
|
799
|
+
interface ITableRowActionPayload<T extends ITableRowItem = ITableRowItem> {
|
|
800
|
+
/** The row object corresponding to the action taken. */
|
|
801
|
+
item: T;
|
|
802
|
+
/** The specific column index the action originated from. */
|
|
803
|
+
columnIndex: number;
|
|
804
|
+
/** The defined `apiName` for the action that triggered the event. */
|
|
805
|
+
actionApiName: string;
|
|
806
|
+
}
|
|
807
|
+
|
|
808
|
+
/**
|
|
809
|
+
* An interface for context objects that will be provided when rendering collapsible row content
|
|
810
|
+
* for `TableComponent` rows.
|
|
811
|
+
*/
|
|
812
|
+
interface ICollapsibleRowContentContext<T extends ITableRowItem = ITableRowItem> {
|
|
813
|
+
/**
|
|
814
|
+
* The current row object.
|
|
815
|
+
*/
|
|
816
|
+
$implicit: T;
|
|
817
|
+
/**
|
|
818
|
+
* Whether the collapsible row is collapsed.
|
|
819
|
+
*/
|
|
820
|
+
collapsed: boolean;
|
|
821
|
+
/**
|
|
822
|
+
* Whether the table row is selected, if row selection is available.
|
|
823
|
+
*/
|
|
824
|
+
selected: boolean;
|
|
825
|
+
/**
|
|
826
|
+
* Index of the parent row in the currently displayed data set.
|
|
827
|
+
*/
|
|
828
|
+
index: number;
|
|
829
|
+
/**
|
|
830
|
+
* Whether the parent row is the first row in the displayed data set.
|
|
831
|
+
*/
|
|
832
|
+
first: boolean;
|
|
833
|
+
/**
|
|
834
|
+
* Whether the parent row is the last row in the displayed data set.
|
|
835
|
+
*/
|
|
836
|
+
last: boolean;
|
|
837
|
+
/**
|
|
838
|
+
* Whether the parent row's index in the currently displayed data set is even.
|
|
839
|
+
*/
|
|
840
|
+
even: boolean;
|
|
841
|
+
/**
|
|
842
|
+
* Whether the parent row's index in the currently displayed data set is odd.
|
|
843
|
+
*/
|
|
844
|
+
odd: boolean;
|
|
845
|
+
}
|
|
846
|
+
|
|
847
|
+
/**
|
|
848
|
+
* An interface for events emitted from `TableComponent` when a user triggers the expansion or collapse of additional
|
|
849
|
+
* row-level content.
|
|
850
|
+
*/
|
|
851
|
+
interface ITableRowCollapseChange<T extends ITableRowItem = ITableRowItem> {
|
|
852
|
+
/** The row object for the row that is expanding or collapsing. */
|
|
853
|
+
readonly row: T;
|
|
854
|
+
/** Whether the row is in a collapsed state. */
|
|
855
|
+
readonly collapsed: boolean;
|
|
856
|
+
}
|
|
857
|
+
|
|
858
|
+
interface IFilteredRowActionBase {
|
|
859
|
+
readonly trackId: number;
|
|
860
|
+
}
|
|
861
|
+
interface IFilteredRowAction extends IFilteredRowActionBase {
|
|
862
|
+
readonly type: 'action';
|
|
863
|
+
readonly action: ITableRowAction;
|
|
864
|
+
}
|
|
865
|
+
interface IFilteredRowActionDivider extends IFilteredRowActionBase {
|
|
866
|
+
readonly type: 'divider';
|
|
867
|
+
}
|
|
868
|
+
type FilteredTableRowAction = IFilteredRowAction | IFilteredRowActionDivider;
|
|
869
|
+
declare class FilterTableRowActionsPipe implements PipeTransform {
|
|
870
|
+
transform(rowActions: (ITableRowAction | ITableRowActionDivider)[], row: ITableRowItem): readonly FilteredTableRowAction[];
|
|
871
|
+
private _actionIsVisible;
|
|
872
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FilterTableRowActionsPipe, never>;
|
|
873
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<FilterTableRowActionsPipe, "filterTableRowActions", false>;
|
|
874
|
+
}
|
|
875
|
+
|
|
876
|
+
/**
|
|
877
|
+
* Type representing allowable values for a boolean input.
|
|
878
|
+
*/
|
|
879
|
+
type BooleanInput = string | boolean | null | undefined;
|
|
880
|
+
|
|
881
|
+
declare class CheckboxChangeEvent {
|
|
882
|
+
/** The specific checkbox that changed. */
|
|
883
|
+
readonly source: CheckboxComponent;
|
|
884
|
+
/** Whether the changed checkbox was checked or unchecked at the time of the event. */
|
|
885
|
+
readonly checked: boolean;
|
|
886
|
+
constructor(
|
|
887
|
+
/** The specific checkbox that changed. */
|
|
888
|
+
source: CheckboxComponent,
|
|
889
|
+
/** Whether the changed checkbox was checked or unchecked at the time of the event. */
|
|
890
|
+
checked: boolean);
|
|
891
|
+
}
|
|
892
|
+
declare abstract class CheckboxComponentBase {
|
|
893
|
+
_defaultErrorStateMatcher: ErrorStateMatcher;
|
|
894
|
+
_formRoot: ImpdcFormRoot;
|
|
895
|
+
_parentForm: NgForm;
|
|
896
|
+
_parentFormGroup: FormGroupDirective;
|
|
897
|
+
ngControl: NgControl | null;
|
|
898
|
+
readonly stateChanges: Subject<void>;
|
|
899
|
+
abstract disabled: boolean;
|
|
900
|
+
constructor(_defaultErrorStateMatcher: ErrorStateMatcher, _formRoot: ImpdcFormRoot, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl | null);
|
|
901
|
+
}
|
|
902
|
+
declare const _CheckboxComponentMixinBase: _impartner_design_components.Constructor<HasTabIndex> & _impartner_design_components.AbstractConstructor<HasTabIndex> & _impartner_design_components.Constructor<ICanUpdateErrorState> & _impartner_design_components.AbstractConstructor<ICanUpdateErrorState> & typeof CheckboxComponentBase;
|
|
903
|
+
/**
|
|
904
|
+
* The `CheckboxComponent` (`<impdc-checkbox`) is an input with a simple boolean value as a checkbox or toggle switch.
|
|
905
|
+
* This component can be used within a `FormFieldComponent` (`<impdc-form-field`).
|
|
906
|
+
* To use, import `CheckboxModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
907
|
+
*/
|
|
908
|
+
declare class CheckboxComponent extends _CheckboxComponentMixinBase implements DoCheck, OnDestroy, ControlValueAccessor, Validator, HasTabIndex, ImpdcFormFieldControl<boolean>, ICanUpdateErrorState, IHasErrorState {
|
|
909
|
+
private readonly _changeDetector;
|
|
910
|
+
private readonly _uid;
|
|
911
|
+
private _cvaOnChange;
|
|
912
|
+
private _cvaOnTouched;
|
|
913
|
+
protected _inputElement?: ElementRef<HTMLInputElement>;
|
|
914
|
+
id: string;
|
|
915
|
+
/**
|
|
916
|
+
* The primary label text for the checkbox control.
|
|
917
|
+
*/
|
|
918
|
+
label: string;
|
|
919
|
+
/**
|
|
920
|
+
* Text to provide additional description or context for the checkbox control. Does not display when `inline` is `true`.
|
|
921
|
+
*/
|
|
922
|
+
description: string;
|
|
923
|
+
/**
|
|
924
|
+
* Whether or not the input displays as a toggle switch.
|
|
925
|
+
*/
|
|
926
|
+
isSwitch: boolean;
|
|
927
|
+
/**
|
|
928
|
+
* When `isSwitch` is `true`, sets whether or not the toggle switch uses icons.
|
|
929
|
+
*/
|
|
930
|
+
switchIcons: boolean;
|
|
931
|
+
/**
|
|
932
|
+
* Whether or not the checkbox displays inline.
|
|
933
|
+
*/
|
|
934
|
+
inline: boolean;
|
|
935
|
+
/**
|
|
936
|
+
* Opt to display the checkbox control before the label (`'check-start'`) or after the label (`'check-end'`)
|
|
937
|
+
*/
|
|
938
|
+
layout: 'check-start' | 'check-end';
|
|
939
|
+
/**
|
|
940
|
+
* Whether or not the checkbox input is checked.
|
|
941
|
+
*/
|
|
942
|
+
get checked(): boolean;
|
|
943
|
+
set checked(value: BooleanInput);
|
|
944
|
+
/**
|
|
945
|
+
* Whether or not the checkbox input is in an `indeterminate` state.
|
|
946
|
+
*/
|
|
947
|
+
get indeterminate(): boolean;
|
|
948
|
+
set indeterminate(value: BooleanInput);
|
|
949
|
+
private _indeterminate;
|
|
950
|
+
get disabled(): boolean;
|
|
951
|
+
set disabled(value: BooleanInput);
|
|
952
|
+
protected _disabled: boolean;
|
|
953
|
+
errorStateMatcher: ErrorStateMatcher;
|
|
954
|
+
/**
|
|
955
|
+
* Event emitted whenever the checkedness of the input changes.
|
|
956
|
+
*/
|
|
957
|
+
readonly change: EventEmitter<CheckboxChangeEvent>;
|
|
958
|
+
/**
|
|
959
|
+
* Event emitted whenever the control enters or leaves an `indeterminate` state.
|
|
960
|
+
*/
|
|
961
|
+
readonly indeterminateChange: EventEmitter<boolean>;
|
|
962
|
+
get inputId(): string;
|
|
963
|
+
constructor(_changeDetector: ChangeDetectorRef, tabIndex: string, defaultErrorStateMatcher: ErrorStateMatcher, formRoot: ImpdcFormRoot, parentForm: NgForm, parentFormGroup: FormGroupDirective, ngControl: NgControl | null);
|
|
964
|
+
/** @ignore */
|
|
965
|
+
ngDoCheck(): void;
|
|
966
|
+
/** @ignore */
|
|
967
|
+
ngOnDestroy(): void;
|
|
968
|
+
get value(): boolean;
|
|
969
|
+
set value(value: BooleanInput);
|
|
970
|
+
private _value;
|
|
971
|
+
get focused(): boolean;
|
|
972
|
+
private _focused;
|
|
973
|
+
/**
|
|
974
|
+
* Used to set requiredness of control in a template-based manner; not necessary when using the
|
|
975
|
+
* Angular reactive forms API and 'required' or `requiredTrue` validators.
|
|
976
|
+
*/
|
|
977
|
+
get required(): boolean;
|
|
978
|
+
set required(value: BooleanInput);
|
|
979
|
+
private _required;
|
|
980
|
+
readonly controlType: string;
|
|
981
|
+
readonly supportsAffixes: boolean;
|
|
982
|
+
/** @ignore */
|
|
983
|
+
writeValue(value: any): void;
|
|
984
|
+
/** @ignore */
|
|
985
|
+
registerOnChange(fn: (value: any) => void): void;
|
|
986
|
+
/** @ignore */
|
|
987
|
+
registerOnTouched(fn: () => {}): void;
|
|
988
|
+
/** @ignore */
|
|
989
|
+
setDisabledState(isDisabled: boolean): void;
|
|
990
|
+
/** @ignore */
|
|
991
|
+
validate(): ValidationErrors | null;
|
|
992
|
+
protected _getAriaChecked(): 'true' | 'false' | 'mixed';
|
|
993
|
+
protected _onBlur(): void;
|
|
994
|
+
protected _onFocus(): void;
|
|
995
|
+
protected _handleCheckClick(): void;
|
|
996
|
+
protected _onInteractionEvent(event: Event): void;
|
|
997
|
+
private _emitChangeEvents;
|
|
998
|
+
/**
|
|
999
|
+
* Prevent click events that come from the `<label/>` element from bubbling. This prevents the
|
|
1000
|
+
* click handler on the host from triggering twice when clicking on the `<label/>` element. After
|
|
1001
|
+
* the click event on the `<label/>` propagates, the browsers dispatches click on the associated
|
|
1002
|
+
* `<input/>`. By preventing clicks on the label by bubbling, we ensure only one click event
|
|
1003
|
+
* bubbles when the label is clicked.
|
|
1004
|
+
*/
|
|
1005
|
+
protected _preventBubblingFromLabel(event: MouseEvent): void;
|
|
1006
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, [null, { attribute: "tabindex"; }, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
|
|
1007
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "impdc-checkbox", ["impdcCheckControl"], { "tabIndex": { "alias": "tabIndex"; "required": false; }; "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "isSwitch": { "alias": "isSwitch"; "required": false; }; "switchIcons": { "alias": "switchIcons"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "change": "change"; "indeterminateChange": "indeterminateChange"; }, never, never, true, never>;
|
|
1008
|
+
}
|
|
1009
|
+
|
|
1010
|
+
declare class CheckboxModule {
|
|
1011
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxModule, never>;
|
|
1012
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxModule, never, [typeof CheckboxComponent], [typeof CheckboxComponent]>;
|
|
1013
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<CheckboxModule>;
|
|
1014
|
+
}
|
|
1015
|
+
|
|
1016
|
+
interface ICheckboxItem {
|
|
1017
|
+
readonly checked: boolean;
|
|
1018
|
+
readonly name: string;
|
|
1019
|
+
readonly value: any;
|
|
1020
|
+
}
|
|
1021
|
+
|
|
1022
|
+
declare class CheckboxGroupChangeEvent {
|
|
1023
|
+
/** The last checkbox item that changed. */
|
|
1024
|
+
readonly source: ICheckboxItem;
|
|
1025
|
+
/** The currently selected values for the checkbox group. */
|
|
1026
|
+
readonly value: any[];
|
|
1027
|
+
constructor(
|
|
1028
|
+
/** The last checkbox item that changed. */
|
|
1029
|
+
source: ICheckboxItem,
|
|
1030
|
+
/** The currently selected values for the checkbox group. */
|
|
1031
|
+
value: any[]);
|
|
1032
|
+
}
|
|
1033
|
+
|
|
1034
|
+
declare class CheckboxItemChangeEvent {
|
|
1035
|
+
/** The checkbox item that changed. */
|
|
1036
|
+
readonly source: ICheckboxItem;
|
|
1037
|
+
/** The new `checked` state for the changed checkbox item. */
|
|
1038
|
+
readonly checked: boolean;
|
|
1039
|
+
constructor(
|
|
1040
|
+
/** The checkbox item that changed. */
|
|
1041
|
+
source: ICheckboxItem,
|
|
1042
|
+
/** The new `checked` state for the changed checkbox item. */
|
|
1043
|
+
checked: boolean);
|
|
1044
|
+
}
|
|
1045
|
+
|
|
1046
|
+
interface IToggleGroupItem {
|
|
1047
|
+
readonly isChecked: boolean;
|
|
1048
|
+
readonly name: string;
|
|
1049
|
+
readonly value: any;
|
|
1050
|
+
}
|
|
1051
|
+
|
|
1052
|
+
declare class ToggleGroupItemChangeEvent {
|
|
1053
|
+
readonly source: IToggleGroupItem;
|
|
1054
|
+
readonly value: any;
|
|
1055
|
+
readonly checked: boolean;
|
|
1056
|
+
constructor(source: IToggleGroupItem, value: any, checked: boolean);
|
|
1057
|
+
}
|
|
1058
|
+
declare class ToggleGroupItemBlurEvent {
|
|
1059
|
+
readonly source: IToggleGroupItem;
|
|
1060
|
+
constructor(source: IToggleGroupItem);
|
|
1061
|
+
}
|
|
1062
|
+
|
|
1063
|
+
declare class ToggleGroupItemComponent implements IToggleGroupItem, OnDestroy {
|
|
1064
|
+
private readonly _parentGroup;
|
|
1065
|
+
private readonly _radioDispatcher;
|
|
1066
|
+
private readonly _uid;
|
|
1067
|
+
private _removeUniqueSelectionListener;
|
|
1068
|
+
readonly itemValue: i0.InputSignal<unknown>;
|
|
1069
|
+
readonly label: i0.InputSignal<string>;
|
|
1070
|
+
readonly type: i0.InputSignal<"radio" | "checkbox">;
|
|
1071
|
+
readonly ariaLabel: i0.InputSignal<string | undefined>;
|
|
1072
|
+
readonly ariaLabelledby: i0.InputSignal<string | undefined>;
|
|
1073
|
+
readonly ariaDescribedby: i0.InputSignal<string | undefined>;
|
|
1074
|
+
readonly description: i0.InputSignal<string>;
|
|
1075
|
+
readonly disabled: i0.InputSignal<boolean>;
|
|
1076
|
+
readonly groupName: i0.InputSignal<string | undefined>;
|
|
1077
|
+
readonly inline: i0.InputSignal<boolean>;
|
|
1078
|
+
readonly itemTabIndex: i0.InputSignal<number>;
|
|
1079
|
+
readonly required: i0.InputSignal<boolean>;
|
|
1080
|
+
readonly checked: i0.ModelSignal<boolean>;
|
|
1081
|
+
readonly toggleChanged: i0.OutputEmitterRef<ToggleGroupItemChangeEvent>;
|
|
1082
|
+
readonly toggleBlurred: i0.OutputEmitterRef<ToggleGroupItemBlurEvent>;
|
|
1083
|
+
readonly isInline: i0.Signal<boolean>;
|
|
1084
|
+
readonly isDisabled: i0.Signal<boolean>;
|
|
1085
|
+
readonly isRequired: i0.Signal<boolean>;
|
|
1086
|
+
readonly isInvalid: i0.Signal<boolean>;
|
|
1087
|
+
readonly resolvedGroupName: i0.Signal<string | undefined>;
|
|
1088
|
+
protected readonly tabIndex: i0.Signal<string>;
|
|
1089
|
+
get isChecked(): boolean;
|
|
1090
|
+
get value(): unknown;
|
|
1091
|
+
get name(): string;
|
|
1092
|
+
ngOnDestroy(): void;
|
|
1093
|
+
protected onInputChange(ev: Event): void;
|
|
1094
|
+
protected onBlur(ev: FocusEvent): void;
|
|
1095
|
+
constructor();
|
|
1096
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToggleGroupItemComponent, never>;
|
|
1097
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ToggleGroupItemComponent, "impdc-toggle-group-item", never, { "itemValue": { "alias": "itemValue"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "type": { "alias": "type"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "groupName": { "alias": "groupName"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "itemTabIndex": { "alias": "itemTabIndex"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "toggleChanged": "toggleChanged"; "toggleBlurred": "toggleBlurred"; }, never, never, true, never>;
|
|
1098
|
+
}
|
|
1099
|
+
|
|
1100
|
+
interface IToggleGroup {
|
|
1101
|
+
readonly initialized: Signal<boolean>;
|
|
1102
|
+
readonly disabled: Signal<boolean>;
|
|
1103
|
+
readonly errorState: Signal<boolean>;
|
|
1104
|
+
readonly inline: Signal<boolean>;
|
|
1105
|
+
readonly groupName: Signal<string>;
|
|
1106
|
+
readonly required: Signal<boolean>;
|
|
1107
|
+
readonly value: Signal<readonly unknown[]>;
|
|
1108
|
+
updateToggleState(item: IToggleGroupItem): void;
|
|
1109
|
+
blur(evt: ToggleGroupItemBlurEvent): void;
|
|
1110
|
+
}
|
|
1111
|
+
|
|
1112
|
+
declare class ToggleGroupChangeEvent {
|
|
1113
|
+
readonly source: IToggleGroupItem;
|
|
1114
|
+
readonly value: readonly unknown[];
|
|
1115
|
+
constructor(source: IToggleGroupItem, value: readonly unknown[]);
|
|
1116
|
+
}
|
|
1117
|
+
|
|
1118
|
+
declare class ToggleGroupComponent implements IToggleGroup, OnInit {
|
|
1119
|
+
private readonly _initialized;
|
|
1120
|
+
readonly initialized: i0.Signal<boolean>;
|
|
1121
|
+
readonly type: i0.InputSignal<"radio" | "checkbox">;
|
|
1122
|
+
readonly groupName: i0.InputSignal<string>;
|
|
1123
|
+
readonly inline: i0.InputSignal<boolean>;
|
|
1124
|
+
readonly disabled: i0.InputSignal<boolean>;
|
|
1125
|
+
readonly errorState: i0.InputSignal<boolean>;
|
|
1126
|
+
readonly required: i0.InputSignal<boolean>;
|
|
1127
|
+
readonly value: i0.ModelSignal<readonly unknown[]>;
|
|
1128
|
+
readonly valueChanged: i0.OutputEmitterRef<ToggleGroupChangeEvent>;
|
|
1129
|
+
readonly toggleBlur: i0.OutputEmitterRef<ToggleGroupItemBlurEvent>;
|
|
1130
|
+
ngOnInit(): void;
|
|
1131
|
+
blur(evt: ToggleGroupItemBlurEvent): void;
|
|
1132
|
+
updateToggleState(item: IToggleGroupItem, opts?: {
|
|
1133
|
+
emitEvent: boolean;
|
|
1134
|
+
}): void;
|
|
1135
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToggleGroupComponent, never>;
|
|
1136
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ToggleGroupComponent, "impdc-toggle-group", never, { "type": { "alias": "type"; "required": true; "isSignal": true; }; "groupName": { "alias": "groupName"; "required": true; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "errorState": { "alias": "errorState"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; }, { "value": "valueChange"; "valueChanged": "valueChanged"; "toggleBlur": "toggleBlur"; }, never, ["*"], true, never>;
|
|
1137
|
+
}
|
|
1138
|
+
|
|
1139
|
+
interface IToggleGroupAccessor {
|
|
1140
|
+
readonly toggleGroup: IToggleGroup;
|
|
1141
|
+
}
|
|
1142
|
+
|
|
1143
|
+
declare abstract class CheckboxItemComponentBase {
|
|
1144
|
+
abstract disabled: boolean;
|
|
1145
|
+
constructor();
|
|
1146
|
+
}
|
|
1147
|
+
declare const _CheckboxItemComponentMixinBase: _impartner_design_components.Constructor<HasTabIndex> & _impartner_design_components.AbstractConstructor<HasTabIndex> & typeof CheckboxItemComponentBase;
|
|
1148
|
+
declare class CheckboxItemComponent extends _CheckboxItemComponentMixinBase implements HasTabIndex, DoCheck {
|
|
1149
|
+
private readonly _changeDetector;
|
|
1150
|
+
private readonly _uid;
|
|
1151
|
+
protected readonly toggleTabIndex: WritableSignal<number>;
|
|
1152
|
+
protected readonly toggleItem: i0.Signal<ToggleGroupItemComponent>;
|
|
1153
|
+
id: string;
|
|
1154
|
+
/**
|
|
1155
|
+
* Property for setting ARIA "label" attribute.
|
|
1156
|
+
*/
|
|
1157
|
+
readonly ariaLabel: i0.InputSignal<string | undefined>;
|
|
1158
|
+
/**
|
|
1159
|
+
* Property for setting ARIA "labelled by" attribute.
|
|
1160
|
+
*/
|
|
1161
|
+
readonly ariaLabelledby: i0.InputSignal<string | undefined>;
|
|
1162
|
+
/**
|
|
1163
|
+
* Property for setting ARIA "described by" attribute.
|
|
1164
|
+
*/
|
|
1165
|
+
readonly ariaDescribedby: i0.InputSignal<string | undefined>;
|
|
1166
|
+
/**
|
|
1167
|
+
* Whether or not the checkbox itiem is checked/selected.
|
|
1168
|
+
*/
|
|
1169
|
+
readonly checked: i0.ModelSignal<boolean>;
|
|
1170
|
+
/**
|
|
1171
|
+
* The specific value represented by the checkbox item.
|
|
1172
|
+
*/
|
|
1173
|
+
readonly value: i0.InputSignal<any>;
|
|
1174
|
+
/**
|
|
1175
|
+
* Whether or not the checkbox item displays inline; Inherited from the parent `CheckboxGroupComponent` when set there.
|
|
1176
|
+
*/
|
|
1177
|
+
readonly inline: i0.InputSignalWithTransform<boolean, unknown>;
|
|
1178
|
+
/**
|
|
1179
|
+
* Used to enable or disable the checkbox item, but will be overridden when the parent
|
|
1180
|
+
* `CheckboxGroupComponent` is already disabled.
|
|
1181
|
+
*/
|
|
1182
|
+
get disabled(): boolean;
|
|
1183
|
+
set disabled(newDisabledState: boolean);
|
|
1184
|
+
private _disabled;
|
|
1185
|
+
/**
|
|
1186
|
+
* The primary label text for the checkbox item.
|
|
1187
|
+
*/
|
|
1188
|
+
readonly label: i0.InputSignal<string>;
|
|
1189
|
+
/**
|
|
1190
|
+
* Text to provide additional description or context for the checkbox item. Does
|
|
1191
|
+
* not display when `inline` resolves as `true`.
|
|
1192
|
+
*/
|
|
1193
|
+
readonly description: i0.InputSignal<string>;
|
|
1194
|
+
/**
|
|
1195
|
+
* Event emitted when the checkbox item becomes checked or unchecked.
|
|
1196
|
+
*/
|
|
1197
|
+
readonly changes: EventEmitter<CheckboxItemChangeEvent>;
|
|
1198
|
+
constructor();
|
|
1199
|
+
ngDoCheck(): void;
|
|
1200
|
+
protected onInputChange(event: ToggleGroupItemChangeEvent): void;
|
|
1201
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxItemComponent, never>;
|
|
1202
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxItemComponent, "impdc-checkbox-item", ["impdcCheckboxItem"], { "tabIndex": { "alias": "tabIndex"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "changes": "changes"; }, never, never, true, never>;
|
|
1203
|
+
static ngAcceptInputType_disabled: unknown;
|
|
1204
|
+
}
|
|
1205
|
+
|
|
1206
|
+
/**
|
|
1207
|
+
* Returns an exception to be thrown when attempting to assign a non-array value. Note that
|
|
1208
|
+
* `undefined` and `null` are still valid values to allow for resetting the value.
|
|
1209
|
+
* @ignore
|
|
1210
|
+
*/
|
|
1211
|
+
declare function getImpdcCheckboxGroupNonArrayValueError(): Error;
|
|
1212
|
+
declare const _CheckboxGroupComponentBase: _impartner_design_components.Constructor<_impartner_design_components.ICanUpdateErrorState> & _impartner_design_components.AbstractConstructor<_impartner_design_components.ICanUpdateErrorState> & {
|
|
1213
|
+
new (): {
|
|
1214
|
+
readonly stateChanges: Subject<void>;
|
|
1215
|
+
_defaultErrorStateMatcher: ErrorStateMatcher;
|
|
1216
|
+
_formRoot: _impartner_design_components.ImpdcFormRoot | null;
|
|
1217
|
+
_parentForm: NgForm | null;
|
|
1218
|
+
_parentFormGroup: FormGroupDirective | null;
|
|
1219
|
+
ngControl: NgControl | null;
|
|
1220
|
+
};
|
|
1221
|
+
};
|
|
1222
|
+
/**
|
|
1223
|
+
* The `CheckboxGroupComponent` (`<impdc-checkbox-group>`) is a container for selectable `CheckboxItemComponent`
|
|
1224
|
+
* (`<impdc-checkbox-item>`) instances. This component can be used within a `FormFieldComponent` (`<impdc-form-field`)
|
|
1225
|
+
* instance via content projection.
|
|
1226
|
+
* To use, you may import the standalone `CheckboxGroupComponent` and `CheckboxItemComponent` types, or the
|
|
1227
|
+
* `CheckboxGroupModule` or `ImpdcFormsModule` module types.
|
|
1228
|
+
*/
|
|
1229
|
+
declare class CheckboxGroupComponent extends _CheckboxGroupComponentBase implements IToggleGroupAccessor, ControlValueAccessor, ImpdcFormFieldControl<any[]>, AfterContentInit, DoCheck, OnDestroy, IHasErrorState {
|
|
1230
|
+
private readonly _uid;
|
|
1231
|
+
private _cvaOnChange;
|
|
1232
|
+
private _cvaOnTouched;
|
|
1233
|
+
private _initialized;
|
|
1234
|
+
private _previousControl?;
|
|
1235
|
+
private _suppressCvaOnChange;
|
|
1236
|
+
private _suppressEmitValueChange;
|
|
1237
|
+
protected readonly _toggleGroup: i0.Signal<ToggleGroupComponent>;
|
|
1238
|
+
/**
|
|
1239
|
+
* The unique name for the group of radio options; Autogenerated by default.
|
|
1240
|
+
*/
|
|
1241
|
+
readonly name: i0.InputSignal<string>;
|
|
1242
|
+
/**
|
|
1243
|
+
* Whether or not the nested radio options should display inline.
|
|
1244
|
+
*/
|
|
1245
|
+
readonly inline: i0.InputSignalWithTransform<boolean, unknown>;
|
|
1246
|
+
errorStateMatcher: ErrorStateMatcher;
|
|
1247
|
+
/** Event emitted whenever a new checkbox item is checked. */
|
|
1248
|
+
readonly changes: i0.OutputEmitterRef<CheckboxGroupChangeEvent>;
|
|
1249
|
+
/**
|
|
1250
|
+
* Event emitted with the new value whenever one is selected.
|
|
1251
|
+
*/
|
|
1252
|
+
readonly valueChange: i0.OutputEmitterRef<any[]>;
|
|
1253
|
+
/** @ignore */
|
|
1254
|
+
get toggleGroup(): IToggleGroup;
|
|
1255
|
+
constructor();
|
|
1256
|
+
/** @ignore */
|
|
1257
|
+
ngAfterContentInit(): void;
|
|
1258
|
+
/** @ignore */
|
|
1259
|
+
ngDoCheck(): void;
|
|
1260
|
+
/** @ignore */
|
|
1261
|
+
ngOnDestroy(): void;
|
|
1262
|
+
get value(): any[];
|
|
1263
|
+
set value(value: any[]);
|
|
1264
|
+
protected readonly _valueInternal: i0.WritableSignal<readonly any[]>;
|
|
1265
|
+
get id(): string;
|
|
1266
|
+
set id(value: string);
|
|
1267
|
+
protected _id: string;
|
|
1268
|
+
get focused(): boolean;
|
|
1269
|
+
protected _focused: boolean;
|
|
1270
|
+
get disabled(): boolean;
|
|
1271
|
+
set disabled(value: boolean);
|
|
1272
|
+
protected _disabled: boolean;
|
|
1273
|
+
/**
|
|
1274
|
+
* Used to set requiredness of control in a template-based manner;
|
|
1275
|
+
* not necessary when using the Angular reactive forms API and `required` validator.
|
|
1276
|
+
*/
|
|
1277
|
+
get required(): boolean;
|
|
1278
|
+
set required(value: boolean);
|
|
1279
|
+
private _required;
|
|
1280
|
+
readonly controlType = "impdc-checkbox-group";
|
|
1281
|
+
readonly supportsAffixes: boolean;
|
|
1282
|
+
/** @ignore */
|
|
1283
|
+
writeValue(value: any): void;
|
|
1284
|
+
/** @ignore */
|
|
1285
|
+
registerOnChange(fn: (value: any) => void): void;
|
|
1286
|
+
/** @ignore */
|
|
1287
|
+
registerOnTouched(fn: () => {}): void;
|
|
1288
|
+
/** @ignore */
|
|
1289
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1290
|
+
/** @ignore */
|
|
1291
|
+
protected emitChangesEvent(event: ToggleGroupChangeEvent): void;
|
|
1292
|
+
protected handleBlur(): void;
|
|
1293
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxGroupComponent, never>;
|
|
1294
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxGroupComponent, "impdc-checkbox-group", ["impdcCheckboxGroup"], { "name": { "alias": "name"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "changes": "changes"; "valueChange": "valueChange"; }, never, ["*"], true, never>;
|
|
1295
|
+
static ngAcceptInputType_disabled: unknown;
|
|
1296
|
+
static ngAcceptInputType_required: unknown;
|
|
1297
|
+
}
|
|
1298
|
+
|
|
1299
|
+
declare class CheckboxGroupModule {
|
|
1300
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxGroupModule, never>;
|
|
1301
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxGroupModule, never, [typeof CheckboxItemComponent, typeof CheckboxGroupComponent], [typeof CheckboxItemComponent, typeof CheckboxGroupComponent]>;
|
|
1302
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<CheckboxGroupModule>;
|
|
1303
|
+
}
|
|
1304
|
+
|
|
1305
|
+
declare const _InputDirectiveBase: _impartner_design_components.Constructor<ICanUpdateErrorState> & _impartner_design_components.AbstractConstructor<ICanUpdateErrorState> & {
|
|
1306
|
+
new (_defaultErrorStateMatcher: ErrorStateMatcher, _formRoot: ImpdcFormRoot, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl | null): {
|
|
1307
|
+
readonly stateChanges: Subject<void>;
|
|
1308
|
+
_defaultErrorStateMatcher: ErrorStateMatcher;
|
|
1309
|
+
_formRoot: ImpdcFormRoot;
|
|
1310
|
+
_parentForm: NgForm;
|
|
1311
|
+
_parentFormGroup: FormGroupDirective;
|
|
1312
|
+
ngControl: NgControl | null;
|
|
1313
|
+
};
|
|
1314
|
+
};
|
|
1315
|
+
/**
|
|
1316
|
+
* The `InputDirective` (`<input impdcInput`, `<textarea impdcInput` or `<select impdcInput`) is a directive for text inputs.
|
|
1317
|
+
* With this directive, the input, textarea, and select can be used within a `FormFieldComponent` (`<impdc-form-field`).
|
|
1318
|
+
* To use, import `ImpdcFormsModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
1319
|
+
*/
|
|
1320
|
+
declare class InputDirective extends _InputDirectiveBase implements ImpdcFormFieldControl<any>, ICanUpdateErrorState, IHasErrorState, OnChanges, OnDestroy, DoCheck {
|
|
1321
|
+
protected _elementRef: ElementRef<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>;
|
|
1322
|
+
private _inputValueAccessor;
|
|
1323
|
+
protected _uid: string;
|
|
1324
|
+
protected _isSelect: boolean;
|
|
1325
|
+
protected _isTextarea: boolean;
|
|
1326
|
+
focused: boolean;
|
|
1327
|
+
readonly controlType?: string;
|
|
1328
|
+
readonly supportsAffixes: boolean;
|
|
1329
|
+
get elementRef(): ElementRef<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>;
|
|
1330
|
+
get disabled(): boolean;
|
|
1331
|
+
set disabled(value: BooleanInput);
|
|
1332
|
+
protected _disabled: boolean;
|
|
1333
|
+
get id(): string;
|
|
1334
|
+
set id(value: string);
|
|
1335
|
+
protected _id: string;
|
|
1336
|
+
/**
|
|
1337
|
+
* Supports most standard `<input [type]>` attribute values. Does not support `button`, `checkbox`,
|
|
1338
|
+
* `file`, `hidden`, `image`, `radio`, `range`, `reset`, or `button`, and does not apply to
|
|
1339
|
+
* `<textarea>` or `<select>` elements.
|
|
1340
|
+
*
|
|
1341
|
+
* @default text
|
|
1342
|
+
*/
|
|
1343
|
+
get type(): string;
|
|
1344
|
+
set type(value: string);
|
|
1345
|
+
protected _type: string;
|
|
1346
|
+
/**
|
|
1347
|
+
* Used to set requiredness of control in a template-based manner;
|
|
1348
|
+
* not necessary when using the Angular reactive forms API and `required` validator.
|
|
1349
|
+
*/
|
|
1350
|
+
get required(): boolean;
|
|
1351
|
+
set required(value: BooleanInput);
|
|
1352
|
+
private _required;
|
|
1353
|
+
/**
|
|
1354
|
+
* Used to put the control in a non-interactive readonly state; only supports `<input>` and
|
|
1355
|
+
* `<textarea>` elements.
|
|
1356
|
+
*
|
|
1357
|
+
* To see the difference between `readonly` and `disabled`, refer to [MDN's documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly).
|
|
1358
|
+
*/
|
|
1359
|
+
get readonly(): boolean;
|
|
1360
|
+
set readonly(value: BooleanInput);
|
|
1361
|
+
private _readonly;
|
|
1362
|
+
errorStateMatcher: ErrorStateMatcher;
|
|
1363
|
+
get value(): string;
|
|
1364
|
+
set value(value: any);
|
|
1365
|
+
constructor(_elementRef: ElementRef<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>, ngControl: NgControl, _formRoot: ImpdcFormRoot, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, _defaultErrorStateMatcher: ErrorStateMatcher);
|
|
1366
|
+
/** @ignore */
|
|
1367
|
+
ngDoCheck(): void;
|
|
1368
|
+
/** @ignore */
|
|
1369
|
+
ngOnChanges(): void;
|
|
1370
|
+
/** @ignore */
|
|
1371
|
+
ngOnDestroy(): void;
|
|
1372
|
+
protected _focusChanged(isFocused: boolean): void;
|
|
1373
|
+
protected _typeIsValid(inputType: string): boolean;
|
|
1374
|
+
protected _onInput(): void;
|
|
1375
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<InputDirective, [null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, { optional: true; }, null]>;
|
|
1376
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<InputDirective, "input[impdcInput], textarea[impdcInput], select[impdcNativeSelect]", ["impdcInput"], { "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
|
|
1377
|
+
}
|
|
1378
|
+
|
|
1379
|
+
interface IRadioButton {
|
|
1380
|
+
readonly checked: boolean;
|
|
1381
|
+
readonly name: string;
|
|
1382
|
+
readonly value: any;
|
|
1383
|
+
}
|
|
1384
|
+
|
|
1385
|
+
declare class RadioChangeEvent {
|
|
1386
|
+
/** The specific radio button that changed. */
|
|
1387
|
+
readonly source: IRadioButton;
|
|
1388
|
+
/** The selected value. */
|
|
1389
|
+
readonly value: any;
|
|
1390
|
+
constructor(
|
|
1391
|
+
/** The specific radio button that changed. */
|
|
1392
|
+
source: IRadioButton,
|
|
1393
|
+
/** The selected value. */
|
|
1394
|
+
value: any);
|
|
1395
|
+
}
|
|
1396
|
+
|
|
1397
|
+
declare abstract class RadioButtonComponentBase {
|
|
1398
|
+
abstract disabled: boolean;
|
|
1399
|
+
constructor();
|
|
1400
|
+
}
|
|
1401
|
+
declare const _RadioButtonComponentMixinBase: _impartner_design_components.Constructor<HasTabIndex> & _impartner_design_components.AbstractConstructor<HasTabIndex> & typeof RadioButtonComponentBase;
|
|
1402
|
+
declare class RadioButtonComponent extends _RadioButtonComponentMixinBase implements HasTabIndex, DoCheck {
|
|
1403
|
+
private readonly _changeDetector;
|
|
1404
|
+
private readonly _uid;
|
|
1405
|
+
protected readonly toggleTabIndex: WritableSignal<number>;
|
|
1406
|
+
protected readonly toggleItem: i0.Signal<ToggleGroupItemComponent>;
|
|
1407
|
+
id: string;
|
|
1408
|
+
/**
|
|
1409
|
+
* The unique name for a group of radio options; Inherited from the parent `RadioGroupComponent` when available.
|
|
1410
|
+
*/
|
|
1411
|
+
readonly name: i0.InputSignal<string | undefined>;
|
|
1412
|
+
/**
|
|
1413
|
+
* Property for setting ARIA "label" attribute.
|
|
1414
|
+
*/
|
|
1415
|
+
readonly ariaLabel: i0.InputSignal<string | undefined>;
|
|
1416
|
+
/**
|
|
1417
|
+
* Property for setting ARIA "labelled by" attribute.
|
|
1418
|
+
*/
|
|
1419
|
+
readonly ariaLabelledby: i0.InputSignal<string | undefined>;
|
|
1420
|
+
/**
|
|
1421
|
+
* Property for setting ARIA "described by" attribute.
|
|
1422
|
+
*/
|
|
1423
|
+
readonly ariaDescribedby: i0.InputSignal<string | undefined>;
|
|
1424
|
+
/**
|
|
1425
|
+
* Whether or not the radio input is checked/selected.
|
|
1426
|
+
*/
|
|
1427
|
+
readonly checked: i0.ModelSignal<boolean>;
|
|
1428
|
+
/**
|
|
1429
|
+
* The specific value represented by the radio button.
|
|
1430
|
+
*/
|
|
1431
|
+
readonly value: i0.InputSignal<any>;
|
|
1432
|
+
/**
|
|
1433
|
+
* Whether or not the radio button displays inline; Inherited from the parent `RadioGroupComponent` when available.
|
|
1434
|
+
*/
|
|
1435
|
+
readonly inline: i0.InputSignalWithTransform<boolean, unknown>;
|
|
1436
|
+
/**
|
|
1437
|
+
* Used to enable or disable the radio button, but will be overridden when the parent
|
|
1438
|
+
* `RadioGroupComponent` is already disabled.
|
|
1439
|
+
*/
|
|
1440
|
+
get disabled(): boolean;
|
|
1441
|
+
set disabled(newDisabledState: boolean);
|
|
1442
|
+
private _disabled;
|
|
1443
|
+
/** @ignore */
|
|
1444
|
+
get required(): boolean;
|
|
1445
|
+
set required(value: boolean);
|
|
1446
|
+
private _required;
|
|
1447
|
+
/**
|
|
1448
|
+
* The primary label text for the radio button.
|
|
1449
|
+
*/
|
|
1450
|
+
readonly label: i0.InputSignal<string>;
|
|
1451
|
+
/**
|
|
1452
|
+
* Text to provide additional description or context for the radio button. Does
|
|
1453
|
+
* not display when `inline` resolves as `true`.
|
|
1454
|
+
*/
|
|
1455
|
+
readonly description: i0.InputSignal<string>;
|
|
1456
|
+
/**
|
|
1457
|
+
* Event emitted when the radio button becomes selected/checked.
|
|
1458
|
+
*/
|
|
1459
|
+
readonly change: EventEmitter<RadioChangeEvent>;
|
|
1460
|
+
constructor(tabIndex?: string);
|
|
1461
|
+
ngDoCheck(): void;
|
|
1462
|
+
protected onInputChange(event: ToggleGroupItemChangeEvent): void;
|
|
1463
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, [{ attribute: "tabindex"; }]>;
|
|
1464
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "impdc-radio-button", ["impdcRadioButton"], { "tabIndex": { "alias": "tabIndex"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "change": "change"; }, never, never, true, never>;
|
|
1465
|
+
static ngAcceptInputType_disabled: unknown;
|
|
1466
|
+
static ngAcceptInputType_required: unknown;
|
|
1467
|
+
}
|
|
1468
|
+
|
|
1469
|
+
declare const _RadioGroupComponentBase: _impartner_design_components.Constructor<_impartner_design_components.ICanUpdateErrorState> & _impartner_design_components.AbstractConstructor<_impartner_design_components.ICanUpdateErrorState> & {
|
|
1470
|
+
new (_defaultErrorStateMatcher: ErrorStateMatcher, _formRoot: ImpdcFormRoot, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl | null): {
|
|
1471
|
+
readonly stateChanges: Subject<void>;
|
|
1472
|
+
_defaultErrorStateMatcher: ErrorStateMatcher;
|
|
1473
|
+
_formRoot: ImpdcFormRoot;
|
|
1474
|
+
_parentForm: NgForm;
|
|
1475
|
+
_parentFormGroup: FormGroupDirective;
|
|
1476
|
+
ngControl: NgControl | null;
|
|
1477
|
+
};
|
|
1478
|
+
};
|
|
1479
|
+
/**
|
|
1480
|
+
* The `RadioGroupComponent` (`<impdc-radio-group>`) is a container for `RadioButtonComponent` (`<impdc-radio-button>`).
|
|
1481
|
+
* This component can be used within a `FormFieldComponent` (`<impdc-form-field>`).
|
|
1482
|
+
* To use, import `RadioModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
1483
|
+
*/
|
|
1484
|
+
declare class RadioGroupComponent extends _RadioGroupComponentBase implements IToggleGroupAccessor, ControlValueAccessor, ImpdcFormFieldControl<any>, AfterContentInit, DoCheck, OnDestroy, IHasErrorState {
|
|
1485
|
+
private readonly _uid;
|
|
1486
|
+
private _cvaOnChange;
|
|
1487
|
+
private _cvaOnTouched;
|
|
1488
|
+
private _initialized;
|
|
1489
|
+
private _previousControl?;
|
|
1490
|
+
private _suppressCvaOnChange;
|
|
1491
|
+
private _suppressEmitValueChange;
|
|
1492
|
+
protected readonly _toggleGroup: i0.Signal<ToggleGroupComponent>;
|
|
1493
|
+
/**
|
|
1494
|
+
* The unique name for the group of radio options; Autogenerated by default.
|
|
1495
|
+
*/
|
|
1496
|
+
readonly name: i0.InputSignal<string>;
|
|
1497
|
+
/**
|
|
1498
|
+
* Whether or not the nested radio options should display inline.
|
|
1499
|
+
*/
|
|
1500
|
+
readonly inline: i0.InputSignalWithTransform<boolean, unknown>;
|
|
1501
|
+
errorStateMatcher: ErrorStateMatcher;
|
|
1502
|
+
/**
|
|
1503
|
+
* Event emitted whenever a new radio option is selected.
|
|
1504
|
+
*/
|
|
1505
|
+
readonly change: EventEmitter<RadioChangeEvent>;
|
|
1506
|
+
/**
|
|
1507
|
+
* Event emitted with the new value whenever one is selected.
|
|
1508
|
+
*/
|
|
1509
|
+
readonly valueChange: i0.OutputEmitterRef<any>;
|
|
1510
|
+
/** @ignore */
|
|
1511
|
+
get toggleGroup(): IToggleGroup;
|
|
1512
|
+
constructor(_defaultErrorStateMatcher: ErrorStateMatcher, _formRoot: ImpdcFormRoot, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl | null);
|
|
1513
|
+
/** @ignore */
|
|
1514
|
+
ngAfterContentInit(): void;
|
|
1515
|
+
/** @ignore */
|
|
1516
|
+
ngDoCheck(): void;
|
|
1517
|
+
/** @ignore */
|
|
1518
|
+
ngOnDestroy(): void;
|
|
1519
|
+
get value(): any;
|
|
1520
|
+
set value(value: any);
|
|
1521
|
+
protected readonly _valueInternal: i0.WritableSignal<readonly any[]>;
|
|
1522
|
+
get id(): string;
|
|
1523
|
+
set id(value: string);
|
|
1524
|
+
protected _id: string;
|
|
1525
|
+
get focused(): boolean;
|
|
1526
|
+
protected _focused: boolean;
|
|
1527
|
+
get disabled(): boolean;
|
|
1528
|
+
set disabled(value: boolean);
|
|
1529
|
+
protected _disabled: boolean;
|
|
1530
|
+
/**
|
|
1531
|
+
* Used to set requiredness of control in a template-based manner;
|
|
1532
|
+
* not necessary when using the Angular reactive forms API and `required` validator.
|
|
1533
|
+
*/
|
|
1534
|
+
get required(): boolean;
|
|
1535
|
+
set required(value: boolean);
|
|
1536
|
+
private _required;
|
|
1537
|
+
readonly controlType = "impdc-radio-group";
|
|
1538
|
+
readonly supportsAffixes: boolean;
|
|
1539
|
+
/** @ignore */
|
|
1540
|
+
writeValue(value: any): void;
|
|
1541
|
+
/** @ignore */
|
|
1542
|
+
registerOnChange(fn: (value: any) => void): void;
|
|
1543
|
+
/** @ignore */
|
|
1544
|
+
registerOnTouched(fn: () => {}): void;
|
|
1545
|
+
/** @ignore */
|
|
1546
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1547
|
+
/** @ignore */
|
|
1548
|
+
protected emitChangesEvent(event: ToggleGroupChangeEvent): void;
|
|
1549
|
+
protected handleBlur(): void;
|
|
1550
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupComponent, [null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
|
|
1551
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupComponent, "impdc-radio-group", ["impdcRadioGroup"], { "name": { "alias": "name"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "change": "change"; "valueChange": "valueChange"; }, never, ["*"], true, never>;
|
|
1552
|
+
static ngAcceptInputType_disabled: unknown;
|
|
1553
|
+
static ngAcceptInputType_required: unknown;
|
|
1554
|
+
}
|
|
1555
|
+
|
|
1556
|
+
declare class RadioModule {
|
|
1557
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RadioModule, never>;
|
|
1558
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<RadioModule, never, [typeof RadioButtonComponent, typeof RadioGroupComponent], [typeof RadioButtonComponent, typeof RadioGroupComponent]>;
|
|
1559
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<RadioModule>;
|
|
1560
|
+
}
|
|
1561
|
+
|
|
1562
|
+
interface ISelectOption {
|
|
1563
|
+
readonly groupLabel?: string;
|
|
1564
|
+
readonly label: string;
|
|
1565
|
+
readonly value: any;
|
|
1566
|
+
readonly disabled?: boolean;
|
|
1567
|
+
}
|
|
1568
|
+
|
|
1569
|
+
interface ISelectOptionGroup {
|
|
1570
|
+
readonly label: string;
|
|
1571
|
+
}
|
|
1572
|
+
declare class SelectOptionGroupComponent implements ISelectOptionGroup {
|
|
1573
|
+
label: string;
|
|
1574
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SelectOptionGroupComponent, never>;
|
|
1575
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SelectOptionGroupComponent, "impdc-select-option-group", never, { "label": { "alias": "label"; "required": true; }; }, {}, never, ["impdc-select-option"], true, never>;
|
|
1576
|
+
}
|
|
1577
|
+
|
|
1578
|
+
declare class SelectOptionComponent implements ISelectOption {
|
|
1579
|
+
private readonly _group?;
|
|
1580
|
+
readonly uid: string;
|
|
1581
|
+
/**
|
|
1582
|
+
* The specific value represented by the select option.
|
|
1583
|
+
*/
|
|
1584
|
+
value: any;
|
|
1585
|
+
/**
|
|
1586
|
+
* Label text describing the select option.
|
|
1587
|
+
*/
|
|
1588
|
+
label: string;
|
|
1589
|
+
/**
|
|
1590
|
+
* Used to enable or disable the specific select option.
|
|
1591
|
+
*/
|
|
1592
|
+
disabled: boolean;
|
|
1593
|
+
get groupLabel(): string | undefined;
|
|
1594
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SelectOptionComponent, never>;
|
|
1595
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SelectOptionComponent, "impdc-select-option", never, { "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
|
|
1596
|
+
}
|
|
1597
|
+
|
|
1598
|
+
interface SelectChange<T> {
|
|
1599
|
+
source: SelectModel<T>;
|
|
1600
|
+
added: T[];
|
|
1601
|
+
removed: T[];
|
|
1602
|
+
}
|
|
1603
|
+
declare class SelectModel<T> {
|
|
1604
|
+
private readonly _multiple;
|
|
1605
|
+
private readonly _emitChanges;
|
|
1606
|
+
compareFunc?: ((a: T, b: T) => boolean) | undefined;
|
|
1607
|
+
private _selection;
|
|
1608
|
+
private _pendingDeselectionsToEmit;
|
|
1609
|
+
private _pendingSelectionsToEmit;
|
|
1610
|
+
private _selected;
|
|
1611
|
+
get selected(): T[];
|
|
1612
|
+
readonly changed$: Subject<SelectChange<T>>;
|
|
1613
|
+
constructor(_multiple?: boolean, initialSelectedValues?: T[], _emitChanges?: boolean, compareFunc?: ((a: T, b: T) => boolean) | undefined);
|
|
1614
|
+
select(...values: T[]): boolean | void;
|
|
1615
|
+
deselect(...values: T[]): boolean | void;
|
|
1616
|
+
setSelection(...values: T[]): boolean | void;
|
|
1617
|
+
toggle(value: T): boolean | void;
|
|
1618
|
+
clear(flushEvent?: boolean): boolean | void;
|
|
1619
|
+
isSelected(value: T): boolean;
|
|
1620
|
+
isEmpty(): boolean;
|
|
1621
|
+
hasValue(): boolean;
|
|
1622
|
+
sort(predicateFunc?: (a: T, b: T) => number): void;
|
|
1623
|
+
isMultipleSelection(): boolean;
|
|
1624
|
+
private _emitChangeEvent;
|
|
1625
|
+
private _markSelected;
|
|
1626
|
+
private _unmarkSelected;
|
|
1627
|
+
private _unmarkAll;
|
|
1628
|
+
private _verifyValueAssignment;
|
|
1629
|
+
private _hasQueuedChanges;
|
|
1630
|
+
private _getConcreteValue;
|
|
1631
|
+
}
|
|
1632
|
+
|
|
1633
|
+
declare class SelectChangeEvent<TComponent> {
|
|
1634
|
+
/** The specific SelectComponent that changed. */
|
|
1635
|
+
readonly source: TComponent;
|
|
1636
|
+
/** The selected value(s) */
|
|
1637
|
+
readonly value: any;
|
|
1638
|
+
constructor(
|
|
1639
|
+
/** The specific SelectComponent that changed. */
|
|
1640
|
+
source: TComponent,
|
|
1641
|
+
/** The selected value(s) */
|
|
1642
|
+
value: any);
|
|
1643
|
+
}
|
|
1644
|
+
interface IRenderedSelectOption extends ISelectOption {
|
|
1645
|
+
readonly selected?: boolean;
|
|
1646
|
+
readonly showGroupLabel?: boolean;
|
|
1647
|
+
}
|
|
1648
|
+
declare const __SelectComponentBase: _impartner_design_components.Constructor<HasTabIndex> & _impartner_design_components.AbstractConstructor<HasTabIndex> & _impartner_design_components.Constructor<CanDisable> & _impartner_design_components.AbstractConstructor<CanDisable> & _impartner_design_components.Constructor<ICanUpdateErrorState> & _impartner_design_components.AbstractConstructor<ICanUpdateErrorState> & {
|
|
1649
|
+
new (_defaultErrorStateMatcher: ErrorStateMatcher, _formRoot: ImpdcFormRoot | null, _parentForm: NgForm | null, _parentFormGroup: FormGroupDirective | null, ngControl: NgControl | null): {
|
|
1650
|
+
readonly stateChanges: Subject<void>;
|
|
1651
|
+
_defaultErrorStateMatcher: ErrorStateMatcher;
|
|
1652
|
+
_formRoot: ImpdcFormRoot | null;
|
|
1653
|
+
_parentForm: NgForm | null;
|
|
1654
|
+
_parentFormGroup: FormGroupDirective | null;
|
|
1655
|
+
ngControl: NgControl | null;
|
|
1656
|
+
};
|
|
1657
|
+
};
|
|
1658
|
+
declare abstract class _SelectComponentBase extends __SelectComponentBase implements ISelectOptionParentComponent, OnInit, AfterViewInit, OnChanges, DoCheck, OnDestroy, ControlValueAccessor, HasTabIndex, ImpdcFormFieldControl<any>, CanDisable, ICanUpdateErrorState, IHasErrorState {
|
|
1659
|
+
protected staticOptions: QueryList<SelectOptionComponent>;
|
|
1660
|
+
protected options: QueryList<SelectOptionDisplayComponent>;
|
|
1661
|
+
protected ngbDropdown: NgbDropdown;
|
|
1662
|
+
protected toggleButtonRef?: ElementRef<HTMLElement>;
|
|
1663
|
+
protected searchInputRef?: ElementRef<HTMLInputElement>;
|
|
1664
|
+
private readonly _ngDestroy;
|
|
1665
|
+
private readonly _searchSubject;
|
|
1666
|
+
private _previousControl?;
|
|
1667
|
+
private _compareWith;
|
|
1668
|
+
private _cvaOnChange;
|
|
1669
|
+
private _cvaOnTouched;
|
|
1670
|
+
protected readonly uid: string;
|
|
1671
|
+
protected readonly changeDetector: ChangeDetectorRef;
|
|
1672
|
+
protected readonly ngZone: NgZone;
|
|
1673
|
+
protected readonly searchControl: FormControl<string | null>;
|
|
1674
|
+
protected readonly BadgeTheme: typeof ComponentTheme;
|
|
1675
|
+
protected readonly filteredOptions$: Observable<IRenderedSelectOption[]>;
|
|
1676
|
+
protected selectionModel: SelectModel<ISelectOption>;
|
|
1677
|
+
protected activeIndex: number;
|
|
1678
|
+
/** @ignore */
|
|
1679
|
+
readonly optionSelectionChanges: Observable<SelectOptionSelectionChangeEvent>;
|
|
1680
|
+
/**
|
|
1681
|
+
* Set whether or not an input field will appear for searching and
|
|
1682
|
+
* filtering visible options.
|
|
1683
|
+
*
|
|
1684
|
+
* - `'none'`: No search control will be displayed, and all select options are provided via projected `<impdc-select-option>` elements.
|
|
1685
|
+
* - `'static'`: A search control will be displayed, select options are provided via projected `<impdc-select-option>` elements, and
|
|
1686
|
+
* filtering is performed against the `[label]` attribute value.
|
|
1687
|
+
* @default 'none'
|
|
1688
|
+
*/
|
|
1689
|
+
get search(): 'none' | 'static';
|
|
1690
|
+
set search(value: 'none' | 'static');
|
|
1691
|
+
/**
|
|
1692
|
+
* The placeholder text that will be displayed when no selection has been made.
|
|
1693
|
+
*
|
|
1694
|
+
* @default \- Select -
|
|
1695
|
+
*/
|
|
1696
|
+
get placeholder(): string;
|
|
1697
|
+
set placeholder(value: string);
|
|
1698
|
+
protected _placeholder: string;
|
|
1699
|
+
/**
|
|
1700
|
+
* Used to set requiredness of control in a template-based manner;
|
|
1701
|
+
* not necessary when using the Angular reactive forms API and `required` validator.
|
|
1702
|
+
*/
|
|
1703
|
+
get required(): boolean;
|
|
1704
|
+
set required(value: boolean);
|
|
1705
|
+
private _required;
|
|
1706
|
+
/**
|
|
1707
|
+
* Whether the control is a single-select or multiple-select. Cannot be changed after component initialization.
|
|
1708
|
+
*/
|
|
1709
|
+
get multiple(): boolean;
|
|
1710
|
+
protected _multiple: boolean;
|
|
1711
|
+
/**
|
|
1712
|
+
* Function used to compare option values with selected values. The first arg is a
|
|
1713
|
+
* `value` from an option, and the second arg is a `value` from the selection or another option.
|
|
1714
|
+
*
|
|
1715
|
+
* @returns Boolean indicating if the values are equivalent.
|
|
1716
|
+
*/
|
|
1717
|
+
get compareWith(): (a: any, b: any) => boolean;
|
|
1718
|
+
set compareWith(fn: (a: any, b: any) => boolean);
|
|
1719
|
+
/**
|
|
1720
|
+
* Document element that the select dropdown will be attached to in the DOM - either the
|
|
1721
|
+
* document's `<body>` tag, or as a child of the component tag.
|
|
1722
|
+
*
|
|
1723
|
+
* The default value (`'body'`) is generally the correct choice, and should only be
|
|
1724
|
+
* overridden when absolutely certain that the result behavior is what's desired.
|
|
1725
|
+
*/
|
|
1726
|
+
dropdownContainer: 'body' | null;
|
|
1727
|
+
errorStateMatcher: ErrorStateMatcher;
|
|
1728
|
+
/** Events fire when selection has been changed by the user. */
|
|
1729
|
+
readonly selectionChange: EventEmitter<SelectChangeEvent<this>>;
|
|
1730
|
+
/**
|
|
1731
|
+
* Events fire when raw value of select changes. Mainly exists to handle
|
|
1732
|
+
* two-way binding of `value` input property.
|
|
1733
|
+
* @ignore
|
|
1734
|
+
*/
|
|
1735
|
+
readonly valueChange: EventEmitter<any>;
|
|
1736
|
+
/**
|
|
1737
|
+
* Events fire when the text value of the option search input control has changed.
|
|
1738
|
+
*/
|
|
1739
|
+
readonly searchTextChanges: Observable<string | null>;
|
|
1740
|
+
constructor(uid: string, tabIndex?: string);
|
|
1741
|
+
get dropdownOpen(): boolean;
|
|
1742
|
+
get empty(): boolean;
|
|
1743
|
+
get selected(): ISelectOption | ISelectOption[];
|
|
1744
|
+
/** @ignore */
|
|
1745
|
+
focus(options?: FocusOptions): void;
|
|
1746
|
+
protected handleOpenChange(isOpen: boolean): void;
|
|
1747
|
+
/** @ignore */
|
|
1748
|
+
ngOnInit(): void;
|
|
1749
|
+
/** @ignore */
|
|
1750
|
+
ngAfterViewInit(): void;
|
|
1751
|
+
/** @ignore */
|
|
1752
|
+
ngDoCheck(): void;
|
|
1753
|
+
/** @ignore */
|
|
1754
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
1755
|
+
/** @ignore */
|
|
1756
|
+
ngOnDestroy(): void;
|
|
1757
|
+
abstract readonly controlType: string;
|
|
1758
|
+
abstract readonly supportsAffixes: boolean;
|
|
1759
|
+
get value(): any;
|
|
1760
|
+
set value(value: any);
|
|
1761
|
+
protected _value: any;
|
|
1762
|
+
get id(): string;
|
|
1763
|
+
set id(value: string);
|
|
1764
|
+
protected _id: string;
|
|
1765
|
+
get focused(): boolean;
|
|
1766
|
+
protected _focused: boolean;
|
|
1767
|
+
/** @ignore */
|
|
1768
|
+
writeValue(value: any): void;
|
|
1769
|
+
/** @ignore */
|
|
1770
|
+
registerOnChange(fn: (value: any) => void): void;
|
|
1771
|
+
/** @ignore */
|
|
1772
|
+
registerOnTouched(fn: () => {}): void;
|
|
1773
|
+
/** @ignore */
|
|
1774
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1775
|
+
protected onFocus(): void;
|
|
1776
|
+
/**
|
|
1777
|
+
* Calls the CVA touched callback only if the dropdown is closed.
|
|
1778
|
+
*/
|
|
1779
|
+
protected onBlur(): void;
|
|
1780
|
+
protected clearSelection(): void;
|
|
1781
|
+
protected handleSearchSubmit(evt: Event): void;
|
|
1782
|
+
protected handleSearchUpDown(evt: Event, direction: 'up' | 'down'): void;
|
|
1783
|
+
protected markActive(index: number): void;
|
|
1784
|
+
protected selectedIsSingle(selected: ISelectOption | ISelectOption[]): selected is ISelectOption;
|
|
1785
|
+
private _initializeSelection;
|
|
1786
|
+
private _setSelectionByValue;
|
|
1787
|
+
private _selectOptionByValue;
|
|
1788
|
+
/** Assigns a value to the select control. Returns a boolean indicating whether or not
|
|
1789
|
+
* the value has changed.
|
|
1790
|
+
*/
|
|
1791
|
+
private _assignValue;
|
|
1792
|
+
private _resetOptions;
|
|
1793
|
+
private _onSelect;
|
|
1794
|
+
private _sortValues;
|
|
1795
|
+
protected _propagateChanges(fallbackValue?: any): void;
|
|
1796
|
+
protected _buildChangeEvent(value: any): SelectChangeEvent<this>;
|
|
1797
|
+
/** @ignore */
|
|
1798
|
+
protected _deselectOption(option: ISelectOption, markTouched?: boolean): void;
|
|
1799
|
+
private _scrollToSelectedOption;
|
|
1800
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<_SelectComponentBase, never>;
|
|
1801
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<_SelectComponentBase, never, never, { "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "searchTextChanges": "searchTextChanges"; }, ["staticOptions"], never, true, never>;
|
|
1802
|
+
}
|
|
1803
|
+
/**
|
|
1804
|
+
* The `SelectComponent` (`<impdc-select`) is a select-style dropdown input where an item (or multiple items) can be picked
|
|
1805
|
+
* from a list of *unique* available options. This component can be used within a `FormFieldComponent` (`<impdc-form-field`).
|
|
1806
|
+
* To use, add `SelectModule` to the `imports` array of the relevant `NgModule` or standalone component.
|
|
1807
|
+
*/
|
|
1808
|
+
declare class SelectComponent extends _SelectComponentBase implements ISelectValueBadgesParentComponent {
|
|
1809
|
+
readonly controlType: string;
|
|
1810
|
+
readonly supportsAffixes: boolean;
|
|
1811
|
+
constructor(tabIndex?: string);
|
|
1812
|
+
/**
|
|
1813
|
+
* Allow the user to click a button inside of the select control and clear their selection(s);
|
|
1814
|
+
*
|
|
1815
|
+
* @default true
|
|
1816
|
+
*/
|
|
1817
|
+
allowClear: boolean;
|
|
1818
|
+
get multiple(): boolean;
|
|
1819
|
+
set multiple(value: boolean);
|
|
1820
|
+
multipleDisplay: 'inside' | 'outside';
|
|
1821
|
+
/** @ignore */
|
|
1822
|
+
deselectOption(option: ISelectOption): void;
|
|
1823
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, [{ attribute: "tabindex"; }]>;
|
|
1824
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "impdc-select", ["impdcSelect"], { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "search": { "alias": "search"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "dropdownContainer": { "alias": "dropdownContainer"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "multipleDisplay": { "alias": "multipleDisplay"; "required": false; }; }, { "selectionChange": "selectionChange"; "valueChange": "valueChange"; "searchTextChanges": "searchTextChanges"; }, never, never, true, never>;
|
|
1825
|
+
static ngAcceptInputType_tabIndex: unknown;
|
|
1826
|
+
static ngAcceptInputType_required: unknown;
|
|
1827
|
+
static ngAcceptInputType_allowClear: unknown;
|
|
1828
|
+
static ngAcceptInputType_multiple: unknown;
|
|
1829
|
+
}
|
|
1830
|
+
|
|
1831
|
+
interface ISelectOptionParentComponent {
|
|
1832
|
+
readonly multiple?: boolean;
|
|
1833
|
+
}
|
|
1834
|
+
declare const IMPDC_SELECT_OPTION_PARENT_COMPONENT: InjectionToken<ISelectOptionParentComponent>;
|
|
1835
|
+
interface ISelectValueBadgesParentComponent {
|
|
1836
|
+
readonly selected: ISelectOption | ISelectOption[];
|
|
1837
|
+
readonly selectionChange: Observable<SelectChangeEvent<ISelectValueBadgesParentComponent>>;
|
|
1838
|
+
readonly stateChanges: Observable<void>;
|
|
1839
|
+
readonly disabled: boolean;
|
|
1840
|
+
deselectOption(option: ISelectOption): void;
|
|
1841
|
+
}
|
|
1842
|
+
declare const IMPDC_SELECT_VALUE_BADGES_PARENT_COMPONENT: InjectionToken<ISelectValueBadgesParentComponent>;
|
|
1843
|
+
|
|
1844
|
+
declare class SelectOptionSelectionChangeEvent<T = any> {
|
|
1845
|
+
source: SelectOptionDisplayComponent;
|
|
1846
|
+
isUserInput: boolean;
|
|
1847
|
+
constructor(source: SelectOptionDisplayComponent, isUserInput?: boolean);
|
|
1848
|
+
}
|
|
1849
|
+
declare class SelectOptionDisplayComponent extends NgbDropdownItem implements ISelectOption, OnDestroy {
|
|
1850
|
+
protected readonly parent: ISelectOptionParentComponent | undefined;
|
|
1851
|
+
private readonly _changeDetector;
|
|
1852
|
+
/** @ignore */
|
|
1853
|
+
readonly stateChanges: Subject<void>;
|
|
1854
|
+
private _selected;
|
|
1855
|
+
private __disabled;
|
|
1856
|
+
/** @ignore */
|
|
1857
|
+
get multiple(): boolean;
|
|
1858
|
+
/** @ignore */
|
|
1859
|
+
get selected(): boolean;
|
|
1860
|
+
set selected(value: boolean | undefined);
|
|
1861
|
+
/**
|
|
1862
|
+
* The specific value represented by the select option.
|
|
1863
|
+
*/
|
|
1864
|
+
value: any;
|
|
1865
|
+
/**
|
|
1866
|
+
* Label text describing the select option.
|
|
1867
|
+
*/
|
|
1868
|
+
get label(): string;
|
|
1869
|
+
set label(label: string);
|
|
1870
|
+
private _label;
|
|
1871
|
+
groupLabel?: string;
|
|
1872
|
+
highlightText: string | null;
|
|
1873
|
+
/** @ignore */
|
|
1874
|
+
id: string;
|
|
1875
|
+
/**
|
|
1876
|
+
* Used to enable or disable the specific select option.
|
|
1877
|
+
*/
|
|
1878
|
+
get disabled(): boolean;
|
|
1879
|
+
set disabled(value: BooleanInput);
|
|
1880
|
+
/** @ignore */
|
|
1881
|
+
readonly onSelectionChange: EventEmitter<SelectOptionSelectionChangeEvent<any>>;
|
|
1882
|
+
constructor(parent: ISelectOptionParentComponent | undefined, _changeDetector: ChangeDetectorRef);
|
|
1883
|
+
/** @ignore */
|
|
1884
|
+
select(): void;
|
|
1885
|
+
/** @ignore */
|
|
1886
|
+
deselect(): void;
|
|
1887
|
+
/** @ignore */
|
|
1888
|
+
ngOnDestroy(): void;
|
|
1889
|
+
/** Ensures the option is selected when activated from the keyboard. */
|
|
1890
|
+
protected handleKeydown(event: KeyboardEvent): void;
|
|
1891
|
+
/**
|
|
1892
|
+
* `Selects the option while indicating the selection came from the user. Used to
|
|
1893
|
+
* determine if the select's view -> model callback should be invoked.`
|
|
1894
|
+
*/
|
|
1895
|
+
protected selectViaInteraction(): void;
|
|
1896
|
+
private _emitSelectionChangeEvent;
|
|
1897
|
+
private _isInteractionKeyEvent;
|
|
1898
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SelectOptionDisplayComponent, [{ optional: true; }, null]>;
|
|
1899
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SelectOptionDisplayComponent, "impdc-select-option-display", never, { "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "groupLabel": { "alias": "groupLabel"; "required": false; }; "highlightText": { "alias": "highlightText"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onSelectionChange": "onSelectionChange"; }, never, never, true, never>;
|
|
1900
|
+
}
|
|
1901
|
+
|
|
1902
|
+
declare class SelectValueTagsDisplayComponent implements OnInit, OnChanges, OnDestroy {
|
|
1903
|
+
private readonly _changeDetector;
|
|
1904
|
+
private readonly _parentSelect;
|
|
1905
|
+
private readonly _destroy$;
|
|
1906
|
+
protected readonly BadgeTheme: typeof ComponentTheme;
|
|
1907
|
+
protected truncate: boolean;
|
|
1908
|
+
rounded: boolean;
|
|
1909
|
+
get select(): ISelectValueBadgesParentComponent | null;
|
|
1910
|
+
set select(value: ISelectValueBadgesParentComponent | null);
|
|
1911
|
+
private _select;
|
|
1912
|
+
protected get resolvedSelect(): ISelectValueBadgesParentComponent | null;
|
|
1913
|
+
/**
|
|
1914
|
+
* Render the control is a readonly state.
|
|
1915
|
+
*
|
|
1916
|
+
* Semantically distinct from `disabled`, `readonly` controls will still have their values bound in
|
|
1917
|
+
* Angular forms and `FormGroup`s, whereas a disabled control's value would be omitted.
|
|
1918
|
+
*/
|
|
1919
|
+
readonly: boolean;
|
|
1920
|
+
/**
|
|
1921
|
+
* The maximum number of values that will be displayed inline before truncation occurs.
|
|
1922
|
+
*/
|
|
1923
|
+
truncateThreshold: number | undefined;
|
|
1924
|
+
/**
|
|
1925
|
+
* Text to be shown when displayed values are truncated, allowing the user to view all selected values.
|
|
1926
|
+
*/
|
|
1927
|
+
showMoreLabel: string;
|
|
1928
|
+
/**
|
|
1929
|
+
* Text to be shown when displayed values have been expanded beyond the truncation threshold, allowing
|
|
1930
|
+
* the user collapse the view again.
|
|
1931
|
+
*/
|
|
1932
|
+
showLessLabel: string;
|
|
1933
|
+
ngOnInit(): void;
|
|
1934
|
+
ngOnChanges(): void;
|
|
1935
|
+
ngOnDestroy(): void;
|
|
1936
|
+
protected toggleTruncate(): void;
|
|
1937
|
+
protected observeStateChanges(select: ISelectValueBadgesParentComponent): void;
|
|
1938
|
+
protected selectedIsMultiple(selected: ISelectOption | ISelectOption[]): selected is ISelectOption[];
|
|
1939
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SelectValueTagsDisplayComponent, never>;
|
|
1940
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SelectValueTagsDisplayComponent, "impdc-select-value-tags-display", never, { "rounded": { "alias": "rounded"; "required": false; }; "select": { "alias": "select"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "truncateThreshold": { "alias": "truncateThreshold"; "required": false; }; "showMoreLabel": { "alias": "showMoreLabel"; "required": false; }; "showLessLabel": { "alias": "showLessLabel"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1941
|
+
static ngAcceptInputType_rounded: unknown;
|
|
1942
|
+
}
|
|
1943
|
+
|
|
1944
|
+
declare class SelectModule {
|
|
1945
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SelectModule, never>;
|
|
1946
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SelectModule, never, [typeof SelectOptionGroupComponent, typeof SelectOptionComponent, typeof SelectValueTagsDisplayComponent, typeof SelectComponent], [typeof SelectOptionGroupComponent, typeof SelectOptionComponent, typeof SelectValueTagsDisplayComponent, typeof SelectComponent]>;
|
|
1947
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SelectModule>;
|
|
1948
|
+
}
|
|
1949
|
+
|
|
1950
|
+
/**
|
|
1951
|
+
* The `TagSelectComponent` (`<impdc-tag-select>`) is a form control where multiple "tag"-like values can
|
|
1952
|
+
* be picked from a list of *unique* available options. This component can be used within a `FormFieldComponent`
|
|
1953
|
+
* (`<impdc-form-field>`) component or on its own. To use, add `TagSelectComponent` to the `imports` array of
|
|
1954
|
+
* the relevant `NgModule` or standalone component.
|
|
1955
|
+
*/
|
|
1956
|
+
declare class TagSelectComponent extends _SelectComponentBase implements ISelectValueBadgesParentComponent {
|
|
1957
|
+
readonly controlType: string;
|
|
1958
|
+
readonly supportsAffixes: boolean;
|
|
1959
|
+
/**
|
|
1960
|
+
* Render the control is a readonly state.
|
|
1961
|
+
*
|
|
1962
|
+
* Semantically distinct from `disabled`, `readonly` controls will still have their values bound in
|
|
1963
|
+
* Angular forms and `FormGroup`s, whereas a disabled control's value would be omitted.
|
|
1964
|
+
*/
|
|
1965
|
+
readonly: boolean;
|
|
1966
|
+
/**
|
|
1967
|
+
* The maximum number of values that will be displayed inline before truncation occurs.
|
|
1968
|
+
*/
|
|
1969
|
+
truncateThreshold: number;
|
|
1970
|
+
/**
|
|
1971
|
+
* Text to be shown when displayed values are truncated, allowing the user to view all selected values.
|
|
1972
|
+
*/
|
|
1973
|
+
showMoreLabel: string;
|
|
1974
|
+
/**
|
|
1975
|
+
* Text to be shown when displayed values have been expanded beyond the truncation threshold, allowing
|
|
1976
|
+
* the user collapse the view again.
|
|
1977
|
+
*/
|
|
1978
|
+
showLessLabel: string;
|
|
1979
|
+
constructor(tabIndex?: string);
|
|
1980
|
+
/** @ignore */
|
|
1981
|
+
deselectOption(option: ISelectOption): void;
|
|
1982
|
+
protected toggleDropdown(evt: Event): void;
|
|
1983
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TagSelectComponent, [{ attribute: "tabindex"; }]>;
|
|
1984
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TagSelectComponent, "impdc-tag-select", ["impdcTagSelect"], { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "search": { "alias": "search"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "dropdownContainer": { "alias": "dropdownContainer"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "truncateThreshold": { "alias": "truncateThreshold"; "required": false; }; "showMoreLabel": { "alias": "showMoreLabel"; "required": false; }; "showLessLabel": { "alias": "showLessLabel"; "required": false; }; }, { "selectionChange": "selectionChange"; "valueChange": "valueChange"; "searchTextChanges": "searchTextChanges"; }, never, never, true, never>;
|
|
1985
|
+
static ngAcceptInputType_tabIndex: unknown;
|
|
1986
|
+
static ngAcceptInputType_required: unknown;
|
|
1987
|
+
static ngAcceptInputType_readonly: unknown;
|
|
1988
|
+
static ngAcceptInputType_truncateThreshold: unknown;
|
|
1989
|
+
}
|
|
1990
|
+
|
|
1991
|
+
/** @docs-private */
|
|
1992
|
+
declare function getImpdcFormFieldMissingControlError(): Error;
|
|
1993
|
+
|
|
1994
|
+
declare class FeedbackTextCounterComponent {
|
|
1995
|
+
readonly input: i0.InputSignal<InputDirective>;
|
|
1996
|
+
readonly maxLength: i0.InputSignal<number>;
|
|
1997
|
+
protected readonly isText: i0.Signal<boolean>;
|
|
1998
|
+
protected readonly currentLength: i0.Signal<number>;
|
|
1999
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FeedbackTextCounterComponent, never>;
|
|
2000
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FeedbackTextCounterComponent, "impdc-feedback-text-counter", never, { "input": { "alias": "input"; "required": true; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
2001
|
+
}
|
|
2002
|
+
|
|
2003
|
+
declare const FORM_FIELD_FEEDBACK_COMPONENTS: (typeof FeedbackTextCounterComponent)[];
|
|
2004
|
+
|
|
2005
|
+
declare class ImpdcFormsModule {
|
|
2006
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ImpdcFormsModule, never>;
|
|
2007
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ImpdcFormsModule, never, [typeof i2.CommonModule, typeof FormFieldModule, typeof CheckboxModule, typeof CheckboxGroupModule, typeof RadioModule, typeof SelectModule, typeof TagSelectComponent, typeof InputDirective, typeof FeedbackTextCounterComponent], [typeof FormFieldModule, typeof CheckboxModule, typeof CheckboxGroupModule, typeof RadioModule, typeof SelectModule, typeof TagSelectComponent, typeof InputDirective, typeof FeedbackTextCounterComponent]>;
|
|
2008
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ImpdcFormsModule>;
|
|
2009
|
+
}
|
|
2010
|
+
|
|
2011
|
+
interface IElementSize {
|
|
2012
|
+
height: number;
|
|
2013
|
+
width: number;
|
|
2014
|
+
}
|
|
2015
|
+
|
|
2016
|
+
declare class SizeDetectorDirective implements OnDestroy {
|
|
2017
|
+
private readonly _elementRef;
|
|
2018
|
+
readonly resized: EventEmitter<IElementSize>;
|
|
2019
|
+
private _resizeObserver;
|
|
2020
|
+
constructor(_elementRef: ElementRef);
|
|
2021
|
+
ngOnDestroy(): void;
|
|
2022
|
+
private _observe;
|
|
2023
|
+
private _unobserve;
|
|
2024
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SizeDetectorDirective, never>;
|
|
2025
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SizeDetectorDirective, "[impdcSizeDetector]", never, {}, { "resized": "resized"; }, never, never, false, never>;
|
|
2026
|
+
}
|
|
2027
|
+
|
|
2028
|
+
declare class SizeDetectionModule {
|
|
2029
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SizeDetectionModule, never>;
|
|
2030
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SizeDetectionModule, [typeof SizeDetectorDirective], [typeof i2.CommonModule], [typeof SizeDetectorDirective]>;
|
|
2031
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SizeDetectionModule>;
|
|
2032
|
+
}
|
|
2033
|
+
|
|
2034
|
+
/**
|
|
2035
|
+
* The `PaginationComponent` (`<impdc-pagination` or `<div impdc-pagination`) is a control for paged content such as tables or lists.
|
|
2036
|
+
* To use, import `PaginationModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
2037
|
+
* `ModalModule` imports and exports ImpdcFormsModule and [ButtonModule](./?path=/docs/design-components-button).
|
|
2038
|
+
*/
|
|
2039
|
+
declare class PaginationComponent {
|
|
2040
|
+
private readonly _changeDetectorRef;
|
|
2041
|
+
private readonly _domSanitizer;
|
|
2042
|
+
private _summary;
|
|
2043
|
+
/**
|
|
2044
|
+
* The current page.
|
|
2045
|
+
*/
|
|
2046
|
+
page: number;
|
|
2047
|
+
/**
|
|
2048
|
+
* The number of items shown per page. Items are commonly displayed as rows in a table.
|
|
2049
|
+
*/
|
|
2050
|
+
perPage: number;
|
|
2051
|
+
/**
|
|
2052
|
+
* The total number of items.
|
|
2053
|
+
*/
|
|
2054
|
+
total: number;
|
|
2055
|
+
/**
|
|
2056
|
+
* A formattable text summary of pagination data. `{firstPageResult}` The first item within the current page.
|
|
2057
|
+
* `{lastPageResult}` The last item within the current page. `{total}` The total number of items.
|
|
2058
|
+
*/
|
|
2059
|
+
set summary(summary: string);
|
|
2060
|
+
get summary(): string;
|
|
2061
|
+
/**
|
|
2062
|
+
* The label text for the per page select input.
|
|
2063
|
+
*/
|
|
2064
|
+
perPageLabel: string;
|
|
2065
|
+
/**
|
|
2066
|
+
* Emitted when the page number is changed, specifying the target page number.
|
|
2067
|
+
*/
|
|
2068
|
+
readonly goToPage: EventEmitter<number>;
|
|
2069
|
+
/**
|
|
2070
|
+
* Emitted when the per page is changed, specifying the new value.
|
|
2071
|
+
*/
|
|
2072
|
+
readonly perPageChange: EventEmitter<number>;
|
|
2073
|
+
get totalPages(): number;
|
|
2074
|
+
get firstPageResult(): number;
|
|
2075
|
+
get lastPageResult(): number;
|
|
2076
|
+
/** @ignore */
|
|
2077
|
+
mobile: boolean;
|
|
2078
|
+
constructor(_changeDetectorRef: ChangeDetectorRef);
|
|
2079
|
+
handleResize(size: IElementSize): void;
|
|
2080
|
+
goToPreviousPage(): void;
|
|
2081
|
+
goToNextPage(): void;
|
|
2082
|
+
goToExactPageFromEvent({ target }: FocusEvent): void;
|
|
2083
|
+
goToExactPage(page: number | string): void;
|
|
2084
|
+
handlePerPageChange(): void;
|
|
2085
|
+
preventDefaultAndBlur(event: Event): void;
|
|
2086
|
+
private _getPageClamped;
|
|
2087
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
|
|
2088
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "impdc-pagination, div[impdc-pagination]", never, { "page": { "alias": "page"; "required": false; }; "perPage": { "alias": "perPage"; "required": false; }; "total": { "alias": "total"; "required": false; }; "summary": { "alias": "summary"; "required": false; }; "perPageLabel": { "alias": "perPageLabel"; "required": false; }; }, { "goToPage": "goToPage"; "perPageChange": "perPageChange"; }, never, never, false, never>;
|
|
2089
|
+
}
|
|
2090
|
+
|
|
2091
|
+
declare class PaginationModule {
|
|
2092
|
+
constructor();
|
|
2093
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PaginationModule, never>;
|
|
2094
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PaginationModule, [typeof PaginationComponent], [typeof i2.CommonModule, typeof ButtonModule, typeof i4.FormsModule, typeof ImpdcFormsModule, typeof IconModule, typeof SizeDetectionModule], [typeof ButtonModule, typeof ImpdcFormsModule, typeof IconModule, typeof PaginationComponent]>;
|
|
2095
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<PaginationModule>;
|
|
2096
|
+
}
|
|
2097
|
+
|
|
2098
|
+
declare class ColumnHeadingComponent {
|
|
2099
|
+
isSortable: boolean;
|
|
2100
|
+
columnIndex?: number;
|
|
2101
|
+
sortColumnIndex?: number;
|
|
2102
|
+
direction: 'asc' | 'desc';
|
|
2103
|
+
text: string;
|
|
2104
|
+
get sortedColumn(): boolean;
|
|
2105
|
+
sort: EventEmitter<number>;
|
|
2106
|
+
onSort(): void;
|
|
2107
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColumnHeadingComponent, never>;
|
|
2108
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ColumnHeadingComponent, "impdc-column-heading", never, { "isSortable": { "alias": "isSortable"; "required": false; }; "columnIndex": { "alias": "columnIndex"; "required": false; }; "sortColumnIndex": { "alias": "sortColumnIndex"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, { "sort": "sort"; }, never, never, false, never>;
|
|
2109
|
+
}
|
|
2110
|
+
|
|
2111
|
+
/**
|
|
2112
|
+
* A container component for projecting displays and controls for performing bulk actions upon one
|
|
2113
|
+
* or more selected table rows. Elements to be projected should be decorated with `[selectedTotal]`
|
|
2114
|
+
* and `[bulkAction]` attributes.
|
|
2115
|
+
*/
|
|
2116
|
+
declare class TableBulkActionsComponent {
|
|
2117
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TableBulkActionsComponent, never>;
|
|
2118
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TableBulkActionsComponent, "impdc-table-bulk-actions", never, {}, {}, never, ["[selectedTotal]", "[bulkAction]"], false, never>;
|
|
2119
|
+
}
|
|
2120
|
+
|
|
2121
|
+
declare class RowActionsComponent {
|
|
2122
|
+
columnDef: ITableActionsColumnDef<any>;
|
|
2123
|
+
rowItem: ITableRowItem;
|
|
2124
|
+
lastColumn: boolean;
|
|
2125
|
+
actionClick: EventEmitter<string>;
|
|
2126
|
+
/** @ignore */
|
|
2127
|
+
branded: boolean;
|
|
2128
|
+
constructor(_branded: BrandedDirective);
|
|
2129
|
+
handleActionClick(apiName: string): void;
|
|
2130
|
+
getColor(action: ITableRowAction): string;
|
|
2131
|
+
protected getButtonThemeFromComponentTheme(componentTheme?: ComponentTheme): ButtonTheme;
|
|
2132
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RowActionsComponent, [{ optional: true; }]>;
|
|
2133
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RowActionsComponent, "impdc-row-actions", never, { "columnDef": { "alias": "columnDef"; "required": true; }; "rowItem": { "alias": "rowItem"; "required": true; }; "lastColumn": { "alias": "lastColumn"; "required": false; }; }, { "actionClick": "actionClick"; }, never, never, false, never>;
|
|
2134
|
+
}
|
|
2135
|
+
|
|
2136
|
+
/**
|
|
2137
|
+
* The `TableComponent` (`<impdc-table`) is a data table component.
|
|
2138
|
+
* To use, import `TableModule` from `@impartner/design-components`.
|
|
2139
|
+
*/
|
|
2140
|
+
declare class TableComponent implements OnChanges {
|
|
2141
|
+
private readonly _datePipe;
|
|
2142
|
+
private readonly _percentPipe;
|
|
2143
|
+
private readonly _decmialPipe;
|
|
2144
|
+
private readonly _changeDetectorRef;
|
|
2145
|
+
private _branded;
|
|
2146
|
+
/**
|
|
2147
|
+
* Whether the table data is currently being loaded. The `<impdc-spinner>` will show if data is loading.
|
|
2148
|
+
*/
|
|
2149
|
+
loading: boolean;
|
|
2150
|
+
/**
|
|
2151
|
+
* The visible columns of the table. Each `ITableColumnDef` defines properties regarding the display, formatting and interaction of the column's cells.
|
|
2152
|
+
* Column/cell color precedence is:
|
|
2153
|
+
* 1) `fieldColor` - allows an `ITableColumnDef` to delegate the responsibility of cell color to an `ITableRowItem` property.
|
|
2154
|
+
* 2) `colorGetter`- allows an `ITableColumnDef` to delegate the responsibility of cell color to a function of the `ITableRowItem` determined by the developer.
|
|
2155
|
+
* 3) `color` - a property of an `ITableColumnDef`.
|
|
2156
|
+
*/
|
|
2157
|
+
columnDefs: TableColumnDef<any>[];
|
|
2158
|
+
/**
|
|
2159
|
+
* Whether the table is striped.
|
|
2160
|
+
*/
|
|
2161
|
+
striped: boolean;
|
|
2162
|
+
/**
|
|
2163
|
+
* Whether table rows should apply hover styles when hovered over via cursor.
|
|
2164
|
+
*/
|
|
2165
|
+
hover: boolean;
|
|
2166
|
+
/**
|
|
2167
|
+
* The layout algorithm to be used when rendering the table.
|
|
2168
|
+
*/
|
|
2169
|
+
layout: 'auto' | 'fixed';
|
|
2170
|
+
/**
|
|
2171
|
+
* Whether individual rows can be selected. Will be `true` if explicitly set to `true` or `canSelectAllRows` is `true`.
|
|
2172
|
+
*/
|
|
2173
|
+
set canSelectRows(value: boolean);
|
|
2174
|
+
get canSelectRows(): boolean;
|
|
2175
|
+
/**
|
|
2176
|
+
* Whether all rows can be selected at once. Will be `true` if explicitly set to `true` or if `TableBulkActionsComponent` is content projected.
|
|
2177
|
+
*/
|
|
2178
|
+
set canSelectAllRows(value: boolean);
|
|
2179
|
+
get canSelectAllRows(): boolean;
|
|
2180
|
+
/**
|
|
2181
|
+
* The placeholder text and empty value display text for `<impdc-select>` instances in cells with a `ITableColumnDef` `columnType` = `SingleSelect` or `MultiSelect`.
|
|
2182
|
+
*/
|
|
2183
|
+
selectPlaceholder: string;
|
|
2184
|
+
/**
|
|
2185
|
+
* The `columnDefs` index of the currently sorted column.
|
|
2186
|
+
*/
|
|
2187
|
+
sortColumnIndex: number;
|
|
2188
|
+
/**
|
|
2189
|
+
* The direction of the currently sorted column.
|
|
2190
|
+
*/
|
|
2191
|
+
sortDirection: 'asc' | 'desc';
|
|
2192
|
+
/**
|
|
2193
|
+
* The table row data as an array of `ITableRowItem`.
|
|
2194
|
+
*/
|
|
2195
|
+
tableData: ITableRowItem[];
|
|
2196
|
+
/**
|
|
2197
|
+
* An array of currently selected IDs from the `tableData` input. Array must be of type `(string | number)[]`.
|
|
2198
|
+
*/
|
|
2199
|
+
set selectedRowIds(value: (string | number)[]);
|
|
2200
|
+
get selectedRowIds(): (string | number)[];
|
|
2201
|
+
/**
|
|
2202
|
+
* The registered custom cell renderer components available to be used in the table instance.
|
|
2203
|
+
* For a given `ITableColumnDef` in the `columnDefs` input, the `cellRendererComponent` property should be set to the key of the registered component in this input.
|
|
2204
|
+
*/
|
|
2205
|
+
customCellComponents?: ICustomCellRendererComponents;
|
|
2206
|
+
/**
|
|
2207
|
+
* An optional template for content that may be rendered below a row in an collapsible view. Value can either be an Angular template or a function that can evaluated
|
|
2208
|
+
* to resolve to a template. The template will be rendered with a provided `ICollapsibleRowContentContext` object as template context, with the current `ITableRowData`
|
|
2209
|
+
* implicitly available as a default template key.
|
|
2210
|
+
*/
|
|
2211
|
+
collapsibleTemplate: TemplateRef<ICollapsibleRowContentContext<any>> | null | ((row: any) => TemplateRef<ICollapsibleRowContentContext<any>> | null);
|
|
2212
|
+
/**
|
|
2213
|
+
* The clickable control that will trigger expansion and collapse of content when using `collapsibleTemplate` functionality.
|
|
2214
|
+
* When set to `button`, the collapsible content's state can only be toggled from a clickable button at the start of the row.
|
|
2215
|
+
* When set to `row`, the entire row will become a clickable trigger.
|
|
2216
|
+
*/
|
|
2217
|
+
collapsibleTrigger: 'button' | 'row';
|
|
2218
|
+
/**
|
|
2219
|
+
* Event emitted when one or multiple rows are selected. Emits `(string | number)[]` payload.
|
|
2220
|
+
*/
|
|
2221
|
+
readonly rowSelect: EventEmitter<(string | number)[]>;
|
|
2222
|
+
/**
|
|
2223
|
+
* Event emitted when a column is sorted. Emits `ISortByPayload` payload.
|
|
2224
|
+
*/
|
|
2225
|
+
readonly sortBy: EventEmitter<ISortByPayload>;
|
|
2226
|
+
/**
|
|
2227
|
+
* Event emitted when a row link is clicked. Emits `ITableEventPayload` payload.
|
|
2228
|
+
*/
|
|
2229
|
+
readonly linkClick: EventEmitter<ITableEventPayload<any>>;
|
|
2230
|
+
/**
|
|
2231
|
+
* Event emitted when a row action is clicked. Emits an `ITableRowActionPayload` payload.
|
|
2232
|
+
*/
|
|
2233
|
+
readonly rowActionClick: EventEmitter<ITableRowActionPayload<any>>;
|
|
2234
|
+
/**
|
|
2235
|
+
* Event emitted when a row input value is changed. Emitted cells of `columnType` `SingleSelect`, `MultiSelect`, `Input`, `Boolean` or `Icon`.
|
|
2236
|
+
* Not emitted if column definition property `disabled` = `true`. Emits `ITableEventPayload` payload.
|
|
2237
|
+
*/
|
|
2238
|
+
readonly inputChange: EventEmitter<ITableEventPayload<any>>;
|
|
2239
|
+
/**
|
|
2240
|
+
* Event emitted when a row with collapsible content has its collapse state changed.
|
|
2241
|
+
*/
|
|
2242
|
+
readonly rowCollapseChange: EventEmitter<ITableRowCollapseChange<any>>;
|
|
2243
|
+
/** @ignore */
|
|
2244
|
+
paginationComponent?: PaginationComponent;
|
|
2245
|
+
/** @ignore */
|
|
2246
|
+
bulkActions?: TableBulkActionsComponent;
|
|
2247
|
+
/** @ignore */
|
|
2248
|
+
readonly cellType: typeof TableColumnType;
|
|
2249
|
+
/** @ignore */
|
|
2250
|
+
allSelected: boolean;
|
|
2251
|
+
/** @ignore */
|
|
2252
|
+
get someSelected(): boolean;
|
|
2253
|
+
/** @ignore */
|
|
2254
|
+
readonly branded: boolean;
|
|
2255
|
+
/** @ignore */
|
|
2256
|
+
get tableSpan(): number;
|
|
2257
|
+
private _canSelectRows;
|
|
2258
|
+
private _canSelectAllRows;
|
|
2259
|
+
private _selectedRowIds;
|
|
2260
|
+
private readonly _inputChange;
|
|
2261
|
+
constructor(_datePipe: DatePipe, _percentPipe: PercentPipe, _decmialPipe: DecimalPipe, _changeDetectorRef: ChangeDetectorRef, _branded: BrandedDirective);
|
|
2262
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
2263
|
+
/** @ignore */
|
|
2264
|
+
getMailToValue(columnIndex: number, currentRow: ITableRowItem): string;
|
|
2265
|
+
/** @ignore */
|
|
2266
|
+
getStringValue(columnIndex: number, currentRow: ITableRowItem): string;
|
|
2267
|
+
/** @ignore */
|
|
2268
|
+
getValue(columnIndex: number, currentRow: ITableRowItem): string | string[];
|
|
2269
|
+
/** @ignore */
|
|
2270
|
+
getRawValue(columnIndex: number, currentRow: ITableRowItem): ITableRowItemValueTypes;
|
|
2271
|
+
/** @ignore */
|
|
2272
|
+
getCellColor(columnDefinition: TableColumnDef, item: ITableRowItem): string;
|
|
2273
|
+
/** @ignore */
|
|
2274
|
+
getTheme(columnDefinition: TableColumnDef, item: ITableRowItem): ComponentTheme;
|
|
2275
|
+
/** @ignore */
|
|
2276
|
+
isSortedColumn(columnIndex: number): boolean;
|
|
2277
|
+
/** @ignore */
|
|
2278
|
+
isRowSelected(id: string | number): boolean;
|
|
2279
|
+
/** @ignore */
|
|
2280
|
+
handleSelectAll(event: CheckboxChangeEvent): void;
|
|
2281
|
+
/** @ignore */
|
|
2282
|
+
handleSort(columnIndex: number): void;
|
|
2283
|
+
/** @ignore */
|
|
2284
|
+
handleRowSelect(event: CheckboxChangeEvent, rowId: number | string): void;
|
|
2285
|
+
/** @ignore */
|
|
2286
|
+
handleCellValueChange(columnIndex: number, rowIndex: number, value: string | number | boolean | string[]): void;
|
|
2287
|
+
/** @ignore */
|
|
2288
|
+
handleLinkClick(columnIndex: number, item: ITableRowItem, event: Event): void;
|
|
2289
|
+
/** @ignore */
|
|
2290
|
+
handleActionClick(columnIndex: number, item: ITableRowItem, actionApiName: string): void;
|
|
2291
|
+
protected columnDefIsActions(columnDef: TableColumnDef<any>): columnDef is ITableActionsColumnDef<any>;
|
|
2292
|
+
protected tryToggleCollapse(collapsibleForRowResult: {
|
|
2293
|
+
template: TemplateRef<ICollapsibleRowContentContext> | null;
|
|
2294
|
+
}, ngbCollapse: NgbCollapse, event: Event, source: 'button' | 'row'): void;
|
|
2295
|
+
protected getCollapsibleTemplateForRow(row: ITableRowItem): {
|
|
2296
|
+
template: TemplateRef<ICollapsibleRowContentContext> | null;
|
|
2297
|
+
};
|
|
2298
|
+
private _getColumnDefByIndex;
|
|
2299
|
+
private _getValue;
|
|
2300
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, [null, null, null, null, { optional: true; host: true; }]>;
|
|
2301
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "impdc-table", never, { "loading": { "alias": "loading"; "required": false; }; "columnDefs": { "alias": "columnDefs"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "hover": { "alias": "hover"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "canSelectRows": { "alias": "canSelectRows"; "required": false; }; "canSelectAllRows": { "alias": "canSelectAllRows"; "required": false; }; "selectPlaceholder": { "alias": "selectPlaceholder"; "required": false; }; "sortColumnIndex": { "alias": "sortColumnIndex"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "tableData": { "alias": "tableData"; "required": false; }; "selectedRowIds": { "alias": "selectedRowIds"; "required": false; }; "customCellComponents": { "alias": "customCellComponents"; "required": false; }; "collapsibleTemplate": { "alias": "collapsibleTemplate"; "required": false; }; "collapsibleTrigger": { "alias": "collapsibleTrigger"; "required": false; }; }, { "rowSelect": "rowSelect"; "sortBy": "sortBy"; "linkClick": "linkClick"; "rowActionClick": "rowActionClick"; "inputChange": "inputChange"; "rowCollapseChange": "rowCollapseChange"; }, ["paginationComponent", "bulkActions"], ["impdc-table-bulk-actions", "[impdcTableBulkActions]", "[noData]", "impdc-pagination, div[impdc-pagination]"], false, never>;
|
|
2302
|
+
}
|
|
2303
|
+
|
|
2304
|
+
declare class TableInjectComponentDirective implements OnInit {
|
|
2305
|
+
private readonly _viewContainerRef;
|
|
2306
|
+
private readonly _componentFactoryResolver;
|
|
2307
|
+
columnDef: TableColumnDef;
|
|
2308
|
+
value: ITableRowItemValueTypes;
|
|
2309
|
+
rowItem: ITableRowItem;
|
|
2310
|
+
customCellComponents: ICustomCellRendererComponents;
|
|
2311
|
+
constructor(_viewContainerRef: ViewContainerRef, _componentFactoryResolver: ComponentFactoryResolver);
|
|
2312
|
+
ngOnInit(): void;
|
|
2313
|
+
private _renderCustomCell;
|
|
2314
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TableInjectComponentDirective, never>;
|
|
2315
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TableInjectComponentDirective, "[impdcTableInjectComponent]", never, { "columnDef": { "alias": "columnDef"; "required": true; }; "value": { "alias": "value"; "required": false; }; "rowItem": { "alias": "rowItem"; "required": false; }; "customCellComponents": { "alias": "customCellComponents"; "required": false; }; }, {}, never, never, false, never>;
|
|
2316
|
+
}
|
|
2317
|
+
|
|
2318
|
+
/**
|
|
2319
|
+
* The `SpinnerComponent` (`<impdc-spinner` or `<div impdc-spinner`) is used when data is processing and content isn't ready to be interacted with yet.
|
|
2320
|
+
* To use, import `SpinnerModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
2321
|
+
*/
|
|
2322
|
+
declare class SpinnerComponent {
|
|
2323
|
+
/**
|
|
2324
|
+
* Accessibility text used by screen readers.
|
|
2325
|
+
*/
|
|
2326
|
+
accessibilityText: string;
|
|
2327
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, never>;
|
|
2328
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "impdc-spinner, div[impdc-spinner]", never, { "accessibilityText": { "alias": "accessibilityText"; "required": false; }; }, {}, never, never, false, never>;
|
|
2329
|
+
}
|
|
2330
|
+
|
|
2331
|
+
declare class SpinnerModule {
|
|
2332
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerModule, never>;
|
|
2333
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SpinnerModule, [typeof SpinnerComponent], [typeof i2.CommonModule], [typeof SpinnerComponent]>;
|
|
2334
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SpinnerModule>;
|
|
2335
|
+
}
|
|
2336
|
+
|
|
2337
|
+
declare class TableModule {
|
|
2338
|
+
constructor();
|
|
2339
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TableModule, never>;
|
|
2340
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TableModule, [typeof CollapseMonitorDirective, typeof TableDirective, typeof FilterTableRowActionsPipe, typeof TableComponent, typeof ColumnHeadingComponent, typeof TableInjectComponentDirective, typeof TableBulkActionsComponent, typeof RowActionsComponent], [typeof i2.CommonModule, typeof ButtonModule, typeof PaginationModule, typeof IconModule, typeof ImpdcFormsModule, typeof i4.FormsModule, typeof SpinnerModule, typeof BadgeModule, typeof BrandingModule, typeof i18.NgbDropdownModule, typeof i18.NgbCollapseModule], [typeof ButtonModule, typeof TableDirective, typeof ColumnHeadingComponent, typeof TableBulkActionsComponent, typeof PaginationModule, typeof TableComponent, typeof IconModule, typeof TableInjectComponentDirective, typeof BrandingModule, typeof RowActionsComponent]>;
|
|
2341
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<TableModule>;
|
|
2342
|
+
}
|
|
2343
|
+
|
|
2344
|
+
/**
|
|
2345
|
+
* @deprecated (v4.0.0) This component and its related components/modules should not be used, and instead should be replaced with NbgDropdownItem and its related directives from the `@ng-bootstrap/ng-bootstrap` package.
|
|
2346
|
+
*/
|
|
2347
|
+
declare class DropdownItemComponent {
|
|
2348
|
+
/**
|
|
2349
|
+
* Used in DropdownComponent to determine if the projected content should be rendered or it's a divider.
|
|
2350
|
+
*/
|
|
2351
|
+
divider: boolean;
|
|
2352
|
+
template: TemplateRef<never>;
|
|
2353
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownItemComponent, never>;
|
|
2354
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownItemComponent, "impdc-dropdown-item", never, { "divider": { "alias": "divider"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2355
|
+
}
|
|
2356
|
+
|
|
2357
|
+
type DropdownPosition = 'down' | 'right' | 'left' | 'up';
|
|
2358
|
+
|
|
2359
|
+
/**
|
|
2360
|
+
* The `DropdownComponent` (`<impdc-dropdown` or `<any impdc-dropdown`) contains a button that toggles a dropdown where a user
|
|
2361
|
+
* can select various actions. Items within must be wrapped with `DropdownItemComponent` (`<impdc-dropdown-item`).
|
|
2362
|
+
* To use, import `DropdownModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
2363
|
+
* `DropdownModule` imports and exports [ButtonModule](./?path=/docs/design-components-button).
|
|
2364
|
+
*
|
|
2365
|
+
* ### Deprecation Notice
|
|
2366
|
+
*
|
|
2367
|
+
* As of `@impartner/design-components` release v4, this component is deprecated. It is recommended to instead use the
|
|
2368
|
+
* `NgbDropdown` component from `@ng-bootstrap/ng-bootstrap`. [Read here](./?path=/docs/ng-bootstrap-dropdown--docs)
|
|
2369
|
+
* for our documentation and examples of using that package to build dropdowns in Hex.
|
|
2370
|
+
*
|
|
2371
|
+
* @deprecated (v4.0.0) This component and its related components/modules should not be used, and instead should be replaced with NbgDropdown and its related directives from the `@ng-bootstrap/ng-bootstrap` package.
|
|
2372
|
+
*/
|
|
2373
|
+
declare class DropdownComponent implements OnInit, OnDestroy, IInteractableComponent {
|
|
2374
|
+
private _interactionService;
|
|
2375
|
+
private readonly _interactableId;
|
|
2376
|
+
private _initialized;
|
|
2377
|
+
/**
|
|
2378
|
+
* Whether or not the dropdown list is showing.
|
|
2379
|
+
*/
|
|
2380
|
+
show: boolean;
|
|
2381
|
+
/**
|
|
2382
|
+
* The content projected `DropdownItemComponent` children.
|
|
2383
|
+
*/
|
|
2384
|
+
items: QueryList<DropdownItemComponent>;
|
|
2385
|
+
/**
|
|
2386
|
+
* The theme of the button affecting text, icons, backgrounds, and borders.
|
|
2387
|
+
*/
|
|
2388
|
+
buttonTheme: ButtonTheme;
|
|
2389
|
+
/**
|
|
2390
|
+
* The text of the button.
|
|
2391
|
+
*/
|
|
2392
|
+
buttonText: string;
|
|
2393
|
+
/**
|
|
2394
|
+
* Where the list shows relative to the button when it is showing.
|
|
2395
|
+
*/
|
|
2396
|
+
position: DropdownPosition;
|
|
2397
|
+
/**
|
|
2398
|
+
* If true, the icon is split from the button and only clicking the icon triggers the list showing/hiding.
|
|
2399
|
+
*/
|
|
2400
|
+
split: boolean;
|
|
2401
|
+
/**
|
|
2402
|
+
* Emitted when the dropdown is toggled.
|
|
2403
|
+
*/
|
|
2404
|
+
toggle: EventEmitter<boolean>;
|
|
2405
|
+
/**
|
|
2406
|
+
* Emitted when the button is clicked.
|
|
2407
|
+
*/
|
|
2408
|
+
buttonClick: EventEmitter<MouseEvent>;
|
|
2409
|
+
private classBtnGroup;
|
|
2410
|
+
private get classDropdown();
|
|
2411
|
+
private get classDropend();
|
|
2412
|
+
private get classDropstart();
|
|
2413
|
+
private get classDropup();
|
|
2414
|
+
handleHostClick($event: MouseEvent): void;
|
|
2415
|
+
handleDocumentClick(): void;
|
|
2416
|
+
constructor(_interactionService: InteractionService);
|
|
2417
|
+
get interactableId(): string;
|
|
2418
|
+
get valid(): boolean;
|
|
2419
|
+
get shown(): boolean;
|
|
2420
|
+
ngOnInit(): void;
|
|
2421
|
+
ngOnDestroy(): void;
|
|
2422
|
+
handleToggle(): void;
|
|
2423
|
+
handleButtonClick(event: MouseEvent): void;
|
|
2424
|
+
hide(): void;
|
|
2425
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
|
|
2426
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "impdc-dropdown, [impdc-dropdown]", ["impdcDropdown"], { "show": { "alias": "show"; "required": false; }; "buttonTheme": { "alias": "buttonTheme"; "required": false; }; "buttonText": { "alias": "buttonText"; "required": false; }; "position": { "alias": "position"; "required": false; }; "split": { "alias": "split"; "required": false; }; }, { "toggle": "toggle"; "buttonClick": "buttonClick"; }, ["items"], ["*", "[toggle]"], false, never>;
|
|
2427
|
+
}
|
|
2428
|
+
|
|
2429
|
+
/**
|
|
2430
|
+
* @deprecated (v4.0.0) This module and its components should not be used, and instead should be replaced with NbgDropdownModule and its related directives from the `@ng-bootstrap/ng-bootstrap` package.
|
|
2431
|
+
*/
|
|
2432
|
+
declare class DropdownModule {
|
|
2433
|
+
constructor();
|
|
2434
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownModule, never>;
|
|
2435
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DropdownModule, [typeof DropdownItemComponent, typeof DropdownComponent], [typeof i2.CommonModule, typeof ButtonModule], [typeof ButtonModule, typeof DropdownItemComponent, typeof DropdownComponent]>;
|
|
2436
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<DropdownModule>;
|
|
2437
|
+
}
|
|
2438
|
+
|
|
2439
|
+
type AlertTheme = 'warning' | 'danger' | 'info' | 'success';
|
|
2440
|
+
|
|
2441
|
+
/**
|
|
2442
|
+
* The `AlertComponent` (`<impdc-alert` or `<any impdc-alert`) is intended to show information or feedback inline with content.
|
|
2443
|
+
* To use, import `AlertModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
2444
|
+
*/
|
|
2445
|
+
declare class AlertComponent {
|
|
2446
|
+
/**
|
|
2447
|
+
* The theme of the Alert affecting text, icons, backgrounds, and borders.
|
|
2448
|
+
*/
|
|
2449
|
+
theme: AlertTheme;
|
|
2450
|
+
/**
|
|
2451
|
+
* Determines if the Alert should be shown immediately.
|
|
2452
|
+
*/
|
|
2453
|
+
show: boolean;
|
|
2454
|
+
/**
|
|
2455
|
+
* The heading text of the Alert. Content can also be projected in the heading area using a `heading` directive.
|
|
2456
|
+
*/
|
|
2457
|
+
headingText: string;
|
|
2458
|
+
/**
|
|
2459
|
+
* The body text of the Alert. Content can also be projected into the body area using default projection.
|
|
2460
|
+
*/
|
|
2461
|
+
bodyText: string;
|
|
2462
|
+
/**
|
|
2463
|
+
* By default, an Alert is a "floating" notification. When set to "inline", these "floating" styles are replaced.
|
|
2464
|
+
*/
|
|
2465
|
+
inline: boolean;
|
|
2466
|
+
/**
|
|
2467
|
+
* Removes the Alert icon provided by the theme or projected into the icon area using the `icon` directive.
|
|
2468
|
+
*/
|
|
2469
|
+
hideIcon: boolean;
|
|
2470
|
+
/**
|
|
2471
|
+
* Removes the Alert border and background colors to only style icon and text according to theme.
|
|
2472
|
+
*/
|
|
2473
|
+
borderless: boolean;
|
|
2474
|
+
/**
|
|
2475
|
+
* Allows the Alert to be dismissed.
|
|
2476
|
+
*/
|
|
2477
|
+
dismissible: boolean;
|
|
2478
|
+
/**
|
|
2479
|
+
* Event emitted when the Alert is dismissed.
|
|
2480
|
+
*/
|
|
2481
|
+
dismiss: EventEmitter<void>;
|
|
2482
|
+
get componentClasses(): string;
|
|
2483
|
+
get themeIconName(): string;
|
|
2484
|
+
closeAlert(): void;
|
|
2485
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
|
|
2486
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "impdc-alert, [impdc-alert]", never, { "theme": { "alias": "theme"; "required": false; }; "show": { "alias": "show"; "required": false; }; "headingText": { "alias": "headingText"; "required": false; }; "bodyText": { "alias": "bodyText"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; "borderless": { "alias": "borderless"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; }, { "dismiss": "dismiss"; }, never, ["[icon]", "[heading]", "*", "[action]"], false, never>;
|
|
2487
|
+
}
|
|
2488
|
+
|
|
2489
|
+
declare class AlertModule {
|
|
2490
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AlertModule, never>;
|
|
2491
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AlertModule, [typeof AlertComponent], [typeof i2.CommonModule, typeof IconModule], [typeof IconModule, typeof AlertComponent]>;
|
|
2492
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<AlertModule>;
|
|
2493
|
+
}
|
|
2494
|
+
|
|
2495
|
+
declare const ModalComponentSizesArr: ComponentSize[];
|
|
2496
|
+
type ModalComponentSizes = (typeof ModalComponentSizesArr)[number];
|
|
2497
|
+
|
|
2498
|
+
declare enum ModalTheme {
|
|
2499
|
+
Simple = "simple",
|
|
2500
|
+
Working = "working",
|
|
2501
|
+
Destructive = "destructive"
|
|
2502
|
+
}
|
|
2503
|
+
declare const ModalThemesArr: ModalTheme[];
|
|
2504
|
+
type ModalThemes = (typeof ModalThemesArr)[number];
|
|
2505
|
+
|
|
2506
|
+
/**
|
|
2507
|
+
* The `ModalComponent` (`<impdc-modal`) displays over the content of the page when a user action is required.
|
|
2508
|
+
* To use, import `ModalModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
2509
|
+
* `ModalModule` imports and exports BackdropModule, [ButtonModule](./?path=/docs/design-components-button),
|
|
2510
|
+
* and [IconModule](./?path=/docs/design-components-icon).
|
|
2511
|
+
*
|
|
2512
|
+
* In addition,it is recommended to include `provideImpdcModalAppInitializer()` in the application's root environment providers.
|
|
2513
|
+
* [Read here](./?path=/docs/ng-bootstrap-modal--docs#use-the-provideimpdcmodalappinitializer-app-initializer) for more details.
|
|
2514
|
+
*
|
|
2515
|
+
* ### Deprecation Notice
|
|
2516
|
+
*
|
|
2517
|
+
* As of `@impartner/design-components` release v4, this component is deprecated. It is recommended to instead use the
|
|
2518
|
+
* `ModalLayoutComponent` component for modal content layouts and the `NgbModal` service from `@ng-bootstrap/ng-bootstrap`
|
|
2519
|
+
* for creating and managing modal instances. [Read here](./?path=/docs/ng-bootstrap-modal--docs) for our
|
|
2520
|
+
* documentation and examples of using that package to build modals in Hex.
|
|
2521
|
+
*
|
|
2522
|
+
* @deprecated (v4.0.0) This component and its related module should not be used, and instead should be replaced with ModalLayoutComponent for layouting and the NgbModal service from the `@ng-bootstrap/ng-bootstrap` package for creating and managing modal instances.
|
|
2523
|
+
*/
|
|
2524
|
+
declare class ModalComponent implements OnInit, OnDestroy, IInteractableComponent {
|
|
2525
|
+
private readonly _interactionService;
|
|
2526
|
+
private readonly _elementRef;
|
|
2527
|
+
private readonly _interactableId;
|
|
2528
|
+
private readonly _closed$;
|
|
2529
|
+
private _initialized;
|
|
2530
|
+
private _show;
|
|
2531
|
+
private _dialogElementRef?;
|
|
2532
|
+
/**
|
|
2533
|
+
* Determines if the Modal should be shown immediately.
|
|
2534
|
+
*/
|
|
2535
|
+
set show(show: boolean);
|
|
2536
|
+
get show(): boolean;
|
|
2537
|
+
/**
|
|
2538
|
+
* The theme of the Modal. Affects the layout of the Modal as well as some colors.
|
|
2539
|
+
*/
|
|
2540
|
+
theme: ModalThemes;
|
|
2541
|
+
/**
|
|
2542
|
+
* The size of the Modal.
|
|
2543
|
+
*/
|
|
2544
|
+
size: ModalComponentSizes;
|
|
2545
|
+
/**
|
|
2546
|
+
* Whether to vertically center the modal.
|
|
2547
|
+
*/
|
|
2548
|
+
centered: boolean;
|
|
2549
|
+
/**
|
|
2550
|
+
* The Font Awesome 5 icon name. Only supported when the theme is Working or Destructive.
|
|
2551
|
+
*/
|
|
2552
|
+
iconName?: FontAwesomeIcon;
|
|
2553
|
+
/**
|
|
2554
|
+
* The Font Awesome 5 icon style. Fewer icons support the Regular theme and will fallback to Solid
|
|
2555
|
+
* if not supported.
|
|
2556
|
+
*/
|
|
2557
|
+
iconTheme: FontAwesomeIconTheme;
|
|
2558
|
+
/**
|
|
2559
|
+
* The subject text of the Modal.
|
|
2560
|
+
*/
|
|
2561
|
+
titleText: string;
|
|
2562
|
+
/**
|
|
2563
|
+
* The fallback button text to accept the Modal. This is bypassed if you content-project the accept button.
|
|
2564
|
+
*/
|
|
2565
|
+
acceptText: string;
|
|
2566
|
+
/**
|
|
2567
|
+
* Allows the Modal to be dismissed. This is different from `accept` and `deny`. If a Modal is meant to be re-opened frequently it should be dismissable.
|
|
2568
|
+
*/
|
|
2569
|
+
dismissable?: boolean;
|
|
2570
|
+
/**
|
|
2571
|
+
* Determines if the Modal should fade in/out.
|
|
2572
|
+
*/
|
|
2573
|
+
fade: boolean;
|
|
2574
|
+
/**
|
|
2575
|
+
* Shows a backdrop behind the Modal.
|
|
2576
|
+
*/
|
|
2577
|
+
backdrop: boolean;
|
|
2578
|
+
/**
|
|
2579
|
+
* When `true`, Modal will not automatically render a fallback "accept" button in the footer.
|
|
2580
|
+
*/
|
|
2581
|
+
noFallback: boolean;
|
|
2582
|
+
/**
|
|
2583
|
+
* Contains the dismiss button content projection.
|
|
2584
|
+
*/
|
|
2585
|
+
dismissEl: ElementRef;
|
|
2586
|
+
/**
|
|
2587
|
+
* Contains the deny button content projection.
|
|
2588
|
+
*/
|
|
2589
|
+
denyEl: ElementRef;
|
|
2590
|
+
/**
|
|
2591
|
+
* Contains the accept button content projection.
|
|
2592
|
+
*/
|
|
2593
|
+
acceptEl: ElementRef;
|
|
2594
|
+
/**
|
|
2595
|
+
* Event emitted when the Modal content is dismissed.
|
|
2596
|
+
*/
|
|
2597
|
+
dismiss: EventEmitter<Event | MouseEvent>;
|
|
2598
|
+
/**
|
|
2599
|
+
* Event emitted when the Modal content is denied.
|
|
2600
|
+
*/
|
|
2601
|
+
deny: EventEmitter<Event | MouseEvent>;
|
|
2602
|
+
/**
|
|
2603
|
+
* Event emitted when the Modal content is accepted.
|
|
2604
|
+
*/
|
|
2605
|
+
accept: EventEmitter<Event | MouseEvent>;
|
|
2606
|
+
constructor(_interactionService: InteractionService, _elementRef: ElementRef<HTMLElement>);
|
|
2607
|
+
get interactableId(): string;
|
|
2608
|
+
get valid(): boolean;
|
|
2609
|
+
get shown(): boolean;
|
|
2610
|
+
get showWorkingIcon(): boolean;
|
|
2611
|
+
get showDestructiveIcon(): boolean;
|
|
2612
|
+
get acceptFallbackTheme(): ButtonTheme;
|
|
2613
|
+
get hideHeader(): boolean;
|
|
2614
|
+
ngOnInit(): void;
|
|
2615
|
+
ngOnDestroy(): void;
|
|
2616
|
+
protected handleDismiss(event: MouseEvent | Event): void;
|
|
2617
|
+
protected handleDeny(event: MouseEvent | Event): void;
|
|
2618
|
+
protected handleAccept(event: MouseEvent | Event): void;
|
|
2619
|
+
/**
|
|
2620
|
+
* Opens/shows the modal. Can be used programmatically.
|
|
2621
|
+
*/
|
|
2622
|
+
open(): void;
|
|
2623
|
+
/**
|
|
2624
|
+
* Closes/hides the modal. Can be used programmatically.
|
|
2625
|
+
*/
|
|
2626
|
+
close(): void;
|
|
2627
|
+
private _setupEventHandling;
|
|
2628
|
+
private _disableEventHandling;
|
|
2629
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
|
|
2630
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "impdc-modal", never, { "show": { "alias": "show"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "size": { "alias": "size"; "required": false; }; "centered": { "alias": "centered"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "iconTheme": { "alias": "iconTheme"; "required": false; }; "titleText": { "alias": "titleText"; "required": false; }; "acceptText": { "alias": "acceptText"; "required": false; }; "dismissable": { "alias": "dismissable"; "required": false; }; "fade": { "alias": "fade"; "required": false; }; "backdrop": { "alias": "backdrop"; "required": false; }; "noFallback": { "alias": "noFallback"; "required": false; }; }, { "dismiss": "dismiss"; "deny": "deny"; "accept": "accept"; }, never, ["*", "[dismiss]", "[deny]", "[accept]"], false, never>;
|
|
2631
|
+
}
|
|
2632
|
+
|
|
2633
|
+
/**
|
|
2634
|
+
* The `BackdropComponent` (`<impdc-backdrop`) is a component to mask the background when an interaction is taking place.
|
|
2635
|
+
* This component needs to be added to the body of the host application if a backdrop is desired.
|
|
2636
|
+
* To use, import `BackdropModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
2637
|
+
*
|
|
2638
|
+
* @deprecated (v4.0.0) This component and its module have been deprecated alongside `ModalComponent`; they should no longer be used for new development.
|
|
2639
|
+
*/
|
|
2640
|
+
declare class BackdropComponent implements OnInit, OnDestroy, IBackdropComponent {
|
|
2641
|
+
private readonly _interactionService;
|
|
2642
|
+
private readonly _ngDestroy;
|
|
2643
|
+
private readonly _showBackdrop;
|
|
2644
|
+
protected readonly _valid: i0.WritableSignal<boolean>;
|
|
2645
|
+
get valid(): boolean;
|
|
2646
|
+
protected readonly show: i0.Signal<boolean>;
|
|
2647
|
+
ngOnInit(): void;
|
|
2648
|
+
ngOnDestroy(): void;
|
|
2649
|
+
invalidate(): void;
|
|
2650
|
+
validate(): void;
|
|
2651
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BackdropComponent, never>;
|
|
2652
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BackdropComponent, "impdc-backdrop", never, {}, {}, never, never, true, never>;
|
|
2653
|
+
}
|
|
2654
|
+
|
|
2655
|
+
/**
|
|
2656
|
+
* @deprecated (v4.0.0) This module and its component have been deprecated alongside `ModalComponent`; they should no longer be used for new development.
|
|
2657
|
+
*/
|
|
2658
|
+
declare class BackdropModule {
|
|
2659
|
+
constructor();
|
|
2660
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BackdropModule, never>;
|
|
2661
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<BackdropModule, never, [typeof BackdropComponent], [typeof BackdropComponent]>;
|
|
2662
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<BackdropModule>;
|
|
2663
|
+
}
|
|
2664
|
+
|
|
2665
|
+
/**
|
|
2666
|
+
* `ModalLayoutComponent` (`<impdc-modal-layout>`) is a simple component for constructing modal
|
|
2667
|
+
* dialog layouts using basic inputs and content projection.
|
|
2668
|
+
*
|
|
2669
|
+
* - Title elements (icon, text, dismiss button) are managed by component inputs.
|
|
2670
|
+
* - Body content is projected by selecting elements with the `slot="body"` element attribute/value pair.
|
|
2671
|
+
* - Footer content is projected by selecting elements with the `slot="footer"` element attribute/value pair.
|
|
2672
|
+
* - Footer elements are justified toward the end of the footer container by default. Usage of margin styles
|
|
2673
|
+
* is encouraged if one or more elements should be justified toward the beginning.
|
|
2674
|
+
*
|
|
2675
|
+
* To use, directly import the standalone component class or `ModalModule`.
|
|
2676
|
+
*/
|
|
2677
|
+
declare class ModalLayoutComponent implements OnInit {
|
|
2678
|
+
private readonly _ngbModal;
|
|
2679
|
+
private readonly _uid;
|
|
2680
|
+
protected readonly headingId: string;
|
|
2681
|
+
/**
|
|
2682
|
+
* The name of a Font Awesome 5 icon to be displayed in the heading of the modal.
|
|
2683
|
+
* Only displayed when `theme` is `'working'` or `'destructive'`.
|
|
2684
|
+
*/
|
|
2685
|
+
readonly iconName: i0.InputSignal<string | undefined>;
|
|
2686
|
+
/**
|
|
2687
|
+
* The display style of the displayed Font Awesome 5 icon. Not all icons support all themes,
|
|
2688
|
+
* and will fallback to `'solid'` style if necessary.
|
|
2689
|
+
*/
|
|
2690
|
+
readonly iconTheme: i0.InputSignal<string>;
|
|
2691
|
+
/**
|
|
2692
|
+
* The theme of the modal. Affects the layout of the modal as well as some colors.
|
|
2693
|
+
*/
|
|
2694
|
+
readonly theme: i0.InputSignal<"simple" | "working" | "destructive" | ModalTheme>;
|
|
2695
|
+
/**
|
|
2696
|
+
* The title/subject text of the modal.
|
|
2697
|
+
*/
|
|
2698
|
+
readonly titleText: i0.InputSignal<string>;
|
|
2699
|
+
/**
|
|
2700
|
+
* Whether to display a button element in the top-right corner for the user to signal
|
|
2701
|
+
* they wish to dismiss/close the modal.
|
|
2702
|
+
*/
|
|
2703
|
+
readonly showCornerDismiss: i0.InputSignal<boolean | undefined>;
|
|
2704
|
+
/**
|
|
2705
|
+
* Event emitted when the user clicks the corner close/dismiss button.
|
|
2706
|
+
*/
|
|
2707
|
+
readonly dismissRequested: i0.OutputEmitterRef<Event | MouseEvent>;
|
|
2708
|
+
protected readonly computedShowCornerDismiss: i0.Signal<boolean>;
|
|
2709
|
+
protected readonly computedHideHeader: i0.Signal<boolean>;
|
|
2710
|
+
protected readonly computedShowWorkingIcon: i0.Signal<boolean>;
|
|
2711
|
+
ngOnInit(): void;
|
|
2712
|
+
protected handleDismiss(event: MouseEvent | Event): void;
|
|
2713
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ModalLayoutComponent, never>;
|
|
2714
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ModalLayoutComponent, "impdc-modal-layout", never, { "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "iconTheme": { "alias": "iconTheme"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "showCornerDismiss": { "alias": "showCornerDismiss"; "required": false; "isSignal": true; }; }, { "dismissRequested": "dismissRequested"; }, never, ["[slot=body]", "[slot=footer]"], true, never>;
|
|
2715
|
+
}
|
|
2716
|
+
|
|
2717
|
+
declare class ModalModule {
|
|
2718
|
+
constructor();
|
|
2719
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ModalModule, never>;
|
|
2720
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ModalModule, [typeof ModalComponent], [typeof i2.CommonModule, typeof i4.FormsModule, typeof BackdropModule, typeof ButtonModule, typeof IconModule, typeof ModalLayoutComponent], [typeof BackdropModule, typeof ButtonModule, typeof IconModule, typeof ModalComponent]>;
|
|
2721
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ModalModule>;
|
|
2722
|
+
}
|
|
2723
|
+
|
|
2724
|
+
declare class FileDropDirective {
|
|
2725
|
+
fileHovering: boolean;
|
|
2726
|
+
filesDropped: EventEmitter<FileList>;
|
|
2727
|
+
onDragOver(event: DragEvent): void;
|
|
2728
|
+
onDragLeave(event: DragEvent): void;
|
|
2729
|
+
OnDrop(event: DragEvent): void;
|
|
2730
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FileDropDirective, never>;
|
|
2731
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FileDropDirective, "[impdcFileDrop]", never, {}, { "filesDropped": "filesDropped"; }, never, never, false, never>;
|
|
2732
|
+
}
|
|
2733
|
+
|
|
2734
|
+
declare const _FileUploadComponentBase: _impartner_design_components.Constructor<_impartner_design_components.HasTabIndex> & _impartner_design_components.AbstractConstructor<_impartner_design_components.HasTabIndex> & _impartner_design_components.Constructor<_impartner_design_components.CanDisable> & _impartner_design_components.AbstractConstructor<_impartner_design_components.CanDisable> & _impartner_design_components.Constructor<ICanUpdateErrorState> & _impartner_design_components.AbstractConstructor<ICanUpdateErrorState> & {
|
|
2735
|
+
new (_defaultErrorStateMatcher: ErrorStateMatcher, _formRoot: ImpdcFormRoot, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl | null): {
|
|
2736
|
+
readonly stateChanges: Subject<void>;
|
|
2737
|
+
_defaultErrorStateMatcher: ErrorStateMatcher;
|
|
2738
|
+
_formRoot: ImpdcFormRoot;
|
|
2739
|
+
_parentForm: NgForm;
|
|
2740
|
+
_parentFormGroup: FormGroupDirective;
|
|
2741
|
+
ngControl: NgControl | null;
|
|
2742
|
+
};
|
|
2743
|
+
};
|
|
2744
|
+
/**
|
|
2745
|
+
* The `FileUploadComponent` (`<impdc-file-upload` or `<any impdc-file-upload`) is a file selector that supports drag and drop.
|
|
2746
|
+
* To use, import `FileUploadModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
2747
|
+
*/
|
|
2748
|
+
declare class FileUploadComponent extends _FileUploadComponentBase implements ControlValueAccessor, Validator, ImpdcFormFieldControl<File | File[]>, ICanUpdateErrorState, IHasErrorState, DoCheck, OnDestroy {
|
|
2749
|
+
private readonly _changeDetector;
|
|
2750
|
+
protected fileDropElementRef: ElementRef<HTMLElement>;
|
|
2751
|
+
/** @ignore */
|
|
2752
|
+
fileUploadInputEltRef: ElementRef<HTMLInputElement>;
|
|
2753
|
+
/**
|
|
2754
|
+
* Whether the control supports uploading multiple files.
|
|
2755
|
+
*/
|
|
2756
|
+
multiple: boolean;
|
|
2757
|
+
/**
|
|
2758
|
+
* The instructional text to display in the file upload dropzone.
|
|
2759
|
+
*/
|
|
2760
|
+
uploadText: string;
|
|
2761
|
+
/**
|
|
2762
|
+
* The comma-delimited list of file types that are accepted by the control.
|
|
2763
|
+
*/
|
|
2764
|
+
accept: string;
|
|
2765
|
+
errorStateMatcher: ErrorStateMatcher;
|
|
2766
|
+
get canUpload(): boolean;
|
|
2767
|
+
private get acceptTypes();
|
|
2768
|
+
get empty(): boolean;
|
|
2769
|
+
protected get filesForDisplay(): readonly File[];
|
|
2770
|
+
private _cvaOnChange;
|
|
2771
|
+
private _cvaOnTouched;
|
|
2772
|
+
private _uid;
|
|
2773
|
+
constructor(_changeDetector: ChangeDetectorRef, _defaultErrorStateMatcher: ErrorStateMatcher, _formRoot: ImpdcFormRoot, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl | null);
|
|
2774
|
+
/** @ignore */
|
|
2775
|
+
handleChange(event: Event): void;
|
|
2776
|
+
/** @ignore */
|
|
2777
|
+
handleDrop(event: FileList): void;
|
|
2778
|
+
/** @ignore */
|
|
2779
|
+
removeFile(fileIndex: number): void;
|
|
2780
|
+
/** @ignore */
|
|
2781
|
+
focus(options?: FocusOptions): void;
|
|
2782
|
+
/** @ignore */
|
|
2783
|
+
ngDoCheck(): void;
|
|
2784
|
+
/** @ignore */
|
|
2785
|
+
ngOnDestroy(): void;
|
|
2786
|
+
/**
|
|
2787
|
+
* The file(s) currently uploaded into the control. Returns `File | null` when `multiple` is `false`,
|
|
2788
|
+
* and `File[]` when `multiple` is `true`.
|
|
2789
|
+
*/
|
|
2790
|
+
get value(): File | File[] | null;
|
|
2791
|
+
set value(newValue: File | File[] | null);
|
|
2792
|
+
private _value;
|
|
2793
|
+
/** @ignore */
|
|
2794
|
+
get id(): string;
|
|
2795
|
+
set id(value: string);
|
|
2796
|
+
private _id;
|
|
2797
|
+
/**
|
|
2798
|
+
* Used to set requiredness of control in a template-based manner;
|
|
2799
|
+
* not necessary when using the Angular reactive forms API and `required` validator.
|
|
2800
|
+
*
|
|
2801
|
+
* @default false
|
|
2802
|
+
*/
|
|
2803
|
+
get required(): boolean;
|
|
2804
|
+
set required(value: BooleanInput);
|
|
2805
|
+
private _required;
|
|
2806
|
+
get focused(): boolean;
|
|
2807
|
+
private _focused;
|
|
2808
|
+
readonly controlType: string;
|
|
2809
|
+
readonly supportsAffixes: boolean;
|
|
2810
|
+
/** @ignore */
|
|
2811
|
+
writeValue(value: File[]): void;
|
|
2812
|
+
/** @ignore */
|
|
2813
|
+
registerOnChange(fn: Function): void;
|
|
2814
|
+
/** @ignore */
|
|
2815
|
+
registerOnTouched(fn: Function): void;
|
|
2816
|
+
/** @ignore */
|
|
2817
|
+
setDisabledState?(isDisabled: boolean): void;
|
|
2818
|
+
/**
|
|
2819
|
+
* @ignore
|
|
2820
|
+
*/
|
|
2821
|
+
validate(): ValidationErrors | null;
|
|
2822
|
+
protected _onFocus(): void;
|
|
2823
|
+
protected _onBlur(): void;
|
|
2824
|
+
private _updateValueFromInteraction;
|
|
2825
|
+
private _mergeNewFilesWithExistingFiles;
|
|
2826
|
+
private _getFileList;
|
|
2827
|
+
private _getExtensions;
|
|
2828
|
+
private _acceptedFileType;
|
|
2829
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, [null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
|
|
2830
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "impdc-file-upload, [impdc-file-upload]", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "uploadText": { "alias": "uploadText"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, {}, never, never, false, never>;
|
|
2831
|
+
}
|
|
2832
|
+
|
|
2833
|
+
declare class HumanReadableByteSizePipe implements PipeTransform {
|
|
2834
|
+
transform(bytes: number): string;
|
|
2835
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HumanReadableByteSizePipe, never>;
|
|
2836
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<HumanReadableByteSizePipe, "humanReadableByteSize", false>;
|
|
2837
|
+
}
|
|
2838
|
+
|
|
2839
|
+
declare class FileUploadModule {
|
|
2840
|
+
constructor();
|
|
2841
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadModule, never>;
|
|
2842
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FileUploadModule, [typeof FileDropDirective, typeof FileUploadComponent, typeof HumanReadableByteSizePipe], [typeof i2.CommonModule, typeof i4.FormsModule, typeof ButtonModule, typeof IconModule], [typeof IconModule, typeof FileDropDirective, typeof FileUploadComponent, typeof HumanReadableByteSizePipe]>;
|
|
2843
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<FileUploadModule>;
|
|
2844
|
+
}
|
|
2845
|
+
|
|
2846
|
+
/**
|
|
2847
|
+
* The `AvatarComponent` (`<impdc-avatar`) is a rounded user avatar/icon with an optional status color.
|
|
2848
|
+
* For a horizontal container, see [AvatarGroupComponent](./?path=/docs/design-components-avatar--group).
|
|
2849
|
+
* To use, import `AvatarModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
2850
|
+
*/
|
|
2851
|
+
declare class AvatarComponent {
|
|
2852
|
+
/**
|
|
2853
|
+
* The image source url to display as the Avatar's background.
|
|
2854
|
+
*/
|
|
2855
|
+
imgSrc: string;
|
|
2856
|
+
/**
|
|
2857
|
+
* Initials to display if an `imgSrc` is not available.
|
|
2858
|
+
*/
|
|
2859
|
+
initials: string;
|
|
2860
|
+
/**
|
|
2861
|
+
* A status to display as part of the Avatar.
|
|
2862
|
+
*/
|
|
2863
|
+
status: '' | 'active' | 'inactive' | 'busy';
|
|
2864
|
+
/**
|
|
2865
|
+
* The size of the Avatar.
|
|
2866
|
+
*/
|
|
2867
|
+
size: PrimaryComponentSizes;
|
|
2868
|
+
get avatarHasImg(): boolean;
|
|
2869
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
|
|
2870
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "impdc-avatar", never, { "imgSrc": { "alias": "imgSrc"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "status": { "alias": "status"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
|
|
2871
|
+
}
|
|
2872
|
+
|
|
2873
|
+
declare class AvatarModule {
|
|
2874
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AvatarModule, never>;
|
|
2875
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AvatarModule, [typeof AvatarComponent], [typeof i2.CommonModule, typeof IconModule], [typeof IconModule, typeof AvatarComponent]>;
|
|
2876
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<AvatarModule>;
|
|
2877
|
+
}
|
|
2878
|
+
|
|
2879
|
+
/**
|
|
2880
|
+
* The `AvatarGroupComponent` (`<impdc-avatar-group`) is a horizontal container for [AvatarComponent](./?path=/docs/design-components-avatar--single).
|
|
2881
|
+
* To use, import `AvatarGroupModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
2882
|
+
* `AvatarGroupModule` also imports and exports [AvatarModule](./?path=/docs/design-components-avatar--single)
|
|
2883
|
+
*/
|
|
2884
|
+
declare class AvatarGroupComponent {
|
|
2885
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AvatarGroupComponent, never>;
|
|
2886
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AvatarGroupComponent, "impdc-avatar-group", never, {}, {}, never, ["impdc-avatar"], false, never>;
|
|
2887
|
+
}
|
|
2888
|
+
|
|
2889
|
+
declare class AvatarGroupModule {
|
|
2890
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AvatarGroupModule, never>;
|
|
2891
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AvatarGroupModule, [typeof AvatarGroupComponent], [typeof i2.CommonModule, typeof AvatarModule], [typeof AvatarModule, typeof AvatarGroupComponent]>;
|
|
2892
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<AvatarGroupModule>;
|
|
2893
|
+
}
|
|
2894
|
+
|
|
2895
|
+
declare class BreadcrumbItemComponent {
|
|
2896
|
+
contentTemplate: TemplateRef<never>;
|
|
2897
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbItemComponent, never>;
|
|
2898
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbItemComponent, "impdc-breadcrumb-item", never, {}, {}, never, ["*"], false, never>;
|
|
2899
|
+
}
|
|
2900
|
+
|
|
2901
|
+
/**
|
|
2902
|
+
* The `BreadcrumbComponent` (`<impdc-breadcrumb` or `<div impdc-breadcrumb`) is for historical navigation so the user can get back
|
|
2903
|
+
* to a previous page. Items within must be wrapped with `BreadcrumbItemComponent` (`<impdc-breadcrumb-item`).
|
|
2904
|
+
* To use, import `BreadcrumbModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
2905
|
+
*/
|
|
2906
|
+
declare class BreadcrumbComponent implements AfterViewInit {
|
|
2907
|
+
private _changeDetectorRef;
|
|
2908
|
+
/**
|
|
2909
|
+
* Sets the `aria-label` attribute for the Breadcrumb's `nav` element for accessibility.
|
|
2910
|
+
*/
|
|
2911
|
+
label: string;
|
|
2912
|
+
private impdcBreadcrumb;
|
|
2913
|
+
protected breadcrumbItems: QueryList<BreadcrumbItemComponent>;
|
|
2914
|
+
constructor(_changeDetectorRef: ChangeDetectorRef);
|
|
2915
|
+
ngAfterViewInit(): void;
|
|
2916
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
|
|
2917
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "impdc-breadcrumb, div[impdc-breadcrumb]", never, { "label": { "alias": "label"; "required": false; }; }, {}, ["breadcrumbItems"], never, false, never>;
|
|
2918
|
+
}
|
|
2919
|
+
|
|
2920
|
+
declare class BreadcrumbModule {
|
|
2921
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbModule, never>;
|
|
2922
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<BreadcrumbModule, [typeof BreadcrumbItemComponent, typeof BreadcrumbComponent], [typeof i2.CommonModule], [typeof BreadcrumbItemComponent, typeof BreadcrumbComponent]>;
|
|
2923
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<BreadcrumbModule>;
|
|
2924
|
+
}
|
|
2925
|
+
|
|
2926
|
+
interface IDatetimePickerValue<TDate = NgbDateStruct, TTime = NgbTimeStruct> {
|
|
2927
|
+
readonly date: TDate | null;
|
|
2928
|
+
readonly time?: TTime | null;
|
|
2929
|
+
}
|
|
2930
|
+
|
|
2931
|
+
interface ITimeOptions {
|
|
2932
|
+
readonly border: boolean;
|
|
2933
|
+
readonly layout: 'inline' | 'stacked';
|
|
2934
|
+
}
|
|
2935
|
+
declare const _DatetimePickerComponentBase: _impartner_design_components.Constructor<_impartner_design_components.HasTabIndex> & _impartner_design_components.AbstractConstructor<_impartner_design_components.HasTabIndex> & _impartner_design_components.Constructor<_impartner_design_components.CanDisable> & _impartner_design_components.AbstractConstructor<_impartner_design_components.CanDisable> & _impartner_design_components.Constructor<ICanUpdateErrorState> & _impartner_design_components.AbstractConstructor<ICanUpdateErrorState> & {
|
|
2936
|
+
new (_defaultErrorStateMatcher: ErrorStateMatcher, _formRoot: ImpdcFormRoot, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl | null): {
|
|
2937
|
+
readonly stateChanges: Subject<void>;
|
|
2938
|
+
_defaultErrorStateMatcher: ErrorStateMatcher;
|
|
2939
|
+
_formRoot: ImpdcFormRoot;
|
|
2940
|
+
_parentForm: NgForm;
|
|
2941
|
+
_parentFormGroup: FormGroupDirective;
|
|
2942
|
+
ngControl: NgControl | null;
|
|
2943
|
+
};
|
|
2944
|
+
};
|
|
2945
|
+
/**
|
|
2946
|
+
* A control for selecting date or datetime via an inline calendar control.
|
|
2947
|
+
*
|
|
2948
|
+
* Implements [ControlValueAccessor](https://angular.io/api/forms/ControlValueAccessor) to support two-way binding with
|
|
2949
|
+
* Angular forms via usage of the \`[(ngModel)]\`, \`[formControl]\`, and \`[formControlName]\` directives.
|
|
2950
|
+
*
|
|
2951
|
+
* The date and time controls inside this component leverage the value adapter patterns and services of NG-Bootstrap's
|
|
2952
|
+
* [Datepicker](https://ng-bootstrap.github.io/#/components/datepicker/overview#date-model) and
|
|
2953
|
+
* [Timepicker](https://ng-bootstrap.github.io/#/components/timepicker/examples#adapter) components when working with input values.
|
|
2954
|
+
* This means that `date` values will be [NgbDateStruct](https://ng-bootstrap.github.io/#/components/datepicker/api#NgbDateStruct)
|
|
2955
|
+
* objects and `time` values will be [NgbTimeStruct](https://ng-bootstrap.github.io/#/components/timepicker/api#NgbTimeStruct) objects
|
|
2956
|
+
* by default, and the [NgbDateAdapter](https://ng-bootstrap.github.io/#/components/datepicker/api#NgbDateAdapter) and
|
|
2957
|
+
* [NgbTimeAdapter](https://ng-bootstrap.github.io/#/components/timepicker/api#NgbTimeAdapter) services will be used to handle them respectively.
|
|
2958
|
+
* If usage of alternative date and time models is desired, consult NG-Bootstrap's documentation for directions.
|
|
2959
|
+
*/
|
|
2960
|
+
declare class DatetimePickerComponent extends _DatetimePickerComponentBase implements ControlValueAccessor, DoCheck, OnChanges, OnDestroy, OnInit, ImpdcFormFieldControl<IDatetimePickerValue<any, any> | null>, ICanUpdateErrorState, IHasErrorState {
|
|
2961
|
+
private readonly _changeDetector;
|
|
2962
|
+
private readonly _destroyRef;
|
|
2963
|
+
private readonly _hostElement;
|
|
2964
|
+
private readonly _ngbDateAdapter;
|
|
2965
|
+
private readonly _uid;
|
|
2966
|
+
private _previousControl?;
|
|
2967
|
+
protected readonly formGroup: i4.FormGroup<{
|
|
2968
|
+
date: FormControl<any>;
|
|
2969
|
+
time: FormControl<any>;
|
|
2970
|
+
use24hrTime: FormControl<boolean>;
|
|
2971
|
+
}>;
|
|
2972
|
+
protected cvaOnChange: (_: any) => void;
|
|
2973
|
+
protected cvaOnTouched: () => void;
|
|
2974
|
+
protected ngbDatepicker: NgbDatepicker;
|
|
2975
|
+
/**
|
|
2976
|
+
* A callback function that can be evaluated to decide if a given date is disabled
|
|
2977
|
+
* in the calendar view.
|
|
2978
|
+
*
|
|
2979
|
+
* @param date An [`NgbDate`](https://ng-bootstrap.github.io/#/components/datepicker/api#NgbDate) value describing the singular date being evaluated.
|
|
2980
|
+
* @param current The month and year selected for the current calendar view.
|
|
2981
|
+
*/
|
|
2982
|
+
markDateDisabled?: (date: NgbDateStruct, current?: {
|
|
2983
|
+
month: number;
|
|
2984
|
+
year: number;
|
|
2985
|
+
}) => boolean;
|
|
2986
|
+
/**
|
|
2987
|
+
* The earliest allowable date for display or selection.
|
|
2988
|
+
*
|
|
2989
|
+
* @default { year: 1900, month: 1, day: 1 }
|
|
2990
|
+
*/
|
|
2991
|
+
get minDate(): NgbDateStruct;
|
|
2992
|
+
set minDate(value: NgbDateStruct | null);
|
|
2993
|
+
private _minDate;
|
|
2994
|
+
/**
|
|
2995
|
+
* The latest allowable date for display or selection.
|
|
2996
|
+
*
|
|
2997
|
+
* @default { year: 2099, month: 12, day: 31 }
|
|
2998
|
+
*/
|
|
2999
|
+
get maxDate(): NgbDateStruct;
|
|
3000
|
+
set maxDate(value: NgbDateStruct | null);
|
|
3001
|
+
private _maxDate;
|
|
3002
|
+
/**
|
|
3003
|
+
* Configurable options for setting the layout of the date and time controls within the component.
|
|
3004
|
+
*/
|
|
3005
|
+
get timeLayout(): ITimeOptions;
|
|
3006
|
+
set timeLayout(value: Partial<ITimeOptions>);
|
|
3007
|
+
private _timeLayout;
|
|
3008
|
+
/**
|
|
3009
|
+
* Label to be displayed with time controls to allow the user to input 24-hour or meridian-based (AM, PM) time.
|
|
3010
|
+
*/
|
|
3011
|
+
meridianToggleLabel: string;
|
|
3012
|
+
/**
|
|
3013
|
+
* Set whether to display controls for selecting a time value in addition to the date.
|
|
3014
|
+
*/
|
|
3015
|
+
withTime: boolean;
|
|
3016
|
+
errorStateMatcher: ErrorStateMatcher;
|
|
3017
|
+
/**
|
|
3018
|
+
* Events fire when raw value of picker input changes. Mainly exists to handle
|
|
3019
|
+
* two-way binding of `value` input property.
|
|
3020
|
+
* @ignore
|
|
3021
|
+
*/
|
|
3022
|
+
readonly valueChange: EventEmitter<IDatetimePickerValue<any, any> | null>;
|
|
3023
|
+
/** @ignore */
|
|
3024
|
+
readonly blur: EventEmitter<FocusEvent>;
|
|
3025
|
+
constructor(_defaultErrorStateMatcher: ErrorStateMatcher, _formRoot: ImpdcFormRoot, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl);
|
|
3026
|
+
/** @ignore */
|
|
3027
|
+
focus(): void;
|
|
3028
|
+
/** @ignore */
|
|
3029
|
+
ngDoCheck(): void;
|
|
3030
|
+
/** @ignore */
|
|
3031
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
3032
|
+
/** @ignore */
|
|
3033
|
+
ngOnDestroy(): void;
|
|
3034
|
+
/** @ignore */
|
|
3035
|
+
ngOnInit(): void;
|
|
3036
|
+
/** @ignore */
|
|
3037
|
+
writeValue(obj: IDatetimePickerValue<any, any> | any): void;
|
|
3038
|
+
/** @ignore */
|
|
3039
|
+
registerOnChange(fn: any): void;
|
|
3040
|
+
/** @ignore */
|
|
3041
|
+
registerOnTouched(fn: any): void;
|
|
3042
|
+
/** @ignore */
|
|
3043
|
+
setDisabledState?(isDisabled: boolean): void;
|
|
3044
|
+
get value(): IDatetimePickerValue<any, any> | null;
|
|
3045
|
+
set value(value: IDatetimePickerValue<any, any> | null);
|
|
3046
|
+
get id(): string;
|
|
3047
|
+
set id(value: string);
|
|
3048
|
+
protected _id: string;
|
|
3049
|
+
/**
|
|
3050
|
+
* Used to set requiredness of control in a template-based manner;
|
|
3051
|
+
* not necessary when using the Angular reactive forms API and `required` validator.
|
|
3052
|
+
*
|
|
3053
|
+
* @default false
|
|
3054
|
+
*/
|
|
3055
|
+
get required(): boolean;
|
|
3056
|
+
set required(value: boolean);
|
|
3057
|
+
private _required;
|
|
3058
|
+
get focused(): boolean;
|
|
3059
|
+
protected _focused: boolean;
|
|
3060
|
+
readonly controlType: string;
|
|
3061
|
+
readonly supportsAffixes: boolean;
|
|
3062
|
+
protected get use24hrTime(): boolean;
|
|
3063
|
+
protected get use24hrTimeLabelText(): string;
|
|
3064
|
+
protected handleFocusOut(evt: FocusEvent): void;
|
|
3065
|
+
private _getValueFromFormModel;
|
|
3066
|
+
private _dateIsOutsideCurrentMonth;
|
|
3067
|
+
protected readonly markDateDisabledFn: (date: NgbDateStruct, current?: {
|
|
3068
|
+
month: number;
|
|
3069
|
+
year: number;
|
|
3070
|
+
}) => boolean;
|
|
3071
|
+
protected _onFocus(): void;
|
|
3072
|
+
protected _onBlur(focusEvent: FocusEvent): void;
|
|
3073
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DatetimePickerComponent, [null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
|
|
3074
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DatetimePickerComponent, "impdc-datetime-picker", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "markDateDisabled": { "alias": "markDateDisabled"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "timeLayout": { "alias": "timeLayout"; "required": false; }; "meridianToggleLabel": { "alias": "meridianToggleLabel"; "required": false; }; "withTime": { "alias": "withTime"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "valueChange": "valueChange"; "blur": "blur"; }, never, never, true, never>;
|
|
3075
|
+
static ngAcceptInputType_required: unknown;
|
|
3076
|
+
}
|
|
3077
|
+
|
|
3078
|
+
interface IDatetimePickerPopupButtonLabels {
|
|
3079
|
+
readonly cancelLabel: string;
|
|
3080
|
+
readonly clearLabel: string;
|
|
3081
|
+
readonly saveLabel: string;
|
|
3082
|
+
}
|
|
3083
|
+
declare const _DatetimePickerInputComponentBase: _impartner_design_components.Constructor<_impartner_design_components.HasTabIndex> & _impartner_design_components.AbstractConstructor<_impartner_design_components.HasTabIndex> & _impartner_design_components.Constructor<_impartner_design_components.CanDisable> & _impartner_design_components.AbstractConstructor<_impartner_design_components.CanDisable> & _impartner_design_components.Constructor<ICanUpdateErrorState> & _impartner_design_components.AbstractConstructor<ICanUpdateErrorState> & {
|
|
3084
|
+
new (_defaultErrorStateMatcher: ErrorStateMatcher, _formRoot: ImpdcFormRoot, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl | null): {
|
|
3085
|
+
readonly stateChanges: Subject<void>;
|
|
3086
|
+
_defaultErrorStateMatcher: ErrorStateMatcher;
|
|
3087
|
+
_formRoot: ImpdcFormRoot;
|
|
3088
|
+
_parentForm: NgForm;
|
|
3089
|
+
_parentFormGroup: FormGroupDirective;
|
|
3090
|
+
ngControl: NgControl | null;
|
|
3091
|
+
};
|
|
3092
|
+
};
|
|
3093
|
+
/**
|
|
3094
|
+
* A control for selecting date or datetime via an interactive dropdown control.
|
|
3095
|
+
*
|
|
3096
|
+
* Implements [ControlValueAccessor](https://angular.io/api/forms/ControlValueAccessor) to support two-way binding with
|
|
3097
|
+
* Angular forms via usage of the \`[(ngModel)]\`, \`[formControl]\`, and \`[formControlName]\` directives.
|
|
3098
|
+
*
|
|
3099
|
+
* The date and time controls inside this component leverage the value adapter patterns and services of NG-Bootstrap's
|
|
3100
|
+
* [Datepicker](https://ng-bootstrap.github.io/#/components/datepicker/overview#date-model) and
|
|
3101
|
+
* [Timepicker](https://ng-bootstrap.github.io/#/components/timepicker/examples#adapter) components when working with input values.
|
|
3102
|
+
* This means that `date` values will be [NgbDateStruct](https://ng-bootstrap.github.io/#/components/datepicker/api#NgbDateStruct)
|
|
3103
|
+
* objects and `time` values will be [NgbTimeStruct](https://ng-bootstrap.github.io/#/components/timepicker/api#NgbTimeStruct) objects
|
|
3104
|
+
* by default, and the [NgbDateAdapter](https://ng-bootstrap.github.io/#/components/datepicker/api#NgbDateAdapter) and
|
|
3105
|
+
* [NgbTimeAdapter](https://ng-bootstrap.github.io/#/components/timepicker/api#NgbTimeAdapter) services will be used to handle them respectively.
|
|
3106
|
+
* If usage of alternative date and time models is desired, consult NG-Bootstrap's documentation for directions.
|
|
3107
|
+
*/
|
|
3108
|
+
declare class DatetimePickerInputComponent extends _DatetimePickerInputComponentBase implements ControlValueAccessor, DoCheck, OnChanges, OnDestroy, OnInit, ImpdcFormFieldControl<IDatetimePickerValue<any, any> | null>, ICanUpdateErrorState, IHasErrorState {
|
|
3109
|
+
private readonly _changeDetector;
|
|
3110
|
+
private readonly _destroyRef;
|
|
3111
|
+
private readonly _ngbDateAdapter;
|
|
3112
|
+
private readonly _ngbTimeAdapter;
|
|
3113
|
+
private readonly _datetimeFormatter;
|
|
3114
|
+
private readonly _uid;
|
|
3115
|
+
private _previousControl?;
|
|
3116
|
+
private _dropdownOpen;
|
|
3117
|
+
protected readonly datetimePickerControl: FormControl<IDatetimePickerValue<any, any> | null>;
|
|
3118
|
+
protected cvaOnChange: (_: any) => void;
|
|
3119
|
+
protected cvaOnTouched: () => void;
|
|
3120
|
+
protected _toggleButtonRef: ElementRef<HTMLButtonElement>;
|
|
3121
|
+
/**
|
|
3122
|
+
* A callback function that can be evaluated to decide if a given date is disabled
|
|
3123
|
+
* in the calendar view.
|
|
3124
|
+
*
|
|
3125
|
+
* @param date An [`NgbDate`](https://ng-bootstrap.github.io/#/components/datepicker/api#NgbDate) value describing the singular date being evaluated.
|
|
3126
|
+
* @param current The month and year selected for the current calendar view.
|
|
3127
|
+
*/
|
|
3128
|
+
markDateDisabled?: (date: NgbDateStruct, current?: {
|
|
3129
|
+
month: number;
|
|
3130
|
+
year: number;
|
|
3131
|
+
}) => boolean;
|
|
3132
|
+
/**
|
|
3133
|
+
* The earliest allowable date for display or selection.
|
|
3134
|
+
*
|
|
3135
|
+
* @default { year: 1900, month: 1, day: 1 }
|
|
3136
|
+
*/
|
|
3137
|
+
get minDate(): NgbDateStruct;
|
|
3138
|
+
set minDate(value: NgbDateStruct | null);
|
|
3139
|
+
private _minDate;
|
|
3140
|
+
/**
|
|
3141
|
+
* The latest allowable date for display or selection.
|
|
3142
|
+
*
|
|
3143
|
+
* @default { year: 2099, month: 12, day: 31 }
|
|
3144
|
+
*/
|
|
3145
|
+
get maxDate(): NgbDateStruct;
|
|
3146
|
+
set maxDate(value: NgbDateStruct | null);
|
|
3147
|
+
private _maxDate;
|
|
3148
|
+
/**
|
|
3149
|
+
* Set whether to display controls for selecting a time value in addition to the date.
|
|
3150
|
+
*/
|
|
3151
|
+
withTime: boolean;
|
|
3152
|
+
/**
|
|
3153
|
+
* Label to be displayed with time controls to allow the user to input 24-hour or meridian-based (AM, PM) time.
|
|
3154
|
+
*/
|
|
3155
|
+
meridianToggleLabel: string;
|
|
3156
|
+
/**
|
|
3157
|
+
* Object dictating the labels used for the buttons displayed in the footer of the datetime picker popup.
|
|
3158
|
+
*
|
|
3159
|
+
* @default { cancelLabel: "Cancel", clearLabel: "Clear", saveLabel: "Save" }
|
|
3160
|
+
*/
|
|
3161
|
+
get popupButtonLabels(): IDatetimePickerPopupButtonLabels;
|
|
3162
|
+
set popupButtonLabels(value: Partial<IDatetimePickerPopupButtonLabels>);
|
|
3163
|
+
private _popupButtonLabels;
|
|
3164
|
+
/**
|
|
3165
|
+
* The placeholder text that will be displayed when no selection has been made.
|
|
3166
|
+
*
|
|
3167
|
+
* @default YYYY-MM-DD hh:mm
|
|
3168
|
+
*/
|
|
3169
|
+
get placeholder(): string;
|
|
3170
|
+
set placeholder(value: string);
|
|
3171
|
+
private _placeholder;
|
|
3172
|
+
errorStateMatcher: ErrorStateMatcher;
|
|
3173
|
+
/**
|
|
3174
|
+
* Events fire when raw value of picker input changes. Mainly exists to handle
|
|
3175
|
+
* two-way binding of `value` input property.
|
|
3176
|
+
* @ignore
|
|
3177
|
+
*/
|
|
3178
|
+
readonly valueChange: EventEmitter<IDatetimePickerValue<any, any> | null>;
|
|
3179
|
+
constructor(_defaultErrorStateMatcher: ErrorStateMatcher, _formRoot: ImpdcFormRoot, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl);
|
|
3180
|
+
/** @ignore */
|
|
3181
|
+
get empty(): boolean;
|
|
3182
|
+
/** @ignore */
|
|
3183
|
+
focus(options?: FocusOptions): void;
|
|
3184
|
+
/** @ignore */
|
|
3185
|
+
ngDoCheck(): void;
|
|
3186
|
+
/** @ignore */
|
|
3187
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
3188
|
+
/** @ignore */
|
|
3189
|
+
ngOnDestroy(): void;
|
|
3190
|
+
/** @ignore */
|
|
3191
|
+
ngOnInit(): void;
|
|
3192
|
+
/** @ignore */
|
|
3193
|
+
writeValue(obj: any): void;
|
|
3194
|
+
/** @ignore */
|
|
3195
|
+
registerOnChange(fn: any): void;
|
|
3196
|
+
/** @ignore */
|
|
3197
|
+
registerOnTouched(fn: any): void;
|
|
3198
|
+
/** @ignore */
|
|
3199
|
+
setDisabledState?(isDisabled: boolean): void;
|
|
3200
|
+
get value(): IDatetimePickerValue<any, any> | null;
|
|
3201
|
+
set value(value: IDatetimePickerValue<any, any> | null);
|
|
3202
|
+
get id(): string;
|
|
3203
|
+
set id(value: string);
|
|
3204
|
+
protected _id: string;
|
|
3205
|
+
/**
|
|
3206
|
+
* Used to set requiredness of control in a template-based manner;
|
|
3207
|
+
* not necessary when using the Angular reactive forms API and `required` validator.
|
|
3208
|
+
*
|
|
3209
|
+
* @default false
|
|
3210
|
+
*/
|
|
3211
|
+
get required(): boolean;
|
|
3212
|
+
set required(value: boolean);
|
|
3213
|
+
private _required;
|
|
3214
|
+
get focused(): boolean;
|
|
3215
|
+
protected _focused: boolean;
|
|
3216
|
+
readonly controlType: string;
|
|
3217
|
+
readonly supportsAffixes: boolean;
|
|
3218
|
+
protected displayedValue: string;
|
|
3219
|
+
protected get placeholderText(): string;
|
|
3220
|
+
protected updateValue(newValue: IDatetimePickerValue<any, any> | null): void;
|
|
3221
|
+
protected handleOpenChange(isOpen: boolean): void;
|
|
3222
|
+
protected _onFocus(): void;
|
|
3223
|
+
protected _onBlur(): void;
|
|
3224
|
+
private _updateDisplayedValue;
|
|
3225
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DatetimePickerInputComponent, [null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
|
|
3226
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DatetimePickerInputComponent, "impdc-datetime-picker-input", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "markDateDisabled": { "alias": "markDateDisabled"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "withTime": { "alias": "withTime"; "required": false; }; "meridianToggleLabel": { "alias": "meridianToggleLabel"; "required": false; }; "popupButtonLabels": { "alias": "popupButtonLabels"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
3227
|
+
static ngAcceptInputType_required: unknown;
|
|
3228
|
+
}
|
|
3229
|
+
|
|
3230
|
+
declare class DatetimePickerModule {
|
|
3231
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DatetimePickerModule, never>;
|
|
3232
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DatetimePickerModule, never, [typeof DatetimePickerComponent, typeof DatetimePickerInputComponent], [typeof DatetimePickerComponent, typeof DatetimePickerInputComponent]>;
|
|
3233
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<DatetimePickerModule>;
|
|
3234
|
+
}
|
|
3235
|
+
|
|
3236
|
+
declare class DesignComponentsModule {
|
|
3237
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DesignComponentsModule, never>;
|
|
3238
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DesignComponentsModule, never, [typeof i2.CommonModule, typeof i4.FormsModule, typeof TextHighlightModule, typeof IconModule, typeof BadgeModule, typeof TagComponent, typeof ProgressBarModule, typeof ButtonModule, typeof TableModule, typeof DropdownModule, typeof AlertModule, typeof ModalModule, typeof FileUploadModule, typeof AvatarModule, typeof AvatarGroupModule, typeof BreadcrumbModule, typeof BrandingModule, typeof DatetimePickerModule], [typeof TextHighlightModule, typeof IconModule, typeof BadgeModule, typeof TagComponent, typeof ProgressBarModule, typeof ButtonModule, typeof TableModule, typeof DropdownModule, typeof AlertModule, typeof ModalModule, typeof FileUploadModule, typeof AvatarModule, typeof AvatarGroupModule, typeof BreadcrumbModule, typeof BrandingModule, typeof DatetimePickerModule]>;
|
|
3239
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<DesignComponentsModule>;
|
|
3240
|
+
}
|
|
3241
|
+
|
|
3242
|
+
/**
|
|
3243
|
+
* The `ButtonGroupComponent` (`<impdc-button-group` or `<any impdc-button-group`) is a container for multiple [ButtonComponent](./?path=/docs/design-components-button)s.
|
|
3244
|
+
* To use, import `ButtonGroupModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
3245
|
+
* `ButtonGroupModule` imports and exports [ButtonModule](./?path=/docs/design-components-button).
|
|
3246
|
+
*/
|
|
3247
|
+
declare class ButtonGroupComponent {
|
|
3248
|
+
/**
|
|
3249
|
+
* Changes the orientation of the Button Group to vertical, making any Button within it stack vertically.
|
|
3250
|
+
*/
|
|
3251
|
+
vertical: boolean;
|
|
3252
|
+
/**
|
|
3253
|
+
* Sets the `aria-label` attribute for the Button Group's element.
|
|
3254
|
+
*/
|
|
3255
|
+
ariaLabel: string;
|
|
3256
|
+
private get classBtnGroup();
|
|
3257
|
+
private get classBtnGroupVertical();
|
|
3258
|
+
private attrRole;
|
|
3259
|
+
private get attrAriaLabel();
|
|
3260
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
|
|
3261
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupComponent, "impdc-button-group, [impdc-button-group]", never, { "vertical": { "alias": "vertical"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
3262
|
+
}
|
|
3263
|
+
|
|
3264
|
+
declare class ButtonGroupModule {
|
|
3265
|
+
constructor();
|
|
3266
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupModule, never>;
|
|
3267
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonGroupModule, [typeof ButtonGroupComponent], [typeof i2.CommonModule, typeof ButtonModule], [typeof ButtonModule, typeof ButtonGroupComponent]>;
|
|
3268
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ButtonGroupModule>;
|
|
3269
|
+
}
|
|
3270
|
+
|
|
3271
|
+
declare class TableThemeHelper {
|
|
3272
|
+
static getTheme({ fieldColor, color, colorGetter }: TableColumnDef, currentRow: ITableRowItem): ComponentTheme | undefined;
|
|
3273
|
+
static getCellColor(columnDefinition: TableColumnDef, currentRow: ITableRowItem): string;
|
|
3274
|
+
static getColor(color?: ComponentTheme): string;
|
|
3275
|
+
}
|
|
3276
|
+
|
|
3277
|
+
declare const provideImpdcModalAppInitializer: () => i0.EnvironmentProviders;
|
|
3278
|
+
|
|
3279
|
+
/**
|
|
3280
|
+
* The `CardHeadingComponent` (`<impdc-card-heading` or `<div impdc-card-heading`) is used to display projected content as a card with a consistent heading.
|
|
3281
|
+
* To use, import `CardHeadingModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
3282
|
+
*/
|
|
3283
|
+
declare class CardHeadingComponent {
|
|
3284
|
+
/**
|
|
3285
|
+
* The subject text for a Card.
|
|
3286
|
+
*/
|
|
3287
|
+
title: string;
|
|
3288
|
+
/**
|
|
3289
|
+
* The description, subtitle, or other pre-text for a Card.
|
|
3290
|
+
*/
|
|
3291
|
+
description: string;
|
|
3292
|
+
constructor();
|
|
3293
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CardHeadingComponent, never>;
|
|
3294
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CardHeadingComponent, "impdc-card-heading, div[impdc-card-heading]", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; }, {}, never, ["impdc-avatar", "button[impdcButton]", "*"], false, never>;
|
|
3295
|
+
}
|
|
3296
|
+
|
|
3297
|
+
declare class CardHeadingModule {
|
|
3298
|
+
constructor();
|
|
3299
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CardHeadingModule, never>;
|
|
3300
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CardHeadingModule, [typeof CardHeadingComponent], [typeof i2.CommonModule], [typeof CardHeadingComponent]>;
|
|
3301
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<CardHeadingModule>;
|
|
3302
|
+
}
|
|
3303
|
+
|
|
3304
|
+
/**
|
|
3305
|
+
* The `ScrollableComponent` (`<impdc-scrollable` or `<div impdc-scrollable`) is a container that hides items that wouldn't fit
|
|
3306
|
+
* with arrows on the left and right to slide between them.
|
|
3307
|
+
* To use, import `ScrollableModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
3308
|
+
* `ScrollableModule` also imports and exports [BrandingModule](./?path=/docs/design-components-directives-impdcbranded).
|
|
3309
|
+
*/
|
|
3310
|
+
declare class ScrollableComponent implements OnChanges, AfterViewInit {
|
|
3311
|
+
private _cd;
|
|
3312
|
+
private readonly _hostElementRef;
|
|
3313
|
+
private readonly GET_ANCESTOR_BG_SEARCH_DEPTH;
|
|
3314
|
+
/**
|
|
3315
|
+
* The base amount to scroll.
|
|
3316
|
+
*/
|
|
3317
|
+
scrollUnit: number;
|
|
3318
|
+
/**
|
|
3319
|
+
* Used in combination with `scrollUnit` to determine how far the Scrollable scrolls when directional arrows are clicked.
|
|
3320
|
+
*/
|
|
3321
|
+
clickScrollMultiplier: number;
|
|
3322
|
+
private _scrollableBgColor;
|
|
3323
|
+
get canScrollLeft(): boolean;
|
|
3324
|
+
get canScrollRight(): boolean;
|
|
3325
|
+
private _width;
|
|
3326
|
+
containerRef: ElementRef | undefined;
|
|
3327
|
+
private get _containerElement();
|
|
3328
|
+
contentRef: ElementRef | undefined;
|
|
3329
|
+
private get _contentElement();
|
|
3330
|
+
constructor(_cd: ChangeDetectorRef, _hostElementRef: ElementRef);
|
|
3331
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
3332
|
+
ngAfterViewInit(): void;
|
|
3333
|
+
scroll(direction: number): Promise<void>;
|
|
3334
|
+
widthChanged(elementSize: IElementSize): void;
|
|
3335
|
+
private _scrollToPosition;
|
|
3336
|
+
private _getBackgroundColorForButtons;
|
|
3337
|
+
private _getAncestorBackgroundColor;
|
|
3338
|
+
private _getBackGroundColor;
|
|
3339
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScrollableComponent, never>;
|
|
3340
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ScrollableComponent, "impdc-scrollable, div[impdc-scrollable]", never, { "scrollUnit": { "alias": "scrollUnit"; "required": false; }; "clickScrollMultiplier": { "alias": "clickScrollMultiplier"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
3341
|
+
}
|
|
3342
|
+
|
|
3343
|
+
declare class ScrollableModule {
|
|
3344
|
+
constructor();
|
|
3345
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScrollableModule, never>;
|
|
3346
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ScrollableModule, [typeof ScrollableComponent], [typeof i2.CommonModule, typeof SizeDetectionModule, typeof BrandingModule, typeof IconModule], [typeof ScrollableComponent, typeof BrandingModule]>;
|
|
3347
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ScrollableModule>;
|
|
3348
|
+
}
|
|
3349
|
+
|
|
3350
|
+
declare class ImpdcSelectIconChange {
|
|
3351
|
+
source: SelectIconComponent;
|
|
3352
|
+
value: any;
|
|
3353
|
+
constructor(source: SelectIconComponent, value: any);
|
|
3354
|
+
}
|
|
3355
|
+
declare const _SelectIconComponentBase: _impartner_design_components.Constructor<_impartner_design_components.HasTabIndex> & _impartner_design_components.AbstractConstructor<_impartner_design_components.HasTabIndex> & _impartner_design_components.Constructor<_impartner_design_components.CanDisable> & _impartner_design_components.AbstractConstructor<_impartner_design_components.CanDisable> & _impartner_design_components.Constructor<ICanUpdateErrorState> & _impartner_design_components.AbstractConstructor<ICanUpdateErrorState> & {
|
|
3356
|
+
new (_defaultErrorStateMatcher: ErrorStateMatcher, _formRoot: ImpdcFormRoot, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl | null): {
|
|
3357
|
+
readonly stateChanges: Subject<void>;
|
|
3358
|
+
_defaultErrorStateMatcher: ErrorStateMatcher;
|
|
3359
|
+
_formRoot: ImpdcFormRoot;
|
|
3360
|
+
_parentForm: NgForm;
|
|
3361
|
+
_parentFormGroup: FormGroupDirective;
|
|
3362
|
+
ngControl: NgControl | null;
|
|
3363
|
+
};
|
|
3364
|
+
};
|
|
3365
|
+
/**
|
|
3366
|
+
* The `SelectIconComponent` (`<impdc-select-icon`) is a select dropdown with search that shows all standard icons from Bootstrap 5.
|
|
3367
|
+
* To use, import `SelectIconModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
3368
|
+
*/
|
|
3369
|
+
declare class SelectIconComponent extends _SelectIconComponentBase implements ControlValueAccessor, ImpdcFormFieldControl<string | null>, ICanUpdateErrorState, IHasErrorState, DoCheck, OnChanges, OnDestroy {
|
|
3370
|
+
private readonly _changeDetector;
|
|
3371
|
+
protected _toggleButtonRef: ElementRef<HTMLButtonElement>;
|
|
3372
|
+
protected readonly filteredOptions$: Observable<string[]>;
|
|
3373
|
+
protected readonly searchControl: FormControl<string | null>;
|
|
3374
|
+
protected readonly _uid: string;
|
|
3375
|
+
protected _dropdownOpen: boolean;
|
|
3376
|
+
private readonly _iconOptionsSubject;
|
|
3377
|
+
private _previousControl?;
|
|
3378
|
+
private _cvaOnChange;
|
|
3379
|
+
private _cvaOnTouched;
|
|
3380
|
+
/**
|
|
3381
|
+
* Set whether or not an input field will appear for searching and
|
|
3382
|
+
* filtering icon options.
|
|
3383
|
+
* @default true
|
|
3384
|
+
*/
|
|
3385
|
+
allowSearch: boolean;
|
|
3386
|
+
get iconOptions(): string[];
|
|
3387
|
+
/**
|
|
3388
|
+
* Set to override the default set of FontAwesome icon options.
|
|
3389
|
+
*/
|
|
3390
|
+
set iconOptions(iconOptions: string[]);
|
|
3391
|
+
/**
|
|
3392
|
+
* Set whether or not to show the icon names as labels for icon options.
|
|
3393
|
+
* @default true
|
|
3394
|
+
*/
|
|
3395
|
+
showText: boolean;
|
|
3396
|
+
/**
|
|
3397
|
+
* Set whether or not to show the name of the selected icon inside the control.
|
|
3398
|
+
* @default true
|
|
3399
|
+
*/
|
|
3400
|
+
showSelectedText: boolean;
|
|
3401
|
+
/**
|
|
3402
|
+
* The placeholder text that will be displayed when no selection has been made.
|
|
3403
|
+
*
|
|
3404
|
+
* @default \- Select -
|
|
3405
|
+
*/
|
|
3406
|
+
get placeholder(): string;
|
|
3407
|
+
set placeholder(value: string);
|
|
3408
|
+
private _placeholder;
|
|
3409
|
+
errorStateMatcher: ErrorStateMatcher;
|
|
3410
|
+
/** Events fire when selection has been changed by the user. */
|
|
3411
|
+
readonly selectionChange: EventEmitter<ImpdcSelectIconChange>;
|
|
3412
|
+
/**
|
|
3413
|
+
* Events fire when raw value of select changes. Mainly exists to handle
|
|
3414
|
+
* two-way binding of `value` input property.
|
|
3415
|
+
* @ignore
|
|
3416
|
+
*/
|
|
3417
|
+
readonly valueChange: EventEmitter<string | null>;
|
|
3418
|
+
constructor(_changeDetector: ChangeDetectorRef, _defaultErrorStateMatcher: ErrorStateMatcher, _formRoot: ImpdcFormRoot, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl);
|
|
3419
|
+
get empty(): boolean;
|
|
3420
|
+
/** @ignore */
|
|
3421
|
+
focus(options?: FocusOptions): void;
|
|
3422
|
+
/** @ignore */
|
|
3423
|
+
ngDoCheck(): void;
|
|
3424
|
+
/** @ignore */
|
|
3425
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
3426
|
+
/** @ignore */
|
|
3427
|
+
ngOnDestroy(): void;
|
|
3428
|
+
/** @ignore */
|
|
3429
|
+
writeValue(value: string): void;
|
|
3430
|
+
/** @ignore */
|
|
3431
|
+
registerOnChange(fn: (value: any) => void): void;
|
|
3432
|
+
/** @ignore */
|
|
3433
|
+
registerOnTouched(fn: () => {}): void;
|
|
3434
|
+
/** @ignore */
|
|
3435
|
+
setDisabledState?(isDisabled: boolean): void;
|
|
3436
|
+
get value(): string | null;
|
|
3437
|
+
set value(value: string | null);
|
|
3438
|
+
private _value;
|
|
3439
|
+
get id(): string;
|
|
3440
|
+
set id(value: string);
|
|
3441
|
+
protected _id: string;
|
|
3442
|
+
/**
|
|
3443
|
+
* Used to set requiredness of control in a template-based manner;
|
|
3444
|
+
* not necessary when using the Angular reactive forms API and `required` validator.
|
|
3445
|
+
*
|
|
3446
|
+
* @default false
|
|
3447
|
+
*/
|
|
3448
|
+
get required(): boolean;
|
|
3449
|
+
set required(value: BooleanInput);
|
|
3450
|
+
private _required;
|
|
3451
|
+
get focused(): boolean;
|
|
3452
|
+
protected _focused: boolean;
|
|
3453
|
+
readonly controlType: string;
|
|
3454
|
+
readonly supportsAffixes: boolean;
|
|
3455
|
+
protected handleOpenChange(isOpen: boolean): void;
|
|
3456
|
+
protected selectIcon(iconName: string): void;
|
|
3457
|
+
protected _onFocus(): void;
|
|
3458
|
+
/**
|
|
3459
|
+
* Calls the CVA touched callback only if the dropdown is closed.
|
|
3460
|
+
*/
|
|
3461
|
+
protected _onBlur(): void;
|
|
3462
|
+
private _buildChangeEvent;
|
|
3463
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SelectIconComponent, [null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
|
|
3464
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SelectIconComponent, "impdc-select-icon", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "allowSearch": { "alias": "allowSearch"; "required": false; }; "iconOptions": { "alias": "iconOptions"; "required": false; }; "showText": { "alias": "showText"; "required": false; }; "showSelectedText": { "alias": "showSelectedText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, never, never, false, never>;
|
|
3465
|
+
}
|
|
3466
|
+
|
|
3467
|
+
declare class SelectIconModule {
|
|
3468
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SelectIconModule, never>;
|
|
3469
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SelectIconModule, [typeof SelectIconComponent], [typeof i2.CommonModule, typeof ImpdcFormsModule, typeof IconModule, typeof i18.NgbTypeaheadModule, typeof i18.NgbDropdownModule, typeof i4.ReactiveFormsModule], [typeof SelectIconComponent]>;
|
|
3470
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SelectIconModule>;
|
|
3471
|
+
}
|
|
3472
|
+
|
|
3473
|
+
/**
|
|
3474
|
+
* The `CardHeadingComponent` (`<impdc-data-card` or `<any impdc-data-card`) is to display data snapshots with support for
|
|
3475
|
+
* previous values and differences.
|
|
3476
|
+
*
|
|
3477
|
+
* To use, import `DataCardModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
3478
|
+
*
|
|
3479
|
+
* An icon may be displayed in the card via Angular content projection and the `icon` attribute.
|
|
3480
|
+
*/
|
|
3481
|
+
declare class DataCardComponent {
|
|
3482
|
+
protected readonly BadgeTheme: typeof ComponentTheme;
|
|
3483
|
+
protected iconContentElementRef: ElementRef<HTMLElement>;
|
|
3484
|
+
/**
|
|
3485
|
+
* The subject text for the Data Card.
|
|
3486
|
+
*/
|
|
3487
|
+
title: string;
|
|
3488
|
+
/**
|
|
3489
|
+
* The current data value. Any number/currency format is supported.
|
|
3490
|
+
*/
|
|
3491
|
+
current: string;
|
|
3492
|
+
/**
|
|
3493
|
+
* The previous data value. Any number/currency format is supported.
|
|
3494
|
+
* Only displayed when an icon is not provided via Angular content projection.
|
|
3495
|
+
*/
|
|
3496
|
+
previous: string;
|
|
3497
|
+
/**
|
|
3498
|
+
* The difference between the current and previous values. A numerical or percentage value is preferred,
|
|
3499
|
+
* but any number/currency format is supported.
|
|
3500
|
+
*/
|
|
3501
|
+
difference: string;
|
|
3502
|
+
/**
|
|
3503
|
+
* Text for the link at the bottom of the Data Card. If provided, enables the `linkClicked` event to be emitted.
|
|
3504
|
+
*/
|
|
3505
|
+
linkText: string;
|
|
3506
|
+
/**
|
|
3507
|
+
* When stacking multiple Data Card elements together, it's common to combine their borders.
|
|
3508
|
+
*/
|
|
3509
|
+
sharedBorders: boolean;
|
|
3510
|
+
/**
|
|
3511
|
+
* Changes the color of the icon.
|
|
3512
|
+
*/
|
|
3513
|
+
iconColor: string;
|
|
3514
|
+
/**
|
|
3515
|
+
* Changes the color of the icon's background.
|
|
3516
|
+
*/
|
|
3517
|
+
iconBgColor: string;
|
|
3518
|
+
/**
|
|
3519
|
+
* Emitted when the link text is clicked.
|
|
3520
|
+
*/
|
|
3521
|
+
linkClicked: EventEmitter<Event | MouseEvent>;
|
|
3522
|
+
/**
|
|
3523
|
+
* Emitted when the corner content is clicked.
|
|
3524
|
+
*/
|
|
3525
|
+
cornerClicked: EventEmitter<Event | MouseEvent>;
|
|
3526
|
+
private get classDataCard();
|
|
3527
|
+
private get classDataCardSharedBorders();
|
|
3528
|
+
get differenceNumber(): number;
|
|
3529
|
+
get differenceNegative(): boolean;
|
|
3530
|
+
get differencePositive(): boolean;
|
|
3531
|
+
get differenceDisplay(): string;
|
|
3532
|
+
protected get hasIcon(): boolean;
|
|
3533
|
+
protected handleLinkClick(event: MouseEvent | Event): void;
|
|
3534
|
+
protected handleCornerClick(event: MouseEvent | Event): void;
|
|
3535
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DataCardComponent, never>;
|
|
3536
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DataCardComponent, "impdc-data-card, [impdc-data-card]", never, { "title": { "alias": "title"; "required": false; }; "current": { "alias": "current"; "required": false; }; "previous": { "alias": "previous"; "required": false; }; "difference": { "alias": "difference"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; "sharedBorders": { "alias": "sharedBorders"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "iconBgColor": { "alias": "iconBgColor"; "required": false; }; }, { "linkClicked": "linkClicked"; "cornerClicked": "cornerClicked"; }, never, ["[icon]", "*", "[corner]", "[footer]"], false, never>;
|
|
3537
|
+
}
|
|
3538
|
+
|
|
3539
|
+
declare class DataCardModule {
|
|
3540
|
+
constructor();
|
|
3541
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DataCardModule, never>;
|
|
3542
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DataCardModule, [typeof DataCardComponent], [typeof i2.CommonModule, typeof IconModule, typeof BadgeModule], [typeof IconModule, typeof DataCardComponent]>;
|
|
3543
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<DataCardModule>;
|
|
3544
|
+
}
|
|
3545
|
+
|
|
3546
|
+
declare function IMPDC_DATETIME_PICKER_FORMATTER_FACTORY(): ImpdcDatetimeISOFormatter;
|
|
3547
|
+
declare abstract class ImpdcDatetimeFormatter {
|
|
3548
|
+
abstract format(date: NgbDateStruct, time?: NgbTimeStruct | null | {
|
|
3549
|
+
value: NgbTimeStruct | null;
|
|
3550
|
+
withSeconds: boolean;
|
|
3551
|
+
}): string;
|
|
3552
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ImpdcDatetimeFormatter, never>;
|
|
3553
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ImpdcDatetimeFormatter>;
|
|
3554
|
+
}
|
|
3555
|
+
declare class ImpdcDatetimeISOFormatter extends ImpdcDatetimeFormatter {
|
|
3556
|
+
format(date: NgbDateStruct, time?: NgbTimeStruct | null | {
|
|
3557
|
+
value: NgbTimeStruct | null;
|
|
3558
|
+
withSeconds: boolean;
|
|
3559
|
+
}): string;
|
|
3560
|
+
private _padNumberString;
|
|
3561
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ImpdcDatetimeISOFormatter, never>;
|
|
3562
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ImpdcDatetimeISOFormatter>;
|
|
3563
|
+
}
|
|
3564
|
+
|
|
3565
|
+
type NgbDatepickerViewModel = NgbDatepicker['model'];
|
|
3566
|
+
declare enum NgbNavigationEvent {
|
|
3567
|
+
PREV = 0,
|
|
3568
|
+
NEXT = 1
|
|
3569
|
+
}
|
|
3570
|
+
declare class DatepickerNavComponent implements OnInit, AfterViewChecked {
|
|
3571
|
+
private readonly _cd;
|
|
3572
|
+
private readonly _destroyRef$;
|
|
3573
|
+
protected readonly monthControl: FormControl<number | null>;
|
|
3574
|
+
protected readonly yearControl: FormControl<number | null>;
|
|
3575
|
+
protected readonly datepickerI18n: NgbDatepickerI18n;
|
|
3576
|
+
date: NgbDate;
|
|
3577
|
+
get disabled(): boolean;
|
|
3578
|
+
set disabled(value: boolean);
|
|
3579
|
+
private _disabled;
|
|
3580
|
+
prevDisabled: boolean;
|
|
3581
|
+
nextDisabled: boolean;
|
|
3582
|
+
selectBoxes: NgbDatepickerViewModel['selectBoxes'];
|
|
3583
|
+
navigate: EventEmitter<NgbNavigationEvent>;
|
|
3584
|
+
selected: EventEmitter<NgbDate>;
|
|
3585
|
+
onClickGoPrevious(event: MouseEvent): void;
|
|
3586
|
+
onClickGoNext(event: MouseEvent): void;
|
|
3587
|
+
changeMonth(month: number): void;
|
|
3588
|
+
changeYear(year: number): void;
|
|
3589
|
+
ngOnInit(): void;
|
|
3590
|
+
ngAfterViewChecked(): void;
|
|
3591
|
+
private _applyDateToControls;
|
|
3592
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerNavComponent, never>;
|
|
3593
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerNavComponent, "impdc-datepicker-nav", never, { "date": { "alias": "date"; "required": true; }; "disabled": { "alias": "disabled"; "required": true; }; "prevDisabled": { "alias": "prevDisabled"; "required": true; }; "nextDisabled": { "alias": "nextDisabled"; "required": true; }; "selectBoxes": { "alias": "selectBoxes"; "required": true; }; }, { "navigate": "navigate"; "selected": "selected"; }, never, never, true, never>;
|
|
3594
|
+
}
|
|
3595
|
+
|
|
3596
|
+
interface ContentTemplateContext {
|
|
3597
|
+
/**
|
|
3598
|
+
* The datepicker that corresponds to the template.
|
|
3599
|
+
*
|
|
3600
|
+
* Can be used for convenience as a default template key, ex. `let-d`.
|
|
3601
|
+
*/
|
|
3602
|
+
$implicit: NgbDatepicker;
|
|
3603
|
+
}
|
|
3604
|
+
declare class DatepickerTemplateHostComponent {
|
|
3605
|
+
private readonly _calendar;
|
|
3606
|
+
readonly isWeekend: (date: NgbDate) => boolean;
|
|
3607
|
+
readonly isToday: (date: NgbDate) => boolean;
|
|
3608
|
+
dayTemplateRef: TemplateRef<DayTemplateContext>;
|
|
3609
|
+
contentTemplateRef: TemplateRef<ContentTemplateContext>;
|
|
3610
|
+
protected getMonthTrackByKey(ngbDate: NgbDate): string;
|
|
3611
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerTemplateHostComponent, never>;
|
|
3612
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerTemplateHostComponent, "impdc-datepicker-template-host", never, {}, {}, never, never, true, never>;
|
|
3613
|
+
}
|
|
3614
|
+
|
|
3615
|
+
declare class DatetimePickerInputFooterComponent implements OnInit {
|
|
3616
|
+
private readonly _cd;
|
|
3617
|
+
private readonly _destroyRef;
|
|
3618
|
+
protected readonly datetimePickerFormControl: FormControl<IDatetimePickerValue<any, any> | null>;
|
|
3619
|
+
datetimePicker: DatetimePickerComponent;
|
|
3620
|
+
initialValue: IDatetimePickerValue<any, any> | null;
|
|
3621
|
+
cancelLabel: string;
|
|
3622
|
+
clearLabel: string;
|
|
3623
|
+
saveLabel: string;
|
|
3624
|
+
readonly datetimeSelected: EventEmitter<IDatetimePickerValue<any, any> | null>;
|
|
3625
|
+
readonly closeRequested: EventEmitter<void>;
|
|
3626
|
+
ngOnInit(): void;
|
|
3627
|
+
allowSave(): boolean;
|
|
3628
|
+
clearAndClose(): void;
|
|
3629
|
+
saveAndClose(): void;
|
|
3630
|
+
closePicker(): void;
|
|
3631
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DatetimePickerInputFooterComponent, never>;
|
|
3632
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DatetimePickerInputFooterComponent, "impdc-datetime-picker-input-footer", never, { "datetimePicker": { "alias": "datetimePicker"; "required": true; }; "initialValue": { "alias": "initialValue"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "saveLabel": { "alias": "saveLabel"; "required": false; }; }, { "datetimeSelected": "datetimeSelected"; "closeRequested": "closeRequested"; }, never, never, true, never>;
|
|
3633
|
+
}
|
|
3634
|
+
|
|
3635
|
+
export { AlertComponent, AlertModule, AvatarComponent, AvatarGroupComponent, AvatarGroupModule, AvatarModule, BackdropComponent, BackdropModule, BadgeComponent, BadgeModule, BadgeSize, BadgeSizesArr, BrandedDirective, BrandingModule, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonGroupModule, ButtonModule, CardHeadingComponent, CardHeadingModule, CheckboxChangeEvent, CheckboxComponent, CheckboxGroupChangeEvent, CheckboxGroupComponent, CheckboxGroupModule, CheckboxItemChangeEvent, CheckboxItemComponent, CheckboxModule, ColumnHeadingComponent, ComponentSize, ComponentTheme, ComponentThemesArr, CornerActionComponent, CornerHintComponent, DataCardComponent, DataCardModule, DatepickerNavComponent, DatepickerTemplateHostComponent, DatetimePickerComponent, DatetimePickerInputComponent, DatetimePickerInputFooterComponent, DatetimePickerModule, DesignComponentsModule, DropdownComponent, DropdownItemComponent, DropdownModule, ErrorComponent, ErrorStateMatcher, FORM_FIELD_FEEDBACK_COMPONENTS, FORM_FIELD_SUBCOMPONENTS, FeedbackTextCounterComponent, FileDropDirective, FileUploadComponent, FileUploadModule, FloatingFeedbackComponent, FontAwesomeFreeRegularIcons, FontAwesomeFreeSolidIcons, FontAwesomeIconThemes, FontAwesomeIcons, FormFieldComponent, FormFieldModule, HintComponent, HumanReadableByteSizePipe, IMPDC_DATETIME_PICKER_FORMATTER_FACTORY, IMPDC_ERROR, IMPDC_FORM_FIELD, IMPDC_FORM_ROOT, IMPDC_PREFIX, IMPDC_SELECT_OPTION_PARENT_COMPONENT, IMPDC_SELECT_VALUE_BADGES_PARENT_COMPONENT, IMPDC_SUFFIX, IconComponent, IconModule, ImpdcDatetimeFormatter, ImpdcDatetimeISOFormatter, ImpdcFormFieldControl, ImpdcFormsModule, ImpdcSelectIconChange, InputDirective, InteractionService, LabelComponent, ModalComponent, ModalComponentSizesArr, ModalLayoutComponent, ModalModule, ModalTheme, ModalThemesArr, PaginationComponent, PaginationModule, PrefixDirective, ProgressBarComponent, ProgressBarModule, RadioButtonComponent, RadioChangeEvent, RadioGroupComponent, RadioModule, RootFormGroupDirective, RootNgFormDirective, RowActionsComponent, ScrollableComponent, ScrollableModule, SelectChangeEvent, SelectComponent, SelectIconComponent, SelectIconModule, SelectModel, SelectModule, SelectOptionComponent, SelectOptionDisplayComponent, SelectOptionGroupComponent, SelectOptionSelectionChangeEvent, SelectValueTagsDisplayComponent, ShowOnDirtyErrorStateMatcher, SizeDetectionModule, SizeDetectorDirective, SpinnerComponent, SpinnerModule, SubLabelComponent, SuffixDirective, TableBulkActionsComponent, TableColumnType, TableComponent, TableDirective, TableInjectComponentDirective, TableModule, TableThemeHelper, TagComponent, TagSelectComponent, TextHighlightComponent, TextHighlightModule, UniqueSelectionDispatcher, getImpdcCheckboxGroupNonArrayValueError, getImpdcFormFieldMissingControlError, mixinDisabled, mixinErrorState, mixinTabIndex, provideImpdcModalAppInitializer };
|
|
3636
|
+
export type { AbstractConstructor, AlertTheme, BadgeIcon, BadgeSizes, ButtonTheme, CanDisable, ComponentThemes, Constructor, DropdownPosition, FontAwesomeIcon, FontAwesomeIconTheme, HasTabIndex, IBackdropComponent, ICanUpdateErrorState, ICellRenderer, ICheckboxItem, ICollapsibleRowContentContext, ICustomCellRendererComponents, IDatetimePickerValue, IElementSize, IHasErrorState, IIdentifiable, IInteractableComponent, IRadioButton, ISelectOption, ISelectOptionParentComponent, ISelectValueBadgesParentComponent, ISortByPayload, ITableActionsColumnDef, ITableCellOption, ITableColumnDef, ITableEventPayload, ITableRowAction, ITableRowActionDivider, ITableRowActionPayload, ITableRowCollapseChange, ITableRowItem, ITableRowItemValue, ITableRowItemValueTypes, ImpdcFormRoot, ModalComponentSizes, ModalThemes, PrimaryComponentSizes, SecondaryComponentSizes, SelectChange, TableColumnDef, TagTheme, UniqueSelectionDispatcherListener };
|