@abgov/angular-components 2.0.0-alpha.4 → 2.0.0-alpha.6
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 +3 -45
- package/abgov-angular-components.d.ts +1 -0
- package/bundles/abgov-angular-components.umd.js +176 -2565
- package/bundles/abgov-angular-components.umd.js.map +1 -1
- package/esm2015/index.js +3 -27
- package/esm2015/lib/angular-components.module.js +16 -94
- package/esm2015/lib/value-directive.js +133 -0
- package/fesm2015/abgov-angular-components.js +119 -2007
- package/fesm2015/abgov-angular-components.js.map +1 -1
- package/index.d.ts +2 -26
- package/lib/angular-components.module.d.ts +7 -0
- package/lib/value-directive.d.ts +34 -0
- package/package.json +8 -13
- package/abgov-angular-components.metadata.json +0 -1
- package/esm2015/experimental/app-version-header/app-version-header.component.js +0 -30
- package/esm2015/experimental/badge/badge.component.js +0 -24
- package/esm2015/experimental/components.module.js +0 -29
- package/esm2015/experimental/index.js +0 -5
- package/esm2015/experimental/number-input/number-input.component.js +0 -151
- package/esm2015/lib/button/button.component.js +0 -66
- package/esm2015/lib/button-link/button-link.component.js +0 -66
- package/esm2015/lib/callout/callout.component.js +0 -34
- package/esm2015/lib/card/card.component.js +0 -37
- package/esm2015/lib/card/content/card-content.component.js +0 -24
- package/esm2015/lib/card/footer/card-footer.component.js +0 -24
- package/esm2015/lib/card/header/card-header.component.js +0 -24
- package/esm2015/lib/card/thumb/card-thumb.component.js +0 -27
- package/esm2015/lib/card-group/card.group.component.js +0 -23
- package/esm2015/lib/checkbox/checkbox-change.js +0 -3
- package/esm2015/lib/checkbox/checkbox.component.js +0 -136
- package/esm2015/lib/dropdown/dropdown.component.js +0 -326
- package/esm2015/lib/dropdown/option/option.component.js +0 -48
- package/esm2015/lib/dropdown/option-group/option-group.component.js +0 -46
- package/esm2015/lib/element-load-indicator/element-load-indicator.component.js +0 -63
- package/esm2015/lib/header/header.component.js +0 -47
- package/esm2015/lib/hero-banner/content/hero-banner-content.component.js +0 -15
- package/esm2015/lib/hero-banner/hero-banner.component.js +0 -21
- package/esm2015/lib/hero-banner/link/hero-banner-link.component.js +0 -18
- package/esm2015/lib/microsite-logo/microsite-logo.component.js +0 -34
- package/esm2015/lib/notification/notification.component.js +0 -59
- package/esm2015/lib/notification-banner/notification-banner.component.js +0 -32
- package/esm2015/lib/page-load-indicator/page-load-indicator.component.js +0 -117
- package/esm2015/lib/radio/radio-change.js +0 -3
- package/esm2015/lib/radio/radio.component.js +0 -146
- package/esm2015/lib/radio/radio.service.js +0 -20
- package/esm2015/lib/radio-group/radio-group.component.js +0 -282
- package/esm2015/lib/skeleton/skeleton-element.component.js +0 -21
- package/esm2015/lib/skeleton/skeleton-image-content.component.js +0 -19
- package/experimental/app-version-header/app-version-header.component.d.ts +0 -10
- package/experimental/badge/badge.component.d.ts +0 -7
- package/experimental/components.module.d.ts +0 -2
- package/experimental/index.d.ts +0 -4
- package/experimental/number-input/number-input.component.d.ts +0 -66
- package/lib/button/button.component.d.ts +0 -37
- package/lib/button-link/button-link.component.d.ts +0 -38
- package/lib/callout/callout.component.d.ts +0 -20
- package/lib/card/card.component.d.ts +0 -23
- package/lib/card/content/card-content.component.d.ts +0 -14
- package/lib/card/footer/card-footer.component.d.ts +0 -14
- package/lib/card/header/card-header.component.d.ts +0 -14
- package/lib/card/thumb/card-thumb.component.d.ts +0 -22
- package/lib/card-group/card.group.component.d.ts +0 -32
- package/lib/checkbox/checkbox-change.d.ts +0 -7
- package/lib/checkbox/checkbox.component.d.ts +0 -100
- package/lib/dropdown/dropdown.component.d.ts +0 -193
- package/lib/dropdown/option/option.component.d.ts +0 -39
- package/lib/dropdown/option-group/option-group.component.d.ts +0 -38
- package/lib/element-load-indicator/element-load-indicator.component.d.ts +0 -38
- package/lib/header/header.component.d.ts +0 -29
- package/lib/hero-banner/content/hero-banner-content.component.d.ts +0 -5
- package/lib/hero-banner/hero-banner.component.d.ts +0 -9
- package/lib/hero-banner/link/hero-banner-link.component.d.ts +0 -6
- package/lib/microsite-logo/microsite-logo.component.d.ts +0 -20
- package/lib/notification/notification.component.d.ts +0 -43
- package/lib/notification-banner/notification-banner.component.d.ts +0 -22
- package/lib/page-load-indicator/page-load-indicator.component.d.ts +0 -55
- package/lib/radio/radio-change.d.ts +0 -7
- package/lib/radio/radio.component.d.ts +0 -119
- package/lib/radio/radio.service.d.ts +0 -7
- package/lib/radio-group/radio-group.component.d.ts +0 -190
- package/lib/skeleton/skeleton-element.component.d.ts +0 -5
- package/lib/skeleton/skeleton-image-content.component.d.ts +0 -5
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
2
|
-
/**
|
|
3
|
-
* cardImage image component used for Government of Alberta cards.
|
|
4
|
-
* It will project to the content section of the card.
|
|
5
|
-
* selector: goa-card-thumb-image
|
|
6
|
-
* @example <goa-card><goa-card-thumb-image url="" alt=""></goa-card-thumb-image></goa-card>
|
|
7
|
-
*/
|
|
8
|
-
export declare class GoACardThumbImageComponent implements OnInit {
|
|
9
|
-
/**
|
|
10
|
-
* The url of the image.
|
|
11
|
-
*/
|
|
12
|
-
url: string;
|
|
13
|
-
/**
|
|
14
|
-
* The alt text for the image.
|
|
15
|
-
*/
|
|
16
|
-
alt: string;
|
|
17
|
-
constructor();
|
|
18
|
-
/**
|
|
19
|
-
* @ignore
|
|
20
|
-
*/
|
|
21
|
-
ngOnInit(): void;
|
|
22
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
2
|
-
interface CardItem {
|
|
3
|
-
title: string;
|
|
4
|
-
/** Card description */
|
|
5
|
-
description?: string;
|
|
6
|
-
/** Card image , display on top of title */
|
|
7
|
-
cardImageUrl?: string;
|
|
8
|
-
/** Display card size to allow card responsively show in different device*/
|
|
9
|
-
cardWidth?: number;
|
|
10
|
-
/** Navigation to relate webside from Card title */
|
|
11
|
-
titleUrl?: string;
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* A wrapper/group for a set of card display
|
|
15
|
-
*/
|
|
16
|
-
export declare class GoACardGroupComponent implements OnInit {
|
|
17
|
-
/**
|
|
18
|
-
* The appearance style of the button.
|
|
19
|
-
*/
|
|
20
|
-
layout: 'basic' | 'column';
|
|
21
|
-
/**
|
|
22
|
-
* Title header text.
|
|
23
|
-
*/
|
|
24
|
-
title: string;
|
|
25
|
-
/**
|
|
26
|
-
* Card Items JSON array
|
|
27
|
-
*/
|
|
28
|
-
cardItems?: CardItem[];
|
|
29
|
-
constructor();
|
|
30
|
-
ngOnInit(): void;
|
|
31
|
-
}
|
|
32
|
-
export {};
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import { EventEmitter, ChangeDetectorRef } from '@angular/core';
|
|
2
|
-
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
-
import { GoACheckboxChange } from './checkbox-change';
|
|
4
|
-
export declare const GOA_CHECKBOX_CONTROL_VALUE_ACCESSOR: {
|
|
5
|
-
provide: import("@angular/core").InjectionToken<readonly ControlValueAccessor[]>;
|
|
6
|
-
useExisting: import("@angular/core").Type<any>;
|
|
7
|
-
multi: boolean;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* Checkbox component with Government of Alberta styling.
|
|
11
|
-
* selector: goa-checkbox
|
|
12
|
-
*/
|
|
13
|
-
export declare class GoACheckboxComponent implements ControlValueAccessor {
|
|
14
|
-
private _changeDetectorRef;
|
|
15
|
-
/**
|
|
16
|
-
* @ignore
|
|
17
|
-
*/
|
|
18
|
-
static idNum: number;
|
|
19
|
-
/**
|
|
20
|
-
* @ignore
|
|
21
|
-
*/
|
|
22
|
-
uniqueId: string;
|
|
23
|
-
/**
|
|
24
|
-
* Value/unique identifier for the object the checkbox represents.
|
|
25
|
-
*/
|
|
26
|
-
value: string;
|
|
27
|
-
/**
|
|
28
|
-
* Boolean indicating whether or not the checkbox is checked/selected.
|
|
29
|
-
*/
|
|
30
|
-
checked: boolean;
|
|
31
|
-
/**
|
|
32
|
-
* Boolean indicating whether or not the checkbox is disabled.
|
|
33
|
-
*/
|
|
34
|
-
disabled: boolean;
|
|
35
|
-
/**
|
|
36
|
-
* Boolean indicating whether or not the checkbox is required.
|
|
37
|
-
*/
|
|
38
|
-
required: boolean;
|
|
39
|
-
/**
|
|
40
|
-
* @ignore
|
|
41
|
-
*/
|
|
42
|
-
private _indeterminate;
|
|
43
|
-
/**
|
|
44
|
-
* Boolean indicating whether or not the checkbox should display as indeterminate
|
|
45
|
-
* (i.e. it has associated 'child' checkboxes, some of which are selected).
|
|
46
|
-
*/
|
|
47
|
-
get indeterminate(): boolean;
|
|
48
|
-
set indeterminate(value: boolean);
|
|
49
|
-
/**
|
|
50
|
-
* The position to display the label/text for the checbox. Valid values are before and after.
|
|
51
|
-
*/
|
|
52
|
-
labelPosition: 'before' | 'after';
|
|
53
|
-
/**
|
|
54
|
-
* Event emitted containing the source checkbox, and whether or not it is checked.
|
|
55
|
-
*/
|
|
56
|
-
selectionChange: EventEmitter<GoACheckboxChange>;
|
|
57
|
-
/**
|
|
58
|
-
* @ignore
|
|
59
|
-
*/
|
|
60
|
-
_onTouchedCallback: () => void;
|
|
61
|
-
/**
|
|
62
|
-
* @ignore
|
|
63
|
-
*/
|
|
64
|
-
_propagateChange: (_: any) => void;
|
|
65
|
-
constructor(_changeDetectorRef: ChangeDetectorRef);
|
|
66
|
-
/**
|
|
67
|
-
* Boolean indicating if the checkbox is required and not checked
|
|
68
|
-
* @ignore
|
|
69
|
-
*/
|
|
70
|
-
hasError(): boolean;
|
|
71
|
-
/**
|
|
72
|
-
* Implemented as part of ControlValueAccessor.
|
|
73
|
-
* @param value The model bound property, i.e. the value of checked
|
|
74
|
-
* @ignore
|
|
75
|
-
*/
|
|
76
|
-
writeValue(value: any): void;
|
|
77
|
-
/**
|
|
78
|
-
* Implemented as part of ControlValueAccessor.
|
|
79
|
-
* @param fn The function to call on change. Provided by ControlValueAccessor
|
|
80
|
-
* @ignore
|
|
81
|
-
*/
|
|
82
|
-
registerOnChange(fn: any): void;
|
|
83
|
-
/**
|
|
84
|
-
* Implemented as part of ControlValueAccessor.
|
|
85
|
-
* @param fn The function to call on touch. Provided by ControlValueAccessor
|
|
86
|
-
* @ignore
|
|
87
|
-
*/
|
|
88
|
-
registerOnTouched(fn: any): void;
|
|
89
|
-
/**
|
|
90
|
-
* Toggles the checked value of the checkbox
|
|
91
|
-
* @ignore
|
|
92
|
-
*/
|
|
93
|
-
toggle(): void;
|
|
94
|
-
/**
|
|
95
|
-
* User interaction event on click of the checkbox or its label to indicate toggling of the current checked status.
|
|
96
|
-
* Emits selectionChange to parent components.
|
|
97
|
-
* @ignore
|
|
98
|
-
*/
|
|
99
|
-
onChange(event: any): void;
|
|
100
|
-
}
|
|
@@ -1,193 +0,0 @@
|
|
|
1
|
-
import { OnInit, AfterViewInit, EventEmitter, ElementRef, QueryList, ChangeDetectorRef } from '@angular/core';
|
|
2
|
-
import { GoAOptionComponent } from './option/option.component';
|
|
3
|
-
import { GoAOptionGroupComponent } from './option-group/option-group.component';
|
|
4
|
-
import { ConnectedPosition } from '@angular/cdk/overlay';
|
|
5
|
-
/**
|
|
6
|
-
* A dropdown component with Government of Alberta styling.
|
|
7
|
-
* selector: goa-dropdown
|
|
8
|
-
*/
|
|
9
|
-
export declare class GoADropdownComponent implements OnInit, AfterViewInit {
|
|
10
|
-
private cdr;
|
|
11
|
-
/**
|
|
12
|
-
* boolean for if the dropdown is open.
|
|
13
|
-
* @ignore
|
|
14
|
-
*/
|
|
15
|
-
_isOpen: boolean;
|
|
16
|
-
/**
|
|
17
|
-
* Is the required error tripped?
|
|
18
|
-
* @ignore
|
|
19
|
-
*/
|
|
20
|
-
_requiredError: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* Bounding box of textInput.
|
|
23
|
-
* @ignore
|
|
24
|
-
*/
|
|
25
|
-
_triggerRect: any;
|
|
26
|
-
/**
|
|
27
|
-
* This position config ensures that the top "start" corner of the overlay
|
|
28
|
-
* is aligned with with the bottom "start" of the origin by default (overlapping
|
|
29
|
-
* the trigger completely). If the panel cannot fit below the trigger, it
|
|
30
|
-
* will fall back to a position above the trigger.
|
|
31
|
-
* @ignore
|
|
32
|
-
*/
|
|
33
|
-
_positions: ConnectedPosition[];
|
|
34
|
-
/**
|
|
35
|
-
* The current active option
|
|
36
|
-
* @ignore
|
|
37
|
-
*/
|
|
38
|
-
_activeOption: GoAOptionComponent;
|
|
39
|
-
/**
|
|
40
|
-
* The current active index
|
|
41
|
-
* @ignore
|
|
42
|
-
*/
|
|
43
|
-
_activeIndex: any;
|
|
44
|
-
/**
|
|
45
|
-
* All options currently matching filter including groups.
|
|
46
|
-
* @ignore
|
|
47
|
-
*/
|
|
48
|
-
_allFilteredOptions: Array<GoAOptionComponent>;
|
|
49
|
-
/**
|
|
50
|
-
* The list of filtered options to show in the view.
|
|
51
|
-
* @ignore
|
|
52
|
-
*/
|
|
53
|
-
_filteredOptions: Array<GoAOptionComponent>;
|
|
54
|
-
/**
|
|
55
|
-
* Whats the mode for typeahead.
|
|
56
|
-
*/
|
|
57
|
-
typeaheadMode: 'none' | 'contains' | 'startsWith';
|
|
58
|
-
/**
|
|
59
|
-
* The height for the dropdown. If none is set the dropdown grows until it reaches the viewport edge.
|
|
60
|
-
*/
|
|
61
|
-
menuHeight: number;
|
|
62
|
-
/**
|
|
63
|
-
* The label for the dropdown.
|
|
64
|
-
*/
|
|
65
|
-
label: string;
|
|
66
|
-
/**
|
|
67
|
-
* Helper text description of the dropdown.
|
|
68
|
-
*/
|
|
69
|
-
description: string;
|
|
70
|
-
/**
|
|
71
|
-
* Update the selected options, select the options with the given ids
|
|
72
|
-
*/
|
|
73
|
-
set selectedIds(ids: Array<string>);
|
|
74
|
-
/**
|
|
75
|
-
* Is the select disabled.
|
|
76
|
-
*/
|
|
77
|
-
disabled: boolean;
|
|
78
|
-
/**
|
|
79
|
-
* Is multiple selection?
|
|
80
|
-
*/
|
|
81
|
-
set multiple(value: boolean);
|
|
82
|
-
get multiple(): boolean;
|
|
83
|
-
/**
|
|
84
|
-
* @ignore
|
|
85
|
-
*/
|
|
86
|
-
private _multiple;
|
|
87
|
-
/**
|
|
88
|
-
* Is a selection required?
|
|
89
|
-
*/
|
|
90
|
-
set required(value: boolean);
|
|
91
|
-
get required(): boolean;
|
|
92
|
-
/**
|
|
93
|
-
* @ignore
|
|
94
|
-
*/
|
|
95
|
-
private _required;
|
|
96
|
-
/**
|
|
97
|
-
* The select element.
|
|
98
|
-
* @ignore
|
|
99
|
-
*/
|
|
100
|
-
textInput: ElementRef<HTMLInputElement>;
|
|
101
|
-
/**
|
|
102
|
-
* All options.
|
|
103
|
-
* @ignore
|
|
104
|
-
*/
|
|
105
|
-
allOptions: QueryList<GoAOptionComponent>;
|
|
106
|
-
/**
|
|
107
|
-
* The top level options for rendering options.
|
|
108
|
-
* @ignore
|
|
109
|
-
*/
|
|
110
|
-
options: QueryList<GoAOptionComponent>;
|
|
111
|
-
/**
|
|
112
|
-
* The option groups for rendering.
|
|
113
|
-
* @ignore
|
|
114
|
-
*/
|
|
115
|
-
optionGroups: QueryList<GoAOptionGroupComponent>;
|
|
116
|
-
/**
|
|
117
|
-
* Event emitted containing the value field of all selected options when the selection changes.
|
|
118
|
-
*/
|
|
119
|
-
selectionChange: EventEmitter<any[]>;
|
|
120
|
-
constructor(cdr: ChangeDetectorRef);
|
|
121
|
-
/**
|
|
122
|
-
* Lifecycle hook OnInit
|
|
123
|
-
* @ignore
|
|
124
|
-
*/
|
|
125
|
-
ngOnInit(): void;
|
|
126
|
-
/**
|
|
127
|
-
* Lifecycle hook AfterViewInit
|
|
128
|
-
* @ignore
|
|
129
|
-
*/
|
|
130
|
-
ngAfterViewInit(): void;
|
|
131
|
-
/**
|
|
132
|
-
* Called when user updates the text in the searchbox.
|
|
133
|
-
* @param text The text of the input
|
|
134
|
-
* @ignore
|
|
135
|
-
*/
|
|
136
|
-
onFilterChange(text: string): void;
|
|
137
|
-
/**
|
|
138
|
-
* Handler for keyboard events when menu is open.
|
|
139
|
-
* @param event keyboard event
|
|
140
|
-
* @ignore
|
|
141
|
-
*/
|
|
142
|
-
overlayKeydown(event: KeyboardEvent): void;
|
|
143
|
-
/**
|
|
144
|
-
* Sets the active option. Active option is the option that when enter is pressed is selected.
|
|
145
|
-
* @param option The option to make the active option
|
|
146
|
-
* @ignore
|
|
147
|
-
*/
|
|
148
|
-
setActiveOption(option: any): void;
|
|
149
|
-
/**
|
|
150
|
-
* Handler for when the input is clicked.
|
|
151
|
-
* @ignore
|
|
152
|
-
*/
|
|
153
|
-
inputClicked(): void;
|
|
154
|
-
/**
|
|
155
|
-
* Handler for when descendant an option is clicked.
|
|
156
|
-
* @ignore
|
|
157
|
-
*/
|
|
158
|
-
optionClicked(option: GoAOptionComponent): void;
|
|
159
|
-
/**
|
|
160
|
-
* Update view when selection changes
|
|
161
|
-
* @param options
|
|
162
|
-
* @ignore
|
|
163
|
-
*/
|
|
164
|
-
private selectionChanged;
|
|
165
|
-
/**
|
|
166
|
-
* Emit selection change
|
|
167
|
-
* @ignore
|
|
168
|
-
*/
|
|
169
|
-
private emitChange;
|
|
170
|
-
/**
|
|
171
|
-
* Gets all the currently selected options
|
|
172
|
-
* @ignore
|
|
173
|
-
*/
|
|
174
|
-
private get selectedItems();
|
|
175
|
-
/**
|
|
176
|
-
* Set the text of the input.
|
|
177
|
-
* @param value The value to set
|
|
178
|
-
* @ignore
|
|
179
|
-
*/
|
|
180
|
-
private setTextInput;
|
|
181
|
-
/**
|
|
182
|
-
* Update the filtered options with the passed in filter text.
|
|
183
|
-
* @param filterText The text to filter by
|
|
184
|
-
* @ignore
|
|
185
|
-
*/
|
|
186
|
-
private filterOptions;
|
|
187
|
-
/**
|
|
188
|
-
* Filter for typeahead with logic for what mode we are in.
|
|
189
|
-
* @param option
|
|
190
|
-
* @ignore
|
|
191
|
-
*/
|
|
192
|
-
private typeaheadFilter;
|
|
193
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { OnInit, TemplateRef } from '@angular/core';
|
|
2
|
-
/**
|
|
3
|
-
* Option component with to use with GoADropdown.
|
|
4
|
-
* selector: goa-option
|
|
5
|
-
*/
|
|
6
|
-
export declare class GoAOptionComponent implements OnInit {
|
|
7
|
-
/**
|
|
8
|
-
* Is the option currently selected
|
|
9
|
-
* @ignore
|
|
10
|
-
*/
|
|
11
|
-
selected: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* The unique id of the option.
|
|
14
|
-
*/
|
|
15
|
-
id: string;
|
|
16
|
-
/**
|
|
17
|
-
* The value for the option
|
|
18
|
-
*/
|
|
19
|
-
value: any;
|
|
20
|
-
/**
|
|
21
|
-
* Label to be used for option.
|
|
22
|
-
*/
|
|
23
|
-
label: string;
|
|
24
|
-
/**
|
|
25
|
-
* Is the option selected by default?
|
|
26
|
-
*/
|
|
27
|
-
defaultSelected: boolean;
|
|
28
|
-
/**
|
|
29
|
-
* The option template
|
|
30
|
-
* @ignore
|
|
31
|
-
*/
|
|
32
|
-
optionTemplate: TemplateRef<any>;
|
|
33
|
-
constructor();
|
|
34
|
-
/**
|
|
35
|
-
* Lifecycle hook OnInit
|
|
36
|
-
* @ignore
|
|
37
|
-
*/
|
|
38
|
-
ngOnInit(): void;
|
|
39
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { OnInit, QueryList, TemplateRef, ChangeDetectorRef } from '@angular/core';
|
|
2
|
-
import { GoAOptionComponent } from '../option/option.component';
|
|
3
|
-
/**
|
|
4
|
-
* Option grouping component with to use with GoADropdown.
|
|
5
|
-
* selector: goa-option-group
|
|
6
|
-
*/
|
|
7
|
-
export declare class GoAOptionGroupComponent implements OnInit {
|
|
8
|
-
private cdr;
|
|
9
|
-
/**
|
|
10
|
-
* Filtered options to show in the view.
|
|
11
|
-
*/
|
|
12
|
-
_filteredOptions: Array<GoAOptionComponent>;
|
|
13
|
-
/**
|
|
14
|
-
* The label of the option group
|
|
15
|
-
*/
|
|
16
|
-
label: string;
|
|
17
|
-
/**
|
|
18
|
-
* The defined options.
|
|
19
|
-
* @ignore
|
|
20
|
-
*/
|
|
21
|
-
options: QueryList<GoAOptionComponent>;
|
|
22
|
-
/**
|
|
23
|
-
* The option template
|
|
24
|
-
* @ignore
|
|
25
|
-
*/
|
|
26
|
-
optionGroupTemplate: TemplateRef<any>;
|
|
27
|
-
constructor(cdr: ChangeDetectorRef);
|
|
28
|
-
/**
|
|
29
|
-
* Lifecycle hook OnInit
|
|
30
|
-
* @ignore
|
|
31
|
-
*/
|
|
32
|
-
ngOnInit(): void;
|
|
33
|
-
/**
|
|
34
|
-
* Lifecycle hook AfterViewInit
|
|
35
|
-
* @ignore
|
|
36
|
-
*/
|
|
37
|
-
ngAfterViewInit(): void;
|
|
38
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
|
2
|
-
/**
|
|
3
|
-
* A page load indicator component with Government of Alberta styling.
|
|
4
|
-
* selector: goa-element-load-indicator
|
|
5
|
-
*/
|
|
6
|
-
export declare class GoAElementLoadIndicatorComponent implements OnInit, OnChanges {
|
|
7
|
-
constructor();
|
|
8
|
-
/**
|
|
9
|
-
* Sets the page loader visibility state.
|
|
10
|
-
*/
|
|
11
|
-
visible: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* The diameter of the loader in pixels.
|
|
14
|
-
*/
|
|
15
|
-
size: 'small' | 'default';
|
|
16
|
-
/**
|
|
17
|
-
* The base color of the spinner.
|
|
18
|
-
*/
|
|
19
|
-
baseColour: string;
|
|
20
|
-
/**
|
|
21
|
-
* The spinner color of the spinner.
|
|
22
|
-
*/
|
|
23
|
-
spinnerColour: string;
|
|
24
|
-
radius: number;
|
|
25
|
-
innerRadius: number;
|
|
26
|
-
diameter: number;
|
|
27
|
-
dashArray: number;
|
|
28
|
-
dashOffset: number;
|
|
29
|
-
viewBox: string;
|
|
30
|
-
/**
|
|
31
|
-
* @ignore
|
|
32
|
-
*/
|
|
33
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
34
|
-
/**
|
|
35
|
-
* @ignore
|
|
36
|
-
*/
|
|
37
|
-
ngOnInit(): void;
|
|
38
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
2
|
-
declare type ServiceLevel = 'alpha' | 'beta' | 'live';
|
|
3
|
-
/**
|
|
4
|
-
* A header component for a Government of Alberta hosted microsite.
|
|
5
|
-
* selector: goa-header
|
|
6
|
-
*/
|
|
7
|
-
export declare class GoAHeaderComponent implements OnInit {
|
|
8
|
-
/**
|
|
9
|
-
* The name to show on the header as the microsite.
|
|
10
|
-
*/
|
|
11
|
-
serviceName: string;
|
|
12
|
-
/**
|
|
13
|
-
* The home page URL of the microsite.
|
|
14
|
-
*/
|
|
15
|
-
serviceHome: string;
|
|
16
|
-
/**
|
|
17
|
-
* The level at which the service is running within [Alpha | Beta | Live]
|
|
18
|
-
*/
|
|
19
|
-
serviceLevel: ServiceLevel;
|
|
20
|
-
constructor();
|
|
21
|
-
/**
|
|
22
|
-
* @ignore
|
|
23
|
-
*/
|
|
24
|
-
ngOnInit(): void;
|
|
25
|
-
serviceLevelCssClass(): string;
|
|
26
|
-
serviceLevelFormatted(): string;
|
|
27
|
-
checkRequiredProps(...props: string[]): void;
|
|
28
|
-
}
|
|
29
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
2
|
-
export * from './content/hero-banner-content.component';
|
|
3
|
-
export * from './link/hero-banner-link.component';
|
|
4
|
-
export declare class GoAHeroBannerComponent implements OnInit {
|
|
5
|
-
title: string;
|
|
6
|
-
backgroundUrl: string;
|
|
7
|
-
constructor();
|
|
8
|
-
ngOnInit(): void;
|
|
9
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
2
|
-
/**
|
|
3
|
-
* A logo for a Government of Alberta hosted microsite.
|
|
4
|
-
* selector: goa-microsite-logo
|
|
5
|
-
*/
|
|
6
|
-
export declare class GoAMicrositeLogoComponent implements OnInit {
|
|
7
|
-
/**
|
|
8
|
-
* The name to show on the header/footer as the microsite.
|
|
9
|
-
*/
|
|
10
|
-
serviceName: string;
|
|
11
|
-
/**
|
|
12
|
-
* The home page URL of the microsite.
|
|
13
|
-
*/
|
|
14
|
-
serviceHome: string;
|
|
15
|
-
constructor();
|
|
16
|
-
/**
|
|
17
|
-
* @ignore
|
|
18
|
-
*/
|
|
19
|
-
ngOnInit(): void;
|
|
20
|
-
}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { OnInit, EventEmitter, ChangeDetectorRef } from '@angular/core';
|
|
2
|
-
/**
|
|
3
|
-
* Government of Alberta styled notification, comes in 4 variants: emergency, event, information, important.
|
|
4
|
-
* Can set the message and optionally a link url.
|
|
5
|
-
* selector: goa-notification
|
|
6
|
-
*/
|
|
7
|
-
export declare class GoANotificationComponent implements OnInit {
|
|
8
|
-
private _changeDetectorRef;
|
|
9
|
-
/**
|
|
10
|
-
* Whether or not the notification has been dismissed.
|
|
11
|
-
* @ignore
|
|
12
|
-
*/
|
|
13
|
-
_isDismissed: boolean;
|
|
14
|
-
/**
|
|
15
|
-
* The type of the notification, changes stylings and icons.
|
|
16
|
-
*/
|
|
17
|
-
type: 'important' | 'information' | 'event' | 'emergency';
|
|
18
|
-
/**
|
|
19
|
-
* Message to display.
|
|
20
|
-
*/
|
|
21
|
-
message: string;
|
|
22
|
-
/**
|
|
23
|
-
* Optional link for notification, if no link is provided notification will not contain anchor.
|
|
24
|
-
*/
|
|
25
|
-
notificationUrl?: string;
|
|
26
|
-
/**
|
|
27
|
-
* Can the notification be dismissed?
|
|
28
|
-
*/
|
|
29
|
-
isDismissable: boolean;
|
|
30
|
-
/**
|
|
31
|
-
* Event emitted when the notification has been dismissed by the user.
|
|
32
|
-
*/
|
|
33
|
-
dismiss: EventEmitter<any>;
|
|
34
|
-
constructor(_changeDetectorRef: ChangeDetectorRef);
|
|
35
|
-
/**
|
|
36
|
-
* @ignore
|
|
37
|
-
*/
|
|
38
|
-
ngOnInit(): void;
|
|
39
|
-
/**
|
|
40
|
-
* @ignore
|
|
41
|
-
*/
|
|
42
|
-
dismissClick(): void;
|
|
43
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { OnInit, QueryList } from '@angular/core';
|
|
2
|
-
import { GoANotificationComponent } from '../notification/notification.component';
|
|
3
|
-
/**
|
|
4
|
-
* Government of Alberta styled notification banner. Contains one or more notifications.
|
|
5
|
-
* selector: goa-notification-banner
|
|
6
|
-
*/
|
|
7
|
-
export declare class GoANotificationBannerComponent implements OnInit {
|
|
8
|
-
/**
|
|
9
|
-
* The accessibility title for the notification banner. Is not displayed.
|
|
10
|
-
*/
|
|
11
|
-
title: string;
|
|
12
|
-
/**
|
|
13
|
-
* The notifications in this banner.
|
|
14
|
-
* @ignore
|
|
15
|
-
*/
|
|
16
|
-
_notifications: QueryList<GoANotificationComponent>;
|
|
17
|
-
constructor();
|
|
18
|
-
/**
|
|
19
|
-
* @ignore
|
|
20
|
-
*/
|
|
21
|
-
ngOnInit(): void;
|
|
22
|
-
}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { OnDestroy } from '@angular/core';
|
|
2
|
-
import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
|
3
|
-
/**
|
|
4
|
-
* A page load indicator component with Government of Alberta styling.
|
|
5
|
-
* selector: goa-page-load-indicator
|
|
6
|
-
*/
|
|
7
|
-
export declare class GoAPageLoadIndicatorComponent implements OnInit, OnChanges, OnDestroy {
|
|
8
|
-
constructor();
|
|
9
|
-
/**
|
|
10
|
-
* Sets the page loader visibility state.
|
|
11
|
-
*/
|
|
12
|
-
visible: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* The type of page loader, deterministic and indeterministic.
|
|
15
|
-
*/
|
|
16
|
-
type: 'progress' | 'infinite';
|
|
17
|
-
/**
|
|
18
|
-
* The message to display while loading.
|
|
19
|
-
*/
|
|
20
|
-
message: string;
|
|
21
|
-
/**
|
|
22
|
-
* Sets the percentage value of the page loader while set to progress type, 0 - 100 percent.
|
|
23
|
-
*/
|
|
24
|
-
value: number;
|
|
25
|
-
/**
|
|
26
|
-
* Sets the page to locked and does not accept user input. When not set the component
|
|
27
|
-
* can be used as a child element without blocking user input.
|
|
28
|
-
*/
|
|
29
|
-
pagelock: boolean;
|
|
30
|
-
/**
|
|
31
|
-
* Sets the progress indicator display type size.
|
|
32
|
-
*/
|
|
33
|
-
displayType: 'large' | 'small';
|
|
34
|
-
/**
|
|
35
|
-
* Set defaults
|
|
36
|
-
*/
|
|
37
|
-
strokeDashoffsetDefault: number;
|
|
38
|
-
progressMaxValue: number;
|
|
39
|
-
strokeDashoffset: number;
|
|
40
|
-
ngOnInit(): void;
|
|
41
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
42
|
-
/**
|
|
43
|
-
* Toggles the page scrolling based on page load indicator's visibility.
|
|
44
|
-
* @param isBlock The flag to enable/disable page scroll.
|
|
45
|
-
* @ignore
|
|
46
|
-
*/
|
|
47
|
-
private blockScrollingToggle;
|
|
48
|
-
/**
|
|
49
|
-
* Blocks the keyboard input when page load indicator is visible.
|
|
50
|
-
* @ignore
|
|
51
|
-
*/
|
|
52
|
-
disableKeyboardInputHandler(event: KeyboardEvent): void;
|
|
53
|
-
ngOnDestroy(): void;
|
|
54
|
-
setProgress(progress: number): void;
|
|
55
|
-
}
|