@impartner/design-components 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.txt +11 -0
- package/README.md +22 -0
- package/constants/fontawesome-icons.d.ts +6 -0
- package/constants/index.d.ts +1 -0
- package/esm2020/constants/fontawesome-icons.mjs +3012 -0
- package/esm2020/constants/index.mjs +2 -0
- package/esm2020/impartner-design-components.mjs +5 -0
- package/esm2020/lib/alert/alert.component.mjs +57 -0
- package/esm2020/lib/alert/alert.module.mjs +18 -0
- package/esm2020/lib/alert/index.mjs +4 -0
- package/esm2020/lib/alert/theme/alert-theme.mjs +2 -0
- package/esm2020/lib/alert/theme/index.mjs +2 -0
- package/esm2020/lib/avatar/avatar.component.mjs +47 -0
- package/esm2020/lib/avatar/avatar.module.mjs +18 -0
- package/esm2020/lib/avatar/index.mjs +3 -0
- package/esm2020/lib/avatar-group/avatar-group.component.mjs +16 -0
- package/esm2020/lib/avatar-group/avatar-group.module.mjs +19 -0
- package/esm2020/lib/avatar-group/index.mjs +3 -0
- package/esm2020/lib/backdrop/backdrop.component.mjs +34 -0
- package/esm2020/lib/backdrop/backdrop.module.mjs +19 -0
- package/esm2020/lib/backdrop/index.mjs +3 -0
- package/esm2020/lib/badge/badge.component.mjs +98 -0
- package/esm2020/lib/badge/badge.module.mjs +19 -0
- package/esm2020/lib/badge/index.mjs +4 -0
- package/esm2020/lib/badge/types/badge-icon.mjs +2 -0
- package/esm2020/lib/badge/types/badge-size.mjs +7 -0
- package/esm2020/lib/badge/types/index.mjs +2 -0
- package/esm2020/lib/branding/branded.directive.mjs +19 -0
- package/esm2020/lib/branding/branding.module.mjs +19 -0
- package/esm2020/lib/branding/index.mjs +3 -0
- package/esm2020/lib/breadcrumb/breadcrumb-item.component.mjs +25 -0
- package/esm2020/lib/breadcrumb/breadcrumb.component.mjs +33 -0
- package/esm2020/lib/breadcrumb/breadcrumb.module.mjs +19 -0
- package/esm2020/lib/breadcrumb/index.mjs +4 -0
- package/esm2020/lib/button/button.component.mjs +116 -0
- package/esm2020/lib/button/button.module.mjs +21 -0
- package/esm2020/lib/button/index.mjs +4 -0
- package/esm2020/lib/button/themes/button-theme.mjs +2 -0
- package/esm2020/lib/button/themes/index.mjs +2 -0
- package/esm2020/lib/button-group/button-group.component.mjs +52 -0
- package/esm2020/lib/button-group/button-group.module.mjs +20 -0
- package/esm2020/lib/button-group/index.mjs +3 -0
- package/esm2020/lib/card-heading/card-heading.component.mjs +30 -0
- package/esm2020/lib/card-heading/card-heading.module.mjs +19 -0
- package/esm2020/lib/card-heading/index.mjs +3 -0
- package/esm2020/lib/design-components.module.mjs +119 -0
- package/esm2020/lib/dropdown/components/dropdown-item/dropdown-item.component.mjs +22 -0
- package/esm2020/lib/dropdown/components/index.mjs +2 -0
- package/esm2020/lib/dropdown/dropdown.component.mjs +140 -0
- package/esm2020/lib/dropdown/dropdown.module.mjs +21 -0
- package/esm2020/lib/dropdown/index.mjs +5 -0
- package/esm2020/lib/dropdown/types/dropdown-position.mjs +2 -0
- package/esm2020/lib/dropdown/types/index.mjs +2 -0
- package/esm2020/lib/file-upload/directives/file-drop.directive.mjs +50 -0
- package/esm2020/lib/file-upload/directives/index.mjs +2 -0
- package/esm2020/lib/file-upload/file-upload.component.mjs +334 -0
- package/esm2020/lib/file-upload/file-upload.module.mjs +29 -0
- package/esm2020/lib/file-upload/index.mjs +5 -0
- package/esm2020/lib/file-upload/pipes/human-readable-byte-size.pipe.mjs +23 -0
- package/esm2020/lib/file-upload/pipes/index.mjs +2 -0
- package/esm2020/lib/form-field/controls/checkbox/checkbox.component.mjs +337 -0
- package/esm2020/lib/form-field/controls/checkbox/checkbox.module.mjs +19 -0
- package/esm2020/lib/form-field/controls/checkbox/index.mjs +3 -0
- package/esm2020/lib/form-field/controls/index.mjs +5 -0
- package/esm2020/lib/form-field/controls/input/index.mjs +2 -0
- package/esm2020/lib/form-field/controls/input/input.directive.mjs +233 -0
- package/esm2020/lib/form-field/controls/radio/index.mjs +6 -0
- package/esm2020/lib/form-field/controls/radio/injection-tokens.mjs +4 -0
- package/esm2020/lib/form-field/controls/radio/interfaces/index.mjs +4 -0
- package/esm2020/lib/form-field/controls/radio/interfaces/radio-button.interface.mjs +2 -0
- package/esm2020/lib/form-field/controls/radio/interfaces/radio-change-event.interface.mjs +11 -0
- package/esm2020/lib/form-field/controls/radio/interfaces/radio-group.interface.mjs +2 -0
- package/esm2020/lib/form-field/controls/radio/radio-button/radio-button.component.mjs +260 -0
- package/esm2020/lib/form-field/controls/radio/radio-group/radio-group.directive.mjs +288 -0
- package/esm2020/lib/form-field/controls/radio/radio.module.mjs +20 -0
- package/esm2020/lib/form-field/controls/select/index.mjs +6 -0
- package/esm2020/lib/form-field/controls/select/option/index.mjs +2 -0
- package/esm2020/lib/form-field/controls/select/option/select-option.component.mjs +138 -0
- package/esm2020/lib/form-field/controls/select/option-parent.mjs +3 -0
- package/esm2020/lib/form-field/controls/select/select-model.mjs +149 -0
- package/esm2020/lib/form-field/controls/select/select.component.mjs +522 -0
- package/esm2020/lib/form-field/controls/select/select.module.mjs +20 -0
- package/esm2020/lib/form-field/controls/shared/index.mjs +2 -0
- package/esm2020/lib/form-field/controls/shared/toggle/components/index.mjs +2 -0
- package/esm2020/lib/form-field/controls/shared/toggle/components/toggle-input/toggle-input.component.mjs +17 -0
- package/esm2020/lib/form-field/controls/shared/toggle/index.mjs +4 -0
- package/esm2020/lib/form-field/controls/shared/toggle/toggle.component.mjs +96 -0
- package/esm2020/lib/form-field/controls/shared/toggle/toggle.module.mjs +20 -0
- package/esm2020/lib/form-field/directives/corner-hint.directive.mjs +14 -0
- package/esm2020/lib/form-field/directives/error.directive.mjs +26 -0
- package/esm2020/lib/form-field/directives/form-root.directive.mjs +91 -0
- package/esm2020/lib/form-field/directives/hint.directive.mjs +24 -0
- package/esm2020/lib/form-field/directives/index.mjs +8 -0
- package/esm2020/lib/form-field/directives/label.directive.mjs +14 -0
- package/esm2020/lib/form-field/directives/prefix.directive.mjs +24 -0
- package/esm2020/lib/form-field/directives/suffix.directive.mjs +24 -0
- package/esm2020/lib/form-field/form-field-errors.mjs +5 -0
- package/esm2020/lib/form-field/form-field.component.mjs +132 -0
- package/esm2020/lib/form-field/impdc-forms.mjs +8 -0
- package/esm2020/lib/form-field/impdc-forms.module.mjs +68 -0
- package/esm2020/lib/form-field/index.mjs +2 -0
- package/esm2020/lib/form-field/services/error-state-matcher.service.mjs +28 -0
- package/esm2020/lib/form-field/services/index.mjs +3 -0
- package/esm2020/lib/form-field/services/unique-selection-dispatcher.service.mjs +48 -0
- package/esm2020/lib/form-field/shared/constructors.type.mjs +2 -0
- package/esm2020/lib/form-field/shared/disabled.mixin.mjs +15 -0
- package/esm2020/lib/form-field/shared/error-state.mixin.mjs +24 -0
- package/esm2020/lib/form-field/shared/form-field-control.mjs +10 -0
- package/esm2020/lib/form-field/shared/index.mjs +5 -0
- package/esm2020/lib/form-field/shared/tab-index.mixin.mjs +19 -0
- package/esm2020/lib/icon/icon.component.mjs +70 -0
- package/esm2020/lib/icon/icon.module.mjs +19 -0
- package/esm2020/lib/icon/index.mjs +3 -0
- package/esm2020/lib/index.mjs +26 -0
- package/esm2020/lib/modal/index.mjs +4 -0
- package/esm2020/lib/modal/modal.component.mjs +141 -0
- package/esm2020/lib/modal/modal.module.mjs +37 -0
- package/esm2020/lib/modal/types/index.mjs +3 -0
- package/esm2020/lib/modal/types/modal-component-sizes.mjs +9 -0
- package/esm2020/lib/modal/types/modal-theme.mjs +12 -0
- package/esm2020/lib/pagination/index.mjs +3 -0
- package/esm2020/lib/pagination/pagination.component.mjs +134 -0
- package/esm2020/lib/pagination/pagination.module.mjs +21 -0
- package/esm2020/lib/progress-bar/index.mjs +3 -0
- package/esm2020/lib/progress-bar/progress-bar.component.mjs +35 -0
- package/esm2020/lib/progress-bar/progress-bar.module.mjs +18 -0
- package/esm2020/lib/scrollable/index.mjs +3 -0
- package/esm2020/lib/scrollable/scrollable.component.mjs +193 -0
- package/esm2020/lib/scrollable/scrollable.module.mjs +21 -0
- package/esm2020/lib/select-icon/index.mjs +3 -0
- package/esm2020/lib/select-icon/select-icon.component.mjs +307 -0
- package/esm2020/lib/select-icon/select-icon.module.mjs +35 -0
- package/esm2020/lib/size-detection/directive/element-size.interface.mjs +2 -0
- package/esm2020/lib/size-detection/directive/index.mjs +3 -0
- package/esm2020/lib/size-detection/directive/size-detector.directive.mjs +43 -0
- package/esm2020/lib/size-detection/index.mjs +3 -0
- package/esm2020/lib/size-detection/size-detection.module.mjs +18 -0
- package/esm2020/lib/spinner/index.mjs +3 -0
- package/esm2020/lib/spinner/spinner.component.mjs +24 -0
- package/esm2020/lib/spinner/spinner.module.mjs +18 -0
- package/esm2020/lib/table/index.mjs +3 -0
- package/esm2020/lib/table/table.component.mjs +33 -0
- package/esm2020/lib/table/table.module.mjs +19 -0
- package/esm2020/lib/text-highlight/index.mjs +3 -0
- package/esm2020/lib/text-highlight/text-highlight.component.mjs +81 -0
- package/esm2020/lib/text-highlight/text-highlight.module.mjs +19 -0
- package/esm2020/public-api.mjs +9 -0
- package/esm2020/services/index.mjs +2 -0
- package/esm2020/services/interaction.service.mjs +54 -0
- package/esm2020/types/component-size.mjs +12 -0
- package/esm2020/types/component-theme.mjs +22 -0
- package/esm2020/types/index.mjs +3 -0
- package/esm2020/utilities/boolean-props.mjs +7 -0
- package/esm2020/utilities/dc.mjs +9 -0
- package/esm2020/utilities/index.mjs +6 -0
- package/esm2020/utilities/lc.mjs +9 -0
- package/esm2020/utilities/number-props.mjs +18 -0
- package/esm2020/utilities/sanitize.mjs +7 -0
- package/fesm2015/impartner-design-components.mjs +8295 -0
- package/fesm2015/impartner-design-components.mjs.map +1 -0
- package/fesm2020/impartner-design-components.mjs +8264 -0
- package/fesm2020/impartner-design-components.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/alert/alert.component.d.ts +29 -0
- package/lib/alert/alert.module.d.ts +8 -0
- package/lib/alert/index.d.ts +3 -0
- package/lib/alert/theme/alert-theme.d.ts +1 -0
- package/lib/alert/theme/index.d.ts +1 -0
- package/lib/avatar/avatar.component.d.ts +28 -0
- package/lib/avatar/avatar.module.d.ts +8 -0
- package/lib/avatar/index.d.ts +2 -0
- package/lib/avatar-group/avatar-group.component.d.ts +10 -0
- package/lib/avatar-group/avatar-group.module.d.ts +9 -0
- package/lib/avatar-group/index.d.ts +2 -0
- package/lib/backdrop/backdrop.component.d.ts +19 -0
- package/lib/backdrop/backdrop.module.d.ts +9 -0
- package/lib/backdrop/index.d.ts +2 -0
- package/lib/badge/badge.component.d.ts +48 -0
- package/lib/badge/badge.module.d.ts +9 -0
- package/lib/badge/index.d.ts +3 -0
- package/lib/badge/types/badge-icon.d.ts +1 -0
- package/lib/badge/types/badge-size.d.ts +6 -0
- package/lib/badge/types/index.d.ts +2 -0
- package/lib/branding/branded.directive.d.ts +6 -0
- package/lib/branding/branding.module.d.ts +9 -0
- package/lib/branding/index.d.ts +2 -0
- package/lib/breadcrumb/breadcrumb-item.component.d.ts +7 -0
- package/lib/breadcrumb/breadcrumb.component.d.ts +18 -0
- package/lib/breadcrumb/breadcrumb.module.d.ts +9 -0
- package/lib/breadcrumb/index.d.ts +3 -0
- package/lib/button/button.component.d.ts +47 -0
- package/lib/button/button.module.d.ts +11 -0
- package/lib/button/index.d.ts +3 -0
- package/lib/button/themes/button-theme.d.ts +1 -0
- package/lib/button/themes/index.d.ts +1 -0
- package/lib/button-group/button-group.component.d.ts +22 -0
- package/lib/button-group/button-group.module.d.ts +10 -0
- package/lib/button-group/index.d.ts +2 -0
- package/lib/card-heading/card-heading.component.d.ts +18 -0
- package/lib/card-heading/card-heading.module.d.ts +9 -0
- package/lib/card-heading/index.d.ts +2 -0
- package/lib/design-components.module.d.ts +22 -0
- package/lib/dropdown/components/dropdown-item/dropdown-item.component.d.ts +11 -0
- package/lib/dropdown/components/index.d.ts +1 -0
- package/lib/dropdown/dropdown.component.d.ts +65 -0
- package/lib/dropdown/dropdown.module.d.ts +11 -0
- package/lib/dropdown/index.d.ts +4 -0
- package/lib/dropdown/types/dropdown-position.d.ts +1 -0
- package/lib/dropdown/types/index.d.ts +1 -0
- package/lib/file-upload/directives/file-drop.directive.d.ts +11 -0
- package/lib/file-upload/directives/index.d.ts +1 -0
- package/lib/file-upload/file-upload.component.d.ts +105 -0
- package/lib/file-upload/file-upload.module.d.ts +13 -0
- package/lib/file-upload/index.d.ts +4 -0
- package/lib/file-upload/pipes/human-readable-byte-size.pipe.d.ts +7 -0
- package/lib/file-upload/pipes/index.d.ts +1 -0
- package/lib/form-field/controls/checkbox/checkbox.component.d.ts +133 -0
- package/lib/form-field/controls/checkbox/checkbox.module.d.ts +9 -0
- package/lib/form-field/controls/checkbox/index.d.ts +2 -0
- package/lib/form-field/controls/index.d.ts +4 -0
- package/lib/form-field/controls/input/index.d.ts +1 -0
- package/lib/form-field/controls/input/input.directive.d.ts +84 -0
- package/lib/form-field/controls/radio/index.d.ts +5 -0
- package/lib/form-field/controls/radio/injection-tokens.d.ts +4 -0
- package/lib/form-field/controls/radio/interfaces/index.d.ts +3 -0
- package/lib/form-field/controls/radio/interfaces/radio-button.interface.d.ts +6 -0
- package/lib/form-field/controls/radio/interfaces/radio-change-event.interface.d.ts +12 -0
- package/lib/form-field/controls/radio/interfaces/radio-group.interface.d.ts +13 -0
- package/lib/form-field/controls/radio/radio-button/radio-button.component.d.ts +98 -0
- package/lib/form-field/controls/radio/radio-group/radio-group.directive.d.ts +104 -0
- package/lib/form-field/controls/radio/radio.module.d.ts +10 -0
- package/lib/form-field/controls/select/index.d.ts +5 -0
- package/lib/form-field/controls/select/option/index.d.ts +1 -0
- package/lib/form-field/controls/select/option/select-option.component.d.ts +60 -0
- package/lib/form-field/controls/select/option-parent.d.ts +5 -0
- package/lib/form-field/controls/select/select-model.d.ts +36 -0
- package/lib/form-field/controls/select/select.component.d.ts +170 -0
- package/lib/form-field/controls/select/select.module.d.ts +10 -0
- package/lib/form-field/controls/shared/index.d.ts +1 -0
- package/lib/form-field/controls/shared/toggle/components/index.d.ts +1 -0
- package/lib/form-field/controls/shared/toggle/components/toggle-input/toggle-input.component.d.ts +6 -0
- package/lib/form-field/controls/shared/toggle/index.d.ts +3 -0
- package/lib/form-field/controls/shared/toggle/toggle.component.d.ts +26 -0
- package/lib/form-field/controls/shared/toggle/toggle.module.d.ts +10 -0
- package/lib/form-field/directives/corner-hint.directive.d.ts +5 -0
- package/lib/form-field/directives/error.directive.d.ts +8 -0
- package/lib/form-field/directives/form-root.directive.d.ts +26 -0
- package/lib/form-field/directives/hint.directive.d.ts +6 -0
- package/lib/form-field/directives/index.d.ts +7 -0
- package/lib/form-field/directives/label.directive.d.ts +5 -0
- package/lib/form-field/directives/prefix.directive.d.ts +9 -0
- package/lib/form-field/directives/suffix.directive.d.ts +9 -0
- package/lib/form-field/form-field-errors.d.ts +2 -0
- package/lib/form-field/form-field.component.d.ts +39 -0
- package/lib/form-field/impdc-forms.d.ts +7 -0
- package/lib/form-field/impdc-forms.module.d.ts +19 -0
- package/lib/form-field/index.d.ts +1 -0
- package/lib/form-field/services/error-state-matcher.service.d.ts +12 -0
- package/lib/form-field/services/index.d.ts +2 -0
- package/lib/form-field/services/unique-selection-dispatcher.service.d.ts +29 -0
- package/lib/form-field/shared/constructors.type.d.ts +7 -0
- package/lib/form-field/shared/disabled.mixin.d.ts +10 -0
- package/lib/form-field/shared/error-state.mixin.d.ts +31 -0
- package/lib/form-field/shared/form-field-control.d.ts +24 -0
- package/lib/form-field/shared/index.d.ts +5 -0
- package/lib/form-field/shared/tab-index.mixin.d.ts +13 -0
- package/lib/icon/icon.component.d.ts +30 -0
- package/lib/icon/icon.module.d.ts +9 -0
- package/lib/icon/index.d.ts +2 -0
- package/lib/index.d.ts +25 -0
- package/lib/modal/index.d.ts +3 -0
- package/lib/modal/modal.component.d.ts +80 -0
- package/lib/modal/modal.module.d.ts +13 -0
- package/lib/modal/types/index.d.ts +2 -0
- package/lib/modal/types/modal-component-sizes.d.ts +3 -0
- package/lib/modal/types/modal-theme.d.ts +7 -0
- package/lib/pagination/index.d.ts +2 -0
- package/lib/pagination/pagination.component.d.ts +41 -0
- package/lib/pagination/pagination.module.d.ts +11 -0
- package/lib/progress-bar/index.d.ts +2 -0
- package/lib/progress-bar/progress-bar.component.d.ts +22 -0
- package/lib/progress-bar/progress-bar.module.d.ts +8 -0
- package/lib/scrollable/index.d.ts +2 -0
- package/lib/scrollable/scrollable.component.d.ts +39 -0
- package/lib/scrollable/scrollable.module.d.ts +11 -0
- package/lib/select-icon/index.d.ts +2 -0
- package/lib/select-icon/select-icon.component.d.ts +123 -0
- package/lib/select-icon/select-icon.module.d.ts +11 -0
- package/lib/size-detection/directive/element-size.interface.d.ts +4 -0
- package/lib/size-detection/directive/index.d.ts +2 -0
- package/lib/size-detection/directive/size-detector.directive.d.ts +14 -0
- package/lib/size-detection/index.d.ts +3 -0
- package/lib/size-detection/size-detection.module.d.ts +8 -0
- package/lib/spinner/index.d.ts +2 -0
- package/lib/spinner/spinner.component.d.ts +13 -0
- package/lib/spinner/spinner.module.d.ts +8 -0
- package/lib/table/index.d.ts +2 -0
- package/lib/table/table.component.d.ts +15 -0
- package/lib/table/table.module.d.ts +9 -0
- package/lib/text-highlight/index.d.ts +2 -0
- package/lib/text-highlight/text-highlight.component.d.ts +31 -0
- package/lib/text-highlight/text-highlight.module.d.ts +9 -0
- package/package.json +51 -0
- package/public-api.d.ts +4 -0
- package/services/index.d.ts +1 -0
- package/services/interaction.service.d.ts +14 -0
- package/types/component-size.d.ts +12 -0
- package/types/component-theme.d.ts +12 -0
- package/types/index.d.ts +2 -0
- package/utilities/boolean-props.d.ts +8 -0
- package/utilities/dc.d.ts +6 -0
- package/utilities/index.d.ts +5 -0
- package/utilities/lc.d.ts +6 -0
- package/utilities/number-props.d.ts +15 -0
- package/utilities/sanitize.d.ts +1 -0
package/index.d.ts
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import { AlertTheme } from './theme';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* The `AlertComponent` (`<impdc-alert` or `<any impdc-alert`) is intended to show information or feedback inline with content.
|
|
6
|
+
* To use, import `AlertModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
7
|
+
*/
|
|
8
|
+
export declare class AlertComponent {
|
|
9
|
+
/**
|
|
10
|
+
* The theme of the Alert affecting text, icons, backgrounds, and borders.
|
|
11
|
+
*/
|
|
12
|
+
theme: AlertTheme;
|
|
13
|
+
/**
|
|
14
|
+
* Determines if the Alert should be shown immediately.
|
|
15
|
+
*/
|
|
16
|
+
show: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* The heading text of the Alert.
|
|
19
|
+
*/
|
|
20
|
+
headingText: string;
|
|
21
|
+
/**
|
|
22
|
+
* Event emitted when the Alert is dismissed.
|
|
23
|
+
*/
|
|
24
|
+
dismiss: EventEmitter<void>;
|
|
25
|
+
get alertColor(): string;
|
|
26
|
+
closeAlert(): void;
|
|
27
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
|
|
28
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "impdc-alert, [impdc-alert]", never, { "theme": "theme"; "show": "show"; "headingText": "headingText"; }, { "dismiss": "dismiss"; }, never, ["[heading]", "*"], false>;
|
|
29
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./alert.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class AlertModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AlertModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AlertModule, [typeof i1.AlertComponent], [typeof i2.CommonModule], [typeof i1.AlertComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<AlertModule>;
|
|
8
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare type AlertTheme = 'warning' | 'danger' | 'info' | 'success';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AlertTheme } from './alert-theme';
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { PrimaryComponentSizes } from '../../types';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* The `AvatarComponent` (`<impdc-avatar`) is a rounded user avatar/icon with an optional status color.
|
|
5
|
+
* For a horizontal container, see [AvatarGroupComponent](./?path=/docs/design-components-avatar--group).
|
|
6
|
+
* To use, import `AvatarModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
7
|
+
*/
|
|
8
|
+
export declare class AvatarComponent {
|
|
9
|
+
/**
|
|
10
|
+
* The image source url to display as the Avatar's background.
|
|
11
|
+
*/
|
|
12
|
+
imgSrc: string;
|
|
13
|
+
/**
|
|
14
|
+
* Initials to display if an `imgSrc` is not available.
|
|
15
|
+
*/
|
|
16
|
+
initials: string;
|
|
17
|
+
/**
|
|
18
|
+
* A status to display as part of the Avatar.
|
|
19
|
+
*/
|
|
20
|
+
status: '' | 'active' | 'inactive' | 'busy';
|
|
21
|
+
/**
|
|
22
|
+
* The size of the Avatar.
|
|
23
|
+
*/
|
|
24
|
+
size: PrimaryComponentSizes;
|
|
25
|
+
get avatarHasImg(): boolean;
|
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
|
|
27
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "impdc-avatar", never, { "imgSrc": "imgSrc"; "initials": "initials"; "status": "status"; "size": "size"; }, {}, never, never, false>;
|
|
28
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./avatar.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class AvatarModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AvatarModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AvatarModule, [typeof i1.AvatarComponent], [typeof i2.CommonModule], [typeof i1.AvatarComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<AvatarModule>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* The `AvatarGroupComponent` (`<impdc-avatar-group`) is a horizontal container for [AvatarComponent](./?path=/docs/design-components-avatar--single).
|
|
4
|
+
* To use, import `AvatarGroupModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
5
|
+
* `AvatarGroupModule` also imports and exports [AvatarModule](./?path=/docs/design-components-avatar--single)
|
|
6
|
+
*/
|
|
7
|
+
export declare class AvatarGroupComponent {
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AvatarGroupComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AvatarGroupComponent, "impdc-avatar-group", never, {}, {}, never, ["impdc-avatar"], false>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./avatar-group.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "../avatar/avatar.module";
|
|
5
|
+
export declare class AvatarGroupModule {
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AvatarGroupModule, never>;
|
|
7
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AvatarGroupModule, [typeof i1.AvatarGroupComponent], [typeof i2.CommonModule, typeof i3.AvatarModule], [typeof i3.AvatarModule, typeof i1.AvatarGroupComponent]>;
|
|
8
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<AvatarGroupModule>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { InteractionService } from '../../services';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* The `BackdropComponent` (`<impdc-backdrop`) is a component to mask the background when an interaction is taking place.
|
|
6
|
+
* This component needs to be added to the body of the host application if a backdrop is desired.
|
|
7
|
+
* To use, import `BackdropModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
8
|
+
*/
|
|
9
|
+
export declare class BackdropComponent implements OnInit {
|
|
10
|
+
private interactionService;
|
|
11
|
+
private _valid;
|
|
12
|
+
get valid(): boolean;
|
|
13
|
+
get show(): boolean;
|
|
14
|
+
constructor(interactionService: InteractionService);
|
|
15
|
+
ngOnInit(): void;
|
|
16
|
+
invalidate(): void;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BackdropComponent, never>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BackdropComponent, "impdc-backdrop", never, {}, {}, never, never, false>;
|
|
19
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./backdrop.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class BackdropModule {
|
|
5
|
+
constructor();
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BackdropModule, never>;
|
|
7
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<BackdropModule, [typeof i1.BackdropComponent], [typeof i2.CommonModule], [typeof i1.BackdropComponent]>;
|
|
8
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<BackdropModule>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import { ComponentThemes } from '../../types';
|
|
3
|
+
import { BadgeIcon, BadgeSizes } from './types';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* The `BadgeComponent` (`<impdc-badge` or `any impdc-badge`) displays [preferably short] text with a rounded background and themed colors.
|
|
7
|
+
* To use, import `BadgeModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
8
|
+
*/
|
|
9
|
+
export declare class BadgeComponent {
|
|
10
|
+
/**
|
|
11
|
+
* The text displayed in the center of the Badge.
|
|
12
|
+
*/
|
|
13
|
+
text: string;
|
|
14
|
+
/**
|
|
15
|
+
* An icon displayed left of the Badge text.
|
|
16
|
+
*/
|
|
17
|
+
icon: BadgeIcon;
|
|
18
|
+
/**
|
|
19
|
+
* The color theme of the Badge. This will affect both text and background colors based on allowed designs.
|
|
20
|
+
*/
|
|
21
|
+
theme: ComponentThemes;
|
|
22
|
+
/**
|
|
23
|
+
* The size of the Badge.
|
|
24
|
+
*/
|
|
25
|
+
size: BadgeSizes;
|
|
26
|
+
/**
|
|
27
|
+
* Allows the background of the Badge to be removed.
|
|
28
|
+
*/
|
|
29
|
+
hideBg: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* This controls adding the `rounded-pill` class to the Badge.
|
|
32
|
+
*/
|
|
33
|
+
rounded: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Adds a dismiss icon to the right of the Badge text.
|
|
36
|
+
*/
|
|
37
|
+
dismissable: boolean;
|
|
38
|
+
/**
|
|
39
|
+
* An event emitted when the component is dismissed.
|
|
40
|
+
*/
|
|
41
|
+
dismiss: EventEmitter<MouseEvent | Event>;
|
|
42
|
+
private get classBadge();
|
|
43
|
+
private get classBadgeRounded();
|
|
44
|
+
private _dismissed;
|
|
45
|
+
handleDismiss(event: MouseEvent | Event): void;
|
|
46
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
|
|
47
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "impdc-badge, [impdc-badge]", never, { "text": "text"; "icon": "icon"; "theme": "theme"; "size": "size"; "hideBg": "hideBg"; "rounded": "rounded"; "dismissable": "dismissable"; }, { "dismiss": "dismiss"; }, never, never, false>;
|
|
48
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./badge.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class BadgeModule {
|
|
5
|
+
constructor();
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BadgeModule, never>;
|
|
7
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<BadgeModule, [typeof i1.BadgeComponent], [typeof i2.CommonModule], [typeof i1.BadgeComponent]>;
|
|
8
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<BadgeModule>;
|
|
9
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare type BadgeIcon = '' | 'arrow-up' | 'arrow-down' | 'dot';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class BrandedDirective {
|
|
3
|
+
private brandedClass;
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BrandedDirective, never>;
|
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BrandedDirective, "[impdcBranded]", never, {}, {}, never, never, false>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./branded.directive";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class BrandingModule {
|
|
5
|
+
constructor();
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BrandingModule, never>;
|
|
7
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<BrandingModule, [typeof i1.BrandedDirective], [typeof i2.CommonModule], [typeof i1.BrandedDirective]>;
|
|
8
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<BrandingModule>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class BreadcrumbItemComponent {
|
|
4
|
+
contentTemplate: TemplateRef<never>;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbItemComponent, never>;
|
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbItemComponent, "impdc-breadcrumb-item", never, {}, {}, never, ["*"], false>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { QueryList } from '@angular/core';
|
|
2
|
+
import { BreadcrumbItemComponent } from './breadcrumb-item.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* The `BreadcrumbComponent` (`<impdc-breadcrumb` or `<div impdc-breadcrumb`) is for historical navigation so the user can get back
|
|
6
|
+
* to a previous page. Items within must be wrapped with `BreadcrumbItemComponent` (`<impdc-breadcrumb-item`).
|
|
7
|
+
* To use, import `BreadcrumbModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
8
|
+
*/
|
|
9
|
+
export declare class BreadcrumbComponent {
|
|
10
|
+
/**
|
|
11
|
+
* Sets the `aria-label` attribute for the Breadcrumb's `nav` element for accessibility.
|
|
12
|
+
*/
|
|
13
|
+
label: string;
|
|
14
|
+
private impdcBreadcrumb;
|
|
15
|
+
protected _breadcrumbs: QueryList<BreadcrumbItemComponent>;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "impdc-breadcrumb, div[impdc-breadcrumb]", never, { "label": "label"; }, {}, ["_breadcrumbs"], never, false>;
|
|
18
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./breadcrumb.component";
|
|
3
|
+
import * as i2 from "./breadcrumb-item.component";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
5
|
+
export declare class BreadcrumbModule {
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbModule, never>;
|
|
7
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<BreadcrumbModule, [typeof i1.BreadcrumbComponent, typeof i2.BreadcrumbItemComponent], [typeof i3.CommonModule], [typeof i1.BreadcrumbComponent, typeof i2.BreadcrumbItemComponent]>;
|
|
8
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<BreadcrumbModule>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { ButtonTheme } from './themes/button-theme';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* The `ButtonComponent` (`<button impdcButton`) adds theming to the native button.
|
|
5
|
+
* For a container, see [ButtonGroupComponent](./?path=/docs/design-components-button-group--button-group).
|
|
6
|
+
* To use, import `ButtonModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
7
|
+
* `ButtonModule` also imports and exports [BrandingModule](./?path=/docs/design-components-directives-impdcbranded) and
|
|
8
|
+
* [IconModule](./?path=/docs/design-components-icon).
|
|
9
|
+
*/
|
|
10
|
+
export declare class ButtonComponent {
|
|
11
|
+
/**
|
|
12
|
+
* The native type of the Button.
|
|
13
|
+
*/
|
|
14
|
+
type: 'button' | 'submit' | 'reset';
|
|
15
|
+
/**
|
|
16
|
+
* The theme of the Button affecting text, icons, backgrounds, and borders.
|
|
17
|
+
*/
|
|
18
|
+
theme: ButtonTheme;
|
|
19
|
+
/**
|
|
20
|
+
* The Button's text.
|
|
21
|
+
*/
|
|
22
|
+
text: string;
|
|
23
|
+
/**
|
|
24
|
+
* Determines if the Button is disabled.
|
|
25
|
+
*/
|
|
26
|
+
disabled: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* An alternative to the native `title` attribute. Useful for hover text and accessibility.
|
|
29
|
+
*/
|
|
30
|
+
titleText: string;
|
|
31
|
+
/**
|
|
32
|
+
* An alternative to the native `aria-label` attribute. Useful for accessibility.
|
|
33
|
+
*/
|
|
34
|
+
ariaLabel: string;
|
|
35
|
+
private get attrType();
|
|
36
|
+
private classBtn;
|
|
37
|
+
private get classBtnPrimary();
|
|
38
|
+
private get classBtnDanger();
|
|
39
|
+
private get classBtnSecondary();
|
|
40
|
+
private get classBtnSecondaryDanger();
|
|
41
|
+
private get classBtnClose();
|
|
42
|
+
private get attrDisabled();
|
|
43
|
+
private get attrTitle();
|
|
44
|
+
private get attrAriaLabel();
|
|
45
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
46
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[impdcButton]", never, { "type": "type"; "theme": "theme"; "text": "text"; "disabled": "disabled"; "titleText": "titleText"; "ariaLabel": "ariaLabel"; }, {}, never, ["*", "[right]"], false>;
|
|
47
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./button.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "../branding/branding.module";
|
|
5
|
+
import * as i4 from "../icon/icon.module";
|
|
6
|
+
export declare class ButtonModule {
|
|
7
|
+
constructor();
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonModule, never>;
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonModule, [typeof i1.ButtonComponent], [typeof i2.CommonModule, typeof i3.BrandingModule, typeof i4.IconModule], [typeof i1.ButtonComponent, typeof i3.BrandingModule, typeof i4.IconModule]>;
|
|
10
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ButtonModule>;
|
|
11
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare type ButtonTheme = 'primary' | 'secondary' | 'danger' | 'secondary-danger' | 'custom' | 'close';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ButtonTheme } from './button-theme';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* The `ButtonGroupComponent` (`<impdc-button-group` or `<any impdc-button-group`) is a container for multiple [ButtonComponent](./?path=/docs/design-components-button)s.
|
|
4
|
+
* To use, import `ButtonGroupModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
5
|
+
* `ButtonGroupModule` imports and exports [ButtonModule](./?path=/docs/design-components-button).
|
|
6
|
+
*/
|
|
7
|
+
export declare class ButtonGroupComponent {
|
|
8
|
+
/**
|
|
9
|
+
* Changes the orientation of the Button Group to vertical, making any Button within it stack vertically.
|
|
10
|
+
*/
|
|
11
|
+
vertical: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Sets the `aria-label` attribute for the Button Group's element.
|
|
14
|
+
*/
|
|
15
|
+
ariaLabel: string;
|
|
16
|
+
private get classBtnGroup();
|
|
17
|
+
private get classBtnGroupVertical();
|
|
18
|
+
private attrRole;
|
|
19
|
+
private get attrAriaLabel();
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
|
|
21
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupComponent, "impdc-button-group, [impdc-button-group]", never, { "vertical": "vertical"; "ariaLabel": "ariaLabel"; }, {}, never, ["*"], false>;
|
|
22
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./button-group.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "../button/button.module";
|
|
5
|
+
export declare class ButtonGroupModule {
|
|
6
|
+
constructor();
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupModule, never>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonGroupModule, [typeof i1.ButtonGroupComponent], [typeof i2.CommonModule, typeof i3.ButtonModule], [typeof i3.ButtonModule, typeof i1.ButtonGroupComponent]>;
|
|
9
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ButtonGroupModule>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* The `CardHeadingComponent` (`<impdc-card-heading` or `<div impdc-card-heading`) is used to display projected content as a card with a consistent heading.
|
|
4
|
+
* To use, import `CardHeadingModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
5
|
+
*/
|
|
6
|
+
export declare class CardHeadingComponent {
|
|
7
|
+
/**
|
|
8
|
+
* The subject text for a Card.
|
|
9
|
+
*/
|
|
10
|
+
title: string;
|
|
11
|
+
/**
|
|
12
|
+
* The description, subtitle, or other pre-text for a Card.
|
|
13
|
+
*/
|
|
14
|
+
description: string;
|
|
15
|
+
constructor();
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CardHeadingComponent, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CardHeadingComponent, "impdc-card-heading, div[impdc-card-heading]", never, { "title": "title"; "description": "description"; }, {}, never, ["impdc-avatar", "button[impdcButton]", "*"], false>;
|
|
18
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./card-heading.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class CardHeadingModule {
|
|
5
|
+
constructor();
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CardHeadingModule, never>;
|
|
7
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CardHeadingModule, [typeof i1.CardHeadingComponent], [typeof i2.CommonModule], [typeof i1.CardHeadingComponent]>;
|
|
8
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<CardHeadingModule>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "@angular/common";
|
|
3
|
+
import * as i2 from "@angular/forms";
|
|
4
|
+
import * as i3 from "./text-highlight/text-highlight.module";
|
|
5
|
+
import * as i4 from "./icon/icon.module";
|
|
6
|
+
import * as i5 from "./badge/badge.module";
|
|
7
|
+
import * as i6 from "./progress-bar/progress-bar.module";
|
|
8
|
+
import * as i7 from "./button/button.module";
|
|
9
|
+
import * as i8 from "./table/table.module";
|
|
10
|
+
import * as i9 from "./dropdown/dropdown.module";
|
|
11
|
+
import * as i10 from "./alert/alert.module";
|
|
12
|
+
import * as i11 from "./modal/modal.module";
|
|
13
|
+
import * as i12 from "./file-upload/file-upload.module";
|
|
14
|
+
import * as i13 from "./avatar/avatar.module";
|
|
15
|
+
import * as i14 from "./avatar-group/avatar-group.module";
|
|
16
|
+
import * as i15 from "./breadcrumb/breadcrumb.module";
|
|
17
|
+
import * as i16 from "./branding/branding.module";
|
|
18
|
+
export default class DesignComponentsModule {
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DesignComponentsModule, never>;
|
|
20
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DesignComponentsModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.TextHighlightModule, typeof i4.IconModule, typeof i5.BadgeModule, typeof i6.ProgressBarModule, typeof i7.ButtonModule, typeof i8.TableModule, typeof i9.DropdownModule, typeof i10.AlertModule, typeof i11.ModalModule, typeof i12.FileUploadModule, typeof i13.AvatarModule, typeof i14.AvatarGroupModule, typeof i15.BreadcrumbModule, typeof i16.BrandingModule], [typeof i3.TextHighlightModule, typeof i4.IconModule, typeof i5.BadgeModule, typeof i6.ProgressBarModule, typeof i7.ButtonModule, typeof i8.TableModule, typeof i9.DropdownModule, typeof i10.AlertModule, typeof i11.ModalModule, typeof i12.FileUploadModule, typeof i13.AvatarModule, typeof i14.AvatarGroupModule, typeof i15.BreadcrumbModule, typeof i16.BrandingModule]>;
|
|
21
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<DesignComponentsModule>;
|
|
22
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class DropdownItemComponent {
|
|
4
|
+
/**
|
|
5
|
+
* Used in DropdownComponent to determine if the projected content should be rendered or it's a divider.
|
|
6
|
+
*/
|
|
7
|
+
divider: boolean;
|
|
8
|
+
template: TemplateRef<never>;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownItemComponent, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownItemComponent, "impdc-dropdown-item", never, { "divider": "divider"; }, {}, never, ["*"], false>;
|
|
11
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DropdownItemComponent } from './dropdown-item/dropdown-item.component';
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { EventEmitter, QueryList, OnDestroy } from '@angular/core';
|
|
2
|
+
import { InteractionService } from '../../services';
|
|
3
|
+
import { ButtonTheme } from '../button';
|
|
4
|
+
import { DropdownItemComponent } from './components';
|
|
5
|
+
import { DropdownPosition } from './types';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
/**
|
|
8
|
+
* The `DropdownComponent` (`<impdc-dropdown` or `<any impdc-dropdown`) contains a button that toggles a dropdown where a user
|
|
9
|
+
* can select various actions. Items within must be wrapped with `DropdownItemComponent` (`<impdc-dropdown-item`).
|
|
10
|
+
* To use, import `DropdownModule` or another module that imports and exports that module from `@impartner/design-components`.
|
|
11
|
+
* `DropdownModule` imports and exports [ButtonModule](./?path=/docs/design-components-button).
|
|
12
|
+
*/
|
|
13
|
+
export declare class DropdownComponent implements OnDestroy {
|
|
14
|
+
private _interactionService;
|
|
15
|
+
private _interactableId;
|
|
16
|
+
/**
|
|
17
|
+
* Whether or not the dropdown list is showing.
|
|
18
|
+
*/
|
|
19
|
+
show: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* The content projected `DropdownItemComponent` children.
|
|
22
|
+
*/
|
|
23
|
+
items: QueryList<DropdownItemComponent>;
|
|
24
|
+
/**
|
|
25
|
+
* The theme of the button affecting text, icons, backgrounds, and borders.
|
|
26
|
+
*/
|
|
27
|
+
buttonTheme: ButtonTheme;
|
|
28
|
+
/**
|
|
29
|
+
* The text of the button.
|
|
30
|
+
*/
|
|
31
|
+
buttonText: string;
|
|
32
|
+
/**
|
|
33
|
+
* Where the list shows relative to the button when it is showing.
|
|
34
|
+
*/
|
|
35
|
+
position: DropdownPosition;
|
|
36
|
+
/**
|
|
37
|
+
* If true, the icon is split from the button and only clicking the icon triggers the list showing/hiding.
|
|
38
|
+
*/
|
|
39
|
+
split: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* Emitted when the dropdown is toggled.
|
|
42
|
+
*/
|
|
43
|
+
toggle: EventEmitter<boolean>;
|
|
44
|
+
/**
|
|
45
|
+
* Emitted when the button is clicked.
|
|
46
|
+
*/
|
|
47
|
+
buttonClick: EventEmitter<MouseEvent>;
|
|
48
|
+
private classBtnGroup;
|
|
49
|
+
private get classDropdown();
|
|
50
|
+
private get classDropend();
|
|
51
|
+
private get classDropstart();
|
|
52
|
+
private get classDropup();
|
|
53
|
+
handleHostClick($event: MouseEvent): void;
|
|
54
|
+
handleDocumentClick(): void;
|
|
55
|
+
get interactableId(): number;
|
|
56
|
+
get valid(): boolean;
|
|
57
|
+
get shown(): boolean;
|
|
58
|
+
constructor(_interactionService: InteractionService);
|
|
59
|
+
ngOnDestroy(): void;
|
|
60
|
+
handleToggle(): void;
|
|
61
|
+
handleButtonClick(event: MouseEvent): void;
|
|
62
|
+
hide(): void;
|
|
63
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
|
|
64
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "impdc-dropdown, [impdc-dropdown]", never, { "show": "show"; "buttonTheme": "buttonTheme"; "buttonText": "buttonText"; "position": "position"; "split": "split"; }, { "toggle": "toggle"; "buttonClick": "buttonClick"; }, ["items"], ["*", "[toggle]"], false>;
|
|
65
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./components/dropdown-item/dropdown-item.component";
|
|
3
|
+
import * as i2 from "./dropdown.component";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
5
|
+
import * as i4 from "../button/button.module";
|
|
6
|
+
export declare class DropdownModule {
|
|
7
|
+
constructor();
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownModule, never>;
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DropdownModule, [typeof i1.DropdownItemComponent, typeof i2.DropdownComponent], [typeof i3.CommonModule, typeof i4.ButtonModule], [typeof i4.ButtonModule, typeof i1.DropdownItemComponent, typeof i2.DropdownComponent]>;
|
|
10
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<DropdownModule>;
|
|
11
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare type DropdownPosition = 'down' | 'right' | 'left' | 'up';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DropdownPosition } from './dropdown-position';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class FileDropDirective {
|
|
4
|
+
fileHovering: boolean;
|
|
5
|
+
filesDropped: EventEmitter<FileList>;
|
|
6
|
+
onDragOver(event: DragEvent): void;
|
|
7
|
+
onDragLeave(event: DragEvent): void;
|
|
8
|
+
OnDrop(event: DragEvent): void;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FileDropDirective, never>;
|
|
10
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FileDropDirective, "[impdcFileDrop]", never, {}, { "filesDropped": "filesDropped"; }, never, never, false>;
|
|
11
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FileDropDirective } from './file-drop.directive';
|