@abgov/angular-components 3.0.0-alpha.1 → 3.0.0-alpha.11
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 +4 -1
- package/esm2022/lib/angular-components.module.mjs +4 -4
- package/esm2022/lib/checked-directive.mjs +7 -6
- 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/public-form-utils.mjs +34 -0
- package/esm2022/lib/validation.mjs +205 -0
- package/esm2022/lib/value-directive.mjs +20 -8
- package/fesm2022/abgov-angular-components.mjs +3813 -18
- package/fesm2022/abgov-angular-components.mjs.map +1 -1
- package/index.d.ts +3 -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/public-form-utils.d.ts +18 -0
- package/lib/validation.d.ts +44 -0
- package/lib/value-directive.d.ts +3 -0
- package/package.json +5 -4
|
@@ -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
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export type AppState = {
|
|
2
|
+
form: Record<string, Record<string, FieldsetItemState>[]>;
|
|
3
|
+
history: string[];
|
|
4
|
+
editting: string;
|
|
5
|
+
lastModified?: Date;
|
|
6
|
+
};
|
|
7
|
+
export type FieldsetItemState = {
|
|
8
|
+
name: string;
|
|
9
|
+
label: string;
|
|
10
|
+
value: string;
|
|
11
|
+
};
|
|
12
|
+
export declare function dispatch<T>(el: HTMLElement | Element | null | undefined, eventName: string, detail?: T, opts?: {
|
|
13
|
+
bubbles?: boolean;
|
|
14
|
+
}): void;
|
|
15
|
+
export declare function relay<T>(el: HTMLElement | Element | null | undefined, eventName: string, data?: T, opts?: {
|
|
16
|
+
bubbles?: boolean;
|
|
17
|
+
}): void;
|
|
18
|
+
export declare function continueTo(el: HTMLElement, name: string): void;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { FieldsetItemState } from "./public-form-utils";
|
|
2
|
+
export type FieldValidator = (value: unknown) => string;
|
|
3
|
+
export type FieldsetState = Record<string, FieldsetItemState>;
|
|
4
|
+
export declare function validate(field: string, fieldsetEl: HTMLElement, fieldsetState: FieldsetState, validators: FieldValidator[]): [boolean, string];
|
|
5
|
+
export declare class FormValidator {
|
|
6
|
+
private validators;
|
|
7
|
+
constructor(validators?: Record<string, FieldValidator[]>);
|
|
8
|
+
add(fieldName: string, ...validators: FieldValidator[]): void;
|
|
9
|
+
validate(data: Record<string, string>): Record<string, string>;
|
|
10
|
+
}
|
|
11
|
+
export declare function birthDayValidator(): FieldValidator[];
|
|
12
|
+
export declare function birthMonthValidator(): FieldValidator[];
|
|
13
|
+
export declare function birthYearValidator(): FieldValidator[];
|
|
14
|
+
export declare function requiredValidator(msg?: string): FieldValidator;
|
|
15
|
+
export declare function phoneNumberValidator(msg?: string): FieldValidator;
|
|
16
|
+
export declare function emailValidator(msg?: string): FieldValidator;
|
|
17
|
+
export declare function SINValidator(): FieldValidator;
|
|
18
|
+
export declare function postalCodeValidator(): FieldValidator;
|
|
19
|
+
export declare function regexValidator(regex: RegExp, msg: string): FieldValidator;
|
|
20
|
+
interface DateValidatorOptions {
|
|
21
|
+
invalidMsg?: string;
|
|
22
|
+
startMsg?: string;
|
|
23
|
+
endMsg?: string;
|
|
24
|
+
start?: Date;
|
|
25
|
+
end?: Date;
|
|
26
|
+
}
|
|
27
|
+
export declare function dateValidator({ invalidMsg, startMsg, endMsg, start, end, }: DateValidatorOptions): FieldValidator;
|
|
28
|
+
interface NumericValidatorOptions {
|
|
29
|
+
invalidTypeMsg?: string;
|
|
30
|
+
minMsg?: string;
|
|
31
|
+
maxMsg?: string;
|
|
32
|
+
min?: number;
|
|
33
|
+
max?: number;
|
|
34
|
+
}
|
|
35
|
+
export declare function numericValidator({ invalidTypeMsg, minMsg, maxMsg, min, max, }: NumericValidatorOptions): FieldValidator;
|
|
36
|
+
interface LengthValidatorOptions {
|
|
37
|
+
invalidTypeMsg?: string;
|
|
38
|
+
minMsg?: string;
|
|
39
|
+
maxMsg?: string;
|
|
40
|
+
max?: number;
|
|
41
|
+
min?: number;
|
|
42
|
+
}
|
|
43
|
+
export declare function lengthValidator({ invalidTypeMsg, minMsg, maxMsg, min, max, }: LengthValidatorOptions): FieldValidator;
|
|
44
|
+
export {};
|
package/lib/value-directive.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export declare class ValueDirective implements ControlValueAccessor {
|
|
5
5
|
protected elementRef: ElementRef;
|
|
6
6
|
private _value;
|
|
7
|
+
private _disabled;
|
|
7
8
|
onChange: any;
|
|
8
9
|
onTouched: any;
|
|
9
10
|
get value(): string;
|
|
@@ -11,8 +12,10 @@ export declare class ValueDirective implements ControlValueAccessor {
|
|
|
11
12
|
writeValue(value: string): void;
|
|
12
13
|
registerOnChange(fn: () => void): void;
|
|
13
14
|
registerOnTouched(fn: () => void): void;
|
|
15
|
+
setDisabledState(isDisabled: boolean): void;
|
|
14
16
|
constructor(elementRef: ElementRef);
|
|
15
17
|
listenForValueChange(value: string): void;
|
|
18
|
+
listenForDisabledChange(isDisabled: boolean): void;
|
|
16
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<ValueDirective, never>;
|
|
17
20
|
static ɵdir: i0.ɵɵDirectiveDeclaration<ValueDirective, "[goaValue]", never, {}, {}, never, never, false, never>;
|
|
18
21
|
}
|
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": "3.0.0-alpha.
|
|
8
|
+
"version": "3.0.0-alpha.11",
|
|
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",
|