@skyux/forms 15.0.0-alpha.0 → 15.0.0-alpha.2
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/fesm2022/skyux-forms.mjs +295 -321
- package/fesm2022/skyux-forms.mjs.map +1 -1
- package/package.json +14 -14
- package/types/skyux-forms.d.ts +9 -111
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/forms",
|
|
3
|
-
"version": "15.0.0-alpha.
|
|
3
|
+
"version": "15.0.0-alpha.2",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -16,19 +16,19 @@
|
|
|
16
16
|
},
|
|
17
17
|
"homepage": "https://github.com/blackbaud/skyux#readme",
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"@angular/cdk": "^22.0.
|
|
20
|
-
"@angular/common": "^22.0.
|
|
21
|
-
"@angular/core": "^22.0.
|
|
22
|
-
"@angular/forms": "^22.0.
|
|
23
|
-
"@angular/platform-browser": "^22.0.
|
|
24
|
-
"@skyux-sdk/testing": "15.0.0-alpha.
|
|
25
|
-
"@skyux/core": "15.0.0-alpha.
|
|
26
|
-
"@skyux/help-inline": "15.0.0-alpha.
|
|
27
|
-
"@skyux/i18n": "15.0.0-alpha.
|
|
28
|
-
"@skyux/icon": "15.0.0-alpha.
|
|
29
|
-
"@skyux/indicators": "15.0.0-alpha.
|
|
30
|
-
"@skyux/popovers": "15.0.0-alpha.
|
|
31
|
-
"@skyux/theme": "15.0.0-alpha.
|
|
19
|
+
"@angular/cdk": "^22.0.4",
|
|
20
|
+
"@angular/common": "^22.0.6",
|
|
21
|
+
"@angular/core": "^22.0.6",
|
|
22
|
+
"@angular/forms": "^22.0.6",
|
|
23
|
+
"@angular/platform-browser": "^22.0.6",
|
|
24
|
+
"@skyux-sdk/testing": "15.0.0-alpha.2",
|
|
25
|
+
"@skyux/core": "15.0.0-alpha.2",
|
|
26
|
+
"@skyux/help-inline": "15.0.0-alpha.2",
|
|
27
|
+
"@skyux/i18n": "15.0.0-alpha.2",
|
|
28
|
+
"@skyux/icon": "15.0.0-alpha.2",
|
|
29
|
+
"@skyux/indicators": "15.0.0-alpha.2",
|
|
30
|
+
"@skyux/popovers": "15.0.0-alpha.2",
|
|
31
|
+
"@skyux/theme": "15.0.0-alpha.2"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"tslib": "^2.8.1"
|
package/types/skyux-forms.d.ts
CHANGED
|
@@ -1,22 +1,18 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { PipeTransform, AfterViewInit, TemplateRef, EventEmitter, ElementRef, AfterContentInit, OnInit, OnDestroy, QueryList, DoCheck, AfterContentChecked, InjectionToken } from '@angular/core';
|
|
3
3
|
import * as i4$1 from '@angular/forms';
|
|
4
4
|
import { Validator, AbstractControl, ValidationErrors, ControlValueAccessor, FormGroup, NgControl, FormControlDirective, FormControlName, NgModel, AbstractControlDirective } from '@angular/forms';
|
|
5
5
|
import * as i4 from '@angular/common';
|
|
6
6
|
import * as i1 from '@skyux/i18n';
|
|
7
|
-
import { SkyLibResourcesService } from '@skyux/i18n';
|
|
8
7
|
import { Observable, ReplaySubject, Subject } from 'rxjs';
|
|
9
8
|
import * as i1$1 from '@skyux/theme';
|
|
10
|
-
import { SkyThemeService } from '@skyux/theme';
|
|
11
9
|
import * as i10 from '@skyux/help-inline';
|
|
12
10
|
import * as i11 from '@skyux/icon';
|
|
13
11
|
import * as i12 from '@skyux/core';
|
|
14
|
-
import { SkyCoreAdapterService, SkyMediaBreakpoints, SkyMutationObserverService, SkyIdService } from '@skyux/core';
|
|
15
12
|
import { NumberInput, BooleanInput } from '@angular/cdk/coercion';
|
|
16
13
|
|
|
17
14
|
declare class SkyCharacterCounterIndicatorComponent {
|
|
18
15
|
#private;
|
|
19
|
-
constructor(changeDetector: ChangeDetectorRef);
|
|
20
16
|
get characterCount(): number;
|
|
21
17
|
set characterCount(count: number);
|
|
22
18
|
get characterCountLimit(): number;
|
|
@@ -547,18 +543,6 @@ interface SkyFileAttachmentClick {
|
|
|
547
543
|
file: SkyFileItem;
|
|
548
544
|
}
|
|
549
545
|
|
|
550
|
-
/**
|
|
551
|
-
* @internal
|
|
552
|
-
*/
|
|
553
|
-
declare class SkyFileItemService {
|
|
554
|
-
isFile(fileItem: SkyFileItem): boolean;
|
|
555
|
-
isImage(fileItem: SkyFileItem): boolean;
|
|
556
|
-
getFileExtensionUpper(fileItem: SkyFileItem): string;
|
|
557
|
-
getFileTypeUpper(fileItem: SkyFileItem): string;
|
|
558
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileItemService, never>;
|
|
559
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyFileItemService>;
|
|
560
|
-
}
|
|
561
|
-
|
|
562
546
|
/**
|
|
563
547
|
* Custom validation run on each file uploaded. The string returned is used as the error message in multi-file attachment.
|
|
564
548
|
*/
|
|
@@ -581,21 +565,6 @@ declare class SkyFileAttachmentLabelComponent {
|
|
|
581
565
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileAttachmentLabelComponent, "sky-file-attachment-label", never, {}, {}, never, ["*", ".sky-control-help"], true, never>;
|
|
582
566
|
}
|
|
583
567
|
|
|
584
|
-
/**
|
|
585
|
-
* @internal
|
|
586
|
-
*/
|
|
587
|
-
declare class SkyFileAttachmentService {
|
|
588
|
-
#private;
|
|
589
|
-
checkFiles(files: SkyFileItem[], minFileSize: number, maxFileSize: number, acceptedTypes?: string, validateFn?: SkyFileValidateFn): SkyFileItem[];
|
|
590
|
-
/**
|
|
591
|
-
* Returns `true` if a directory is found in the provided `files` parameter.
|
|
592
|
-
*/
|
|
593
|
-
hasDirectory(files: FileList): boolean;
|
|
594
|
-
fileTypeRejected(fileType: string, acceptedTypes?: string): boolean;
|
|
595
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentService, never>;
|
|
596
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyFileAttachmentService>;
|
|
597
|
-
}
|
|
598
|
-
|
|
599
568
|
/**
|
|
600
569
|
* Provides an element to attach a single local file.
|
|
601
570
|
*/
|
|
@@ -700,13 +669,13 @@ declare class SkyFileAttachmentComponent implements AfterViewInit, AfterContentI
|
|
|
700
669
|
labelComponents: QueryList<SkyFileAttachmentLabelComponent> | undefined;
|
|
701
670
|
isImage: boolean;
|
|
702
671
|
protected get isRequired(): boolean;
|
|
703
|
-
protected ngControl: NgControl |
|
|
672
|
+
protected readonly ngControl: NgControl | null;
|
|
704
673
|
protected errorId: string;
|
|
705
674
|
protected labelId: string;
|
|
706
675
|
protected fileErrorName: SkyFileItemErrorType | undefined;
|
|
707
676
|
protected fileErrorParam: string | undefined;
|
|
708
677
|
protected fileErrorValidation: ValidationErrors | null | undefined;
|
|
709
|
-
constructor(
|
|
678
|
+
constructor();
|
|
710
679
|
ngOnInit(): void;
|
|
711
680
|
ngAfterViewInit(): void;
|
|
712
681
|
ngAfterContentInit(): void;
|
|
@@ -730,7 +699,7 @@ declare class SkyFileAttachmentComponent implements AfterViewInit, AfterContentI
|
|
|
730
699
|
*/
|
|
731
700
|
setDisabledState(isDisabled: boolean): void;
|
|
732
701
|
emitClick(): void;
|
|
733
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentComponent,
|
|
702
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentComponent, never>;
|
|
734
703
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileAttachmentComponent, "sky-file-attachment", never, { "acceptedTypes": { "alias": "acceptedTypes"; "required": false; }; "acceptedTypesErrorMessage": { "alias": "acceptedTypesErrorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "minFileSize": { "alias": "minFileSize"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "fileChange": "fileChange"; "fileClick": "fileClick"; }, ["labelComponents"], ["sky-file-attachment-label", "sky-form-error"], true, [{ directive: typeof i1$1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
|
|
735
704
|
static ngAcceptInputType_disabled: unknown;
|
|
736
705
|
static ngAcceptInputType_labelHidden: unknown;
|
|
@@ -940,7 +909,6 @@ declare class SkyFileItemComponent implements DoCheck {
|
|
|
940
909
|
icon: string | undefined;
|
|
941
910
|
isFile: boolean;
|
|
942
911
|
isImage: boolean;
|
|
943
|
-
constructor(differs: KeyValueDiffers, fileItemService: SkyFileItemService);
|
|
944
912
|
ngDoCheck(): void;
|
|
945
913
|
itemDelete(): void;
|
|
946
914
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileItemComponent, never>;
|
|
@@ -967,7 +935,6 @@ declare class SkyFileAttachmentsModule {
|
|
|
967
935
|
*/
|
|
968
936
|
declare class SkyFileSizePipe implements PipeTransform {
|
|
969
937
|
#private;
|
|
970
|
-
constructor(resourcesService: SkyLibResourcesService);
|
|
971
938
|
transform(input?: number | string | null): string;
|
|
972
939
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileSizePipe, never>;
|
|
973
940
|
static ɵpipe: i0.ɵɵPipeDeclaration<SkyFileSizePipe, "skyFileSize", true>;
|
|
@@ -1336,29 +1303,6 @@ declare class SkyRadioComponent implements OnDestroy, ControlValueAccessor {
|
|
|
1336
1303
|
static ngAcceptInputType_labelHidden: unknown;
|
|
1337
1304
|
}
|
|
1338
1305
|
|
|
1339
|
-
/**
|
|
1340
|
-
* Tracks the element IDs for all radios within a radio group.
|
|
1341
|
-
* @internal
|
|
1342
|
-
*/
|
|
1343
|
-
declare class SkyRadioGroupIdService {
|
|
1344
|
-
#private;
|
|
1345
|
-
get radioIds(): Observable<string[]>;
|
|
1346
|
-
constructor();
|
|
1347
|
-
/**
|
|
1348
|
-
* Associates a radio input's ID with its parent radio group.
|
|
1349
|
-
* @param {string} id A unique ID for the radio component.
|
|
1350
|
-
* @param {string} inputElementId The ID applied to the radio input element.
|
|
1351
|
-
*/
|
|
1352
|
-
register(id: string, inputElementId: string): void;
|
|
1353
|
-
/**
|
|
1354
|
-
* Disassociates a radio input's ID with its parent radio group.
|
|
1355
|
-
* @param {string} id The ID used to register the radio component.
|
|
1356
|
-
*/
|
|
1357
|
-
unregister(id: string): void;
|
|
1358
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioGroupIdService, never>;
|
|
1359
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyRadioGroupIdService>;
|
|
1360
|
-
}
|
|
1361
|
-
|
|
1362
1306
|
type SkyRadioGroupHeadingLevel = 3 | 4 | 5;
|
|
1363
1307
|
|
|
1364
1308
|
type SkyRadioGroupHeadingStyle = 3 | 4 | 5;
|
|
@@ -1490,8 +1434,8 @@ declare class SkyRadioGroupComponent implements AfterContentInit, OnDestroy {
|
|
|
1490
1434
|
protected get isRequired(): boolean;
|
|
1491
1435
|
protected headingClass: string;
|
|
1492
1436
|
protected errorId: string;
|
|
1493
|
-
protected ngControl: NgControl |
|
|
1494
|
-
constructor(
|
|
1437
|
+
protected ngControl: NgControl | null;
|
|
1438
|
+
constructor();
|
|
1495
1439
|
ngAfterContentInit(): void;
|
|
1496
1440
|
watchForSelections(): void;
|
|
1497
1441
|
ngOnDestroy(): void;
|
|
@@ -1503,7 +1447,7 @@ declare class SkyRadioGroupComponent implements AfterContentInit, OnDestroy {
|
|
|
1503
1447
|
setDisabledState(isDisabled: boolean): void;
|
|
1504
1448
|
registerOnChange(fn: (value: any) => void): void;
|
|
1505
1449
|
registerOnTouched(fn: any): void;
|
|
1506
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioGroupComponent,
|
|
1450
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioGroupComponent, never>;
|
|
1507
1451
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyRadioGroupComponent, "sky-radio-group", never, { "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "headingStyle": { "alias": "headingStyle"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "headingText": { "alias": "headingText"; "required": false; }; "headingHidden": { "alias": "headingHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, {}, ["radios"], ["*", "sky-form-error"], false, [{ directive: typeof i1$1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
|
|
1508
1452
|
static ngAcceptInputType_disabled: unknown;
|
|
1509
1453
|
static ngAcceptInputType_headingLevel: unknown;
|
|
@@ -1549,50 +1493,6 @@ declare class SkyRequiredStateDirective {
|
|
|
1549
1493
|
static ngAcceptInputType_required: unknown;
|
|
1550
1494
|
}
|
|
1551
1495
|
|
|
1552
|
-
/**
|
|
1553
|
-
* @internal
|
|
1554
|
-
*/
|
|
1555
|
-
declare class SkySelectionBoxAdapterService {
|
|
1556
|
-
#private;
|
|
1557
|
-
constructor(coreAdapterService: SkyCoreAdapterService, rendererFactory: RendererFactory2);
|
|
1558
|
-
/**
|
|
1559
|
-
* Sets focus on the specified element.
|
|
1560
|
-
*/
|
|
1561
|
-
focus(el: ElementRef): void;
|
|
1562
|
-
/**
|
|
1563
|
-
* Returns a child element with the `.sky-switch` class.
|
|
1564
|
-
* Useful for getting SKY UX-themed radio buttons or checkboxes.
|
|
1565
|
-
*/
|
|
1566
|
-
getControl(el: ElementRef): HTMLElement;
|
|
1567
|
-
/**
|
|
1568
|
-
* Returns a breakpoint based on the width.
|
|
1569
|
-
* @param width Width of the element in pixels.
|
|
1570
|
-
*/
|
|
1571
|
-
getBreakpointForWidth(width: number | undefined): SkyMediaBreakpoints;
|
|
1572
|
-
/**
|
|
1573
|
-
* Returns the width of the `parentNode` of the provided `element`.
|
|
1574
|
-
*/
|
|
1575
|
-
getParentWidth(element: ElementRef): number | undefined;
|
|
1576
|
-
/**
|
|
1577
|
-
* Returns `true` if the `childEl` is a descendant of the `parentEl`.
|
|
1578
|
-
*/
|
|
1579
|
-
isDescendant(parentEl: ElementRef, childEl: HTMLElement): boolean;
|
|
1580
|
-
/**
|
|
1581
|
-
* Sets the `tabIndex` of all focusable children of the `element` to the provided `tabIndex`.
|
|
1582
|
-
*/
|
|
1583
|
-
setChildrenTabIndex(element: ElementRef, tabIndex: number): void;
|
|
1584
|
-
/**
|
|
1585
|
-
* Adds a responsive CSS class on the provided element based on its current width.
|
|
1586
|
-
*/
|
|
1587
|
-
setResponsiveClass(element: ElementRef, breakpoint: SkyMediaBreakpoints): void;
|
|
1588
|
-
/**
|
|
1589
|
-
* Sets the `tabIndex` of the `element` to the provided `tabIndex`.
|
|
1590
|
-
*/
|
|
1591
|
-
setTabIndex(element: ElementRef, tabIndex: number): void;
|
|
1592
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkySelectionBoxAdapterService, never>;
|
|
1593
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkySelectionBoxAdapterService>;
|
|
1594
|
-
}
|
|
1595
|
-
|
|
1596
1496
|
/**
|
|
1597
1497
|
* Creates a button to present users with a choice or question before proceeding with a one-time process.
|
|
1598
1498
|
*/
|
|
@@ -1611,7 +1511,6 @@ declare class SkySelectionBoxComponent implements OnDestroy {
|
|
|
1611
1511
|
controlEl: ElementRef | undefined;
|
|
1612
1512
|
set selectionBoxEl(value: ElementRef | undefined);
|
|
1613
1513
|
get selectionBoxEl(): ElementRef | undefined;
|
|
1614
|
-
constructor(changeDetector: ChangeDetectorRef, selectionBoxAdapterService: SkySelectionBoxAdapterService);
|
|
1615
1514
|
ngOnDestroy(): void;
|
|
1616
1515
|
onKeydown(event: KeyboardEvent): void;
|
|
1617
1516
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkySelectionBoxComponent, never>;
|
|
@@ -1638,11 +1537,10 @@ declare class SkySelectionBoxGridComponent implements OnDestroy, OnInit {
|
|
|
1638
1537
|
selectionBoxes: QueryList<SkySelectionBoxComponent> | undefined;
|
|
1639
1538
|
set containerElementRef(value: ElementRef | undefined);
|
|
1640
1539
|
get containerElementRef(): ElementRef | undefined;
|
|
1641
|
-
constructor(coreAdapterService: SkyCoreAdapterService, selectionBoxAdapter: SkySelectionBoxAdapterService, hostElRef: ElementRef, mutationObserverSvc: SkyMutationObserverService, ngZone: NgZone, themeSvc?: SkyThemeService);
|
|
1642
1540
|
ngOnInit(): void;
|
|
1643
1541
|
ngOnDestroy(): void;
|
|
1644
1542
|
onWindowResize(): void;
|
|
1645
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkySelectionBoxGridComponent,
|
|
1543
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkySelectionBoxGridComponent, never>;
|
|
1646
1544
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkySelectionBoxGridComponent, "sky-selection-box-grid", never, { "alignItems": { "alias": "alignItems"; "required": false; }; }, {}, ["selectionBoxes"], ["sky-selection-box"], false, never>;
|
|
1647
1545
|
}
|
|
1648
1546
|
|
|
@@ -1763,7 +1661,7 @@ declare class SkyToggleSwitchComponent implements AfterContentInit, OnDestroy, C
|
|
|
1763
1661
|
labelId: string;
|
|
1764
1662
|
enableIndicatorAnimation: boolean;
|
|
1765
1663
|
labelComponents: QueryList<SkyToggleSwitchLabelComponent> | undefined;
|
|
1766
|
-
constructor(
|
|
1664
|
+
constructor();
|
|
1767
1665
|
ngAfterContentInit(): void;
|
|
1768
1666
|
ngOnDestroy(): void;
|
|
1769
1667
|
writeValue(value: boolean): void;
|