design-angular-kit 1.0.0-9 → 1.0.0-prerelease.2
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 +212 -64
- package/assets/i18n/en.json +81 -12
- package/assets/i18n/it.json +80 -11
- package/esm2022/lib/abstracts/abstract-form.component.mjs +187 -0
- package/esm2022/lib/abstracts/abstract.component.mjs +45 -0
- package/esm2022/lib/components/core/accordion/accordion.component.mjs +39 -0
- package/esm2022/lib/components/core/alert/alert.component.mjs +71 -0
- package/esm2022/lib/components/core/avatar/avatar-dropdown/avatar-dropdown.component.mjs +43 -0
- package/esm2022/lib/components/core/avatar/avatar-group/avatar-group.component.mjs +38 -0
- package/esm2022/lib/components/core/avatar/avatar.directive.mjs +78 -0
- package/esm2022/lib/components/core/avatar/avatar.module.mjs +33 -0
- package/esm2022/lib/components/core/badge/badge.directive.mjs +39 -0
- package/esm2022/lib/components/core/button/button.directive.mjs +86 -0
- package/esm2022/lib/components/core/callout/callout.component.mjs +57 -0
- package/esm2022/lib/components/core/card/card.component.mjs +59 -0
- package/esm2022/lib/components/core/carousel/carousel/carousel.component.mjs +84 -0
- package/esm2022/lib/components/core/carousel/carousel-item/carousel-item.component.mjs +19 -0
- package/esm2022/lib/components/core/carousel/carousel.module.mjs +18 -0
- package/esm2022/lib/components/core/chip/chip.component.mjs +136 -0
- package/esm2022/lib/components/core/collapse/collapse.component.mjs +104 -0
- package/esm2022/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.mjs +24 -0
- package/esm2022/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.mjs +11 -0
- package/esm2022/lib/components/core/dimmer/dimmer.component.mjs +55 -0
- package/esm2022/lib/components/core/dimmer/dimmer.module.mjs +19 -0
- package/esm2022/lib/components/core/dropdown/dropdown/dropdown.component.mjs +144 -0
- package/esm2022/lib/components/core/dropdown/dropdown-item/dropdown-item.component.mjs +61 -0
- package/esm2022/lib/components/core/dropdown/dropdown.module.mjs +18 -0
- package/esm2022/lib/components/core/forward/forward.directive.mjs +53 -0
- package/esm2022/lib/components/core/link/link.component.mjs +42 -0
- package/esm2022/lib/components/core/list/list/list.component.mjs +22 -0
- package/esm2022/lib/components/core/list/list-item/list-item.component.mjs +51 -0
- package/esm2022/lib/components/core/list/list.module.mjs +18 -0
- package/esm2022/lib/components/core/modal/modal.component.mjs +194 -0
- package/esm2022/lib/components/core/notifications/notifications.component.mjs +111 -0
- package/esm2022/lib/components/core/pagination/pagination.component.mjs +130 -0
- package/esm2022/lib/components/core/popover/popover.directive.mjs +176 -0
- package/esm2022/lib/components/core/progress-bar/progress-bar.component.mjs +34 -0
- package/esm2022/lib/components/core/progress-button/progress-button.component.mjs +25 -0
- package/esm2022/lib/components/core/spinner/spinner.component.mjs +30 -0
- package/esm2022/lib/components/core/steppers/steppers-container/steppers-container.component.mjs +116 -0
- package/esm2022/lib/components/core/steppers/steppers-item/steppers-item.component.mjs +20 -0
- package/esm2022/lib/components/core/steppers/steppers.module.mjs +18 -0
- package/esm2022/lib/components/core/tab/tab-container/tab-container.component.mjs +63 -0
- package/esm2022/lib/components/core/tab/tab-item/tab-item.component.mjs +39 -0
- package/esm2022/lib/components/core/tab/tab.module.mjs +18 -0
- package/esm2022/lib/components/core/table/sort/sort-header/sort-header.component.mjs +134 -0
- package/esm2022/lib/components/core/table/sort/sort.directive.mjs +123 -0
- package/esm2022/lib/components/core/table/table.component.mjs +45 -0
- package/esm2022/lib/components/core/table/table.module.mjs +19 -0
- package/esm2022/lib/components/core/tooltip/tooltip.directive.mjs +143 -0
- package/esm2022/lib/components/form/autocomplete/autocomplete.component.mjs +106 -0
- package/esm2022/lib/components/form/checkbox/checkbox.component.mjs +48 -0
- package/esm2022/lib/components/form/form.module.mjs +59 -0
- package/esm2022/lib/components/form/input/input.component.mjs +187 -0
- package/esm2022/lib/components/form/password-input/password-input.component.mjs +149 -0
- package/esm2022/lib/components/form/radio-button/radio-button.component.mjs +60 -0
- package/esm2022/lib/components/form/range/range.component.mjs +64 -0
- package/esm2022/lib/components/form/rating/rating.component.mjs +50 -0
- package/esm2022/lib/components/form/select/select.component.mjs +70 -0
- package/esm2022/lib/components/form/textarea/textarea.component.mjs +55 -0
- package/esm2022/lib/components/form/upload-drag-drop/upload-drag-drop.component.mjs +142 -0
- package/esm2022/lib/components/form/upload-file-list/upload-file-list.component.mjs +107 -0
- package/esm2022/lib/components/navigation/back-button/back-button.component.mjs +67 -0
- package/esm2022/lib/components/navigation/back-to-top/back-to-top.component.mjs +58 -0
- package/esm2022/lib/components/navigation/breadcrumbs/breadcrumb/breadcrumb.component.mjs +51 -0
- package/esm2022/lib/components/navigation/breadcrumbs/breadcrumb-item/breadcrumb-item.component.mjs +21 -0
- package/esm2022/lib/components/navigation/breadcrumbs/breadcrumbs.module.mjs +18 -0
- package/esm2022/lib/components/navigation/header/header.component.mjs +87 -0
- package/esm2022/lib/components/navigation/megamenu/megamenu.component.mjs +27 -0
- package/esm2022/lib/components/navigation/navbar/navbar/navbar.component.mjs +40 -0
- package/esm2022/lib/components/navigation/navbar/navbar-item/navbar-item.component.mjs +11 -0
- package/esm2022/lib/components/navigation/navbar/navbar.module.mjs +18 -0
- package/esm2022/lib/components/utils/error-page/error-page.component.mjs +74 -0
- package/esm2022/lib/components/utils/icon/icon.component.mjs +58 -0
- package/esm2022/lib/components/utils/language-switcher/language-switcher.component.mjs +50 -0
- package/esm2022/lib/design-angular-kit.module.mjs +213 -0
- package/esm2022/lib/enums/colors.enums.mjs +12 -0
- package/esm2022/lib/enums/sizes.enum.mjs +9 -0
- package/esm2022/lib/interfaces/core.mjs +16 -0
- package/esm2022/lib/interfaces/design-angular-kit-config.mjs +7 -0
- package/esm2022/lib/interfaces/form.mjs +2 -0
- package/esm2022/lib/interfaces/icon.mjs +165 -0
- package/esm2022/lib/interfaces/sortable-table.mjs +6 -0
- package/esm2022/lib/pipes/date-ago.pipe.mjs +56 -0
- package/esm2022/lib/pipes/duration.pipe.mjs +110 -0
- package/esm2022/lib/pipes/mark-matching-text.pipe.mjs +48 -0
- package/esm2022/lib/provide-design-angular-kit.mjs +61 -0
- package/esm2022/lib/services/notification/notification.service.mjs +120 -0
- package/esm2022/lib/utils/coercion.mjs +18 -0
- package/esm2022/lib/utils/date-utils.mjs +160 -0
- package/esm2022/lib/utils/file-utils.mjs +73 -0
- package/esm2022/lib/utils/regex.mjs +31 -0
- package/esm2022/lib/validators/it-validators.mjs +153 -0
- package/esm2022/public_api.mjs +99 -0
- package/fesm2022/design-angular-kit.mjs +5556 -0
- package/fesm2022/design-angular-kit.mjs.map +1 -0
- package/lib/abstracts/{abstract-form-component.d.ts → abstract-form.component.d.ts} +12 -14
- package/lib/abstracts/abstract.component.d.ts +18 -8
- package/lib/components/core/accordion/accordion.component.d.ts +11 -5
- package/lib/components/core/alert/alert.component.d.ts +15 -10
- package/lib/components/core/avatar/avatar-dropdown/avatar-dropdown.component.d.ts +29 -0
- package/lib/components/core/avatar/avatar-group/avatar-group.component.d.ts +13 -0
- package/lib/components/core/avatar/avatar.directive.d.ts +33 -0
- package/lib/components/core/avatar/avatar.module.d.ts +9 -0
- package/lib/components/core/badge/badge.directive.d.ts +14 -7
- package/lib/components/core/button/button.directive.d.ts +25 -15
- package/lib/components/core/callout/callout.component.d.ts +18 -20
- package/lib/components/core/card/card.component.d.ts +46 -18
- package/lib/components/core/carousel/carousel/carousel.component.d.ts +34 -15
- package/lib/components/core/carousel/carousel-item/carousel-item.component.d.ts +8 -3
- package/lib/components/core/carousel/carousel.module.d.ts +8 -0
- package/lib/components/core/chip/chip.component.d.ts +29 -15
- package/lib/components/core/collapse/collapse.component.d.ts +22 -15
- package/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.d.ts +3 -3
- package/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.d.ts +3 -3
- package/lib/components/core/dimmer/dimmer.component.d.ts +6 -6
- package/lib/components/core/dimmer/dimmer.module.d.ts +9 -0
- package/lib/components/core/dropdown/dropdown/dropdown.component.d.ts +30 -17
- package/lib/components/core/dropdown/dropdown-item/dropdown-item.component.d.ts +15 -12
- package/lib/components/core/dropdown/dropdown.module.d.ts +8 -0
- package/lib/components/core/forward/forward.directive.d.ts +3 -3
- package/lib/components/core/link/link.component.d.ts +14 -10
- package/lib/components/core/list/list/list.component.d.ts +20 -6
- package/lib/components/core/list/list-item/list-item.component.d.ts +23 -9
- package/lib/components/core/list/list.module.d.ts +8 -0
- package/lib/components/core/modal/modal.component.d.ts +89 -13
- package/lib/components/core/notifications/notifications.component.d.ts +9 -8
- package/lib/components/core/pagination/pagination.component.d.ts +71 -10
- package/lib/components/core/popover/popover.directive.d.ts +15 -14
- package/lib/components/core/progress-bar/progress-bar.component.d.ts +11 -8
- package/lib/components/core/progress-button/progress-button.component.d.ts +5 -6
- package/lib/components/core/spinner/spinner.component.d.ts +13 -10
- package/lib/components/core/steppers/steppers-container/steppers-container.component.d.ts +55 -27
- package/lib/components/core/steppers/steppers-item/steppers-item.component.d.ts +5 -4
- package/lib/components/core/steppers/steppers.module.d.ts +8 -0
- package/lib/components/core/tab/tab-container/tab-container.component.d.ts +15 -12
- package/lib/components/core/tab/tab-item/tab-item.component.d.ts +14 -10
- package/lib/components/core/tab/tab.module.d.ts +8 -0
- package/lib/components/core/table/sort/sort-header/sort-header.component.d.ts +72 -0
- package/lib/components/core/table/sort/sort.directive.d.ts +53 -0
- package/lib/components/core/table/table.component.d.ts +26 -20
- package/lib/components/core/table/table.module.d.ts +9 -0
- package/lib/components/core/tooltip/tooltip.directive.d.ts +12 -11
- package/lib/components/form/autocomplete/autocomplete.component.d.ts +55 -0
- package/lib/components/form/checkbox/checkbox.component.d.ts +23 -12
- package/lib/components/form/form.module.d.ts +17 -0
- package/lib/components/form/input/input.component.d.ts +42 -43
- package/lib/components/form/password-input/password-input.component.d.ts +35 -10
- package/lib/components/form/radio-button/radio-button.component.d.ts +20 -11
- package/lib/components/form/range/range.component.d.ts +42 -0
- package/lib/components/form/rating/rating.component.d.ts +24 -0
- package/lib/components/form/select/select.component.d.ts +12 -6
- package/lib/components/form/textarea/textarea.component.d.ts +15 -5
- package/lib/components/form/upload-drag-drop/upload-drag-drop.component.d.ts +18 -12
- package/lib/components/form/upload-file-list/upload-file-list.component.d.ts +14 -11
- package/lib/components/navigation/back-button/back-button.component.d.ts +8 -8
- package/lib/components/navigation/back-to-top/back-to-top.component.d.ts +15 -16
- package/lib/components/navigation/breadcrumbs/breadcrumb/breadcrumb.component.d.ts +12 -14
- package/lib/components/navigation/breadcrumbs/breadcrumb-item/breadcrumb-item.component.d.ts +9 -8
- package/lib/components/navigation/breadcrumbs/breadcrumbs.module.d.ts +8 -0
- package/lib/components/navigation/header/header.component.d.ts +28 -25
- package/lib/components/navigation/megamenu/megamenu.component.d.ts +22 -0
- package/lib/components/navigation/navbar/navbar/navbar.component.d.ts +16 -0
- package/lib/components/navigation/navbar/navbar-item/navbar-item.component.d.ts +5 -0
- package/lib/components/navigation/navbar/navbar.module.d.ts +8 -0
- package/lib/components/utils/error-page/error-page.component.d.ts +44 -0
- package/lib/components/utils/icon/icon.component.d.ts +25 -17
- package/lib/components/utils/language-switcher/language-switcher.component.d.ts +9 -5
- package/lib/design-angular-kit.module.d.ts +44 -7
- package/lib/enums/colors.enums.d.ts +10 -0
- package/lib/enums/sizes.enum.d.ts +7 -0
- package/lib/interfaces/core.d.ts +16 -15
- package/lib/interfaces/design-angular-kit-config.d.ts +30 -0
- package/lib/interfaces/form.d.ts +9 -9
- package/lib/interfaces/icon.d.ts +4 -3
- package/lib/interfaces/sortable-table.d.ts +33 -0
- package/lib/pipes/date-ago.pipe.d.ts +17 -0
- package/lib/pipes/duration.pipe.d.ts +35 -0
- package/lib/pipes/mark-matching-text.pipe.d.ts +15 -7
- package/lib/provide-design-angular-kit.d.ts +7 -0
- package/lib/services/{notifications/notifications.service.d.ts → notification/notification.service.d.ts} +3 -3
- package/lib/utils/coercion.d.ts +14 -0
- package/lib/utils/date-utils.d.ts +78 -0
- package/lib/utils/file-utils.d.ts +1 -1
- package/lib/utils/regex.d.ts +5 -0
- package/lib/validators/it-validators.d.ts +9 -2
- package/package.json +17 -22
- package/public_api.d.ts +31 -4
- package/esm2020/lib/abstracts/abstract-form-component.mjs +0 -174
- package/esm2020/lib/abstracts/abstract.component.mjs +0 -27
- package/esm2020/lib/components/core/accordion/accordion.component.mjs +0 -31
- package/esm2020/lib/components/core/alert/alert.component.mjs +0 -69
- package/esm2020/lib/components/core/badge/badge.directive.mjs +0 -34
- package/esm2020/lib/components/core/button/button.directive.mjs +0 -80
- package/esm2020/lib/components/core/callout/callout.component.mjs +0 -84
- package/esm2020/lib/components/core/card/card.component.mjs +0 -58
- package/esm2020/lib/components/core/carousel/carousel/carousel.component.mjs +0 -66
- package/esm2020/lib/components/core/carousel/carousel-item/carousel-item.component.mjs +0 -14
- package/esm2020/lib/components/core/chip/chip.component.mjs +0 -89
- package/esm2020/lib/components/core/collapse/collapse.component.mjs +0 -101
- package/esm2020/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.mjs +0 -24
- package/esm2020/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.mjs +0 -11
- package/esm2020/lib/components/core/dimmer/dimmer.component.mjs +0 -59
- package/esm2020/lib/components/core/dropdown/dropdown/dropdown.component.mjs +0 -130
- package/esm2020/lib/components/core/dropdown/dropdown-item/dropdown-item.component.mjs +0 -68
- package/esm2020/lib/components/core/forward/forward.directive.mjs +0 -51
- package/esm2020/lib/components/core/link/link.component.mjs +0 -40
- package/esm2020/lib/components/core/list/list/list.component.mjs +0 -13
- package/esm2020/lib/components/core/list/list-item/list-item.component.mjs +0 -36
- package/esm2020/lib/components/core/modal/modal.component.mjs +0 -98
- package/esm2020/lib/components/core/notifications/notifications.component.mjs +0 -110
- package/esm2020/lib/components/core/pagination/pagination.component.mjs +0 -51
- package/esm2020/lib/components/core/popover/popover.directive.mjs +0 -179
- package/esm2020/lib/components/core/progress-bar/progress-bar.component.mjs +0 -34
- package/esm2020/lib/components/core/progress-button/progress-button.component.mjs +0 -27
- package/esm2020/lib/components/core/spinner/spinner.component.mjs +0 -35
- package/esm2020/lib/components/core/steppers/steppers-container/steppers-container.component.mjs +0 -119
- package/esm2020/lib/components/core/steppers/steppers-item/steppers-item.component.mjs +0 -18
- package/esm2020/lib/components/core/tab/tab-container/tab-container.component.mjs +0 -59
- package/esm2020/lib/components/core/tab/tab-item/tab-item.component.mjs +0 -36
- package/esm2020/lib/components/core/table/table.component.mjs +0 -57
- package/esm2020/lib/components/core/tooltip/tooltip.directive.mjs +0 -143
- package/esm2020/lib/components/form/checkbox/checkbox.component.mjs +0 -40
- package/esm2020/lib/components/form/input/input.component.mjs +0 -222
- package/esm2020/lib/components/form/password-input/password-input.component.mjs +0 -112
- package/esm2020/lib/components/form/radio-button/radio-button.component.mjs +0 -53
- package/esm2020/lib/components/form/select/select.component.mjs +0 -62
- package/esm2020/lib/components/form/textarea/textarea.component.mjs +0 -46
- package/esm2020/lib/components/form/upload-drag-drop/upload-drag-drop.component.mjs +0 -137
- package/esm2020/lib/components/form/upload-file-list/upload-file-list.component.mjs +0 -104
- package/esm2020/lib/components/navigation/back-button/back-button.component.mjs +0 -69
- package/esm2020/lib/components/navigation/back-to-top/back-to-top.component.mjs +0 -74
- package/esm2020/lib/components/navigation/breadcrumbs/breadcrumb/breadcrumb.component.mjs +0 -45
- package/esm2020/lib/components/navigation/breadcrumbs/breadcrumb-item/breadcrumb-item.component.mjs +0 -23
- package/esm2020/lib/components/navigation/header/header.component.mjs +0 -63
- package/esm2020/lib/components/utils/icon/icon.component.mjs +0 -54
- package/esm2020/lib/components/utils/language-switcher/language-switcher.component.mjs +0 -39
- package/esm2020/lib/components/utils/not-found-page/not-found-page.component.mjs +0 -13
- package/esm2020/lib/design-angular-kit.module.mjs +0 -56
- package/esm2020/lib/interfaces/core.mjs +0 -16
- package/esm2020/lib/interfaces/form.mjs +0 -2
- package/esm2020/lib/interfaces/icon.mjs +0 -2
- package/esm2020/lib/modules/components.module.mjs +0 -257
- package/esm2020/lib/pipes/mark-matching-text.pipe.mjs +0 -36
- package/esm2020/lib/services/notifications/notifications.service.mjs +0 -120
- package/esm2020/lib/utils/boolean-input.mjs +0 -15
- package/esm2020/lib/utils/file-utils.mjs +0 -73
- package/esm2020/lib/utils/regex.mjs +0 -26
- package/esm2020/lib/validators/it-validators.mjs +0 -134
- package/esm2020/public_api.mjs +0 -70
- package/fesm2015/design-angular-kit.mjs +0 -3850
- package/fesm2015/design-angular-kit.mjs.map +0 -1
- package/fesm2020/design-angular-kit.mjs +0 -3797
- package/fesm2020/design-angular-kit.mjs.map +0 -1
- package/lib/components/utils/not-found-page/not-found-page.component.d.ts +0 -5
- package/lib/modules/components.module.d.ts +0 -61
- package/lib/utils/boolean-input.d.ts +0 -11
- /package/{esm2020 → esm2022}/design-angular-kit.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/interfaces/utils.mjs +0 -0
|
@@ -1,16 +1,13 @@
|
|
|
1
1
|
import { ControlValueAccessor, FormControl, NgControl, ValidatorFn } from '@angular/forms';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { BooleanInput } from '../utils/boolean-input';
|
|
2
|
+
import { DoCheck, OnInit } from '@angular/core';
|
|
3
|
+
import { ItAbstractComponent } from './abstract.component';
|
|
5
4
|
import { Observable } from 'rxjs';
|
|
6
5
|
import { TranslateService } from '@ngx-translate/core';
|
|
7
6
|
import * as i0 from "@angular/core";
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
import * as i1 from "../utils/coercion";
|
|
8
|
+
export declare abstract class ItAbstractFormComponent<T = any> extends ItAbstractComponent implements OnInit, ControlValueAccessor, DoCheck {
|
|
10
9
|
protected readonly _translateService: TranslateService;
|
|
11
|
-
protected readonly
|
|
12
|
-
protected readonly _elementRef: ElementRef;
|
|
13
|
-
protected readonly _changeDetectorRef: ChangeDetectorRef;
|
|
10
|
+
protected readonly _ngControl: NgControl;
|
|
14
11
|
/**
|
|
15
12
|
* The label of form control
|
|
16
13
|
*/
|
|
@@ -23,16 +20,16 @@ export declare class AbstractFormComponent<T = any> extends AbstractComponent im
|
|
|
23
20
|
* - <b>only-invalid</b>: Show only invalid validation color
|
|
24
21
|
* @default <b>only-invalid</b>: Show only invalid validation color
|
|
25
22
|
*/
|
|
26
|
-
validationMode:
|
|
23
|
+
validationMode: boolean | 'only-valid' | 'only-invalid';
|
|
27
24
|
/**
|
|
28
25
|
* Set the disabled state
|
|
29
26
|
*/
|
|
30
|
-
set disabled(isDisabled:
|
|
27
|
+
set disabled(isDisabled: boolean);
|
|
31
28
|
/**
|
|
32
29
|
* Internal form control
|
|
33
30
|
*/
|
|
34
|
-
control: FormControl
|
|
35
|
-
constructor(
|
|
31
|
+
protected control: FormControl<T>;
|
|
32
|
+
constructor(_translateService: TranslateService, _ngControl: NgControl);
|
|
36
33
|
/**
|
|
37
34
|
* Check if field is invalid (Validation failed)
|
|
38
35
|
*/
|
|
@@ -84,6 +81,7 @@ export declare class AbstractFormComponent<T = any> extends AbstractComponent im
|
|
|
84
81
|
* null is returned.
|
|
85
82
|
*/
|
|
86
83
|
getError(errorCode: string, path?: Array<string | number> | string): any;
|
|
87
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
88
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
84
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAbstractFormComponent<any>, [null, { optional: true; self: true; }]>;
|
|
85
|
+
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>;
|
|
86
|
+
static ngAcceptInputType_disabled: i1.BooleanInput;
|
|
89
87
|
}
|
|
@@ -1,20 +1,30 @@
|
|
|
1
1
|
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class
|
|
4
|
-
protected readonly _renderer: Renderer2;
|
|
5
|
-
protected readonly _elementRef: ElementRef;
|
|
6
|
-
protected readonly _changeDetectorRef: ChangeDetectorRef;
|
|
3
|
+
export declare abstract class ItAbstractComponent implements AfterViewInit, OnChanges {
|
|
7
4
|
/**
|
|
8
5
|
* The element ID
|
|
9
6
|
*/
|
|
10
|
-
id
|
|
7
|
+
id: string;
|
|
11
8
|
/**
|
|
12
9
|
* Fired when component input attributes was changed
|
|
13
10
|
*/
|
|
14
11
|
valueChanges: EventEmitter<void>;
|
|
15
|
-
|
|
12
|
+
/**
|
|
13
|
+
* Counter of active instances
|
|
14
|
+
* @private
|
|
15
|
+
*/
|
|
16
|
+
private static instances;
|
|
17
|
+
protected readonly _renderer: Renderer2;
|
|
18
|
+
protected readonly _elementRef: ElementRef;
|
|
19
|
+
protected readonly _changeDetectorRef: ChangeDetectorRef;
|
|
20
|
+
constructor();
|
|
16
21
|
ngAfterViewInit(): void;
|
|
17
22
|
ngOnChanges(changes: SimpleChanges): void;
|
|
18
|
-
|
|
19
|
-
|
|
23
|
+
/**
|
|
24
|
+
* Generate unique id for components
|
|
25
|
+
* @private
|
|
26
|
+
*/
|
|
27
|
+
private getDefaultId;
|
|
28
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAbstractComponent, never>;
|
|
29
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItAbstractComponent, "ng-component", never, { "id": { "alias": "id"; "required": false; }; }, { "valueChanges": "valueChanges"; }, never, never, false, never>;
|
|
20
30
|
}
|
|
@@ -1,12 +1,18 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { AfterViewInit, ElementRef } from '@angular/core';
|
|
2
|
+
import { ItCollapseComponent } from '../collapse/collapse.component';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
|
-
|
|
4
|
+
/**
|
|
5
|
+
* Accordion
|
|
6
|
+
* @description Build vertically collapsible accordions based on Collapse.
|
|
7
|
+
*/
|
|
8
|
+
export declare class ItAccordionComponent extends ItCollapseComponent implements AfterViewInit {
|
|
4
9
|
/**
|
|
5
10
|
* Accordion Title
|
|
6
11
|
*/
|
|
7
12
|
title: string;
|
|
8
|
-
|
|
13
|
+
protected collapseDiv?: ElementRef<HTMLDivElement>;
|
|
14
|
+
protected isCollapsed: boolean;
|
|
9
15
|
ngAfterViewInit(): void;
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
11
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAccordionComponent, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItAccordionComponent, "it-accordion", ["itAccordion"], { "title": { "alias": "title"; "required": true; }; }, {}, never, ["*"], true, never>;
|
|
12
18
|
}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, EventEmitter } from '@angular/core';
|
|
2
2
|
import { AlertColor } from '../../../interfaces/core';
|
|
3
|
-
import {
|
|
4
|
-
import { AbstractComponent } from '../../../abstracts/abstract.component';
|
|
3
|
+
import { ItAbstractComponent } from '../../../abstracts/abstract.component';
|
|
5
4
|
import * as i0 from "@angular/core";
|
|
6
|
-
|
|
5
|
+
import * as i1 from "../../../utils/coercion";
|
|
6
|
+
/**
|
|
7
|
+
* Alert
|
|
8
|
+
* @description You can provide feedback to the user via alert messages.
|
|
9
|
+
*/
|
|
10
|
+
export declare class ItAlertComponent extends ItAbstractComponent implements AfterViewInit {
|
|
7
11
|
/**
|
|
8
12
|
* The alert color
|
|
9
13
|
* @default info
|
|
@@ -11,19 +15,19 @@ export declare class AlertComponent extends AbstractComponent {
|
|
|
11
15
|
color: AlertColor;
|
|
12
16
|
/**
|
|
13
17
|
* Inserts the close button
|
|
18
|
+
* @default false
|
|
14
19
|
*/
|
|
15
|
-
dismissible?:
|
|
20
|
+
dismissible?: boolean;
|
|
16
21
|
/**
|
|
17
22
|
* This event fires immediately when the instance's close method is called.
|
|
18
23
|
*/
|
|
19
|
-
|
|
24
|
+
closeEvent: EventEmitter<Event>;
|
|
20
25
|
/**
|
|
21
26
|
* This event fires when the alert has been closed (it will wait for CSS transitions to complete).
|
|
22
27
|
*/
|
|
23
|
-
|
|
28
|
+
closedEvent: EventEmitter<Event>;
|
|
24
29
|
private alert?;
|
|
25
30
|
private alertElement?;
|
|
26
|
-
get isDismissible(): boolean;
|
|
27
31
|
ngAfterViewInit(): void;
|
|
28
32
|
/**
|
|
29
33
|
* Close an alert by removing it from the DOM.
|
|
@@ -34,6 +38,7 @@ export declare class AlertComponent extends AbstractComponent {
|
|
|
34
38
|
* The alert is removed
|
|
35
39
|
*/
|
|
36
40
|
dispose(): void;
|
|
37
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
38
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
41
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAlertComponent, never>;
|
|
42
|
+
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>;
|
|
43
|
+
static ngAcceptInputType_dismissible: i1.BooleanInput;
|
|
39
44
|
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { QueryList, TemplateRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class ItAvatarDropdownItemComponent {
|
|
4
|
+
_implicitContent: TemplateRef<any>;
|
|
5
|
+
/**
|
|
6
|
+
* Indica il link che possiamo passare all'elemento
|
|
7
|
+
*/
|
|
8
|
+
link: string | any[] | null | undefined;
|
|
9
|
+
/**
|
|
10
|
+
* Permette di utilizzare l'attributo html title
|
|
11
|
+
*/
|
|
12
|
+
title?: string;
|
|
13
|
+
/**
|
|
14
|
+
* Permette di utilizzare l'attributo html accesskey
|
|
15
|
+
*/
|
|
16
|
+
accesskey?: string;
|
|
17
|
+
/**
|
|
18
|
+
* Permette di utilizzare l'attributo html tabindex
|
|
19
|
+
*/
|
|
20
|
+
tabindex?: number;
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAvatarDropdownItemComponent, never>;
|
|
22
|
+
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>;
|
|
23
|
+
}
|
|
24
|
+
export declare class ItAvatarDropdownComponent {
|
|
25
|
+
componentClass: string;
|
|
26
|
+
items: QueryList<ItAvatarDropdownItemComponent>;
|
|
27
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAvatarDropdownComponent, never>;
|
|
28
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItAvatarDropdownComponent, "it-avatar-dropdown", never, {}, {}, ["items"], ["[it-avatar-dropdown-toggle]"], true, never>;
|
|
29
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { QueryList, TemplateRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class ItAvatarGroupItemComponent {
|
|
4
|
+
_implicitContent: TemplateRef<any>;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAvatarGroupItemComponent, never>;
|
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItAvatarGroupItemComponent, "it-avatar-item", never, {}, {}, never, ["*"], true, never>;
|
|
7
|
+
}
|
|
8
|
+
export declare class ItAvatarGroupComponent {
|
|
9
|
+
linkList: boolean;
|
|
10
|
+
avatars: QueryList<ItAvatarGroupItemComponent>;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAvatarGroupComponent, never>;
|
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItAvatarGroupComponent, "it-avatar-group", never, { "linkList": { "alias": "linkList"; "required": false; }; }, {}, ["avatars"], never, true, never>;
|
|
13
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { SizesEnum } from '../../../enums/sizes.enum';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class ItAvatarDirective {
|
|
4
|
+
/**
|
|
5
|
+
* Indica il colore dell'avatar. Può assumere i valori:
|
|
6
|
+
* <ul>
|
|
7
|
+
* <li> primary
|
|
8
|
+
* <li> secondary
|
|
9
|
+
* <li> green
|
|
10
|
+
* <li> orange
|
|
11
|
+
* <li> red
|
|
12
|
+
* </ul>
|
|
13
|
+
*/
|
|
14
|
+
get color(): string | undefined;
|
|
15
|
+
set color(value: string | undefined);
|
|
16
|
+
private _color?;
|
|
17
|
+
/**
|
|
18
|
+
* Indica la grandezza dell'avatar. Può assumere i valori:
|
|
19
|
+
* <ul>
|
|
20
|
+
* <li> xs
|
|
21
|
+
* <li> sm
|
|
22
|
+
* <li> lg
|
|
23
|
+
* <li> xl
|
|
24
|
+
* <li> xxl
|
|
25
|
+
* </ul>
|
|
26
|
+
*/
|
|
27
|
+
get size(): SizesEnum | undefined;
|
|
28
|
+
set size(value: string | undefined);
|
|
29
|
+
private _size?;
|
|
30
|
+
get hostClasses(): string;
|
|
31
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAvatarDirective, never>;
|
|
32
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ItAvatarDirective, "[itAvatar]", ["itAvatar"], { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
|
|
33
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./avatar-group/avatar-group.component";
|
|
3
|
+
import * as i2 from "./avatar-dropdown/avatar-dropdown.component";
|
|
4
|
+
import * as i3 from "./avatar.directive";
|
|
5
|
+
export declare class ItAvatarModule {
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItAvatarModule, never>;
|
|
7
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ItAvatarModule, never, [typeof i1.ItAvatarGroupItemComponent, typeof i1.ItAvatarGroupComponent, typeof i2.ItAvatarDropdownComponent, typeof i2.ItAvatarDropdownItemComponent, typeof i3.ItAvatarDirective], [typeof i1.ItAvatarGroupItemComponent, typeof i1.ItAvatarGroupComponent, typeof i2.ItAvatarDropdownComponent, typeof i2.ItAvatarDropdownItemComponent, typeof i3.ItAvatarDirective]>;
|
|
8
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ItAvatarModule>;
|
|
9
|
+
}
|
|
@@ -1,16 +1,23 @@
|
|
|
1
1
|
import { BadgeColor } from '../../../interfaces/core';
|
|
2
|
-
import { BooleanInput } from '../../../utils/boolean-input';
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
|
-
|
|
3
|
+
import * as i1 from "../../../utils/coercion";
|
|
4
|
+
/**
|
|
5
|
+
* Badge
|
|
6
|
+
* @description Useful for small counters and labels
|
|
7
|
+
*/
|
|
8
|
+
export declare class ItBadgeDirective {
|
|
5
9
|
/**
|
|
6
10
|
* Define the badge color
|
|
11
|
+
* @default undefined
|
|
7
12
|
*/
|
|
8
|
-
color
|
|
13
|
+
color: BadgeColor | undefined;
|
|
9
14
|
/**
|
|
10
15
|
* Show rounded badge
|
|
16
|
+
* @default false
|
|
11
17
|
*/
|
|
12
|
-
rounded?:
|
|
13
|
-
get badgeClass(): string;
|
|
14
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
15
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<
|
|
18
|
+
rounded?: boolean;
|
|
19
|
+
protected get badgeClass(): string;
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItBadgeDirective, never>;
|
|
21
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ItBadgeDirective, "[itBadge]", ["itBadge"], { "color": { "alias": "itBadge"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; }, {}, never, never, true, never>;
|
|
22
|
+
static ngAcceptInputType_rounded: i1.BooleanInput;
|
|
16
23
|
}
|
|
@@ -1,36 +1,46 @@
|
|
|
1
1
|
import { QueryList } from '@angular/core';
|
|
2
2
|
import { ButtonColor, ButtonSize } from '../../../interfaces/core';
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { ProgressButtonComponent } from '../progress-button/progress-button.component';
|
|
3
|
+
import { ItIconComponent } from '../../utils/icon/icon.component';
|
|
4
|
+
import { ItProgressButtonComponent } from '../progress-button/progress-button.component';
|
|
6
5
|
import * as i0 from "@angular/core";
|
|
7
|
-
|
|
6
|
+
import * as i1 from "../../../utils/coercion";
|
|
7
|
+
/**
|
|
8
|
+
* Button
|
|
9
|
+
* @description Bootstrap italia custom button styles
|
|
10
|
+
*/
|
|
11
|
+
export declare class ItButtonDirective {
|
|
8
12
|
private progressButtonComponent;
|
|
9
13
|
/**
|
|
10
14
|
* Button color
|
|
15
|
+
* @default undefined
|
|
11
16
|
*/
|
|
12
|
-
color
|
|
17
|
+
color: ButtonColor | undefined;
|
|
13
18
|
/**
|
|
14
19
|
* Button size
|
|
20
|
+
* @default undefined
|
|
15
21
|
*/
|
|
16
|
-
size
|
|
22
|
+
size: ButtonSize | undefined;
|
|
17
23
|
/**
|
|
18
24
|
* Indicates whether the button occupies all the width available to it.
|
|
25
|
+
* @default undefined
|
|
19
26
|
*/
|
|
20
|
-
block
|
|
27
|
+
block: ButtonSize | undefined;
|
|
21
28
|
/**
|
|
22
29
|
* If button is disabled
|
|
30
|
+
* @default false
|
|
23
31
|
*/
|
|
24
|
-
disabled?:
|
|
32
|
+
disabled?: boolean;
|
|
25
33
|
/**
|
|
26
34
|
* The icon children
|
|
35
|
+
* @default undefined
|
|
27
36
|
*/
|
|
28
|
-
icons?: QueryList<
|
|
37
|
+
protected icons?: QueryList<ItIconComponent>;
|
|
29
38
|
private isFocus;
|
|
30
|
-
constructor(progressButtonComponent:
|
|
31
|
-
onFocus(): void;
|
|
32
|
-
onBlur(): void;
|
|
33
|
-
get hostClasses(): string;
|
|
34
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
35
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<
|
|
39
|
+
constructor(progressButtonComponent: ItProgressButtonComponent);
|
|
40
|
+
protected onFocus(): void;
|
|
41
|
+
protected onBlur(): void;
|
|
42
|
+
protected get hostClasses(): string;
|
|
43
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItButtonDirective, [{ optional: true; host: true; }]>;
|
|
44
|
+
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; }; }, {}, ["icons"], never, true, never>;
|
|
45
|
+
static ngAcceptInputType_disabled: i1.BooleanInput;
|
|
36
46
|
}
|
|
@@ -1,19 +1,21 @@
|
|
|
1
|
-
import { CalloutAppearance, CalloutColor } from
|
|
1
|
+
import { CalloutAppearance, CalloutColor } from '../../../interfaces/core';
|
|
2
2
|
import { IconName } from '../../../interfaces/icon';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
|
|
4
|
+
/**
|
|
5
|
+
* Callout
|
|
6
|
+
* @description Callouts can be used to highlight certain parts of the text that require particular attention. They may contain error messages, warnings, hints, etc.
|
|
7
|
+
*/
|
|
8
|
+
export declare class ItCalloutComponent {
|
|
5
9
|
/**
|
|
6
10
|
* Callout label
|
|
11
|
+
* @default undefined
|
|
7
12
|
*/
|
|
8
|
-
|
|
9
|
-
get label(): string | undefined;
|
|
10
|
-
private _label;
|
|
13
|
+
label: string | undefined;
|
|
11
14
|
/**
|
|
12
15
|
* Callout hiddenLabel
|
|
16
|
+
* @default undefined
|
|
13
17
|
*/
|
|
14
|
-
|
|
15
|
-
get hiddenLabel(): string | undefined;
|
|
16
|
-
private _hiddenLabel;
|
|
18
|
+
hiddenLabel: string | undefined;
|
|
17
19
|
/**
|
|
18
20
|
* Callout color
|
|
19
21
|
* - <b>success</b>
|
|
@@ -21,10 +23,9 @@ export declare class CalloutComponent {
|
|
|
21
23
|
* - <b>warning</b>
|
|
22
24
|
* - <b>important</b>
|
|
23
25
|
* - <b>note</b>
|
|
26
|
+
* @default undefined
|
|
24
27
|
*/
|
|
25
|
-
|
|
26
|
-
get color(): CalloutColor | undefined;
|
|
27
|
-
private _color;
|
|
28
|
+
color: CalloutColor | undefined;
|
|
28
29
|
/**
|
|
29
30
|
* Callout appearance
|
|
30
31
|
* - <b>default</b>
|
|
@@ -32,16 +33,13 @@ export declare class CalloutComponent {
|
|
|
32
33
|
* - <b>more</b>: It looks radically different from the other styles available and is suitable for more extensive texts
|
|
33
34
|
* @default default
|
|
34
35
|
*/
|
|
35
|
-
|
|
36
|
-
get appearance(): CalloutAppearance;
|
|
37
|
-
private _appearance;
|
|
36
|
+
appearance: CalloutAppearance;
|
|
38
37
|
/**
|
|
39
38
|
* Custom icon
|
|
39
|
+
* @default undefined
|
|
40
40
|
*/
|
|
41
|
-
|
|
42
|
-
get
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CalloutComponent, never>;
|
|
46
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CalloutComponent, "it-callout", never, { "label": "label"; "hiddenLabel": "hiddenLabel"; "color": "color"; "appearance": "appearance"; "icon": "icon"; }, {}, never, ["[bigText]", "*"], false, never>;
|
|
41
|
+
icon: IconName | undefined;
|
|
42
|
+
protected get iconName(): IconName;
|
|
43
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItCalloutComponent, never>;
|
|
44
|
+
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; }; }, {}, never, ["[bigText]", "*"], true, never>;
|
|
47
45
|
}
|
|
@@ -1,41 +1,69 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { BooleanInput } from '../../../utils/boolean-input';
|
|
1
|
+
import { ItAbstractComponent } from '../../../abstracts/abstract.component';
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
|
-
|
|
3
|
+
import * as i1 from "../../../utils/coercion";
|
|
4
|
+
/**
|
|
5
|
+
* Card
|
|
6
|
+
* @description A container of texts and images with many options and variations.
|
|
7
|
+
*/
|
|
8
|
+
export declare class ItCardComponent extends ItAbstractComponent {
|
|
5
9
|
/**
|
|
6
|
-
*
|
|
7
|
-
* @default
|
|
10
|
+
* To create cards with short or "preview" content
|
|
11
|
+
* @default false
|
|
8
12
|
*/
|
|
9
|
-
|
|
13
|
+
teaser?: boolean;
|
|
10
14
|
/**
|
|
11
|
-
* To create cards
|
|
15
|
+
* To create special cards
|
|
16
|
+
* @default false
|
|
12
17
|
*/
|
|
13
|
-
|
|
18
|
+
special?: boolean;
|
|
14
19
|
/**
|
|
15
20
|
* Card with image
|
|
21
|
+
* @default false
|
|
16
22
|
*/
|
|
17
|
-
hasImage?:
|
|
23
|
+
hasImage?: boolean;
|
|
18
24
|
/**
|
|
19
25
|
* To add rounding effects
|
|
26
|
+
* @default false
|
|
20
27
|
*/
|
|
21
|
-
rounded?:
|
|
28
|
+
rounded?: boolean;
|
|
22
29
|
/**
|
|
23
30
|
* To add shadow effects
|
|
31
|
+
* @default false
|
|
32
|
+
*/
|
|
33
|
+
shadow?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* To add background and shadow
|
|
36
|
+
* @default false
|
|
37
|
+
*/
|
|
38
|
+
background?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* To add bottom border
|
|
41
|
+
* @default false
|
|
42
|
+
*/
|
|
43
|
+
borderBottom?: boolean;
|
|
44
|
+
/**
|
|
45
|
+
* To render a big card
|
|
46
|
+
* @default false
|
|
24
47
|
*/
|
|
25
|
-
|
|
48
|
+
big?: boolean;
|
|
26
49
|
/**
|
|
27
50
|
* Custom card class
|
|
51
|
+
* @default ''
|
|
28
52
|
*/
|
|
29
53
|
cardClass: string;
|
|
30
54
|
/**
|
|
31
55
|
* Custom card body class
|
|
56
|
+
* @default ''
|
|
32
57
|
*/
|
|
33
58
|
bodyClass: string;
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
static
|
|
40
|
-
static
|
|
59
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItCardComponent, never>;
|
|
60
|
+
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>;
|
|
61
|
+
static ngAcceptInputType_teaser: i1.BooleanInput;
|
|
62
|
+
static ngAcceptInputType_special: i1.BooleanInput;
|
|
63
|
+
static ngAcceptInputType_hasImage: i1.BooleanInput;
|
|
64
|
+
static ngAcceptInputType_rounded: i1.BooleanInput;
|
|
65
|
+
static ngAcceptInputType_shadow: i1.BooleanInput;
|
|
66
|
+
static ngAcceptInputType_background: i1.BooleanInput;
|
|
67
|
+
static ngAcceptInputType_borderBottom: i1.BooleanInput;
|
|
68
|
+
static ngAcceptInputType_big: i1.BooleanInput;
|
|
41
69
|
}
|
|
@@ -1,13 +1,19 @@
|
|
|
1
|
-
import { AfterViewInit, QueryList } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, OnDestroy, QueryList } from '@angular/core';
|
|
2
2
|
import { CarouselType } from '../../../../interfaces/core';
|
|
3
|
-
import {
|
|
4
|
-
import { CarouselItemComponent } from '../carousel-item/carousel-item.component';
|
|
3
|
+
import { ItCarouselItemComponent } from '../carousel-item/carousel-item.component';
|
|
5
4
|
import * as i0 from "@angular/core";
|
|
6
|
-
|
|
5
|
+
import * as i1 from "../../../../utils/coercion";
|
|
6
|
+
/**
|
|
7
|
+
* Carousel
|
|
8
|
+
* @description A presentation component for scrolling through elements, images or text slides.
|
|
9
|
+
*/
|
|
10
|
+
export declare class ItCarouselComponent implements AfterViewInit, OnDestroy {
|
|
11
|
+
private readonly _changeDetectorRef;
|
|
7
12
|
/**
|
|
8
13
|
* The callout title
|
|
14
|
+
* @default undefined
|
|
9
15
|
*/
|
|
10
|
-
title
|
|
16
|
+
title: string | undefined;
|
|
11
17
|
/**
|
|
12
18
|
* The carousel type
|
|
13
19
|
* @default default
|
|
@@ -15,32 +21,45 @@ export declare class CarouselComponent implements AfterViewInit {
|
|
|
15
21
|
type: CarouselType;
|
|
16
22
|
/**
|
|
17
23
|
* Custom class in splide__track element
|
|
24
|
+
* @default ''
|
|
18
25
|
*/
|
|
19
26
|
trackClass: string;
|
|
20
27
|
/**
|
|
21
28
|
* True for full screen (landscape) viewing
|
|
29
|
+
* @default false
|
|
22
30
|
*/
|
|
23
|
-
fullCarousel?:
|
|
31
|
+
fullCarousel?: boolean;
|
|
24
32
|
/**
|
|
25
33
|
* To indicate that the contained image is of a large type
|
|
34
|
+
* @default false
|
|
26
35
|
*/
|
|
27
|
-
bigImg?:
|
|
36
|
+
bigImg?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* To indicate that the contained image is of a standard type
|
|
39
|
+
* @default false
|
|
40
|
+
*/
|
|
41
|
+
standardImage?: boolean;
|
|
28
42
|
/**
|
|
29
43
|
* Card line style
|
|
44
|
+
* @default false
|
|
30
45
|
*/
|
|
31
|
-
lined?:
|
|
32
|
-
items?: QueryList<
|
|
46
|
+
lined?: boolean;
|
|
47
|
+
protected items?: QueryList<ItCarouselItemComponent>;
|
|
33
48
|
private carousel?;
|
|
34
49
|
private carouselDiv;
|
|
35
|
-
|
|
36
|
-
get
|
|
37
|
-
|
|
38
|
-
get isLined(): boolean;
|
|
50
|
+
private itemSubscriptions?;
|
|
51
|
+
protected get typeClass(): string;
|
|
52
|
+
constructor(_changeDetectorRef: ChangeDetectorRef);
|
|
39
53
|
ngAfterViewInit(): void;
|
|
54
|
+
ngOnDestroy(): void;
|
|
40
55
|
/**
|
|
41
56
|
* Removes CarouselBI features
|
|
42
57
|
*/
|
|
43
58
|
dispose(): void;
|
|
44
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
45
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
59
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItCarouselComponent, never>;
|
|
60
|
+
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>;
|
|
61
|
+
static ngAcceptInputType_fullCarousel: i1.BooleanInput;
|
|
62
|
+
static ngAcceptInputType_bigImg: i1.BooleanInput;
|
|
63
|
+
static ngAcceptInputType_standardImage: i1.BooleanInput;
|
|
64
|
+
static ngAcceptInputType_lined: i1.BooleanInput;
|
|
46
65
|
}
|
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import { ItAbstractComponent } from '../../../../abstracts/abstract.component';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
|
-
|
|
4
|
+
/**
|
|
5
|
+
* Carousel Item
|
|
6
|
+
* @description element, image or text slide of carousel
|
|
7
|
+
*/
|
|
8
|
+
export declare class ItCarouselItemComponent extends ItAbstractComponent {
|
|
4
9
|
/**
|
|
5
10
|
* The content of item
|
|
6
11
|
*/
|
|
7
12
|
htmlContent: TemplateRef<any>;
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItCarouselItemComponent, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ItCarouselItemComponent, "it-carousel-item", never, {}, {}, never, ["*"], true, never>;
|
|
10
15
|
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./carousel/carousel.component";
|
|
3
|
+
import * as i2 from "./carousel-item/carousel-item.component";
|
|
4
|
+
export declare class ItCarouselModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItCarouselModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ItCarouselModule, never, [typeof i1.ItCarouselComponent, typeof i2.ItCarouselItemComponent], [typeof i1.ItCarouselComponent, typeof i2.ItCarouselItemComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ItCarouselModule>;
|
|
8
|
+
}
|