design-angular-kit 1.0.0-0 → 1.0.0-10
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 +183 -24
- package/assets/i18n/en.json +93 -0
- package/assets/i18n/it.json +93 -0
- package/esm2020/lib/abstracts/abstract-form-component.mjs +174 -0
- package/esm2020/lib/abstracts/abstract.component.mjs +27 -0
- package/esm2020/lib/components/core/accordion/accordion.component.mjs +31 -0
- package/esm2020/lib/components/core/alert/alert.component.mjs +69 -0
- package/esm2020/lib/components/core/badge/badge.directive.mjs +34 -0
- package/esm2020/lib/components/core/button/button.directive.mjs +80 -0
- package/esm2020/lib/components/core/callout/callout.component.mjs +84 -0
- package/esm2020/lib/components/core/card/card.component.mjs +58 -0
- package/esm2020/lib/components/core/carousel/carousel/carousel.component.mjs +66 -0
- package/esm2020/lib/components/core/carousel/carousel-item/carousel-item.component.mjs +14 -0
- package/esm2020/lib/components/core/chip/chip.component.mjs +89 -0
- package/esm2020/lib/components/core/collapse/collapse.component.mjs +101 -0
- package/esm2020/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.mjs +24 -0
- package/esm2020/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.mjs +11 -0
- package/esm2020/lib/components/core/dimmer/dimmer.component.mjs +59 -0
- package/esm2020/lib/components/core/dropdown/dropdown/dropdown.component.mjs +130 -0
- package/esm2020/lib/components/core/dropdown/dropdown-item/dropdown-item.component.mjs +68 -0
- package/esm2020/lib/components/core/forward/forward.directive.mjs +51 -0
- package/esm2020/lib/components/core/link/link.component.mjs +40 -0
- package/esm2020/lib/components/core/list/list/list.component.mjs +13 -0
- package/esm2020/lib/components/core/list/list-item/list-item.component.mjs +36 -0
- package/esm2020/lib/components/core/modal/modal.component.mjs +98 -0
- package/esm2020/lib/components/core/notifications/notifications.component.mjs +110 -0
- package/esm2020/lib/components/core/pagination/pagination.component.mjs +51 -0
- package/esm2020/lib/components/core/popover/popover.directive.mjs +179 -0
- package/esm2020/lib/components/core/progress-bar/progress-bar.component.mjs +34 -0
- package/esm2020/lib/components/core/progress-button/progress-button.component.mjs +27 -0
- package/esm2020/lib/components/core/rating/rating.component.mjs +45 -0
- package/esm2020/lib/components/core/spinner/spinner.component.mjs +35 -0
- package/esm2020/lib/components/core/steppers/steppers-container/steppers-container.component.mjs +119 -0
- package/esm2020/lib/components/core/steppers/steppers-item/steppers-item.component.mjs +18 -0
- package/esm2020/lib/components/core/tab/tab-container/tab-container.component.mjs +59 -0
- package/esm2020/lib/components/core/tab/tab-item/tab-item.component.mjs +36 -0
- package/esm2020/lib/components/core/table/table.component.mjs +57 -0
- package/esm2020/lib/components/core/tooltip/tooltip.directive.mjs +143 -0
- package/esm2020/lib/components/form/checkbox/checkbox.component.mjs +40 -0
- package/esm2020/lib/components/form/input/input.component.mjs +222 -0
- package/esm2020/lib/components/form/password-input/password-input.component.mjs +112 -0
- package/esm2020/lib/components/form/radio-button/radio-button.component.mjs +53 -0
- package/esm2020/lib/components/form/select/select.component.mjs +62 -0
- package/esm2020/lib/components/form/textarea/textarea.component.mjs +46 -0
- package/esm2020/lib/components/form/upload-drag-drop/upload-drag-drop.component.mjs +137 -0
- package/esm2020/lib/components/form/upload-file-list/upload-file-list.component.mjs +104 -0
- package/esm2020/lib/components/navigation/back-button/back-button.component.mjs +69 -0
- package/esm2020/lib/components/navigation/back-to-top/back-to-top.component.mjs +74 -0
- package/esm2020/lib/components/navigation/breadcrumbs/breadcrumb/breadcrumb.component.mjs +45 -0
- package/esm2020/lib/components/navigation/breadcrumbs/breadcrumb-item/breadcrumb-item.component.mjs +23 -0
- package/esm2020/lib/components/navigation/header/header.component.mjs +63 -0
- package/esm2020/lib/components/utils/icon/icon.component.mjs +54 -0
- package/esm2020/lib/components/utils/language-switcher/language-switcher.component.mjs +39 -0
- package/esm2020/lib/components/utils/not-found-page/not-found-page.component.mjs +13 -0
- package/esm2020/lib/design-angular-kit.module.mjs +45 -131
- package/esm2020/lib/interfaces/core.mjs +16 -0
- package/esm2020/lib/interfaces/form.mjs +2 -0
- package/esm2020/lib/interfaces/icon.mjs +2 -0
- package/esm2020/lib/interfaces/utils.mjs +2 -0
- package/esm2020/lib/modules/components.module.mjs +261 -0
- package/esm2020/lib/pipes/mark-matching-text.pipe.mjs +36 -0
- package/esm2020/lib/services/notifications/notifications.service.mjs +120 -0
- package/esm2020/lib/utils/boolean-input.mjs +15 -0
- package/esm2020/lib/utils/file-utils.mjs +73 -0
- package/esm2020/lib/utils/regex.mjs +26 -0
- package/esm2020/lib/validators/it-validators.mjs +134 -0
- package/esm2020/public_api.mjs +67 -36
- package/fesm2015/design-angular-kit.mjs +3424 -2713
- package/fesm2015/design-angular-kit.mjs.map +1 -1
- package/fesm2020/design-angular-kit.mjs +3391 -2713
- package/fesm2020/design-angular-kit.mjs.map +1 -1
- package/lib/abstracts/abstract-form-component.d.ts +89 -0
- package/lib/abstracts/abstract.component.d.ts +20 -0
- package/lib/components/core/accordion/accordion.component.d.ts +12 -0
- package/lib/components/core/alert/alert.component.d.ts +39 -0
- package/lib/components/core/badge/badge.directive.d.ts +16 -0
- package/lib/components/core/button/button.directive.d.ts +36 -0
- package/lib/components/core/callout/callout.component.d.ts +47 -0
- package/lib/components/core/card/card.component.d.ts +41 -0
- package/lib/components/core/carousel/carousel/carousel.component.d.ts +46 -0
- package/lib/components/core/carousel/carousel-item/carousel-item.component.d.ts +10 -0
- package/lib/components/core/chip/chip.component.d.ts +62 -0
- package/lib/components/core/collapse/collapse.component.d.ts +60 -0
- package/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.d.ts +12 -0
- package/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.d.ts +5 -0
- package/lib/components/core/dimmer/dimmer.component.d.ts +24 -0
- package/lib/components/core/dropdown/dropdown/dropdown.component.d.ts +81 -0
- package/lib/components/core/dropdown/dropdown-item/dropdown-item.component.d.ts +39 -0
- package/lib/components/core/forward/forward.directive.d.ts +14 -0
- package/lib/components/core/link/link.component.d.ts +31 -0
- package/lib/components/core/list/list/list.component.d.ts +10 -0
- package/lib/components/core/list/list-item/list-item.component.d.ts +24 -0
- package/lib/components/core/modal/modal.component.d.ts +59 -0
- package/lib/components/core/notifications/notifications.component.d.ts +44 -0
- package/lib/components/core/pagination/pagination.component.d.ts +31 -0
- package/lib/components/core/popover/popover.directive.d.ts +98 -0
- package/lib/components/core/progress-bar/progress-bar.component.d.ts +28 -0
- package/lib/components/core/progress-button/progress-button.component.d.ts +22 -0
- package/lib/components/core/rating/rating.component.d.ts +20 -0
- package/lib/components/core/spinner/spinner.component.d.ts +21 -0
- package/lib/components/core/steppers/steppers-container/steppers-container.component.d.ts +102 -0
- package/lib/components/core/steppers/steppers-item/steppers-item.component.d.ts +19 -0
- package/lib/components/core/tab/tab-container/tab-container.component.d.ts +30 -0
- package/lib/components/core/tab/tab-item/tab-item.component.d.ts +34 -0
- package/lib/components/core/table/table.component.d.ts +54 -0
- package/lib/components/core/tooltip/tooltip.directive.d.ts +81 -0
- package/lib/components/form/checkbox/checkbox.component.d.ts +30 -0
- package/lib/components/form/input/input.component.d.ts +96 -0
- package/lib/components/form/password-input/password-input.component.d.ts +55 -0
- package/lib/components/form/radio-button/radio-button.component.d.ts +29 -0
- package/lib/components/form/select/select.component.d.ts +30 -0
- package/lib/components/form/textarea/textarea.component.d.ts +24 -0
- package/lib/components/form/upload-drag-drop/upload-drag-drop.component.d.ts +54 -0
- package/lib/components/form/upload-file-list/upload-file-list.component.d.ts +59 -0
- package/lib/components/navigation/back-button/back-button.component.d.ts +47 -0
- package/lib/components/navigation/back-to-top/back-to-top.component.d.ts +46 -0
- package/lib/components/navigation/breadcrumbs/breadcrumb/breadcrumb.component.d.ts +30 -0
- package/lib/components/navigation/breadcrumbs/breadcrumb-item/breadcrumb-item.component.d.ts +22 -0
- package/lib/components/navigation/header/header.component.d.ts +30 -0
- package/lib/components/utils/icon/icon.component.d.ts +40 -0
- package/lib/components/utils/language-switcher/language-switcher.component.d.ts +23 -0
- package/lib/components/utils/not-found-page/not-found-page.component.d.ts +5 -0
- package/lib/design-angular-kit.module.d.ts +7 -24
- package/lib/interfaces/core.d.ts +59 -0
- package/lib/interfaces/form.d.ts +67 -0
- package/lib/interfaces/icon.d.ts +3 -0
- package/lib/interfaces/utils.d.ts +10 -0
- package/lib/modules/components.module.d.ts +62 -0
- package/lib/services/notifications/notifications.service.d.ts +63 -0
- package/lib/utils/boolean-input.d.ts +11 -0
- package/lib/utils/file-utils.d.ts +32 -0
- package/lib/utils/regex.d.ts +25 -0
- package/lib/validators/it-validators.d.ts +58 -0
- package/package.json +22 -12
- package/public_api.d.ts +59 -35
- package/esm2020/lib/badge/badge.directive.mjs +0 -83
- package/esm2020/lib/breadcrumb/breadcrumb-item.component.mjs +0 -66
- package/esm2020/lib/breadcrumb/breadcrumb.component.mjs +0 -89
- package/esm2020/lib/button/button.directive.mjs +0 -185
- package/esm2020/lib/button/button.module.mjs +0 -18
- package/esm2020/lib/checkbox/checkbox.component.mjs +0 -138
- package/esm2020/lib/collapse/collapse-group.component.mjs +0 -57
- package/esm2020/lib/collapse/collapse-item.component.mjs +0 -79
- package/esm2020/lib/collapse/collapse.config.mjs +0 -12
- package/esm2020/lib/collapse/collapse.directive.mjs +0 -55
- package/esm2020/lib/collapse/collapse.module.mjs +0 -22
- package/esm2020/lib/dropdown/dropdown-divider.component.mjs +0 -11
- package/esm2020/lib/dropdown/dropdown-item.component.mjs +0 -97
- package/esm2020/lib/dropdown/dropdown.component.mjs +0 -143
- package/esm2020/lib/dropdown/dropdown.config.mjs +0 -12
- package/esm2020/lib/dropdown/dropdown.directive.mjs +0 -156
- package/esm2020/lib/dropdown/dropdown.module.mjs +0 -25
- package/esm2020/lib/enums/icons.enum.mjs +0 -27
- package/esm2020/lib/form-input/form-input-password.utils.mjs +0 -154
- package/esm2020/lib/form-input/form-input.component.mjs +0 -495
- package/esm2020/lib/form-input/it-prefix.directive.mjs +0 -13
- package/esm2020/lib/form-input/it-suffix.directive.mjs +0 -13
- package/esm2020/lib/form-input/it-text-prefix.directive.mjs +0 -13
- package/esm2020/lib/form-input/it-text-suffix.directive.mjs +0 -13
- package/esm2020/lib/form-input/mark-matching-text.pipe.mjs +0 -36
- package/esm2020/lib/icon/icon.component.mjs +0 -87
- package/esm2020/lib/icon/icon.module.mjs +0 -18
- package/esm2020/lib/models/Alignment.mjs +0 -15
- package/esm2020/lib/models/ButtonSize.mjs +0 -15
- package/esm2020/lib/models/InputType.mjs +0 -44
- package/esm2020/lib/models/ThemeColor.mjs +0 -30
- package/esm2020/lib/popover/popover.config.mjs +0 -17
- package/esm2020/lib/popover/popover.directive.mjs +0 -33
- package/esm2020/lib/popover/popover.module.mjs +0 -19
- package/esm2020/lib/progress-bar/progress-bar.component.mjs +0 -98
- package/esm2020/lib/radio/radio.component.mjs +0 -287
- package/esm2020/lib/radio/unique-selection-dispatcher.mjs +0 -55
- package/esm2020/lib/tabs/tab-group.component.mjs +0 -177
- package/esm2020/lib/tabs/tab.component.mjs +0 -73
- package/esm2020/lib/tabs/tabs.module.mjs +0 -20
- package/esm2020/lib/toggle/toggle.component.mjs +0 -86
- package/esm2020/lib/tooltip/tooltip.config.mjs +0 -17
- package/esm2020/lib/tooltip/tooltip.directive.mjs +0 -43
- package/esm2020/lib/tooltip/tooltip.module.mjs +0 -19
- package/esm2020/lib/util/focus-mouse.directive.mjs +0 -32
- package/esm2020/lib/util/util.mjs +0 -12
- package/esm2020/lib/util/utils.module.mjs +0 -16
- package/lib/badge/badge.directive.d.ts +0 -33
- package/lib/breadcrumb/breadcrumb-item.component.d.ts +0 -33
- package/lib/breadcrumb/breadcrumb.component.d.ts +0 -33
- package/lib/button/button.directive.d.ts +0 -72
- package/lib/button/button.module.d.ts +0 -8
- package/lib/checkbox/checkbox.component.d.ts +0 -61
- package/lib/collapse/collapse-group.component.d.ts +0 -16
- package/lib/collapse/collapse-item.component.d.ts +0 -46
- package/lib/collapse/collapse.config.d.ts +0 -6
- package/lib/collapse/collapse.directive.d.ts +0 -25
- package/lib/collapse/collapse.module.d.ts +0 -12
- package/lib/dropdown/dropdown-divider.component.d.ts +0 -5
- package/lib/dropdown/dropdown-item.component.d.ts +0 -56
- package/lib/dropdown/dropdown.component.d.ts +0 -65
- package/lib/dropdown/dropdown.config.d.ts +0 -6
- package/lib/dropdown/dropdown.directive.d.ts +0 -77
- package/lib/dropdown/dropdown.module.d.ts +0 -15
- package/lib/enums/icons.enum.d.ts +0 -23
- package/lib/form-input/form-input-password.utils.d.ts +0 -45
- package/lib/form-input/form-input.component.d.ts +0 -283
- package/lib/form-input/it-prefix.directive.d.ts +0 -5
- package/lib/form-input/it-suffix.directive.d.ts +0 -5
- package/lib/form-input/it-text-prefix.directive.d.ts +0 -5
- package/lib/form-input/it-text-suffix.directive.d.ts +0 -5
- package/lib/icon/icon.component.d.ts +0 -34
- package/lib/icon/icon.module.d.ts +0 -8
- package/lib/models/Alignment.d.ts +0 -12
- package/lib/models/ButtonSize.d.ts +0 -11
- package/lib/models/InputType.d.ts +0 -36
- package/lib/models/ThemeColor.d.ts +0 -21
- package/lib/popover/popover.config.d.ts +0 -11
- package/lib/popover/popover.directive.d.ts +0 -20
- package/lib/popover/popover.module.d.ts +0 -9
- package/lib/progress-bar/progress-bar.component.d.ts +0 -55
- package/lib/radio/radio.component.d.ts +0 -116
- package/lib/radio/unique-selection-dispatcher.d.ts +0 -36
- package/lib/tabs/tab-group.component.d.ts +0 -71
- package/lib/tabs/tab.component.d.ts +0 -44
- package/lib/tabs/tabs.module.d.ts +0 -10
- package/lib/toggle/toggle.component.d.ts +0 -46
- package/lib/tooltip/tooltip.config.d.ts +0 -11
- package/lib/tooltip/tooltip.directive.d.ts +0 -27
- package/lib/tooltip/tooltip.module.d.ts +0 -9
- package/lib/util/focus-mouse.directive.d.ts +0 -13
- package/lib/util/util.d.ts +0 -5
- package/lib/util/utils.module.d.ts +0 -7
- /package/lib/{form-input → pipes}/mark-matching-text.pipe.d.ts +0 -0
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { ControlValueAccessor, FormControl, NgControl, ValidatorFn } from '@angular/forms';
|
|
2
|
+
import { ChangeDetectorRef, DoCheck, ElementRef, OnInit, Renderer2 } from '@angular/core';
|
|
3
|
+
import { AbstractComponent } from './abstract.component';
|
|
4
|
+
import { BooleanInput } from '../utils/boolean-input';
|
|
5
|
+
import { Observable } from 'rxjs';
|
|
6
|
+
import { TranslateService } from '@ngx-translate/core';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export declare class AbstractFormComponent<T = any> extends AbstractComponent implements OnInit, ControlValueAccessor, DoCheck {
|
|
9
|
+
protected readonly _ngControl: NgControl;
|
|
10
|
+
protected readonly _translateService: TranslateService;
|
|
11
|
+
protected readonly _renderer: Renderer2;
|
|
12
|
+
protected readonly _elementRef: ElementRef;
|
|
13
|
+
protected readonly _changeDetectorRef: ChangeDetectorRef;
|
|
14
|
+
/**
|
|
15
|
+
* The label of form control
|
|
16
|
+
*/
|
|
17
|
+
label?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Validation color display mode (validation triggered if field is touched or not pristine)
|
|
20
|
+
* - <b>true</b>: Always show the validation color
|
|
21
|
+
* - <b>false</b>: Never show validation color
|
|
22
|
+
* - <b>only-valid</b>: Show only valid validation color
|
|
23
|
+
* - <b>only-invalid</b>: Show only invalid validation color
|
|
24
|
+
* @default <b>only-invalid</b>: Show only invalid validation color
|
|
25
|
+
*/
|
|
26
|
+
validationMode: BooleanInput | 'only-valid' | 'only-invalid';
|
|
27
|
+
/**
|
|
28
|
+
* Set the disabled state
|
|
29
|
+
*/
|
|
30
|
+
set disabled(isDisabled: BooleanInput);
|
|
31
|
+
/**
|
|
32
|
+
* Internal form control
|
|
33
|
+
*/
|
|
34
|
+
control: FormControl;
|
|
35
|
+
constructor(_ngControl: NgControl, _translateService: TranslateService, _renderer: Renderer2, _elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef);
|
|
36
|
+
/**
|
|
37
|
+
* Check if field is invalid (Validation failed)
|
|
38
|
+
*/
|
|
39
|
+
get isInvalid(): boolean | undefined;
|
|
40
|
+
/**
|
|
41
|
+
* Check if field is valid (Validation successful)
|
|
42
|
+
*/
|
|
43
|
+
get isValid(): boolean | undefined;
|
|
44
|
+
/**
|
|
45
|
+
* Return the invalid message string from TranslateService
|
|
46
|
+
*/
|
|
47
|
+
get invalidMessage(): Observable<string>;
|
|
48
|
+
ngOnInit(): void;
|
|
49
|
+
onChange: (_: T) => void;
|
|
50
|
+
onTouched: () => void;
|
|
51
|
+
registerOnChange(fn: any): void;
|
|
52
|
+
registerOnTouched(fn: any): void;
|
|
53
|
+
setDisabledState(isDisabled: boolean): void;
|
|
54
|
+
writeValue(value: T): void;
|
|
55
|
+
/**
|
|
56
|
+
* Mark the control as touched
|
|
57
|
+
*/
|
|
58
|
+
markAsTouched(): void;
|
|
59
|
+
/**
|
|
60
|
+
* Fired to check if form control is touched
|
|
61
|
+
*/
|
|
62
|
+
ngDoCheck(): void;
|
|
63
|
+
/**
|
|
64
|
+
* Add the validators in control and parent control
|
|
65
|
+
* @param validators the validators
|
|
66
|
+
* @protected
|
|
67
|
+
*/
|
|
68
|
+
protected addValidators(validators: ValidatorFn | ValidatorFn[]): void;
|
|
69
|
+
/**
|
|
70
|
+
* Reports whether the control with the given path has the error specified. <br/>
|
|
71
|
+
* If the control is not present, false is returned.
|
|
72
|
+
* @param errorCode The code of the error to check
|
|
73
|
+
* @param path A list of control names that designates how to move from the current control
|
|
74
|
+
* to the control that should be queried for errors.
|
|
75
|
+
* @returns whether the given error is present in the control at the given path.
|
|
76
|
+
*/
|
|
77
|
+
hasError(errorCode: string, path?: Array<string | number> | string): boolean;
|
|
78
|
+
/**
|
|
79
|
+
* Reports error data for the control with the given path.
|
|
80
|
+
* @param errorCode The code of the error to check
|
|
81
|
+
* @param path A list of control names that designates how to move from the current control
|
|
82
|
+
* to the control that should be queried for errors.
|
|
83
|
+
* @returns error data for that particular error. If the control or error is not present,
|
|
84
|
+
* null is returned.
|
|
85
|
+
*/
|
|
86
|
+
getError(errorCode: string, path?: Array<string | number> | string): any;
|
|
87
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AbstractFormComponent<any>, [{ optional: true; self: true; }, null, null, null, null]>;
|
|
88
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AbstractFormComponent<any>, "ng-component", never, { "label": "label"; "validationMode": "validationMode"; "disabled": "disabled"; }, {}, never, never, false, never>;
|
|
89
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class AbstractComponent implements AfterViewInit, OnChanges {
|
|
4
|
+
protected readonly _renderer: Renderer2;
|
|
5
|
+
protected readonly _elementRef: ElementRef;
|
|
6
|
+
protected readonly _changeDetectorRef: ChangeDetectorRef;
|
|
7
|
+
/**
|
|
8
|
+
* The element ID
|
|
9
|
+
*/
|
|
10
|
+
id?: string;
|
|
11
|
+
/**
|
|
12
|
+
* Fired when component input attributes was changed
|
|
13
|
+
*/
|
|
14
|
+
valueChanges: EventEmitter<void>;
|
|
15
|
+
constructor(_renderer: Renderer2, _elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef);
|
|
16
|
+
ngAfterViewInit(): void;
|
|
17
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AbstractComponent, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AbstractComponent, "ng-component", never, { "id": "id"; }, { "valueChanges": "valueChanges"; }, never, never, false, never>;
|
|
20
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { CollapseComponent } from '../collapse/collapse.component';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class AccordionComponent extends CollapseComponent {
|
|
4
|
+
/**
|
|
5
|
+
* Accordion Title
|
|
6
|
+
*/
|
|
7
|
+
title: string;
|
|
8
|
+
isCollapsed: boolean;
|
|
9
|
+
ngAfterViewInit(): void;
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, never>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "it-accordion[id][title]", ["itAccordion"], { "title": "title"; }, {}, never, ["*"], false, never>;
|
|
12
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import { AlertColor } from '../../../interfaces/core';
|
|
3
|
+
import { BooleanInput } from '../../../utils/boolean-input';
|
|
4
|
+
import { AbstractComponent } from '../../../abstracts/abstract.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class AlertComponent extends AbstractComponent {
|
|
7
|
+
/**
|
|
8
|
+
* The alert color
|
|
9
|
+
* @default info
|
|
10
|
+
*/
|
|
11
|
+
color: AlertColor;
|
|
12
|
+
/**
|
|
13
|
+
* Inserts the close button
|
|
14
|
+
*/
|
|
15
|
+
dismissible?: BooleanInput;
|
|
16
|
+
/**
|
|
17
|
+
* This event fires immediately when the instance's close method is called.
|
|
18
|
+
*/
|
|
19
|
+
onClose: EventEmitter<Event>;
|
|
20
|
+
/**
|
|
21
|
+
* This event fires when the alert has been closed (it will wait for CSS transitions to complete).
|
|
22
|
+
*/
|
|
23
|
+
onClosed: EventEmitter<Event>;
|
|
24
|
+
private alert?;
|
|
25
|
+
private alertElement?;
|
|
26
|
+
get isDismissible(): boolean;
|
|
27
|
+
ngAfterViewInit(): void;
|
|
28
|
+
/**
|
|
29
|
+
* Close an alert by removing it from the DOM.
|
|
30
|
+
* If the `.fade` and `.show` classes are present in the element, the alert will be closed with a disappearing effect.
|
|
31
|
+
*/
|
|
32
|
+
close(): void;
|
|
33
|
+
/**
|
|
34
|
+
* The alert is removed
|
|
35
|
+
*/
|
|
36
|
+
dispose(): void;
|
|
37
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
|
|
38
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "it-alert", ["itAlert"], { "color": "color"; "dismissible": "dismissible"; }, { "onClose": "onClose"; "onClosed": "onClosed"; }, never, ["[heading]", "*"], false, never>;
|
|
39
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { BadgeColor } from '../../../interfaces/core';
|
|
2
|
+
import { BooleanInput } from '../../../utils/boolean-input';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class BadgeDirective {
|
|
5
|
+
/**
|
|
6
|
+
* Define the badge color
|
|
7
|
+
*/
|
|
8
|
+
color?: BadgeColor;
|
|
9
|
+
/**
|
|
10
|
+
* Show rounded badge
|
|
11
|
+
*/
|
|
12
|
+
rounded?: BooleanInput;
|
|
13
|
+
get badgeClass(): string;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BadgeDirective, never>;
|
|
15
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BadgeDirective, "[itBadge]", ["itBadge"], { "color": "itBadge"; "rounded": "rounded"; }, {}, never, never, false, never>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { QueryList } from '@angular/core';
|
|
2
|
+
import { ButtonColor, ButtonSize } from '../../../interfaces/core';
|
|
3
|
+
import { IconComponent } from '../../utils/icon/icon.component';
|
|
4
|
+
import { BooleanInput } from '../../../utils/boolean-input';
|
|
5
|
+
import { ProgressButtonComponent } from '../progress-button/progress-button.component';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class ButtonDirective {
|
|
8
|
+
private progressButtonComponent;
|
|
9
|
+
/**
|
|
10
|
+
* Button color
|
|
11
|
+
*/
|
|
12
|
+
color?: ButtonColor;
|
|
13
|
+
/**
|
|
14
|
+
* Button size
|
|
15
|
+
*/
|
|
16
|
+
size?: ButtonSize;
|
|
17
|
+
/**
|
|
18
|
+
* Indicates whether the button occupies all the width available to it.
|
|
19
|
+
*/
|
|
20
|
+
block?: ButtonSize;
|
|
21
|
+
/**
|
|
22
|
+
* If button is disabled
|
|
23
|
+
*/
|
|
24
|
+
disabled?: BooleanInput;
|
|
25
|
+
/**
|
|
26
|
+
* The icon children
|
|
27
|
+
*/
|
|
28
|
+
icons?: QueryList<IconComponent>;
|
|
29
|
+
private isFocus;
|
|
30
|
+
constructor(progressButtonComponent: ProgressButtonComponent);
|
|
31
|
+
onFocus(): void;
|
|
32
|
+
onBlur(): void;
|
|
33
|
+
get hostClasses(): string;
|
|
34
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonDirective, [{ optional: true; host: true; }]>;
|
|
35
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonDirective, "[itButton]", ["itButton"], { "color": "itButton"; "size": "size"; "block": "block"; "disabled": "disabled"; }, {}, ["icons"], never, false, never>;
|
|
36
|
+
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { CalloutAppearance, CalloutColor } from "../../../interfaces/core";
|
|
2
|
+
import { IconName } from '../../../interfaces/icon';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class CalloutComponent {
|
|
5
|
+
/**
|
|
6
|
+
* Callout label
|
|
7
|
+
*/
|
|
8
|
+
set label(value: string | undefined);
|
|
9
|
+
get label(): string | undefined;
|
|
10
|
+
private _label;
|
|
11
|
+
/**
|
|
12
|
+
* Callout hiddenLabel
|
|
13
|
+
*/
|
|
14
|
+
set hiddenLabel(value: string | undefined);
|
|
15
|
+
get hiddenLabel(): string | undefined;
|
|
16
|
+
private _hiddenLabel;
|
|
17
|
+
/**
|
|
18
|
+
* Callout color
|
|
19
|
+
* - <b>success</b>
|
|
20
|
+
* - <b>danger</b>
|
|
21
|
+
* - <b>warning</b>
|
|
22
|
+
* - <b>important</b>
|
|
23
|
+
* - <b>note</b>
|
|
24
|
+
*/
|
|
25
|
+
set color(value: CalloutColor | undefined);
|
|
26
|
+
get color(): CalloutColor | undefined;
|
|
27
|
+
private _color;
|
|
28
|
+
/**
|
|
29
|
+
* Callout appearance
|
|
30
|
+
* - <b>default</b>
|
|
31
|
+
* - <b>highlight</b>: Callout version with border only on the left side
|
|
32
|
+
* - <b>more</b>: It looks radically different from the other styles available and is suitable for more extensive texts
|
|
33
|
+
* @default default
|
|
34
|
+
*/
|
|
35
|
+
set appearance(value: CalloutAppearance);
|
|
36
|
+
get appearance(): CalloutAppearance;
|
|
37
|
+
private _appearance;
|
|
38
|
+
/**
|
|
39
|
+
* Custom icon
|
|
40
|
+
*/
|
|
41
|
+
set icon(value: IconName | undefined);
|
|
42
|
+
get icon(): IconName | undefined;
|
|
43
|
+
private _icon;
|
|
44
|
+
get iconName(): IconName;
|
|
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>;
|
|
47
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { AbstractComponent } from '../../../abstracts/abstract.component';
|
|
2
|
+
import { BooleanInput } from '../../../utils/boolean-input';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class CardComponent extends AbstractComponent {
|
|
5
|
+
/**
|
|
6
|
+
* It serves to space the cards in their mobile version.
|
|
7
|
+
* @default true
|
|
8
|
+
*/
|
|
9
|
+
space: BooleanInput;
|
|
10
|
+
/**
|
|
11
|
+
* To create cards with short or "preview" content
|
|
12
|
+
*/
|
|
13
|
+
teaser?: BooleanInput;
|
|
14
|
+
/**
|
|
15
|
+
* Card with image
|
|
16
|
+
*/
|
|
17
|
+
hasImage?: BooleanInput;
|
|
18
|
+
/**
|
|
19
|
+
* To add rounding effects
|
|
20
|
+
*/
|
|
21
|
+
rounded?: BooleanInput;
|
|
22
|
+
/**
|
|
23
|
+
* To add shadow effects
|
|
24
|
+
*/
|
|
25
|
+
shadow?: BooleanInput;
|
|
26
|
+
/**
|
|
27
|
+
* Custom card class
|
|
28
|
+
*/
|
|
29
|
+
cardClass: string;
|
|
30
|
+
/**
|
|
31
|
+
* Custom card body class
|
|
32
|
+
*/
|
|
33
|
+
bodyClass: string;
|
|
34
|
+
get isSpace(): boolean;
|
|
35
|
+
get isTeaser(): boolean;
|
|
36
|
+
get isHasImage(): boolean;
|
|
37
|
+
get isRounded(): boolean;
|
|
38
|
+
get isShadow(): boolean;
|
|
39
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
|
|
40
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "it-card", never, { "space": "space"; "teaser": "teaser"; "hasImage": "hasImage"; "rounded": "rounded"; "shadow": "shadow"; "cardClass": "cardClass"; "bodyClass": "bodyClass"; }, {}, never, ["[beforeBody]", "*"], false, never>;
|
|
41
|
+
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { AfterViewInit, QueryList } from '@angular/core';
|
|
2
|
+
import { CarouselType } from '../../../../interfaces/core';
|
|
3
|
+
import { BooleanInput } from '../../../../utils/boolean-input';
|
|
4
|
+
import { CarouselItemComponent } from '../carousel-item/carousel-item.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class CarouselComponent implements AfterViewInit {
|
|
7
|
+
/**
|
|
8
|
+
* The callout title
|
|
9
|
+
*/
|
|
10
|
+
title?: string;
|
|
11
|
+
/**
|
|
12
|
+
* The carousel type
|
|
13
|
+
* @default default
|
|
14
|
+
*/
|
|
15
|
+
type: CarouselType;
|
|
16
|
+
/**
|
|
17
|
+
* Custom class in splide__track element
|
|
18
|
+
*/
|
|
19
|
+
trackClass: string;
|
|
20
|
+
/**
|
|
21
|
+
* True for full screen (landscape) viewing
|
|
22
|
+
*/
|
|
23
|
+
fullCarousel?: BooleanInput;
|
|
24
|
+
/**
|
|
25
|
+
* To indicate that the contained image is of a large type
|
|
26
|
+
*/
|
|
27
|
+
bigImg?: BooleanInput;
|
|
28
|
+
/**
|
|
29
|
+
* Card line style
|
|
30
|
+
*/
|
|
31
|
+
lined?: BooleanInput;
|
|
32
|
+
items?: QueryList<CarouselItemComponent>;
|
|
33
|
+
private carousel?;
|
|
34
|
+
private carouselDiv;
|
|
35
|
+
get typeClass(): string;
|
|
36
|
+
get isFullCarousel(): boolean;
|
|
37
|
+
get isBigImg(): boolean;
|
|
38
|
+
get isLined(): boolean;
|
|
39
|
+
ngAfterViewInit(): void;
|
|
40
|
+
/**
|
|
41
|
+
* Removes CarouselBI features
|
|
42
|
+
*/
|
|
43
|
+
dispose(): void;
|
|
44
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CarouselComponent, never>;
|
|
45
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "it-carousel", ["itCarousel"], { "title": "title"; "type": "type"; "trackClass": "trackClass"; "fullCarousel": "fullCarousel"; "bigImg": "bigImg"; "lined": "lined"; }, {}, ["items"], never, false, never>;
|
|
46
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class CarouselItemComponent {
|
|
4
|
+
/**
|
|
5
|
+
* The content of item
|
|
6
|
+
*/
|
|
7
|
+
htmlContent: TemplateRef<any>;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CarouselItemComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CarouselItemComponent, "it-carousel-item", never, {}, {}, never, ["*"], false, never>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import { IconName } from '../../../interfaces/icon';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare type ChipColor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning';
|
|
5
|
+
export declare class ChipComponent {
|
|
6
|
+
/**
|
|
7
|
+
* Indica la label
|
|
8
|
+
*/
|
|
9
|
+
set label(value: string);
|
|
10
|
+
get label(): string;
|
|
11
|
+
private _label;
|
|
12
|
+
/**
|
|
13
|
+
* Indica se mostrate il pulante di chisura
|
|
14
|
+
*/
|
|
15
|
+
set showCloseButton(value: boolean);
|
|
16
|
+
get showCloseButton(): boolean;
|
|
17
|
+
private _showCloseButton;
|
|
18
|
+
/**
|
|
19
|
+
* Indica il size
|
|
20
|
+
*/
|
|
21
|
+
set size(value: '' | 'lg');
|
|
22
|
+
get size(): '' | 'lg';
|
|
23
|
+
private _size;
|
|
24
|
+
/**
|
|
25
|
+
* Indica il colore della chip
|
|
26
|
+
*/
|
|
27
|
+
set color(value: ChipColor | undefined);
|
|
28
|
+
get color(): ChipColor | undefined;
|
|
29
|
+
private _color;
|
|
30
|
+
/**
|
|
31
|
+
* Indica se la chip è disabilitata
|
|
32
|
+
*/
|
|
33
|
+
set disabled(value: boolean);
|
|
34
|
+
get disabled(): boolean;
|
|
35
|
+
private _disabled;
|
|
36
|
+
/**
|
|
37
|
+
* Indica il nome dell'icona, se valorizzata viene mostrata
|
|
38
|
+
*/
|
|
39
|
+
set icon(value: IconName | undefined);
|
|
40
|
+
get icon(): IconName | undefined;
|
|
41
|
+
private _icon;
|
|
42
|
+
/**
|
|
43
|
+
* Indica l'url dell'avatar, se valorizzata viene mostrata
|
|
44
|
+
*/
|
|
45
|
+
set avatar(value: string | undefined);
|
|
46
|
+
get avatar(): string | undefined;
|
|
47
|
+
private _avatar;
|
|
48
|
+
/**
|
|
49
|
+
* Indica il valore da aggiungere al parametro alt, di default ''
|
|
50
|
+
*/
|
|
51
|
+
set altAvatar(value: string);
|
|
52
|
+
get altAvatar(): string;
|
|
53
|
+
private _altAvatar;
|
|
54
|
+
/**
|
|
55
|
+
* Evento emesso al click sul bottone di chiusura
|
|
56
|
+
*/
|
|
57
|
+
close: EventEmitter<any>;
|
|
58
|
+
iconClose: IconName;
|
|
59
|
+
clickToClose(): void;
|
|
60
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ChipComponent, never>;
|
|
61
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ChipComponent, "it-chip", never, { "label": "label"; "showCloseButton": "showCloseButton"; "size": "size"; "color": "color"; "disabled": "disabled"; "icon": "icon"; "avatar": "avatar"; "altAvatar": "altAvatar"; }, { "close": "close"; }, never, never, false, never>;
|
|
62
|
+
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import { AbstractComponent } from '../../../abstracts/abstract.component';
|
|
3
|
+
import { BooleanInput } from '../../../utils/boolean-input';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class CollapseComponent extends AbstractComponent {
|
|
6
|
+
/**
|
|
7
|
+
* Enable multiple collapse
|
|
8
|
+
*/
|
|
9
|
+
multi?: BooleanInput;
|
|
10
|
+
/**
|
|
11
|
+
* Toggles the collapsible element on invocation
|
|
12
|
+
*/
|
|
13
|
+
opened?: BooleanInput;
|
|
14
|
+
/**
|
|
15
|
+
* Custom class
|
|
16
|
+
*/
|
|
17
|
+
class: string;
|
|
18
|
+
/**
|
|
19
|
+
* This event fires immediately when the show method is called.
|
|
20
|
+
*/
|
|
21
|
+
onShow: EventEmitter<Event>;
|
|
22
|
+
/**
|
|
23
|
+
* This event is triggered when the tooltip has been made visible to the user (it will wait for the CSS transitions to complete).
|
|
24
|
+
*/
|
|
25
|
+
onShown: EventEmitter<Event>;
|
|
26
|
+
/**
|
|
27
|
+
* This event fires immediately when the hide method is called.
|
|
28
|
+
*/
|
|
29
|
+
onHide: EventEmitter<Event>;
|
|
30
|
+
/**
|
|
31
|
+
* This event is raised when the tooltip has finished being hidden from the user (it will wait for the CSS transitions to complete).
|
|
32
|
+
*/
|
|
33
|
+
onHidden: EventEmitter<Event>;
|
|
34
|
+
private collapse?;
|
|
35
|
+
private collapseDiv?;
|
|
36
|
+
get isMulti(): boolean;
|
|
37
|
+
get isOpenedOnStart(): boolean;
|
|
38
|
+
ngAfterViewInit(): void;
|
|
39
|
+
/**
|
|
40
|
+
* Shows a resealable item
|
|
41
|
+
* NOTE: Returns to the caller before the collapsable element has actually been shown (onShown event).
|
|
42
|
+
*/
|
|
43
|
+
show(): void;
|
|
44
|
+
/**
|
|
45
|
+
* Hides a resealable item
|
|
46
|
+
* NOTE: Returns to the caller before the collapsable element has actually been hidden (onHidden Event)
|
|
47
|
+
*/
|
|
48
|
+
hide(): void;
|
|
49
|
+
/**
|
|
50
|
+
* Toggle a collapsible item to show or hide it.
|
|
51
|
+
* NOTE: Returns to the caller before the collapsable element has actually been shown or hidden (onShown and onHidden events)
|
|
52
|
+
*/
|
|
53
|
+
toggle(): void;
|
|
54
|
+
/**
|
|
55
|
+
* Eliminates the possibility of an item being resealable
|
|
56
|
+
*/
|
|
57
|
+
dispose(): void;
|
|
58
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CollapseComponent, never>;
|
|
59
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CollapseComponent, "it-collapse[id]", ["itCollapse"], { "multi": "multi"; "opened": "opened"; "class": "class"; }, { "onShow": "onShow"; "onShown": "onShown"; "onHide": "onHide"; "onHidden": "onHidden"; }, never, ["*"], false, never>;
|
|
60
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class DimmerButtonsComponent {
|
|
3
|
+
/**
|
|
4
|
+
* Indica se abbiamo 1 solo bottone
|
|
5
|
+
* @default false
|
|
6
|
+
*/
|
|
7
|
+
set hasOneButton(value: boolean);
|
|
8
|
+
get hasOneButton(): boolean;
|
|
9
|
+
private _hasOneButton;
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DimmerButtonsComponent, never>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DimmerButtonsComponent, "it-dimmer-buttons", never, { "hasOneButton": "hasOneButton"; }, {}, never, ["*"], false, never>;
|
|
12
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class DimmerIconComponent {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DimmerIconComponent, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DimmerIconComponent, "it-dimmer-icon", never, {}, {}, never, ["*"], false, never>;
|
|
5
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ElementRef, OnInit } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare type DimmerColor = '' | 'dimmer-primary';
|
|
4
|
+
export declare class DimmerComponent implements OnInit {
|
|
5
|
+
private elementRef;
|
|
6
|
+
/**
|
|
7
|
+
* Dimmer status
|
|
8
|
+
* @default false
|
|
9
|
+
*/
|
|
10
|
+
set active(value: boolean);
|
|
11
|
+
get active(): boolean;
|
|
12
|
+
private _active;
|
|
13
|
+
/**
|
|
14
|
+
* Colore del dimmer
|
|
15
|
+
* @default ''
|
|
16
|
+
*/
|
|
17
|
+
set color(value: DimmerColor);
|
|
18
|
+
get color(): DimmerColor;
|
|
19
|
+
private _color;
|
|
20
|
+
constructor(elementRef: ElementRef);
|
|
21
|
+
ngOnInit(): void;
|
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DimmerComponent, never>;
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DimmerComponent, "it-dimmer", never, { "active": "active"; "color": "color"; }, {}, never, ["*"], false, never>;
|
|
24
|
+
}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { EventEmitter, QueryList, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { AbstractComponent } from '../../../../abstracts/abstract.component';
|
|
3
|
+
import { ButtonColor, DropdownDirection } from '../../../../interfaces/core';
|
|
4
|
+
import { BooleanInput } from '../../../../utils/boolean-input';
|
|
5
|
+
import { DropdownItemComponent } from '../dropdown-item/dropdown-item.component';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class DropdownComponent extends AbstractComponent {
|
|
8
|
+
/**
|
|
9
|
+
* Button color
|
|
10
|
+
*/
|
|
11
|
+
color?: ButtonColor;
|
|
12
|
+
/**
|
|
13
|
+
* To open menu items to:
|
|
14
|
+
* - <strong>dropup</strong>: up
|
|
15
|
+
* - <strong>dropend</strong>: right
|
|
16
|
+
* - <strong>dropstart</strong>: left
|
|
17
|
+
*/
|
|
18
|
+
direction?: DropdownDirection;
|
|
19
|
+
/**
|
|
20
|
+
* To get a dropdown menu as wide as the element containing the dropdown button
|
|
21
|
+
*/
|
|
22
|
+
fullWidth?: BooleanInput;
|
|
23
|
+
/**
|
|
24
|
+
* Dark menu style
|
|
25
|
+
*/
|
|
26
|
+
dark?: BooleanInput;
|
|
27
|
+
/**
|
|
28
|
+
* The dropdown items
|
|
29
|
+
*/
|
|
30
|
+
items?: QueryList<DropdownItemComponent>;
|
|
31
|
+
/**
|
|
32
|
+
* Fires immediately when the show instance method is called.
|
|
33
|
+
*/
|
|
34
|
+
onShow: EventEmitter<Event>;
|
|
35
|
+
/**
|
|
36
|
+
* Fired when the dropdown has been made visible to the user and CSS transitions have completed.
|
|
37
|
+
*/
|
|
38
|
+
onShown: EventEmitter<Event>;
|
|
39
|
+
/**
|
|
40
|
+
* Fires immediately when the hide instance method has been called.
|
|
41
|
+
*/
|
|
42
|
+
onHide: EventEmitter<Event>;
|
|
43
|
+
/**
|
|
44
|
+
* Fired when the dropdown has finished being hidden from the user and CSS transitions have completed.
|
|
45
|
+
*/
|
|
46
|
+
onHidden: EventEmitter<Event>;
|
|
47
|
+
private dropdown?;
|
|
48
|
+
private dropdownButton?;
|
|
49
|
+
get buttonClass(): string;
|
|
50
|
+
get isFullWidth(): boolean;
|
|
51
|
+
get isDark(): boolean;
|
|
52
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
53
|
+
ngAfterViewInit(): void;
|
|
54
|
+
/**
|
|
55
|
+
* Set child items dark mode
|
|
56
|
+
* @private
|
|
57
|
+
*/
|
|
58
|
+
private setDarkItems;
|
|
59
|
+
/**
|
|
60
|
+
* Toggles the dropdown menu of a given navbar or tabbed navigation.
|
|
61
|
+
*/
|
|
62
|
+
toggle(): void;
|
|
63
|
+
/**
|
|
64
|
+
* Shows the dropdown menu of a given navbar or tabbed navigation.
|
|
65
|
+
*/
|
|
66
|
+
show(): void;
|
|
67
|
+
/**
|
|
68
|
+
* Hides the dropdown menu of a given navbar or tabbed navigation.
|
|
69
|
+
*/
|
|
70
|
+
hide(): void;
|
|
71
|
+
/**
|
|
72
|
+
* Updates the position of an element's dropdown.
|
|
73
|
+
*/
|
|
74
|
+
update(): void;
|
|
75
|
+
/**
|
|
76
|
+
* Destroys an element's dropdown. (Removes stored data on the DOM element)
|
|
77
|
+
*/
|
|
78
|
+
dispose(): void;
|
|
79
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
|
|
80
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "it-dropdown[id]", ["itDropdown"], { "color": "color"; "direction": "direction"; "fullWidth": "fullWidth"; "dark": "dark"; }, { "onShow": "onShow"; "onShown": "onShown"; "onHide": "onHide"; "onHidden": "onHidden"; }, ["items"], ["[button]", "[listHeading]", "[list]"], false, never>;
|
|
81
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { BooleanInput } from '../../../../utils/boolean-input';
|
|
2
|
+
import { IconName } from '../../../../interfaces/icon';
|
|
3
|
+
import { LinkComponent } from '../../link/link.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class DropdownItemComponent extends LinkComponent {
|
|
6
|
+
/**
|
|
7
|
+
* Show divider
|
|
8
|
+
*/
|
|
9
|
+
divider?: BooleanInput;
|
|
10
|
+
/**
|
|
11
|
+
* Active item
|
|
12
|
+
*/
|
|
13
|
+
active?: BooleanInput;
|
|
14
|
+
/**
|
|
15
|
+
* To increase the size of links
|
|
16
|
+
*/
|
|
17
|
+
large?: BooleanInput;
|
|
18
|
+
/**
|
|
19
|
+
* The name of icon to show
|
|
20
|
+
*/
|
|
21
|
+
iconName?: IconName;
|
|
22
|
+
/**
|
|
23
|
+
* The icon position
|
|
24
|
+
* @default right
|
|
25
|
+
*/
|
|
26
|
+
iconPosition: 'left' | 'right';
|
|
27
|
+
/**
|
|
28
|
+
* Change icon color if menu is dark
|
|
29
|
+
* @default false
|
|
30
|
+
*/
|
|
31
|
+
isDark: boolean;
|
|
32
|
+
get isDivider(): boolean;
|
|
33
|
+
get isActive(): boolean;
|
|
34
|
+
get isLarge(): boolean;
|
|
35
|
+
get linkClass(): string;
|
|
36
|
+
setDark(dark: boolean): void;
|
|
37
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownItemComponent, never>;
|
|
38
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownItemComponent, "it-dropdown-item", never, { "divider": "divider"; "active": "active"; "large": "large"; "iconName": "iconName"; "iconPosition": "iconPosition"; }, {}, never, ["*"], false, never>;
|
|
39
|
+
}
|