@villedemontreal/angular-ui 2.0.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/README.md +25 -0
- package/esm2020/lib/alert/alert.component.mjs +164 -0
- package/esm2020/lib/alert/index.mjs +8 -0
- package/esm2020/lib/alert/module.mjs +41 -0
- package/esm2020/lib/badge/badge.component.mjs +27 -0
- package/esm2020/lib/badge/index.mjs +8 -0
- package/esm2020/lib/badge/module.mjs +24 -0
- package/esm2020/lib/bao.module.mjs +87 -0
- package/esm2020/lib/breadcrumb/breadcrumb.component.mjs +36 -0
- package/esm2020/lib/breadcrumb/index.mjs +8 -0
- package/esm2020/lib/breadcrumb/module.mjs +25 -0
- package/esm2020/lib/button/button.component.mjs +100 -0
- package/esm2020/lib/button/index.mjs +8 -0
- package/esm2020/lib/button/module.mjs +25 -0
- package/esm2020/lib/card/card.component.mjs +94 -0
- package/esm2020/lib/card/index.mjs +8 -0
- package/esm2020/lib/card/module.mjs +38 -0
- package/esm2020/lib/checkbox/checkbox-group.component.mjs +59 -0
- package/esm2020/lib/checkbox/checkbox.component.mjs +305 -0
- package/esm2020/lib/checkbox/index.mjs +9 -0
- package/esm2020/lib/checkbox/module.mjs +35 -0
- package/esm2020/lib/common-components/error-text/errorText.component.mjs +16 -0
- package/esm2020/lib/common-components/guiding-text/guidingText.component.mjs +16 -0
- package/esm2020/lib/common-components/index.mjs +10 -0
- package/esm2020/lib/common-components/legend-text/legendText.component.mjs +22 -0
- package/esm2020/lib/common-components/module.mjs +32 -0
- package/esm2020/lib/core/colors.mjs +42 -0
- package/esm2020/lib/header-info/header-info.component.mjs +104 -0
- package/esm2020/lib/header-info/index.mjs +8 -0
- package/esm2020/lib/header-info/module.mjs +41 -0
- package/esm2020/lib/icon/bao-icon-registry.mjs +44 -0
- package/esm2020/lib/icon/icon.component.mjs +160 -0
- package/esm2020/lib/icon/icons-dictionary.mjs +123 -0
- package/esm2020/lib/icon/index.mjs +8 -0
- package/esm2020/lib/icon/module.mjs +24 -0
- package/esm2020/lib/list/index.mjs +8 -0
- package/esm2020/lib/list/list.component.mjs +73 -0
- package/esm2020/lib/list/module.mjs +38 -0
- package/esm2020/lib/radio/index.mjs +9 -0
- package/esm2020/lib/radio/module.mjs +56 -0
- package/esm2020/lib/radio/radio-group.component.mjs +250 -0
- package/esm2020/lib/radio/radio.component.mjs +292 -0
- package/esm2020/lib/tag/index.mjs +8 -0
- package/esm2020/lib/tag/module.mjs +24 -0
- package/esm2020/lib/tag/tag.component.mjs +75 -0
- package/esm2020/public-api.mjs +19 -0
- package/esm2020/villedemontreal-angular-ui.mjs +5 -0
- package/fesm2015/villedemontreal-angular-ui.mjs +2461 -0
- package/fesm2015/villedemontreal-angular-ui.mjs.map +1 -0
- package/fesm2020/villedemontreal-angular-ui.mjs +2455 -0
- package/fesm2020/villedemontreal-angular-ui.mjs.map +1 -0
- package/global.scss +6 -0
- package/lib/alert/alert.component.d.ts +77 -0
- package/lib/alert/index.d.ts +2 -0
- package/lib/alert/module.d.ts +10 -0
- package/lib/badge/badge.component.d.ts +6 -0
- package/lib/badge/index.d.ts +2 -0
- package/lib/badge/module.d.ts +8 -0
- package/lib/bao.module.d.ts +17 -0
- package/lib/breadcrumb/breadcrumb.component.d.ts +12 -0
- package/lib/breadcrumb/index.d.ts +2 -0
- package/lib/breadcrumb/module.d.ts +9 -0
- package/lib/button/button.component.d.ts +47 -0
- package/lib/button/index.d.ts +2 -0
- package/lib/button/module.d.ts +9 -0
- package/lib/card/card.component.d.ts +44 -0
- package/lib/card/index.d.ts +2 -0
- package/lib/card/module.d.ts +8 -0
- package/lib/checkbox/checkbox-group.component.d.ts +25 -0
- package/lib/checkbox/checkbox.component.d.ts +152 -0
- package/lib/checkbox/index.d.ts +3 -0
- package/lib/checkbox/module.d.ts +11 -0
- package/lib/common-components/error-text/errorText.component.d.ts +5 -0
- package/lib/common-components/guiding-text/guidingText.component.d.ts +5 -0
- package/lib/common-components/index.d.ts +4 -0
- package/lib/common-components/legend-text/legendText.component.d.ts +6 -0
- package/lib/common-components/module.d.ts +10 -0
- package/lib/core/colors.d.ts +12 -0
- package/lib/header-info/header-info.component.d.ts +39 -0
- package/lib/header-info/index.d.ts +2 -0
- package/lib/header-info/module.d.ts +8 -0
- package/lib/icon/bao-icon-registry.d.ts +12 -0
- package/lib/icon/icon.component.d.ts +43 -0
- package/lib/icon/icons-dictionary.d.ts +3 -0
- package/lib/icon/index.d.ts +2 -0
- package/lib/icon/module.d.ts +8 -0
- package/lib/list/index.d.ts +2 -0
- package/lib/list/list.component.d.ts +21 -0
- package/lib/list/module.d.ts +8 -0
- package/lib/radio/index.d.ts +3 -0
- package/lib/radio/module.d.ts +13 -0
- package/lib/radio/radio-group.component.d.ts +110 -0
- package/lib/radio/radio.component.d.ts +112 -0
- package/lib/tag/index.d.ts +2 -0
- package/lib/tag/module.d.ts +8 -0
- package/lib/tag/tag.component.d.ts +25 -0
- package/package.json +33 -0
- package/public-api.d.ts +13 -0
- package/villedemontreal-angular-ui.d.ts +5 -0
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, ElementRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class BaoButtonComponent implements AfterViewInit {
|
|
4
|
+
private elementRef;
|
|
5
|
+
private cdr;
|
|
6
|
+
/**
|
|
7
|
+
* The display type of the button
|
|
8
|
+
*/
|
|
9
|
+
displayType: 'utility' | 'editorial';
|
|
10
|
+
/**
|
|
11
|
+
* The hierarchy level of the button
|
|
12
|
+
*/
|
|
13
|
+
level: 'primary' | 'secondary' | 'tertiary';
|
|
14
|
+
/**
|
|
15
|
+
* The size of the button
|
|
16
|
+
*/
|
|
17
|
+
size: 'large' | 'medium' | 'small';
|
|
18
|
+
/**
|
|
19
|
+
* Flag to set the button in loading state
|
|
20
|
+
*/
|
|
21
|
+
loading: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Flag to set the button reversed color mode
|
|
24
|
+
*/
|
|
25
|
+
reversed: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* The aria-label of the loading spinner if it displayed alone
|
|
28
|
+
*/
|
|
29
|
+
loadingSpinnerAriaLabel: string;
|
|
30
|
+
/**
|
|
31
|
+
* Allows the button to grow to the width of it's container
|
|
32
|
+
*/
|
|
33
|
+
fullWidth: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* If there is no text, some margin/padding will be different, i.e. for the spinner
|
|
36
|
+
*/
|
|
37
|
+
noText: boolean;
|
|
38
|
+
/**
|
|
39
|
+
* If the icon is on the right of the label, the loading spinner will need to be on the right of the label
|
|
40
|
+
*/
|
|
41
|
+
rightIcon: boolean;
|
|
42
|
+
constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
|
|
43
|
+
get nativeElement(): HTMLElement;
|
|
44
|
+
ngAfterViewInit(): void;
|
|
45
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoButtonComponent, never>;
|
|
46
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BaoButtonComponent, "button[bao-button]", never, { "displayType": "displayType"; "level": "level"; "size": "size"; "loading": "loading"; "reversed": "reversed"; "loadingSpinnerAriaLabel": "loadingSpinnerAriaLabel"; "fullWidth": "fullWidth"; }, {}, never, ["*"]>;
|
|
47
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./button.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "../icon/module";
|
|
5
|
+
export declare class BaoButtonModule {
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoButtonModule, never>;
|
|
7
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<BaoButtonModule, [typeof i1.BaoButtonComponent], [typeof i2.CommonModule, typeof i3.BaoIconModule], [typeof i1.BaoButtonComponent, typeof i3.BaoIconModule]>;
|
|
8
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<BaoButtonModule>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* A basic content container component that adds the styles of a BAO design card.
|
|
4
|
+
*
|
|
5
|
+
* While this component can be used alone, it also provides a number
|
|
6
|
+
* of preset styles for common card sections, including:
|
|
7
|
+
* * bao-card-body
|
|
8
|
+
* * bao-card-title
|
|
9
|
+
* * bao-card-bao-text-interface
|
|
10
|
+
* * More to come!
|
|
11
|
+
*/
|
|
12
|
+
export declare class BaoCardComponent {
|
|
13
|
+
padding: 'normal' | 'large';
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoCardComponent, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BaoCardComponent, "bao-card, [bao-card], [baoCard]", never, { "padding": "padding"; }, {}, never, ["bao-card-header", "bao-card-content"]>;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Header of a card, needed as it's used as a selector in the API.
|
|
19
|
+
*/
|
|
20
|
+
export declare class BaoCardHeader {
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoCardHeader, never>;
|
|
22
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BaoCardHeader, "bao-card-header, [bao-card-header], [baoCardHeader]", never, {}, {}, never>;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* Body of a card, needed as it's used as a selector in the API.
|
|
26
|
+
*/
|
|
27
|
+
export declare class BaoCardContent {
|
|
28
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoCardContent, never>;
|
|
29
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BaoCardContent, "bao-card-content, [bao-card-content], [baoCardContent]", never, {}, {}, never>;
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* Title of a card, needed as it's used as a selector in the API.
|
|
33
|
+
*/
|
|
34
|
+
export declare class BaoCardTitle {
|
|
35
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoCardTitle, never>;
|
|
36
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BaoCardTitle, "bao-card-title, [bao-card-title], [baoCardTitle]", never, {}, {}, never>;
|
|
37
|
+
}
|
|
38
|
+
/**
|
|
39
|
+
* Text of a card, needed as it's used as a selector in the API.
|
|
40
|
+
*/
|
|
41
|
+
export declare class BaoCardTextInterface {
|
|
42
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoCardTextInterface, never>;
|
|
43
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BaoCardTextInterface, "bao-card-text-interface, [bao-card-text-interface], [baoCardTextInterface]", never, {}, {}, never>;
|
|
44
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./card.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class BaoCardModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoCardModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<BaoCardModule, [typeof i1.BaoCardComponent, typeof i1.BaoCardContent, typeof i1.BaoCardHeader, typeof i1.BaoCardTextInterface, typeof i1.BaoCardTitle], [typeof i2.CommonModule], [typeof i1.BaoCardComponent, typeof i1.BaoCardContent, typeof i1.BaoCardHeader, typeof i1.BaoCardTextInterface, typeof i1.BaoCardTitle]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<BaoCardModule>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class BaoCheckboxGroupComponent implements AfterViewInit {
|
|
4
|
+
private cdr;
|
|
5
|
+
private _uniqueId;
|
|
6
|
+
/**
|
|
7
|
+
* The checkbox group ID. It is set dynamically with an unique ID by default
|
|
8
|
+
*/
|
|
9
|
+
id: string;
|
|
10
|
+
/**
|
|
11
|
+
* The aria-describedby id for web accessibilty
|
|
12
|
+
*/
|
|
13
|
+
ariaDescribedby?: string;
|
|
14
|
+
private staticContainer;
|
|
15
|
+
constructor(cdr: ChangeDetectorRef);
|
|
16
|
+
ngAfterViewInit(): void;
|
|
17
|
+
onContentChange(): void;
|
|
18
|
+
/**
|
|
19
|
+
* Set the aria-describedby property to bao-guiding-text if available
|
|
20
|
+
*/
|
|
21
|
+
private setAriaDescribedByToDescription;
|
|
22
|
+
private showAriaDescribedBy;
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoCheckboxGroupComponent, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BaoCheckboxGroupComponent, "bao-checkbox-group, [bao-checkbox-group]", never, { "id": "id"; }, {}, never, ["*", "bao-error, [bao-error], bao-guiding-text, [bao-guiding-text]"]>;
|
|
25
|
+
}
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
|
|
2
|
+
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
3
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* Checkbox state for aria-checked property
|
|
7
|
+
*/
|
|
8
|
+
export declare const enum eCheckboxAriaState {
|
|
9
|
+
TRUE = "true",
|
|
10
|
+
FALSE = "false",
|
|
11
|
+
MIXED = "mixed"
|
|
12
|
+
}
|
|
13
|
+
export declare class BaoCheckboxComponent implements ControlValueAccessor, AfterViewInit, OnInit, OnDestroy {
|
|
14
|
+
private elementRef;
|
|
15
|
+
private cdr;
|
|
16
|
+
private focusMonitor;
|
|
17
|
+
private _disabled;
|
|
18
|
+
private _checked;
|
|
19
|
+
private _indeterminate;
|
|
20
|
+
private _uniqueId;
|
|
21
|
+
/**
|
|
22
|
+
* Whether the checkbox is checked. Default value : false
|
|
23
|
+
*/
|
|
24
|
+
get checked(): boolean;
|
|
25
|
+
set checked(value: boolean);
|
|
26
|
+
/**
|
|
27
|
+
* Whether the checkbox is disabled. Default value : false
|
|
28
|
+
*/
|
|
29
|
+
get disabled(): boolean;
|
|
30
|
+
set disabled(value: boolean);
|
|
31
|
+
/**
|
|
32
|
+
* Whether the checkbox is required. Default value : false
|
|
33
|
+
*/
|
|
34
|
+
get required(): boolean;
|
|
35
|
+
set required(value: boolean);
|
|
36
|
+
private _required;
|
|
37
|
+
/**
|
|
38
|
+
* Whether the checkbox is indeterminate. Default value : false
|
|
39
|
+
*/
|
|
40
|
+
get indeterminate(): boolean;
|
|
41
|
+
set indeterminate(value: boolean);
|
|
42
|
+
/**
|
|
43
|
+
* The checkbox ID. It is set dynamically with an unique ID by default
|
|
44
|
+
*/
|
|
45
|
+
id: string;
|
|
46
|
+
/**
|
|
47
|
+
* The aria-label for web accessibility
|
|
48
|
+
*/
|
|
49
|
+
ariaLabel?: string;
|
|
50
|
+
/**
|
|
51
|
+
* Whether the checkbox has a border and is considered as a card.
|
|
52
|
+
*/
|
|
53
|
+
brandBorder: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* Whether the checkbox is inline.
|
|
56
|
+
*/
|
|
57
|
+
inline: boolean;
|
|
58
|
+
/**
|
|
59
|
+
* The name property of the checkbox
|
|
60
|
+
*/
|
|
61
|
+
name?: string;
|
|
62
|
+
/**
|
|
63
|
+
* The visible state of the label
|
|
64
|
+
*/
|
|
65
|
+
hiddenLabel: boolean;
|
|
66
|
+
/**
|
|
67
|
+
* Emitted object on change event
|
|
68
|
+
*/
|
|
69
|
+
readonly change: EventEmitter<boolean>;
|
|
70
|
+
/**
|
|
71
|
+
* Inderminate value of the checkbox whenever
|
|
72
|
+
*/
|
|
73
|
+
readonly indeterminateChange: EventEmitter<boolean>;
|
|
74
|
+
/**
|
|
75
|
+
* Reference to the input html element
|
|
76
|
+
*/
|
|
77
|
+
private inputElement;
|
|
78
|
+
/**
|
|
79
|
+
* The aria-describedby id for web accessibilty
|
|
80
|
+
*/
|
|
81
|
+
ariaDescribedby?: string;
|
|
82
|
+
/**
|
|
83
|
+
* The aria-labeledby id for web accessibilty
|
|
84
|
+
*/
|
|
85
|
+
ariaLabelledby?: string;
|
|
86
|
+
/**
|
|
87
|
+
* The ID of the input html element
|
|
88
|
+
*/
|
|
89
|
+
inputID: string;
|
|
90
|
+
constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, focusMonitor: FocusMonitor);
|
|
91
|
+
get nativeElement(): HTMLElement;
|
|
92
|
+
ngOnInit(): void;
|
|
93
|
+
ngAfterViewInit(): void;
|
|
94
|
+
ngOnDestroy(): void;
|
|
95
|
+
/**
|
|
96
|
+
* Implement ControlValueAccessor
|
|
97
|
+
*/
|
|
98
|
+
writeValue(value: any): void;
|
|
99
|
+
/**
|
|
100
|
+
* Implement ControlValueAccessor
|
|
101
|
+
*/
|
|
102
|
+
registerOnChange(fn: (value: any) => void): void;
|
|
103
|
+
/**
|
|
104
|
+
* Implement ControlValueAccessor
|
|
105
|
+
*/
|
|
106
|
+
registerOnTouched(fn: any): void;
|
|
107
|
+
/**
|
|
108
|
+
* Implement ControlValueAccessor
|
|
109
|
+
*/
|
|
110
|
+
setDisabledState(isDisabled: boolean): void;
|
|
111
|
+
focus(origin?: FocusOrigin, options?: FocusOptions): void;
|
|
112
|
+
/**
|
|
113
|
+
* Whenever there is change on the input html element
|
|
114
|
+
*/
|
|
115
|
+
onInteractionEvent(event: Event): void;
|
|
116
|
+
/**
|
|
117
|
+
* Whenever there is click event triggered on the checkbox
|
|
118
|
+
*/
|
|
119
|
+
onInputClick(event: Event): void;
|
|
120
|
+
/**
|
|
121
|
+
* Get the value for the aria-checked property (web accessibility)
|
|
122
|
+
*/
|
|
123
|
+
getAriaState(): eCheckboxAriaState;
|
|
124
|
+
/**
|
|
125
|
+
* Emit new values whenever the checkbox object has change.
|
|
126
|
+
*/
|
|
127
|
+
private emitChangeEvent;
|
|
128
|
+
/**
|
|
129
|
+
* Set the checked property on the input html element
|
|
130
|
+
*/
|
|
131
|
+
private syncChecked;
|
|
132
|
+
/**
|
|
133
|
+
* Set the indeterminate property on the input html element
|
|
134
|
+
*/
|
|
135
|
+
private syncIndeterminate;
|
|
136
|
+
/**
|
|
137
|
+
* Set the aria-describedby property to bao-checkbox-description
|
|
138
|
+
*/
|
|
139
|
+
private setAriaDescribedByToDescription;
|
|
140
|
+
/**
|
|
141
|
+
* Set checked value
|
|
142
|
+
*/
|
|
143
|
+
private toggle;
|
|
144
|
+
private onModelChange;
|
|
145
|
+
private onTouch;
|
|
146
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoCheckboxComponent, never>;
|
|
147
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BaoCheckboxComponent, "bao-checkbox, [bao-checkbox]", never, { "checked": "checked"; "disabled": "disabled"; "required": "required"; "indeterminate": "indeterminate"; "id": "id"; "ariaLabel": "aria-label"; "brandBorder": "brandBorder"; "inline": "inline"; "name": "name"; "hiddenLabel": "hiddenLabel"; }, { "change": "change"; "indeterminateChange": "indeterminateChange"; }, never, ["*", "bao-checkbox-description, [bao-checkbox-description], [baoCheckboxDescription]"]>;
|
|
148
|
+
}
|
|
149
|
+
export declare class BaoCheckBoxDescription {
|
|
150
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoCheckBoxDescription, never>;
|
|
151
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BaoCheckBoxDescription, "bao-checkbox-description, [bao-checkbox-description], [baoCheckboxDescription]", never, {}, {}, never>;
|
|
152
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./checkbox.component";
|
|
3
|
+
import * as i2 from "./checkbox-group.component";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
5
|
+
import * as i4 from "../common-components/module";
|
|
6
|
+
import * as i5 from "@angular/cdk/observers";
|
|
7
|
+
export declare class BaoCheckboxModule {
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoCheckboxModule, never>;
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<BaoCheckboxModule, [typeof i1.BaoCheckboxComponent, typeof i2.BaoCheckboxGroupComponent, typeof i1.BaoCheckBoxDescription], [typeof i3.CommonModule, typeof i4.BaoCommonComponentsModule, typeof i5.ObserversModule], [typeof i1.BaoCheckboxComponent, typeof i2.BaoCheckboxGroupComponent, typeof i1.BaoCheckBoxDescription]>;
|
|
10
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<BaoCheckboxModule>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class BaoErrorTextComponent {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoErrorTextComponent, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BaoErrorTextComponent, "bao-error, [bao-error]", never, {}, {}, never, ["*"]>;
|
|
5
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class BaoGuidingTextComponent {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoGuidingTextComponent, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BaoGuidingTextComponent, "bao-guiding-text, [bao-guiding-text]", never, {}, {}, never, ["*"]>;
|
|
5
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class BaoLegendTextComponent {
|
|
3
|
+
required: boolean;
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoLegendTextComponent, never>;
|
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BaoLegendTextComponent, "bao-legend, [bao-legend]", never, { "required": "required"; }, {}, never, ["*"]>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./error-text/errorText.component";
|
|
3
|
+
import * as i2 from "./legend-text/legendText.component";
|
|
4
|
+
import * as i3 from "./guiding-text/guidingText.component";
|
|
5
|
+
import * as i4 from "@angular/common";
|
|
6
|
+
export declare class BaoCommonComponentsModule {
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoCommonComponentsModule, never>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<BaoCommonComponentsModule, [typeof i1.BaoErrorTextComponent, typeof i2.BaoLegendTextComponent, typeof i3.BaoGuidingTextComponent], [typeof i4.CommonModule], [typeof i1.BaoErrorTextComponent, typeof i2.BaoLegendTextComponent, typeof i3.BaoGuidingTextComponent]>;
|
|
9
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<BaoCommonComponentsModule>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare enum BaoColors {
|
|
2
|
+
ACTION = "action",
|
|
3
|
+
PRIMARY = "primary",
|
|
4
|
+
PRIMARY_REVERSED = "primary-reversed",
|
|
5
|
+
SECONDARY = "secondary",
|
|
6
|
+
TERTIARY = "tertiary",
|
|
7
|
+
INFORMATIVE = "informative",
|
|
8
|
+
NEGATIVE = "negative",
|
|
9
|
+
POSITIVE = "positive",
|
|
10
|
+
WARNING = "warning"
|
|
11
|
+
}
|
|
12
|
+
export declare function baoColorToHex(baoColor: BaoColors): string;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* A basic content container component that adds the styles of a BAO header-info
|
|
4
|
+
*
|
|
5
|
+
* While this component can be used alone, it also provides a number
|
|
6
|
+
* of preset styles for common header-info sections, including:
|
|
7
|
+
* - bao-header-info-title-group
|
|
8
|
+
* - bao-header-info-content
|
|
9
|
+
* - bao-header-info-title
|
|
10
|
+
* - bao-header-info-surtitle
|
|
11
|
+
* - bao-header-info-subtitle
|
|
12
|
+
*/
|
|
13
|
+
export declare class BaoHeaderInfoComponent {
|
|
14
|
+
notch: '' | 'left' | 'center';
|
|
15
|
+
imageUrl: string;
|
|
16
|
+
brandBorder: boolean;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoHeaderInfoComponent, never>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BaoHeaderInfoComponent, "bao-header-info", never, { "notch": "notch"; "imageUrl": "imageUrl"; "brandBorder": "brandBorder"; }, {}, never, ["bao-header-info-title-group", "*"]>;
|
|
19
|
+
}
|
|
20
|
+
export declare class BaoHeaderInfoTitleGroupComponent {
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoHeaderInfoTitleGroupComponent, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BaoHeaderInfoTitleGroupComponent, "bao-header-info-title-group", never, {}, {}, never, ["*", "bao-header-surtitle, [bao-header-surtitle], [baoHeaderSurtitle], \n bao-header-title, [bao-header-title], [baoHeaderTitle],\n bao-header-subtitle, [bao-header-subtitle], [baoHeaderSubtitle]"]>;
|
|
23
|
+
}
|
|
24
|
+
export declare class BaoHeaderInfoContent {
|
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoHeaderInfoContent, never>;
|
|
26
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BaoHeaderInfoContent, "bao-header-info-content", never, {}, {}, never>;
|
|
27
|
+
}
|
|
28
|
+
export declare class BaoHeaderInfoSurtitle {
|
|
29
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoHeaderInfoSurtitle, never>;
|
|
30
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BaoHeaderInfoSurtitle, "bao-header-info-surtitle, [bao-header-info-surtitle], [baoHeaderInfoSurtitle]", never, {}, {}, never>;
|
|
31
|
+
}
|
|
32
|
+
export declare class BaoHeaderInfoSubtitle {
|
|
33
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoHeaderInfoSubtitle, never>;
|
|
34
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BaoHeaderInfoSubtitle, "bao-header-info-subtitle, [bao-header-info-subtitle], [baoHeaderInfoSubtitle]", never, {}, {}, never>;
|
|
35
|
+
}
|
|
36
|
+
export declare class BaoHeaderInfoTitle {
|
|
37
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoHeaderInfoTitle, never>;
|
|
38
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BaoHeaderInfoTitle, "bao-header-info-title, [bao-header-info-title], [baoHeaderInfoTitle]", never, {}, {}, never>;
|
|
39
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./header-info.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class BaoHeaderInfoModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoHeaderInfoModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<BaoHeaderInfoModule, [typeof i1.BaoHeaderInfoComponent, typeof i1.BaoHeaderInfoContent, typeof i1.BaoHeaderInfoTitleGroupComponent, typeof i1.BaoHeaderInfoSubtitle, typeof i1.BaoHeaderInfoSurtitle, typeof i1.BaoHeaderInfoTitle], [typeof i2.CommonModule], [typeof i1.BaoHeaderInfoComponent, typeof i1.BaoHeaderInfoContent, typeof i1.BaoHeaderInfoTitleGroupComponent, typeof i1.BaoHeaderInfoSubtitle, typeof i1.BaoHeaderInfoSurtitle, typeof i1.BaoHeaderInfoTitle]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<BaoHeaderInfoModule>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { DomSanitizer } from '@angular/platform-browser';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class BaoIconDictionary {
|
|
4
|
+
private document;
|
|
5
|
+
private domSanitizer;
|
|
6
|
+
constructor(document: any, domSanitizer: DomSanitizer);
|
|
7
|
+
getNamedSvgIcon(iconName: string): SVGElement;
|
|
8
|
+
private getRawIconStringFromIconName;
|
|
9
|
+
private svgElementFromString;
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoIconDictionary, never>;
|
|
11
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<BaoIconDictionary>;
|
|
12
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { ElementRef, OnDestroy, Renderer2 } from '@angular/core';
|
|
2
|
+
import { BaoColors } from '../core/colors';
|
|
3
|
+
import { BaoIconDictionary as BaoIconRegistry } from './bao-icon-registry';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* Component to display an icon. It can be used in the following ways:
|
|
7
|
+
*
|
|
8
|
+
* - Specify the svgIcon input to load an SVG icon from a preset list of icons.
|
|
9
|
+
* Examples:
|
|
10
|
+
* `<bao-icon svgIcon="heart"></bao-icon>`
|
|
11
|
+
*/
|
|
12
|
+
export declare class BaoIconComponent implements OnDestroy {
|
|
13
|
+
private elementRef;
|
|
14
|
+
private iconRegistry;
|
|
15
|
+
private renderer;
|
|
16
|
+
/** Name of the icon in the SVG icon set. */
|
|
17
|
+
get svgIcon(): string;
|
|
18
|
+
set svgIcon(value: string);
|
|
19
|
+
/** The color of the icon, if not specified the icon's parent current text color will be used */
|
|
20
|
+
color: BaoColors;
|
|
21
|
+
get hexColor(): string | void;
|
|
22
|
+
/** Title that will be used as an aria-label for the icon */
|
|
23
|
+
get title(): string;
|
|
24
|
+
set title(value: string);
|
|
25
|
+
get titleId(): string;
|
|
26
|
+
/**
|
|
27
|
+
* The size of the icon
|
|
28
|
+
*/
|
|
29
|
+
size: 'medium' | 'small' | 'x-small' | 'xx-small';
|
|
30
|
+
private _svgIcon;
|
|
31
|
+
private _title;
|
|
32
|
+
private _titleId;
|
|
33
|
+
private _elementsWithExternalReferences?;
|
|
34
|
+
constructor(elementRef: ElementRef<HTMLElement>, iconRegistry: BaoIconRegistry, renderer: Renderer2, ariaHidden: string);
|
|
35
|
+
ngOnDestroy(): void;
|
|
36
|
+
private setSvgElement;
|
|
37
|
+
private clearSvgElement;
|
|
38
|
+
private updateSvgIcon;
|
|
39
|
+
private addTitleToSVG;
|
|
40
|
+
private generateUniqueTitleId;
|
|
41
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoIconComponent, [null, null, null, { attribute: "aria-hidden"; }]>;
|
|
42
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BaoIconComponent, "bao-icon", ["baoIcon"], { "svgIcon": "svgIcon"; "color": "color"; "title": "title"; "size": "size"; }, {}, never, ["*"]>;
|
|
43
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./icon.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class BaoIconModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoIconModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<BaoIconModule, [typeof i1.BaoIconComponent], [typeof i2.CommonModule], [typeof i1.BaoIconComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<BaoIconModule>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class BaoListItem {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoListItem, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BaoListItem, "bao-list-item, [bao-list-item]", never, {}, {}, never, ["baoIconItemType, [baoIconItemType]", "*", "bao-tag, [bao-tag], baoIconTag, [baoIconTag]"]>;
|
|
5
|
+
}
|
|
6
|
+
export declare class BaoList {
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoList, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BaoList, "bao-list, [bao-list]", never, {}, {}, never>;
|
|
9
|
+
}
|
|
10
|
+
export declare class BaoNavList {
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoNavList, never>;
|
|
12
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BaoNavList, "bao-nav-list, [bao-nav-list]", never, {}, {}, never>;
|
|
13
|
+
}
|
|
14
|
+
export declare class BaoListItemDescription {
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoListItemDescription, never>;
|
|
16
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BaoListItemDescription, "bao-list-item-description, [bao-list-item-description]", never, {}, {}, never>;
|
|
17
|
+
}
|
|
18
|
+
export declare class BaoListItemTitle {
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoListItemTitle, never>;
|
|
20
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BaoListItemTitle, "bao-list-item-title, [bao-list-item-title]", never, {}, {}, never>;
|
|
21
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./list.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class BaoListModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoListModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<BaoListModule, [typeof i1.BaoListItem, typeof i1.BaoList, typeof i1.BaoNavList, typeof i1.BaoListItemDescription, typeof i1.BaoListItemTitle], [typeof i2.CommonModule], [typeof i1.BaoListItem, typeof i1.BaoList, typeof i1.BaoNavList, typeof i1.BaoListItemDescription, typeof i1.BaoListItemTitle]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<BaoListModule>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./radio.component";
|
|
3
|
+
import * as i2 from "./radio-group.component";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
5
|
+
import * as i4 from "@angular/forms";
|
|
6
|
+
import * as i5 from "../common-components/module";
|
|
7
|
+
import * as i6 from "../button/module";
|
|
8
|
+
import * as i7 from "@angular/cdk/observers";
|
|
9
|
+
export declare class BaoRadioModule {
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaoRadioModule, never>;
|
|
11
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<BaoRadioModule, [typeof i1.BaoRadioButtonComponent, typeof i1.BaoRadioDescription, typeof i2.BaoRadioButtonGroupComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.BaoCommonComponentsModule, typeof i6.BaoButtonModule, typeof i7.ObserversModule], [typeof i1.BaoRadioButtonComponent, typeof i1.BaoRadioDescription, typeof i2.BaoRadioButtonGroupComponent]>;
|
|
12
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<BaoRadioModule>;
|
|
13
|
+
}
|