@rossigee/clarity-angular 18.2.1-fixed → 18.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/clr-angular-accordion.mjs +355 -0
- package/fesm2022/clr-angular-accordion.mjs.map +1 -0
- package/fesm2022/clr-angular-button.mjs +713 -0
- package/fesm2022/clr-angular-button.mjs.map +1 -0
- package/fesm2022/clr-angular-collapsible-panel.mjs +201 -0
- package/fesm2022/clr-angular-collapsible-panel.mjs.map +1 -0
- package/fesm2022/clr-angular-data-datagrid.mjs +7635 -0
- package/fesm2022/clr-angular-data-datagrid.mjs.map +1 -0
- package/fesm2022/clr-angular-data-stack-view.mjs +442 -0
- package/fesm2022/clr-angular-data-stack-view.mjs.map +1 -0
- package/fesm2022/clr-angular-data-tree-view.mjs +1106 -0
- package/fesm2022/clr-angular-data-tree-view.mjs.map +1 -0
- package/fesm2022/clr-angular-data.mjs +40 -0
- package/fesm2022/clr-angular-data.mjs.map +1 -0
- package/fesm2022/clr-angular-emphasis-alert.mjs +624 -0
- package/fesm2022/clr-angular-emphasis-alert.mjs.map +1 -0
- package/fesm2022/clr-angular-emphasis-badge.mjs +69 -0
- package/fesm2022/clr-angular-emphasis-badge.mjs.map +1 -0
- package/fesm2022/clr-angular-emphasis-common.mjs +25 -0
- package/fesm2022/clr-angular-emphasis-common.mjs.map +1 -0
- package/fesm2022/clr-angular-emphasis-label.mjs +105 -0
- package/fesm2022/clr-angular-emphasis-label.mjs.map +1 -0
- package/fesm2022/clr-angular-emphasis.mjs +41 -0
- package/fesm2022/clr-angular-emphasis.mjs.map +1 -0
- package/fesm2022/clr-angular-forms-checkbox.mjs +270 -0
- package/fesm2022/clr-angular-forms-checkbox.mjs.map +1 -0
- package/fesm2022/clr-angular-forms-combobox.mjs +1775 -0
- package/fesm2022/clr-angular-forms-combobox.mjs.map +1 -0
- package/fesm2022/clr-angular-forms-common.mjs +1251 -0
- package/fesm2022/clr-angular-forms-common.mjs.map +1 -0
- package/fesm2022/clr-angular-forms-datalist.mjs +263 -0
- package/fesm2022/clr-angular-forms-datalist.mjs.map +1 -0
- package/fesm2022/clr-angular-forms-datepicker.mjs +3274 -0
- package/fesm2022/clr-angular-forms-datepicker.mjs.map +1 -0
- package/fesm2022/clr-angular-forms-file-input.mjs +826 -0
- package/fesm2022/clr-angular-forms-file-input.mjs.map +1 -0
- package/fesm2022/clr-angular-forms-input.mjs +153 -0
- package/fesm2022/clr-angular-forms-input.mjs.map +1 -0
- package/fesm2022/clr-angular-forms-number-input.mjs +236 -0
- package/fesm2022/clr-angular-forms-number-input.mjs.map +1 -0
- package/fesm2022/clr-angular-forms-password.mjs +233 -0
- package/fesm2022/clr-angular-forms-password.mjs.map +1 -0
- package/fesm2022/clr-angular-forms-radio.mjs +231 -0
- package/fesm2022/clr-angular-forms-radio.mjs.map +1 -0
- package/fesm2022/clr-angular-forms-range.mjs +186 -0
- package/fesm2022/clr-angular-forms-range.mjs.map +1 -0
- package/fesm2022/clr-angular-forms-select.mjs +153 -0
- package/fesm2022/clr-angular-forms-select.mjs.map +1 -0
- package/fesm2022/clr-angular-forms-textarea.mjs +136 -0
- package/fesm2022/clr-angular-forms-textarea.mjs.map +1 -0
- package/fesm2022/clr-angular-forms.mjs +100 -0
- package/fesm2022/clr-angular-forms.mjs.map +1 -0
- package/fesm2022/clr-angular-icon.mjs +7397 -0
- package/fesm2022/clr-angular-icon.mjs.map +1 -0
- package/fesm2022/clr-angular-layout-breadcrumbs.mjs +120 -0
- package/fesm2022/clr-angular-layout-breadcrumbs.mjs.map +1 -0
- package/fesm2022/clr-angular-layout-main-container.mjs +100 -0
- package/fesm2022/clr-angular-layout-main-container.mjs.map +1 -0
- package/fesm2022/clr-angular-layout-nav.mjs +582 -0
- package/fesm2022/clr-angular-layout-nav.mjs.map +1 -0
- package/fesm2022/clr-angular-layout-tabs.mjs +807 -0
- package/fesm2022/clr-angular-layout-tabs.mjs.map +1 -0
- package/fesm2022/clr-angular-layout-vertical-nav.mjs +507 -0
- package/fesm2022/clr-angular-layout-vertical-nav.mjs.map +1 -0
- package/fesm2022/clr-angular-layout.mjs +44 -0
- package/fesm2022/clr-angular-layout.mjs.map +1 -0
- package/fesm2022/clr-angular-modal.mjs +617 -0
- package/fesm2022/clr-angular-modal.mjs.map +1 -0
- package/fesm2022/clr-angular-popover-common.mjs +1082 -0
- package/fesm2022/clr-angular-popover-common.mjs.map +1 -0
- package/fesm2022/clr-angular-popover-dropdown.mjs +492 -0
- package/fesm2022/clr-angular-popover-dropdown.mjs.map +1 -0
- package/fesm2022/clr-angular-popover-signpost.mjs +494 -0
- package/fesm2022/clr-angular-popover-signpost.mjs.map +1 -0
- package/fesm2022/clr-angular-popover-tooltip.mjs +293 -0
- package/fesm2022/clr-angular-popover-tooltip.mjs.map +1 -0
- package/fesm2022/clr-angular-popover.mjs +41 -0
- package/fesm2022/clr-angular-popover.mjs.map +1 -0
- package/fesm2022/clr-angular-progress-progress-bars.mjs +217 -0
- package/fesm2022/clr-angular-progress-progress-bars.mjs.map +1 -0
- package/fesm2022/clr-angular-progress-spinner.mjs +132 -0
- package/fesm2022/clr-angular-progress-spinner.mjs.map +1 -0
- package/fesm2022/clr-angular-stepper.mjs +694 -0
- package/fesm2022/clr-angular-stepper.mjs.map +1 -0
- package/fesm2022/clr-angular-timeline.mjs +316 -0
- package/fesm2022/clr-angular-timeline.mjs.map +1 -0
- package/fesm2022/clr-angular-utils-conditional.mjs +351 -0
- package/fesm2022/clr-angular-utils-conditional.mjs.map +1 -0
- package/fesm2022/clr-angular-utils-loading.mjs +107 -0
- package/fesm2022/clr-angular-utils-loading.mjs.map +1 -0
- package/fesm2022/clr-angular-utils.mjs +2079 -0
- package/fesm2022/clr-angular-utils.mjs.map +1 -0
- package/fesm2022/clr-angular-wizard.mjs +3074 -0
- package/fesm2022/clr-angular-wizard.mjs.map +1 -0
- package/fesm2022/{rossigee-clarity-angular.mjs → clr-angular.mjs} +2 -2
- package/fesm2022/clr-angular.mjs.map +1 -0
- package/package.json +105 -103
- package/schematics/ng-update/index.d.ts +2 -0
- package/schematics/ng-update/index.js +69 -0
- package/schematics/ng-update/index.js.map +1 -0
- package/schematics/ng-update/migrations/css-migration.d.ts +6 -0
- package/schematics/ng-update/migrations/css-migration.js +177 -0
- package/schematics/ng-update/migrations/css-migration.js.map +1 -0
- package/schematics/ng-update/migrations/import-migration.d.ts +4 -0
- package/schematics/ng-update/migrations/import-migration.js +187 -0
- package/schematics/ng-update/migrations/import-migration.js.map +1 -0
- package/schematics/ng-update/migrations/template-migration.d.ts +6 -0
- package/schematics/ng-update/migrations/template-migration.js +261 -0
- package/schematics/ng-update/migrations/template-migration.js.map +1 -0
- package/schematics/ng-update/replacements/css-replacements.d.ts +17 -0
- package/schematics/ng-update/replacements/css-replacements.js +74 -0
- package/schematics/ng-update/replacements/css-replacements.js.map +1 -0
- package/schematics/ng-update/replacements/import-replacements.d.ts +13 -0
- package/schematics/ng-update/replacements/import-replacements.js +108 -0
- package/schematics/ng-update/replacements/import-replacements.js.map +1 -0
- package/schematics/ng-update/replacements/symbol-replacements.d.ts +12 -0
- package/schematics/ng-update/replacements/symbol-replacements.js +67 -0
- package/schematics/ng-update/replacements/symbol-replacements.js.map +1 -0
- package/schematics/ng-update/replacements/template-replacements.d.ts +19 -0
- package/schematics/ng-update/replacements/template-replacements.js +57 -0
- package/schematics/ng-update/replacements/template-replacements.js.map +1 -0
- package/schematics/ng-update/tests/test-helpers.d.ts +6 -0
- package/schematics/ng-update/tests/test-helpers.js +34 -0
- package/schematics/ng-update/tests/test-helpers.js.map +1 -0
- package/schematics/ng-update/utils/file-visitor.d.ts +8 -0
- package/schematics/ng-update/utils/file-visitor.js +44 -0
- package/schematics/ng-update/utils/file-visitor.js.map +1 -0
- package/schematics/ng-update/utils/regexp-utils.d.ts +16 -0
- package/schematics/ng-update/utils/regexp-utils.js +34 -0
- package/schematics/ng-update/utils/regexp-utils.js.map +1 -0
- package/schematics/vitest.config.d.ts +2 -0
- package/schematics/vitest.config.js +17 -0
- package/schematics/vitest.config.js.map +1 -0
- package/types/clr-angular-accordion.d.ts +100 -0
- package/types/clr-angular-button.d.ts +169 -0
- package/types/clr-angular-collapsible-panel.d.ts +73 -0
- package/types/clr-angular-data-datagrid.d.ts +1843 -0
- package/types/clr-angular-data-stack-view.d.ts +87 -0
- package/types/clr-angular-data-tree-view.d.ts +229 -0
- package/types/clr-angular-data.d.ts +15 -0
- package/types/clr-angular-emphasis-alert.d.ts +175 -0
- package/types/clr-angular-emphasis-badge.d.ts +25 -0
- package/types/clr-angular-emphasis-common.d.ts +6 -0
- package/types/clr-angular-emphasis-label.d.ts +29 -0
- package/types/clr-angular-emphasis.d.ts +15 -0
- package/types/clr-angular-forms-checkbox.d.ts +69 -0
- package/types/clr-angular-forms-combobox.d.ts +353 -0
- package/types/clr-angular-forms-common.d.ts +339 -0
- package/types/clr-angular-forms-datalist.d.ts +59 -0
- package/types/clr-angular-forms-datepicker.d.ts +986 -0
- package/types/clr-angular-forms-file-input.d.ts +193 -0
- package/types/clr-angular-forms-input.d.ts +29 -0
- package/types/clr-angular-forms-number-input.d.ts +43 -0
- package/types/clr-angular-forms-password.d.ts +52 -0
- package/types/clr-angular-forms-radio.d.ts +50 -0
- package/types/clr-angular-forms-range.d.ts +37 -0
- package/types/clr-angular-forms-select.d.ts +36 -0
- package/types/clr-angular-forms-textarea.d.ts +29 -0
- package/types/clr-angular-forms.d.ts +36 -0
- package/types/clr-angular-icon.d.ts +1498 -0
- package/types/clr-angular-layout-breadcrumbs.d.ts +45 -0
- package/types/clr-angular-layout-main-container.d.ts +28 -0
- package/types/clr-angular-layout-nav.d.ts +142 -0
- package/types/clr-angular-layout-tabs.d.ts +158 -0
- package/types/clr-angular-layout-vertical-nav.d.ts +128 -0
- package/types/clr-angular-layout.d.ts +19 -0
- package/types/clr-angular-modal.d.ts +160 -0
- package/types/clr-angular-popover-common.d.ts +254 -0
- package/types/clr-angular-popover-dropdown.d.ts +123 -0
- package/types/clr-angular-popover-signpost.d.ts +157 -0
- package/types/clr-angular-popover-tooltip.d.ts +83 -0
- package/types/clr-angular-popover.d.ts +16 -0
- package/types/clr-angular-progress-progress-bars.d.ts +57 -0
- package/types/clr-angular-progress-spinner.d.ts +44 -0
- package/types/clr-angular-stepper.d.ts +179 -0
- package/types/clr-angular-timeline.d.ts +86 -0
- package/types/clr-angular-utils-conditional.d.ts +132 -0
- package/types/clr-angular-utils-loading.d.ts +38 -0
- package/types/clr-angular-utils.d.ts +913 -0
- package/types/clr-angular-wizard.d.ts +1508 -0
- package/fesm2022/rossigee-clarity-angular.mjs.map +0 -1
- /package/types/{rossigee-clarity-angular.d.ts → clr-angular.d.ts} +0 -0
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
import * as i8 from '@clr/angular/popover/common';
|
|
2
|
+
import { ClrPopoverService, ClrPopoverPoint, ClrPopoverContent, ClrPopoverPosition } from '@clr/angular/popover/common';
|
|
3
|
+
import * as i7 from '@clr/angular/utils';
|
|
4
|
+
import { ClrCommonStringsService } from '@clr/angular/utils';
|
|
5
|
+
import * as i0 from '@angular/core';
|
|
6
|
+
import { OnDestroy, ElementRef, AfterViewInit, Type } from '@angular/core';
|
|
7
|
+
import { Observable } from 'rxjs';
|
|
8
|
+
import * as i5 from '@angular/common';
|
|
9
|
+
import * as i6 from '@clr/angular/icon';
|
|
10
|
+
|
|
11
|
+
declare class SignpostFocusManager {
|
|
12
|
+
private _triggerEl;
|
|
13
|
+
set triggerEl(value: HTMLElement);
|
|
14
|
+
focusTrigger(): void;
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SignpostFocusManager, never>;
|
|
16
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<SignpostFocusManager>;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
declare class SignpostIdService {
|
|
20
|
+
private _id;
|
|
21
|
+
get id(): Observable<string>;
|
|
22
|
+
setId(id: string): void;
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SignpostIdService, never>;
|
|
24
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<SignpostIdService>;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
declare class ClrSignpostTrigger implements OnDestroy {
|
|
28
|
+
private popoverService;
|
|
29
|
+
private el;
|
|
30
|
+
private signpostIdService;
|
|
31
|
+
private signpostFocusManager;
|
|
32
|
+
private platformId;
|
|
33
|
+
ariaExpanded: boolean;
|
|
34
|
+
ariaControl: string;
|
|
35
|
+
isOpen: boolean;
|
|
36
|
+
private document;
|
|
37
|
+
private subscriptions;
|
|
38
|
+
constructor(popoverService: ClrPopoverService, el: ElementRef<HTMLElement>, signpostIdService: SignpostIdService, signpostFocusManager: SignpostFocusManager, document: any, platformId: any);
|
|
39
|
+
ngOnInit(): void;
|
|
40
|
+
ngOnDestroy(): void;
|
|
41
|
+
/**********
|
|
42
|
+
*
|
|
43
|
+
* @description
|
|
44
|
+
* click handler for the ClrSignpost trigger button used to hide/show ClrSignpostContent.
|
|
45
|
+
*/
|
|
46
|
+
onSignpostTriggerClick(event: Event): void;
|
|
47
|
+
private focusOnClose;
|
|
48
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrSignpostTrigger, never>;
|
|
49
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ClrSignpostTrigger, "[clrSignpostTrigger]", never, {}, {}, never, never, false, never>;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
declare class ClrSignpost {
|
|
53
|
+
commonStrings: ClrCommonStringsService;
|
|
54
|
+
private popoverService;
|
|
55
|
+
/**********
|
|
56
|
+
* @property useCustomTrigger
|
|
57
|
+
*
|
|
58
|
+
* @description
|
|
59
|
+
* Flag used to determine if we need to use the default trigger or a user supplied trigger element.
|
|
60
|
+
*
|
|
61
|
+
*/
|
|
62
|
+
useCustomTrigger: boolean;
|
|
63
|
+
signpostTriggerAriaLabel: string;
|
|
64
|
+
/**
|
|
65
|
+
* Hides the default trigger button. Use when the signpost is opened
|
|
66
|
+
* programmatically via `openAtPoint()` and no trigger icon is needed.
|
|
67
|
+
*/
|
|
68
|
+
hideTrigger: boolean;
|
|
69
|
+
constructor(commonStrings: ClrCommonStringsService, popoverService: ClrPopoverService);
|
|
70
|
+
/**********
|
|
71
|
+
* @property signPostTrigger
|
|
72
|
+
*
|
|
73
|
+
* @description
|
|
74
|
+
* Uses ContentChild to check for a user supplied element with the ClrSignpostTrigger on it.
|
|
75
|
+
*
|
|
76
|
+
*/
|
|
77
|
+
set customTrigger(trigger: ClrSignpostTrigger);
|
|
78
|
+
get showDefaultTrigger(): boolean;
|
|
79
|
+
openAtPoint(point: ClrPopoverPoint, targetElement?: HTMLElement): void;
|
|
80
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrSignpost, never>;
|
|
81
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrSignpost, "clr-signpost", never, { "signpostTriggerAriaLabel": { "alias": "clrSignpostTriggerAriaLabel"; "required": false; }; "hideTrigger": { "alias": "clrSignpostHideTrigger"; "required": false; }; }, {}, ["customTrigger"], ["*"], false, [{ directive: typeof i8.ClrPopoverHostDirective; inputs: {}; outputs: {}; }]>;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
declare class ClrSignpostContent implements OnDestroy, AfterViewInit {
|
|
85
|
+
private element;
|
|
86
|
+
commonStrings: ClrCommonStringsService;
|
|
87
|
+
private signpostFocusManager;
|
|
88
|
+
private platformId;
|
|
89
|
+
private document;
|
|
90
|
+
private popoverService;
|
|
91
|
+
private popoverContent;
|
|
92
|
+
signpostCloseAriaLabel: string;
|
|
93
|
+
closeButton: ElementRef<HTMLButtonElement>;
|
|
94
|
+
signpostContentId: string;
|
|
95
|
+
private _position;
|
|
96
|
+
constructor(parentHost: ElementRef<HTMLElement>, element: ElementRef, commonStrings: ClrCommonStringsService, signpostIdService: SignpostIdService, signpostFocusManager: SignpostFocusManager, platformId: any, document: Document, popoverService: ClrPopoverService, popoverContent: ClrPopoverContent);
|
|
97
|
+
/*********
|
|
98
|
+
*
|
|
99
|
+
* @description
|
|
100
|
+
* A setter for the position of the ClrSignpostContent popover. This is a combination of the following:
|
|
101
|
+
* - originPoint - where on the trigger to position the content
|
|
102
|
+
* - popoverPoint - where on the content container to align with the origin
|
|
103
|
+
* - offsetY - where on the Y axis to align the ClrSignpostContent so it meets specs
|
|
104
|
+
* - offsetX - where on the X axis to align the ClrSignpostContent so it meets specs
|
|
105
|
+
* There are 12 possible positions to place a ClrSignpostContent container:
|
|
106
|
+
* - top-left
|
|
107
|
+
* - top-middle
|
|
108
|
+
* - top-right
|
|
109
|
+
* - right-top
|
|
110
|
+
* - right-middle
|
|
111
|
+
* - right-bottom
|
|
112
|
+
* - bottom-right
|
|
113
|
+
* - bottom-middle
|
|
114
|
+
* - bottom-left
|
|
115
|
+
* - left-bottom
|
|
116
|
+
* - left-middle
|
|
117
|
+
* - left-top
|
|
118
|
+
*
|
|
119
|
+
* I think of it as follows for 'top-left' -> CONTAINER_SIDE-SIDE_POSITION. In this case CONTAINER_SIDE is 'top'
|
|
120
|
+
* meaning the top of the trigger icon (above the icon that hides/shows) the ClrSignpostContent. And, SIDE_POSITION
|
|
121
|
+
* is 'left' meaning two things: 1) the ClrSignpostContent container extends to the left and 2) the 'arrow/pointer'
|
|
122
|
+
* linking the SignpostContent to the trigger points down at the horizontal center of the trigger icon.
|
|
123
|
+
*
|
|
124
|
+
* @param newPosition
|
|
125
|
+
*/
|
|
126
|
+
get position(): string | ClrPopoverPosition;
|
|
127
|
+
set position(position: string | ClrPopoverPosition);
|
|
128
|
+
get isOffScreen(): boolean;
|
|
129
|
+
/**********
|
|
130
|
+
*
|
|
131
|
+
* @description
|
|
132
|
+
* Close function that uses the signpost instance to toggle the state of the content popover.
|
|
133
|
+
*
|
|
134
|
+
*/
|
|
135
|
+
close(): void;
|
|
136
|
+
ngAfterViewInit(): void;
|
|
137
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
138
|
+
ngOnDestroy(): void;
|
|
139
|
+
private getFocusableElements;
|
|
140
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrSignpostContent, [{ optional: true; }, null, null, null, null, null, null, null, null]>;
|
|
141
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrSignpostContent, "clr-signpost-content", never, { "signpostCloseAriaLabel": { "alias": "clrSignpostCloseAriaLabel"; "required": false; }; "position": { "alias": "clrPosition"; "required": false; }; }, {}, never, ["clr-signpost-title", "*"], false, [{ directive: typeof i8.ClrPopoverContent; inputs: {}; outputs: {}; }]>;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
declare class ClrSignpostTitle {
|
|
145
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrSignpostTitle, never>;
|
|
146
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrSignpostTitle, "clr-signpost-title", never, {}, {}, never, ["*"], false, never>;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
declare const CLR_SIGNPOST_DIRECTIVES: Type<any>[];
|
|
150
|
+
declare class ClrSignpostModule {
|
|
151
|
+
constructor();
|
|
152
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrSignpostModule, never>;
|
|
153
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ClrSignpostModule, [typeof ClrSignpost, typeof ClrSignpostContent, typeof ClrSignpostTrigger, typeof ClrSignpostTitle], [typeof i5.CommonModule, typeof i6.ClrIcon, typeof i7.ClrFocusOnViewInitModule, typeof i8.ClrPopoverModuleNext, typeof i8.ClrIfOpen], [typeof ClrSignpost, typeof ClrSignpostContent, typeof ClrSignpostTrigger, typeof ClrSignpostTitle, typeof i8.ClrIfOpen]>;
|
|
154
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ClrSignpostModule>;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
export { CLR_SIGNPOST_DIRECTIVES, ClrSignpost, ClrSignpostContent, ClrSignpostModule, ClrSignpostTitle, ClrSignpostTrigger };
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { ElementRef, OnInit, Renderer2, Type } from '@angular/core';
|
|
3
|
+
import * as i1 from '@clr/angular/popover/common';
|
|
4
|
+
import { ClrPopoverService, ClrPopoverContent, ClrPopoverPosition } from '@clr/angular/popover/common';
|
|
5
|
+
import { Observable } from 'rxjs';
|
|
6
|
+
import * as i4 from '@angular/common';
|
|
7
|
+
import * as i5 from '@clr/angular/icon';
|
|
8
|
+
|
|
9
|
+
declare class ClrTooltip {
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrTooltip, never>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrTooltip, "clr-tooltip", never, {}, {}, never, ["*"], false, [{ directive: typeof i1.ClrPopoverHostDirective; inputs: {}; outputs: {}; }]>;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare class TooltipIdService {
|
|
15
|
+
private _id;
|
|
16
|
+
get id(): Observable<string>;
|
|
17
|
+
updateId(id: string): void;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipIdService, never>;
|
|
19
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<TooltipIdService>;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
declare class TooltipMouseService {
|
|
23
|
+
private readonly popoverService;
|
|
24
|
+
private mouseOutDelay;
|
|
25
|
+
private mouseOverTrigger;
|
|
26
|
+
private mouseOverContent;
|
|
27
|
+
constructor(popoverService: ClrPopoverService);
|
|
28
|
+
onMouseEnterTrigger(): void;
|
|
29
|
+
onMouseLeaveTrigger(): void;
|
|
30
|
+
onMouseEnterContent(): void;
|
|
31
|
+
onMouseLeaveContent(): void;
|
|
32
|
+
private hideIfMouseOut;
|
|
33
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipMouseService, never>;
|
|
34
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<TooltipMouseService>;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
declare class ClrTooltipTrigger {
|
|
38
|
+
private popoverService;
|
|
39
|
+
private tooltipMouseService;
|
|
40
|
+
ariaDescribedBy: string;
|
|
41
|
+
private subs;
|
|
42
|
+
constructor(popoverService: ClrPopoverService, tooltipIdService: TooltipIdService, tooltipMouseService: TooltipMouseService, element: ElementRef);
|
|
43
|
+
ngOnDestroy(): void;
|
|
44
|
+
showTooltip(): void;
|
|
45
|
+
hideTooltip(): void;
|
|
46
|
+
private onMouseEnter;
|
|
47
|
+
private onMouseLeave;
|
|
48
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrTooltipTrigger, never>;
|
|
49
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ClrTooltipTrigger, "[clrTooltipTrigger]", never, {}, {}, never, never, false, never>;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
declare class ClrTooltipContent implements OnInit {
|
|
53
|
+
private tooltipIdService;
|
|
54
|
+
el: ElementRef;
|
|
55
|
+
private renderer;
|
|
56
|
+
private tooltipMouseService;
|
|
57
|
+
private popoverContent;
|
|
58
|
+
private _id;
|
|
59
|
+
private _position;
|
|
60
|
+
private _size;
|
|
61
|
+
constructor(parentHost: ElementRef<HTMLElement>, tooltipIdService: TooltipIdService, el: ElementRef, renderer: Renderer2, popoverService: ClrPopoverService, tooltipMouseService: TooltipMouseService, popoverContent: ClrPopoverContent);
|
|
62
|
+
get id(): string;
|
|
63
|
+
set id(value: string);
|
|
64
|
+
get position(): string | ClrPopoverPosition;
|
|
65
|
+
set position(value: string | ClrPopoverPosition);
|
|
66
|
+
get size(): string;
|
|
67
|
+
set size(value: string);
|
|
68
|
+
ngOnInit(): void;
|
|
69
|
+
private onMouseEnter;
|
|
70
|
+
private onMouseLeave;
|
|
71
|
+
private updateCssClass;
|
|
72
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrTooltipContent, [{ optional: true; }, null, null, null, null, null, null]>;
|
|
73
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrTooltipContent, "clr-tooltip-content", never, { "id": { "alias": "id"; "required": false; }; "position": { "alias": "clrPosition"; "required": false; }; "size": { "alias": "clrSize"; "required": false; }; }, {}, never, ["*"], false, [{ directive: typeof i1.ClrPopoverContent; inputs: {}; outputs: {}; }]>;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
declare const CLR_TOOLTIP_DIRECTIVES: Type<any>[];
|
|
77
|
+
declare class ClrTooltipModule {
|
|
78
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrTooltipModule, never>;
|
|
79
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ClrTooltipModule, [typeof ClrTooltip, typeof ClrTooltipTrigger, typeof ClrTooltipContent], [typeof i4.CommonModule, typeof i5.ClrIcon, typeof i1.ClrPopoverModuleNext], [typeof ClrTooltip, typeof ClrTooltipTrigger, typeof ClrTooltipContent, typeof i1.ClrIfOpen, typeof i5.ClrIcon]>;
|
|
80
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ClrTooltipModule>;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
export { CLR_TOOLTIP_DIRECTIVES, ClrTooltip, ClrTooltipContent, ClrTooltipModule, ClrTooltipTrigger };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as i1 from '@clr/angular/popover/dropdown';
|
|
2
|
+
export * from '@clr/angular/popover/dropdown';
|
|
3
|
+
export * from '@clr/angular/popover/common';
|
|
4
|
+
import * as i0 from '@angular/core';
|
|
5
|
+
import * as i2 from '@clr/angular/popover/signpost';
|
|
6
|
+
export * from '@clr/angular/popover/signpost';
|
|
7
|
+
import * as i3 from '@clr/angular/popover/tooltip';
|
|
8
|
+
export * from '@clr/angular/popover/tooltip';
|
|
9
|
+
|
|
10
|
+
declare class ClrPopoverModule {
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrPopoverModule, never>;
|
|
12
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ClrPopoverModule, never, never, [typeof i1.ClrDropdownModule, typeof i2.ClrSignpostModule, typeof i3.ClrTooltipModule]>;
|
|
13
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ClrPopoverModule>;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export { ClrPopoverModule };
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Type } from '@angular/core';
|
|
3
|
+
import * as i2 from '@angular/common';
|
|
4
|
+
|
|
5
|
+
declare class ClrProgressBar {
|
|
6
|
+
max: number | string;
|
|
7
|
+
displayval: string;
|
|
8
|
+
color: string;
|
|
9
|
+
value: number | string;
|
|
10
|
+
externalId: string;
|
|
11
|
+
private _ID;
|
|
12
|
+
private _labeled;
|
|
13
|
+
private _fade;
|
|
14
|
+
private _loop;
|
|
15
|
+
private _flash;
|
|
16
|
+
private _flashDanger;
|
|
17
|
+
private _compact;
|
|
18
|
+
get id(): string;
|
|
19
|
+
set id(value: string);
|
|
20
|
+
get progressClass(): boolean;
|
|
21
|
+
set clrCompact(value: boolean | string);
|
|
22
|
+
get compactClass(): boolean;
|
|
23
|
+
set clrLabeled(value: boolean | string);
|
|
24
|
+
get labeledClass(): boolean;
|
|
25
|
+
set clrFade(value: boolean | string);
|
|
26
|
+
get fadeClass(): boolean;
|
|
27
|
+
set clrLoop(value: boolean | string);
|
|
28
|
+
get loopClass(): boolean;
|
|
29
|
+
get warningClass(): boolean;
|
|
30
|
+
get successClass(): boolean;
|
|
31
|
+
get dangerClass(): boolean;
|
|
32
|
+
set clrFlash(value: boolean | string);
|
|
33
|
+
get flashClass(): boolean;
|
|
34
|
+
/** @deprecated since 2.0, remove in 4.0 */
|
|
35
|
+
set clrFlashDanger(value: boolean | string);
|
|
36
|
+
get flashDangerClass(): boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Make sure that we always will have something that is readable
|
|
39
|
+
* for the screen reader
|
|
40
|
+
*/
|
|
41
|
+
get displayValue(): string;
|
|
42
|
+
/**
|
|
43
|
+
* Display optional text only when labeled is eneabled
|
|
44
|
+
*/
|
|
45
|
+
displayStringValue(): boolean;
|
|
46
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrProgressBar, never>;
|
|
47
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrProgressBar, "clr-progress-bar", never, { "max": { "alias": "clrMax"; "required": false; }; "displayval": { "alias": "clrDisplayval"; "required": false; }; "color": { "alias": "clrColor"; "required": false; }; "value": { "alias": "clrValue"; "required": false; }; "id": { "alias": "id"; "required": false; }; "clrCompact": { "alias": "clrCompact"; "required": false; }; "clrLabeled": { "alias": "clrLabeled"; "required": false; }; "clrFade": { "alias": "clrFade"; "required": false; }; "clrLoop": { "alias": "clrLoop"; "required": false; }; "clrFlash": { "alias": "clrFlash"; "required": false; }; "clrFlashDanger": { "alias": "clrFlashDanger"; "required": false; }; }, {}, never, never, false, never>;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
declare const CLR_PROGRESS_BAR_DIRECTIVES: Type<any>[];
|
|
51
|
+
declare class ClrProgressBarModule {
|
|
52
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrProgressBarModule, never>;
|
|
53
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ClrProgressBarModule, [typeof ClrProgressBar], [typeof i2.CommonModule], [typeof ClrProgressBar]>;
|
|
54
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ClrProgressBarModule>;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
export { CLR_PROGRESS_BAR_DIRECTIVES, ClrProgressBar, ClrProgressBarModule };
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Type } from '@angular/core';
|
|
3
|
+
import * as i2 from '@angular/common';
|
|
4
|
+
|
|
5
|
+
declare class ClrSpinner {
|
|
6
|
+
private _inline;
|
|
7
|
+
private _inverse;
|
|
8
|
+
private _small;
|
|
9
|
+
private _medium;
|
|
10
|
+
/**
|
|
11
|
+
* Default class for all spinners. This class is always true
|
|
12
|
+
*/
|
|
13
|
+
get spinnerClass(): boolean;
|
|
14
|
+
get inlineClass(): boolean;
|
|
15
|
+
set clrInline(value: boolean | string);
|
|
16
|
+
get inverseClass(): boolean;
|
|
17
|
+
set clrInverse(value: boolean | string);
|
|
18
|
+
get smallClass(): boolean;
|
|
19
|
+
set clrSmall(value: boolean | string);
|
|
20
|
+
/**
|
|
21
|
+
* When clrSmall & clrMedium are set both to true.
|
|
22
|
+
* The CSS with high priority will be small - so medium size will be ignored.
|
|
23
|
+
*
|
|
24
|
+
* For this reason if clrSmall is set we won't add clrMedium class.
|
|
25
|
+
*
|
|
26
|
+
* NOTE: This is dictated by the CSS rules.
|
|
27
|
+
* DON'T USE clrSmall & clrMedium to toggle classes. This could change without notice.
|
|
28
|
+
*
|
|
29
|
+
* Also there is no logical need to have both of them set to TRUE or FALSE.
|
|
30
|
+
*/
|
|
31
|
+
get mediumClass(): boolean;
|
|
32
|
+
set clrMedium(value: boolean | string);
|
|
33
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrSpinner, never>;
|
|
34
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrSpinner, "clr-spinner", never, { "clrInline": { "alias": "clrInline"; "required": false; }; "clrInverse": { "alias": "clrInverse"; "required": false; }; "clrSmall": { "alias": "clrSmall"; "required": false; }; "clrMedium": { "alias": "clrMedium"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
declare const CLR_SPINNER_DIRECTIVES: Type<any>[];
|
|
38
|
+
declare class ClrSpinnerModule {
|
|
39
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrSpinnerModule, never>;
|
|
40
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ClrSpinnerModule, [typeof ClrSpinner], [typeof i2.CommonModule], [typeof ClrSpinner]>;
|
|
41
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ClrSpinnerModule>;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
export { CLR_SPINNER_DIRECTIVES, ClrSpinner, ClrSpinnerModule };
|
|
@@ -0,0 +1,179 @@
|
|
|
1
|
+
import * as _angular_forms from '@angular/forms';
|
|
2
|
+
import { FormGroupName, NgModelGroup, FormGroupDirective, NgForm } from '@angular/forms';
|
|
3
|
+
import * as i0 from '@angular/core';
|
|
4
|
+
import { OnInit, ElementRef, QueryList, ChangeDetectorRef, OnChanges, AfterViewInit, OnDestroy, SimpleChanges } from '@angular/core';
|
|
5
|
+
import { CollapsiblePanelModel, CollapsiblePanelGroupModel, CollapsiblePanelService, CollapsiblePanel } from '@clr/angular/collapsible-panel';
|
|
6
|
+
import { ClrCommonStringsService, IfExpandService, WillyWonka, OompaLoompa } from '@clr/angular/utils';
|
|
7
|
+
import { Observable } from 'rxjs';
|
|
8
|
+
import * as i9 from '@angular/common';
|
|
9
|
+
import * as i10 from '@clr/angular/icon';
|
|
10
|
+
|
|
11
|
+
declare enum StepperPanelStatus {
|
|
12
|
+
Inactive = "inactive",
|
|
13
|
+
Error = "error",
|
|
14
|
+
Complete = "complete"
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
declare class StepperPanelModel extends CollapsiblePanelModel {
|
|
18
|
+
status: StepperPanelStatus;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
declare class StepperModel extends CollapsiblePanelGroupModel {
|
|
22
|
+
protected _panels: {
|
|
23
|
+
[id: string]: StepperPanelModel;
|
|
24
|
+
};
|
|
25
|
+
private stepperModelInitialize;
|
|
26
|
+
private initialPanel;
|
|
27
|
+
get panels(): StepperPanelModel[];
|
|
28
|
+
get allPanelsCompleted(): boolean;
|
|
29
|
+
get shouldOpenFirstPanel(): boolean;
|
|
30
|
+
addPanel(id: string, open?: boolean): void;
|
|
31
|
+
updatePanelOrder(ids: string[]): void;
|
|
32
|
+
togglePanel(panelId: string): void;
|
|
33
|
+
navigateToPreviousPanel(currentPanelId: string): void;
|
|
34
|
+
navigateToNextPanel(currentPanelId: string, currentPanelValid?: boolean): void;
|
|
35
|
+
overrideInitialPanel(panelId: string): void;
|
|
36
|
+
setPanelValid(panelId: string): void;
|
|
37
|
+
setPanelInvalid(panelId: string): void;
|
|
38
|
+
setPanelsWithErrors(ids: string[]): void;
|
|
39
|
+
resetPanels(): void;
|
|
40
|
+
getNextPanel(currentPanelId: string): StepperPanelModel;
|
|
41
|
+
getPreviousPanel(currentPanelId: string): StepperPanelModel;
|
|
42
|
+
private resetAllFuturePanels;
|
|
43
|
+
private resetPanel;
|
|
44
|
+
private openFirstPanel;
|
|
45
|
+
private completePanel;
|
|
46
|
+
private openNextPanel;
|
|
47
|
+
private openPreviousPanel;
|
|
48
|
+
private setPanelError;
|
|
49
|
+
private getFirstPanel;
|
|
50
|
+
private getNumberOfIncompletePanels;
|
|
51
|
+
private getNumberOfOpenPanels;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
declare class StepperService extends CollapsiblePanelService {
|
|
55
|
+
readonly activeStep: Observable<string>;
|
|
56
|
+
readonly panelsCompleted: Observable<boolean>;
|
|
57
|
+
protected panelGroup: StepperModel;
|
|
58
|
+
private _activeStepChanges;
|
|
59
|
+
constructor();
|
|
60
|
+
resetPanels(): void;
|
|
61
|
+
setPanelValid(panelId: string): void;
|
|
62
|
+
setPanelInvalid(panelId: string): void;
|
|
63
|
+
setPanelsWithErrors(ids: string[]): void;
|
|
64
|
+
navigateToPreviousPanel(currentPanelId: string): void;
|
|
65
|
+
navigateToNextPanel(currentPanelId: string, currentPanelValid?: boolean): void;
|
|
66
|
+
overrideInitialPanel(panelId: string): void;
|
|
67
|
+
private updateNextStep;
|
|
68
|
+
private updatePreviousStep;
|
|
69
|
+
private getAllCompletedPanelChanges;
|
|
70
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<StepperService, never>;
|
|
71
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<StepperService>;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
declare class ClrStepDescription {
|
|
75
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrStepDescription, never>;
|
|
76
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrStepDescription, "clr-step-description", never, {}, {}, never, ["*"], false, never>;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
declare class ClrStepperPanel extends CollapsiblePanel implements OnInit {
|
|
80
|
+
private platformId;
|
|
81
|
+
commonStrings: ClrCommonStringsService;
|
|
82
|
+
private formGroupName;
|
|
83
|
+
private ngModelGroup;
|
|
84
|
+
private stepperService;
|
|
85
|
+
headerButton: ElementRef<HTMLButtonElement>;
|
|
86
|
+
stepDescription: QueryList<ClrStepDescription>;
|
|
87
|
+
disabled: boolean;
|
|
88
|
+
readonly PanelStatus: typeof StepperPanelStatus;
|
|
89
|
+
panel: Observable<StepperPanelModel>;
|
|
90
|
+
private subscriptions;
|
|
91
|
+
constructor(platformId: any, commonStrings: ClrCommonStringsService, formGroupName: FormGroupName, ngModelGroup: NgModelGroup, stepperService: StepperService, ifExpandService: IfExpandService, cdr: ChangeDetectorRef);
|
|
92
|
+
get id(): string;
|
|
93
|
+
set id(_value: string);
|
|
94
|
+
get panelNumber(): number;
|
|
95
|
+
get formGroup(): _angular_forms.FormGroup<any>;
|
|
96
|
+
getPanelStatus(panel: StepperPanelModel): StepperPanelStatus;
|
|
97
|
+
getPanelStateClasses(panel: StepperPanelModel): string;
|
|
98
|
+
getContentId(id: string): string;
|
|
99
|
+
getHeaderId(id: string): string;
|
|
100
|
+
ngOnInit(): void;
|
|
101
|
+
ngOnDestroy(): void;
|
|
102
|
+
protected stepCompleteText(panelNumber: number): string;
|
|
103
|
+
protected stepErrorText(panelNumber: number): string;
|
|
104
|
+
private listenToFocusChanges;
|
|
105
|
+
private triggerAllFormControlValidationIfError;
|
|
106
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrStepperPanel, [null, null, { optional: true; }, { optional: true; }, null, null, null]>;
|
|
107
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrStepperPanel, "clr-stepper-panel", never, {}, {}, ["stepDescription"], ["clr-step-title", "clr-step-description", "*"], false, never>;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
declare class ClrStepper implements OnInit, OnChanges, AfterViewInit, OnDestroy {
|
|
111
|
+
private formGroup;
|
|
112
|
+
private ngForm;
|
|
113
|
+
private stepperService;
|
|
114
|
+
initialPanel: string;
|
|
115
|
+
panels: QueryList<ClrStepperPanel>;
|
|
116
|
+
form: FormGroupDirective | NgForm;
|
|
117
|
+
private subscriptions;
|
|
118
|
+
constructor(formGroup: FormGroupDirective, ngForm: NgForm, stepperService: StepperService);
|
|
119
|
+
ngOnInit(): void;
|
|
120
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
121
|
+
ngAfterViewInit(): void;
|
|
122
|
+
ngOnDestroy(): void;
|
|
123
|
+
private listenForFormResetChanges;
|
|
124
|
+
private listenForPanelsCompleted;
|
|
125
|
+
private setPanelsWithFormErrors;
|
|
126
|
+
private listenForDOMChanges;
|
|
127
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrStepper, [{ optional: true; }, { optional: true; }, null]>;
|
|
128
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrStepper, "form[clrStepper]", never, { "initialPanel": { "alias": "clrInitialStep"; "required": false; }; }, {}, ["panels"], ["*"], false, never>;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
declare enum ClrStepButtonType {
|
|
132
|
+
Next = "next",
|
|
133
|
+
Previous = "previous",
|
|
134
|
+
Submit = "submit"
|
|
135
|
+
}
|
|
136
|
+
declare class ClrStepButton implements OnInit {
|
|
137
|
+
private clrStep;
|
|
138
|
+
private stepperService;
|
|
139
|
+
type: ClrStepButtonType | string;
|
|
140
|
+
submitButton: boolean;
|
|
141
|
+
previousButton: boolean;
|
|
142
|
+
constructor(clrStep: ClrStepperPanel, stepperService: StepperService);
|
|
143
|
+
ngOnInit(): void;
|
|
144
|
+
navigateToNextPanel(): void;
|
|
145
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrStepButton, never>;
|
|
146
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ClrStepButton, "[clrStepButton]", never, { "type": { "alias": "clrStepButton"; "required": false; }; }, {}, never, never, false, never>;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
declare class ClrStepTitle {
|
|
150
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrStepTitle, never>;
|
|
151
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrStepTitle, "clr-step-title", never, {}, {}, never, ["*"], false, never>;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
declare class ClrStepContent {
|
|
155
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrStepContent, never>;
|
|
156
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrStepContent, "clr-step-content", never, {}, {}, never, ["*"], false, never>;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
declare class StepperWillyWonka extends WillyWonka {
|
|
160
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<StepperWillyWonka, never>;
|
|
161
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<StepperWillyWonka, "form[clrStepper]", never, {}, {}, never, never, false, never>;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
declare class StepperOompaLoompa extends OompaLoompa {
|
|
165
|
+
private expand;
|
|
166
|
+
constructor(cdr: ChangeDetectorRef, willyWonka: StepperWillyWonka, ifExpandService: IfExpandService);
|
|
167
|
+
get flavor(): boolean;
|
|
168
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<StepperOompaLoompa, [null, { optional: true; }, null]>;
|
|
169
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<StepperOompaLoompa, "clr-stepper-panel, [clrStepButton]", never, {}, {}, never, never, false, never>;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
declare class ClrStepperModule {
|
|
173
|
+
constructor();
|
|
174
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrStepperModule, never>;
|
|
175
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ClrStepperModule, [typeof ClrStepper, typeof ClrStepButton, typeof ClrStepTitle, typeof ClrStepDescription, typeof ClrStepContent, typeof ClrStepperPanel, typeof StepperOompaLoompa, typeof StepperWillyWonka], [typeof i9.CommonModule, typeof i10.ClrIcon], [typeof ClrStepper, typeof ClrStepButton, typeof ClrStepTitle, typeof ClrStepDescription, typeof ClrStepContent, typeof ClrStepperPanel, typeof StepperOompaLoompa, typeof StepperWillyWonka, typeof i10.ClrIcon]>;
|
|
176
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ClrStepperModule>;
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
export { ClrStepButton, ClrStepButtonType, ClrStepContent, ClrStepDescription, ClrStepTitle, ClrStepper, ClrStepperModule, ClrStepperPanel, StepperOompaLoompa, StepperPanelModel, StepperPanelStatus, StepperService, StepperWillyWonka };
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { ElementRef } from '@angular/core';
|
|
3
|
+
import { ClrCommonStringsService } from '@clr/angular/utils';
|
|
4
|
+
import * as i6 from '@angular/common';
|
|
5
|
+
import * as i7 from '@clr/angular/icon';
|
|
6
|
+
import * as i8 from '@clr/angular/progress/spinner';
|
|
7
|
+
|
|
8
|
+
declare enum ClrTimelineLayout {
|
|
9
|
+
HORIZONTAL = "horizontal",
|
|
10
|
+
VERTICAL = "vertical"
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
declare class ClrTimeline {
|
|
14
|
+
layout: ClrTimelineLayout;
|
|
15
|
+
get isVertical(): boolean;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrTimeline, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrTimeline, "clr-timeline", never, { "layout": { "alias": "clrLayout"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
declare enum ClrTimelineStepState {
|
|
21
|
+
NOT_STARTED = "not-started",
|
|
22
|
+
CURRENT = "current",
|
|
23
|
+
PROCESSING = "processing",
|
|
24
|
+
SUCCESS = "success",
|
|
25
|
+
ERROR = "error"
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
declare class TimelineIconAttributeService {
|
|
29
|
+
private attributeMap;
|
|
30
|
+
constructor(commonStrings: ClrCommonStringsService);
|
|
31
|
+
getAriaLabel(step: ClrTimelineStepState): string;
|
|
32
|
+
getIconShape(step: ClrTimelineStepState): string;
|
|
33
|
+
getIconStatus(step: ClrTimelineStepState): string;
|
|
34
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineIconAttributeService, never>;
|
|
35
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<TimelineIconAttributeService>;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
declare class ClrTimelineStep {
|
|
39
|
+
private iconAttributeService;
|
|
40
|
+
private platformId;
|
|
41
|
+
state: ClrTimelineStepState;
|
|
42
|
+
stepTitle: ElementRef<HTMLElement>;
|
|
43
|
+
stepTitleText: string;
|
|
44
|
+
constructor(iconAttributeService: TimelineIconAttributeService, platformId: any);
|
|
45
|
+
get iconAriaLabel(): string;
|
|
46
|
+
get iconShape(): string;
|
|
47
|
+
get iconStatus(): string;
|
|
48
|
+
get isProcessing(): boolean;
|
|
49
|
+
ngAfterContentInit(): void;
|
|
50
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrTimelineStep, never>;
|
|
51
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrTimelineStep, "clr-timeline-step", never, { "state": { "alias": "clrState"; "required": false; }; }, {}, ["stepTitle"], ["clr-timeline-step-header", "clr-timeline-step-title", "clr-timeline-step-description"], false, never>;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
declare class ClrTimelineStepDescription {
|
|
55
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrTimelineStepDescription, never>;
|
|
56
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrTimelineStepDescription, "clr-timeline-step-description", never, {}, {}, never, ["*"], false, never>;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
declare class ClrTimelineStepHeader {
|
|
60
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrTimelineStepHeader, never>;
|
|
61
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrTimelineStepHeader, "clr-timeline-step-header", never, {}, {}, never, ["*"], false, never>;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
/**
|
|
65
|
+
* Note: Why does this component have aria-hidden attribute?
|
|
66
|
+
*
|
|
67
|
+
* tl;dr: we want screen readers to ignore this element when its reading out to blind users.
|
|
68
|
+
*
|
|
69
|
+
* In order to make a timeline step accessible to screen readers we need the title read out before the
|
|
70
|
+
* icon. In order to do this, ClrTimeLine step has a ContentChild that queries for the ClrTimelineStepTitle and
|
|
71
|
+
* then adds the projected text into a .clr-sr-only element that is a sibling element to the icon. See the
|
|
72
|
+
* ClrTimlineStep template for the DOM structure.
|
|
73
|
+
*/
|
|
74
|
+
declare class ClrTimelineStepTitle {
|
|
75
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrTimelineStepTitle, never>;
|
|
76
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrTimelineStepTitle, "clr-timeline-step-title", never, {}, {}, never, ["*"], false, never>;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
declare class ClrTimelineModule {
|
|
80
|
+
constructor();
|
|
81
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrTimelineModule, never>;
|
|
82
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ClrTimelineModule, [typeof ClrTimeline, typeof ClrTimelineStep, typeof ClrTimelineStepDescription, typeof ClrTimelineStepHeader, typeof ClrTimelineStepTitle], [typeof i6.CommonModule, typeof i7.ClrIcon, typeof i8.ClrSpinnerModule], [typeof ClrTimeline, typeof ClrTimelineStep, typeof ClrTimelineStepDescription, typeof ClrTimelineStepHeader, typeof ClrTimelineStepTitle, typeof i7.ClrIcon, typeof i8.ClrSpinnerModule]>;
|
|
83
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ClrTimelineModule>;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
export { ClrTimeline, ClrTimelineLayout, ClrTimelineModule, ClrTimelineStep, ClrTimelineStepDescription, ClrTimelineStepHeader, ClrTimelineStepState, ClrTimelineStepTitle };
|