design-angular-kit 18.0.0 → 20.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/README.md +26 -1
- package/fesm2022/design-angular-kit.mjs +521 -553
- package/fesm2022/design-angular-kit.mjs.map +1 -1
- package/index.d.ts +3986 -3
- package/package.json +11 -10
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-add/index.js.map +1 -1
- package/schematics/ng-add/rules/setup-project/add-animations.js +1 -2
- package/schematics/ng-add/rules/setup-project/add-animations.js.map +1 -1
- package/schematics/ng-add/rules/setup-project/add-assets.js +1 -2
- package/schematics/ng-add/rules/setup-project/add-assets.js.map +1 -1
- package/schematics/ng-add/rules/setup-project/add-design-angular-kit.js +1 -2
- package/schematics/ng-add/rules/setup-project/add-design-angular-kit.js.map +1 -1
- package/schematics/ng-add/rules/setup-project/add-http-client.js +1 -2
- package/schematics/ng-add/rules/setup-project/add-http-client.js.map +1 -1
- package/schematics/ng-add/rules/setup-project/add-import-to-style-file.js +1 -2
- package/schematics/ng-add/rules/setup-project/add-import-to-style-file.js.map +1 -1
- package/schematics/ng-add/rules/setup-project/add-localisation.js +1 -2
- package/schematics/ng-add/rules/setup-project/add-localisation.js.map +1 -1
- package/schematics/ng-add/rules/setup-project/angular-json-helper.js +1 -2
- package/schematics/ng-add/rules/setup-project/angular-json-helper.js.map +1 -1
- package/schematics/ng-add/setup-project.js +2 -2
- package/schematics/ng-add/setup-project.js.map +1 -1
- package/schematics/ng-add/setup-project.spec.js +1 -1
- package/schematics/ng-add/utils.js +13 -6
- package/schematics/ng-add/utils.js.map +1 -1
- package/schematics/ng-add/utils.spec.d.ts +1 -0
- package/schematics/ng-add/utils.spec.js +48 -0
- package/schematics/ng-add/utils.spec.js.map +1 -0
- package/schematics/ng-add/versions-helper.js +11 -19
- package/schematics/ng-add/versions-helper.js.map +1 -1
- package/schematics/ng-add/versions-helper.spec.d.ts +1 -0
- package/schematics/ng-add/versions-helper.spec.js +46 -0
- package/schematics/ng-add/versions-helper.spec.js.map +1 -0
- package/esm2022/design-angular-kit.mjs +0 -5
- package/esm2022/lib/abstracts/abstract-form.component.mjs +0 -199
- package/esm2022/lib/abstracts/abstract.component.mjs +0 -46
- package/esm2022/lib/components/core/accordion/accordion.component.mjs +0 -39
- package/esm2022/lib/components/core/alert/alert.component.mjs +0 -71
- package/esm2022/lib/components/core/avatar/avatar-dropdown/avatar-dropdown.component.mjs +0 -43
- package/esm2022/lib/components/core/avatar/avatar-extra-text.directive.mjs +0 -22
- package/esm2022/lib/components/core/avatar/avatar-group/avatar-group.component.mjs +0 -84
- package/esm2022/lib/components/core/avatar/avatar-presence.directive.mjs +0 -38
- package/esm2022/lib/components/core/avatar/avatar-status.directive.mjs +0 -38
- package/esm2022/lib/components/core/avatar/avatar-wrapper.directive.mjs +0 -32
- package/esm2022/lib/components/core/avatar/avatar.directive.mjs +0 -78
- package/esm2022/lib/components/core/avatar/avatar.module.mjs +0 -52
- package/esm2022/lib/components/core/badge/badge.directive.mjs +0 -39
- package/esm2022/lib/components/core/button/button.directive.mjs +0 -80
- package/esm2022/lib/components/core/callout/callout.component.mjs +0 -64
- package/esm2022/lib/components/core/card/card.component.mjs +0 -59
- package/esm2022/lib/components/core/carousel/carousel/carousel.component.mjs +0 -86
- package/esm2022/lib/components/core/carousel/carousel-item/carousel-item.component.mjs +0 -19
- package/esm2022/lib/components/core/carousel/carousel.module.mjs +0 -18
- package/esm2022/lib/components/core/chip/chip.component.mjs +0 -136
- package/esm2022/lib/components/core/collapse/collapse.component.mjs +0 -116
- package/esm2022/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.mjs +0 -27
- package/esm2022/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.mjs +0 -11
- package/esm2022/lib/components/core/dimmer/dimmer.component.mjs +0 -55
- package/esm2022/lib/components/core/dimmer/dimmer.module.mjs +0 -19
- package/esm2022/lib/components/core/dropdown/dropdown/dropdown.component.mjs +0 -147
- package/esm2022/lib/components/core/dropdown/dropdown-item/dropdown-item.component.mjs +0 -70
- package/esm2022/lib/components/core/dropdown/dropdown.module.mjs +0 -18
- package/esm2022/lib/components/core/forward/forward.directive.mjs +0 -57
- package/esm2022/lib/components/core/link/link.component.mjs +0 -42
- package/esm2022/lib/components/core/list/list/list.component.mjs +0 -22
- package/esm2022/lib/components/core/list/list-item/list-item.component.mjs +0 -67
- package/esm2022/lib/components/core/list/list.module.mjs +0 -18
- package/esm2022/lib/components/core/modal/modal.component.mjs +0 -194
- package/esm2022/lib/components/core/notifications/notifications.component.mjs +0 -111
- package/esm2022/lib/components/core/pagination/pagination.component.mjs +0 -130
- package/esm2022/lib/components/core/popover/popover.directive.mjs +0 -176
- package/esm2022/lib/components/core/progress-bar/progress-bar.component.mjs +0 -34
- package/esm2022/lib/components/core/progress-button/progress-button.component.mjs +0 -25
- package/esm2022/lib/components/core/spinner/spinner.component.mjs +0 -30
- package/esm2022/lib/components/core/steppers/steppers-container/steppers-container.component.mjs +0 -116
- package/esm2022/lib/components/core/steppers/steppers-item/steppers-item.component.mjs +0 -22
- package/esm2022/lib/components/core/steppers/steppers.module.mjs +0 -18
- package/esm2022/lib/components/core/tab/tab-container/tab-container.component.mjs +0 -97
- package/esm2022/lib/components/core/tab/tab-item/tab-item.component.mjs +0 -39
- package/esm2022/lib/components/core/tab/tab.module.mjs +0 -18
- package/esm2022/lib/components/core/table/sort/sort-header/sort-header.component.mjs +0 -134
- package/esm2022/lib/components/core/table/sort/sort.directive.mjs +0 -123
- package/esm2022/lib/components/core/table/table.component.mjs +0 -45
- package/esm2022/lib/components/core/table/table.module.mjs +0 -19
- package/esm2022/lib/components/core/timeline/timeline-item/timeline-item.component.mjs +0 -90
- package/esm2022/lib/components/core/timeline/timeline.component.mjs +0 -36
- package/esm2022/lib/components/core/timeline/timeline.module.mjs +0 -18
- package/esm2022/lib/components/core/tooltip/tooltip.directive.mjs +0 -143
- package/esm2022/lib/components/core/video-player/video-player-i18n.model.mjs +0 -2
- package/esm2022/lib/components/core/video-player/video-player-i18n.service.mjs +0 -130
- package/esm2022/lib/components/core/video-player/video-player.component.mjs +0 -301
- package/esm2022/lib/components/core/video-player/video-player.config.mjs +0 -43
- package/esm2022/lib/components/core/video-player/video-player.cookie.mjs +0 -25
- package/esm2022/lib/components/core/video-player/video-player.model.mjs +0 -3
- package/esm2022/lib/components/core/video-player/video-player.module.mjs +0 -16
- package/esm2022/lib/components/form/autocomplete/autocomplete.component.mjs +0 -178
- package/esm2022/lib/components/form/checkbox/checkbox.component.mjs +0 -48
- package/esm2022/lib/components/form/form.module.mjs +0 -67
- package/esm2022/lib/components/form/input/input.component.mjs +0 -190
- package/esm2022/lib/components/form/password-input/password-input.component.mjs +0 -149
- package/esm2022/lib/components/form/radio-button/radio-button.component.mjs +0 -60
- package/esm2022/lib/components/form/range/range.component.mjs +0 -64
- package/esm2022/lib/components/form/rating/rating.component.mjs +0 -50
- package/esm2022/lib/components/form/search/search.component.mjs +0 -112
- package/esm2022/lib/components/form/select/select.component.mjs +0 -70
- package/esm2022/lib/components/form/textarea/textarea.component.mjs +0 -55
- package/esm2022/lib/components/form/transfer/store/transfer.reducers.mjs +0 -191
- package/esm2022/lib/components/form/transfer/store/transfer.state.mjs +0 -2
- package/esm2022/lib/components/form/transfer/store/transfer.store.mjs +0 -70
- package/esm2022/lib/components/form/transfer/transfer-list/transfer-list.component.mjs +0 -72
- package/esm2022/lib/components/form/transfer/transfer.component.mjs +0 -149
- package/esm2022/lib/components/form/transfer/transfer.model.mjs +0 -6
- package/esm2022/lib/components/form/upload-drag-drop/upload-drag-drop.component.mjs +0 -142
- package/esm2022/lib/components/form/upload-file-list/upload-file-list.component.mjs +0 -107
- package/esm2022/lib/components/navigation/back-button/back-button.component.mjs +0 -67
- package/esm2022/lib/components/navigation/back-to-top/back-to-top.component.mjs +0 -68
- package/esm2022/lib/components/navigation/breadcrumbs/breadcrumb/breadcrumb.component.mjs +0 -51
- package/esm2022/lib/components/navigation/breadcrumbs/breadcrumb-item/breadcrumb-item.component.mjs +0 -21
- package/esm2022/lib/components/navigation/breadcrumbs/breadcrumbs.module.mjs +0 -18
- package/esm2022/lib/components/navigation/footer/footer.component.mjs +0 -12
- package/esm2022/lib/components/navigation/header/header.component.mjs +0 -108
- package/esm2022/lib/components/navigation/megamenu/megamenu.component.mjs +0 -27
- package/esm2022/lib/components/navigation/navbar/navbar/navbar.component.mjs +0 -51
- package/esm2022/lib/components/navigation/navbar/navbar-item/navbar-item.component.mjs +0 -11
- package/esm2022/lib/components/navigation/navbar/navbar.module.mjs +0 -18
- package/esm2022/lib/components/navigation/navscroll/navscroll-list-item.component.mjs +0 -97
- package/esm2022/lib/components/navigation/navscroll/navscroll-list-items.component.mjs +0 -44
- package/esm2022/lib/components/navigation/navscroll/navscroll.component.mjs +0 -119
- package/esm2022/lib/components/navigation/navscroll/navscroll.model.mjs +0 -2
- package/esm2022/lib/components/navigation/navscroll/navscroll.store.mjs +0 -68
- package/esm2022/lib/components/navigation/navscroll/navscroll.utils.mjs +0 -23
- package/esm2022/lib/components/navigation/sidebar/sidebar.component.mjs +0 -50
- package/esm2022/lib/components/navigation/skiplink/skiplink/skiplink.component.mjs +0 -27
- package/esm2022/lib/components/navigation/skiplink/skiplink-item/skiplink-item.component.mjs +0 -26
- package/esm2022/lib/components/navigation/skiplink/skiplink.module.mjs +0 -18
- package/esm2022/lib/components/utils/error-page/error-page.component.mjs +0 -74
- package/esm2022/lib/components/utils/icon/icon.component.mjs +0 -63
- package/esm2022/lib/components/utils/language-switcher/language-switcher.component.mjs +0 -50
- package/esm2022/lib/design-angular-kit.module.mjs +0 -242
- package/esm2022/lib/enums/colors.enums.mjs +0 -12
- package/esm2022/lib/enums/sizes.enum.mjs +0 -9
- package/esm2022/lib/interfaces/core.mjs +0 -16
- package/esm2022/lib/interfaces/design-angular-kit-config.mjs +0 -7
- package/esm2022/lib/interfaces/form.mjs +0 -2
- package/esm2022/lib/interfaces/icon.mjs +0 -181
- package/esm2022/lib/interfaces/sortable-table.mjs +0 -6
- package/esm2022/lib/interfaces/utils.mjs +0 -2
- package/esm2022/lib/pipes/date-ago.pipe.mjs +0 -56
- package/esm2022/lib/pipes/duration.pipe.mjs +0 -115
- package/esm2022/lib/pipes/mark-matching-text.pipe.mjs +0 -48
- package/esm2022/lib/provide-design-angular-kit.mjs +0 -64
- package/esm2022/lib/services/notification/notification.service.mjs +0 -120
- package/esm2022/lib/utils/coercion.mjs +0 -18
- package/esm2022/lib/utils/date-utils.mjs +0 -162
- package/esm2022/lib/utils/file-utils.mjs +0 -73
- package/esm2022/lib/utils/regex.mjs +0 -35
- package/esm2022/lib/validators/it-validators.mjs +0 -161
- package/esm2022/public_api.mjs +0 -119
- package/lib/abstracts/abstract-form.component.d.ts +0 -89
- package/lib/abstracts/abstract.component.d.ts +0 -30
- package/lib/components/core/accordion/accordion.component.d.ts +0 -18
- package/lib/components/core/alert/alert.component.d.ts +0 -44
- package/lib/components/core/avatar/avatar-dropdown/avatar-dropdown.component.d.ts +0 -29
- package/lib/components/core/avatar/avatar-extra-text.directive.d.ts +0 -6
- package/lib/components/core/avatar/avatar-group/avatar-group.component.d.ts +0 -20
- package/lib/components/core/avatar/avatar-presence.directive.d.ts +0 -17
- package/lib/components/core/avatar/avatar-status.directive.d.ts +0 -17
- package/lib/components/core/avatar/avatar-wrapper.directive.d.ts +0 -9
- package/lib/components/core/avatar/avatar.directive.d.ts +0 -33
- package/lib/components/core/avatar/avatar.module.d.ts +0 -13
- package/lib/components/core/badge/badge.directive.d.ts +0 -23
- package/lib/components/core/button/button.directive.d.ts +0 -48
- package/lib/components/core/callout/callout.component.d.ts +0 -50
- package/lib/components/core/card/card.component.d.ts +0 -69
- package/lib/components/core/carousel/carousel/carousel.component.d.ts +0 -65
- package/lib/components/core/carousel/carousel-item/carousel-item.component.d.ts +0 -15
- package/lib/components/core/carousel/carousel.module.d.ts +0 -8
- package/lib/components/core/chip/chip.component.d.ts +0 -76
- package/lib/components/core/collapse/collapse.component.d.ts +0 -67
- package/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.d.ts +0 -12
- package/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.d.ts +0 -5
- package/lib/components/core/dimmer/dimmer.component.d.ts +0 -24
- package/lib/components/core/dimmer/dimmer.module.d.ts +0 -9
- package/lib/components/core/dropdown/dropdown/dropdown.component.d.ts +0 -94
- package/lib/components/core/dropdown/dropdown-item/dropdown-item.component.d.ts +0 -46
- package/lib/components/core/dropdown/dropdown.module.d.ts +0 -8
- package/lib/components/core/forward/forward.directive.d.ts +0 -14
- package/lib/components/core/link/link.component.d.ts +0 -35
- package/lib/components/core/list/list/list.component.d.ts +0 -24
- package/lib/components/core/list/list-item/list-item.component.d.ts +0 -44
- package/lib/components/core/list/list.module.d.ts +0 -8
- package/lib/components/core/modal/modal.component.d.ts +0 -135
- package/lib/components/core/notifications/notifications.component.d.ts +0 -45
- package/lib/components/core/pagination/pagination.component.d.ts +0 -92
- package/lib/components/core/popover/popover.directive.d.ts +0 -99
- package/lib/components/core/progress-bar/progress-bar.component.d.ts +0 -31
- package/lib/components/core/progress-button/progress-button.component.d.ts +0 -21
- package/lib/components/core/spinner/spinner.component.d.ts +0 -24
- package/lib/components/core/steppers/steppers-container/steppers-container.component.d.ts +0 -130
- package/lib/components/core/steppers/steppers-item/steppers-item.component.d.ts +0 -24
- package/lib/components/core/steppers/steppers.module.d.ts +0 -8
- package/lib/components/core/tab/tab-container/tab-container.component.d.ts +0 -60
- package/lib/components/core/tab/tab-item/tab-item.component.d.ts +0 -38
- package/lib/components/core/tab/tab.module.d.ts +0 -8
- package/lib/components/core/table/sort/sort-header/sort-header.component.d.ts +0 -72
- package/lib/components/core/table/sort/sort.directive.d.ts +0 -53
- package/lib/components/core/table/table.component.d.ts +0 -60
- package/lib/components/core/table/table.module.d.ts +0 -9
- package/lib/components/core/timeline/timeline-item/timeline-item.component.d.ts +0 -79
- package/lib/components/core/timeline/timeline.component.d.ts +0 -21
- package/lib/components/core/timeline/timeline.module.d.ts +0 -8
- package/lib/components/core/tooltip/tooltip.directive.d.ts +0 -82
- package/lib/components/core/video-player/video-player-i18n.model.d.ts +0 -179
- package/lib/components/core/video-player/video-player-i18n.service.d.ts +0 -17
- package/lib/components/core/video-player/video-player.component.d.ts +0 -46
- package/lib/components/core/video-player/video-player.config.d.ts +0 -68
- package/lib/components/core/video-player/video-player.cookie.d.ts +0 -6
- package/lib/components/core/video-player/video-player.model.d.ts +0 -44
- package/lib/components/core/video-player/video-player.module.d.ts +0 -7
- package/lib/components/form/autocomplete/autocomplete.component.d.ts +0 -75
- package/lib/components/form/checkbox/checkbox.component.d.ts +0 -41
- package/lib/components/form/form.module.d.ts +0 -19
- package/lib/components/form/input/input.component.d.ts +0 -95
- package/lib/components/form/password-input/password-input.component.d.ts +0 -80
- package/lib/components/form/radio-button/radio-button.component.d.ts +0 -38
- package/lib/components/form/range/range.component.d.ts +0 -42
- package/lib/components/form/rating/rating.component.d.ts +0 -24
- package/lib/components/form/search/search.component.d.ts +0 -59
- package/lib/components/form/select/select.component.d.ts +0 -36
- package/lib/components/form/textarea/textarea.component.d.ts +0 -34
- package/lib/components/form/transfer/store/transfer.reducers.d.ts +0 -103
- package/lib/components/form/transfer/store/transfer.state.d.ts +0 -18
- package/lib/components/form/transfer/store/transfer.store.d.ts +0 -23
- package/lib/components/form/transfer/transfer-list/transfer-list.component.d.ts +0 -48
- package/lib/components/form/transfer/transfer.component.d.ts +0 -75
- package/lib/components/form/transfer/transfer.model.d.ts +0 -6
- package/lib/components/form/upload-drag-drop/upload-drag-drop.component.d.ts +0 -60
- package/lib/components/form/upload-file-list/upload-file-list.component.d.ts +0 -62
- package/lib/components/navigation/back-button/back-button.component.d.ts +0 -47
- package/lib/components/navigation/back-to-top/back-to-top.component.d.ts +0 -50
- package/lib/components/navigation/breadcrumbs/breadcrumb/breadcrumb.component.d.ts +0 -28
- package/lib/components/navigation/breadcrumbs/breadcrumb-item/breadcrumb-item.component.d.ts +0 -23
- package/lib/components/navigation/breadcrumbs/breadcrumbs.module.d.ts +0 -8
- package/lib/components/navigation/footer/footer.component.d.ts +0 -6
- package/lib/components/navigation/header/header.component.d.ts +0 -39
- package/lib/components/navigation/megamenu/megamenu.component.d.ts +0 -22
- package/lib/components/navigation/navbar/navbar/navbar.component.d.ts +0 -19
- package/lib/components/navigation/navbar/navbar-item/navbar-item.component.d.ts +0 -5
- package/lib/components/navigation/navbar/navbar.module.d.ts +0 -8
- package/lib/components/navigation/navscroll/navscroll-list-item.component.d.ts +0 -16
- package/lib/components/navigation/navscroll/navscroll-list-items.component.d.ts +0 -7
- package/lib/components/navigation/navscroll/navscroll.component.d.ts +0 -47
- package/lib/components/navigation/navscroll/navscroll.model.d.ts +0 -15
- package/lib/components/navigation/navscroll/navscroll.store.d.ts +0 -16
- package/lib/components/navigation/navscroll/navscroll.utils.d.ts +0 -6
- package/lib/components/navigation/sidebar/sidebar.component.d.ts +0 -26
- package/lib/components/navigation/skiplink/skiplink/skiplink.component.d.ts +0 -17
- package/lib/components/navigation/skiplink/skiplink-item/skiplink-item.component.d.ts +0 -24
- package/lib/components/navigation/skiplink/skiplink.module.d.ts +0 -8
- package/lib/components/utils/error-page/error-page.component.d.ts +0 -44
- package/lib/components/utils/icon/icon.component.d.ts +0 -53
- package/lib/components/utils/language-switcher/language-switcher.component.d.ts +0 -27
- package/lib/design-angular-kit.module.d.ts +0 -55
- package/lib/enums/colors.enums.d.ts +0 -10
- package/lib/enums/sizes.enum.d.ts +0 -7
- package/lib/interfaces/core.d.ts +0 -77
- package/lib/interfaces/design-angular-kit-config.d.ts +0 -30
- package/lib/interfaces/form.d.ts +0 -67
- package/lib/interfaces/icon.d.ts +0 -4
- package/lib/interfaces/sortable-table.d.ts +0 -33
- package/lib/interfaces/utils.d.ts +0 -10
- package/lib/pipes/date-ago.pipe.d.ts +0 -17
- package/lib/pipes/duration.pipe.d.ts +0 -35
- package/lib/pipes/mark-matching-text.pipe.d.ts +0 -18
- package/lib/provide-design-angular-kit.d.ts +0 -7
- package/lib/services/notification/notification.service.d.ts +0 -63
- package/lib/utils/coercion.d.ts +0 -14
- package/lib/utils/date-utils.d.ts +0 -79
- package/lib/utils/file-utils.d.ts +0 -32
- package/lib/utils/regex.d.ts +0 -34
- package/lib/validators/it-validators.d.ts +0 -70
- package/public_api.d.ts +0 -106
package/index.d.ts
CHANGED
|
@@ -1,5 +1,3988 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Provider, InjectionToken, AfterViewInit, OnChanges, EventEmitter, Renderer2, ElementRef, ChangeDetectorRef, SimpleChanges, TemplateRef, QueryList, OnDestroy, OnInit, DestroyRef, DoCheck, PipeTransform, ModuleWithProviders, EnvironmentProviders } from '@angular/core';
|
|
3
|
+
import { Modal } from 'bootstrap';
|
|
4
|
+
import { FormControl, ControlValueAccessor, NgControl, ControlContainer, ValidatorFn, ValidationErrors, AbstractControl } from '@angular/forms';
|
|
5
|
+
import * as rxjs from 'rxjs';
|
|
6
|
+
import { Subject, Observable } from 'rxjs';
|
|
7
|
+
import Player from 'video.js/dist/types/player';
|
|
8
|
+
import { TranslateService, TranslatePipe } from '@ngx-translate/core';
|
|
9
|
+
import { ProgressDonut } from 'bootstrap-italia';
|
|
10
|
+
import { Location } from '@angular/common';
|
|
11
|
+
import { SafeHtml } from '@angular/platform-browser';
|
|
12
|
+
|
|
1
13
|
/**
|
|
2
|
-
*
|
|
14
|
+
* The bootstrap-italia asset folder path
|
|
15
|
+
* @default ./bootstrap-italia
|
|
3
16
|
*/
|
|
4
|
-
|
|
5
|
-
|
|
17
|
+
declare const IT_ASSET_BASE_PATH: InjectionToken<string>;
|
|
18
|
+
interface DesignAngularKitConfig {
|
|
19
|
+
/**
|
|
20
|
+
* The bootstrap-italia asset folder path
|
|
21
|
+
* @default ./bootstrap-italia
|
|
22
|
+
*/
|
|
23
|
+
assetBasePath?: string;
|
|
24
|
+
/**
|
|
25
|
+
* Load the <a href="https://italia.github.io/bootstrap-italia/docs/come-iniziare/introduzione/#fonts">bootstrap-italia fonts</a>
|
|
26
|
+
* @default true
|
|
27
|
+
*/
|
|
28
|
+
loadFont?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* The TranslateModule loader
|
|
31
|
+
* @param itPrefix the design-angular-kit i18n path
|
|
32
|
+
* @param itSuffix the design-angular-kit i18n suffix
|
|
33
|
+
* @default
|
|
34
|
+
* {
|
|
35
|
+
* provide: TranslateLoader,
|
|
36
|
+
* useFactory: (http: HttpClient) => new TranslateHttpLoader(http, `${assetBasePath}/i18n/`, `.json?v${version}`),
|
|
37
|
+
* deps: [HttpClient],
|
|
38
|
+
* }
|
|
39
|
+
*/
|
|
40
|
+
translateLoader?: (itPrefix: string, itSuffix: string) => Provider;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
declare abstract class ItAbstractComponent implements AfterViewInit, OnChanges {
|
|
44
|
+
/**
|
|
45
|
+
* The element ID
|
|
46
|
+
*/
|
|
47
|
+
id: string;
|
|
48
|
+
/**
|
|
49
|
+
* Fired when component input attributes was changed
|
|
50
|
+
*/
|
|
51
|
+
valueChanges: EventEmitter<void>;
|
|
52
|
+
/**
|
|
53
|
+
* Counter of active instances
|
|
54
|
+
* @private
|
|
55
|
+
*/
|
|
56
|
+
private static instances;
|
|
57
|
+
protected readonly _renderer: Renderer2;
|
|
58
|
+
protected readonly _elementRef: ElementRef;
|
|
59
|
+
protected readonly _changeDetectorRef: ChangeDetectorRef;
|
|
60
|
+
constructor();
|
|
61
|
+
ngAfterViewInit(): void;
|
|
62
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
63
|
+
/**
|
|
64
|
+
* Generate unique id for components
|
|
65
|
+
* @private
|
|
66
|
+
*/
|
|
67
|
+
private getDefaultId;
|
|
68
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAbstractComponent, never>;
|
|
69
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItAbstractComponent, "ng-component", never, { "id": { "alias": "id"; "required": false; }; }, { "valueChanges": "valueChanges"; }, never, never, false, never>;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
type BooleanInput = 'false' | 'true' | boolean | undefined;
|
|
73
|
+
|
|
74
|
+
declare class ItCollapseComponent extends ItAbstractComponent implements AfterViewInit {
|
|
75
|
+
/**
|
|
76
|
+
* Enable multiple collapse
|
|
77
|
+
* @default false
|
|
78
|
+
*/
|
|
79
|
+
multi?: boolean;
|
|
80
|
+
/**
|
|
81
|
+
* Toggles the collapsible element on invocation
|
|
82
|
+
* @default false
|
|
83
|
+
*/
|
|
84
|
+
opened?: boolean;
|
|
85
|
+
/**
|
|
86
|
+
* Custom class
|
|
87
|
+
*/
|
|
88
|
+
class: string;
|
|
89
|
+
/**
|
|
90
|
+
* This event fires immediately when the show method is called.
|
|
91
|
+
*/
|
|
92
|
+
showEvent: EventEmitter<Event>;
|
|
93
|
+
/**
|
|
94
|
+
* This event is triggered when the tooltip has been made visible to the user (it will wait for the CSS transitions to complete).
|
|
95
|
+
*/
|
|
96
|
+
shownEvent: EventEmitter<Event>;
|
|
97
|
+
/**
|
|
98
|
+
* This event fires immediately when the hide method is called.
|
|
99
|
+
*/
|
|
100
|
+
hideEvent: EventEmitter<Event>;
|
|
101
|
+
/**
|
|
102
|
+
* This event is raised when the tooltip has finished being hidden from the user (it will wait for the CSS transitions to complete).
|
|
103
|
+
*/
|
|
104
|
+
hiddenEvent: EventEmitter<Event>;
|
|
105
|
+
private collapse?;
|
|
106
|
+
private open;
|
|
107
|
+
protected collapseDiv?: ElementRef<HTMLDivElement>;
|
|
108
|
+
ngAfterViewInit(): void;
|
|
109
|
+
/**
|
|
110
|
+
* Shows if collapse is open or not
|
|
111
|
+
*/
|
|
112
|
+
isOpen(): boolean;
|
|
113
|
+
/**
|
|
114
|
+
* Shows a resealable item
|
|
115
|
+
* NOTE: Returns to the caller before the collapsable element has actually been shown (onShown event).
|
|
116
|
+
*/
|
|
117
|
+
show(): void;
|
|
118
|
+
/**
|
|
119
|
+
* Hides a resealable item
|
|
120
|
+
* NOTE: Returns to the caller before the collapsable element has actually been hidden (onHidden Event)
|
|
121
|
+
*/
|
|
122
|
+
hide(): void;
|
|
123
|
+
/**
|
|
124
|
+
* Toggle a collapsible item to show or hide it.
|
|
125
|
+
* NOTE: Returns to the caller before the collapsable element has actually been shown or hidden (onShown and onHidden events)
|
|
126
|
+
*/
|
|
127
|
+
toggle(): void;
|
|
128
|
+
/**
|
|
129
|
+
* Eliminates the possibility of an item being resealable
|
|
130
|
+
*/
|
|
131
|
+
dispose(): void;
|
|
132
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItCollapseComponent, never>;
|
|
133
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItCollapseComponent, "it-collapse", ["itCollapse"], { "multi": { "alias": "multi"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "showEvent": "showEvent"; "shownEvent": "shownEvent"; "hideEvent": "hideEvent"; "hiddenEvent": "hiddenEvent"; }, never, ["*"], true, never>;
|
|
134
|
+
static ngAcceptInputType_multi: BooleanInput;
|
|
135
|
+
static ngAcceptInputType_opened: BooleanInput;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
/**
|
|
139
|
+
* Accordion
|
|
140
|
+
* @description Build vertically collapsible accordions based on Collapse.
|
|
141
|
+
*/
|
|
142
|
+
declare class ItAccordionComponent extends ItCollapseComponent implements AfterViewInit {
|
|
143
|
+
/**
|
|
144
|
+
* Accordion Title
|
|
145
|
+
*/
|
|
146
|
+
title: string;
|
|
147
|
+
protected collapseDiv?: ElementRef<HTMLDivElement>;
|
|
148
|
+
protected isCollapsed: boolean;
|
|
149
|
+
ngAfterViewInit(): void;
|
|
150
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAccordionComponent, never>;
|
|
151
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItAccordionComponent, "it-accordion", ["itAccordion"], { "title": { "alias": "title"; "required": true; }; }, {}, never, ["*"], true, never>;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
type IconSize = 'xs' | 'sm' | 'lg' | 'xl';
|
|
155
|
+
type IconColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'light' | 'white';
|
|
156
|
+
type IconName = (typeof IconNameArray)[number];
|
|
157
|
+
declare const IconNameArray: readonly ["arrow-down", "arrow-down-circle", "arrow-down-triangle", "arrow-left", "arrow-left-circle", "arrow-left-triangle", "arrow-right", "arrow-right-circle", "arrow-right-triangle", "arrow-up", "arrow-up-circle", "arrow-up-triangle", "ban", "bluesky", "bookmark", "box", "burger", "calendar", "camera", "car", "card", "cart", "chart-line", "check", "check-circle", "chevron-left", "chevron-right", "clip", "clock", "close", "close-big", "close-circle", "code-circle", "comment", "copy", "delete", "download", "error", "exchange-circle", "expand", "external-link", "flag", "folder", "fullscreen", "funnel", "hearing", "help", "help-circle", "horn", "inbox", "info-circle", "key", "link", "list", "locked", "logout", "mail", "mail-open", "map-marker", "map-marker-circle", "map-marker-minus", "map-marker-plus", "maximize", "maximize-alt", "minimize", "minus", "minus-circle", "more-actions", "more-items", "note", "pa", "password-invisible", "password-visible", "pencil", "piattaforme", "pin", "plug", "plus", "plus-circle", "presentation", "print", "refresh", "restore", "rss", "rss-square", "search", "settings", "share", "sign", "software", "star-full", "star-outline", "telephone", "tool", "unlocked", "upload", "user", "video", "warning", "warning-circle", "wifi", "zoom-in", "zoom-out", "file", "files", "file-audio", "file-compressed", "file-csv", "file-docx", "file-json", "file-image", "file-odp", "file-ods", "file-odt", "file-pdf", "file-pdf-ext", "file-sheet", "file-slides", "file-ppt", "file-signed", "file-txt", "file-video", "file-xlsx", "file-xml", "behance", "android-square", "android", "apple-square", "apple", "facebook", "facebook-square", "figma", "figma-square", "flickr", "flickr-square", "github", "instagram", "linkedin", "linkedin-square", "mastodon", "mastodon-square", "medium", "medium-square", "moodle", "moodle-square", "pinterest", "pinterest-square", "quora", "quora-square", "reddit", "reddit-square", "slack", "slack-square", "snapchat", "snapchat-square", "stackexchange", "stackexchange-square", "stackoverflow", "stackoverflow-square", "telegram", "threads", "threads-square", "tiktok", "tiktok-square", "twitter", "twitter-square", "vimeo", "vimeo-square", "whatsapp", "whatsapp-square", "youtube", "google", "spotify", "designers-italia", "team-digitale"];
|
|
158
|
+
|
|
159
|
+
type AlertColor = 'primary' | 'info' | 'success' | 'warning' | 'danger';
|
|
160
|
+
type ButtonColor = 'primary' | 'outline-primary' | 'secondary' | 'outline-secondary' | 'success' | 'outline-success' | 'danger' | 'outline-danger' | 'warning' | 'outline-warning' | 'info' | 'outline-info' | 'light' | 'outline-light' | 'dark' | 'outline-dark' | 'link';
|
|
161
|
+
type ButtonSize = 'lg' | 'sm' | 'xs';
|
|
162
|
+
type ButtonType = 'submit' | 'button';
|
|
163
|
+
type CalloutColor = 'success' | 'warning' | 'danger' | 'important' | 'note';
|
|
164
|
+
type CalloutAppearance = 'default' | 'highlight' | 'more';
|
|
165
|
+
type ChipColor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning';
|
|
166
|
+
type ElementPlacement = 'top' | 'bottom' | 'left' | 'right';
|
|
167
|
+
type ProgressBarColor = 'primary' | 'success' | 'warning' | 'danger' | 'info';
|
|
168
|
+
type BadgeColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
|
|
169
|
+
type TableColor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark';
|
|
170
|
+
type TableHeadColor = 'light' | 'dark';
|
|
171
|
+
type TableResponsive = 'responsive' | 'responsive-sm' | 'responsive-md' | 'responsive-lg' | 'responsive-xl' | 'responsive-xxl';
|
|
172
|
+
type VerticalAlignment = 'align-baseline' | 'align-top' | 'align-middle' | 'align-bottom' | 'align-text-bottom' | 'align-text-top';
|
|
173
|
+
type DropdownDirection = 'dropup' | 'dropend' | 'dropstart';
|
|
174
|
+
type CarouselType = 'default' | 'three-cols' | 'three-cols-arrow-visible';
|
|
175
|
+
type TimelinePINType = 'default' | 'evidence' | 'now';
|
|
176
|
+
interface TimelineElement {
|
|
177
|
+
pin: {
|
|
178
|
+
type?: TimelinePINType;
|
|
179
|
+
icon?: IconName;
|
|
180
|
+
text: string;
|
|
181
|
+
};
|
|
182
|
+
category?: {
|
|
183
|
+
title: string;
|
|
184
|
+
link: string;
|
|
185
|
+
};
|
|
186
|
+
title: string;
|
|
187
|
+
text: string;
|
|
188
|
+
signature?: string;
|
|
189
|
+
eventDate?: Date;
|
|
190
|
+
link?: string;
|
|
191
|
+
}
|
|
192
|
+
interface Notification {
|
|
193
|
+
/**
|
|
194
|
+
* Notification type
|
|
195
|
+
*/
|
|
196
|
+
type: NotificationType;
|
|
197
|
+
/**
|
|
198
|
+
* Notification title
|
|
199
|
+
*/
|
|
200
|
+
title: string;
|
|
201
|
+
/**
|
|
202
|
+
* Notification message / text
|
|
203
|
+
*/
|
|
204
|
+
message?: string;
|
|
205
|
+
/**
|
|
206
|
+
* Custom duration of notification
|
|
207
|
+
*/
|
|
208
|
+
duration?: number;
|
|
209
|
+
/**
|
|
210
|
+
* The close notification button appears
|
|
211
|
+
*/
|
|
212
|
+
dismissible?: boolean;
|
|
213
|
+
/**
|
|
214
|
+
* Custom position of notification
|
|
215
|
+
*/
|
|
216
|
+
position?: NotificationPosition;
|
|
217
|
+
/**
|
|
218
|
+
* Custom icon of notification
|
|
219
|
+
*/
|
|
220
|
+
icon?: IconName;
|
|
221
|
+
}
|
|
222
|
+
declare enum NotificationType {
|
|
223
|
+
Standard = "standard",
|
|
224
|
+
Success = "success",
|
|
225
|
+
Error = "error",
|
|
226
|
+
Info = "info",
|
|
227
|
+
Warning = "warning"
|
|
228
|
+
}
|
|
229
|
+
declare enum NotificationPosition {
|
|
230
|
+
Top = "top-fix mt-3",
|
|
231
|
+
Bottom = "bottom-fix mb-3",
|
|
232
|
+
Left = "left-fix ms-3",
|
|
233
|
+
Right = "right-fix me-3"
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
/**
|
|
237
|
+
* Alert
|
|
238
|
+
* @description You can provide feedback to the user via alert messages.
|
|
239
|
+
*/
|
|
240
|
+
declare class ItAlertComponent extends ItAbstractComponent implements AfterViewInit {
|
|
241
|
+
/**
|
|
242
|
+
* The alert color
|
|
243
|
+
* @default info
|
|
244
|
+
*/
|
|
245
|
+
color: AlertColor;
|
|
246
|
+
/**
|
|
247
|
+
* Inserts the close button
|
|
248
|
+
* @default false
|
|
249
|
+
*/
|
|
250
|
+
dismissible?: boolean;
|
|
251
|
+
/**
|
|
252
|
+
* This event fires immediately when the instance's close method is called.
|
|
253
|
+
*/
|
|
254
|
+
closeEvent: EventEmitter<Event>;
|
|
255
|
+
/**
|
|
256
|
+
* This event fires when the alert has been closed (it will wait for CSS transitions to complete).
|
|
257
|
+
*/
|
|
258
|
+
closedEvent: EventEmitter<Event>;
|
|
259
|
+
private alert?;
|
|
260
|
+
private alertElement?;
|
|
261
|
+
ngAfterViewInit(): void;
|
|
262
|
+
/**
|
|
263
|
+
* Close an alert by removing it from the DOM.
|
|
264
|
+
* If the `.fade` and `.show` classes are present in the element, the alert will be closed with a disappearing effect.
|
|
265
|
+
*/
|
|
266
|
+
close(): void;
|
|
267
|
+
/**
|
|
268
|
+
* The alert is removed
|
|
269
|
+
*/
|
|
270
|
+
dispose(): void;
|
|
271
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAlertComponent, never>;
|
|
272
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItAlertComponent, "it-alert", ["itAlert"], { "color": { "alias": "color"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; }, { "closeEvent": "closeEvent"; "closedEvent": "closedEvent"; }, never, ["[heading]", "*"], true, never>;
|
|
273
|
+
static ngAcceptInputType_dismissible: BooleanInput;
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
declare class ItAvatarListItemDirective {
|
|
277
|
+
get hostClasses(): string;
|
|
278
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAvatarListItemDirective, never>;
|
|
279
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ItAvatarListItemDirective, "[itAvatarListItem]", ["itAvatarListItem"], {}, {}, never, never, true, never>;
|
|
280
|
+
}
|
|
281
|
+
declare class ItAvatarGroupItemComponent {
|
|
282
|
+
_implicitContent: TemplateRef<any>;
|
|
283
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAvatarGroupItemComponent, never>;
|
|
284
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItAvatarGroupItemComponent, "it-avatar-item", never, {}, {}, never, ["*"], true, never>;
|
|
285
|
+
}
|
|
286
|
+
declare class ItAvatarGroupComponent {
|
|
287
|
+
linkList: boolean;
|
|
288
|
+
avatars: QueryList<ItAvatarGroupItemComponent>;
|
|
289
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAvatarGroupComponent, never>;
|
|
290
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItAvatarGroupComponent, "it-avatar-group", never, { "linkList": { "alias": "linkList"; "required": false; }; }, {}, ["avatars"], never, true, never>;
|
|
291
|
+
static ngAcceptInputType_linkList: BooleanInput;
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
declare class ItAvatarDropdownItemComponent {
|
|
295
|
+
_implicitContent: TemplateRef<any>;
|
|
296
|
+
/**
|
|
297
|
+
* Indica il link che possiamo passare all'elemento
|
|
298
|
+
*/
|
|
299
|
+
link: string | any[] | null | undefined;
|
|
300
|
+
/**
|
|
301
|
+
* Permette di utilizzare l'attributo html title
|
|
302
|
+
*/
|
|
303
|
+
title?: string;
|
|
304
|
+
/**
|
|
305
|
+
* Permette di utilizzare l'attributo html accesskey
|
|
306
|
+
*/
|
|
307
|
+
accesskey?: string;
|
|
308
|
+
/**
|
|
309
|
+
* Permette di utilizzare l'attributo html tabindex
|
|
310
|
+
*/
|
|
311
|
+
tabindex?: number;
|
|
312
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAvatarDropdownItemComponent, never>;
|
|
313
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItAvatarDropdownItemComponent, "it-avatar-dropdown-item", never, { "link": { "alias": "link"; "required": false; }; "title": { "alias": "title"; "required": false; }; "accesskey": { "alias": "accesskey"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
314
|
+
}
|
|
315
|
+
declare class ItAvatarDropdownComponent {
|
|
316
|
+
componentClass: string;
|
|
317
|
+
items: QueryList<ItAvatarDropdownItemComponent>;
|
|
318
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAvatarDropdownComponent, never>;
|
|
319
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItAvatarDropdownComponent, "it-avatar-dropdown", never, {}, {}, ["items"], ["[it-avatar-dropdown-toggle]"], true, never>;
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
declare enum SizesEnum {
|
|
323
|
+
xs = "size-xs",
|
|
324
|
+
sm = "size-sm",
|
|
325
|
+
lg = "size-lg",
|
|
326
|
+
xl = "size-xl",
|
|
327
|
+
xxl = "size-xxl"
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
declare class ItAvatarDirective {
|
|
331
|
+
/**
|
|
332
|
+
* Indica il colore dell'avatar. Può assumere i valori:
|
|
333
|
+
* <ul>
|
|
334
|
+
* <li> primary
|
|
335
|
+
* <li> secondary
|
|
336
|
+
* <li> green
|
|
337
|
+
* <li> orange
|
|
338
|
+
* <li> red
|
|
339
|
+
* </ul>
|
|
340
|
+
*/
|
|
341
|
+
get color(): string | undefined;
|
|
342
|
+
set color(value: string | undefined);
|
|
343
|
+
private _color?;
|
|
344
|
+
/**
|
|
345
|
+
* Indica la grandezza dell'avatar. Può assumere i valori:
|
|
346
|
+
* <ul>
|
|
347
|
+
* <li> xs
|
|
348
|
+
* <li> sm
|
|
349
|
+
* <li> lg
|
|
350
|
+
* <li> xl
|
|
351
|
+
* <li> xxl
|
|
352
|
+
* </ul>
|
|
353
|
+
*/
|
|
354
|
+
get size(): SizesEnum | undefined;
|
|
355
|
+
set size(value: string | undefined);
|
|
356
|
+
private _size?;
|
|
357
|
+
get hostClasses(): string;
|
|
358
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAvatarDirective, never>;
|
|
359
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ItAvatarDirective, "[itAvatar]", ["itAvatar"], { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
declare class ItAvatarExtraTextDirective {
|
|
363
|
+
get hostClasses(): string;
|
|
364
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAvatarExtraTextDirective, never>;
|
|
365
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ItAvatarExtraTextDirective, "[itAvatarExtraText]", ["itAvatarExtraText"], {}, {}, never, never, true, never>;
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
declare class ItAvatarWrapperDirective {
|
|
369
|
+
extraText: boolean;
|
|
370
|
+
get hostClasses(): string;
|
|
371
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAvatarWrapperDirective, never>;
|
|
372
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ItAvatarWrapperDirective, "[itAvatarWrapper]", ["itAvatarWrapper"], { "extraText": { "alias": "extraText"; "required": false; }; }, {}, never, never, true, never>;
|
|
373
|
+
static ngAcceptInputType_extraText: BooleanInput;
|
|
374
|
+
}
|
|
375
|
+
|
|
376
|
+
declare class ItAvatarStatusDirective {
|
|
377
|
+
/**
|
|
378
|
+
* Indica lo stato della presenza. Può assumere i valori:
|
|
379
|
+
* <ul>
|
|
380
|
+
* <li> approved
|
|
381
|
+
* <li> declined
|
|
382
|
+
* <li> notify
|
|
383
|
+
* </ul>
|
|
384
|
+
*/
|
|
385
|
+
get status(): string | undefined;
|
|
386
|
+
set status(value: string | undefined);
|
|
387
|
+
private _status?;
|
|
388
|
+
get hostClasses(): string;
|
|
389
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAvatarStatusDirective, never>;
|
|
390
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ItAvatarStatusDirective, "[itAvatarStatus]", ["itAvatarStatus"], { "status": { "alias": "status"; "required": false; }; }, {}, never, never, true, never>;
|
|
391
|
+
}
|
|
392
|
+
|
|
393
|
+
declare class ItAvatarPresenceDirective {
|
|
394
|
+
/**
|
|
395
|
+
* Indica lo stato della presenza. Può assumere i valori:
|
|
396
|
+
* <ul>
|
|
397
|
+
* <li> active
|
|
398
|
+
* <li> busy
|
|
399
|
+
* <li> hidden
|
|
400
|
+
* </ul>
|
|
401
|
+
*/
|
|
402
|
+
get presence(): string | undefined;
|
|
403
|
+
set presence(value: string | undefined);
|
|
404
|
+
private _presence?;
|
|
405
|
+
get hostClasses(): string;
|
|
406
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAvatarPresenceDirective, never>;
|
|
407
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ItAvatarPresenceDirective, "[itAvatarPresence]", ["itAvatarPresence"], { "presence": { "alias": "presence"; "required": false; }; }, {}, never, never, true, never>;
|
|
408
|
+
}
|
|
409
|
+
|
|
410
|
+
declare class ItAvatarModule {
|
|
411
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAvatarModule, never>;
|
|
412
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ItAvatarModule, never, [typeof ItAvatarGroupItemComponent, typeof ItAvatarGroupComponent, typeof ItAvatarDropdownComponent, typeof ItAvatarDropdownItemComponent, typeof ItAvatarDirective, typeof ItAvatarExtraTextDirective, typeof ItAvatarWrapperDirective, typeof ItAvatarStatusDirective, typeof ItAvatarPresenceDirective, typeof ItAvatarListItemDirective], [typeof ItAvatarGroupItemComponent, typeof ItAvatarGroupComponent, typeof ItAvatarDropdownComponent, typeof ItAvatarDropdownItemComponent, typeof ItAvatarDirective, typeof ItAvatarExtraTextDirective, typeof ItAvatarWrapperDirective, typeof ItAvatarStatusDirective, typeof ItAvatarPresenceDirective, typeof ItAvatarListItemDirective]>;
|
|
413
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ItAvatarModule>;
|
|
414
|
+
}
|
|
415
|
+
|
|
416
|
+
/**
|
|
417
|
+
* Badge
|
|
418
|
+
* @description Useful for small counters and labels
|
|
419
|
+
*/
|
|
420
|
+
declare class ItBadgeDirective {
|
|
421
|
+
/**
|
|
422
|
+
* Define the badge color
|
|
423
|
+
* @default undefined
|
|
424
|
+
*/
|
|
425
|
+
color: BadgeColor | undefined;
|
|
426
|
+
/**
|
|
427
|
+
* Show rounded badge
|
|
428
|
+
* @default false
|
|
429
|
+
*/
|
|
430
|
+
rounded?: boolean;
|
|
431
|
+
protected get badgeClass(): string;
|
|
432
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItBadgeDirective, never>;
|
|
433
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ItBadgeDirective, "[itBadge]", ["itBadge"], { "color": { "alias": "itBadge"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; }, {}, never, never, true, never>;
|
|
434
|
+
static ngAcceptInputType_rounded: BooleanInput;
|
|
435
|
+
}
|
|
436
|
+
|
|
437
|
+
declare class ItIconComponent {
|
|
438
|
+
/**
|
|
439
|
+
* The icon name
|
|
440
|
+
*/
|
|
441
|
+
name: IconName;
|
|
442
|
+
/**
|
|
443
|
+
* The icon size
|
|
444
|
+
*/
|
|
445
|
+
size: IconSize | undefined;
|
|
446
|
+
/**
|
|
447
|
+
* The icon color
|
|
448
|
+
*/
|
|
449
|
+
color: IconColor | undefined;
|
|
450
|
+
/**
|
|
451
|
+
* Create a padding proportional to the size of the surrounding icon.
|
|
452
|
+
* @default false
|
|
453
|
+
*/
|
|
454
|
+
padded?: boolean;
|
|
455
|
+
/**
|
|
456
|
+
* Custom class of svg
|
|
457
|
+
*/
|
|
458
|
+
svgClass: string | undefined;
|
|
459
|
+
/**
|
|
460
|
+
* Title of the icon
|
|
461
|
+
*/
|
|
462
|
+
title: string | undefined;
|
|
463
|
+
/**
|
|
464
|
+
* Custom Waria label
|
|
465
|
+
*/
|
|
466
|
+
labelWaria: string | undefined;
|
|
467
|
+
/**
|
|
468
|
+
* Return the icon href
|
|
469
|
+
*/
|
|
470
|
+
protected get iconHref(): string;
|
|
471
|
+
/**
|
|
472
|
+
* Return the icon class
|
|
473
|
+
*/
|
|
474
|
+
protected get iconClass(): string;
|
|
475
|
+
/**
|
|
476
|
+
* The bootstrap-italia asset folder path
|
|
477
|
+
* @default ./bootstrap-italia
|
|
478
|
+
*/
|
|
479
|
+
protected assetBasePath: string;
|
|
480
|
+
get isAriaHidden(): boolean;
|
|
481
|
+
get role(): string | null;
|
|
482
|
+
constructor();
|
|
483
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItIconComponent, never>;
|
|
484
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItIconComponent, "it-icon", never, { "name": { "alias": "name"; "required": true; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "padded": { "alias": "padded"; "required": false; }; "svgClass": { "alias": "svgClass"; "required": false; }; "title": { "alias": "title"; "required": false; }; "labelWaria": { "alias": "labelWaria"; "required": false; }; }, {}, never, never, true, never>;
|
|
485
|
+
static ngAcceptInputType_padded: BooleanInput;
|
|
486
|
+
}
|
|
487
|
+
|
|
488
|
+
/**
|
|
489
|
+
* Button
|
|
490
|
+
* @description Bootstrap italia custom button styles
|
|
491
|
+
*/
|
|
492
|
+
declare class ItButtonDirective {
|
|
493
|
+
private progressButtonComponent;
|
|
494
|
+
/**
|
|
495
|
+
* Button color
|
|
496
|
+
* @default undefined
|
|
497
|
+
*/
|
|
498
|
+
color: ButtonColor | undefined;
|
|
499
|
+
/**
|
|
500
|
+
* Button size
|
|
501
|
+
* @default undefined
|
|
502
|
+
*/
|
|
503
|
+
size: ButtonSize | undefined;
|
|
504
|
+
/**
|
|
505
|
+
* Indicates whether the button occupies all the width available to it.
|
|
506
|
+
* @default undefined
|
|
507
|
+
*/
|
|
508
|
+
block: ButtonSize | undefined;
|
|
509
|
+
/**
|
|
510
|
+
* If button is disabled
|
|
511
|
+
* @default false
|
|
512
|
+
*/
|
|
513
|
+
disabled?: boolean;
|
|
514
|
+
/**
|
|
515
|
+
* The type attribute
|
|
516
|
+
* @default button
|
|
517
|
+
*/
|
|
518
|
+
type: 'button' | 'reset' | 'submit';
|
|
519
|
+
/**
|
|
520
|
+
* The icon children
|
|
521
|
+
* @default undefined
|
|
522
|
+
*/
|
|
523
|
+
protected icons?: QueryList<ItIconComponent>;
|
|
524
|
+
protected get hostClasses(): string;
|
|
525
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItButtonDirective, never>;
|
|
526
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ItButtonDirective, "[itButton]", ["itButton"], { "color": { "alias": "itButton"; "required": false; }; "size": { "alias": "size"; "required": false; }; "block": { "alias": "block"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, ["icons"], never, true, never>;
|
|
527
|
+
static ngAcceptInputType_disabled: BooleanInput;
|
|
528
|
+
}
|
|
529
|
+
|
|
530
|
+
/**
|
|
531
|
+
* Callout
|
|
532
|
+
* @description Callouts can be used to highlight certain parts of the text that require particular attention. They may contain error messages, warnings, hints, etc.
|
|
533
|
+
*/
|
|
534
|
+
declare class ItCalloutComponent {
|
|
535
|
+
/**
|
|
536
|
+
* Callout label
|
|
537
|
+
* @default undefined
|
|
538
|
+
*/
|
|
539
|
+
label: string | undefined;
|
|
540
|
+
/**
|
|
541
|
+
* Callout hiddenLabel
|
|
542
|
+
* @default undefined
|
|
543
|
+
*/
|
|
544
|
+
hiddenLabel: string | undefined;
|
|
545
|
+
/**
|
|
546
|
+
* Callout color
|
|
547
|
+
* - <b>success</b>
|
|
548
|
+
* - <b>danger</b>
|
|
549
|
+
* - <b>warning</b>
|
|
550
|
+
* - <b>important</b>
|
|
551
|
+
* - <b>note</b>
|
|
552
|
+
* @default undefined
|
|
553
|
+
*/
|
|
554
|
+
color: CalloutColor | undefined;
|
|
555
|
+
/**
|
|
556
|
+
* Callout appearance
|
|
557
|
+
* - <b>default</b>
|
|
558
|
+
* - <b>highlight</b>: Callout version with border only on the left side
|
|
559
|
+
* - <b>more</b>: It looks radically different from the other styles available and is suitable for more extensive texts
|
|
560
|
+
* @default default
|
|
561
|
+
*/
|
|
562
|
+
appearance: CalloutAppearance;
|
|
563
|
+
/**
|
|
564
|
+
* Custom icon
|
|
565
|
+
* @default undefined
|
|
566
|
+
*/
|
|
567
|
+
icon: IconName | undefined;
|
|
568
|
+
/**
|
|
569
|
+
* The input label even get labelWaria icon
|
|
570
|
+
* @default undefined
|
|
571
|
+
*/
|
|
572
|
+
labelWaria: string | undefined;
|
|
573
|
+
protected get iconName(): IconName;
|
|
574
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItCalloutComponent, never>;
|
|
575
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItCalloutComponent, "it-callout", never, { "label": { "alias": "label"; "required": false; }; "hiddenLabel": { "alias": "hiddenLabel"; "required": false; }; "color": { "alias": "color"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "labelWaria": { "alias": "labelWaria"; "required": false; }; }, {}, never, ["[bigText]", "*"], true, never>;
|
|
576
|
+
}
|
|
577
|
+
|
|
578
|
+
/**
|
|
579
|
+
* Card
|
|
580
|
+
* @description A container of texts and images with many options and variations.
|
|
581
|
+
*/
|
|
582
|
+
declare class ItCardComponent extends ItAbstractComponent {
|
|
583
|
+
/**
|
|
584
|
+
* To create cards with short or "preview" content
|
|
585
|
+
* @default false
|
|
586
|
+
*/
|
|
587
|
+
teaser?: boolean;
|
|
588
|
+
/**
|
|
589
|
+
* To create special cards
|
|
590
|
+
* @default false
|
|
591
|
+
*/
|
|
592
|
+
special?: boolean;
|
|
593
|
+
/**
|
|
594
|
+
* Card with image
|
|
595
|
+
* @default false
|
|
596
|
+
*/
|
|
597
|
+
hasImage?: boolean;
|
|
598
|
+
/**
|
|
599
|
+
* To add rounding effects
|
|
600
|
+
* @default false
|
|
601
|
+
*/
|
|
602
|
+
rounded?: boolean;
|
|
603
|
+
/**
|
|
604
|
+
* To add shadow effects
|
|
605
|
+
* @default false
|
|
606
|
+
*/
|
|
607
|
+
shadow?: boolean;
|
|
608
|
+
/**
|
|
609
|
+
* To add background and shadow
|
|
610
|
+
* @default false
|
|
611
|
+
*/
|
|
612
|
+
background?: boolean;
|
|
613
|
+
/**
|
|
614
|
+
* To add bottom border
|
|
615
|
+
* @default false
|
|
616
|
+
*/
|
|
617
|
+
borderBottom?: boolean;
|
|
618
|
+
/**
|
|
619
|
+
* To render a big card
|
|
620
|
+
* @default false
|
|
621
|
+
*/
|
|
622
|
+
big?: boolean;
|
|
623
|
+
/**
|
|
624
|
+
* Custom card class
|
|
625
|
+
* @default ''
|
|
626
|
+
*/
|
|
627
|
+
cardClass: string;
|
|
628
|
+
/**
|
|
629
|
+
* Custom card body class
|
|
630
|
+
* @default ''
|
|
631
|
+
*/
|
|
632
|
+
bodyClass: string;
|
|
633
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItCardComponent, never>;
|
|
634
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItCardComponent, "it-card", never, { "teaser": { "alias": "teaser"; "required": false; }; "special": { "alias": "special"; "required": false; }; "hasImage": { "alias": "hasImage"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "background": { "alias": "background"; "required": false; }; "borderBottom": { "alias": "borderBottom"; "required": false; }; "big": { "alias": "big"; "required": false; }; "cardClass": { "alias": "cardClass"; "required": false; }; "bodyClass": { "alias": "bodyClass"; "required": false; }; }, {}, never, ["[beforeBody]", "*"], true, never>;
|
|
635
|
+
static ngAcceptInputType_teaser: BooleanInput;
|
|
636
|
+
static ngAcceptInputType_special: BooleanInput;
|
|
637
|
+
static ngAcceptInputType_hasImage: BooleanInput;
|
|
638
|
+
static ngAcceptInputType_rounded: BooleanInput;
|
|
639
|
+
static ngAcceptInputType_shadow: BooleanInput;
|
|
640
|
+
static ngAcceptInputType_background: BooleanInput;
|
|
641
|
+
static ngAcceptInputType_borderBottom: BooleanInput;
|
|
642
|
+
static ngAcceptInputType_big: BooleanInput;
|
|
643
|
+
}
|
|
644
|
+
|
|
645
|
+
/**
|
|
646
|
+
* Carousel Item
|
|
647
|
+
* @description element, image or text slide of carousel
|
|
648
|
+
*/
|
|
649
|
+
declare class ItCarouselItemComponent extends ItAbstractComponent {
|
|
650
|
+
/**
|
|
651
|
+
* The content of item
|
|
652
|
+
*/
|
|
653
|
+
htmlContent: TemplateRef<any>;
|
|
654
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItCarouselItemComponent, never>;
|
|
655
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItCarouselItemComponent, "it-carousel-item", never, {}, {}, never, ["*"], true, never>;
|
|
656
|
+
}
|
|
657
|
+
|
|
658
|
+
/**
|
|
659
|
+
* Carousel
|
|
660
|
+
* @description A presentation component for scrolling through elements, images or text slides.
|
|
661
|
+
*/
|
|
662
|
+
declare class ItCarouselComponent implements AfterViewInit, OnDestroy {
|
|
663
|
+
private readonly _changeDetectorRef;
|
|
664
|
+
/**
|
|
665
|
+
* The callout title
|
|
666
|
+
* @default undefined
|
|
667
|
+
*/
|
|
668
|
+
title: string | undefined;
|
|
669
|
+
/**
|
|
670
|
+
* The carousel type
|
|
671
|
+
* @default default
|
|
672
|
+
*/
|
|
673
|
+
type: CarouselType;
|
|
674
|
+
/**
|
|
675
|
+
* Custom class in splide__track element
|
|
676
|
+
* @default ''
|
|
677
|
+
*/
|
|
678
|
+
trackClass: string;
|
|
679
|
+
/**
|
|
680
|
+
* True for full screen (landscape) viewing
|
|
681
|
+
* @default false
|
|
682
|
+
*/
|
|
683
|
+
fullCarousel?: boolean;
|
|
684
|
+
/**
|
|
685
|
+
* To indicate that the contained image is of a large type
|
|
686
|
+
* @default false
|
|
687
|
+
*/
|
|
688
|
+
bigImg?: boolean;
|
|
689
|
+
/**
|
|
690
|
+
* To indicate that the contained image is of a standard type
|
|
691
|
+
* @default false
|
|
692
|
+
*/
|
|
693
|
+
standardImage?: boolean;
|
|
694
|
+
/**
|
|
695
|
+
* Card line style
|
|
696
|
+
* @default false
|
|
697
|
+
*/
|
|
698
|
+
lined?: boolean;
|
|
699
|
+
protected items?: QueryList<ItCarouselItemComponent>;
|
|
700
|
+
private carousel?;
|
|
701
|
+
private carouselDiv;
|
|
702
|
+
private itemSubscriptions?;
|
|
703
|
+
protected get typeClass(): string;
|
|
704
|
+
ngAfterViewInit(): void;
|
|
705
|
+
ngOnDestroy(): void;
|
|
706
|
+
/**
|
|
707
|
+
* Removes Carousel features
|
|
708
|
+
*/
|
|
709
|
+
dispose(): void;
|
|
710
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItCarouselComponent, never>;
|
|
711
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItCarouselComponent, "it-carousel", ["itCarousel"], { "title": { "alias": "title"; "required": false; }; "type": { "alias": "type"; "required": false; }; "trackClass": { "alias": "trackClass"; "required": false; }; "fullCarousel": { "alias": "fullCarousel"; "required": false; }; "bigImg": { "alias": "bigImg"; "required": false; }; "standardImage": { "alias": "standardImage"; "required": false; }; "lined": { "alias": "lined"; "required": false; }; }, {}, ["items"], never, true, never>;
|
|
712
|
+
static ngAcceptInputType_fullCarousel: BooleanInput;
|
|
713
|
+
static ngAcceptInputType_bigImg: BooleanInput;
|
|
714
|
+
static ngAcceptInputType_standardImage: BooleanInput;
|
|
715
|
+
static ngAcceptInputType_lined: BooleanInput;
|
|
716
|
+
}
|
|
717
|
+
|
|
718
|
+
declare class ItCarouselModule {
|
|
719
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItCarouselModule, never>;
|
|
720
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ItCarouselModule, never, [typeof ItCarouselComponent, typeof ItCarouselItemComponent], [typeof ItCarouselComponent, typeof ItCarouselItemComponent]>;
|
|
721
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ItCarouselModule>;
|
|
722
|
+
}
|
|
723
|
+
|
|
724
|
+
declare class ItChipComponent {
|
|
725
|
+
/**
|
|
726
|
+
* Indica la label
|
|
727
|
+
*/
|
|
728
|
+
set label(value: string);
|
|
729
|
+
get label(): string;
|
|
730
|
+
private _label;
|
|
731
|
+
/**
|
|
732
|
+
* Indica se mostrate il pulante di chisura
|
|
733
|
+
*/
|
|
734
|
+
set showCloseButton(value: boolean);
|
|
735
|
+
get showCloseButton(): boolean;
|
|
736
|
+
private _showCloseButton;
|
|
737
|
+
/**
|
|
738
|
+
* Indica il size
|
|
739
|
+
*/
|
|
740
|
+
set size(value: '' | 'lg');
|
|
741
|
+
get size(): '' | 'lg';
|
|
742
|
+
private _size;
|
|
743
|
+
/**
|
|
744
|
+
* Indica il colore della chip
|
|
745
|
+
*/
|
|
746
|
+
set color(value: ChipColor | undefined);
|
|
747
|
+
get color(): ChipColor | undefined;
|
|
748
|
+
private _color;
|
|
749
|
+
/**
|
|
750
|
+
* Indica se la chip è disabilitata
|
|
751
|
+
*/
|
|
752
|
+
set disabled(value: boolean);
|
|
753
|
+
get disabled(): boolean;
|
|
754
|
+
private _disabled;
|
|
755
|
+
/**
|
|
756
|
+
* Indica il nome dell'icona, se valorizzata viene mostrata
|
|
757
|
+
*/
|
|
758
|
+
set icon(value: IconName | undefined);
|
|
759
|
+
get icon(): IconName | undefined;
|
|
760
|
+
private _icon;
|
|
761
|
+
/**
|
|
762
|
+
* Indica l'url dell'avatar, se valorizzata viene mostrata
|
|
763
|
+
*/
|
|
764
|
+
set avatar(value: string | undefined);
|
|
765
|
+
get avatar(): string | undefined;
|
|
766
|
+
private _avatar;
|
|
767
|
+
/**
|
|
768
|
+
* Indica il valore da aggiungere al parametro alt, di default ''
|
|
769
|
+
*/
|
|
770
|
+
set altAvatar(value: string);
|
|
771
|
+
get altAvatar(): string;
|
|
772
|
+
private _altAvatar;
|
|
773
|
+
/**
|
|
774
|
+
* Evento emesso al click sul bottone di chiusura
|
|
775
|
+
*/
|
|
776
|
+
closeEvent: EventEmitter<any>;
|
|
777
|
+
/**
|
|
778
|
+
* Return the icon href
|
|
779
|
+
*/
|
|
780
|
+
protected get iconHref(): string;
|
|
781
|
+
private iconClose;
|
|
782
|
+
/**
|
|
783
|
+
* Return the close icon href
|
|
784
|
+
*/
|
|
785
|
+
protected get iconCloseHref(): string;
|
|
786
|
+
/**
|
|
787
|
+
* The bootstrap-italia asset folder path
|
|
788
|
+
* @default ./bootstrap-italia
|
|
789
|
+
*/
|
|
790
|
+
protected assetBasePath: string;
|
|
791
|
+
constructor();
|
|
792
|
+
clickToClose(): void;
|
|
793
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItChipComponent, never>;
|
|
794
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItChipComponent, "it-chip", never, { "label": { "alias": "label"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "altAvatar": { "alias": "altAvatar"; "required": false; }; }, { "closeEvent": "closeEvent"; }, never, never, true, never>;
|
|
795
|
+
}
|
|
796
|
+
|
|
797
|
+
type DimmerColor = '' | 'dimmer-primary';
|
|
798
|
+
declare class ItDimmerComponent implements OnInit {
|
|
799
|
+
private elementRef;
|
|
800
|
+
/**
|
|
801
|
+
* Dimmer status
|
|
802
|
+
* @default false
|
|
803
|
+
*/
|
|
804
|
+
set active(value: boolean);
|
|
805
|
+
get active(): boolean;
|
|
806
|
+
private _active;
|
|
807
|
+
/**
|
|
808
|
+
* Colore del dimmer
|
|
809
|
+
* @default ''
|
|
810
|
+
*/
|
|
811
|
+
set color(value: DimmerColor);
|
|
812
|
+
get color(): DimmerColor;
|
|
813
|
+
private _color;
|
|
814
|
+
ngOnInit(): void;
|
|
815
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItDimmerComponent, never>;
|
|
816
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItDimmerComponent, "it-dimmer", never, { "active": { "alias": "active"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
817
|
+
}
|
|
818
|
+
|
|
819
|
+
declare class ItDimmerIconComponent {
|
|
820
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItDimmerIconComponent, never>;
|
|
821
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItDimmerIconComponent, "it-dimmer-icon", never, {}, {}, never, ["*"], true, never>;
|
|
822
|
+
}
|
|
823
|
+
|
|
824
|
+
declare class ItDimmerButtonsComponent {
|
|
825
|
+
/**
|
|
826
|
+
* Indica se abbiamo 1 solo bottone
|
|
827
|
+
* @default false
|
|
828
|
+
*/
|
|
829
|
+
set hasOneButton(value: boolean);
|
|
830
|
+
get hasOneButton(): boolean;
|
|
831
|
+
private _hasOneButton;
|
|
832
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItDimmerButtonsComponent, never>;
|
|
833
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItDimmerButtonsComponent, "it-dimmer-buttons", never, { "hasOneButton": { "alias": "hasOneButton"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
834
|
+
}
|
|
835
|
+
|
|
836
|
+
declare class ItDimmerModule {
|
|
837
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItDimmerModule, never>;
|
|
838
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ItDimmerModule, never, [typeof ItDimmerComponent, typeof ItDimmerIconComponent, typeof ItDimmerButtonsComponent], [typeof ItDimmerComponent, typeof ItDimmerIconComponent, typeof ItDimmerButtonsComponent]>;
|
|
839
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ItDimmerModule>;
|
|
840
|
+
}
|
|
841
|
+
|
|
842
|
+
declare class ItLinkComponent extends ItAbstractComponent implements AfterViewInit, OnChanges {
|
|
843
|
+
/**
|
|
844
|
+
* The router link action
|
|
845
|
+
*
|
|
846
|
+
* Commands to pass to Router#createUrlTree.
|
|
847
|
+
* - array: commands to pass to Router#createUrlTree.
|
|
848
|
+
* - string: shorthand for array of commands with just the string, i.e. ['/route']
|
|
849
|
+
* - null|undefined: Disables the link by removing the href
|
|
850
|
+
*/
|
|
851
|
+
href: any[] | string | null | undefined;
|
|
852
|
+
/**
|
|
853
|
+
* Is an external link (false to not use Angular router link)
|
|
854
|
+
* @default false
|
|
855
|
+
*/
|
|
856
|
+
externalLink?: boolean;
|
|
857
|
+
/**
|
|
858
|
+
* Is disabled link
|
|
859
|
+
* @default false
|
|
860
|
+
*/
|
|
861
|
+
disabled?: boolean;
|
|
862
|
+
/**
|
|
863
|
+
* Custom class
|
|
864
|
+
*/
|
|
865
|
+
class: string;
|
|
866
|
+
ngAfterViewInit(): void;
|
|
867
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
868
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItLinkComponent, never>;
|
|
869
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItLinkComponent, "it-link", never, { "href": { "alias": "href"; "required": false; }; "externalLink": { "alias": "externalLink"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
870
|
+
static ngAcceptInputType_externalLink: BooleanInput;
|
|
871
|
+
static ngAcceptInputType_disabled: BooleanInput;
|
|
872
|
+
}
|
|
873
|
+
|
|
874
|
+
declare class ItDropdownItemComponent extends ItLinkComponent {
|
|
875
|
+
/**
|
|
876
|
+
* Show divider
|
|
877
|
+
* @default false
|
|
878
|
+
*/
|
|
879
|
+
divider?: boolean;
|
|
880
|
+
/**
|
|
881
|
+
* Active item
|
|
882
|
+
* @default false
|
|
883
|
+
*/
|
|
884
|
+
active?: boolean;
|
|
885
|
+
/**
|
|
886
|
+
* To increase the size of links
|
|
887
|
+
* @default false
|
|
888
|
+
*/
|
|
889
|
+
large?: boolean;
|
|
890
|
+
/**
|
|
891
|
+
* The name of icon to show
|
|
892
|
+
*/
|
|
893
|
+
iconName: IconName | undefined;
|
|
894
|
+
/**
|
|
895
|
+
* The icon position
|
|
896
|
+
* @default right
|
|
897
|
+
*/
|
|
898
|
+
iconPosition: 'left' | 'right';
|
|
899
|
+
/**
|
|
900
|
+
* Dropdown mode
|
|
901
|
+
*/
|
|
902
|
+
mode?: 'button' | 'link' | 'nav';
|
|
903
|
+
/**
|
|
904
|
+
* Change icon color if menu is dark
|
|
905
|
+
* @default false
|
|
906
|
+
*/
|
|
907
|
+
isDark: boolean;
|
|
908
|
+
get linkClass(): string;
|
|
909
|
+
setDark(dark: boolean): void;
|
|
910
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItDropdownItemComponent, never>;
|
|
911
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItDropdownItemComponent, "it-dropdown-item", never, { "divider": { "alias": "divider"; "required": false; }; "active": { "alias": "active"; "required": false; }; "large": { "alias": "large"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
912
|
+
static ngAcceptInputType_divider: BooleanInput;
|
|
913
|
+
static ngAcceptInputType_active: BooleanInput;
|
|
914
|
+
static ngAcceptInputType_large: BooleanInput;
|
|
915
|
+
}
|
|
916
|
+
|
|
917
|
+
declare class ItDropdownComponent extends ItAbstractComponent implements AfterViewInit, OnChanges {
|
|
918
|
+
/**
|
|
919
|
+
* Dropdown mode
|
|
920
|
+
*/
|
|
921
|
+
mode: 'button' | 'link' | 'nav';
|
|
922
|
+
/**
|
|
923
|
+
* Button color
|
|
924
|
+
*/
|
|
925
|
+
color?: ButtonColor;
|
|
926
|
+
/**
|
|
927
|
+
* To open menu items to:
|
|
928
|
+
* - <strong>dropup</strong>: up
|
|
929
|
+
* - <strong>dropend</strong>: right
|
|
930
|
+
* - <strong>dropstart</strong>: left
|
|
931
|
+
*/
|
|
932
|
+
direction: DropdownDirection | undefined;
|
|
933
|
+
/**
|
|
934
|
+
* To get a dropdown menu as wide as the element containing the dropdown button
|
|
935
|
+
* @default false
|
|
936
|
+
*/
|
|
937
|
+
fullWidth?: boolean;
|
|
938
|
+
/**
|
|
939
|
+
* Contains a Megamenu element
|
|
940
|
+
* @default false
|
|
941
|
+
*/
|
|
942
|
+
megamenu?: boolean;
|
|
943
|
+
/**
|
|
944
|
+
* Dark menu style
|
|
945
|
+
* @default false
|
|
946
|
+
*/
|
|
947
|
+
dark?: boolean;
|
|
948
|
+
/**
|
|
949
|
+
* The dropdown items
|
|
950
|
+
*/
|
|
951
|
+
items?: QueryList<ItDropdownItemComponent>;
|
|
952
|
+
/**
|
|
953
|
+
* Fires immediately when the show instance method is called.
|
|
954
|
+
*/
|
|
955
|
+
showEvent: EventEmitter<Event>;
|
|
956
|
+
/**
|
|
957
|
+
* Fired when the dropdown has been made visible to the user and CSS transitions have completed.
|
|
958
|
+
*/
|
|
959
|
+
shownEvent: EventEmitter<Event>;
|
|
960
|
+
/**
|
|
961
|
+
* Fires immediately when the hide instance method has been called.
|
|
962
|
+
*/
|
|
963
|
+
hideEvent: EventEmitter<Event>;
|
|
964
|
+
/**
|
|
965
|
+
* Fired when the dropdown has finished being hidden from the user and CSS transitions have completed.
|
|
966
|
+
*/
|
|
967
|
+
hiddenEvent: EventEmitter<Event>;
|
|
968
|
+
private dropdown?;
|
|
969
|
+
private dropdownButton?;
|
|
970
|
+
get buttonClass(): string;
|
|
971
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
972
|
+
ngAfterViewInit(): void;
|
|
973
|
+
/**
|
|
974
|
+
* Set child items dark mode
|
|
975
|
+
* @private
|
|
976
|
+
*/
|
|
977
|
+
private setDarkItems;
|
|
978
|
+
private updateListeners;
|
|
979
|
+
/**
|
|
980
|
+
* Toggles the dropdown menu of a given navbar or tabbed navigation.
|
|
981
|
+
*/
|
|
982
|
+
toggle(): void;
|
|
983
|
+
/**
|
|
984
|
+
* Shows the dropdown menu of a given navbar or tabbed navigation.
|
|
985
|
+
*/
|
|
986
|
+
show(): void;
|
|
987
|
+
/**
|
|
988
|
+
* Hides the dropdown menu of a given navbar or tabbed navigation.
|
|
989
|
+
*/
|
|
990
|
+
hide(): void;
|
|
991
|
+
/**
|
|
992
|
+
* Updates the position of an element's dropdown.
|
|
993
|
+
*/
|
|
994
|
+
update(): void;
|
|
995
|
+
/**
|
|
996
|
+
* Destroys an element's dropdown. (Removes stored data on the DOM element)
|
|
997
|
+
*/
|
|
998
|
+
dispose(): void;
|
|
999
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItDropdownComponent, never>;
|
|
1000
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItDropdownComponent, "it-dropdown", ["itDropdown"], { "mode": { "alias": "mode"; "required": false; }; "color": { "alias": "color"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "megamenu": { "alias": "megamenu"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; }, { "showEvent": "showEvent"; "shownEvent": "shownEvent"; "hideEvent": "hideEvent"; "hiddenEvent": "hiddenEvent"; }, ["items"], ["[listHeading]", "[list]", "[button]"], true, never>;
|
|
1001
|
+
static ngAcceptInputType_fullWidth: BooleanInput;
|
|
1002
|
+
static ngAcceptInputType_megamenu: BooleanInput;
|
|
1003
|
+
static ngAcceptInputType_dark: BooleanInput;
|
|
1004
|
+
}
|
|
1005
|
+
|
|
1006
|
+
declare class ItDropdownModule {
|
|
1007
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItDropdownModule, never>;
|
|
1008
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ItDropdownModule, never, [typeof ItDropdownComponent, typeof ItDropdownItemComponent], [typeof ItDropdownComponent, typeof ItDropdownItemComponent]>;
|
|
1009
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ItDropdownModule>;
|
|
1010
|
+
}
|
|
1011
|
+
|
|
1012
|
+
declare class ItForwardDirective {
|
|
1013
|
+
private document;
|
|
1014
|
+
/**
|
|
1015
|
+
* Indica, se HTMLElement, l'elemento a cui navigare, o se stringa, il selettore che selezionerà l'elemento a cui navigare.
|
|
1016
|
+
*/
|
|
1017
|
+
set itForward(value: HTMLElement | string | undefined);
|
|
1018
|
+
get itForward(): HTMLElement | string | undefined;
|
|
1019
|
+
private _itForward;
|
|
1020
|
+
onClick(event: any): void;
|
|
1021
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItForwardDirective, never>;
|
|
1022
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ItForwardDirective, "[itForward]", never, { "itForward": { "alias": "itForward"; "required": false; }; }, {}, never, never, true, never>;
|
|
1023
|
+
}
|
|
1024
|
+
|
|
1025
|
+
declare class ItListComponent {
|
|
1026
|
+
/**
|
|
1027
|
+
* Add 'link-list' class for navigation menu
|
|
1028
|
+
* @default false
|
|
1029
|
+
*/
|
|
1030
|
+
linkList?: boolean;
|
|
1031
|
+
/**
|
|
1032
|
+
* Add 'link-sublist' class for navigation menu
|
|
1033
|
+
* @default false
|
|
1034
|
+
*/
|
|
1035
|
+
linkSubList?: boolean;
|
|
1036
|
+
/**
|
|
1037
|
+
* Add 'multiline' class for wrapper
|
|
1038
|
+
* @default false
|
|
1039
|
+
*/
|
|
1040
|
+
multiline?: boolean;
|
|
1041
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItListComponent, never>;
|
|
1042
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItListComponent, "it-list", never, { "linkList": { "alias": "linkList"; "required": false; }; "linkSubList": { "alias": "linkSubList"; "required": false; }; "multiline": { "alias": "multiline"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1043
|
+
static ngAcceptInputType_linkList: BooleanInput;
|
|
1044
|
+
static ngAcceptInputType_linkSubList: BooleanInput;
|
|
1045
|
+
static ngAcceptInputType_multiline: BooleanInput;
|
|
1046
|
+
}
|
|
1047
|
+
|
|
1048
|
+
declare class ItListItemComponent extends ItLinkComponent {
|
|
1049
|
+
private elRef;
|
|
1050
|
+
/**
|
|
1051
|
+
* Add active class
|
|
1052
|
+
* @default false
|
|
1053
|
+
*/
|
|
1054
|
+
active?: boolean;
|
|
1055
|
+
/**
|
|
1056
|
+
* Add large class
|
|
1057
|
+
*/
|
|
1058
|
+
size?: 'large' | 'medium';
|
|
1059
|
+
/**
|
|
1060
|
+
* Add icon-left class
|
|
1061
|
+
* @default false
|
|
1062
|
+
*/
|
|
1063
|
+
iconLeft?: boolean;
|
|
1064
|
+
/**
|
|
1065
|
+
* Add icon-right class
|
|
1066
|
+
* @default false
|
|
1067
|
+
*/
|
|
1068
|
+
iconRight?: boolean;
|
|
1069
|
+
private _avatar;
|
|
1070
|
+
/**
|
|
1071
|
+
* The avatar url
|
|
1072
|
+
* @deprecated L'input 'avatar' è deprecato. Usa la documentazione del component Avatar per questo caso d'uso, facendo riferimento all'esempio Avatar con lista. Sarà rimosso nelle prossime versioni.
|
|
1073
|
+
*/
|
|
1074
|
+
get avatar(): URL | undefined;
|
|
1075
|
+
set avatar(value: URL | undefined);
|
|
1076
|
+
/**
|
|
1077
|
+
* The thumb image url
|
|
1078
|
+
*/
|
|
1079
|
+
image: URL | undefined;
|
|
1080
|
+
get itemClass(): string;
|
|
1081
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItListItemComponent, never>;
|
|
1082
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItListItemComponent, "it-list-item", never, { "active": { "alias": "active"; "required": false; }; "size": { "alias": "size"; "required": false; }; "iconLeft": { "alias": "iconLeft"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "image": { "alias": "image"; "required": false; }; }, {}, never, ["[icon]", "*", "[action]", "[metadata]", "[multiple]"], true, never>;
|
|
1083
|
+
static ngAcceptInputType_active: BooleanInput;
|
|
1084
|
+
static ngAcceptInputType_iconLeft: BooleanInput;
|
|
1085
|
+
static ngAcceptInputType_iconRight: BooleanInput;
|
|
1086
|
+
}
|
|
1087
|
+
|
|
1088
|
+
declare class ItListModule {
|
|
1089
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItListModule, never>;
|
|
1090
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ItListModule, never, [typeof ItListComponent, typeof ItListItemComponent], [typeof ItListComponent, typeof ItListItemComponent]>;
|
|
1091
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ItListModule>;
|
|
1092
|
+
}
|
|
1093
|
+
|
|
1094
|
+
/**
|
|
1095
|
+
* Modal windows
|
|
1096
|
+
* @description To show featured content, notifications to users, or personalized content.
|
|
1097
|
+
*/
|
|
1098
|
+
declare class ItModalComponent extends ItAbstractComponent implements AfterViewInit {
|
|
1099
|
+
/**
|
|
1100
|
+
* Show/Hide close button on header
|
|
1101
|
+
* @default true
|
|
1102
|
+
*/
|
|
1103
|
+
closeButton: boolean;
|
|
1104
|
+
/**
|
|
1105
|
+
* To correctly format the contents of the modal with icon
|
|
1106
|
+
* @default false
|
|
1107
|
+
*/
|
|
1108
|
+
alertModal?: boolean;
|
|
1109
|
+
/**
|
|
1110
|
+
* To correctly format the contents of the modal with Link List
|
|
1111
|
+
* @default false
|
|
1112
|
+
*/
|
|
1113
|
+
dialogLinkList?: boolean;
|
|
1114
|
+
/**
|
|
1115
|
+
* Modal type Popconfirm can be used for short confirmation messages.
|
|
1116
|
+
* @default false
|
|
1117
|
+
*/
|
|
1118
|
+
popconfirm?: boolean;
|
|
1119
|
+
/**
|
|
1120
|
+
* You can choose to use a scroll inside the modal, keeping the header and footer of the modal always visible
|
|
1121
|
+
* @default false
|
|
1122
|
+
*/
|
|
1123
|
+
scrollable?: boolean;
|
|
1124
|
+
/**
|
|
1125
|
+
* To have modals that appear with fades
|
|
1126
|
+
* @default true
|
|
1127
|
+
*/
|
|
1128
|
+
fade?: boolean;
|
|
1129
|
+
/**
|
|
1130
|
+
* Modal alignment
|
|
1131
|
+
* - <b>centered</b>: to vertically center the modal
|
|
1132
|
+
* - <b>left</b>: to left-align the modal
|
|
1133
|
+
* - <b>right</b>: to right-align the modal
|
|
1134
|
+
* @default undefined
|
|
1135
|
+
*/
|
|
1136
|
+
alignment: 'centered' | 'left' | 'right' | undefined;
|
|
1137
|
+
/**
|
|
1138
|
+
* The modal size
|
|
1139
|
+
* @default undefined
|
|
1140
|
+
*/
|
|
1141
|
+
size: 'sm' | 'lg' | 'xl' | undefined;
|
|
1142
|
+
/**
|
|
1143
|
+
* Includes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn’t close the modal when clicked.
|
|
1144
|
+
* @default true
|
|
1145
|
+
*/
|
|
1146
|
+
backdrop: 'static' | boolean;
|
|
1147
|
+
/**
|
|
1148
|
+
* Puts the focus on the modal when initialized.
|
|
1149
|
+
* @default true
|
|
1150
|
+
*/
|
|
1151
|
+
focus: boolean;
|
|
1152
|
+
/**
|
|
1153
|
+
* Closes the modal when escape key is pressed.
|
|
1154
|
+
* @default true
|
|
1155
|
+
*/
|
|
1156
|
+
keyboard: boolean;
|
|
1157
|
+
/**
|
|
1158
|
+
* To better distinguish the footer element with a shadow
|
|
1159
|
+
* @default false
|
|
1160
|
+
*/
|
|
1161
|
+
footerShadow?: boolean;
|
|
1162
|
+
/**
|
|
1163
|
+
* Modal options
|
|
1164
|
+
*/
|
|
1165
|
+
options?: Partial<Modal.Options>;
|
|
1166
|
+
/**
|
|
1167
|
+
* This event fires immediately when the instance method show is called.
|
|
1168
|
+
*/
|
|
1169
|
+
showEvent: EventEmitter<Event>;
|
|
1170
|
+
/**
|
|
1171
|
+
* This event fires when the modal has been made visible to the user (it will wait for CSS transitions to complete).
|
|
1172
|
+
*/
|
|
1173
|
+
shownEvent: EventEmitter<Event>;
|
|
1174
|
+
/**
|
|
1175
|
+
* This event is raised immediately when the instance method hide has been called.
|
|
1176
|
+
*/
|
|
1177
|
+
hideEvent: EventEmitter<Event>;
|
|
1178
|
+
/**
|
|
1179
|
+
* This event fires when the modal has finished hiding from the user (it will wait for CSS transitions to complete).
|
|
1180
|
+
*/
|
|
1181
|
+
hiddenEvent: EventEmitter<Event>;
|
|
1182
|
+
/**
|
|
1183
|
+
* This event is fired when the modal is displayed, its background is static and a click outside the modal or a press
|
|
1184
|
+
* of the esc key occurs and data-bs-keyboard is set to false.
|
|
1185
|
+
*/
|
|
1186
|
+
hidePreventedEvent: EventEmitter<Event>;
|
|
1187
|
+
private modal?;
|
|
1188
|
+
private modalElement?;
|
|
1189
|
+
ngAfterViewInit(): void;
|
|
1190
|
+
protected get modalClass(): string;
|
|
1191
|
+
protected get dialogClass(): string;
|
|
1192
|
+
/**
|
|
1193
|
+
* Manually activate/deactivate a modal. Returns to the caller before the modal has actually been shown or hidden
|
|
1194
|
+
*/
|
|
1195
|
+
toggle(): void;
|
|
1196
|
+
/**
|
|
1197
|
+
* Manually open a modal. Returns to the caller before the modal has actually been displayed
|
|
1198
|
+
*/
|
|
1199
|
+
show(): void;
|
|
1200
|
+
/**
|
|
1201
|
+
* Manually hide a modal. Returns to the caller before the modal has actually been hidden
|
|
1202
|
+
*/
|
|
1203
|
+
hide(): void;
|
|
1204
|
+
/**
|
|
1205
|
+
* Manually reposition the modal if the height of the modal changes when it is opened (in case a scroll bar appears).
|
|
1206
|
+
*/
|
|
1207
|
+
handleUpdate(): void;
|
|
1208
|
+
/**
|
|
1209
|
+
* Destroys the modal of an element.
|
|
1210
|
+
*/
|
|
1211
|
+
dispose(): void;
|
|
1212
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItModalComponent, never>;
|
|
1213
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItModalComponent, "it-modal", ["itModal"], { "closeButton": { "alias": "closeButton"; "required": false; }; "alertModal": { "alias": "alertModal"; "required": false; }; "dialogLinkList": { "alias": "dialogLinkList"; "required": false; }; "popconfirm": { "alias": "popconfirm"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "fade": { "alias": "fade"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "size": { "alias": "size"; "required": false; }; "backdrop": { "alias": "backdrop"; "required": false; }; "focus": { "alias": "focus"; "required": false; }; "keyboard": { "alias": "keyboard"; "required": false; }; "footerShadow": { "alias": "footerShadow"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "showEvent": "showEvent"; "shownEvent": "shownEvent"; "hideEvent": "hideEvent"; "hiddenEvent": "hiddenEvent"; "hidePreventedEvent": "hidePreventedEvent"; }, never, ["[beforeTitle]", "[modalTitle]", "[description]", "*", "[footer]"], true, never>;
|
|
1214
|
+
static ngAcceptInputType_closeButton: BooleanInput;
|
|
1215
|
+
static ngAcceptInputType_alertModal: BooleanInput;
|
|
1216
|
+
static ngAcceptInputType_dialogLinkList: BooleanInput;
|
|
1217
|
+
static ngAcceptInputType_popconfirm: BooleanInput;
|
|
1218
|
+
static ngAcceptInputType_scrollable: BooleanInput;
|
|
1219
|
+
static ngAcceptInputType_fade: BooleanInput;
|
|
1220
|
+
static ngAcceptInputType_focus: BooleanInput;
|
|
1221
|
+
static ngAcceptInputType_keyboard: BooleanInput;
|
|
1222
|
+
static ngAcceptInputType_footerShadow: BooleanInput;
|
|
1223
|
+
}
|
|
1224
|
+
|
|
1225
|
+
declare class ItNotificationsComponent implements OnDestroy {
|
|
1226
|
+
private readonly _changeDetectorRef;
|
|
1227
|
+
private readonly _notificationService;
|
|
1228
|
+
/**
|
|
1229
|
+
* Default notifications duration (milliseconds)
|
|
1230
|
+
* @default 8000
|
|
1231
|
+
*/
|
|
1232
|
+
duration: number;
|
|
1233
|
+
/**
|
|
1234
|
+
* Default notifications position
|
|
1235
|
+
*/
|
|
1236
|
+
position: NotificationPosition | undefined;
|
|
1237
|
+
/**
|
|
1238
|
+
* Default notifications is dismissible
|
|
1239
|
+
* @default true
|
|
1240
|
+
*/
|
|
1241
|
+
dismissible: boolean;
|
|
1242
|
+
private subscription;
|
|
1243
|
+
private notificationCount;
|
|
1244
|
+
protected notifications: Array<Notification & {
|
|
1245
|
+
id: string;
|
|
1246
|
+
}>;
|
|
1247
|
+
constructor();
|
|
1248
|
+
ngOnDestroy(): void;
|
|
1249
|
+
protected get NotificationType(): typeof NotificationType;
|
|
1250
|
+
/**
|
|
1251
|
+
* Hide the notification
|
|
1252
|
+
* @param id
|
|
1253
|
+
*/
|
|
1254
|
+
protected hideNotification(id: string): void;
|
|
1255
|
+
/**
|
|
1256
|
+
* Retrieve the icon name by notification type
|
|
1257
|
+
* @param notification the notification
|
|
1258
|
+
* @protected
|
|
1259
|
+
*/
|
|
1260
|
+
private getNotificationIcon;
|
|
1261
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItNotificationsComponent, never>;
|
|
1262
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItNotificationsComponent, "it-notifications", never, { "duration": { "alias": "duration"; "required": false; }; "position": { "alias": "position"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; }, {}, never, never, true, never>;
|
|
1263
|
+
static ngAcceptInputType_dismissible: BooleanInput;
|
|
1264
|
+
}
|
|
1265
|
+
|
|
1266
|
+
declare class ItPaginationComponent implements OnChanges {
|
|
1267
|
+
/**
|
|
1268
|
+
* Index of page (start 0)
|
|
1269
|
+
*/
|
|
1270
|
+
currentPage: number;
|
|
1271
|
+
/**
|
|
1272
|
+
* Max number of page (counter)
|
|
1273
|
+
*/
|
|
1274
|
+
pageNumbers: number;
|
|
1275
|
+
/**
|
|
1276
|
+
* Number of pages closest to the current one to display
|
|
1277
|
+
* @default 5
|
|
1278
|
+
*/
|
|
1279
|
+
visiblePages: number;
|
|
1280
|
+
/**
|
|
1281
|
+
* Pagination alignment (justify-content)
|
|
1282
|
+
*/
|
|
1283
|
+
alignment: 'center' | 'end' | undefined;
|
|
1284
|
+
/**
|
|
1285
|
+
* Enable/Disable simple mode
|
|
1286
|
+
* Pagination in the "Simple mode" version is optimized for mobile devices.
|
|
1287
|
+
* @default false - disabled
|
|
1288
|
+
*/
|
|
1289
|
+
simpleMode?: boolean;
|
|
1290
|
+
/**
|
|
1291
|
+
* Enable/Disable text links
|
|
1292
|
+
* Chevron icons used as navigation links are replaced by text links such as “previous” and “next”.
|
|
1293
|
+
* @default false - disabled
|
|
1294
|
+
*/
|
|
1295
|
+
textLinks?: boolean;
|
|
1296
|
+
/**
|
|
1297
|
+
* Current value of Changer
|
|
1298
|
+
* If is set show the Changer
|
|
1299
|
+
* @default undefined - hide the Changer
|
|
1300
|
+
*/
|
|
1301
|
+
currentChanger: number | undefined;
|
|
1302
|
+
/**
|
|
1303
|
+
* Available Changer values
|
|
1304
|
+
* @default [10, 25, 50, 100]
|
|
1305
|
+
*/
|
|
1306
|
+
changerValues: Array<number>;
|
|
1307
|
+
/**
|
|
1308
|
+
* Hide/Show "Jump to page" input
|
|
1309
|
+
* @default false - hidden
|
|
1310
|
+
*/
|
|
1311
|
+
showJumpToPage?: boolean;
|
|
1312
|
+
/**
|
|
1313
|
+
* Fired when page is changed. Emit the new index of page
|
|
1314
|
+
*/
|
|
1315
|
+
pageEvent: EventEmitter<number>;
|
|
1316
|
+
/**
|
|
1317
|
+
* Fired when changer is changed. Emit the new changer value
|
|
1318
|
+
*/
|
|
1319
|
+
changerEvent: EventEmitter<number>;
|
|
1320
|
+
/**
|
|
1321
|
+
* The pages
|
|
1322
|
+
* @protected
|
|
1323
|
+
*/
|
|
1324
|
+
protected pages: Array<number>;
|
|
1325
|
+
/**
|
|
1326
|
+
* Jump to page input
|
|
1327
|
+
* @protected
|
|
1328
|
+
*/
|
|
1329
|
+
protected jumpToPage: FormControl<number | null>;
|
|
1330
|
+
constructor();
|
|
1331
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
1332
|
+
/**
|
|
1333
|
+
* Create array to generate pagination of `visiblePages` element
|
|
1334
|
+
*/
|
|
1335
|
+
private calculatePages;
|
|
1336
|
+
/**
|
|
1337
|
+
* On click page change
|
|
1338
|
+
* @param event click event
|
|
1339
|
+
* @param newPage the new page of table
|
|
1340
|
+
*/
|
|
1341
|
+
protected pageChange(event: Event, newPage: number): void;
|
|
1342
|
+
/**
|
|
1343
|
+
* On click changer
|
|
1344
|
+
* @param event click event
|
|
1345
|
+
* @param value the new changer value
|
|
1346
|
+
*/
|
|
1347
|
+
protected changerChange(event: Event, value: number): void;
|
|
1348
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItPaginationComponent, never>;
|
|
1349
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItPaginationComponent, "it-pagination", never, { "currentPage": { "alias": "currentPage"; "required": true; }; "pageNumbers": { "alias": "pageNumbers"; "required": true; }; "visiblePages": { "alias": "visiblePages"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "simpleMode": { "alias": "simpleMode"; "required": false; }; "textLinks": { "alias": "textLinks"; "required": false; }; "currentChanger": { "alias": "currentChanger"; "required": false; }; "changerValues": { "alias": "changerValues"; "required": false; }; "showJumpToPage": { "alias": "showJumpToPage"; "required": false; }; }, { "pageEvent": "pageEvent"; "changerEvent": "changerEvent"; }, never, ["*"], true, never>;
|
|
1350
|
+
static ngAcceptInputType_simpleMode: BooleanInput;
|
|
1351
|
+
static ngAcceptInputType_textLinks: BooleanInput;
|
|
1352
|
+
static ngAcceptInputType_showJumpToPage: BooleanInput;
|
|
1353
|
+
}
|
|
1354
|
+
|
|
1355
|
+
declare class ItPopoverDirective implements AfterViewInit, OnDestroy {
|
|
1356
|
+
private readonly _elementRef;
|
|
1357
|
+
/**
|
|
1358
|
+
* Define the popover content
|
|
1359
|
+
* @param content the popover content
|
|
1360
|
+
*/
|
|
1361
|
+
set content(content: string);
|
|
1362
|
+
/**
|
|
1363
|
+
* Define the popover title
|
|
1364
|
+
* @param title the popover title
|
|
1365
|
+
*/
|
|
1366
|
+
set popoverTitle(title: string | undefined);
|
|
1367
|
+
/**
|
|
1368
|
+
* Define the popover placement
|
|
1369
|
+
* @param placement
|
|
1370
|
+
*/
|
|
1371
|
+
set popoverPlacement(placement: ElementPlacement);
|
|
1372
|
+
/**
|
|
1373
|
+
* Appends the popover to a specific element.
|
|
1374
|
+
* @param container
|
|
1375
|
+
*/
|
|
1376
|
+
set popoverContainer(container: 'body' | string | undefined);
|
|
1377
|
+
/**
|
|
1378
|
+
* Indicates whether the title contains html
|
|
1379
|
+
* @param html true if contain html
|
|
1380
|
+
*/
|
|
1381
|
+
set popoverHtml(html: boolean);
|
|
1382
|
+
/**
|
|
1383
|
+
* How popover is triggered
|
|
1384
|
+
* - 'hover': To open the Popover on hover of the mouse over the element
|
|
1385
|
+
* - 'focus': To ignore popovers on the user's next click of an element other than the toggle element.
|
|
1386
|
+
* @param trigger
|
|
1387
|
+
*/
|
|
1388
|
+
set popoverTrigger(trigger: 'click' | 'hover' | 'focus' | 'manual' | undefined);
|
|
1389
|
+
/**
|
|
1390
|
+
* This event fires immediately when the show method is called.
|
|
1391
|
+
*/
|
|
1392
|
+
showEvent: EventEmitter<Event>;
|
|
1393
|
+
/**
|
|
1394
|
+
* This event is triggered when the tooltip has been made visible to the user (it will wait for the CSS transitions to complete).
|
|
1395
|
+
*/
|
|
1396
|
+
shownEvent: EventEmitter<Event>;
|
|
1397
|
+
/**
|
|
1398
|
+
* This event fires immediately when the hide method is called.
|
|
1399
|
+
*/
|
|
1400
|
+
hideEvent: EventEmitter<Event>;
|
|
1401
|
+
/**
|
|
1402
|
+
* This event is raised when the tooltip has finished being hidden from the user (it will wait for the CSS transitions to complete).
|
|
1403
|
+
*/
|
|
1404
|
+
hiddenEvent: EventEmitter<Event>;
|
|
1405
|
+
/**
|
|
1406
|
+
* This event fires after the show event when the tooltip template has been added to the DOM.
|
|
1407
|
+
*/
|
|
1408
|
+
insertedEvent: EventEmitter<Event>;
|
|
1409
|
+
private readonly element;
|
|
1410
|
+
private popover?;
|
|
1411
|
+
constructor();
|
|
1412
|
+
ngAfterViewInit(): void;
|
|
1413
|
+
ngOnDestroy(): void;
|
|
1414
|
+
/**
|
|
1415
|
+
* Shows the popover of an item.
|
|
1416
|
+
*/
|
|
1417
|
+
show(): void;
|
|
1418
|
+
/**
|
|
1419
|
+
* Hide the popover of an element.
|
|
1420
|
+
*/
|
|
1421
|
+
hide(): void;
|
|
1422
|
+
/**
|
|
1423
|
+
* Activate / Deactivate the popover of an element
|
|
1424
|
+
*/
|
|
1425
|
+
toggle(): void;
|
|
1426
|
+
/**
|
|
1427
|
+
* Hides and destroys the popover of an element.
|
|
1428
|
+
*/
|
|
1429
|
+
dispose(): void;
|
|
1430
|
+
/**
|
|
1431
|
+
* Gives the popover of an element a chance to be shown.
|
|
1432
|
+
*/
|
|
1433
|
+
enable(): void;
|
|
1434
|
+
/**
|
|
1435
|
+
* Removes the ability to show the popover of an element.
|
|
1436
|
+
*/
|
|
1437
|
+
disable(): void;
|
|
1438
|
+
/**
|
|
1439
|
+
* Toggles the possibility that the popover of an element is shown or hidden.
|
|
1440
|
+
*/
|
|
1441
|
+
toggleEnabled(): void;
|
|
1442
|
+
/**
|
|
1443
|
+
* Updates the position of an element's popover.
|
|
1444
|
+
*/
|
|
1445
|
+
update(): void;
|
|
1446
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItPopoverDirective, never>;
|
|
1447
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ItPopoverDirective, "[itPopover]", ["itPopover"], { "content": { "alias": "itPopover"; "required": false; }; "popoverTitle": { "alias": "popoverTitle"; "required": false; }; "popoverPlacement": { "alias": "popoverPlacement"; "required": false; }; "popoverContainer": { "alias": "popoverContainer"; "required": false; }; "popoverHtml": { "alias": "popoverHtml"; "required": false; }; "popoverTrigger": { "alias": "popoverTrigger"; "required": false; }; }, { "showEvent": "showEvent"; "shownEvent": "shownEvent"; "hideEvent": "hideEvent"; "hiddenEvent": "hiddenEvent"; "insertedEvent": "insertedEvent"; }, never, never, true, never>;
|
|
1448
|
+
static ngAcceptInputType_popoverHtml: BooleanInput;
|
|
1449
|
+
}
|
|
1450
|
+
|
|
1451
|
+
declare class ItProgressBarComponent {
|
|
1452
|
+
/**
|
|
1453
|
+
* The progress bar value [0, 100]
|
|
1454
|
+
*/
|
|
1455
|
+
value: number;
|
|
1456
|
+
/**
|
|
1457
|
+
* Show the progress label
|
|
1458
|
+
* @default false
|
|
1459
|
+
*/
|
|
1460
|
+
showLabel?: boolean;
|
|
1461
|
+
/**
|
|
1462
|
+
* Show the progress as indeterminate
|
|
1463
|
+
* @default false
|
|
1464
|
+
*/
|
|
1465
|
+
indeterminate?: boolean;
|
|
1466
|
+
/**
|
|
1467
|
+
* The progress bar color
|
|
1468
|
+
*/
|
|
1469
|
+
color: ProgressBarColor | undefined;
|
|
1470
|
+
/**
|
|
1471
|
+
* Return the background color
|
|
1472
|
+
*/
|
|
1473
|
+
get bgColor(): string;
|
|
1474
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItProgressBarComponent, never>;
|
|
1475
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItProgressBarComponent, "it-progress-bar", never, { "value": { "alias": "value"; "required": true; }; "showLabel": { "alias": "showLabel"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
|
|
1476
|
+
static ngAcceptInputType_showLabel: BooleanInput;
|
|
1477
|
+
static ngAcceptInputType_indeterminate: BooleanInput;
|
|
1478
|
+
}
|
|
1479
|
+
|
|
1480
|
+
declare class ItProgressButtonComponent {
|
|
1481
|
+
/**
|
|
1482
|
+
* Behavior of the progress bar
|
|
1483
|
+
* - <b>true</b>: Show indeterminate progress bar
|
|
1484
|
+
* - <b>false</b> or <b>undefined</b>: Hide progress bar
|
|
1485
|
+
* - <b>number</b> [0, 100]: Assign a specific value to the progress bar
|
|
1486
|
+
* @default undefined
|
|
1487
|
+
*/
|
|
1488
|
+
progress: number | boolean | undefined;
|
|
1489
|
+
/**
|
|
1490
|
+
* The progress bar color
|
|
1491
|
+
*/
|
|
1492
|
+
progressColor: ProgressBarColor | undefined;
|
|
1493
|
+
get isProgress(): boolean;
|
|
1494
|
+
get progressValue(): number;
|
|
1495
|
+
get isIndeterminate(): boolean;
|
|
1496
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItProgressButtonComponent, never>;
|
|
1497
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItProgressButtonComponent, "button[itButton][progress]", never, { "progress": { "alias": "progress"; "required": false; }; "progressColor": { "alias": "progressColor"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1498
|
+
}
|
|
1499
|
+
|
|
1500
|
+
declare class ItSpinnerComponent {
|
|
1501
|
+
/**
|
|
1502
|
+
* The spinner is active
|
|
1503
|
+
* @default true
|
|
1504
|
+
*/
|
|
1505
|
+
active: boolean;
|
|
1506
|
+
/**
|
|
1507
|
+
* Show a small spinner
|
|
1508
|
+
* @default false
|
|
1509
|
+
*/
|
|
1510
|
+
small?: boolean;
|
|
1511
|
+
/**
|
|
1512
|
+
* Show the double animation
|
|
1513
|
+
* @default false
|
|
1514
|
+
*/
|
|
1515
|
+
double?: boolean;
|
|
1516
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItSpinnerComponent, never>;
|
|
1517
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItSpinnerComponent, "it-spinner", never, { "active": { "alias": "active"; "required": false; }; "small": { "alias": "small"; "required": false; }; "double": { "alias": "double"; "required": false; }; }, {}, never, never, true, never>;
|
|
1518
|
+
static ngAcceptInputType_active: BooleanInput;
|
|
1519
|
+
static ngAcceptInputType_small: BooleanInput;
|
|
1520
|
+
static ngAcceptInputType_double: BooleanInput;
|
|
1521
|
+
}
|
|
1522
|
+
|
|
1523
|
+
declare class ItSteppersItemComponent extends ItAbstractComponent {
|
|
1524
|
+
/**
|
|
1525
|
+
* The labels present in the header steps
|
|
1526
|
+
*/
|
|
1527
|
+
label: string;
|
|
1528
|
+
/**
|
|
1529
|
+
* The labels present in the header steps can be preceded by an icon.
|
|
1530
|
+
*/
|
|
1531
|
+
icon: IconName | undefined;
|
|
1532
|
+
/**
|
|
1533
|
+
* The title for the icon.
|
|
1534
|
+
*/
|
|
1535
|
+
iconTitle: string | undefined;
|
|
1536
|
+
/**
|
|
1537
|
+
* The content of step
|
|
1538
|
+
*/
|
|
1539
|
+
htmlContent: TemplateRef<any>;
|
|
1540
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItSteppersItemComponent, never>;
|
|
1541
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItSteppersItemComponent, "it-steppers-item", never, { "label": { "alias": "label"; "required": true; }; "icon": { "alias": "icon"; "required": false; }; "iconTitle": { "alias": "iconTitle"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1542
|
+
}
|
|
1543
|
+
|
|
1544
|
+
declare class ItSteppersContainerComponent implements AfterViewInit, OnDestroy {
|
|
1545
|
+
private readonly _changeDetectorRef;
|
|
1546
|
+
/**
|
|
1547
|
+
* The active step index
|
|
1548
|
+
* @param index the step index
|
|
1549
|
+
*/
|
|
1550
|
+
activeStep: number;
|
|
1551
|
+
/**
|
|
1552
|
+
* Show the stepper header
|
|
1553
|
+
* @default true
|
|
1554
|
+
*/
|
|
1555
|
+
showHeader: boolean;
|
|
1556
|
+
/**
|
|
1557
|
+
* Dark style
|
|
1558
|
+
* @default false
|
|
1559
|
+
*/
|
|
1560
|
+
dark?: boolean;
|
|
1561
|
+
/**
|
|
1562
|
+
* The labels present in the header steps can be anticipated by the relative ordinal number.
|
|
1563
|
+
* @efualt false
|
|
1564
|
+
*/
|
|
1565
|
+
steppersNumber?: boolean;
|
|
1566
|
+
/**
|
|
1567
|
+
* The progress style
|
|
1568
|
+
* -<b>progress</b>: Show progress bar - You can change the color with the `progressColor` attribute
|
|
1569
|
+
* -<b>dots</b>: Show progress dots
|
|
1570
|
+
* @default undefined - don't show progress
|
|
1571
|
+
*/
|
|
1572
|
+
progressStyle: 'progress' | 'dots' | undefined;
|
|
1573
|
+
/**
|
|
1574
|
+
* Customize progress color
|
|
1575
|
+
*/
|
|
1576
|
+
progressColor: ProgressBarColor | undefined;
|
|
1577
|
+
/**
|
|
1578
|
+
* Show the back button
|
|
1579
|
+
* @default true
|
|
1580
|
+
*/
|
|
1581
|
+
showBackButton: boolean;
|
|
1582
|
+
/**
|
|
1583
|
+
* Disable the back button
|
|
1584
|
+
* @default false
|
|
1585
|
+
*/
|
|
1586
|
+
disableBackButton?: boolean;
|
|
1587
|
+
/**
|
|
1588
|
+
* Show the forward button
|
|
1589
|
+
* @default true
|
|
1590
|
+
*/
|
|
1591
|
+
showForwardButton: boolean;
|
|
1592
|
+
/**
|
|
1593
|
+
* Disable the forward button
|
|
1594
|
+
* @default false
|
|
1595
|
+
*/
|
|
1596
|
+
disableForwardButton?: boolean;
|
|
1597
|
+
/**
|
|
1598
|
+
* Show the confirm button
|
|
1599
|
+
* @default false
|
|
1600
|
+
*/
|
|
1601
|
+
showConfirmButton?: boolean;
|
|
1602
|
+
/**
|
|
1603
|
+
* Disable the confirm button
|
|
1604
|
+
* @default false
|
|
1605
|
+
*/
|
|
1606
|
+
disableConfirmButton?: boolean;
|
|
1607
|
+
/**
|
|
1608
|
+
* Show the confirm button as indeterminate progress button
|
|
1609
|
+
*/
|
|
1610
|
+
confirmLoading?: boolean;
|
|
1611
|
+
/**
|
|
1612
|
+
* Show the save button
|
|
1613
|
+
* @default false
|
|
1614
|
+
*/
|
|
1615
|
+
showSaveButton?: boolean;
|
|
1616
|
+
/**
|
|
1617
|
+
* Disable the save button
|
|
1618
|
+
* @default false
|
|
1619
|
+
*/
|
|
1620
|
+
disableSaveButton?: boolean;
|
|
1621
|
+
/**
|
|
1622
|
+
* Show the save button as indeterminate progress button
|
|
1623
|
+
*/
|
|
1624
|
+
saveLoading?: boolean;
|
|
1625
|
+
/**
|
|
1626
|
+
* The stepper items
|
|
1627
|
+
*/
|
|
1628
|
+
steps?: QueryList<ItSteppersItemComponent>;
|
|
1629
|
+
/**
|
|
1630
|
+
* On back button click
|
|
1631
|
+
* @event activeStep the current step index
|
|
1632
|
+
*/
|
|
1633
|
+
backClick: EventEmitter<number>;
|
|
1634
|
+
/**
|
|
1635
|
+
* On forward button click
|
|
1636
|
+
* @event activeStep the current step index
|
|
1637
|
+
*/
|
|
1638
|
+
forwardClick: EventEmitter<number>;
|
|
1639
|
+
/**
|
|
1640
|
+
* On confirm button click
|
|
1641
|
+
* @event activeStep the current step index
|
|
1642
|
+
*/
|
|
1643
|
+
confirmClick: EventEmitter<number>;
|
|
1644
|
+
/**
|
|
1645
|
+
* On save button click
|
|
1646
|
+
* @event activeStep the current step index
|
|
1647
|
+
*/
|
|
1648
|
+
saveClick: EventEmitter<number>;
|
|
1649
|
+
private stepsSubscriptions?;
|
|
1650
|
+
constructor();
|
|
1651
|
+
ngAfterViewInit(): void;
|
|
1652
|
+
ngOnDestroy(): void;
|
|
1653
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItSteppersContainerComponent, never>;
|
|
1654
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItSteppersContainerComponent, "it-steppers-container", never, { "activeStep": { "alias": "activeStep"; "required": true; }; "showHeader": { "alias": "showHeader"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "steppersNumber": { "alias": "steppersNumber"; "required": false; }; "progressStyle": { "alias": "progressStyle"; "required": false; }; "progressColor": { "alias": "progressColor"; "required": false; }; "showBackButton": { "alias": "showBackButton"; "required": false; }; "disableBackButton": { "alias": "disableBackButton"; "required": false; }; "showForwardButton": { "alias": "showForwardButton"; "required": false; }; "disableForwardButton": { "alias": "disableForwardButton"; "required": false; }; "showConfirmButton": { "alias": "showConfirmButton"; "required": false; }; "disableConfirmButton": { "alias": "disableConfirmButton"; "required": false; }; "confirmLoading": { "alias": "confirmLoading"; "required": false; }; "showSaveButton": { "alias": "showSaveButton"; "required": false; }; "disableSaveButton": { "alias": "disableSaveButton"; "required": false; }; "saveLoading": { "alias": "saveLoading"; "required": false; }; }, { "backClick": "backClick"; "forwardClick": "forwardClick"; "confirmClick": "confirmClick"; "saveClick": "saveClick"; }, ["steps"], never, true, never>;
|
|
1655
|
+
static ngAcceptInputType_showHeader: BooleanInput;
|
|
1656
|
+
static ngAcceptInputType_dark: BooleanInput;
|
|
1657
|
+
static ngAcceptInputType_steppersNumber: BooleanInput;
|
|
1658
|
+
static ngAcceptInputType_showBackButton: BooleanInput;
|
|
1659
|
+
static ngAcceptInputType_disableBackButton: BooleanInput;
|
|
1660
|
+
static ngAcceptInputType_showForwardButton: BooleanInput;
|
|
1661
|
+
static ngAcceptInputType_disableForwardButton: BooleanInput;
|
|
1662
|
+
static ngAcceptInputType_showConfirmButton: BooleanInput;
|
|
1663
|
+
static ngAcceptInputType_disableConfirmButton: BooleanInput;
|
|
1664
|
+
static ngAcceptInputType_confirmLoading: BooleanInput;
|
|
1665
|
+
static ngAcceptInputType_showSaveButton: BooleanInput;
|
|
1666
|
+
static ngAcceptInputType_disableSaveButton: BooleanInput;
|
|
1667
|
+
static ngAcceptInputType_saveLoading: BooleanInput;
|
|
1668
|
+
}
|
|
1669
|
+
|
|
1670
|
+
declare class ItSteppersModule {
|
|
1671
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItSteppersModule, never>;
|
|
1672
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ItSteppersModule, never, [typeof ItSteppersContainerComponent, typeof ItSteppersItemComponent], [typeof ItSteppersContainerComponent, typeof ItSteppersItemComponent]>;
|
|
1673
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ItSteppersModule>;
|
|
1674
|
+
}
|
|
1675
|
+
|
|
1676
|
+
declare class ItTabItemComponent extends ItAbstractComponent implements AfterViewInit {
|
|
1677
|
+
/**
|
|
1678
|
+
* The tab label
|
|
1679
|
+
*/
|
|
1680
|
+
label: string | undefined;
|
|
1681
|
+
/**
|
|
1682
|
+
* The icon name
|
|
1683
|
+
*/
|
|
1684
|
+
icon: IconName | undefined;
|
|
1685
|
+
/**
|
|
1686
|
+
* Default active tab
|
|
1687
|
+
* @default false
|
|
1688
|
+
*/
|
|
1689
|
+
active?: boolean;
|
|
1690
|
+
/**
|
|
1691
|
+
* Default disabled tab
|
|
1692
|
+
* @default false
|
|
1693
|
+
*/
|
|
1694
|
+
disabled?: boolean;
|
|
1695
|
+
/**
|
|
1696
|
+
* Custom class
|
|
1697
|
+
*/
|
|
1698
|
+
class: string;
|
|
1699
|
+
/**
|
|
1700
|
+
* The content of tab
|
|
1701
|
+
*/
|
|
1702
|
+
htmlContent: TemplateRef<any>;
|
|
1703
|
+
ngAfterViewInit(): void;
|
|
1704
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItTabItemComponent, never>;
|
|
1705
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItTabItemComponent, "it-tab-item", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "active": { "alias": "active"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1706
|
+
static ngAcceptInputType_active: BooleanInput;
|
|
1707
|
+
static ngAcceptInputType_disabled: BooleanInput;
|
|
1708
|
+
}
|
|
1709
|
+
|
|
1710
|
+
declare class ItTabContainerComponent extends ItAbstractComponent implements OnDestroy, AfterViewInit {
|
|
1711
|
+
/**
|
|
1712
|
+
* Tabs automatically occupy the entire available width
|
|
1713
|
+
* @default false
|
|
1714
|
+
*/
|
|
1715
|
+
auto?: boolean;
|
|
1716
|
+
/**
|
|
1717
|
+
* To obtain the correct margin between text and icon in the horizontally developed tab
|
|
1718
|
+
*/
|
|
1719
|
+
iconText?: boolean;
|
|
1720
|
+
/**
|
|
1721
|
+
* Dark style
|
|
1722
|
+
*/
|
|
1723
|
+
dark?: boolean;
|
|
1724
|
+
/**
|
|
1725
|
+
* Show items as cards
|
|
1726
|
+
*/
|
|
1727
|
+
cards?: boolean;
|
|
1728
|
+
/**
|
|
1729
|
+
* Show vertical navigation
|
|
1730
|
+
*/
|
|
1731
|
+
vertical?: boolean;
|
|
1732
|
+
/**
|
|
1733
|
+
* The tab position
|
|
1734
|
+
*/
|
|
1735
|
+
inverted?: boolean;
|
|
1736
|
+
/**
|
|
1737
|
+
* If tabs are editable
|
|
1738
|
+
*/
|
|
1739
|
+
editable?: boolean;
|
|
1740
|
+
/**
|
|
1741
|
+
* The tab items
|
|
1742
|
+
*/
|
|
1743
|
+
tabs?: QueryList<ItTabItemComponent>;
|
|
1744
|
+
private tabNavLinks?;
|
|
1745
|
+
tabSelected: EventEmitter<ItTabItemComponent>;
|
|
1746
|
+
tabClosed: EventEmitter<any>;
|
|
1747
|
+
tabAdded: EventEmitter<any>;
|
|
1748
|
+
private tabSubscriptions?;
|
|
1749
|
+
constructor();
|
|
1750
|
+
ngAfterViewInit(): void;
|
|
1751
|
+
ngOnDestroy(): void;
|
|
1752
|
+
onTab(tab: ItTabItemComponent): void;
|
|
1753
|
+
clickToClose(index: number): void;
|
|
1754
|
+
clickToAdd($event: Event): void;
|
|
1755
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItTabContainerComponent, never>;
|
|
1756
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItTabContainerComponent, "it-tab-container", never, { "auto": { "alias": "auto"; "required": false; }; "iconText": { "alias": "iconText"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "cards": { "alias": "cards"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; }, { "tabSelected": "tabSelected"; "tabClosed": "tabClosed"; "tabAdded": "tabAdded"; }, ["tabs"], never, true, never>;
|
|
1757
|
+
static ngAcceptInputType_auto: BooleanInput;
|
|
1758
|
+
static ngAcceptInputType_iconText: BooleanInput;
|
|
1759
|
+
static ngAcceptInputType_dark: BooleanInput;
|
|
1760
|
+
static ngAcceptInputType_cards: BooleanInput;
|
|
1761
|
+
static ngAcceptInputType_vertical: BooleanInput;
|
|
1762
|
+
static ngAcceptInputType_inverted: BooleanInput;
|
|
1763
|
+
static ngAcceptInputType_editable: BooleanInput;
|
|
1764
|
+
}
|
|
1765
|
+
|
|
1766
|
+
declare class ItTabModule {
|
|
1767
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItTabModule, never>;
|
|
1768
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ItTabModule, never, [typeof ItTabContainerComponent, typeof ItTabItemComponent], [typeof ItTabContainerComponent, typeof ItTabItemComponent]>;
|
|
1769
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ItTabModule>;
|
|
1770
|
+
}
|
|
1771
|
+
|
|
1772
|
+
declare class ItTableComponent {
|
|
1773
|
+
/**
|
|
1774
|
+
* Table color
|
|
1775
|
+
*/
|
|
1776
|
+
color: TableColor | undefined;
|
|
1777
|
+
/**
|
|
1778
|
+
* Head table color
|
|
1779
|
+
*/
|
|
1780
|
+
headColor: TableHeadColor | undefined;
|
|
1781
|
+
/**
|
|
1782
|
+
* Use vertical alignment classes to realign where needed.
|
|
1783
|
+
*/
|
|
1784
|
+
alignment: VerticalAlignment | undefined;
|
|
1785
|
+
/**
|
|
1786
|
+
* Use .table-striped to add zebra stripes to each table row contained in <tbody>.
|
|
1787
|
+
* @default false
|
|
1788
|
+
*/
|
|
1789
|
+
striped?: boolean;
|
|
1790
|
+
/**
|
|
1791
|
+
* Add .table-hover to enable hover state on table rows contained in <tbody>.
|
|
1792
|
+
* @default false
|
|
1793
|
+
*/
|
|
1794
|
+
hover?: boolean;
|
|
1795
|
+
/**
|
|
1796
|
+
* Add .table-bordered to have borders on all sides of the table and on all cells.
|
|
1797
|
+
* @default false
|
|
1798
|
+
*/
|
|
1799
|
+
bordered?: boolean;
|
|
1800
|
+
/**
|
|
1801
|
+
* Add the .table-borderless class for a borderless table.
|
|
1802
|
+
* @default false
|
|
1803
|
+
*/
|
|
1804
|
+
borderless?: boolean;
|
|
1805
|
+
/**
|
|
1806
|
+
* Add .table-sm to make tables more compact by halving the cell padding.
|
|
1807
|
+
* @efault false
|
|
1808
|
+
*/
|
|
1809
|
+
compact?: boolean;
|
|
1810
|
+
/**
|
|
1811
|
+
* To render the <caption> on top of the table
|
|
1812
|
+
* @default false
|
|
1813
|
+
*/
|
|
1814
|
+
captionTop?: boolean;
|
|
1815
|
+
/**
|
|
1816
|
+
* Responsive tables allow you to scroll tables horizontally with ease.
|
|
1817
|
+
* @default responsive
|
|
1818
|
+
*/
|
|
1819
|
+
responsive: TableResponsive;
|
|
1820
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItTableComponent, never>;
|
|
1821
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItTableComponent, "it-table", never, { "color": { "alias": "color"; "required": false; }; "headColor": { "alias": "headColor"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "hover": { "alias": "hover"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "borderless": { "alias": "borderless"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "captionTop": { "alias": "captionTop"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; }, {}, never, ["[caption]", "[thead]", "[tbody]", "[tfoot]"], true, never>;
|
|
1822
|
+
static ngAcceptInputType_striped: BooleanInput;
|
|
1823
|
+
static ngAcceptInputType_hover: BooleanInput;
|
|
1824
|
+
static ngAcceptInputType_bordered: BooleanInput;
|
|
1825
|
+
static ngAcceptInputType_borderless: BooleanInput;
|
|
1826
|
+
static ngAcceptInputType_compact: BooleanInput;
|
|
1827
|
+
static ngAcceptInputType_captionTop: BooleanInput;
|
|
1828
|
+
}
|
|
1829
|
+
|
|
1830
|
+
type SortDirection = 'asc' | 'desc' | undefined;
|
|
1831
|
+
/** Position of the arrow that displays when sorted. */
|
|
1832
|
+
type SortHeaderArrowPosition = 'before' | 'after';
|
|
1833
|
+
/** Interface for a directive that holds sorting state consumed by `ItSortHeader`. */
|
|
1834
|
+
interface ItSortable {
|
|
1835
|
+
/** The id of the column being sorted. */
|
|
1836
|
+
id: string;
|
|
1837
|
+
/** Starting sort direction. */
|
|
1838
|
+
start?: SortDirection;
|
|
1839
|
+
/** Whether to disable clearing the sorting state. */
|
|
1840
|
+
disableSortClear?: boolean;
|
|
1841
|
+
}
|
|
1842
|
+
/** The current sort state. */
|
|
1843
|
+
interface ItSortEvent {
|
|
1844
|
+
/** The id of the column being sorted. */
|
|
1845
|
+
active: string;
|
|
1846
|
+
/** The sort direction. */
|
|
1847
|
+
direction: SortDirection;
|
|
1848
|
+
}
|
|
1849
|
+
/**
|
|
1850
|
+
* Default options for `it-sort`.
|
|
1851
|
+
*/
|
|
1852
|
+
interface ItSortDefaultOptions {
|
|
1853
|
+
/** Whether to disable clearing the sorting state. */
|
|
1854
|
+
disableClear?: boolean;
|
|
1855
|
+
/** Position of the arrow that displays when sorted. */
|
|
1856
|
+
arrowPosition?: SortHeaderArrowPosition;
|
|
1857
|
+
}
|
|
1858
|
+
/**
|
|
1859
|
+
* Injection token to be used to override the default options for `it-sort`.
|
|
1860
|
+
*/
|
|
1861
|
+
declare const IT_SORT_DEFAULT_OPTIONS: InjectionToken<ItSortDefaultOptions>;
|
|
1862
|
+
|
|
1863
|
+
declare class ItSortDirective implements OnChanges, OnDestroy {
|
|
1864
|
+
private _defaultOptions;
|
|
1865
|
+
/** The id of the most recently sorted ItSortable. */
|
|
1866
|
+
active?: string;
|
|
1867
|
+
/**
|
|
1868
|
+
* The direction to set when an MatSortable is initially sorted.
|
|
1869
|
+
* May be overridden by the MatSortable's sort start.
|
|
1870
|
+
*/
|
|
1871
|
+
start: SortDirection;
|
|
1872
|
+
/** The sort direction of the currently active ItSortable. */
|
|
1873
|
+
get direction(): SortDirection;
|
|
1874
|
+
set direction(direction: SortDirection);
|
|
1875
|
+
private _direction;
|
|
1876
|
+
/**
|
|
1877
|
+
* Whether to disable the user from clearing the sort by finishing the sort direction cycle.
|
|
1878
|
+
* May be overridden by the ItSortable's disable clear input.
|
|
1879
|
+
*/
|
|
1880
|
+
disableSortClear?: boolean;
|
|
1881
|
+
/** Whether the sortable is disabled. */
|
|
1882
|
+
sortDisabled: boolean;
|
|
1883
|
+
/** Event emitted when the user changes either the active sort or sort direction. */
|
|
1884
|
+
readonly sortChange: EventEmitter<ItSortEvent>;
|
|
1885
|
+
readonly sortDirectiveClass = "it-sort";
|
|
1886
|
+
/** Collection of all registered sortables that this directive manages. */
|
|
1887
|
+
protected sortables: Map<string, ItSortable>;
|
|
1888
|
+
/** Used to notify any child components listening to state changes. */
|
|
1889
|
+
readonly _stateChanges: Subject<void>;
|
|
1890
|
+
/**
|
|
1891
|
+
* Register function to be used by the contained ItSortables. Adds the ItSortable to the
|
|
1892
|
+
* collection of ItSortables.
|
|
1893
|
+
*/
|
|
1894
|
+
register(sortable: ItSortable): void;
|
|
1895
|
+
/**
|
|
1896
|
+
* Unregister function to be used by the contained ItSortables. Removes the ItSortable from the
|
|
1897
|
+
* collection of contained ItSortables.
|
|
1898
|
+
*/
|
|
1899
|
+
deregister(sortable: ItSortable): void;
|
|
1900
|
+
/** Sets the active sort id and determines the new sort direction. */
|
|
1901
|
+
sort(sortable: ItSortable): void;
|
|
1902
|
+
/** Returns the next sort direction of the active sortable, checking for potential overrides. */
|
|
1903
|
+
getNextSortDirection(sortable: ItSortable): SortDirection;
|
|
1904
|
+
ngOnChanges(): void;
|
|
1905
|
+
ngOnDestroy(): void;
|
|
1906
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItSortDirective, never>;
|
|
1907
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ItSortDirective, "[itSort]", ["itSort"], { "active": { "alias": "itSortActive"; "required": false; }; "start": { "alias": "itSortStart"; "required": false; }; "direction": { "alias": "itSortDirection"; "required": false; }; "disableSortClear": { "alias": "disableSortClear"; "required": false; }; "sortDisabled": { "alias": "sortDisabled"; "required": false; }; }, { "sortChange": "sortChange"; }, never, never, true, never>;
|
|
1908
|
+
static ngAcceptInputType_disableSortClear: unknown;
|
|
1909
|
+
static ngAcceptInputType_sortDisabled: unknown;
|
|
1910
|
+
}
|
|
1911
|
+
|
|
1912
|
+
/**
|
|
1913
|
+
* Applies sorting behavior (click to change sort) and styles to an element, including an
|
|
1914
|
+
* arrow to display the current sort direction.
|
|
1915
|
+
*
|
|
1916
|
+
* Must be provided with an id and contained within a parent ItSort directive.
|
|
1917
|
+
*
|
|
1918
|
+
* If used on header cells in a CdkTable, it will automatically default its id from its containing
|
|
1919
|
+
* column definition.
|
|
1920
|
+
*/
|
|
1921
|
+
declare class ItSortHeaderComponent implements ItSortable, OnDestroy, OnInit {
|
|
1922
|
+
private readonly _changeDetectorRef;
|
|
1923
|
+
readonly _sort: ItSortDirective;
|
|
1924
|
+
/**
|
|
1925
|
+
* ID of this sort header. If used within the context of a CdkColumnDef, this will default to
|
|
1926
|
+
* the column's name.
|
|
1927
|
+
*/
|
|
1928
|
+
id: string;
|
|
1929
|
+
/** Sets the position of the arrow that displays when sorted. */
|
|
1930
|
+
arrowPosition: SortHeaderArrowPosition;
|
|
1931
|
+
/** Overrides the sort start value of the containing MatSort for this SortHeaderComponent. */
|
|
1932
|
+
start?: SortDirection;
|
|
1933
|
+
/** whether the sort header is disabled. */
|
|
1934
|
+
sortDisabled: boolean;
|
|
1935
|
+
/** Overrides the disable clear value of the containing SortDirective for this MatSortable. */
|
|
1936
|
+
disableSortClear?: boolean;
|
|
1937
|
+
readonly sortHeaderClass = "it-sort-header";
|
|
1938
|
+
private _rerenderSubscription?;
|
|
1939
|
+
/** The direction the arrow should be facing according to the current state. */
|
|
1940
|
+
private _arrowDirection?;
|
|
1941
|
+
constructor();
|
|
1942
|
+
ngOnInit(): void;
|
|
1943
|
+
ngOnDestroy(): void;
|
|
1944
|
+
_handleClick(): void;
|
|
1945
|
+
/**
|
|
1946
|
+
* Whether this MatSortHeader is currently sorted in either ascending or descending order.
|
|
1947
|
+
*/
|
|
1948
|
+
protected get isSorted(): boolean;
|
|
1949
|
+
/**
|
|
1950
|
+
* Returns the icon class by the arrow direction
|
|
1951
|
+
*/
|
|
1952
|
+
protected get arrowIconClass(): IconName;
|
|
1953
|
+
/**
|
|
1954
|
+
* Updates the direction the arrow should be pointing. If it is not sorted, the arrow should be
|
|
1955
|
+
* facing the start direction. Otherwise if it is sorted, the arrow should point in the currently
|
|
1956
|
+
* active sorted direction. The reason this is updated through a function is because the direction
|
|
1957
|
+
* should only be changed at specific times - when deactivated but the hint is displayed and when
|
|
1958
|
+
* the sort is active and the direction changes. Otherwise the arrow's direction should linger
|
|
1959
|
+
* in cases such as the sort becoming deactivated but we want to animate the arrow away while
|
|
1960
|
+
* preserving its direction, even though the next sort direction is actually different and should
|
|
1961
|
+
* only be changed once the arrow displays again (hint or activation).
|
|
1962
|
+
*/
|
|
1963
|
+
private updateArrowDirection;
|
|
1964
|
+
get isDisabled(): boolean;
|
|
1965
|
+
/**
|
|
1966
|
+
* Gets the aria-sort attribute that should be applied to this sort header. If this header
|
|
1967
|
+
* is not sorted, returns null so that the attribute is removed from the host element. Aria spec
|
|
1968
|
+
* says that the aria-sort property should only be present on one header at a time, so removing
|
|
1969
|
+
* ensures this is true.
|
|
1970
|
+
*/
|
|
1971
|
+
get ariaSortAttribute(): "none" | "ascending" | "descending";
|
|
1972
|
+
/** Handles changes in the sorting state. */
|
|
1973
|
+
private _handleStateChanges;
|
|
1974
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItSortHeaderComponent, never>;
|
|
1975
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItSortHeaderComponent, "[it-sort-header]", ["itSortHeader"], { "id": { "alias": "it-sort-header"; "required": false; }; "arrowPosition": { "alias": "arrowPosition"; "required": false; }; "start": { "alias": "start"; "required": false; }; "sortDisabled": { "alias": "sortDisabled"; "required": false; }; "disableSortClear": { "alias": "disableSortClear"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
1976
|
+
static ngAcceptInputType_sortDisabled: unknown;
|
|
1977
|
+
static ngAcceptInputType_disableSortClear: unknown;
|
|
1978
|
+
}
|
|
1979
|
+
|
|
1980
|
+
declare class ItTableModule {
|
|
1981
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItTableModule, never>;
|
|
1982
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ItTableModule, never, [typeof ItTableComponent, typeof ItSortDirective, typeof ItSortHeaderComponent], [typeof ItTableComponent, typeof ItSortDirective, typeof ItSortHeaderComponent]>;
|
|
1983
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ItTableModule>;
|
|
1984
|
+
}
|
|
1985
|
+
|
|
1986
|
+
declare class ItTooltipDirective implements AfterViewInit, OnDestroy {
|
|
1987
|
+
private readonly _elementRef;
|
|
1988
|
+
/**
|
|
1989
|
+
* Define the tooltip title
|
|
1990
|
+
* @param title the tooltip title
|
|
1991
|
+
*/
|
|
1992
|
+
set title(title: string | undefined);
|
|
1993
|
+
/**
|
|
1994
|
+
* Define the tooltip placement
|
|
1995
|
+
* @param placement
|
|
1996
|
+
*/
|
|
1997
|
+
set tooltipPlacement(placement: ElementPlacement);
|
|
1998
|
+
/**
|
|
1999
|
+
* Indicates whether the title contains html
|
|
2000
|
+
* @param html true if contain html
|
|
2001
|
+
*/
|
|
2002
|
+
set tooltipHtml(html: boolean);
|
|
2003
|
+
/**
|
|
2004
|
+
* This event fires immediately when the show method is called.
|
|
2005
|
+
*/
|
|
2006
|
+
showEvent: EventEmitter<Event>;
|
|
2007
|
+
/**
|
|
2008
|
+
* This event is triggered when the tooltip has been made visible to the user (it will wait for the CSS transitions to complete).
|
|
2009
|
+
*/
|
|
2010
|
+
shownEvent: EventEmitter<Event>;
|
|
2011
|
+
/**
|
|
2012
|
+
* This event fires immediately when the hide method is called.
|
|
2013
|
+
*/
|
|
2014
|
+
hideEvent: EventEmitter<Event>;
|
|
2015
|
+
/**
|
|
2016
|
+
* This event is raised when the tooltip has finished being hidden from the user (it will wait for the CSS transitions to complete).
|
|
2017
|
+
*/
|
|
2018
|
+
hiddenEvent: EventEmitter<Event>;
|
|
2019
|
+
/**
|
|
2020
|
+
* This event fires after the show event when the tooltip template has been added to the DOM.
|
|
2021
|
+
*/
|
|
2022
|
+
insertedEvent: EventEmitter<Event>;
|
|
2023
|
+
private readonly element;
|
|
2024
|
+
private tooltip?;
|
|
2025
|
+
constructor();
|
|
2026
|
+
ngAfterViewInit(): void;
|
|
2027
|
+
ngOnDestroy(): void;
|
|
2028
|
+
/**
|
|
2029
|
+
* Shows the tooltip of an item.
|
|
2030
|
+
*/
|
|
2031
|
+
show(): void;
|
|
2032
|
+
/**
|
|
2033
|
+
* Hide the tooltip of an element.
|
|
2034
|
+
*/
|
|
2035
|
+
hide(): void;
|
|
2036
|
+
/**
|
|
2037
|
+
* Activate / Deactivate the tooltip of an element
|
|
2038
|
+
*/
|
|
2039
|
+
toggle(): void;
|
|
2040
|
+
/**
|
|
2041
|
+
* Hides and destroys the tooltip of an element.
|
|
2042
|
+
*/
|
|
2043
|
+
dispose(): void;
|
|
2044
|
+
/**
|
|
2045
|
+
* Gives the tooltip of an element a chance to be shown.
|
|
2046
|
+
*/
|
|
2047
|
+
enable(): void;
|
|
2048
|
+
/**
|
|
2049
|
+
* Removes the ability to show the tooltip of an element.
|
|
2050
|
+
*/
|
|
2051
|
+
disable(): void;
|
|
2052
|
+
/**
|
|
2053
|
+
* Toggles the possibility that the tooltip of an element is shown or hidden.
|
|
2054
|
+
*/
|
|
2055
|
+
toggleEnabled(): void;
|
|
2056
|
+
/**
|
|
2057
|
+
* Updates the position of an element's tooltip.
|
|
2058
|
+
*/
|
|
2059
|
+
update(): void;
|
|
2060
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItTooltipDirective, never>;
|
|
2061
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ItTooltipDirective, "[itTooltip]", ["itTooltip"], { "title": { "alias": "itTooltip"; "required": false; }; "tooltipPlacement": { "alias": "tooltipPlacement"; "required": false; }; "tooltipHtml": { "alias": "tooltipHtml"; "required": false; }; }, { "showEvent": "showEvent"; "shownEvent": "shownEvent"; "hideEvent": "hideEvent"; "hiddenEvent": "hiddenEvent"; "insertedEvent": "insertedEvent"; }, never, never, true, never>;
|
|
2062
|
+
static ngAcceptInputType_tooltipHtml: BooleanInput;
|
|
2063
|
+
}
|
|
2064
|
+
|
|
2065
|
+
/**
|
|
2066
|
+
* Timeline
|
|
2067
|
+
* @description Build timeline for chronological representation of events.
|
|
2068
|
+
*/
|
|
2069
|
+
declare class ItTimelineComponent extends ItAbstractComponent {
|
|
2070
|
+
/**
|
|
2071
|
+
* Timeline elements array
|
|
2072
|
+
* @default []
|
|
2073
|
+
*/
|
|
2074
|
+
timelineElements: TimelineElement[];
|
|
2075
|
+
/**
|
|
2076
|
+
* Default date format for timeline element reference date
|
|
2077
|
+
* @default dd/MM/yyyy
|
|
2078
|
+
*/
|
|
2079
|
+
dateFormat: string;
|
|
2080
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItTimelineComponent, never>;
|
|
2081
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItTimelineComponent, "it-timeline", never, { "timelineElements": { "alias": "timelineElements"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; }, {}, never, never, true, never>;
|
|
2082
|
+
}
|
|
2083
|
+
|
|
2084
|
+
/**
|
|
2085
|
+
* Timeline Item
|
|
2086
|
+
* @description Represents a single event for Timeline component.
|
|
2087
|
+
*/
|
|
2088
|
+
declare class ItTimelineItemComponent extends ItAbstractComponent {
|
|
2089
|
+
/**
|
|
2090
|
+
* Timeline element title
|
|
2091
|
+
*/
|
|
2092
|
+
title: string;
|
|
2093
|
+
/**
|
|
2094
|
+
* Timeline element text
|
|
2095
|
+
*/
|
|
2096
|
+
text: string;
|
|
2097
|
+
/**
|
|
2098
|
+
* Timeline element signature
|
|
2099
|
+
*/
|
|
2100
|
+
signature: string | undefined;
|
|
2101
|
+
/**
|
|
2102
|
+
* Timeline element reference date
|
|
2103
|
+
*/
|
|
2104
|
+
eventDate: Date | undefined;
|
|
2105
|
+
/**
|
|
2106
|
+
* Timeline element reference date format
|
|
2107
|
+
* @default dd/MM/yyyy
|
|
2108
|
+
*/
|
|
2109
|
+
dateFormat: string;
|
|
2110
|
+
/**
|
|
2111
|
+
* Timeline element PIN text
|
|
2112
|
+
*/
|
|
2113
|
+
pinText: string | undefined;
|
|
2114
|
+
/**
|
|
2115
|
+
* Timeline element PIN type
|
|
2116
|
+
* @default none
|
|
2117
|
+
*/
|
|
2118
|
+
pinType: TimelinePINType | undefined;
|
|
2119
|
+
/**
|
|
2120
|
+
* Timeline element PIN icon
|
|
2121
|
+
* @default code-circle
|
|
2122
|
+
*/
|
|
2123
|
+
pinIcon: IconName | undefined;
|
|
2124
|
+
/**
|
|
2125
|
+
* Timeline element PIN icon
|
|
2126
|
+
* @default code-circle
|
|
2127
|
+
*/
|
|
2128
|
+
pinIconTitle: string | undefined;
|
|
2129
|
+
/**
|
|
2130
|
+
* Timeline element category label
|
|
2131
|
+
*/
|
|
2132
|
+
categoryLabel: string | undefined;
|
|
2133
|
+
/**
|
|
2134
|
+
* Timeline element date label
|
|
2135
|
+
*/
|
|
2136
|
+
dateLabel: string | undefined;
|
|
2137
|
+
/**
|
|
2138
|
+
* Timeline element category title
|
|
2139
|
+
*/
|
|
2140
|
+
categoryTitle: string | undefined;
|
|
2141
|
+
/**
|
|
2142
|
+
* Timeline element category link
|
|
2143
|
+
*/
|
|
2144
|
+
categoryLink: string | undefined;
|
|
2145
|
+
/**
|
|
2146
|
+
* Timeline element show detail link
|
|
2147
|
+
* @default false
|
|
2148
|
+
*/
|
|
2149
|
+
showReadMore: boolean;
|
|
2150
|
+
/** Timeline element detail link
|
|
2151
|
+
* @default #
|
|
2152
|
+
*/
|
|
2153
|
+
readMoreLink: string | undefined;
|
|
2154
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItTimelineItemComponent, never>;
|
|
2155
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItTimelineItemComponent, "it-timeline-item", never, { "title": { "alias": "title"; "required": true; }; "text": { "alias": "text"; "required": true; }; "signature": { "alias": "signature"; "required": false; }; "eventDate": { "alias": "eventDate"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "pinText": { "alias": "pinText"; "required": true; }; "pinType": { "alias": "pinType"; "required": false; }; "pinIcon": { "alias": "pinIcon"; "required": false; }; "pinIconTitle": { "alias": "pinIconTitle"; "required": false; }; "categoryLabel": { "alias": "categoryLabel"; "required": false; }; "dateLabel": { "alias": "dateLabel"; "required": false; }; "categoryTitle": { "alias": "categoryTitle"; "required": false; }; "categoryLink": { "alias": "categoryLink"; "required": false; }; "showReadMore": { "alias": "showReadMore"; "required": false; }; "readMoreLink": { "alias": "readMoreLink"; "required": false; }; }, {}, never, never, true, never>;
|
|
2156
|
+
static ngAcceptInputType_showReadMore: BooleanInput;
|
|
2157
|
+
}
|
|
2158
|
+
|
|
2159
|
+
declare class ItTimelineModule {
|
|
2160
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItTimelineModule, never>;
|
|
2161
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ItTimelineModule, never, [typeof ItTimelineComponent, typeof ItTimelineItemComponent], [typeof ItTimelineComponent, typeof ItTimelineItemComponent]>;
|
|
2162
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ItTimelineModule>;
|
|
2163
|
+
}
|
|
2164
|
+
|
|
2165
|
+
interface VideoJsTranslation {
|
|
2166
|
+
'Audio Player': string;
|
|
2167
|
+
'Video Player': string;
|
|
2168
|
+
Play: string;
|
|
2169
|
+
Pause: string;
|
|
2170
|
+
Replay: string;
|
|
2171
|
+
'Current Time': string;
|
|
2172
|
+
Duration: string;
|
|
2173
|
+
'Remaining Time': string;
|
|
2174
|
+
'Stream Type': string;
|
|
2175
|
+
LIVE: string;
|
|
2176
|
+
Loaded: string;
|
|
2177
|
+
Progress: string;
|
|
2178
|
+
'Progress Bar': string;
|
|
2179
|
+
'progress bar timing: currentTime={1} duration={2}': string;
|
|
2180
|
+
Fullscreen: string;
|
|
2181
|
+
'Exit Fullscreen': string;
|
|
2182
|
+
Mute: string;
|
|
2183
|
+
Unmute: string;
|
|
2184
|
+
'Playback Rate': string;
|
|
2185
|
+
Subtitles: string;
|
|
2186
|
+
'subtitles off': string;
|
|
2187
|
+
Captions: string;
|
|
2188
|
+
'captions off': string;
|
|
2189
|
+
Chapters: string;
|
|
2190
|
+
Descriptions: string;
|
|
2191
|
+
'descriptions off': string;
|
|
2192
|
+
'Audio Track': string;
|
|
2193
|
+
'Volume Level': string;
|
|
2194
|
+
'You aborted the media playback': string;
|
|
2195
|
+
'A network error caused the media download to fail part-way.': string;
|
|
2196
|
+
'The media could not be loaded, either because the server or network failed or because the format is not supported.': string;
|
|
2197
|
+
'The media playback was aborted due to a corruption problem or because the media used features your browser did not support.': string;
|
|
2198
|
+
'No compatible source was found for this media.': string;
|
|
2199
|
+
'The media is encrypted and we do not have the keys to decrypt it.': string;
|
|
2200
|
+
'Play Video': string;
|
|
2201
|
+
Close: string;
|
|
2202
|
+
'Close Modal Dialog': string;
|
|
2203
|
+
'Modal Window': string;
|
|
2204
|
+
'This is a modal window': string;
|
|
2205
|
+
'This modal can be closed by pressing the Escape key or activating the close button.': string;
|
|
2206
|
+
', opens captions settings dialog': string;
|
|
2207
|
+
', opens subtitles settings dialog': string;
|
|
2208
|
+
', opens descriptions settings dialog': string;
|
|
2209
|
+
', selected': string;
|
|
2210
|
+
'captions settings': string;
|
|
2211
|
+
'subtitles settings': string;
|
|
2212
|
+
'descriptions settings': string;
|
|
2213
|
+
Text: string;
|
|
2214
|
+
White: string;
|
|
2215
|
+
Black: string;
|
|
2216
|
+
Red: string;
|
|
2217
|
+
Green: string;
|
|
2218
|
+
Blue: string;
|
|
2219
|
+
Yellow: string;
|
|
2220
|
+
Magenta: string;
|
|
2221
|
+
Cyan: string;
|
|
2222
|
+
Background: string;
|
|
2223
|
+
Window: string;
|
|
2224
|
+
Transparent: string;
|
|
2225
|
+
'Semi-Transparent': string;
|
|
2226
|
+
Opaque: string;
|
|
2227
|
+
'Font Size': string;
|
|
2228
|
+
'Text Edge Style': string;
|
|
2229
|
+
None: string;
|
|
2230
|
+
Uniform: string;
|
|
2231
|
+
'Drop shadow': string;
|
|
2232
|
+
'Font Family': string;
|
|
2233
|
+
'Proportional Sans-Serif': string;
|
|
2234
|
+
'Monospace Sans-Serif': string;
|
|
2235
|
+
'Proportional Serif': string;
|
|
2236
|
+
'Monospace Serif': string;
|
|
2237
|
+
'Small Caps': string;
|
|
2238
|
+
Reset: string;
|
|
2239
|
+
'restore all settings to the default values': string;
|
|
2240
|
+
Done: string;
|
|
2241
|
+
'Caption Settings Dialog': string;
|
|
2242
|
+
'Beginning of dialog window. Escape will cancel and close the window.': string;
|
|
2243
|
+
'End of dialog window.': string;
|
|
2244
|
+
'{1} is loading.': string;
|
|
2245
|
+
'Exit Picture-in-Picture': string;
|
|
2246
|
+
'Picture-in-Picture': string;
|
|
2247
|
+
Color: string;
|
|
2248
|
+
Opacity: string;
|
|
2249
|
+
'Text Background': string;
|
|
2250
|
+
'Caption Area Background': string;
|
|
2251
|
+
'Skip forward {1} seconds': string;
|
|
2252
|
+
'Skip backward {1} seconds': string;
|
|
2253
|
+
}
|
|
2254
|
+
|
|
2255
|
+
declare class VideoPlayerI18nService {
|
|
2256
|
+
#private;
|
|
2257
|
+
init(player: Player, destroyRef: DestroyRef): void;
|
|
2258
|
+
getLanguage(): {
|
|
2259
|
+
languages: {
|
|
2260
|
+
[x: string]: VideoJsTranslation;
|
|
2261
|
+
};
|
|
2262
|
+
language: string;
|
|
2263
|
+
};
|
|
2264
|
+
private getTranslations;
|
|
2265
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<VideoPlayerI18nService, never>;
|
|
2266
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<VideoPlayerI18nService>;
|
|
2267
|
+
}
|
|
2268
|
+
|
|
2269
|
+
interface Source {
|
|
2270
|
+
src: string;
|
|
2271
|
+
type: string;
|
|
2272
|
+
}
|
|
2273
|
+
interface Caption {
|
|
2274
|
+
lang: string;
|
|
2275
|
+
src: string;
|
|
2276
|
+
label: string;
|
|
2277
|
+
default?: true;
|
|
2278
|
+
}
|
|
2279
|
+
interface Chapter {
|
|
2280
|
+
lang: string;
|
|
2281
|
+
src: string;
|
|
2282
|
+
label: string;
|
|
2283
|
+
default?: true;
|
|
2284
|
+
}
|
|
2285
|
+
type Sources = Array<Source>;
|
|
2286
|
+
type Captions = Array<Caption>;
|
|
2287
|
+
type Chapters = Array<Chapter>;
|
|
2288
|
+
type Preload = 'auto' | 'none' | 'metadata' | '';
|
|
2289
|
+
type EmbedSourceType = 'video/youtube';
|
|
2290
|
+
type TAutoplay = 'muted' | 'play' | 'any';
|
|
2291
|
+
type ItNativeVideoPlayerOptions = {
|
|
2292
|
+
autoplay?: boolean | TAutoplay;
|
|
2293
|
+
controls?: boolean;
|
|
2294
|
+
fluid?: boolean;
|
|
2295
|
+
loop?: boolean;
|
|
2296
|
+
muted?: boolean;
|
|
2297
|
+
poster?: string;
|
|
2298
|
+
preload?: Preload;
|
|
2299
|
+
sources: Sources;
|
|
2300
|
+
captions?: Captions;
|
|
2301
|
+
chapters?: Chapters;
|
|
2302
|
+
};
|
|
2303
|
+
type ItEmbedVideoPlayerOptions = Omit<ItNativeVideoPlayerOptions, 'sources' | 'captions' | 'chapters'> & {
|
|
2304
|
+
source: Source & {
|
|
2305
|
+
type: EmbedSourceType;
|
|
2306
|
+
};
|
|
2307
|
+
};
|
|
2308
|
+
type ItVideoPlayerOptions = ItNativeVideoPlayerOptions | ItEmbedVideoPlayerOptions;
|
|
2309
|
+
type ItVideoPlayerConfig = ItVideoPlayerOptions & {
|
|
2310
|
+
tech: string;
|
|
2311
|
+
};
|
|
2312
|
+
|
|
2313
|
+
declare enum ViewType {
|
|
2314
|
+
Default = "DEFAULT",
|
|
2315
|
+
Overlay = "OVERLAY"
|
|
2316
|
+
}
|
|
2317
|
+
/**
|
|
2318
|
+
* Video Player
|
|
2319
|
+
* @description Component that allows playing a video.
|
|
2320
|
+
*/
|
|
2321
|
+
declare class ItVideoPlayerComponent extends ItAbstractComponent implements OnInit {
|
|
2322
|
+
#private;
|
|
2323
|
+
private config;
|
|
2324
|
+
/**
|
|
2325
|
+
* Options for video player configuration
|
|
2326
|
+
*/
|
|
2327
|
+
options: ItVideoPlayerOptions;
|
|
2328
|
+
videoPlayerRef?: ElementRef<HTMLVideoElement>;
|
|
2329
|
+
acceptOveralyRef?: ElementRef<HTMLDivElement>;
|
|
2330
|
+
acceptOverlayableRef?: ElementRef<HTMLDivElement>;
|
|
2331
|
+
chrRememberRef?: ElementRef<HTMLInputElement>;
|
|
2332
|
+
player: Player | null;
|
|
2333
|
+
readonly viewTypes: typeof ViewType;
|
|
2334
|
+
readonly viewType: i0.WritableSignal<ViewType | undefined>;
|
|
2335
|
+
readonly cookieAccepted: i0.WritableSignal<boolean>;
|
|
2336
|
+
protected readonly i18nService: VideoPlayerI18nService;
|
|
2337
|
+
private ngZone;
|
|
2338
|
+
private injector;
|
|
2339
|
+
constructor();
|
|
2340
|
+
ngOnInit(): Promise<void>;
|
|
2341
|
+
acceptCookieHandler(): void;
|
|
2342
|
+
private initVideoPlayer;
|
|
2343
|
+
private setVideoPlayer;
|
|
2344
|
+
private setViewType;
|
|
2345
|
+
private hideOverlay;
|
|
2346
|
+
private rememberHandler;
|
|
2347
|
+
private setVideoAttributes;
|
|
2348
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItVideoPlayerComponent, never>;
|
|
2349
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItVideoPlayerComponent, "it-video-player", never, { "options": { "alias": "options"; "required": false; }; }, {}, never, ["[transcriptionTitle]", "[transcriptionText]"], true, never>;
|
|
2350
|
+
}
|
|
2351
|
+
|
|
2352
|
+
declare abstract class ItAbstractFormComponent<T = any> extends ItAbstractComponent implements OnInit, ControlValueAccessor, DoCheck {
|
|
2353
|
+
protected readonly _translateService: TranslateService;
|
|
2354
|
+
protected readonly _ngControl: NgControl | null;
|
|
2355
|
+
protected fgd?: ControlContainer | null | undefined;
|
|
2356
|
+
/**
|
|
2357
|
+
* The label of form control
|
|
2358
|
+
*/
|
|
2359
|
+
label?: string;
|
|
2360
|
+
/**
|
|
2361
|
+
* Validation color display mode (validation triggered if field is touched or not pristine)
|
|
2362
|
+
* - <b>true</b>: Always show the validation color
|
|
2363
|
+
* - <b>false</b>: Never show validation color
|
|
2364
|
+
* - <b>only-valid</b>: Show only valid validation color
|
|
2365
|
+
* - <b>only-invalid</b>: Show only invalid validation color
|
|
2366
|
+
* @default <b>false</b>: Do not show the validation color by default
|
|
2367
|
+
*/
|
|
2368
|
+
validationMode: boolean | 'only-valid' | 'only-invalid';
|
|
2369
|
+
/**
|
|
2370
|
+
* Set the disabled state
|
|
2371
|
+
*/
|
|
2372
|
+
set disabled(isDisabled: boolean);
|
|
2373
|
+
/**
|
|
2374
|
+
* Internal form control
|
|
2375
|
+
*/
|
|
2376
|
+
protected control: FormControl<T>;
|
|
2377
|
+
constructor();
|
|
2378
|
+
/**
|
|
2379
|
+
* Check if field is invalid (Validation failed)
|
|
2380
|
+
*/
|
|
2381
|
+
get isInvalid(): boolean | undefined;
|
|
2382
|
+
/**
|
|
2383
|
+
* Check if field is valid (Validation successful)
|
|
2384
|
+
*/
|
|
2385
|
+
get isValid(): boolean | undefined;
|
|
2386
|
+
/**
|
|
2387
|
+
* Return the invalid message string from TranslateService
|
|
2388
|
+
*/
|
|
2389
|
+
get invalidMessage(): Observable<string>;
|
|
2390
|
+
ngOnInit(): void;
|
|
2391
|
+
onChange: (_: T) => void;
|
|
2392
|
+
onTouched: () => void;
|
|
2393
|
+
registerOnChange(fn: any): void;
|
|
2394
|
+
registerOnTouched(fn: any): void;
|
|
2395
|
+
setDisabledState(isDisabled: boolean): void;
|
|
2396
|
+
writeValue(value: T): void;
|
|
2397
|
+
/**
|
|
2398
|
+
* Mark the control as touched
|
|
2399
|
+
*/
|
|
2400
|
+
markAsTouched(): void;
|
|
2401
|
+
/**
|
|
2402
|
+
* Fired to check if form control is touched
|
|
2403
|
+
*/
|
|
2404
|
+
ngDoCheck(): void;
|
|
2405
|
+
/**
|
|
2406
|
+
* Add the validators in control and parent control
|
|
2407
|
+
* @param validators the validators
|
|
2408
|
+
* @protected
|
|
2409
|
+
*/
|
|
2410
|
+
protected addValidators(validators: ValidatorFn | ValidatorFn[]): void;
|
|
2411
|
+
/**
|
|
2412
|
+
* Reports whether the control with the given path has the error specified. <br/>
|
|
2413
|
+
* If the control is not present, false is returned.
|
|
2414
|
+
* @param errorCode The code of the error to check
|
|
2415
|
+
* @param path A list of control names that designates how to move from the current control
|
|
2416
|
+
* to the control that should be queried for errors.
|
|
2417
|
+
* @returns whether the given error is present in the control at the given path.
|
|
2418
|
+
*/
|
|
2419
|
+
hasError(errorCode: string, path?: Array<string | number> | string): boolean;
|
|
2420
|
+
/**
|
|
2421
|
+
* Reports error data for the control with the given path.
|
|
2422
|
+
* @param errorCode The code of the error to check
|
|
2423
|
+
* @param path A list of control names that designates how to move from the current control
|
|
2424
|
+
* to the control that should be queried for errors.
|
|
2425
|
+
* @returns error data for that particular error. If the control or error is not present,
|
|
2426
|
+
* null is returned.
|
|
2427
|
+
*/
|
|
2428
|
+
getError(errorCode: string, path?: Array<string | number> | string): any;
|
|
2429
|
+
private setValidationModeWhenInAForm;
|
|
2430
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAbstractFormComponent<any>, never>;
|
|
2431
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItAbstractFormComponent<any>, "ng-component", never, { "label": { "alias": "label"; "required": false; }; "validationMode": { "alias": "validationMode"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
|
|
2432
|
+
static ngAcceptInputType_disabled: BooleanInput;
|
|
2433
|
+
}
|
|
2434
|
+
|
|
2435
|
+
type functionSource = (query: string, populateResults: (results: string[]) => void) => void;
|
|
2436
|
+
declare class ItAutocompleteComponent extends ItAbstractFormComponent<string | null | undefined> {
|
|
2437
|
+
/**
|
|
2438
|
+
* Autocomplete elements.
|
|
2439
|
+
* @default []
|
|
2440
|
+
*/
|
|
2441
|
+
source: string[] | functionSource;
|
|
2442
|
+
/**
|
|
2443
|
+
* Autocomplete if required.
|
|
2444
|
+
* @default false
|
|
2445
|
+
*/
|
|
2446
|
+
required: boolean;
|
|
2447
|
+
/**
|
|
2448
|
+
* Input field name
|
|
2449
|
+
*/
|
|
2450
|
+
name: string | undefined;
|
|
2451
|
+
/**
|
|
2452
|
+
* The input description
|
|
2453
|
+
*/
|
|
2454
|
+
description: string | undefined;
|
|
2455
|
+
/**
|
|
2456
|
+
* Prevents suggestions from appearing if fewer than N characters are typed
|
|
2457
|
+
* @default 0
|
|
2458
|
+
*/
|
|
2459
|
+
minLength: number;
|
|
2460
|
+
/**
|
|
2461
|
+
* Default value
|
|
2462
|
+
*/
|
|
2463
|
+
defaultValue: string | null;
|
|
2464
|
+
/**
|
|
2465
|
+
* Function to set assistive hint label. For more information https://github.com/alphagov/accessible-autocomplete?tab=readme-ov-file#internationalization
|
|
2466
|
+
*/
|
|
2467
|
+
assistiveHintLabel: () => string;
|
|
2468
|
+
/**
|
|
2469
|
+
* Function to set label in case of no result. For more information https://github.com/alphagov/accessible-autocomplete?tab=readme-ov-file#internationalization
|
|
2470
|
+
*/
|
|
2471
|
+
noResultsLabel: () => string;
|
|
2472
|
+
/**
|
|
2473
|
+
* Function to set label that alerts you that query's too short. For more information https://github.com/alphagov/accessible-autocomplete?tab=readme-ov-file#internationalization
|
|
2474
|
+
*/
|
|
2475
|
+
statusQueryTooShortLabel: (minQueryLength: number) => string;
|
|
2476
|
+
/**
|
|
2477
|
+
* Function to set no results label. For more information https://github.com/alphagov/accessible-autocomplete?tab=readme-ov-file#internationalization
|
|
2478
|
+
*/
|
|
2479
|
+
statusNoResultsLabel: () => string;
|
|
2480
|
+
/**
|
|
2481
|
+
* Function to set selected option label. For more information https://github.com/alphagov/accessible-autocomplete?tab=readme-ov-file#internationalization
|
|
2482
|
+
*/
|
|
2483
|
+
statusSelectedOptionLabel: (selectedOption: string, length: number, index: number) => string;
|
|
2484
|
+
/**
|
|
2485
|
+
* Function to set status results label. For more information https://github.com/alphagov/accessible-autocomplete?tab=readme-ov-file#internationalization
|
|
2486
|
+
*/
|
|
2487
|
+
statusResultsLabel: (length: number, contentSelectedOption: string) => string;
|
|
2488
|
+
/**
|
|
2489
|
+
* Fired when value changes
|
|
2490
|
+
*/
|
|
2491
|
+
selected: EventEmitter<any>;
|
|
2492
|
+
private selectAutocompleteEl?;
|
|
2493
|
+
private selectAutocomplete?;
|
|
2494
|
+
private value;
|
|
2495
|
+
private _interval;
|
|
2496
|
+
private _inputEl;
|
|
2497
|
+
ngOnInit(): void;
|
|
2498
|
+
clear(): void;
|
|
2499
|
+
_findInput(): void;
|
|
2500
|
+
private _setAndCheck;
|
|
2501
|
+
private _initInputEl;
|
|
2502
|
+
ngAfterViewInit(): void;
|
|
2503
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAutocompleteComponent, never>;
|
|
2504
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItAutocompleteComponent, "it-autocomplete", never, { "source": { "alias": "source"; "required": false; }; "required": { "alias": "required"; "required": false; }; "name": { "alias": "name"; "required": false; }; "description": { "alias": "description"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "assistiveHintLabel": { "alias": "assistiveHintLabel"; "required": false; }; "noResultsLabel": { "alias": "noResultsLabel"; "required": false; }; "statusQueryTooShortLabel": { "alias": "statusQueryTooShortLabel"; "required": false; }; "statusNoResultsLabel": { "alias": "statusNoResultsLabel"; "required": false; }; "statusSelectedOptionLabel": { "alias": "statusSelectedOptionLabel"; "required": false; }; "statusResultsLabel": { "alias": "statusResultsLabel"; "required": false; }; }, { "selected": "selected"; }, never, ["[error]"], true, never>;
|
|
2505
|
+
}
|
|
2506
|
+
|
|
2507
|
+
type InputControlType = 'text' | 'email' | 'number' | 'date' | 'time' | 'tel' | 'color' | 'url';
|
|
2508
|
+
interface SelectControlOption<T = any> {
|
|
2509
|
+
value: T;
|
|
2510
|
+
text?: string;
|
|
2511
|
+
selected?: boolean | ((value: T) => boolean);
|
|
2512
|
+
disabled?: boolean | ((value: T) => boolean);
|
|
2513
|
+
}
|
|
2514
|
+
interface SelectControlGroup<T = any> {
|
|
2515
|
+
label: string;
|
|
2516
|
+
options: Array<SelectControlOption<T>>;
|
|
2517
|
+
dragdrop?: boolean;
|
|
2518
|
+
}
|
|
2519
|
+
interface UploadFileListItem {
|
|
2520
|
+
/**
|
|
2521
|
+
* The item id
|
|
2522
|
+
*/
|
|
2523
|
+
id: number;
|
|
2524
|
+
/**
|
|
2525
|
+
* The uploaded file
|
|
2526
|
+
*/
|
|
2527
|
+
file: File;
|
|
2528
|
+
/**
|
|
2529
|
+
* Show progress bar
|
|
2530
|
+
*
|
|
2531
|
+
* The status of the item changes based on the value:
|
|
2532
|
+
* - <b>uploading</b>: if value is between 0 and 100 (exclusive 0 < value < 100)
|
|
2533
|
+
* - <b>success</b>: if value is greater than 100
|
|
2534
|
+
*/
|
|
2535
|
+
progress?: number;
|
|
2536
|
+
/**
|
|
2537
|
+
* Show the ability to delete item
|
|
2538
|
+
* @default false
|
|
2539
|
+
*/
|
|
2540
|
+
removable?: boolean;
|
|
2541
|
+
/**
|
|
2542
|
+
* Set the status of the item as 'error'
|
|
2543
|
+
*/
|
|
2544
|
+
error?: boolean;
|
|
2545
|
+
/**
|
|
2546
|
+
* Add tooltip on file item name
|
|
2547
|
+
* @example It can be used to show the error message or additional information about the file
|
|
2548
|
+
*/
|
|
2549
|
+
tooltip?: string;
|
|
2550
|
+
}
|
|
2551
|
+
/**
|
|
2552
|
+
* Elemento disponibile per l'autocompletamento del it-form-input
|
|
2553
|
+
*/
|
|
2554
|
+
interface SearchItem<T = any> {
|
|
2555
|
+
/** Valore voce di autocompletamento */
|
|
2556
|
+
value: string;
|
|
2557
|
+
/** Opzionale. Path in cui ricercare l'immagine dell'avatar da posizionare a sinistra della voce di autocompletamento */
|
|
2558
|
+
avatarSrcPath?: string;
|
|
2559
|
+
/** Opzionale. Testo in alternativa dell'avatar per accessibilità */
|
|
2560
|
+
avatarAltText?: string;
|
|
2561
|
+
/** Opzionale. Icona posizionata a sinistra della voce di autocompletamento */
|
|
2562
|
+
icon?: IconName;
|
|
2563
|
+
/** Opzionale. Label posizionata a destra della voce di autocompletamento */
|
|
2564
|
+
label?: string;
|
|
2565
|
+
/** Opzionale. Link relativo all'elemento */
|
|
2566
|
+
link?: string;
|
|
2567
|
+
/**
|
|
2568
|
+
* Attribute not used for Search rendering.
|
|
2569
|
+
* It can be useful to retrieve some extra information when selecting the Search item
|
|
2570
|
+
*/
|
|
2571
|
+
additionalData?: T;
|
|
2572
|
+
}
|
|
2573
|
+
|
|
2574
|
+
declare class ItSearchComponent extends ItAbstractFormComponent<string | null | undefined> implements OnInit {
|
|
2575
|
+
/**
|
|
2576
|
+
* Indicates the list of searchable elements on which to base the input search system
|
|
2577
|
+
* If you need to retrieve items via API, can pass a function of Observable
|
|
2578
|
+
* @default undefined
|
|
2579
|
+
*/
|
|
2580
|
+
searchData: Array<SearchItem> | ((search?: string | null) => Observable<Array<SearchItem>>);
|
|
2581
|
+
/**
|
|
2582
|
+
* To get a large version of Search
|
|
2583
|
+
*/
|
|
2584
|
+
big?: boolean;
|
|
2585
|
+
/**
|
|
2586
|
+
* Time span [ms] has passed without another source emission, to delay data filtering.
|
|
2587
|
+
* Useful when the user is typing multiple letters
|
|
2588
|
+
* @default 300 [ms]
|
|
2589
|
+
*/
|
|
2590
|
+
debounceTime: number;
|
|
2591
|
+
/**
|
|
2592
|
+
* The input placeholder
|
|
2593
|
+
*/
|
|
2594
|
+
placeholder: string;
|
|
2595
|
+
/**
|
|
2596
|
+
* The input label even get labelWaria icon
|
|
2597
|
+
*/
|
|
2598
|
+
labelWaria: string | undefined;
|
|
2599
|
+
/**
|
|
2600
|
+
* Show the label
|
|
2601
|
+
*/
|
|
2602
|
+
forceShowLabel: boolean;
|
|
2603
|
+
/**
|
|
2604
|
+
* Fired when the Search Item has been selected
|
|
2605
|
+
*/
|
|
2606
|
+
searchSelectedEvent: EventEmitter<SearchItem>;
|
|
2607
|
+
protected showAutocompletion: boolean;
|
|
2608
|
+
/** Observable da cui vengono emessi i risultati dell'auto completamento */
|
|
2609
|
+
protected searchResults$: Observable<{
|
|
2610
|
+
searchedValue: string | undefined | null;
|
|
2611
|
+
relatedEntries: Array<SearchItem>;
|
|
2612
|
+
}>;
|
|
2613
|
+
ngOnInit(): void;
|
|
2614
|
+
/**
|
|
2615
|
+
* Create the search list
|
|
2616
|
+
*/
|
|
2617
|
+
private getSearchResults$;
|
|
2618
|
+
protected onEntryClick(entry: SearchItem, event: Event): void;
|
|
2619
|
+
protected searchItemTrackByValueFn(index: number, item: SearchItem): string;
|
|
2620
|
+
protected onKeyDown(): void;
|
|
2621
|
+
protected get isActiveLabel(): boolean;
|
|
2622
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItSearchComponent, never>;
|
|
2623
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItSearchComponent, "it-search", never, { "searchData": { "alias": "searchData"; "required": true; }; "big": { "alias": "big"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "labelWaria": { "alias": "labelWaria"; "required": false; }; "forceShowLabel": { "alias": "forceShowLabel"; "required": false; }; }, { "searchSelectedEvent": "searchSelectedEvent"; }, never, ["[error]"], true, never>;
|
|
2624
|
+
static ngAcceptInputType_big: BooleanInput;
|
|
2625
|
+
static ngAcceptInputType_forceShowLabel: BooleanInput;
|
|
2626
|
+
}
|
|
2627
|
+
|
|
2628
|
+
declare class ItCheckboxComponent extends ItAbstractFormComponent<boolean | null | undefined> implements OnInit, OnChanges {
|
|
2629
|
+
/**
|
|
2630
|
+
* If show checkbox as toggle
|
|
2631
|
+
* @default false
|
|
2632
|
+
*/
|
|
2633
|
+
toggle?: boolean;
|
|
2634
|
+
/**
|
|
2635
|
+
* If show checkbox inline
|
|
2636
|
+
* @default false
|
|
2637
|
+
*/
|
|
2638
|
+
inline?: boolean;
|
|
2639
|
+
/**
|
|
2640
|
+
* If is checkbox group
|
|
2641
|
+
* @default false
|
|
2642
|
+
*/
|
|
2643
|
+
group?: boolean;
|
|
2644
|
+
/**
|
|
2645
|
+
* If checkbox is checked
|
|
2646
|
+
* @default false
|
|
2647
|
+
*/
|
|
2648
|
+
checked?: boolean;
|
|
2649
|
+
/**
|
|
2650
|
+
* If checkbox is indeterminate
|
|
2651
|
+
* @default false
|
|
2652
|
+
*/
|
|
2653
|
+
indeterminate?: boolean;
|
|
2654
|
+
ngOnInit(): void;
|
|
2655
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
2656
|
+
private markAsChecked;
|
|
2657
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItCheckboxComponent, never>;
|
|
2658
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItCheckboxComponent, "it-checkbox", never, { "toggle": { "alias": "toggle"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "group": { "alias": "group"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, {}, never, ["*", "[error]", "[label]"], true, never>;
|
|
2659
|
+
static ngAcceptInputType_toggle: BooleanInput;
|
|
2660
|
+
static ngAcceptInputType_inline: BooleanInput;
|
|
2661
|
+
static ngAcceptInputType_group: BooleanInput;
|
|
2662
|
+
static ngAcceptInputType_checked: BooleanInput;
|
|
2663
|
+
static ngAcceptInputType_indeterminate: BooleanInput;
|
|
2664
|
+
}
|
|
2665
|
+
|
|
2666
|
+
declare class ItInputComponent extends ItAbstractFormComponent<string | number | null | undefined> implements OnInit {
|
|
2667
|
+
/**
|
|
2668
|
+
* The input type
|
|
2669
|
+
* @default text
|
|
2670
|
+
*/
|
|
2671
|
+
type: InputControlType;
|
|
2672
|
+
/**
|
|
2673
|
+
* The input placeholder
|
|
2674
|
+
*/
|
|
2675
|
+
placeholder: string;
|
|
2676
|
+
/**
|
|
2677
|
+
* The input description
|
|
2678
|
+
*/
|
|
2679
|
+
description: string | undefined;
|
|
2680
|
+
/**
|
|
2681
|
+
* To prevent modification of the contained value.
|
|
2682
|
+
* - <b>plaintext</b>: Readonly field in the form stylized as plain text
|
|
2683
|
+
* @default undefined
|
|
2684
|
+
*/
|
|
2685
|
+
readonly: boolean | 'plaintext' | undefined;
|
|
2686
|
+
/**
|
|
2687
|
+
* The max date value [Used only in type = 'date']
|
|
2688
|
+
* @default '9999-12-31'
|
|
2689
|
+
* @example 'yyyy-mm-dd'
|
|
2690
|
+
*/
|
|
2691
|
+
maxDate?: string;
|
|
2692
|
+
/**
|
|
2693
|
+
* The min date value [Used only in type = 'date']
|
|
2694
|
+
* @example 'yyyy-mm-dd'
|
|
2695
|
+
*/
|
|
2696
|
+
minDate: string | undefined;
|
|
2697
|
+
/**
|
|
2698
|
+
* The max value [Used only in type = 'number']
|
|
2699
|
+
*/
|
|
2700
|
+
max: number | undefined;
|
|
2701
|
+
/**
|
|
2702
|
+
* The min value [Used only in type = 'number']
|
|
2703
|
+
*/
|
|
2704
|
+
min: number | undefined;
|
|
2705
|
+
/**
|
|
2706
|
+
* The step value [Used only in type = 'number']
|
|
2707
|
+
*/
|
|
2708
|
+
step: number | 'any' | undefined;
|
|
2709
|
+
/**
|
|
2710
|
+
* If is a currency number [Used only in type = 'number']
|
|
2711
|
+
* @default false
|
|
2712
|
+
*/
|
|
2713
|
+
currency?: boolean;
|
|
2714
|
+
/**
|
|
2715
|
+
* If is a percentage number [Used only in type = 'number']
|
|
2716
|
+
* @default false
|
|
2717
|
+
*/
|
|
2718
|
+
percentage?: boolean;
|
|
2719
|
+
/**
|
|
2720
|
+
* The currency or percentage symbol [Used only if percentage or currency]
|
|
2721
|
+
* @example '$'
|
|
2722
|
+
*/
|
|
2723
|
+
symbol: string | undefined;
|
|
2724
|
+
/**
|
|
2725
|
+
* To make the numeric field automatically resize according to the value contained in it. [Used only in type = 'number']
|
|
2726
|
+
* @default false
|
|
2727
|
+
*/
|
|
2728
|
+
adaptive?: boolean;
|
|
2729
|
+
/**
|
|
2730
|
+
* Input autocomplete attribute (Browser autocomplete)
|
|
2731
|
+
* @default undefined
|
|
2732
|
+
*/
|
|
2733
|
+
autocomplete: string | undefined;
|
|
2734
|
+
get isActiveLabel(): boolean;
|
|
2735
|
+
/**
|
|
2736
|
+
* Check is readonly field
|
|
2737
|
+
*/
|
|
2738
|
+
protected get isReadonly(): boolean;
|
|
2739
|
+
/**
|
|
2740
|
+
* Return the invalid message string from TranslateService
|
|
2741
|
+
*/
|
|
2742
|
+
get invalidMessage(): Observable<string>;
|
|
2743
|
+
ngOnInit(): void;
|
|
2744
|
+
/**
|
|
2745
|
+
* Increment or decrease the input number value of step
|
|
2746
|
+
* @param decrease true to decrease value
|
|
2747
|
+
*/
|
|
2748
|
+
protected incrementNumber(decrease?: boolean): void;
|
|
2749
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItInputComponent, never>;
|
|
2750
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItInputComponent, "it-input", never, { "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "description": { "alias": "description"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "percentage": { "alias": "percentage"; "required": false; }; "symbol": { "alias": "symbol"; "required": false; }; "adaptive": { "alias": "adaptive"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; }, {}, never, ["[prependText]", "[append]", "[appendText]", "[error]"], true, never>;
|
|
2751
|
+
static ngAcceptInputType_currency: BooleanInput;
|
|
2752
|
+
static ngAcceptInputType_percentage: BooleanInput;
|
|
2753
|
+
static ngAcceptInputType_adaptive: BooleanInput;
|
|
2754
|
+
}
|
|
2755
|
+
|
|
2756
|
+
declare class ItPasswordInputComponent extends ItAbstractFormComponent<string | null | undefined> implements OnInit, AfterViewInit {
|
|
2757
|
+
/**
|
|
2758
|
+
* The field is required
|
|
2759
|
+
* @default true
|
|
2760
|
+
*/
|
|
2761
|
+
required: boolean;
|
|
2762
|
+
/**
|
|
2763
|
+
* The password minimum length
|
|
2764
|
+
* @default 10
|
|
2765
|
+
*/
|
|
2766
|
+
minLength: number;
|
|
2767
|
+
/**
|
|
2768
|
+
* The password must contain at least one number
|
|
2769
|
+
* @default true
|
|
2770
|
+
*/
|
|
2771
|
+
useNumber: boolean;
|
|
2772
|
+
/**
|
|
2773
|
+
* The password must contain at least one uppercase character
|
|
2774
|
+
* @default true
|
|
2775
|
+
*/
|
|
2776
|
+
useCapitalCase: boolean;
|
|
2777
|
+
/**
|
|
2778
|
+
* The password must contain at least one lowercase character
|
|
2779
|
+
* @default true
|
|
2780
|
+
*/
|
|
2781
|
+
useSmallCase: boolean;
|
|
2782
|
+
/**
|
|
2783
|
+
* The password must contain at least one special character
|
|
2784
|
+
* @default true
|
|
2785
|
+
*/
|
|
2786
|
+
useSpecialCharacters: boolean;
|
|
2787
|
+
/**
|
|
2788
|
+
* The input placeholder
|
|
2789
|
+
*/
|
|
2790
|
+
placeholder: string;
|
|
2791
|
+
/**
|
|
2792
|
+
* The input description
|
|
2793
|
+
* - <b>true</b>: show the StrengthMeter description message
|
|
2794
|
+
* - <b>string</b>: show custom description
|
|
2795
|
+
* @default true for StrengthMeter mode else is undefined
|
|
2796
|
+
*/
|
|
2797
|
+
description: string | true | undefined;
|
|
2798
|
+
/**
|
|
2799
|
+
* Enable to show the strength meter
|
|
2800
|
+
* @default false
|
|
2801
|
+
*/
|
|
2802
|
+
showStrengthMeter?: boolean;
|
|
2803
|
+
/**
|
|
2804
|
+
* Is the confirmation password field
|
|
2805
|
+
* @default false
|
|
2806
|
+
*/
|
|
2807
|
+
confirmPasswordField?: boolean;
|
|
2808
|
+
/**
|
|
2809
|
+
* Input autocomplete attribute (Browser autocomplete)
|
|
2810
|
+
* @default undefined
|
|
2811
|
+
*/
|
|
2812
|
+
autocomplete: string | undefined;
|
|
2813
|
+
private inputPasswordBs?;
|
|
2814
|
+
private inputElement?;
|
|
2815
|
+
ngOnInit(): void;
|
|
2816
|
+
ngAfterViewInit(): void;
|
|
2817
|
+
protected get isStrengthMeter(): boolean;
|
|
2818
|
+
/**
|
|
2819
|
+
* Return the invalid message string from TranslateService
|
|
2820
|
+
*/
|
|
2821
|
+
get invalidMessage(): Observable<string>;
|
|
2822
|
+
/**
|
|
2823
|
+
* Retrieve the default StrengthMeter description message from TranslateService
|
|
2824
|
+
*/
|
|
2825
|
+
protected get strengthMeterDescription(): Observable<string>;
|
|
2826
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItPasswordInputComponent, never>;
|
|
2827
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItPasswordInputComponent, "it-password-input", never, { "required": { "alias": "required"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "useNumber": { "alias": "useNumber"; "required": false; }; "useCapitalCase": { "alias": "useCapitalCase"; "required": false; }; "useSmallCase": { "alias": "useSmallCase"; "required": false; }; "useSpecialCharacters": { "alias": "useSpecialCharacters"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "description": { "alias": "description"; "required": false; }; "showStrengthMeter": { "alias": "showStrengthMeter"; "required": false; }; "confirmPasswordField": { "alias": "confirmPasswordField"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; }, {}, never, ["[error]"], true, never>;
|
|
2828
|
+
static ngAcceptInputType_showStrengthMeter: BooleanInput;
|
|
2829
|
+
static ngAcceptInputType_confirmPasswordField: BooleanInput;
|
|
2830
|
+
}
|
|
2831
|
+
|
|
2832
|
+
declare class ItRadioButtonComponent extends ItAbstractFormComponent<string | number | null | undefined> implements OnInit {
|
|
2833
|
+
/**
|
|
2834
|
+
* The radio value
|
|
2835
|
+
*/
|
|
2836
|
+
value: string | number | undefined | null;
|
|
2837
|
+
/**
|
|
2838
|
+
* If show radio inline
|
|
2839
|
+
* @default false
|
|
2840
|
+
*/
|
|
2841
|
+
inline?: boolean;
|
|
2842
|
+
/**
|
|
2843
|
+
* If is radio group
|
|
2844
|
+
* @default false
|
|
2845
|
+
*/
|
|
2846
|
+
group?: boolean;
|
|
2847
|
+
/**
|
|
2848
|
+
* If is radio is checked
|
|
2849
|
+
* @default false
|
|
2850
|
+
*/
|
|
2851
|
+
checked?: boolean;
|
|
2852
|
+
/**
|
|
2853
|
+
* Set the radio name manually.
|
|
2854
|
+
* For example when the radio button name is duplicated inside page
|
|
2855
|
+
* @default by default the radio name is calculated from form field name
|
|
2856
|
+
*/
|
|
2857
|
+
forceRadioName?: string;
|
|
2858
|
+
get name(): string;
|
|
2859
|
+
ngOnInit(): void;
|
|
2860
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItRadioButtonComponent, never>;
|
|
2861
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItRadioButtonComponent, "it-radio-button", never, { "value": { "alias": "value"; "required": true; }; "inline": { "alias": "inline"; "required": false; }; "group": { "alias": "group"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "forceRadioName": { "alias": "forceRadioName"; "required": false; }; }, {}, never, ["[label]", "*", "[error]", "[error]"], true, never>;
|
|
2862
|
+
static ngAcceptInputType_inline: BooleanInput;
|
|
2863
|
+
static ngAcceptInputType_group: BooleanInput;
|
|
2864
|
+
static ngAcceptInputType_checked: BooleanInput;
|
|
2865
|
+
}
|
|
2866
|
+
|
|
2867
|
+
declare class ItRangeComponent extends ItAbstractFormComponent<number | null | undefined> implements OnInit, OnChanges, OnDestroy {
|
|
2868
|
+
/**
|
|
2869
|
+
* The max value
|
|
2870
|
+
*/
|
|
2871
|
+
max?: number;
|
|
2872
|
+
/**
|
|
2873
|
+
* The min value
|
|
2874
|
+
*/
|
|
2875
|
+
min?: number;
|
|
2876
|
+
/**
|
|
2877
|
+
* The step value
|
|
2878
|
+
*/
|
|
2879
|
+
step?: number | 'any';
|
|
2880
|
+
/**
|
|
2881
|
+
* The color on left of thumb [Require rightColor]
|
|
2882
|
+
* @example '#0d6efd' or 'var(--bs-primary)'
|
|
2883
|
+
* @default undefined ('var(--bs-gray-300)')
|
|
2884
|
+
*/
|
|
2885
|
+
leftColor?: string;
|
|
2886
|
+
/**
|
|
2887
|
+
* The color on right of thumb [Require leftColor]
|
|
2888
|
+
* @example '#0d6efd' or 'var(--bs-primary)'
|
|
2889
|
+
* @default undefined ('var(--bs-gray-300)')
|
|
2890
|
+
*/
|
|
2891
|
+
rightColor?: string;
|
|
2892
|
+
slider: ElementRef<HTMLInputElement>;
|
|
2893
|
+
private subscription?;
|
|
2894
|
+
ngOnInit(): void;
|
|
2895
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
2896
|
+
ngOnDestroy(): void;
|
|
2897
|
+
writeValue(value: number | null | undefined): void;
|
|
2898
|
+
/**
|
|
2899
|
+
* Update the percentage of slider color
|
|
2900
|
+
* @private
|
|
2901
|
+
*/
|
|
2902
|
+
private updateSliderColor;
|
|
2903
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItRangeComponent, never>;
|
|
2904
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItRangeComponent, "it-range", never, { "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "leftColor": { "alias": "leftColor"; "required": false; }; "rightColor": { "alias": "rightColor"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
2905
|
+
}
|
|
2906
|
+
|
|
2907
|
+
declare class ItRatingComponent extends ItAbstractFormComponent<number | null | undefined> implements OnInit, OnChanges {
|
|
2908
|
+
/**
|
|
2909
|
+
* The rating value
|
|
2910
|
+
*/
|
|
2911
|
+
value: number | undefined;
|
|
2912
|
+
/**
|
|
2913
|
+
* Number of stars to show
|
|
2914
|
+
* @default 5
|
|
2915
|
+
*/
|
|
2916
|
+
starCount: number;
|
|
2917
|
+
protected stars: Array<number>;
|
|
2918
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
2919
|
+
ngOnInit(): void;
|
|
2920
|
+
/**
|
|
2921
|
+
* Generate the array of stars
|
|
2922
|
+
* @private
|
|
2923
|
+
*/
|
|
2924
|
+
private generateStars;
|
|
2925
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItRatingComponent, never>;
|
|
2926
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItRatingComponent, "it-rating", never, { "value": { "alias": "value"; "required": false; }; "starCount": { "alias": "starCount"; "required": false; }; }, {}, never, never, true, never>;
|
|
2927
|
+
}
|
|
2928
|
+
|
|
2929
|
+
declare class ItSelectComponent extends ItAbstractFormComponent implements OnInit {
|
|
2930
|
+
/**
|
|
2931
|
+
* The select options
|
|
2932
|
+
*/
|
|
2933
|
+
options: Array<SelectControlOption> | undefined;
|
|
2934
|
+
/**
|
|
2935
|
+
* The select group options
|
|
2936
|
+
*/
|
|
2937
|
+
groups: Array<SelectControlGroup> | undefined;
|
|
2938
|
+
/**
|
|
2939
|
+
* The select description
|
|
2940
|
+
*/
|
|
2941
|
+
description?: string;
|
|
2942
|
+
/**
|
|
2943
|
+
* If set, add a `disabled selected` option with value `null` and as text the value of the attribute
|
|
2944
|
+
* @example 'Select an option'
|
|
2945
|
+
*/
|
|
2946
|
+
defaultOption?: string;
|
|
2947
|
+
ngOnInit(): void;
|
|
2948
|
+
/**
|
|
2949
|
+
* Check if the option is selected
|
|
2950
|
+
* @param option the option
|
|
2951
|
+
*/
|
|
2952
|
+
optionIsSelected(option: SelectControlOption): boolean;
|
|
2953
|
+
/**
|
|
2954
|
+
* Check if the option is disabled
|
|
2955
|
+
* @param option the option
|
|
2956
|
+
*/
|
|
2957
|
+
optionIsDisabled(option: SelectControlOption): boolean;
|
|
2958
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItSelectComponent, never>;
|
|
2959
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItSelectComponent, "it-select", never, { "options": { "alias": "options"; "required": false; }; "groups": { "alias": "groups"; "required": false; }; "description": { "alias": "description"; "required": false; }; "defaultOption": { "alias": "defaultOption"; "required": false; }; }, {}, never, ["*", "[error]"], true, never>;
|
|
2960
|
+
}
|
|
2961
|
+
|
|
2962
|
+
declare class ItTextareaComponent extends ItAbstractFormComponent<string | null | undefined> {
|
|
2963
|
+
/**
|
|
2964
|
+
* Textarea Rows
|
|
2965
|
+
* @default 3
|
|
2966
|
+
*/
|
|
2967
|
+
rows?: number;
|
|
2968
|
+
/**
|
|
2969
|
+
* The textarea placeholder
|
|
2970
|
+
*/
|
|
2971
|
+
placeholder: string;
|
|
2972
|
+
/**
|
|
2973
|
+
* The input description
|
|
2974
|
+
*/
|
|
2975
|
+
description: string | undefined;
|
|
2976
|
+
/**
|
|
2977
|
+
* To prevent modification of the contained value.
|
|
2978
|
+
* - <b>plaintext</b>: Readonly field in the form stylized as plain text
|
|
2979
|
+
* @default undefined
|
|
2980
|
+
*/
|
|
2981
|
+
readonly: boolean | 'plaintext' | undefined;
|
|
2982
|
+
/**
|
|
2983
|
+
* Return the invalid message string from TranslateService
|
|
2984
|
+
*/
|
|
2985
|
+
get invalidMessage(): Observable<string>;
|
|
2986
|
+
/**
|
|
2987
|
+
* Check is readonly field
|
|
2988
|
+
*/
|
|
2989
|
+
protected get isReadonly(): boolean;
|
|
2990
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItTextareaComponent, never>;
|
|
2991
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItTextareaComponent, "it-textarea", never, { "rows": { "alias": "rows"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "description": { "alias": "description"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, ["[error]"], true, never>;
|
|
2992
|
+
}
|
|
2993
|
+
|
|
2994
|
+
interface TransferItem<ValueType> {
|
|
2995
|
+
text: string;
|
|
2996
|
+
value: ValueType;
|
|
2997
|
+
}
|
|
2998
|
+
type TransferItemSelection<ValueType> = Array<TransferItem<ValueType>>;
|
|
2999
|
+
type SourceType = 'source' | 'target';
|
|
3000
|
+
|
|
3001
|
+
/**
|
|
3002
|
+
* Transfer
|
|
3003
|
+
* @description Component that allows the creation of checkbox lists.
|
|
3004
|
+
*/
|
|
3005
|
+
declare class ItTransferComponent<T = any> extends ItAbstractFormComponent<T> implements OnInit {
|
|
3006
|
+
protected _ngControl: NgControl | null;
|
|
3007
|
+
protected _translateService: TranslateService;
|
|
3008
|
+
private readonly store;
|
|
3009
|
+
/**
|
|
3010
|
+
* The select options (left side)
|
|
3011
|
+
*/
|
|
3012
|
+
options: never[];
|
|
3013
|
+
/**
|
|
3014
|
+
* The selected options (right side)
|
|
3015
|
+
*/
|
|
3016
|
+
selected: never[];
|
|
3017
|
+
/**
|
|
3018
|
+
* Fired when there is a transfer, a backtransfer or a reset event
|
|
3019
|
+
*/
|
|
3020
|
+
readonly transferChanges: EventEmitter<TransferItem<T>[]>;
|
|
3021
|
+
/**
|
|
3022
|
+
* Enable transfer button
|
|
3023
|
+
* @default false
|
|
3024
|
+
*/
|
|
3025
|
+
readonly transferEnabled: rxjs.Observable<boolean>;
|
|
3026
|
+
/**
|
|
3027
|
+
* Enable backtransfer button
|
|
3028
|
+
* @default false
|
|
3029
|
+
*/
|
|
3030
|
+
readonly backtransferEnabled: rxjs.Observable<boolean>;
|
|
3031
|
+
/**
|
|
3032
|
+
* Enable reset button
|
|
3033
|
+
* @default false
|
|
3034
|
+
*/
|
|
3035
|
+
readonly resetEnabled: rxjs.Observable<boolean>;
|
|
3036
|
+
private readonly destroyRef;
|
|
3037
|
+
ngOnInit(): void;
|
|
3038
|
+
/**
|
|
3039
|
+
* Transfer button click handler
|
|
3040
|
+
*/
|
|
3041
|
+
transferClickHandler(event: MouseEvent): void;
|
|
3042
|
+
/**
|
|
3043
|
+
* Transfer button keypress handler
|
|
3044
|
+
*/
|
|
3045
|
+
transferKeyPressHandler(event: KeyboardEvent): void;
|
|
3046
|
+
/**
|
|
3047
|
+
* Backtransfer button click handler
|
|
3048
|
+
*/
|
|
3049
|
+
backtransferClickHandler(event: MouseEvent): void;
|
|
3050
|
+
/**
|
|
3051
|
+
* Backtransfer button keypress handler
|
|
3052
|
+
*/
|
|
3053
|
+
backtransferKeyPressHandler(event: KeyboardEvent): void;
|
|
3054
|
+
/**
|
|
3055
|
+
* Reset button click handler
|
|
3056
|
+
*/
|
|
3057
|
+
resetClickHandler(event: MouseEvent): void;
|
|
3058
|
+
/**
|
|
3059
|
+
* Reset button keypress handler
|
|
3060
|
+
*/
|
|
3061
|
+
resetKeyPressHandler(event: KeyboardEvent): void;
|
|
3062
|
+
private buttonEventHandler;
|
|
3063
|
+
private storeInit;
|
|
3064
|
+
private onStoreValueChanged;
|
|
3065
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItTransferComponent<any>, never>;
|
|
3066
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItTransferComponent<any>, "it-transfer", never, { "options": { "alias": "options"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "transferChanges": "transferChanges"; }, never, never, true, never>;
|
|
3067
|
+
}
|
|
3068
|
+
|
|
3069
|
+
declare class ItUploadDragDropComponent extends ItAbstractComponent implements AfterViewInit {
|
|
3070
|
+
/**
|
|
3071
|
+
* The accepted file type to upload <br>
|
|
3072
|
+
* Possible values: <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types">MIME Types</a> separated by comma
|
|
3073
|
+
* @example application/pdf,image/png
|
|
3074
|
+
* @default *
|
|
3075
|
+
*/
|
|
3076
|
+
accept: string;
|
|
3077
|
+
/**
|
|
3078
|
+
* Fired when file start to upload
|
|
3079
|
+
*/
|
|
3080
|
+
fileStartUpload: EventEmitter<File>;
|
|
3081
|
+
protected isDragover: boolean;
|
|
3082
|
+
protected isLoading: boolean;
|
|
3083
|
+
protected isSuccess: boolean;
|
|
3084
|
+
protected donut?: ProgressDonut;
|
|
3085
|
+
private donutElement?;
|
|
3086
|
+
protected filename?: string;
|
|
3087
|
+
protected extension?: string;
|
|
3088
|
+
protected fileSize?: string;
|
|
3089
|
+
/**
|
|
3090
|
+
* The bootstrap-italia asset folder path
|
|
3091
|
+
* @default ./bootstrap-italia
|
|
3092
|
+
*/
|
|
3093
|
+
protected assetBasePath: string;
|
|
3094
|
+
constructor();
|
|
3095
|
+
ngAfterViewInit(): void;
|
|
3096
|
+
onDragOver(evt: DragEvent): void;
|
|
3097
|
+
onDragLeave(evt: DragEvent): void;
|
|
3098
|
+
onDrop(evt: DragEvent): void;
|
|
3099
|
+
/**
|
|
3100
|
+
* On load file from input
|
|
3101
|
+
* @param event
|
|
3102
|
+
*/
|
|
3103
|
+
onLoadFile(event: Event): void;
|
|
3104
|
+
/**
|
|
3105
|
+
* Start the upload file
|
|
3106
|
+
* @param file
|
|
3107
|
+
*/
|
|
3108
|
+
start(file: File): void;
|
|
3109
|
+
/**
|
|
3110
|
+
* Percentage of upload
|
|
3111
|
+
* @param value the percentage [0 - 100]
|
|
3112
|
+
*/
|
|
3113
|
+
progress(value: number): void;
|
|
3114
|
+
/**
|
|
3115
|
+
* Upload success
|
|
3116
|
+
*/
|
|
3117
|
+
success(): void;
|
|
3118
|
+
/**
|
|
3119
|
+
* Reset file uploader
|
|
3120
|
+
*/
|
|
3121
|
+
reset(): void;
|
|
3122
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItUploadDragDropComponent, never>;
|
|
3123
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItUploadDragDropComponent, "it-upload-drag-drop", ["itUploadDragDrop"], { "accept": { "alias": "accept"; "required": false; }; }, { "fileStartUpload": "fileStartUpload"; }, never, never, true, never>;
|
|
3124
|
+
}
|
|
3125
|
+
|
|
3126
|
+
declare class ItUploadFileListComponent extends ItAbstractComponent implements OnInit, OnChanges {
|
|
3127
|
+
/**
|
|
3128
|
+
* The list of files to show in list
|
|
3129
|
+
*/
|
|
3130
|
+
fileList: Array<UploadFileListItem>;
|
|
3131
|
+
/**
|
|
3132
|
+
* The accepted file type to upload <br>
|
|
3133
|
+
* Possible values: <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types">MIME Types</a> separated by comma
|
|
3134
|
+
* @example application/pdf,image/png
|
|
3135
|
+
* @default *
|
|
3136
|
+
*/
|
|
3137
|
+
accept: string;
|
|
3138
|
+
/**
|
|
3139
|
+
* If upload multiple files
|
|
3140
|
+
* @default true
|
|
3141
|
+
*/
|
|
3142
|
+
multiple: boolean;
|
|
3143
|
+
/**
|
|
3144
|
+
* If is file list image
|
|
3145
|
+
* @default false
|
|
3146
|
+
*/
|
|
3147
|
+
images?: boolean;
|
|
3148
|
+
/**
|
|
3149
|
+
* Hide the load button
|
|
3150
|
+
* @default false
|
|
3151
|
+
*/
|
|
3152
|
+
hideLoadButton?: boolean;
|
|
3153
|
+
/**
|
|
3154
|
+
* Fired when upload new files
|
|
3155
|
+
*/
|
|
3156
|
+
uploadFiles: EventEmitter<FileList>;
|
|
3157
|
+
/**
|
|
3158
|
+
* Fired on delete item button click
|
|
3159
|
+
*/
|
|
3160
|
+
deleteItem: EventEmitter<UploadFileListItem>;
|
|
3161
|
+
/**
|
|
3162
|
+
* Cache to preview image
|
|
3163
|
+
*/
|
|
3164
|
+
previewImages: Map<number, string>;
|
|
3165
|
+
ngOnInit(): void;
|
|
3166
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
3167
|
+
/**
|
|
3168
|
+
* On load file from input
|
|
3169
|
+
* @param event
|
|
3170
|
+
*/
|
|
3171
|
+
onLoadFiles(event: Event): void;
|
|
3172
|
+
/**
|
|
3173
|
+
* Get the file size string
|
|
3174
|
+
* @param file
|
|
3175
|
+
*/
|
|
3176
|
+
getFileSize(file: File): string;
|
|
3177
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItUploadFileListComponent, never>;
|
|
3178
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItUploadFileListComponent, "it-upload-file-list", never, { "fileList": { "alias": "fileList"; "required": true; }; "accept": { "alias": "accept"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "images": { "alias": "images"; "required": false; }; "hideLoadButton": { "alias": "hideLoadButton"; "required": false; }; }, { "uploadFiles": "uploadFiles"; "deleteItem": "deleteItem"; }, never, never, true, never>;
|
|
3179
|
+
static ngAcceptInputType_multiple: BooleanInput;
|
|
3180
|
+
static ngAcceptInputType_images: BooleanInput;
|
|
3181
|
+
static ngAcceptInputType_hideLoadButton: BooleanInput;
|
|
3182
|
+
}
|
|
3183
|
+
|
|
3184
|
+
declare class ItFormModule {
|
|
3185
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItFormModule, never>;
|
|
3186
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ItFormModule, never, [typeof ItAutocompleteComponent, typeof ItSearchComponent, typeof ItCheckboxComponent, typeof ItInputComponent, typeof ItPasswordInputComponent, typeof ItRadioButtonComponent, typeof ItRangeComponent, typeof ItRatingComponent, typeof ItSelectComponent, typeof ItTextareaComponent, typeof ItTransferComponent, typeof ItUploadDragDropComponent, typeof ItUploadFileListComponent], [typeof ItAutocompleteComponent, typeof ItSearchComponent, typeof ItCheckboxComponent, typeof ItInputComponent, typeof ItPasswordInputComponent, typeof ItRadioButtonComponent, typeof ItRangeComponent, typeof ItRatingComponent, typeof ItSelectComponent, typeof ItTextareaComponent, typeof ItTransferComponent, typeof ItUploadDragDropComponent, typeof ItUploadFileListComponent]>;
|
|
3187
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ItFormModule>;
|
|
3188
|
+
}
|
|
3189
|
+
|
|
3190
|
+
declare class ItBackButtonComponent {
|
|
3191
|
+
readonly _location: Location;
|
|
3192
|
+
/**
|
|
3193
|
+
* Back button style
|
|
3194
|
+
* - <b>link</b>: use a link with icon and text
|
|
3195
|
+
* - <b>button</b>: use a button with icon and text
|
|
3196
|
+
* @default button
|
|
3197
|
+
*/
|
|
3198
|
+
buttonStyle: 'link' | 'button';
|
|
3199
|
+
/**
|
|
3200
|
+
* Button direction
|
|
3201
|
+
* - <b>left</b>: Back direction
|
|
3202
|
+
* - <b>up</b>: Upper direction
|
|
3203
|
+
* @default left
|
|
3204
|
+
*/
|
|
3205
|
+
direction: 'left' | 'up';
|
|
3206
|
+
/**
|
|
3207
|
+
* Show/Hide icon
|
|
3208
|
+
* @default true
|
|
3209
|
+
*/
|
|
3210
|
+
showIcon: boolean;
|
|
3211
|
+
/**
|
|
3212
|
+
* Show/Hide text
|
|
3213
|
+
* @default true
|
|
3214
|
+
*/
|
|
3215
|
+
showText: boolean;
|
|
3216
|
+
/**
|
|
3217
|
+
* Custom back logic <br/>
|
|
3218
|
+
*
|
|
3219
|
+
* NOTE: to use 'this' need bind function <br/>
|
|
3220
|
+
* @example backCbFn = this.errorCallback.bind(this);
|
|
3221
|
+
* (errorCallback is your function, pass backCbFn to the component)
|
|
3222
|
+
*/
|
|
3223
|
+
backFn?: (location: Location) => void;
|
|
3224
|
+
/**
|
|
3225
|
+
* Go back function
|
|
3226
|
+
*/
|
|
3227
|
+
goBack(event: Event): void;
|
|
3228
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItBackButtonComponent, never>;
|
|
3229
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItBackButtonComponent, "it-back-button", ["itBackButton"], { "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "showText": { "alias": "showText"; "required": false; }; "backFn": { "alias": "backFn"; "required": false; }; }, {}, never, never, true, never>;
|
|
3230
|
+
static ngAcceptInputType_showIcon: BooleanInput;
|
|
3231
|
+
static ngAcceptInputType_showText: BooleanInput;
|
|
3232
|
+
}
|
|
3233
|
+
|
|
3234
|
+
declare class ItBackToTopComponent extends ItAbstractComponent implements AfterViewInit {
|
|
3235
|
+
/**
|
|
3236
|
+
* Aria label for the component
|
|
3237
|
+
* @default 'Torna su'
|
|
3238
|
+
*/
|
|
3239
|
+
ariaLabel: string;
|
|
3240
|
+
/**
|
|
3241
|
+
* Show small button
|
|
3242
|
+
* @default false
|
|
3243
|
+
*/
|
|
3244
|
+
small?: boolean;
|
|
3245
|
+
/**
|
|
3246
|
+
* Show shadow
|
|
3247
|
+
* @default false
|
|
3248
|
+
*/
|
|
3249
|
+
shadow?: boolean;
|
|
3250
|
+
/**
|
|
3251
|
+
* Button usable button on a dark background
|
|
3252
|
+
* @default false
|
|
3253
|
+
*/
|
|
3254
|
+
dark?: boolean;
|
|
3255
|
+
private backToTop?;
|
|
3256
|
+
private backToTopElement?;
|
|
3257
|
+
ngAfterViewInit(): void;
|
|
3258
|
+
/**
|
|
3259
|
+
* Show button
|
|
3260
|
+
*/
|
|
3261
|
+
show(): void;
|
|
3262
|
+
/**
|
|
3263
|
+
* Hide the button
|
|
3264
|
+
*/
|
|
3265
|
+
hide(): void;
|
|
3266
|
+
/**
|
|
3267
|
+
* Activates the scroll animation towards the Y coordinate indicated by the positionTop option
|
|
3268
|
+
*/
|
|
3269
|
+
scrollToTop(): void;
|
|
3270
|
+
/**
|
|
3271
|
+
* Eliminate component features
|
|
3272
|
+
*/
|
|
3273
|
+
dispose(): void;
|
|
3274
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItBackToTopComponent, never>;
|
|
3275
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItBackToTopComponent, "it-back-to-top", ["itBackToTop"], { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "small": { "alias": "small"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; }, {}, never, never, true, never>;
|
|
3276
|
+
static ngAcceptInputType_small: BooleanInput;
|
|
3277
|
+
static ngAcceptInputType_shadow: BooleanInput;
|
|
3278
|
+
static ngAcceptInputType_dark: BooleanInput;
|
|
3279
|
+
}
|
|
3280
|
+
|
|
3281
|
+
declare class ItBreadcrumbItemComponent extends ItLinkComponent {
|
|
3282
|
+
/**
|
|
3283
|
+
* Is active breadcrumb item
|
|
3284
|
+
* @default false
|
|
3285
|
+
*/
|
|
3286
|
+
active?: boolean;
|
|
3287
|
+
/**
|
|
3288
|
+
* The name of icon to show
|
|
3289
|
+
*/
|
|
3290
|
+
iconName: IconName | undefined;
|
|
3291
|
+
/**
|
|
3292
|
+
* The content of item
|
|
3293
|
+
*/
|
|
3294
|
+
htmlContent: TemplateRef<any>;
|
|
3295
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItBreadcrumbItemComponent, never>;
|
|
3296
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItBreadcrumbItemComponent, "it-breadcrumb-item", never, { "active": { "alias": "active"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
3297
|
+
static ngAcceptInputType_active: BooleanInput;
|
|
3298
|
+
}
|
|
3299
|
+
|
|
3300
|
+
declare class ItBreadcrumbComponent implements AfterViewInit, OnDestroy {
|
|
3301
|
+
private readonly _changeDetectorRef;
|
|
3302
|
+
/**
|
|
3303
|
+
* The character to use as separator
|
|
3304
|
+
* @default /
|
|
3305
|
+
*/
|
|
3306
|
+
separator: string;
|
|
3307
|
+
/**
|
|
3308
|
+
* Dark style
|
|
3309
|
+
* @default false
|
|
3310
|
+
*/
|
|
3311
|
+
dark?: boolean;
|
|
3312
|
+
/**
|
|
3313
|
+
* The tab items
|
|
3314
|
+
*/
|
|
3315
|
+
items?: QueryList<ItBreadcrumbItemComponent>;
|
|
3316
|
+
private itemSubscriptions?;
|
|
3317
|
+
ngAfterViewInit(): void;
|
|
3318
|
+
ngOnDestroy(): void;
|
|
3319
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItBreadcrumbComponent, never>;
|
|
3320
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItBreadcrumbComponent, "it-breadcrumb", never, { "separator": { "alias": "separator"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; }, {}, ["items"], never, true, never>;
|
|
3321
|
+
static ngAcceptInputType_dark: BooleanInput;
|
|
3322
|
+
}
|
|
3323
|
+
|
|
3324
|
+
declare class ItBreadcrumbsModule {
|
|
3325
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItBreadcrumbsModule, never>;
|
|
3326
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ItBreadcrumbsModule, never, [typeof ItBreadcrumbComponent, typeof ItBreadcrumbItemComponent], [typeof ItBreadcrumbComponent, typeof ItBreadcrumbItemComponent]>;
|
|
3327
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ItBreadcrumbsModule>;
|
|
3328
|
+
}
|
|
3329
|
+
|
|
3330
|
+
declare class ItHeaderComponent implements AfterViewInit, OnChanges {
|
|
3331
|
+
light?: boolean;
|
|
3332
|
+
sticky?: boolean;
|
|
3333
|
+
showSlim?: boolean;
|
|
3334
|
+
smallHeader?: boolean;
|
|
3335
|
+
showSearch?: boolean;
|
|
3336
|
+
idCollapsable: string;
|
|
3337
|
+
slimTitle: string | undefined;
|
|
3338
|
+
slimTitleLink: string | undefined;
|
|
3339
|
+
loginStyle: 'none' | 'default' | 'full';
|
|
3340
|
+
loginClick: EventEmitter<Event>;
|
|
3341
|
+
searchClick: EventEmitter<Event>;
|
|
3342
|
+
private headerWrapper?;
|
|
3343
|
+
private itNavBarComponent?;
|
|
3344
|
+
megamenu?: boolean;
|
|
3345
|
+
expand?: boolean;
|
|
3346
|
+
private stickyHeader?;
|
|
3347
|
+
constructor();
|
|
3348
|
+
ngAfterViewInit(): void;
|
|
3349
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
3350
|
+
updateListeners(): void;
|
|
3351
|
+
openNavBar(): void;
|
|
3352
|
+
closeNavBar(): void;
|
|
3353
|
+
protected emitLoginClick(event: Event): void;
|
|
3354
|
+
protected emitSearchClick(event: Event): void;
|
|
3355
|
+
toggleCollapse(): void;
|
|
3356
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItHeaderComponent, never>;
|
|
3357
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItHeaderComponent, "it-header", never, { "light": { "alias": "light"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "showSlim": { "alias": "showSlim"; "required": false; }; "smallHeader": { "alias": "smallHeader"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "idCollapsable": { "alias": "idCollapsable"; "required": false; }; "slimTitle": { "alias": "slimTitle"; "required": false; }; "slimTitleLink": { "alias": "slimTitleLink"; "required": false; }; "loginStyle": { "alias": "loginStyle"; "required": false; }; "megamenu": { "alias": "megamenu"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; }, { "loginClick": "loginClick"; "searchClick": "searchClick"; }, never, ["[slimLinkList]", "[slimRightZone]", "[brand]", "[rightZone]", "[navItems]"], true, never>;
|
|
3358
|
+
static ngAcceptInputType_light: BooleanInput;
|
|
3359
|
+
static ngAcceptInputType_sticky: BooleanInput;
|
|
3360
|
+
static ngAcceptInputType_showSlim: BooleanInput;
|
|
3361
|
+
static ngAcceptInputType_smallHeader: BooleanInput;
|
|
3362
|
+
static ngAcceptInputType_showSearch: BooleanInput;
|
|
3363
|
+
static ngAcceptInputType_megamenu: BooleanInput;
|
|
3364
|
+
static ngAcceptInputType_expand: BooleanInput;
|
|
3365
|
+
}
|
|
3366
|
+
|
|
3367
|
+
declare class ItFooterComponent extends ItAbstractComponent {
|
|
3368
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItFooterComponent, never>;
|
|
3369
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItFooterComponent, "it-footer", ["itFooter"], {}, {}, never, ["[header]", "[links]", "[contacts]", "[small-links]"], true, never>;
|
|
3370
|
+
}
|
|
3371
|
+
|
|
3372
|
+
declare class ItNavBarComponent implements AfterViewInit {
|
|
3373
|
+
megamenu?: boolean;
|
|
3374
|
+
expand?: boolean;
|
|
3375
|
+
private collapseButton?;
|
|
3376
|
+
private collapseView?;
|
|
3377
|
+
private navbar?;
|
|
3378
|
+
ngAfterViewInit(): void;
|
|
3379
|
+
get isOpen(): boolean | undefined;
|
|
3380
|
+
open(): void;
|
|
3381
|
+
close(): void;
|
|
3382
|
+
toggleCollapse(): void;
|
|
3383
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItNavBarComponent, never>;
|
|
3384
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItNavBarComponent, "it-navbar", never, { "megamenu": { "alias": "megamenu"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; }, {}, never, ["[navItems]"], true, never>;
|
|
3385
|
+
static ngAcceptInputType_megamenu: BooleanInput;
|
|
3386
|
+
static ngAcceptInputType_expand: BooleanInput;
|
|
3387
|
+
}
|
|
3388
|
+
|
|
3389
|
+
declare class ItNavBarItemComponent {
|
|
3390
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItNavBarItemComponent, never>;
|
|
3391
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItNavBarItemComponent, "it-navbar-item", never, {}, {}, never, ["*"], true, never>;
|
|
3392
|
+
}
|
|
3393
|
+
|
|
3394
|
+
declare class ItNavBarModule {
|
|
3395
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItNavBarModule, never>;
|
|
3396
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ItNavBarModule, never, [typeof ItNavBarComponent, typeof ItNavBarItemComponent], [typeof ItNavBarComponent, typeof ItNavBarItemComponent]>;
|
|
3397
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ItNavBarModule>;
|
|
3398
|
+
}
|
|
3399
|
+
|
|
3400
|
+
declare class ItSidebarComponent {
|
|
3401
|
+
/**
|
|
3402
|
+
* Per creare una sidebar con linea separatrice a destra è sufficiente aggiungere la classe
|
|
3403
|
+
*/
|
|
3404
|
+
withRightLine: boolean;
|
|
3405
|
+
/**
|
|
3406
|
+
* Per creare una sidebar con linea separatrice a sinistra è sufficiente aggiungere la classe
|
|
3407
|
+
*/
|
|
3408
|
+
withLeftLine: boolean;
|
|
3409
|
+
/**
|
|
3410
|
+
* Per cambiare il tema della sidebar e renderla scura
|
|
3411
|
+
*/
|
|
3412
|
+
dark: boolean;
|
|
3413
|
+
/**
|
|
3414
|
+
* L'intestazione della sidebar
|
|
3415
|
+
*/
|
|
3416
|
+
header?: string;
|
|
3417
|
+
componentClass: string;
|
|
3418
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItSidebarComponent, never>;
|
|
3419
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItSidebarComponent, "it-sidebar", never, { "withRightLine": { "alias": "withRightLine"; "required": false; }; "withLeftLine": { "alias": "withLeftLine"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "header": { "alias": "header"; "required": false; }; }, {}, never, ["*", "[secondary]"], true, never>;
|
|
3420
|
+
static ngAcceptInputType_withRightLine: BooleanInput;
|
|
3421
|
+
static ngAcceptInputType_withLeftLine: BooleanInput;
|
|
3422
|
+
static ngAcceptInputType_dark: BooleanInput;
|
|
3423
|
+
}
|
|
3424
|
+
|
|
3425
|
+
declare class ItMegamenuComponent {
|
|
3426
|
+
/**
|
|
3427
|
+
* Megamenu mode
|
|
3428
|
+
*/
|
|
3429
|
+
mode: 'right-section' | 'left-section' | 'normal';
|
|
3430
|
+
/**
|
|
3431
|
+
* To show Megamenu header
|
|
3432
|
+
* @default false
|
|
3433
|
+
*/
|
|
3434
|
+
header?: boolean;
|
|
3435
|
+
/**
|
|
3436
|
+
* To show Megamenu footer
|
|
3437
|
+
* @default false
|
|
3438
|
+
*/
|
|
3439
|
+
footer?: boolean;
|
|
3440
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItMegamenuComponent, never>;
|
|
3441
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItMegamenuComponent, "it-megamenu", never, { "mode": { "alias": "mode"; "required": false; }; "header": { "alias": "header"; "required": false; }; "footer": { "alias": "footer"; "required": false; }; }, {}, never, ["[megamenuLeftZone]", "[megamenuHeadingLink]", "[megamenuLinkList]", "[megamenuFooter]"], true, never>;
|
|
3442
|
+
static ngAcceptInputType_header: BooleanInput;
|
|
3443
|
+
static ngAcceptInputType_footer: BooleanInput;
|
|
3444
|
+
}
|
|
3445
|
+
|
|
3446
|
+
declare class ItSkiplinkComponent {
|
|
3447
|
+
/**
|
|
3448
|
+
* Aria label for `nav` mode
|
|
3449
|
+
* @default 'Scorciatoie di navigazione'
|
|
3450
|
+
*/
|
|
3451
|
+
ariaLabel: string;
|
|
3452
|
+
/**
|
|
3453
|
+
* If `true` nav mode is enabled
|
|
3454
|
+
* @default false
|
|
3455
|
+
*/
|
|
3456
|
+
nav?: boolean;
|
|
3457
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItSkiplinkComponent, never>;
|
|
3458
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItSkiplinkComponent, "it-skiplink", ["itSkipLink"], { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "nav": { "alias": "nav"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
3459
|
+
static ngAcceptInputType_nav: BooleanInput;
|
|
3460
|
+
}
|
|
3461
|
+
|
|
3462
|
+
declare class ItSkiplinkItemComponent {
|
|
3463
|
+
/**
|
|
3464
|
+
* The router link action
|
|
3465
|
+
*
|
|
3466
|
+
* Commands to pass to Router#createUrlTree.
|
|
3467
|
+
* - array: commands to pass to Router#createUrlTree.
|
|
3468
|
+
* - string: shorthand for array of commands with just the string, i.e. ['/route']
|
|
3469
|
+
* - null|undefined: Disables the link by removing the href
|
|
3470
|
+
*/
|
|
3471
|
+
href: any[] | string | null | undefined;
|
|
3472
|
+
/**
|
|
3473
|
+
* Is an external link (false to not use Angular router link)
|
|
3474
|
+
* @default false
|
|
3475
|
+
*/
|
|
3476
|
+
externalLink?: boolean;
|
|
3477
|
+
inNav: boolean;
|
|
3478
|
+
constructor();
|
|
3479
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItSkiplinkItemComponent, never>;
|
|
3480
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItSkiplinkItemComponent, "it-skiplink-item", ["itSkipLinkItem"], { "href": { "alias": "href"; "required": false; }; "externalLink": { "alias": "externalLink"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
3481
|
+
static ngAcceptInputType_externalLink: BooleanInput;
|
|
3482
|
+
}
|
|
3483
|
+
|
|
3484
|
+
declare class ItSkiplinkModule {
|
|
3485
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItSkiplinkModule, never>;
|
|
3486
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ItSkiplinkModule, never, [typeof ItSkiplinkComponent, typeof ItSkiplinkItemComponent], [typeof ItSkiplinkComponent, typeof ItSkiplinkItemComponent]>;
|
|
3487
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ItSkiplinkModule>;
|
|
3488
|
+
}
|
|
3489
|
+
|
|
3490
|
+
type NavscrollItem = ({
|
|
3491
|
+
text: string;
|
|
3492
|
+
html?: never;
|
|
3493
|
+
} | {
|
|
3494
|
+
html: string;
|
|
3495
|
+
text?: never;
|
|
3496
|
+
}) & {
|
|
3497
|
+
title: string;
|
|
3498
|
+
href: string;
|
|
3499
|
+
childs: NavscrollItems;
|
|
3500
|
+
};
|
|
3501
|
+
type NavscrollItems = Array<NavscrollItem>;
|
|
3502
|
+
interface NavscrollItemActive {
|
|
3503
|
+
active: boolean;
|
|
3504
|
+
}
|
|
3505
|
+
|
|
3506
|
+
/**
|
|
3507
|
+
* Navscroll
|
|
3508
|
+
* @description Show a list of links to anchor of the document.
|
|
3509
|
+
*/
|
|
3510
|
+
declare class ItNavscrollComponent implements OnInit {
|
|
3511
|
+
#private;
|
|
3512
|
+
/**
|
|
3513
|
+
* Header of the Navscroll
|
|
3514
|
+
*/
|
|
3515
|
+
header: string;
|
|
3516
|
+
/**
|
|
3517
|
+
* A list of links
|
|
3518
|
+
*/
|
|
3519
|
+
items: Array<NavscrollItem>;
|
|
3520
|
+
/**
|
|
3521
|
+
* Border position
|
|
3522
|
+
* @default left
|
|
3523
|
+
*/
|
|
3524
|
+
borderPosition: 'left' | 'right';
|
|
3525
|
+
/**
|
|
3526
|
+
* Alignment
|
|
3527
|
+
* @default top
|
|
3528
|
+
*/
|
|
3529
|
+
alignment: 'top' | 'bottom';
|
|
3530
|
+
/**
|
|
3531
|
+
* Theme
|
|
3532
|
+
* @default light
|
|
3533
|
+
*/
|
|
3534
|
+
theme: 'light' | 'dark';
|
|
3535
|
+
/**
|
|
3536
|
+
* Custom template for the content section
|
|
3537
|
+
*/
|
|
3538
|
+
pageSectionsTemplate?: TemplateRef<any>;
|
|
3539
|
+
onScroll(): void;
|
|
3540
|
+
onResize(): void;
|
|
3541
|
+
readonly toggleButtonRef: ElementRef<HTMLButtonElement>;
|
|
3542
|
+
readonly selectedTitle: rxjs.Observable<string>;
|
|
3543
|
+
readonly progressBarValue: rxjs.Observable<number>;
|
|
3544
|
+
readonly isMobile: rxjs.Observable<boolean>;
|
|
3545
|
+
constructor();
|
|
3546
|
+
ngOnInit(): void;
|
|
3547
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItNavscrollComponent, never>;
|
|
3548
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItNavscrollComponent, "it-navscroll", never, { "header": { "alias": "header"; "required": false; }; "items": { "alias": "items"; "required": false; }; "borderPosition": { "alias": "borderPosition"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "pageSectionsTemplate": { "alias": "pageSectionsTemplate"; "required": false; }; }, {}, never, never, true, never>;
|
|
3549
|
+
}
|
|
3550
|
+
|
|
3551
|
+
declare class ItErrorPageComponent {
|
|
3552
|
+
private readonly route;
|
|
3553
|
+
/**
|
|
3554
|
+
* The error code to show
|
|
3555
|
+
*/
|
|
3556
|
+
errorCode: number | 404 | 403 | 500 | undefined;
|
|
3557
|
+
/**
|
|
3558
|
+
* Show/Hide error code
|
|
3559
|
+
* @default true - show
|
|
3560
|
+
*/
|
|
3561
|
+
showErrorCode?: boolean;
|
|
3562
|
+
/**
|
|
3563
|
+
* Custom error title
|
|
3564
|
+
* - If set it will be displayed instead of the default title.
|
|
3565
|
+
* - It is possible to use i18n keys
|
|
3566
|
+
*/
|
|
3567
|
+
errorTitle: string | undefined;
|
|
3568
|
+
/**
|
|
3569
|
+
* Custom error description
|
|
3570
|
+
* - If set it will be displayed instead of the default description.
|
|
3571
|
+
* - It is possible to use i18n keys
|
|
3572
|
+
*/
|
|
3573
|
+
errorDescription: string | undefined;
|
|
3574
|
+
/**
|
|
3575
|
+
* Show/Hide back button
|
|
3576
|
+
* @default true - show
|
|
3577
|
+
*/
|
|
3578
|
+
showBackButton?: boolean;
|
|
3579
|
+
/**
|
|
3580
|
+
* Show/Hide home button
|
|
3581
|
+
* @default true - show
|
|
3582
|
+
*/
|
|
3583
|
+
showHomeButton?: boolean;
|
|
3584
|
+
constructor();
|
|
3585
|
+
get isDefaultErrorCode(): boolean;
|
|
3586
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItErrorPageComponent, never>;
|
|
3587
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItErrorPageComponent, "it-error-page", never, { "errorCode": { "alias": "errorCode"; "required": false; }; "showErrorCode": { "alias": "showErrorCode"; "required": false; }; "errorTitle": { "alias": "errorTitle"; "required": false; }; "errorDescription": { "alias": "errorDescription"; "required": false; }; "showBackButton": { "alias": "showBackButton"; "required": false; }; "showHomeButton": { "alias": "showHomeButton"; "required": false; }; }, {}, never, never, true, never>;
|
|
3588
|
+
static ngAcceptInputType_showErrorCode: BooleanInput;
|
|
3589
|
+
static ngAcceptInputType_showBackButton: BooleanInput;
|
|
3590
|
+
static ngAcceptInputType_showHomeButton: BooleanInput;
|
|
3591
|
+
}
|
|
3592
|
+
|
|
3593
|
+
interface AvailableLanguage {
|
|
3594
|
+
/**
|
|
3595
|
+
* The language code
|
|
3596
|
+
*/
|
|
3597
|
+
code: string;
|
|
3598
|
+
/**
|
|
3599
|
+
* Label to show
|
|
3600
|
+
*/
|
|
3601
|
+
label: string;
|
|
3602
|
+
}
|
|
3603
|
+
|
|
3604
|
+
declare class ItLanguageSwitcherComponent implements OnInit {
|
|
3605
|
+
private readonly translateService;
|
|
3606
|
+
/**
|
|
3607
|
+
* The available languages
|
|
3608
|
+
* @default The languages available through TranslateService (ngx-translate)
|
|
3609
|
+
*/
|
|
3610
|
+
availableLanguages: Array<AvailableLanguage> | undefined;
|
|
3611
|
+
/**
|
|
3612
|
+
* Dropdown mode
|
|
3613
|
+
*/
|
|
3614
|
+
mode: 'button' | 'link' | 'nav';
|
|
3615
|
+
protected currentLang$: Observable<AvailableLanguage | undefined>;
|
|
3616
|
+
constructor();
|
|
3617
|
+
ngOnInit(): void;
|
|
3618
|
+
/**
|
|
3619
|
+
* Change the current language
|
|
3620
|
+
* @param lang the language code
|
|
3621
|
+
*/
|
|
3622
|
+
changeLanguage(lang: string): void;
|
|
3623
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItLanguageSwitcherComponent, never>;
|
|
3624
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItLanguageSwitcherComponent, "it-language-switcher", never, { "availableLanguages": { "alias": "availableLanguages"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, never, true, never>;
|
|
3625
|
+
}
|
|
3626
|
+
|
|
3627
|
+
/**
|
|
3628
|
+
* Indicates in a textual way how much time has passed since the indicated date
|
|
3629
|
+
* @example 2 hours ago
|
|
3630
|
+
*/
|
|
3631
|
+
declare class ItDateAgoPipe extends TranslatePipe implements PipeTransform {
|
|
3632
|
+
/**
|
|
3633
|
+
* Indicates in a textual way how much time has passed since the indicated date
|
|
3634
|
+
* @example 2 hours ago
|
|
3635
|
+
* @param value the Date or date string
|
|
3636
|
+
*/
|
|
3637
|
+
transform(value: string | Date): string;
|
|
3638
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItDateAgoPipe, never>;
|
|
3639
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<ItDateAgoPipe, "itDateAgo", true>;
|
|
3640
|
+
}
|
|
3641
|
+
|
|
3642
|
+
type ItDurationPipeType = 'year' | 'month' | 'week' | 'day' | 'hour' | 'minute' | 'second';
|
|
3643
|
+
/**
|
|
3644
|
+
* Transform a number into a duration.
|
|
3645
|
+
* Is necessary indicate the value expressed by the number, for example 'day'.
|
|
3646
|
+
* @example
|
|
3647
|
+
* - 1, 'day' -> 1 day
|
|
3648
|
+
* - 5, 'day' -> 5 days
|
|
3649
|
+
* - 7, 'day' -> 1 week
|
|
3650
|
+
* - 365, 'day' -> 1 year
|
|
3651
|
+
* - 2, 'week' -> 2 weeks
|
|
3652
|
+
* ...
|
|
3653
|
+
*/
|
|
3654
|
+
declare class ItDurationPipe extends TranslatePipe implements PipeTransform {
|
|
3655
|
+
/**
|
|
3656
|
+
* Transform a number into a duration.
|
|
3657
|
+
* Is necessary indicate the value expressed by the number, for example 'day'.
|
|
3658
|
+
* @example
|
|
3659
|
+
* - 1, 'day' -> 1 day
|
|
3660
|
+
* - 5, 'day' -> 5 days
|
|
3661
|
+
* - 7, 'day' -> 1 week
|
|
3662
|
+
* - 8, 'day' -> 1 week
|
|
3663
|
+
* - 365, 'day' -> 1 year
|
|
3664
|
+
* - 2, 'week' -> 2 weeks
|
|
3665
|
+
* - 24, 'month' -> 1 year
|
|
3666
|
+
* ...
|
|
3667
|
+
* @param value the number
|
|
3668
|
+
* @param type the number expressed type
|
|
3669
|
+
*/
|
|
3670
|
+
transform(value: string | number | undefined, type: ItDurationPipeType): string;
|
|
3671
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItDurationPipe, never>;
|
|
3672
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<ItDurationPipe, "itDuration", true>;
|
|
3673
|
+
}
|
|
3674
|
+
|
|
3675
|
+
/**
|
|
3676
|
+
* Allows you to highlight text with the <mark> tag
|
|
3677
|
+
*/
|
|
3678
|
+
declare class ItMarkMatchingTextPipe implements PipeTransform {
|
|
3679
|
+
private readonly domSanitizer;
|
|
3680
|
+
/**
|
|
3681
|
+
* Allows you to highlight text with the <mark> tag
|
|
3682
|
+
* @param allString the full text to search from
|
|
3683
|
+
* @param searchString the string to search
|
|
3684
|
+
*/
|
|
3685
|
+
transform(allString: string | undefined, searchString: string | number | null | undefined): SafeHtml | string | undefined;
|
|
3686
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItMarkMatchingTextPipe, never>;
|
|
3687
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<ItMarkMatchingTextPipe, "itMarkMatchingText", true>;
|
|
3688
|
+
}
|
|
3689
|
+
|
|
3690
|
+
declare class DesignAngularKitModule {
|
|
3691
|
+
static forRoot(config?: DesignAngularKitConfig): ModuleWithProviders<DesignAngularKitModule>;
|
|
3692
|
+
static forChild(): ModuleWithProviders<DesignAngularKitModule>;
|
|
3693
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DesignAngularKitModule, never>;
|
|
3694
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DesignAngularKitModule, never, [typeof ItAccordionComponent, typeof ItAlertComponent, typeof ItAvatarModule, typeof ItBadgeDirective, typeof ItButtonDirective, typeof ItCalloutComponent, typeof ItCardComponent, typeof ItCarouselModule, typeof ItChipComponent, typeof ItCollapseComponent, typeof ItDimmerModule, typeof ItDropdownModule, typeof ItForwardDirective, typeof ItLinkComponent, typeof ItListModule, typeof ItModalComponent, typeof ItNotificationsComponent, typeof ItPaginationComponent, typeof ItPopoverDirective, typeof ItProgressBarComponent, typeof ItProgressButtonComponent, typeof ItSpinnerComponent, typeof ItSteppersModule, typeof ItTabModule, typeof ItTableModule, typeof ItTooltipDirective, typeof ItTimelineModule, typeof ItVideoPlayerComponent, typeof ItFormModule, typeof ItBackButtonComponent, typeof ItBackToTopComponent, typeof ItBreadcrumbsModule, typeof ItHeaderComponent, typeof ItFooterComponent, typeof ItNavBarModule, typeof ItSidebarComponent, typeof ItMegamenuComponent, typeof ItSkiplinkModule, typeof ItNavscrollComponent, typeof ItErrorPageComponent, typeof ItIconComponent, typeof ItLanguageSwitcherComponent, typeof ItDateAgoPipe, typeof ItDurationPipe, typeof ItMarkMatchingTextPipe], [typeof ItAccordionComponent, typeof ItAlertComponent, typeof ItAvatarModule, typeof ItBadgeDirective, typeof ItButtonDirective, typeof ItCalloutComponent, typeof ItCardComponent, typeof ItCarouselModule, typeof ItChipComponent, typeof ItCollapseComponent, typeof ItDimmerModule, typeof ItDropdownModule, typeof ItForwardDirective, typeof ItLinkComponent, typeof ItListModule, typeof ItModalComponent, typeof ItNotificationsComponent, typeof ItPaginationComponent, typeof ItPopoverDirective, typeof ItProgressBarComponent, typeof ItProgressButtonComponent, typeof ItSpinnerComponent, typeof ItSteppersModule, typeof ItTabModule, typeof ItTableModule, typeof ItTooltipDirective, typeof ItTimelineModule, typeof ItVideoPlayerComponent, typeof ItFormModule, typeof ItBackButtonComponent, typeof ItBackToTopComponent, typeof ItBreadcrumbsModule, typeof ItHeaderComponent, typeof ItFooterComponent, typeof ItNavBarModule, typeof ItSidebarComponent, typeof ItMegamenuComponent, typeof ItSkiplinkModule, typeof ItNavscrollComponent, typeof ItErrorPageComponent, typeof ItIconComponent, typeof ItLanguageSwitcherComponent, typeof ItDateAgoPipe, typeof ItDurationPipe, typeof ItMarkMatchingTextPipe]>;
|
|
3695
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<DesignAngularKitModule>;
|
|
3696
|
+
}
|
|
3697
|
+
|
|
3698
|
+
/**
|
|
3699
|
+
* Configures DesignAngularKit library
|
|
3700
|
+
* @param config the DesignAngularKit config
|
|
3701
|
+
*/
|
|
3702
|
+
declare function provideDesignAngularKit(config?: DesignAngularKitConfig): EnvironmentProviders;
|
|
3703
|
+
|
|
3704
|
+
declare class ItVideoPlayerModule {
|
|
3705
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItVideoPlayerModule, never>;
|
|
3706
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ItVideoPlayerModule, never, [typeof ItVideoPlayerComponent], [typeof ItVideoPlayerComponent]>;
|
|
3707
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ItVideoPlayerModule>;
|
|
3708
|
+
}
|
|
3709
|
+
|
|
3710
|
+
declare class ItNotificationService {
|
|
3711
|
+
private subject;
|
|
3712
|
+
/**
|
|
3713
|
+
* Listen on notification arrived
|
|
3714
|
+
* @param filterType filter type of notification
|
|
3715
|
+
*/
|
|
3716
|
+
onNotification(filterType?: NotificationType): Observable<Notification>;
|
|
3717
|
+
/**
|
|
3718
|
+
* Show new notification
|
|
3719
|
+
* @param notification notification
|
|
3720
|
+
*/
|
|
3721
|
+
addNotification(notification: Notification): void;
|
|
3722
|
+
/**
|
|
3723
|
+
* Create new Standard notification
|
|
3724
|
+
* @param title notification title
|
|
3725
|
+
* @param message notification message
|
|
3726
|
+
* @param dismissible notification dismissible
|
|
3727
|
+
* @param duration notification duration (milliseconds)
|
|
3728
|
+
* @param position notification position
|
|
3729
|
+
*/
|
|
3730
|
+
standard(title: string, message?: string, dismissible?: boolean, duration?: number, position?: NotificationPosition): void;
|
|
3731
|
+
/**
|
|
3732
|
+
* Create new Success notification
|
|
3733
|
+
* @param title notification title
|
|
3734
|
+
* @param message notification message
|
|
3735
|
+
* @param dismissible notification dismissible
|
|
3736
|
+
* @param duration notification duration (milliseconds)
|
|
3737
|
+
* @param position notification position
|
|
3738
|
+
*/
|
|
3739
|
+
success(title: string, message?: string, dismissible?: boolean, duration?: number, position?: NotificationPosition): void;
|
|
3740
|
+
/**
|
|
3741
|
+
* Create new Error notification
|
|
3742
|
+
* @param title notification title
|
|
3743
|
+
* @param message notification message
|
|
3744
|
+
* @param dismissible notification dismissible
|
|
3745
|
+
* @param duration notification duration (milliseconds)
|
|
3746
|
+
* @param position notification position
|
|
3747
|
+
*/
|
|
3748
|
+
error(title: string, message?: string, dismissible?: boolean, duration?: number, position?: NotificationPosition): void;
|
|
3749
|
+
/**
|
|
3750
|
+
* Create new Warning notification
|
|
3751
|
+
* @param title notification title
|
|
3752
|
+
* @param message notification message
|
|
3753
|
+
* @param dismissible notification dismissible
|
|
3754
|
+
* @param duration notification duration (milliseconds)
|
|
3755
|
+
* @param position notification position
|
|
3756
|
+
*/
|
|
3757
|
+
warning(title: string, message?: string, dismissible?: boolean, duration?: number, position?: NotificationPosition): void;
|
|
3758
|
+
/**
|
|
3759
|
+
* Create new Info notification
|
|
3760
|
+
* @param title notification title
|
|
3761
|
+
* @param message notification message
|
|
3762
|
+
* @param dismissible notification dismissible
|
|
3763
|
+
* @param duration notification duration (milliseconds)
|
|
3764
|
+
* @param position notification position
|
|
3765
|
+
*/
|
|
3766
|
+
info(title: string, message?: string, dismissible?: boolean, duration?: number, position?: NotificationPosition): void;
|
|
3767
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItNotificationService, never>;
|
|
3768
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ItNotificationService>;
|
|
3769
|
+
}
|
|
3770
|
+
|
|
3771
|
+
declare class ItDateUtils {
|
|
3772
|
+
/**
|
|
3773
|
+
* Add seconds to date
|
|
3774
|
+
* @param date the date
|
|
3775
|
+
* @param seconds seconds to add
|
|
3776
|
+
*/
|
|
3777
|
+
static addSeconds(date: Date, seconds: number): Date;
|
|
3778
|
+
/**
|
|
3779
|
+
* Add minutes to date
|
|
3780
|
+
* @param date the date
|
|
3781
|
+
* @param minutes minutes to add
|
|
3782
|
+
*/
|
|
3783
|
+
static addMinutes(date: Date, minutes: number): Date;
|
|
3784
|
+
/**
|
|
3785
|
+
* Add hours to date
|
|
3786
|
+
* @param date the date
|
|
3787
|
+
* @param hours hours to add
|
|
3788
|
+
*/
|
|
3789
|
+
static addHours(date: Date, hours: number): Date;
|
|
3790
|
+
/**
|
|
3791
|
+
* Add days to date
|
|
3792
|
+
* @param date the date
|
|
3793
|
+
* @param days days to add
|
|
3794
|
+
*/
|
|
3795
|
+
static addDays(date: Date, days: number): Date;
|
|
3796
|
+
/**
|
|
3797
|
+
* Add years to date
|
|
3798
|
+
* @param date the date
|
|
3799
|
+
* @param months months to add
|
|
3800
|
+
*/
|
|
3801
|
+
static addMonths(date: Date, months: number): Date;
|
|
3802
|
+
/**
|
|
3803
|
+
* Add years to date
|
|
3804
|
+
* @param date the date
|
|
3805
|
+
* @param years years to add
|
|
3806
|
+
*/
|
|
3807
|
+
static addYears(date: Date, years: number): Date;
|
|
3808
|
+
/**
|
|
3809
|
+
* Calculate number of days between two date
|
|
3810
|
+
* @param startDate
|
|
3811
|
+
* @param endDate
|
|
3812
|
+
* @param absolute return unsigned result
|
|
3813
|
+
*/
|
|
3814
|
+
static countDays(startDate: Date, endDate: Date, absolute?: boolean): number;
|
|
3815
|
+
/**
|
|
3816
|
+
* Check if string is a date with iso format
|
|
3817
|
+
* @param value the string
|
|
3818
|
+
*/
|
|
3819
|
+
static isIsoString(value: string | null): boolean;
|
|
3820
|
+
/**
|
|
3821
|
+
* Convert iso string to Date
|
|
3822
|
+
* @param isoString the iso string
|
|
3823
|
+
*/
|
|
3824
|
+
static isoStringToDate(isoString: string | null): Date | null;
|
|
3825
|
+
/**
|
|
3826
|
+
* Remove time from an iso date string
|
|
3827
|
+
* @param isoString the iso string
|
|
3828
|
+
*/
|
|
3829
|
+
static isoStringRemoveTime(isoString: string): string;
|
|
3830
|
+
/**
|
|
3831
|
+
* Set iso string hours to 0 and format correctly the date (consider timezone offset)
|
|
3832
|
+
* @example '2024-03-04T23:00:00.000Z' -> '2024-03-05T00:00:00.000Z'
|
|
3833
|
+
* @param isoString the iso string
|
|
3834
|
+
*/
|
|
3835
|
+
static isoStringSetZeroTime(isoString: string): string;
|
|
3836
|
+
/**
|
|
3837
|
+
* Calculate the date time left and return the string format [d h m s]
|
|
3838
|
+
* @param endDate
|
|
3839
|
+
*/
|
|
3840
|
+
static timeLeftString(endDate: Date): Observable<string>;
|
|
3841
|
+
/**
|
|
3842
|
+
* Calculate the next day of week
|
|
3843
|
+
* @param dayOfWeek Day of week 0=Sunday, 1=Monday...4=Thursday...
|
|
3844
|
+
* @param hour the specif hour
|
|
3845
|
+
* @param minute the specific minute
|
|
3846
|
+
*/
|
|
3847
|
+
static nextWeekDayAndTime(dayOfWeek: number, hour?: number, minute?: number): Date;
|
|
3848
|
+
}
|
|
3849
|
+
|
|
3850
|
+
declare class ItFileUtils {
|
|
3851
|
+
/**
|
|
3852
|
+
* Return the file size string
|
|
3853
|
+
* @param file the file
|
|
3854
|
+
* @param decimals decimal to show
|
|
3855
|
+
*/
|
|
3856
|
+
static getFileSizeString(file: File, decimals?: number): string;
|
|
3857
|
+
/**
|
|
3858
|
+
* Convert a file to base64 string
|
|
3859
|
+
* @param file the base64 string
|
|
3860
|
+
*/
|
|
3861
|
+
static fileToBase64(file: File): Observable<string>;
|
|
3862
|
+
/**
|
|
3863
|
+
* Convert base64 to Blob
|
|
3864
|
+
* @param base64 the base64 string
|
|
3865
|
+
* @param mimeType the <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types">MIME type</a> (example 'application/pdf')
|
|
3866
|
+
*/
|
|
3867
|
+
static base64ToBlob(base64: string, mimeType: string): Blob;
|
|
3868
|
+
/**
|
|
3869
|
+
* Convert base64 to File
|
|
3870
|
+
* @param base64 the base64 string
|
|
3871
|
+
* @param mimeType the <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types">MIME type</a> (example 'application/pdf')
|
|
3872
|
+
* @param filename the file name
|
|
3873
|
+
*/
|
|
3874
|
+
static base64ToFile(base64: string, mimeType: string, filename: string): File;
|
|
3875
|
+
/**
|
|
3876
|
+
* Extract the MIME type from base64 string
|
|
3877
|
+
* @param base64 the base64 string
|
|
3878
|
+
*/
|
|
3879
|
+
static getMimeTypeFromBase64(base64: string): string | undefined;
|
|
3880
|
+
}
|
|
3881
|
+
|
|
3882
|
+
/**
|
|
3883
|
+
* General Email Regex (RFC 5322 Official Standard)
|
|
3884
|
+
* http://emailregex.com/
|
|
3885
|
+
*/
|
|
3886
|
+
declare const EMAIL_REGEX: RegExp;
|
|
3887
|
+
/**
|
|
3888
|
+
* Phone number Regex
|
|
3889
|
+
*/
|
|
3890
|
+
declare const PHONE_NUMBER_REGEX: RegExp;
|
|
3891
|
+
/**
|
|
3892
|
+
* URL Regex
|
|
3893
|
+
*/
|
|
3894
|
+
declare const URL_REGEX: RegExp;
|
|
3895
|
+
/**
|
|
3896
|
+
* The italian tax code Regex (Codice Fiscale)
|
|
3897
|
+
*/
|
|
3898
|
+
declare const ITALIAN_TAX_CODE_REGEX: RegExp;
|
|
3899
|
+
/**
|
|
3900
|
+
* The VAT number Regex (Partita iva)
|
|
3901
|
+
*/
|
|
3902
|
+
declare const VAT_NUMBER_REGEX: RegExp;
|
|
3903
|
+
/**
|
|
3904
|
+
* Italian CAP Regex
|
|
3905
|
+
*/
|
|
3906
|
+
declare const CAP_REGEX: RegExp;
|
|
3907
|
+
/**
|
|
3908
|
+
* Italian Plate Regex
|
|
3909
|
+
*/
|
|
3910
|
+
declare const PLATE_REGEX: RegExp;
|
|
3911
|
+
/**
|
|
3912
|
+
* IBAN Regex
|
|
3913
|
+
* https://blog.marketto.it/en/2018/06/validate-any-country-iban/
|
|
3914
|
+
*/
|
|
3915
|
+
declare const IBAN_REGEX: RegExp;
|
|
3916
|
+
|
|
3917
|
+
declare class ItValidators {
|
|
3918
|
+
static SpecialCharacterPattern: string;
|
|
3919
|
+
/**
|
|
3920
|
+
* Static pattern validator with custom error
|
|
3921
|
+
* @param regex
|
|
3922
|
+
* @param error
|
|
3923
|
+
*/
|
|
3924
|
+
static customPattern(regex: RegExp, error: ValidationErrors): ValidatorFn;
|
|
3925
|
+
/**
|
|
3926
|
+
* Set Validator if the condition is satisfied
|
|
3927
|
+
* @param validator the validator to apply if the condition is true
|
|
3928
|
+
* @param condition the condition
|
|
3929
|
+
*/
|
|
3930
|
+
static conditional(validator: ValidatorFn, condition: (control: AbstractControl) => boolean): ValidatorFn;
|
|
3931
|
+
/**
|
|
3932
|
+
* Check whether our password and confirm password are a match
|
|
3933
|
+
* @param control
|
|
3934
|
+
* @param passwordControlName the password formControlName
|
|
3935
|
+
* @param confirmControlName the confirmPassword formControlName
|
|
3936
|
+
*/
|
|
3937
|
+
static passwordMatch(control: AbstractControl, passwordControlName?: string, confirmControlName?: string): AbstractControl | null;
|
|
3938
|
+
/**
|
|
3939
|
+
* Password validator
|
|
3940
|
+
* @param minLength minimum password length - default 10
|
|
3941
|
+
* @param hasNumber check whether the entered password has a number - default true
|
|
3942
|
+
* @param hasCapitalCase check whether the entered password has upper case letter - default true
|
|
3943
|
+
* @param hasSmallCase check whether the entered password has a lower-case letter - default true
|
|
3944
|
+
* @param hasSpecialCharacters check whether the entered password has a special character - default true
|
|
3945
|
+
* @param required the field is required - default true
|
|
3946
|
+
*/
|
|
3947
|
+
static password(minLength?: number, hasNumber?: boolean, hasCapitalCase?: boolean, hasSmallCase?: boolean, hasSpecialCharacters?: boolean, required?: boolean): ValidatorFn;
|
|
3948
|
+
/**
|
|
3949
|
+
* Email validator
|
|
3950
|
+
*/
|
|
3951
|
+
static get email(): ValidatorFn;
|
|
3952
|
+
/**
|
|
3953
|
+
* Phone number validator
|
|
3954
|
+
*/
|
|
3955
|
+
static get tel(): ValidatorFn;
|
|
3956
|
+
static includes(possibleValues: string[]): ValidatorFn;
|
|
3957
|
+
/**
|
|
3958
|
+
* URL validator
|
|
3959
|
+
*/
|
|
3960
|
+
static get url(): ValidatorFn;
|
|
3961
|
+
/**
|
|
3962
|
+
* Italian Tax Code validator
|
|
3963
|
+
*/
|
|
3964
|
+
static get taxCode(): ValidatorFn;
|
|
3965
|
+
/**
|
|
3966
|
+
* VAT Number validator
|
|
3967
|
+
*/
|
|
3968
|
+
static get vatNumber(): ValidatorFn;
|
|
3969
|
+
/**
|
|
3970
|
+
* Italian Postal Code validator (CAP)
|
|
3971
|
+
*/
|
|
3972
|
+
static get cap(): ValidatorFn;
|
|
3973
|
+
/**
|
|
3974
|
+
* IBAN validator
|
|
3975
|
+
*/
|
|
3976
|
+
static get iban(): ValidatorFn;
|
|
3977
|
+
/**
|
|
3978
|
+
* Italian plate validator
|
|
3979
|
+
*/
|
|
3980
|
+
static get plate(): ValidatorFn;
|
|
3981
|
+
/**
|
|
3982
|
+
* Check if value is a valid RegExp
|
|
3983
|
+
*/
|
|
3984
|
+
static get regExp(): ValidatorFn;
|
|
3985
|
+
}
|
|
3986
|
+
|
|
3987
|
+
export { CAP_REGEX, DesignAngularKitModule, EMAIL_REGEX, IBAN_REGEX, ITALIAN_TAX_CODE_REGEX, IT_ASSET_BASE_PATH, IT_SORT_DEFAULT_OPTIONS, IconNameArray, ItAccordionComponent, ItAlertComponent, ItAutocompleteComponent, ItAvatarDirective, ItAvatarDropdownComponent, ItAvatarDropdownItemComponent, ItAvatarExtraTextDirective, ItAvatarGroupComponent, ItAvatarGroupItemComponent, ItAvatarListItemDirective, ItAvatarModule, ItAvatarPresenceDirective, ItAvatarStatusDirective, ItAvatarWrapperDirective, ItBackButtonComponent, ItBackToTopComponent, ItBadgeDirective, ItBreadcrumbComponent, ItBreadcrumbItemComponent, ItBreadcrumbsModule, ItButtonDirective, ItCalloutComponent, ItCardComponent, ItCarouselComponent, ItCarouselItemComponent, ItCarouselModule, ItCheckboxComponent, ItChipComponent, ItCollapseComponent, ItDateAgoPipe, ItDateUtils, ItDimmerButtonsComponent, ItDimmerComponent, ItDimmerIconComponent, ItDimmerModule, ItDropdownComponent, ItDropdownItemComponent, ItDropdownModule, ItDurationPipe, ItErrorPageComponent, ItFileUtils, ItFooterComponent, ItFormModule, ItForwardDirective, ItHeaderComponent, ItIconComponent, ItInputComponent, ItLanguageSwitcherComponent, ItLinkComponent, ItListComponent, ItListItemComponent, ItListModule, ItMarkMatchingTextPipe, ItMegamenuComponent, ItModalComponent, ItNavBarComponent, ItNavBarItemComponent, ItNavBarModule, ItNavscrollComponent, ItNotificationService, ItNotificationsComponent, ItPaginationComponent, ItPasswordInputComponent, ItPopoverDirective, ItProgressBarComponent, ItProgressButtonComponent, ItRadioButtonComponent, ItRangeComponent, ItRatingComponent, ItSearchComponent, ItSelectComponent, ItSidebarComponent, ItSkiplinkComponent, ItSkiplinkItemComponent, ItSkiplinkModule, ItSortDirective, ItSortHeaderComponent, ItSpinnerComponent, ItSteppersContainerComponent, ItSteppersItemComponent, ItSteppersModule, ItTabContainerComponent, ItTabItemComponent, ItTabModule, ItTableComponent, ItTableModule, ItTextareaComponent, ItTimelineComponent, ItTimelineItemComponent, ItTimelineModule, ItTooltipDirective, ItTransferComponent, ItUploadDragDropComponent, ItUploadFileListComponent, ItValidators, ItVideoPlayerComponent, ItVideoPlayerModule, NotificationPosition, NotificationType, PHONE_NUMBER_REGEX, PLATE_REGEX, URL_REGEX, VAT_NUMBER_REGEX, provideDesignAngularKit };
|
|
3988
|
+
export type { AlertColor, AvailableLanguage, BadgeColor, ButtonColor, ButtonSize, ButtonType, CalloutAppearance, CalloutColor, Caption, CarouselType, Chapter, ChipColor, DesignAngularKitConfig, DimmerColor, DropdownDirection, ElementPlacement, IconColor, IconName, IconSize, InputControlType, ItDurationPipeType, ItEmbedVideoPlayerOptions, ItNativeVideoPlayerOptions, ItSortDefaultOptions, ItSortEvent, ItSortable, ItVideoPlayerConfig, ItVideoPlayerOptions, NavscrollItem, NavscrollItemActive, NavscrollItems, Notification, ProgressBarColor, SearchItem, SelectControlGroup, SelectControlOption, SortDirection, SortHeaderArrowPosition, Source, SourceType, TableColor, TableHeadColor, TableResponsive, TimelineElement, TimelinePINType, TransferItem, TransferItemSelection, UploadFileListItem, VerticalAlignment };
|