@abgov/angular-components 5.0.0-dev.4 → 5.0.0-dev.5
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.
|
@@ -232,7 +232,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
232
232
|
}]
|
|
233
233
|
}] });
|
|
234
234
|
|
|
235
|
-
/** Provides shared margin and test id inputs for Angular GoA wrapper components. */
|
|
236
235
|
class GoabBaseComponent {
|
|
237
236
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
238
237
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: GoabBaseComponent, isStandalone: true, selector: "ng-component", inputs: { mt: "mt", mb: "mb", ml: "ml", mr: "mr", testId: "testId" }, ngImport: i0, template: ``, isInline: true }); }
|
|
@@ -387,12 +386,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
387
386
|
args: ["goaComponentRef", { static: false, read: ElementRef }]
|
|
388
387
|
}] } });
|
|
389
388
|
|
|
390
|
-
/** Let users show and hide sections of related content on a page. */
|
|
391
389
|
class GoabAccordion extends GoabBaseComponent {
|
|
392
390
|
constructor() {
|
|
393
391
|
super(...arguments);
|
|
394
392
|
this.cdr = inject(ChangeDetectorRef);
|
|
395
|
-
/** Emits when the accordion opens or closes. Emits the new open state as a boolean. */
|
|
396
393
|
this.onChange = new EventEmitter();
|
|
397
394
|
this.isReady = false;
|
|
398
395
|
}
|
|
@@ -483,14 +480,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
483
480
|
type: Output
|
|
484
481
|
}] } });
|
|
485
482
|
|
|
486
|
-
/** Small labels which hold small amounts of information, system feedback, or states. */
|
|
487
483
|
class GoabBadge extends GoabBaseComponent {
|
|
488
484
|
constructor() {
|
|
489
485
|
super(...arguments);
|
|
490
486
|
this.cdr = inject(ChangeDetectorRef);
|
|
491
|
-
/** Sets the size of the badge. @default "medium" */
|
|
492
487
|
this.size = "medium";
|
|
493
|
-
/** Sets the visual emphasis. 'subtle' for less prominent, 'strong' for more emphasis. @default "strong" */
|
|
494
488
|
this.emphasis = "strong";
|
|
495
489
|
this.isReady = false;
|
|
496
490
|
this.version = "2";
|
|
@@ -564,7 +558,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
564
558
|
type: Input
|
|
565
559
|
}] } });
|
|
566
560
|
|
|
567
|
-
/** Group components into a block with consistent space between. */
|
|
568
561
|
class GoabBlock extends GoabBaseComponent {
|
|
569
562
|
constructor() {
|
|
570
563
|
super(...arguments);
|
|
@@ -640,14 +633,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
640
633
|
type: Input
|
|
641
634
|
}] } });
|
|
642
635
|
|
|
643
|
-
/** Carry out an important action or navigate to another page. */
|
|
644
636
|
class GoabButton extends GoabBaseComponent {
|
|
645
637
|
constructor() {
|
|
646
638
|
super(...arguments);
|
|
647
639
|
this.cdr = inject(ChangeDetectorRef);
|
|
648
|
-
/** Sets the visual style of the button. Use "primary" for main actions, "secondary" for alternative actions, "tertiary" for low-emphasis actions, and "start" for prominent call-to-action buttons. @default "primary" */
|
|
649
640
|
this.type = "primary";
|
|
650
|
-
/** Emits when the button is clicked. */
|
|
651
641
|
this.onClick = new EventEmitter();
|
|
652
642
|
this.isReady = false;
|
|
653
643
|
this.version = "2";
|
|
@@ -748,7 +738,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
748
738
|
type: Output
|
|
749
739
|
}] } });
|
|
750
740
|
|
|
751
|
-
/** Display multiple related actions stacked or in a horizontal row to help with arrangement and spacing. */
|
|
752
741
|
class GoabButtonGroup extends GoabBaseComponent {
|
|
753
742
|
constructor() {
|
|
754
743
|
super(...arguments);
|
|
@@ -808,13 +797,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
808
797
|
type: Input
|
|
809
798
|
}] } });
|
|
810
799
|
|
|
811
|
-
/** Visual calendar for date selection. */
|
|
812
800
|
class GoabCalendar extends GoabBaseComponent {
|
|
813
801
|
constructor() {
|
|
814
802
|
super(...arguments);
|
|
815
803
|
this.cdr = inject(ChangeDetectorRef);
|
|
816
804
|
this.version = "2";
|
|
817
|
-
/** Emits when the selected date changes. Emits the selected date details as GoabCalendarOnChangeDetail. */
|
|
818
805
|
this.onChange = new EventEmitter();
|
|
819
806
|
this.isReady = false;
|
|
820
807
|
this.once = new Once();
|
|
@@ -907,24 +894,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
907
894
|
type: Output
|
|
908
895
|
}] } });
|
|
909
896
|
|
|
910
|
-
/** Communicate important information through a strong visual emphasis. */
|
|
911
897
|
class GoabCallout extends GoabBaseComponent {
|
|
912
898
|
constructor() {
|
|
913
899
|
super(...arguments);
|
|
914
900
|
this.cdr = inject(ChangeDetectorRef);
|
|
915
901
|
this.isReady = false;
|
|
916
902
|
this.version = "2";
|
|
917
|
-
/** Define the context and colour of the callout. @default "information" */
|
|
918
903
|
this.type = "information";
|
|
919
|
-
/** Callout heading text. */
|
|
920
904
|
this.heading = "";
|
|
921
|
-
/** Sets the size of the callout. 'medium' has reduced padding and type size for compact areas. @default "large" */
|
|
922
905
|
this.size = "large";
|
|
923
|
-
/** Indicates how assistive technology should handle updates to the live region. @default "off" */
|
|
924
906
|
this.ariaLive = "off";
|
|
925
|
-
/** Sets the icon theme. 'outline' for stroked icons, 'filled' for solid icons. @default "outline" */
|
|
926
907
|
this.iconTheme = "outline";
|
|
927
|
-
/** Sets the visual prominence. 'high' for full background, 'medium' for subtle, 'low' for minimal. @default "medium" */
|
|
928
908
|
this.emphasis = "medium";
|
|
929
909
|
}
|
|
930
910
|
ngOnInit() {
|
|
@@ -1002,7 +982,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
1002
982
|
type: Input
|
|
1003
983
|
}] } });
|
|
1004
984
|
|
|
1005
|
-
/** A container that groups related content and actions. */
|
|
1006
985
|
class GoabCard extends GoabBaseComponent {
|
|
1007
986
|
constructor() {
|
|
1008
987
|
super(...arguments);
|
|
@@ -1063,7 +1042,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
1063
1042
|
type: Input
|
|
1064
1043
|
}] } });
|
|
1065
1044
|
|
|
1066
|
-
/** A container that groups related content and actions. */
|
|
1067
1045
|
class GoabCardContent {
|
|
1068
1046
|
constructor() {
|
|
1069
1047
|
this.cdr = inject(ChangeDetectorRef);
|
|
@@ -1102,7 +1080,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
1102
1080
|
}]
|
|
1103
1081
|
}] });
|
|
1104
1082
|
|
|
1105
|
-
/** A container that groups related content and actions. */
|
|
1106
1083
|
class GoabCardActions {
|
|
1107
1084
|
constructor() {
|
|
1108
1085
|
this.cdr = inject(ChangeDetectorRef);
|
|
@@ -1141,7 +1118,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
1141
1118
|
}]
|
|
1142
1119
|
}] });
|
|
1143
1120
|
|
|
1144
|
-
/** A container that groups related content and actions. */
|
|
1145
1121
|
class GoabCardImage {
|
|
1146
1122
|
constructor() {
|
|
1147
1123
|
this.cdr = inject(ChangeDetectorRef);
|
|
@@ -1186,16 +1162,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
1186
1162
|
args: [{ required: true }]
|
|
1187
1163
|
}] } });
|
|
1188
1164
|
|
|
1189
|
-
/** Let the user select one or more options. */
|
|
1190
1165
|
class GoabCheckbox extends GoabControlValueAccessor {
|
|
1191
1166
|
constructor() {
|
|
1192
1167
|
super(...arguments);
|
|
1193
1168
|
this.cdr = inject(ChangeDetectorRef);
|
|
1194
1169
|
this.isReady = false;
|
|
1195
1170
|
this.version = "2";
|
|
1196
|
-
/** Sets the size of the checkbox. 'compact' reduces spacing for dense layouts. @default "default" */
|
|
1197
1171
|
this.size = "default";
|
|
1198
|
-
/** Emits when the checkbox value changes. Emits the new checkbox state as a GoabCheckboxOnChangeDetail object. */
|
|
1199
1172
|
this.onChange = new EventEmitter();
|
|
1200
1173
|
}
|
|
1201
1174
|
ngOnInit() {
|
|
@@ -1351,16 +1324,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
1351
1324
|
type: Output
|
|
1352
1325
|
}] } });
|
|
1353
1326
|
|
|
1354
|
-
/** A multiple selection input. */
|
|
1355
1327
|
class GoabCheckboxList extends GoabControlValueAccessor {
|
|
1356
1328
|
constructor() {
|
|
1357
1329
|
super(...arguments);
|
|
1358
1330
|
this.cdr = inject(ChangeDetectorRef);
|
|
1359
1331
|
this.isReady = false;
|
|
1360
1332
|
this.version = "2";
|
|
1361
|
-
/** Sets the size of the checkbox list. 'compact' reduces spacing between items. @default "default" */
|
|
1362
1333
|
this.size = "default";
|
|
1363
|
-
/** Emits when a checkbox selection changes. Emits the change detail including name, value array, and event. */
|
|
1364
1334
|
this.onChange = new EventEmitter();
|
|
1365
1335
|
}
|
|
1366
1336
|
ngOnInit() {
|
|
@@ -1461,15 +1431,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
1461
1431
|
type: Output
|
|
1462
1432
|
}] } });
|
|
1463
1433
|
|
|
1464
|
-
/** Compact element for labels, tags, or selections. */
|
|
1465
1434
|
class GoabChip extends GoabBaseComponent {
|
|
1466
1435
|
constructor() {
|
|
1467
1436
|
super(...arguments);
|
|
1468
1437
|
this.cdr = inject(ChangeDetectorRef);
|
|
1469
1438
|
this.isReady = false;
|
|
1470
|
-
/** @deprecated Use GoAFilterChip instead. The text content displayed in the chip. */
|
|
1471
1439
|
this.content = "";
|
|
1472
|
-
/** Emits when the chip is clicked. */
|
|
1473
1440
|
this.onClick = new EventEmitter();
|
|
1474
1441
|
}
|
|
1475
1442
|
ngOnInit() {
|
|
@@ -1546,7 +1513,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
1546
1513
|
type: Output
|
|
1547
1514
|
}] } });
|
|
1548
1515
|
|
|
1549
|
-
/** Provide feedback of progress to users while loading. */
|
|
1550
1516
|
class GoabCircularProgress {
|
|
1551
1517
|
constructor() {
|
|
1552
1518
|
this.cdr = inject(ChangeDetectorRef);
|
|
@@ -1611,7 +1577,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
1611
1577
|
type: Input
|
|
1612
1578
|
}] } });
|
|
1613
1579
|
|
|
1614
|
-
/** Organizes page content in one, two, or three responsive columns. */
|
|
1615
1580
|
class GoabColumnLayout {
|
|
1616
1581
|
constructor() {
|
|
1617
1582
|
this.cdr = inject(ChangeDetectorRef);
|
|
@@ -1651,18 +1616,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
1651
1616
|
}]
|
|
1652
1617
|
}] });
|
|
1653
1618
|
|
|
1654
|
-
/** Group information, create hierarchy, and show related information. */
|
|
1655
1619
|
class GoabContainer extends GoabBaseComponent {
|
|
1656
1620
|
constructor() {
|
|
1657
1621
|
super(...arguments);
|
|
1658
1622
|
this.cdr = inject(ChangeDetectorRef);
|
|
1659
|
-
/** Sets the container and accent bar styling. @default "interactive" */
|
|
1660
1623
|
this.type = "interactive";
|
|
1661
|
-
/** Sets the style of accent on the container. @default "filled" */
|
|
1662
1624
|
this.accent = "filled";
|
|
1663
|
-
/** Sets the amount of white space in the container. @default "relaxed" */
|
|
1664
1625
|
this.padding = "relaxed";
|
|
1665
|
-
/** Sets the width of the container. @default "full" */
|
|
1666
1626
|
this.width = "full";
|
|
1667
1627
|
this.isReady = false;
|
|
1668
1628
|
}
|
|
@@ -1760,13 +1720,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
1760
1720
|
type: Input
|
|
1761
1721
|
}] } });
|
|
1762
1722
|
|
|
1763
|
-
/** Advanced table with sorting and selection. */
|
|
1764
1723
|
class GoabDataGrid {
|
|
1765
1724
|
constructor() {
|
|
1766
1725
|
this.cdr = inject(ChangeDetectorRef);
|
|
1767
|
-
/** Controls visibility of the keyboard navigation indicator icon. Use "visible" to show or "hidden" to hide. @default "visible" */
|
|
1768
1726
|
this.keyboardIconVisibility = "visible";
|
|
1769
|
-
/** Position of the keyboard navigation indicator icon. @default "left" */
|
|
1770
1727
|
this.keyboardIconPosition = "left";
|
|
1771
1728
|
this.isReady = false;
|
|
1772
1729
|
}
|
|
@@ -1818,7 +1775,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
1818
1775
|
args: [{ required: true }]
|
|
1819
1776
|
}] } });
|
|
1820
1777
|
|
|
1821
|
-
/** Lets users select a date through a calendar without the need to manually type it in a field. */
|
|
1822
1778
|
class GoabDatePicker extends GoabControlValueAccessor {
|
|
1823
1779
|
constructor() {
|
|
1824
1780
|
super(...arguments);
|
|
@@ -1826,7 +1782,6 @@ class GoabDatePicker extends GoabControlValueAccessor {
|
|
|
1826
1782
|
this.cdr = inject(ChangeDetectorRef);
|
|
1827
1783
|
this.isReady = false;
|
|
1828
1784
|
this.version = "2";
|
|
1829
|
-
/** Emits when the selected date changes. Emits the date picker change detail including name and value. */
|
|
1830
1785
|
this.onChange = new EventEmitter();
|
|
1831
1786
|
this.once = new Once();
|
|
1832
1787
|
}
|
|
@@ -1974,7 +1929,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
1974
1929
|
args: ["disabledChange", ["$event"]]
|
|
1975
1930
|
}] } });
|
|
1976
1931
|
|
|
1977
|
-
/** Let users reveal more detailed information when they need it. */
|
|
1978
1932
|
class GoabDetails extends GoabBaseComponent {
|
|
1979
1933
|
constructor() {
|
|
1980
1934
|
super(...arguments);
|
|
@@ -2040,7 +1994,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
2040
1994
|
type: Input
|
|
2041
1995
|
}] } });
|
|
2042
1996
|
|
|
2043
|
-
/** Indicate a separation of layout, or to distinguish large chunks of information on a page. */
|
|
2044
1997
|
class GoabDivider extends GoabBaseComponent {
|
|
2045
1998
|
constructor() {
|
|
2046
1999
|
super(...arguments);
|
|
@@ -2090,12 +2043,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
2090
2043
|
}]
|
|
2091
2044
|
}] });
|
|
2092
2045
|
|
|
2093
|
-
/** A panel that slides in from the side of the screen to display additional content or actions without navigating away from the current view. */
|
|
2094
2046
|
class GoabDrawer {
|
|
2095
2047
|
constructor() {
|
|
2096
2048
|
this.cdr = inject(ChangeDetectorRef);
|
|
2097
2049
|
this.version = "2";
|
|
2098
|
-
/** Emits when the drawer is closed. */
|
|
2099
2050
|
this.onClose = new EventEmitter();
|
|
2100
2051
|
this.isReady = false;
|
|
2101
2052
|
}
|
|
@@ -2185,14 +2136,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
2185
2136
|
}] } });
|
|
2186
2137
|
|
|
2187
2138
|
// "disabled", "value", "id" is an exposed property of HTMLInputElement, no need to bind with attr
|
|
2188
|
-
/** Present a list of options to the user to select from. */
|
|
2189
2139
|
class GoabDropdown extends GoabControlValueAccessor {
|
|
2190
2140
|
constructor() {
|
|
2191
2141
|
super(...arguments);
|
|
2192
2142
|
this.cdr = inject(ChangeDetectorRef);
|
|
2193
|
-
/** Sets the size of the dropdown. Compact reduces height for dense layouts. @default "default" */
|
|
2194
2143
|
this.size = "default";
|
|
2195
|
-
/** Emits when the user selects a value from the dropdown. Emits a GoabDropdownOnChangeDetail object with the new value. */
|
|
2196
2144
|
this.onChange = new EventEmitter();
|
|
2197
2145
|
this.isReady = false;
|
|
2198
2146
|
this.version = "2";
|
|
@@ -2338,7 +2286,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
2338
2286
|
type: Output
|
|
2339
2287
|
}] } });
|
|
2340
2288
|
|
|
2341
|
-
/** Present a list of options to the user to select from. */
|
|
2342
2289
|
class GoabDropdownItem {
|
|
2343
2290
|
constructor() {
|
|
2344
2291
|
this.cdr = inject(ChangeDetectorRef);
|
|
@@ -2393,13 +2340,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
2393
2340
|
type: Input
|
|
2394
2341
|
}] } });
|
|
2395
2342
|
|
|
2396
|
-
/** Display uploaded file with actions. */
|
|
2397
2343
|
class GoabFileUploadCard {
|
|
2398
2344
|
constructor() {
|
|
2399
2345
|
this.cdr = inject(ChangeDetectorRef);
|
|
2400
|
-
/** Emits when the user cancels a file upload. Emits a GoabFileUploadOnCancelDetail object with the filename. */
|
|
2401
2346
|
this.onCancel = new EventEmitter();
|
|
2402
|
-
/** Emits when the user removes an uploaded file. Emits a GoabFileUploadOnDeleteDetail object with the filename. */
|
|
2403
2347
|
this.onDelete = new EventEmitter();
|
|
2404
2348
|
this.isReady = false;
|
|
2405
2349
|
this.version = "2";
|
|
@@ -2460,7 +2404,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
2460
2404
|
args: [{ required: true }]
|
|
2461
2405
|
}], size: [{
|
|
2462
2406
|
type: Input,
|
|
2463
|
-
args: [{
|
|
2407
|
+
args: [{ transform: numberAttribute }]
|
|
2464
2408
|
}], type: [{
|
|
2465
2409
|
type: Input
|
|
2466
2410
|
}], progress: [{
|
|
@@ -2476,16 +2420,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
2476
2420
|
type: Output
|
|
2477
2421
|
}] } });
|
|
2478
2422
|
|
|
2479
|
-
/** Help users select and upload a file. */
|
|
2480
2423
|
class GoabFileUploadInput extends GoabBaseComponent {
|
|
2481
2424
|
constructor() {
|
|
2482
2425
|
super(...arguments);
|
|
2483
2426
|
this.cdr = inject(ChangeDetectorRef);
|
|
2484
|
-
/** Sets the id attribute on the file upload input element. */
|
|
2485
2427
|
this.id = "";
|
|
2486
|
-
/** Maximum file size with unit (e.g., "5MB", "100KB", "1GB"). Files exceeding this will be rejected. @default "5MB" */
|
|
2487
2428
|
this.maxFileSize = "5MB";
|
|
2488
|
-
/** Emits when a file is selected. Emits the selected file details. */
|
|
2489
2429
|
this.onSelectFile = new EventEmitter();
|
|
2490
2430
|
this.isReady = false;
|
|
2491
2431
|
this.version = "2";
|
|
@@ -2549,7 +2489,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
2549
2489
|
}], propDecorators: { id: [{
|
|
2550
2490
|
type: Input
|
|
2551
2491
|
}], variant: [{
|
|
2552
|
-
type: Input
|
|
2492
|
+
type: Input,
|
|
2493
|
+
args: [{ required: true }]
|
|
2553
2494
|
}], maxFileSize: [{
|
|
2554
2495
|
type: Input
|
|
2555
2496
|
}], accept: [{
|
|
@@ -2558,18 +2499,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
2558
2499
|
type: Output
|
|
2559
2500
|
}] } });
|
|
2560
2501
|
|
|
2561
|
-
/** Allow the user to enter information, filter content, and make selections. */
|
|
2562
2502
|
class GoabFilterChip extends GoabBaseComponent {
|
|
2563
2503
|
constructor() {
|
|
2564
2504
|
super(...arguments);
|
|
2565
2505
|
this.cdr = inject(ChangeDetectorRef);
|
|
2566
|
-
/** Text label of the chip. */
|
|
2567
2506
|
this.content = "";
|
|
2568
|
-
/** Secondary text displayed in a smaller size before the main content. */
|
|
2569
2507
|
this.secondaryText = "";
|
|
2570
|
-
/** Icon displayed at the start of the chip. */
|
|
2571
2508
|
this.leadingIcon = null;
|
|
2572
|
-
/** Emits when the filter chip delete button is clicked. */
|
|
2573
2509
|
this.onClick = new EventEmitter();
|
|
2574
2510
|
this.isReady = false;
|
|
2575
2511
|
this.version = "2";
|
|
@@ -2648,7 +2584,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
2648
2584
|
type: Output
|
|
2649
2585
|
}] } });
|
|
2650
2586
|
|
|
2651
|
-
/** Provides information related your service at the bottom of every page. */
|
|
2652
2587
|
class GoabAppFooter {
|
|
2653
2588
|
constructor() {
|
|
2654
2589
|
this.cdr = inject(ChangeDetectorRef);
|
|
@@ -2704,7 +2639,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
2704
2639
|
type: Input
|
|
2705
2640
|
}] } });
|
|
2706
2641
|
|
|
2707
|
-
/** Copyright and legal links in footer. */
|
|
2708
2642
|
class GoabAppFooterMetaSection {
|
|
2709
2643
|
constructor() {
|
|
2710
2644
|
this.cdr = inject(ChangeDetectorRef);
|
|
@@ -2739,11 +2673,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
2739
2673
|
args: [{ required: true }]
|
|
2740
2674
|
}] } });
|
|
2741
2675
|
|
|
2742
|
-
/** Navigation links section in footer. */
|
|
2743
2676
|
class GoabAppFooterNavSection {
|
|
2744
2677
|
constructor() {
|
|
2745
2678
|
this.cdr = inject(ChangeDetectorRef);
|
|
2746
|
-
/** Maximum number of columns to display links in on larger screens. @default 1 */
|
|
2747
2679
|
this.maxColumnCount = 1;
|
|
2748
2680
|
this.isReady = false;
|
|
2749
2681
|
}
|
|
@@ -2788,16 +2720,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
2788
2720
|
args: [{ required: true }]
|
|
2789
2721
|
}] } });
|
|
2790
2722
|
|
|
2791
|
-
/** Container for form inputs and validation. */
|
|
2792
2723
|
class GoabPublicForm {
|
|
2793
2724
|
constructor() {
|
|
2794
|
-
/** The initialization status of the form. Set to "initializing" while loading external state, then "complete" when ready. @default "complete" */
|
|
2795
2725
|
this.status = "complete";
|
|
2796
|
-
/** Emits when the form is initialized. */
|
|
2797
2726
|
this.onInit = new EventEmitter();
|
|
2798
|
-
/** Emits when the form is complete. Emits the form state. */
|
|
2799
2727
|
this.onComplete = new EventEmitter();
|
|
2800
|
-
/** Emits when the form state changes. Emits the updated form state. */
|
|
2801
2728
|
this.onStateChange = new EventEmitter();
|
|
2802
2729
|
}
|
|
2803
2730
|
_onInit(e) {
|
|
@@ -2854,29 +2781,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
2854
2781
|
type: Output
|
|
2855
2782
|
}] } });
|
|
2856
2783
|
|
|
2857
|
-
/** Container for form inputs and validation. */
|
|
2858
2784
|
class GoabPublicFormPage extends GoabBaseComponent {
|
|
2859
2785
|
constructor() {
|
|
2860
2786
|
super(...arguments);
|
|
2861
|
-
/** Sets the id of the form page. */
|
|
2862
2787
|
this.id = "";
|
|
2863
|
-
/** Sets the main heading text of the form page. */
|
|
2864
2788
|
this.heading = "";
|
|
2865
|
-
/** Sets the sub-heading text displayed below the main heading. */
|
|
2866
2789
|
this.subHeading = "";
|
|
2867
|
-
/** Sets the heading used in the summary view for this page. */
|
|
2868
2790
|
this.summaryHeading = "";
|
|
2869
|
-
/** Sets the section title displayed above the heading. */
|
|
2870
2791
|
this.sectionTitle = "";
|
|
2871
|
-
/** Sets the URL for the back navigation link. */
|
|
2872
2792
|
this.backUrl = "";
|
|
2873
|
-
/** Sets the type of the form page step. @default "step" */
|
|
2874
2793
|
this.type = "step";
|
|
2875
|
-
/** Sets the text for the continue or confirm button. */
|
|
2876
2794
|
this.buttonText = "";
|
|
2877
|
-
/** Sets the visibility of the continue button. @default "visible" */
|
|
2878
2795
|
this.buttonVisibility = "visible";
|
|
2879
|
-
/**
|
|
2796
|
+
/**
|
|
2797
|
+
* triggers when the form page continues to the next step
|
|
2798
|
+
*/
|
|
2880
2799
|
this.onContinue = new EventEmitter();
|
|
2881
2800
|
}
|
|
2882
2801
|
_onContinue(event) {
|
|
@@ -2953,7 +2872,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
2953
2872
|
type: Output
|
|
2954
2873
|
}] } });
|
|
2955
2874
|
|
|
2956
|
-
/** Container for form inputs and validation. */
|
|
2957
2875
|
class GoabPublicFormSummary {
|
|
2958
2876
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabPublicFormSummary, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2959
2877
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: GoabPublicFormSummary, isStandalone: true, selector: "goab-public-form-summary", inputs: { heading: "heading" }, ngImport: i0, template: `
|
|
@@ -2978,19 +2896,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
2978
2896
|
type: Input
|
|
2979
2897
|
}] } });
|
|
2980
2898
|
|
|
2981
|
-
/** Container for form inputs and validation. */
|
|
2982
2899
|
class GoabPublicSubform extends GoabBaseComponent {
|
|
2983
2900
|
constructor() {
|
|
2984
2901
|
super(...arguments);
|
|
2985
|
-
/** Sets the id of the subform. */
|
|
2986
2902
|
this.id = "";
|
|
2987
|
-
/** Sets the name identifier for the subform. */
|
|
2988
2903
|
this.name = "";
|
|
2989
|
-
/** Sets the text for the continue button. */
|
|
2990
2904
|
this.continueMsg = "";
|
|
2991
|
-
/** Emits when the subform is initialized. */
|
|
2992
2905
|
this.onInit = new EventEmitter();
|
|
2993
|
-
/** Emits when the subform state changes. */
|
|
2994
2906
|
this.onStateChange = new EventEmitter();
|
|
2995
2907
|
}
|
|
2996
2908
|
_onInit(e) {
|
|
@@ -3050,17 +2962,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
3050
2962
|
type: Output
|
|
3051
2963
|
}] } });
|
|
3052
2964
|
|
|
3053
|
-
/** Container for form inputs and validation. */
|
|
3054
2965
|
class GoabPublicSubformIndex extends GoabBaseComponent {
|
|
3055
2966
|
constructor() {
|
|
3056
2967
|
super(...arguments);
|
|
3057
|
-
/** Sets the heading text of the subform index page. */
|
|
3058
2968
|
this.heading = "";
|
|
3059
|
-
/** Sets the section title displayed above the heading. */
|
|
3060
2969
|
this.sectionTitle = "";
|
|
3061
|
-
/** Sets the text for the action button that navigates to the subform. */
|
|
3062
2970
|
this.actionButtonText = "";
|
|
3063
|
-
/** Sets the visibility of the continue button. @default "hidden" */
|
|
3064
2971
|
this.buttonVisibility = "hidden";
|
|
3065
2972
|
}
|
|
3066
2973
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabPublicSubformIndex, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -3113,7 +3020,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
3113
3020
|
type: Input
|
|
3114
3021
|
}] } });
|
|
3115
3022
|
|
|
3116
|
-
/** Container for form inputs and validation. */
|
|
3117
3023
|
class GoabPublicFormTask {
|
|
3118
3024
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabPublicFormTask, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3119
3025
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: GoabPublicFormTask, isStandalone: true, selector: "goab-public-form-task", inputs: { status: "status" }, ngImport: i0, template: `
|
|
@@ -3138,7 +3044,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
3138
3044
|
type: Input
|
|
3139
3045
|
}] } });
|
|
3140
3046
|
|
|
3141
|
-
/** Container for form inputs and validation. */
|
|
3142
3047
|
class GoabPublicFormTaskList extends GoabBaseComponent {
|
|
3143
3048
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabPublicFormTaskList, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
3144
3049
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: GoabPublicFormTaskList, isStandalone: true, selector: "goab-public-form-task-list", inputs: { heading: "heading" }, usesInheritance: true, ngImport: i0, template: `
|
|
@@ -3175,12 +3080,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
3175
3080
|
type: Input
|
|
3176
3081
|
}] } });
|
|
3177
3082
|
|
|
3178
|
-
/** Container for form inputs and validation. */
|
|
3179
3083
|
class GoabFieldset {
|
|
3180
3084
|
constructor() {
|
|
3181
|
-
/** Sets when changes will be dispatched to the form. @default "continue" */
|
|
3182
3085
|
this.dispatchOn = "continue";
|
|
3183
|
-
/** Emits when the fieldset continues to the next step. Emits the continue detail. */
|
|
3184
3086
|
this.onContinue = new EventEmitter();
|
|
3185
3087
|
}
|
|
3186
3088
|
_onContinue(event) {
|
|
@@ -3222,12 +3124,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
3222
3124
|
type: Output
|
|
3223
3125
|
}] } });
|
|
3224
3126
|
|
|
3225
|
-
/** Wraps an input control with a text label, requirement label, helper text, and error text. */
|
|
3226
3127
|
class GoabFormItem extends GoabBaseComponent {
|
|
3227
3128
|
constructor() {
|
|
3228
3129
|
super(...arguments);
|
|
3229
3130
|
this.cdr = inject(ChangeDetectorRef);
|
|
3230
|
-
/** Specifies the input type for appropriate message spacing. Used with checkbox-list or radio-group. */
|
|
3231
3131
|
this.type = "";
|
|
3232
3132
|
this.isReady = false;
|
|
3233
3133
|
this.version = "2";
|
|
@@ -3339,7 +3239,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
3339
3239
|
args: [{ required: true }]
|
|
3340
3240
|
}] } });
|
|
3341
3241
|
|
|
3342
|
-
/** Individual step in a multi-step form. */
|
|
3343
3242
|
class GoabFormStep {
|
|
3344
3243
|
constructor() {
|
|
3345
3244
|
this.cdr = inject(ChangeDetectorRef);
|
|
@@ -3376,14 +3275,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
3376
3275
|
type: Input
|
|
3377
3276
|
}] } });
|
|
3378
3277
|
|
|
3379
|
-
/** Provides a visual representation of a form through a series of steps. */
|
|
3380
3278
|
class GoabFormStepper extends GoabBaseComponent {
|
|
3381
3279
|
constructor() {
|
|
3382
3280
|
super(...arguments);
|
|
3383
3281
|
this.cdr = inject(ChangeDetectorRef);
|
|
3384
|
-
/** The current step state value (1-based index). Leaving it blank (-1) will allow any step to be accessed. @default -1 */
|
|
3385
3282
|
this.step = -1;
|
|
3386
|
-
/** Emits when the form stepper step changes. Emits the new step as GoabFormStepperOnChangeDetail. */
|
|
3387
3283
|
this.onChange = new EventEmitter();
|
|
3388
3284
|
this.isReady = false;
|
|
3389
3285
|
}
|
|
@@ -3442,7 +3338,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
3442
3338
|
type: Output
|
|
3443
3339
|
}] } });
|
|
3444
3340
|
|
|
3445
|
-
/** Arrange a number of components into a responsive grid pattern. */
|
|
3446
3341
|
class GoabGrid extends GoabBaseComponent {
|
|
3447
3342
|
constructor() {
|
|
3448
3343
|
super(...arguments);
|
|
@@ -3501,14 +3396,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
3501
3396
|
type: Input
|
|
3502
3397
|
}] } });
|
|
3503
3398
|
|
|
3504
|
-
/** Provide structure to help users find their way around the service. */
|
|
3505
3399
|
class GoabAppHeader extends GoabBaseComponent {
|
|
3506
3400
|
constructor() {
|
|
3507
3401
|
super(...arguments);
|
|
3508
3402
|
this.cdr = inject(ChangeDetectorRef);
|
|
3509
3403
|
this.isReady = false;
|
|
3510
3404
|
this.version = "2";
|
|
3511
|
-
/** Emits when the menu button is clicked. Used for custom menu handling. */
|
|
3512
3405
|
this.onMenuClick = new EventEmitter();
|
|
3513
3406
|
}
|
|
3514
3407
|
ngOnInit() {
|
|
@@ -3574,7 +3467,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
3574
3467
|
type: Output
|
|
3575
3468
|
}] } });
|
|
3576
3469
|
|
|
3577
|
-
/** Menu items within the app header. */
|
|
3578
3470
|
class GoabAppHeaderMenu extends GoabBaseComponent {
|
|
3579
3471
|
constructor() {
|
|
3580
3472
|
super(...arguments);
|
|
@@ -3628,7 +3520,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
3628
3520
|
args: ["attr.slot"]
|
|
3629
3521
|
}] } });
|
|
3630
3522
|
|
|
3631
|
-
/** A visual band of text, including an image and a call to action. */
|
|
3632
3523
|
class GoabHeroBanner {
|
|
3633
3524
|
constructor() {
|
|
3634
3525
|
this.cdr = inject(ChangeDetectorRef);
|
|
@@ -3704,7 +3595,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
3704
3595
|
type: Input
|
|
3705
3596
|
}] } });
|
|
3706
3597
|
|
|
3707
|
-
/** A simple and universal graphic symbol representing an action, object, or concept to help guide the user. */
|
|
3708
3598
|
class GoabIcon extends GoabBaseComponent {
|
|
3709
3599
|
constructor() {
|
|
3710
3600
|
super(...arguments);
|
|
@@ -3784,16 +3674,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
3784
3674
|
type: Input
|
|
3785
3675
|
}] } });
|
|
3786
3676
|
|
|
3787
|
-
/** A compact button with an icon and no text. */
|
|
3788
3677
|
class GoabIconButton extends GoabBaseComponent {
|
|
3789
3678
|
constructor() {
|
|
3790
3679
|
super(...arguments);
|
|
3791
3680
|
this.cdr = inject(ChangeDetectorRef);
|
|
3792
3681
|
this.isReady = false;
|
|
3793
3682
|
this.JSON = JSON;
|
|
3794
|
-
/** Sets the size of button. @default "medium" */
|
|
3795
3683
|
this.size = "medium";
|
|
3796
|
-
/** Emits when the icon button is clicked. */
|
|
3797
3684
|
this.onClick = new EventEmitter();
|
|
3798
3685
|
}
|
|
3799
3686
|
ngOnInit() {
|
|
@@ -3884,26 +3771,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
3884
3771
|
type: Output
|
|
3885
3772
|
}] } });
|
|
3886
3773
|
|
|
3887
|
-
/** A single-line field where users can input and edit text. */
|
|
3888
3774
|
class GoabInput extends GoabControlValueAccessor {
|
|
3889
3775
|
constructor() {
|
|
3890
3776
|
super(...arguments);
|
|
3891
3777
|
this.cdr = inject(ChangeDetectorRef);
|
|
3892
|
-
/** Sets the type of the input field. @default "text" */
|
|
3893
3778
|
this.type = "text";
|
|
3894
|
-
/** Sets the text alignment within the input field. @default "left" */
|
|
3895
3779
|
this.textAlign = "left";
|
|
3896
|
-
/** Sets the size of the input. 'compact' reduces height for dense layouts. @default "default" */
|
|
3897
3780
|
this.size = "default";
|
|
3898
|
-
/** Emits when the trailing icon is clicked. */
|
|
3899
3781
|
this.onTrailingIconClick = new EventEmitter();
|
|
3900
|
-
/** Emits when the input receives focus. Emits focus detail including the current value. */
|
|
3901
3782
|
this.onFocus = new EventEmitter();
|
|
3902
|
-
/** Emits when the input loses focus. Emits blur detail including the current value. */
|
|
3903
3783
|
this.onBlur = new EventEmitter();
|
|
3904
|
-
/** Emits when a key is pressed in the input. Emits key press detail including the value and key pressed. */
|
|
3905
3784
|
this.onKeyPress = new EventEmitter();
|
|
3906
|
-
/** Emits when the input value changes. Emits change detail including the new value. */
|
|
3907
3785
|
this.onChange = new EventEmitter();
|
|
3908
3786
|
this.version = "2";
|
|
3909
3787
|
this.isReady = false;
|
|
@@ -4191,26 +4069,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
4191
4069
|
type: Output
|
|
4192
4070
|
}] } });
|
|
4193
4071
|
|
|
4194
|
-
/** A single-line field where users can input and edit numeric values. */
|
|
4195
4072
|
class GoabInputNumber {
|
|
4196
4073
|
constructor() {
|
|
4197
4074
|
this.cdr = inject(ChangeDetectorRef);
|
|
4198
4075
|
this.isReady = false;
|
|
4199
|
-
/** Sets the type of the input field. @default "number" */
|
|
4200
4076
|
this.type = "number";
|
|
4201
|
-
/** Sets the text alignment within the input field. @default "right" */
|
|
4202
4077
|
this.textAlign = "right"; // Default to right for numbers
|
|
4203
|
-
/** Bound to value. */
|
|
4204
4078
|
this.value = null;
|
|
4205
|
-
/** Emits when the trailing icon is clicked. */
|
|
4206
4079
|
this.onTrailingIconClick = new EventEmitter(); // Keep void type
|
|
4207
|
-
/** Emits when the input receives focus. Emits focus detail including the current value. */
|
|
4208
4080
|
this.onFocus = new EventEmitter();
|
|
4209
|
-
/** Emits when the input loses focus. Emits blur detail including the current value. */
|
|
4210
4081
|
this.onBlur = new EventEmitter();
|
|
4211
|
-
/** Emits when a key is pressed in the input. Emits key press detail including the value and key pressed. */
|
|
4212
4082
|
this.onKeyPress = new EventEmitter();
|
|
4213
|
-
/** Emits when the input value changes. Emits change detail including the new value. */
|
|
4214
4083
|
this.onChange = new EventEmitter();
|
|
4215
4084
|
this.handleTrailingIconClick = false;
|
|
4216
4085
|
this.touched = false;
|
|
@@ -4535,7 +4404,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
4535
4404
|
type: Output
|
|
4536
4405
|
}] } });
|
|
4537
4406
|
|
|
4538
|
-
/** Provide visual feedback to users while loading. */
|
|
4539
4407
|
class GoabLinearProgress {
|
|
4540
4408
|
constructor() {
|
|
4541
4409
|
this.cdr = inject(ChangeDetectorRef);
|
|
@@ -4594,14 +4462,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
4594
4462
|
type: Input
|
|
4595
4463
|
}] } });
|
|
4596
4464
|
|
|
4597
|
-
/** Wraps an anchor element to add icons or margins. */
|
|
4598
4465
|
class GoabLink {
|
|
4599
4466
|
constructor() {
|
|
4600
4467
|
this.cdr = inject(ChangeDetectorRef);
|
|
4601
4468
|
this.isReady = false;
|
|
4602
|
-
/** Sets the color theme. 'interactive' for blue, 'dark' for black, 'light' for white text. @default "interactive" */
|
|
4603
4469
|
this.color = "interactive";
|
|
4604
|
-
/** Sets the text size and corresponding icon size. @default "medium" */
|
|
4605
4470
|
this.size = "medium";
|
|
4606
4471
|
this.JSON = JSON;
|
|
4607
4472
|
}
|
|
@@ -4686,12 +4551,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
4686
4551
|
type: Input
|
|
4687
4552
|
}] } });
|
|
4688
4553
|
|
|
4689
|
-
/** Communicate what stage the service is at, connect to Alberta.ca, and gather feedback on your service. */
|
|
4690
4554
|
class GoabMicrositeHeader {
|
|
4691
4555
|
constructor() {
|
|
4692
4556
|
this.cdr = inject(ChangeDetectorRef);
|
|
4693
4557
|
this.isReady = false;
|
|
4694
|
-
/** Emits when the feedback link is clicked. */
|
|
4695
4558
|
this.onFeedbackClick = new EventEmitter();
|
|
4696
4559
|
}
|
|
4697
4560
|
ngOnInit() {
|
|
@@ -4778,15 +4641,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
4778
4641
|
type: Output
|
|
4779
4642
|
}] } });
|
|
4780
4643
|
|
|
4781
|
-
/** An overlay that appears in front of all other content, and requires a user to take an action before continuing. */
|
|
4782
4644
|
class GoabModal {
|
|
4783
4645
|
constructor() {
|
|
4784
4646
|
this.cdr = inject(ChangeDetectorRef);
|
|
4785
4647
|
this.isReady = false;
|
|
4786
4648
|
this.version = "2";
|
|
4787
|
-
/** Show close icon and allow clicking the background to close the modal. */
|
|
4788
4649
|
this.closable = false;
|
|
4789
|
-
/** Emits when the modal is closed. */
|
|
4790
4650
|
this.onClose = new EventEmitter();
|
|
4791
4651
|
}
|
|
4792
4652
|
ngOnInit() {
|
|
@@ -4901,10 +4761,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
4901
4761
|
type: Output
|
|
4902
4762
|
}] } });
|
|
4903
4763
|
|
|
4904
|
-
/** A button with more than one action. */
|
|
4905
4764
|
class GoabMenuButton {
|
|
4906
4765
|
constructor() {
|
|
4907
|
-
/** Emits when a menu action is clicked. Emits the action detail. */
|
|
4908
4766
|
this.onAction = new EventEmitter();
|
|
4909
4767
|
}
|
|
4910
4768
|
_onAction(e) {
|
|
@@ -4972,7 +4830,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
4972
4830
|
type: Output
|
|
4973
4831
|
}] } });
|
|
4974
4832
|
|
|
4975
|
-
/** Individual action item within a menu button. */
|
|
4976
4833
|
class GoabMenuAction {
|
|
4977
4834
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: GoabMenuAction, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4978
4835
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: GoabMenuAction, isStandalone: true, selector: "goab-menu-action", inputs: { text: "text", action: "action", icon: "icon", testId: "testId" }, ngImport: i0, template: `
|
|
@@ -5013,17 +4870,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
5013
4870
|
type: Input
|
|
5014
4871
|
}] } });
|
|
5015
4872
|
|
|
5016
|
-
/** Display important page level information or notifications. */
|
|
5017
4873
|
class GoabNotification {
|
|
5018
4874
|
constructor() {
|
|
5019
4875
|
this.cdr = inject(ChangeDetectorRef);
|
|
5020
4876
|
this.isReady = false;
|
|
5021
4877
|
this.version = "2";
|
|
5022
|
-
/** Define the context and colour of the notification. @default "information" */
|
|
5023
4878
|
this.type = "information";
|
|
5024
|
-
/** Sets the visual prominence. 'high' for full background, 'low' for medium. @default "high" */
|
|
5025
4879
|
this.emphasis = "high";
|
|
5026
|
-
/** Emits when the notification is dismissed. */
|
|
5027
4880
|
this.onDismiss = new EventEmitter();
|
|
5028
4881
|
}
|
|
5029
4882
|
ngOnInit() {
|
|
@@ -5093,7 +4946,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
5093
4946
|
type: Output
|
|
5094
4947
|
}] } });
|
|
5095
4948
|
|
|
5096
|
-
/** Full-width section with optional background. */
|
|
5097
4949
|
class GoabPageBlock {
|
|
5098
4950
|
constructor() {
|
|
5099
4951
|
this.cdr = inject(ChangeDetectorRef);
|
|
@@ -5134,7 +4986,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
5134
4986
|
type: Input
|
|
5135
4987
|
}] } });
|
|
5136
4988
|
|
|
5137
|
-
/** Container for paginated content views. */
|
|
5138
4989
|
class GoabPages extends GoabBaseComponent {
|
|
5139
4990
|
constructor() {
|
|
5140
4991
|
super(...arguments);
|
|
@@ -5187,18 +5038,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
5187
5038
|
args: [{ transform: numberAttribute }]
|
|
5188
5039
|
}] } });
|
|
5189
5040
|
|
|
5190
|
-
/** Help users navigation between multiple pages or screens as part of a set. */
|
|
5191
5041
|
class GoabPagination extends GoabBaseComponent {
|
|
5192
5042
|
constructor() {
|
|
5193
5043
|
super(...arguments);
|
|
5194
5044
|
this.cdr = inject(ChangeDetectorRef);
|
|
5195
5045
|
this.isReady = false;
|
|
5196
5046
|
this.version = "2";
|
|
5197
|
-
/** Number of data items shown per page. @default 10 */
|
|
5198
5047
|
this.perPageCount = 10;
|
|
5199
|
-
/** Controls which nav controls are visible. @default "all" */
|
|
5200
5048
|
this.variant = "all";
|
|
5201
|
-
/** Emits when the page changes. Emits the new page number as part of the change detail. */
|
|
5202
5049
|
this.onChange = new EventEmitter();
|
|
5203
5050
|
}
|
|
5204
5051
|
ngOnInit() {
|
|
@@ -5270,15 +5117,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
5270
5117
|
type: Output
|
|
5271
5118
|
}] } });
|
|
5272
5119
|
|
|
5273
|
-
/** A small overlay that opens on demand, used in other components. */
|
|
5274
5120
|
class GoabPopover extends GoabBaseComponent {
|
|
5275
5121
|
constructor() {
|
|
5276
5122
|
super(...arguments);
|
|
5277
5123
|
this.cdr = inject(ChangeDetectorRef);
|
|
5278
5124
|
this.isReady = false;
|
|
5279
|
-
/** Sets the maximum width of the popover container. @default "320px" */
|
|
5280
5125
|
this.maxWidth = "320px";
|
|
5281
|
-
/** Sets if the popover has padding. Use false when content needs to be flush with boundaries. @default true */
|
|
5282
5126
|
this.padded = true;
|
|
5283
5127
|
}
|
|
5284
5128
|
ngOnInit() {
|
|
@@ -5354,12 +5198,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
5354
5198
|
args: [{ required: true }]
|
|
5355
5199
|
}] } });
|
|
5356
5200
|
|
|
5357
|
-
/** A panel that pushes the main page content aside on desktop, falling back to an overlay drawer on smaller screens. */
|
|
5358
5201
|
class GoabPushDrawer {
|
|
5359
5202
|
constructor() {
|
|
5360
5203
|
this.cdr = inject(ChangeDetectorRef);
|
|
5361
5204
|
this.version = "2";
|
|
5362
|
-
/** Emits when the push drawer closes. */
|
|
5363
5205
|
this.onClose = new EventEmitter();
|
|
5364
5206
|
this.isReady = false;
|
|
5365
5207
|
}
|
|
@@ -5445,16 +5287,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
5445
5287
|
type: Output
|
|
5446
5288
|
}] } });
|
|
5447
5289
|
|
|
5448
|
-
/** Allow users to select one option from a set. */
|
|
5449
5290
|
class GoabRadioGroup extends GoabControlValueAccessor {
|
|
5450
5291
|
constructor() {
|
|
5451
5292
|
super(...arguments);
|
|
5452
5293
|
this.cdr = inject(ChangeDetectorRef);
|
|
5453
5294
|
this.isReady = false;
|
|
5454
5295
|
this.version = "2";
|
|
5455
|
-
/** Sets the size of all radio items. 'compact' reduces spacing for dense layouts (V2 only). @default "default" */
|
|
5456
5296
|
this.size = "default";
|
|
5457
|
-
/** Emits when the selected radio item changes. Emits the name, value, and event of the selected item. */
|
|
5458
5297
|
this.onChange = new EventEmitter();
|
|
5459
5298
|
}
|
|
5460
5299
|
ngOnInit() {
|
|
@@ -5554,7 +5393,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
5554
5393
|
type: Output
|
|
5555
5394
|
}] } });
|
|
5556
5395
|
|
|
5557
|
-
/** Individual radio option within a group. */
|
|
5558
5396
|
class GoabRadioItem extends GoabBaseComponent {
|
|
5559
5397
|
constructor() {
|
|
5560
5398
|
super(...arguments);
|
|
@@ -5684,7 +5522,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
5684
5522
|
args: [{ transform: booleanAttribute }]
|
|
5685
5523
|
}] } });
|
|
5686
5524
|
|
|
5687
|
-
/** A side navigation that helps the user navigate between pages. */
|
|
5688
5525
|
class GoabSideMenu {
|
|
5689
5526
|
constructor() {
|
|
5690
5527
|
this.cdr = inject(ChangeDetectorRef);
|
|
@@ -5724,7 +5561,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
5724
5561
|
type: Input
|
|
5725
5562
|
}] } });
|
|
5726
5563
|
|
|
5727
|
-
/** Group of related side menu items. */
|
|
5728
5564
|
class GoabSideMenuGroup extends GoabBaseComponent {
|
|
5729
5565
|
constructor() {
|
|
5730
5566
|
super(...arguments);
|
|
@@ -5786,7 +5622,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
5786
5622
|
type: Input
|
|
5787
5623
|
}] } });
|
|
5788
5624
|
|
|
5789
|
-
/** Section heading in side menu. */
|
|
5790
5625
|
class GoabSideMenuHeading {
|
|
5791
5626
|
constructor() {
|
|
5792
5627
|
this.cdr = inject(ChangeDetectorRef);
|
|
@@ -5845,13 +5680,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
5845
5680
|
type: Input
|
|
5846
5681
|
}] } });
|
|
5847
5682
|
|
|
5848
|
-
/** Provide visual feedback to users while loading a content heavy page or page element. */
|
|
5849
5683
|
class GoabSkeleton extends GoabBaseComponent {
|
|
5850
5684
|
constructor() {
|
|
5851
5685
|
super(...arguments);
|
|
5852
5686
|
this.cdr = inject(ChangeDetectorRef);
|
|
5853
5687
|
this.isReady = false;
|
|
5854
|
-
/** Sets the maximum width. Currently only used in card skeleton type. @default "300px" */
|
|
5855
5688
|
this.maxWidth = "300px";
|
|
5856
5689
|
}
|
|
5857
5690
|
ngOnInit() {
|
|
@@ -5913,7 +5746,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
5913
5746
|
args: [{ transform: numberAttribute }]
|
|
5914
5747
|
}] } });
|
|
5915
5748
|
|
|
5916
|
-
/** Negative area between the components and the interface. */
|
|
5917
5749
|
class GoabSpacer {
|
|
5918
5750
|
constructor() {
|
|
5919
5751
|
this.cdr = inject(ChangeDetectorRef);
|
|
@@ -5962,7 +5794,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
5962
5794
|
type: Input
|
|
5963
5795
|
}] } });
|
|
5964
5796
|
|
|
5965
|
-
/** Individual tab within a tabs component. */
|
|
5966
5797
|
class GoabTab {
|
|
5967
5798
|
constructor() {
|
|
5968
5799
|
this.cdr = inject(ChangeDetectorRef);
|
|
@@ -6033,16 +5864,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
6033
5864
|
type: Input
|
|
6034
5865
|
}] } });
|
|
6035
5866
|
|
|
6036
|
-
/** A set of structured data that is easy for a user to scan, examine, and compare. */
|
|
6037
5867
|
class GoabTable extends GoabBaseComponent {
|
|
6038
5868
|
constructor() {
|
|
6039
5869
|
super(...arguments);
|
|
6040
5870
|
this.cdr = inject(ChangeDetectorRef);
|
|
6041
5871
|
this.isReady = false;
|
|
6042
5872
|
this.version = "2";
|
|
6043
|
-
/** Emits when a table column is sorted. Emits the sort column and direction as GoabTableOnSortDetail. */
|
|
6044
5873
|
this.onSort = new EventEmitter();
|
|
6045
|
-
/** Emits when multi-column sorting changes. Emits an array of sort entries as GoabTableOnMultiSortDetail. */
|
|
6046
5874
|
this.onMultiSort = new EventEmitter();
|
|
6047
5875
|
}
|
|
6048
5876
|
ngOnInit() {
|
|
@@ -6127,12 +5955,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
6127
5955
|
type: Output
|
|
6128
5956
|
}] } });
|
|
6129
5957
|
|
|
6130
|
-
/** A set of structured data that is easy for a user to scan, examine, and compare. */
|
|
6131
5958
|
class GoabTableSortHeader {
|
|
6132
5959
|
constructor() {
|
|
6133
5960
|
this.cdr = inject(ChangeDetectorRef);
|
|
6134
5961
|
this.isReady = false;
|
|
6135
|
-
/** Sets the sort direction indicator. @default "none" */
|
|
6136
5962
|
this.direction = "none";
|
|
6137
5963
|
}
|
|
6138
5964
|
ngOnInit() {
|
|
@@ -6180,13 +6006,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
6180
6006
|
type: Input
|
|
6181
6007
|
}] } });
|
|
6182
6008
|
|
|
6183
|
-
/** Let users navigate between related sections of content, displaying one section at a time. */
|
|
6184
6009
|
class GoabTabs {
|
|
6185
6010
|
constructor() {
|
|
6186
6011
|
this.cdr = inject(ChangeDetectorRef);
|
|
6187
6012
|
this.isReady = false;
|
|
6188
6013
|
this.version = "2";
|
|
6189
|
-
/** Emits when the active tab changes. Emits the new tab index as GoabTabsOnChangeDetail. */
|
|
6190
6014
|
this.onChange = new EventEmitter();
|
|
6191
6015
|
}
|
|
6192
6016
|
ngOnInit() {
|
|
@@ -6253,14 +6077,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
6253
6077
|
type: Output
|
|
6254
6078
|
}] } });
|
|
6255
6079
|
|
|
6256
|
-
/** A notification that appears at the bottom of the screen. */
|
|
6257
6080
|
class GoabTemporaryNotificationCtrl {
|
|
6258
6081
|
constructor() {
|
|
6259
6082
|
this.cdr = inject(ChangeDetectorRef);
|
|
6260
6083
|
this.isReady = false;
|
|
6261
|
-
/** Vertical position of the notification container. @default "bottom" */
|
|
6262
6084
|
this.verticalPosition = "bottom";
|
|
6263
|
-
/** Horizontal position of the notification container. @default "center" */
|
|
6264
6085
|
this.horizontalPosition = "center";
|
|
6265
6086
|
}
|
|
6266
6087
|
ngOnInit() {
|
|
@@ -6306,7 +6127,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
6306
6127
|
type: Input
|
|
6307
6128
|
}] } });
|
|
6308
6129
|
|
|
6309
|
-
/** Provides consistent sizing, spacing, and colour to written content. */
|
|
6310
6130
|
class GoabText {
|
|
6311
6131
|
constructor() {
|
|
6312
6132
|
this.cdr = inject(ChangeDetectorRef);
|
|
@@ -6391,24 +6211,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
6391
6211
|
type: Input
|
|
6392
6212
|
}] } });
|
|
6393
6213
|
|
|
6394
|
-
/** A multi-line field where users can input and edit text. */
|
|
6395
6214
|
class GoabTextArea extends GoabControlValueAccessor {
|
|
6396
6215
|
constructor() {
|
|
6397
6216
|
super(...arguments);
|
|
6398
6217
|
this.cdr = inject(ChangeDetectorRef);
|
|
6399
|
-
/** Counting interval for characters or words, specifying whether to count every character or word. @default "" */
|
|
6400
6218
|
this.countBy = "";
|
|
6401
|
-
/** Maximum number of characters or words allowed. @default -1 */
|
|
6402
6219
|
this.maxCount = -1;
|
|
6403
|
-
/** Specifies the autocomplete attribute for the textarea input. @default "on" */
|
|
6404
6220
|
this.autoComplete = "on";
|
|
6405
|
-
/** Sets the size variant of the textarea. @default "default" */
|
|
6406
6221
|
this.size = "default";
|
|
6407
|
-
/** Emits when the textarea value changes. Emits the name and new value. */
|
|
6408
6222
|
this.onChange = new EventEmitter();
|
|
6409
|
-
/** Emits when a key is pressed in the textarea. Emits the name, value, and key. */
|
|
6410
6223
|
this.onKeyPress = new EventEmitter();
|
|
6411
|
-
/** Emits when the textarea loses focus. Emits the name and current value. */
|
|
6412
6224
|
this.onBlur = new EventEmitter();
|
|
6413
6225
|
this.isReady = false;
|
|
6414
6226
|
this.version = "2";
|
|
@@ -6556,7 +6368,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
6556
6368
|
type: Output
|
|
6557
6369
|
}] } });
|
|
6558
6370
|
|
|
6559
|
-
/** A small popover that displays more information about an item. */
|
|
6560
6371
|
class GoabTooltip extends GoabBaseComponent {
|
|
6561
6372
|
constructor() {
|
|
6562
6373
|
super(...arguments);
|
|
@@ -6643,13 +6454,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
6643
6454
|
type: Input
|
|
6644
6455
|
}] } });
|
|
6645
6456
|
|
|
6646
|
-
/** Side menu variant for worker applications. */
|
|
6647
6457
|
class GoabWorkSideMenu {
|
|
6648
6458
|
constructor() {
|
|
6649
6459
|
this.cdr = inject(ChangeDetectorRef);
|
|
6650
|
-
/** Emits when the side menu is toggled open or closed. */
|
|
6651
6460
|
this.onToggle = new EventEmitter();
|
|
6652
|
-
/** Emits when a navigation link is clicked. Emits the URL as a string. */
|
|
6653
6461
|
this.onNavigate = new EventEmitter();
|
|
6654
6462
|
this.isReady = false;
|
|
6655
6463
|
}
|
|
@@ -6752,7 +6560,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
6752
6560
|
type: Output
|
|
6753
6561
|
}] } });
|
|
6754
6562
|
|
|
6755
|
-
/** Collapsible group of items within the work side menu. */
|
|
6756
6563
|
class GoabWorkSideMenuGroup {
|
|
6757
6564
|
constructor() {
|
|
6758
6565
|
this.cdr = inject(ChangeDetectorRef);
|
|
@@ -6811,11 +6618,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
6811
6618
|
type: Input
|
|
6812
6619
|
}] } });
|
|
6813
6620
|
|
|
6814
|
-
/** Individual menu item within the work side menu. */
|
|
6815
6621
|
class GoabWorkSideMenuItem {
|
|
6816
6622
|
constructor() {
|
|
6817
6623
|
this.cdr = inject(ChangeDetectorRef);
|
|
6818
|
-
/** Sets the visual style of the badge. Use "emergency" for urgent items, "success" for positive status. @default "normal" */
|
|
6819
6624
|
this.type = "normal";
|
|
6820
6625
|
this.isReady = false;
|
|
6821
6626
|
}
|
|
@@ -6900,11 +6705,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
6900
6705
|
type: Input
|
|
6901
6706
|
}] } });
|
|
6902
6707
|
|
|
6903
|
-
/** Displays an individual notification item in the work-side notification panel. */
|
|
6904
6708
|
class GoabWorkSideNotificationItem {
|
|
6905
6709
|
constructor() {
|
|
6906
6710
|
this.cdr = inject(ChangeDetectorRef);
|
|
6907
|
-
/** Emits when the notification item is clicked. */
|
|
6908
6711
|
this.onClick = new EventEmitter();
|
|
6909
6712
|
this.isReady = false;
|
|
6910
6713
|
}
|
|
@@ -6973,13 +6776,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
6973
6776
|
type: Output
|
|
6974
6777
|
}] } });
|
|
6975
6778
|
|
|
6976
|
-
/** Displays a panel of work-side notifications. */
|
|
6977
6779
|
class GoabWorkSideNotificationPanel {
|
|
6978
6780
|
constructor() {
|
|
6979
6781
|
this.cdr = inject(ChangeDetectorRef);
|
|
6980
|
-
/** Emits when the user clicks "Mark all as read". */
|
|
6981
6782
|
this.onMarkAllRead = new EventEmitter();
|
|
6982
|
-
/** Emits when the user clicks "View all". */
|
|
6983
6783
|
this.onViewAll = new EventEmitter();
|
|
6984
6784
|
this.isReady = false;
|
|
6985
6785
|
}
|