@abgov/angular-components 3.2.1 → 4.0.0-alpha.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 +12 -7
- package/esm2022/index.mjs +2 -1
- package/esm2022/lib/angular-components.module.mjs +4 -4
- package/esm2022/lib/checked-directive.mjs +5 -4
- package/esm2022/lib/components/accordion/accordion.mjs +91 -0
- package/esm2022/lib/components/badge/badge.mjs +60 -0
- package/esm2022/lib/components/block/block.mjs +58 -0
- package/esm2022/lib/components/button/button.mjs +85 -0
- package/esm2022/lib/components/button-group/button-group.mjs +54 -0
- package/esm2022/lib/components/callout/callout.mjs +77 -0
- package/esm2022/lib/components/card/card.mjs +54 -0
- package/esm2022/lib/components/card-actions/card-actions.mjs +24 -0
- package/esm2022/lib/components/card-content/card-content.mjs +24 -0
- package/esm2022/lib/components/card-image/card-image.mjs +36 -0
- package/esm2022/lib/components/checkbox/checkbox.mjs +147 -0
- package/esm2022/lib/components/chip/chip.mjs +77 -0
- package/esm2022/lib/components/circular-progress/circular-progress.mjs +48 -0
- package/esm2022/lib/components/column-layout/column-layout.mjs +24 -0
- package/esm2022/lib/components/container/container.mjs +86 -0
- package/esm2022/lib/components/date-picker/date-picker.mjs +123 -0
- package/esm2022/lib/components/details/details.mjs +59 -0
- package/esm2022/lib/components/divider/divider.mjs +44 -0
- package/esm2022/lib/components/dropdown/dropdown.mjs +153 -0
- package/esm2022/lib/components/dropdown-item/dropdown-item.mjs +44 -0
- package/esm2022/lib/components/file-upload-card/file-upload-card.mjs +63 -0
- package/esm2022/lib/components/file-upload-input/file-upload-input.mjs +70 -0
- package/esm2022/lib/components/footer/footer.mjs +38 -0
- package/esm2022/lib/components/footer-meta-section/footer-meta-section.mjs +24 -0
- package/esm2022/lib/components/footer-nav-section/footer-nav-section.mjs +39 -0
- package/esm2022/lib/components/form-item/form-item-slot.mjs +24 -0
- package/esm2022/lib/components/form-item/form-item.mjs +76 -0
- package/esm2022/lib/components/form-step/form-step.mjs +28 -0
- package/esm2022/lib/components/form-stepper/form-stepper.mjs +62 -0
- package/esm2022/lib/components/grid/grid.mjs +55 -0
- package/esm2022/lib/components/header/header.mjs +58 -0
- package/esm2022/lib/components/header-menu/header-menu.mjs +38 -0
- package/esm2022/lib/components/hero-banner/hero-banner.mjs +64 -0
- package/esm2022/lib/components/icon/icon.mjs +81 -0
- package/esm2022/lib/components/icon-button/icon-button.mjs +82 -0
- package/esm2022/lib/components/index.mjs +59 -0
- package/esm2022/lib/components/input/input.mjs +232 -0
- package/esm2022/lib/components/microsite-header/microsite-header.mjs +81 -0
- package/esm2022/lib/components/modal/modal.mjs +93 -0
- package/esm2022/lib/components/notification-banner/notification-banner.mjs +53 -0
- package/esm2022/lib/components/pages/pages.mjs +46 -0
- package/esm2022/lib/components/pagination/pagination.mjs +75 -0
- package/esm2022/lib/components/popover/popover.mjs +81 -0
- package/esm2022/lib/components/radio-group/radio-group.mjs +116 -0
- package/esm2022/lib/components/radio-item/radio-item.mjs +94 -0
- package/esm2022/lib/components/side-menu/side-menu.mjs +26 -0
- package/esm2022/lib/components/side-menu-group/side-menu-group.mjs +55 -0
- package/esm2022/lib/components/side-menu-heading/side-menu-heading.mjs +38 -0
- package/esm2022/lib/components/skeleton/skeleton.mjs +64 -0
- package/esm2022/lib/components/spacer/spacer.mjs +36 -0
- package/esm2022/lib/components/tab/tab.mjs +44 -0
- package/esm2022/lib/components/table/table.mjs +69 -0
- package/esm2022/lib/components/table-sort-header/table-sort-header.mjs +37 -0
- package/esm2022/lib/components/tabs/tabs.mjs +47 -0
- package/esm2022/lib/components/textarea/textarea.mjs +153 -0
- package/esm2022/lib/components/tooltip/tooltip.mjs +58 -0
- package/esm2022/lib/validation.mjs +1 -1
- package/esm2022/lib/value-directive.mjs +8 -7
- package/fesm2022/abgov-angular-components.mjs +3560 -15
- package/fesm2022/abgov-angular-components.mjs.map +1 -1
- package/index.d.ts +1 -0
- package/lib/components/accordion/accordion.d.ts +21 -0
- package/lib/components/badge/badge.d.ts +15 -0
- package/lib/components/block/block.d.ts +14 -0
- package/lib/components/button/button.d.ts +21 -0
- package/lib/components/button-group/button-group.d.ts +13 -0
- package/lib/components/callout/callout.d.ts +17 -0
- package/lib/components/card/card.d.ts +13 -0
- package/lib/components/card-actions/card-actions.d.ts +5 -0
- package/lib/components/card-content/card-content.d.ts +5 -0
- package/lib/components/card-image/card-image.d.ts +7 -0
- package/lib/components/checkbox/checkbox.d.ts +35 -0
- package/lib/components/chip/chip.d.ts +20 -0
- package/lib/components/circular-progress/circular-progress.d.ts +12 -0
- package/lib/components/column-layout/column-layout.d.ts +5 -0
- package/lib/components/container/container.d.ts +19 -0
- package/lib/components/date-picker/date-picker.d.ts +33 -0
- package/lib/components/details/details.d.ts +14 -0
- package/lib/components/divider/divider.d.ts +11 -0
- package/lib/components/dropdown/dropdown.d.ts +38 -0
- package/lib/components/dropdown-item/dropdown-item.d.ts +11 -0
- package/lib/components/file-upload-card/file-upload-card.d.ts +17 -0
- package/lib/components/file-upload-input/file-upload-input.d.ts +18 -0
- package/lib/components/footer/footer.d.ts +7 -0
- package/lib/components/footer-meta-section/footer-meta-section.d.ts +8 -0
- package/lib/components/footer-nav-section/footer-nav-section.d.ts +10 -0
- package/lib/components/form-item/form-item-slot.d.ts +6 -0
- package/lib/components/form-item/form-item.d.ts +18 -0
- package/lib/components/form-step/form-step.d.ts +8 -0
- package/lib/components/form-stepper/form-stepper.d.ts +15 -0
- package/lib/components/grid/grid.d.ts +13 -0
- package/lib/components/header/header.d.ts +13 -0
- package/lib/components/header-menu/header-menu.d.ts +9 -0
- package/lib/components/hero-banner/hero-banner.d.ts +14 -0
- package/lib/components/icon/icon.d.ts +19 -0
- package/lib/components/icon-button/icon-button.d.ts +20 -0
- package/lib/components/index.d.ts +58 -0
- package/lib/components/input/input.d.ts +56 -0
- package/lib/components/microsite-header/microsite-header.d.ts +18 -0
- package/lib/components/modal/modal.d.ts +20 -0
- package/lib/components/notification-banner/notification-banner.d.ts +13 -0
- package/lib/components/pages/pages.d.ts +11 -0
- package/lib/components/pagination/pagination.d.ts +18 -0
- package/lib/components/popover/popover.d.ts +18 -0
- package/lib/components/radio-group/radio-group.d.ts +29 -0
- package/lib/components/radio-item/radio-item.d.ts +22 -0
- package/lib/components/side-menu/side-menu.d.ts +6 -0
- package/lib/components/side-menu-group/side-menu-group.d.ts +13 -0
- package/lib/components/side-menu-heading/side-menu-heading.d.ts +10 -0
- package/lib/components/skeleton/skeleton.d.ts +15 -0
- package/lib/components/spacer/spacer.d.ts +9 -0
- package/lib/components/tab/tab.d.ts +9 -0
- package/lib/components/table/table.d.ts +16 -0
- package/lib/components/table-sort-header/table-sort-header.d.ts +8 -0
- package/lib/components/tabs/tabs.d.ts +11 -0
- package/lib/components/textarea/textarea.d.ts +38 -0
- package/lib/components/tooltip/tooltip.d.ts +14 -0
- package/lib/validation.d.ts +1 -1
- package/package.json +5 -4
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { GoabIconType, GoabInputAutoCapitalize, GoaInputOnBlurDetail, GoabInputOnChangeDetail, GoabInputOnFocusDetail, GoabInputOnKeyPressDetail, GoabInputType, Spacing } from "@abgov/ui-components-common";
|
|
2
|
+
import { EventEmitter, OnInit } from "@angular/core";
|
|
3
|
+
import { ControlValueAccessor } from "@angular/forms";
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class GoabInput implements ControlValueAccessor, OnInit {
|
|
6
|
+
type?: GoabInputType;
|
|
7
|
+
name?: string;
|
|
8
|
+
id?: string;
|
|
9
|
+
debounce?: number;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
autoCapitalize?: GoabInputAutoCapitalize;
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
leadingIcon?: GoabIconType;
|
|
14
|
+
trailingIcon?: GoabIconType;
|
|
15
|
+
variant?: string;
|
|
16
|
+
focused?: boolean;
|
|
17
|
+
readonly?: boolean;
|
|
18
|
+
error?: boolean;
|
|
19
|
+
width?: string;
|
|
20
|
+
prefix?: string;
|
|
21
|
+
suffix?: string;
|
|
22
|
+
testId?: string;
|
|
23
|
+
ariaLabel?: string;
|
|
24
|
+
maxLength?: number;
|
|
25
|
+
value?: string | null;
|
|
26
|
+
min?: string | number;
|
|
27
|
+
max?: string | number;
|
|
28
|
+
step?: number;
|
|
29
|
+
ariaLabelledBy?: string;
|
|
30
|
+
mt?: Spacing;
|
|
31
|
+
mr?: Spacing;
|
|
32
|
+
mb?: Spacing;
|
|
33
|
+
ml?: Spacing;
|
|
34
|
+
onTrailingIconClick: EventEmitter<any>;
|
|
35
|
+
onFocus: EventEmitter<GoabInputOnFocusDetail>;
|
|
36
|
+
onBlur: EventEmitter<GoaInputOnBlurDetail>;
|
|
37
|
+
onKeyPress: EventEmitter<GoabInputOnKeyPressDetail>;
|
|
38
|
+
onChange: EventEmitter<GoabInputOnChangeDetail>;
|
|
39
|
+
private handleTrailingIconClick;
|
|
40
|
+
ngOnInit(): void;
|
|
41
|
+
_onTrailingIconClick(_: Event): void;
|
|
42
|
+
_onChange(e: Event): void;
|
|
43
|
+
_onKeyPress(e: Event): void;
|
|
44
|
+
_onFocus(e: Event): void;
|
|
45
|
+
_onBlur(e: Event): void;
|
|
46
|
+
private fcChange?;
|
|
47
|
+
private fcTouched?;
|
|
48
|
+
touched: boolean;
|
|
49
|
+
markAsTouched(): void;
|
|
50
|
+
writeValue(value: string): void;
|
|
51
|
+
registerOnChange(fn: any): void;
|
|
52
|
+
registerOnTouched(fn: any): void;
|
|
53
|
+
setDisabledState?(isDisabled: boolean): void;
|
|
54
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GoabInput, never>;
|
|
55
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GoabInput, "goab-input", never, { "type": { "alias": "type"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "autoCapitalize": { "alias": "autoCapitalize"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "focused": { "alias": "focused"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "error": { "alias": "error"; "required": false; }; "width": { "alias": "width"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; }, { "onTrailingIconClick": "onTrailingIconClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onKeyPress": "onKeyPress"; "onChange": "onChange"; }, never, ["*"], true, never>;
|
|
56
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { GoabLinkTarget, GoabServiceLevel } from "@abgov/ui-components-common";
|
|
2
|
+
import { TemplateRef, EventEmitter } from "@angular/core";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class GoabMicrositeHeader {
|
|
5
|
+
type: GoabServiceLevel;
|
|
6
|
+
version: string | TemplateRef<any>;
|
|
7
|
+
feedbackUrl?: string;
|
|
8
|
+
testId?: string;
|
|
9
|
+
maxContentWidth?: string;
|
|
10
|
+
feedbackUrlTarget?: GoabLinkTarget;
|
|
11
|
+
headerUrlTarget?: GoabLinkTarget;
|
|
12
|
+
onFeedbackClick: EventEmitter<any>;
|
|
13
|
+
getVersionAsString(): string;
|
|
14
|
+
getVersionAsTemplate(): TemplateRef<any> | null;
|
|
15
|
+
_onFeedbackClick(): void;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GoabMicrositeHeader, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GoabMicrositeHeader, "goab-microsite-header", never, { "type": { "alias": "type"; "required": true; }; "version": { "alias": "version"; "required": false; }; "feedbackUrl": { "alias": "feedbackUrl"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "maxContentWidth": { "alias": "maxContentWidth"; "required": false; }; "feedbackUrlTarget": { "alias": "feedbackUrlTarget"; "required": false; }; "headerUrlTarget": { "alias": "headerUrlTarget"; "required": false; }; }, { "onFeedbackClick": "onFeedbackClick"; }, never, never, true, never>;
|
|
18
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { GoabModalCalloutVariant, GoabModalTransition } from "@abgov/ui-components-common";
|
|
2
|
+
import { EventEmitter, TemplateRef } from "@angular/core";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class GoabModal {
|
|
5
|
+
calloutVariant?: GoabModalCalloutVariant;
|
|
6
|
+
open?: boolean;
|
|
7
|
+
maxWidth?: string;
|
|
8
|
+
closable: boolean;
|
|
9
|
+
transition?: GoabModalTransition;
|
|
10
|
+
testId?: string;
|
|
11
|
+
role?: string;
|
|
12
|
+
heading: string | TemplateRef<any>;
|
|
13
|
+
actions: TemplateRef<any>;
|
|
14
|
+
onClose: EventEmitter<any>;
|
|
15
|
+
getHeadingAsString(): string;
|
|
16
|
+
getHeadingAsTemplate(): TemplateRef<any> | null;
|
|
17
|
+
_onClose(): void;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GoabModal, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GoabModal, "goab-modal", never, { "calloutVariant": { "alias": "calloutVariant"; "required": false; }; "open": { "alias": "open"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "transition": { "alias": "transition"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "role": { "alias": "role"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "onClose": "onClose"; }, never, ["*"], true, never>;
|
|
20
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { GoabAriaLiveType, GoabNotificationType } from "@abgov/ui-components-common";
|
|
2
|
+
import { EventEmitter } from "@angular/core";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class GoabNotificationBanner {
|
|
5
|
+
type?: GoabNotificationType;
|
|
6
|
+
ariaLive?: GoabAriaLiveType;
|
|
7
|
+
maxContentWidth?: string;
|
|
8
|
+
testId?: string;
|
|
9
|
+
onDismiss: EventEmitter<any>;
|
|
10
|
+
_onDismiss(): void;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GoabNotificationBanner, never>;
|
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GoabNotificationBanner, "goab-notification", never, { "type": { "alias": "type"; "required": false; }; "ariaLive": { "alias": "ariaLive"; "required": false; }; "maxContentWidth": { "alias": "maxContentWidth"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; }, { "onDismiss": "onDismiss"; }, never, ["*"], true, never>;
|
|
13
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Spacing } from "@abgov/ui-components-common";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class GoabPages {
|
|
4
|
+
current?: number;
|
|
5
|
+
mt?: Spacing;
|
|
6
|
+
mb?: Spacing;
|
|
7
|
+
ml?: Spacing;
|
|
8
|
+
mr?: Spacing;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GoabPages, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GoabPages, "goab-pages", never, { "current": { "alias": "current"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { GoabPaginationOnChangeDetail, GoabPaginationVariant, Spacing } from "@abgov/ui-components-common";
|
|
2
|
+
import { EventEmitter } from "@angular/core";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class GoabPagination {
|
|
5
|
+
itemCount: number;
|
|
6
|
+
pageNumber: number;
|
|
7
|
+
perPageCount?: number;
|
|
8
|
+
variant?: GoabPaginationVariant;
|
|
9
|
+
testId?: string;
|
|
10
|
+
mt?: Spacing;
|
|
11
|
+
mb?: Spacing;
|
|
12
|
+
ml?: Spacing;
|
|
13
|
+
mr?: Spacing;
|
|
14
|
+
onChange: EventEmitter<GoabPaginationOnChangeDetail>;
|
|
15
|
+
_onChange(e: Event): void;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GoabPagination, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GoabPagination, "goab-pagination", never, { "itemCount": { "alias": "itemCount"; "required": true; }; "pageNumber": { "alias": "pageNumber"; "required": true; }; "perPageCount": { "alias": "perPageCount"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
|
|
18
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { GoabPopoverPosition, Spacing } from "@abgov/ui-components-common";
|
|
2
|
+
import { TemplateRef } from "@angular/core";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class GoabPopover {
|
|
5
|
+
maxWidth: string;
|
|
6
|
+
minWidth?: string;
|
|
7
|
+
padded: boolean;
|
|
8
|
+
position?: GoabPopoverPosition;
|
|
9
|
+
relative?: boolean;
|
|
10
|
+
testId?: string;
|
|
11
|
+
mt?: Spacing;
|
|
12
|
+
mb?: Spacing;
|
|
13
|
+
ml?: Spacing;
|
|
14
|
+
mr?: Spacing;
|
|
15
|
+
target: TemplateRef<any>;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GoabPopover, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GoabPopover, "goab-popover", never, { "maxWidth": { "alias": "maxWidth"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "padded": { "alias": "padded"; "required": false; }; "position": { "alias": "position"; "required": false; }; "relative": { "alias": "relative"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; "target": { "alias": "target"; "required": true; }; }, {}, never, ["*"], true, never>;
|
|
18
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { GoabRadioGroupOnChangeDetail, GoabRadioGroupOrientation, Spacing } from "@abgov/ui-components-common";
|
|
2
|
+
import { EventEmitter } from "@angular/core";
|
|
3
|
+
import { ControlValueAccessor } from "@angular/forms";
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class GoabRadioGroup implements ControlValueAccessor {
|
|
6
|
+
name?: string;
|
|
7
|
+
value?: string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
orientation?: GoabRadioGroupOrientation;
|
|
10
|
+
error?: boolean;
|
|
11
|
+
ariaLabel?: string;
|
|
12
|
+
testId?: string;
|
|
13
|
+
mt?: Spacing;
|
|
14
|
+
mb?: Spacing;
|
|
15
|
+
ml?: Spacing;
|
|
16
|
+
mr?: Spacing;
|
|
17
|
+
onChange: EventEmitter<GoabRadioGroupOnChangeDetail>;
|
|
18
|
+
_onChange(e: Event): void;
|
|
19
|
+
private fcChange?;
|
|
20
|
+
private fcTouched?;
|
|
21
|
+
touched: boolean;
|
|
22
|
+
markAsTouched(): void;
|
|
23
|
+
writeValue(value: string): void;
|
|
24
|
+
registerOnChange(fn: any): void;
|
|
25
|
+
registerOnTouched(fn: any): void;
|
|
26
|
+
setDisabledState?(isDisabled: boolean): void;
|
|
27
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GoabRadioGroup, never>;
|
|
28
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GoabRadioGroup, "goab-radio-group", never, { "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "error": { "alias": "error"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, { "onChange": "onChange"; }, never, ["*"], true, never>;
|
|
29
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { TemplateRef } from "@angular/core";
|
|
2
|
+
import { Spacing } from "@abgov/ui-components-common";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class GoabRadioItem {
|
|
5
|
+
value?: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
name?: string;
|
|
8
|
+
description: string | TemplateRef<any>;
|
|
9
|
+
ariaLabel?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
checked?: boolean;
|
|
12
|
+
error?: boolean;
|
|
13
|
+
maxWidth?: string;
|
|
14
|
+
mt?: Spacing;
|
|
15
|
+
mb?: Spacing;
|
|
16
|
+
ml?: Spacing;
|
|
17
|
+
mr?: Spacing;
|
|
18
|
+
getDescriptionAsString(): string;
|
|
19
|
+
getDescriptionAsTemplate(): TemplateRef<any> | null;
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GoabRadioItem, never>;
|
|
21
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GoabRadioItem, "goab-radio-item", never, { "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "description": { "alias": "description"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "error": { "alias": "error"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
22
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class GoabSideMenu {
|
|
3
|
+
testId?: string;
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GoabSideMenu, never>;
|
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GoabSideMenu, "goab-side-menu", never, { "testId": { "alias": "testId"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { GoabIconType, Spacing } from "@abgov/ui-components-common";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class GoabSideMenuGroup {
|
|
4
|
+
heading: string;
|
|
5
|
+
testId?: string;
|
|
6
|
+
icon?: GoabIconType;
|
|
7
|
+
mt?: Spacing;
|
|
8
|
+
mb?: Spacing;
|
|
9
|
+
ml?: Spacing;
|
|
10
|
+
mr?: Spacing;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GoabSideMenuGroup, never>;
|
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GoabSideMenuGroup, "goab-side-menu-group", never, { "heading": { "alias": "heading"; "required": true; }; "testId": { "alias": "testId"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
13
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { GoabIconType } from "@abgov/ui-components-common";
|
|
2
|
+
import { TemplateRef } from "@angular/core";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class GoabSideMenuHeading {
|
|
5
|
+
icon: GoabIconType;
|
|
6
|
+
testId?: string;
|
|
7
|
+
meta: TemplateRef<any>;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GoabSideMenuHeading, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GoabSideMenuHeading, "goab-side-menu-heading", never, { "icon": { "alias": "icon"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "meta": { "alias": "meta"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { GoabSkeletonSize, GoabSkeletonType, Spacing } from "@abgov/ui-components-common";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class GoabSkeleton {
|
|
4
|
+
type: GoabSkeletonType;
|
|
5
|
+
maxWidth: string;
|
|
6
|
+
size?: GoabSkeletonSize;
|
|
7
|
+
lineCount?: number;
|
|
8
|
+
testId?: string;
|
|
9
|
+
mt?: Spacing;
|
|
10
|
+
mb?: Spacing;
|
|
11
|
+
ml?: Spacing;
|
|
12
|
+
mr?: Spacing;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GoabSkeleton, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GoabSkeleton, "goab-skeleton", never, { "type": { "alias": "type"; "required": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "size": { "alias": "size"; "required": false; }; "lineCount": { "alias": "lineCount"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, {}, never, never, true, never>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { GoabSpacerHorizontalSpacing, GoabSpacerVerticalSpacing } from "@abgov/ui-components-common";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class GoabSpacer {
|
|
4
|
+
hSpacing?: GoabSpacerHorizontalSpacing;
|
|
5
|
+
vSpacing?: GoabSpacerVerticalSpacing;
|
|
6
|
+
testId?: string;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GoabSpacer, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GoabSpacer, "goab-spacer", never, { "hSpacing": { "alias": "hSpacing"; "required": false; }; "vSpacing": { "alias": "vSpacing"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; }, {}, never, never, true, never>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TemplateRef } from "@angular/core";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class GoabTab {
|
|
4
|
+
heading: string | TemplateRef<any>;
|
|
5
|
+
getHeadingAsString(): string;
|
|
6
|
+
getHeadingAsTemplate(): TemplateRef<any> | null;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GoabTab, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GoabTab, "goab-tab", never, { "heading": { "alias": "heading"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { GoabTableOnSortDetail, GoabTableVariant, Spacing } from "@abgov/ui-components-common";
|
|
2
|
+
import { EventEmitter } from "@angular/core";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class GoabTable {
|
|
5
|
+
width?: string;
|
|
6
|
+
variant?: GoabTableVariant;
|
|
7
|
+
testId?: string;
|
|
8
|
+
mt?: Spacing;
|
|
9
|
+
mb?: Spacing;
|
|
10
|
+
ml?: Spacing;
|
|
11
|
+
mr?: Spacing;
|
|
12
|
+
onSort: EventEmitter<GoabTableOnSortDetail>;
|
|
13
|
+
_onSort(e: Event): void;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GoabTable, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GoabTable, "goab-table", never, { "width": { "alias": "width"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, { "onSort": "onSort"; }, never, ["*"], true, never>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { GoabTableSortDirection } from "@abgov/ui-components-common";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class GoabTableSortHeader {
|
|
4
|
+
name?: string;
|
|
5
|
+
direction?: GoabTableSortDirection;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GoabTableSortHeader, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GoabTableSortHeader, "goab-table-sort-header", never, { "name": { "alias": "name"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { EventEmitter } from "@angular/core";
|
|
2
|
+
import { GoabTabsOnChangeDetail } from "@abgov/ui-components-common";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class GoabTabs {
|
|
5
|
+
initialTab?: number;
|
|
6
|
+
testId?: string;
|
|
7
|
+
onChange: EventEmitter<GoabTabsOnChangeDetail>;
|
|
8
|
+
_onChange(e: Event): void;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GoabTabs, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GoabTabs, "goab-tabs", never, { "initialTab": { "alias": "initialTab"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; }, { "onChange": "onChange"; }, never, ["*"], true, never>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { GoabTextAreaCountBy, GoabTextAreaOnChangeDetail, GoabTextAreaOnKeyPressDetail, Spacing } from "@abgov/ui-components-common";
|
|
2
|
+
import { EventEmitter } from "@angular/core";
|
|
3
|
+
import { ControlValueAccessor } from "@angular/forms";
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class GoabTextArea implements ControlValueAccessor {
|
|
6
|
+
name?: string;
|
|
7
|
+
value?: string;
|
|
8
|
+
id?: string;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
rows?: number;
|
|
11
|
+
error?: boolean;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
readOnly?: boolean;
|
|
14
|
+
width?: string;
|
|
15
|
+
ariaLabel?: string;
|
|
16
|
+
countBy?: GoabTextAreaCountBy;
|
|
17
|
+
maxCount?: number;
|
|
18
|
+
maxWidth?: string;
|
|
19
|
+
testId?: string;
|
|
20
|
+
mt?: Spacing;
|
|
21
|
+
mb?: Spacing;
|
|
22
|
+
ml?: Spacing;
|
|
23
|
+
mr?: Spacing;
|
|
24
|
+
onChange: EventEmitter<GoabTextAreaOnChangeDetail>;
|
|
25
|
+
onKeyPress: EventEmitter<GoabTextAreaOnKeyPressDetail>;
|
|
26
|
+
_onChange(e: Event): void;
|
|
27
|
+
_onKeyPress(e: Event): void;
|
|
28
|
+
private fcChange?;
|
|
29
|
+
private fcTouched?;
|
|
30
|
+
touched: boolean;
|
|
31
|
+
markAsTouched(): void;
|
|
32
|
+
writeValue(value: string): void;
|
|
33
|
+
registerOnChange(fn: any): void;
|
|
34
|
+
registerOnTouched(fn: any): void;
|
|
35
|
+
setDisabledState?(isDisabled: boolean): void;
|
|
36
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GoabTextArea, never>;
|
|
37
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GoabTextArea, "goab-textarea", never, { "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "error": { "alias": "error"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "width": { "alias": "width"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "countBy": { "alias": "countBy"; "required": false; }; "maxCount": { "alias": "maxCount"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, { "onChange": "onChange"; "onKeyPress": "onKeyPress"; }, never, never, true, never>;
|
|
38
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { GoabTooltipHorizontalAlignment, GoabTooltipPosition, Spacing } from "@abgov/ui-components-common";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class GoabTooltip {
|
|
4
|
+
position?: GoabTooltipPosition;
|
|
5
|
+
content?: string;
|
|
6
|
+
hAlign?: GoabTooltipHorizontalAlignment;
|
|
7
|
+
testId?: string;
|
|
8
|
+
mt?: Spacing;
|
|
9
|
+
mb?: Spacing;
|
|
10
|
+
ml?: Spacing;
|
|
11
|
+
mr?: Spacing;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GoabTooltip, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GoabTooltip, "goab-tooltip", never, { "position": { "alias": "position"; "required": false; }; "content": { "alias": "content"; "required": false; }; "hAlign": { "alias": "hAlign"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
14
|
+
}
|
package/lib/validation.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ export type FieldValidator = (value: unknown) => string;
|
|
|
3
3
|
export type FieldsetState = Record<string, FieldsetItemState>;
|
|
4
4
|
export declare function validate(field: string, fieldsetEl: HTMLElement, fieldsetState: FieldsetState, validators: FieldValidator[]): [boolean, string];
|
|
5
5
|
export declare class FormValidator {
|
|
6
|
-
private validators;
|
|
6
|
+
private readonly validators;
|
|
7
7
|
constructor(validators?: Record<string, FieldValidator[]>);
|
|
8
8
|
add(fieldName: string, ...validators: FieldValidator[]): void;
|
|
9
9
|
validate(data: Record<string, string>): Record<string, string>;
|
package/package.json
CHANGED
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
"url": "https://github.com/GovAlta/ui-components/issues"
|
|
6
6
|
},
|
|
7
7
|
"license": "Apache-2.0",
|
|
8
|
-
"version": "
|
|
8
|
+
"version": "4.0.0-alpha.1",
|
|
9
9
|
"keywords": [
|
|
10
|
-
"
|
|
10
|
+
"Goab",
|
|
11
11
|
"ui-components",
|
|
12
12
|
"Angular"
|
|
13
13
|
],
|
|
@@ -17,8 +17,9 @@
|
|
|
17
17
|
"directory": "libs/angular-components"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
|
-
"@angular/
|
|
21
|
-
"@angular/
|
|
20
|
+
"@angular/forms": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
21
|
+
"@angular/common": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
22
|
+
"@angular/core": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
|
|
22
23
|
},
|
|
23
24
|
"sideEffects": false,
|
|
24
25
|
"module": "fesm2022/abgov-angular-components.mjs",
|