@skyux/forms 15.0.0-alpha.4 → 15.0.0-alpha.6
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/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.6",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -16,28 +16,22 @@
|
|
|
16
16
|
},
|
|
17
17
|
"homepage": "https://github.com/blackbaud/skyux#readme",
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"@angular/cdk": "^22.
|
|
20
|
-
"@angular/common": "^22.
|
|
21
|
-
"@angular/core": "^22.
|
|
22
|
-
"@angular/forms": "^22.
|
|
23
|
-
"@angular/platform-browser": "^22.
|
|
24
|
-
"@skyux
|
|
25
|
-
"@skyux/
|
|
26
|
-
"@skyux/
|
|
27
|
-
"@skyux/
|
|
28
|
-
"@skyux/
|
|
29
|
-
"@skyux/
|
|
30
|
-
"@skyux/
|
|
31
|
-
"@skyux/theme": "15.0.0-alpha.4"
|
|
19
|
+
"@angular/cdk": "^22.1.2",
|
|
20
|
+
"@angular/common": "^22.1.2",
|
|
21
|
+
"@angular/core": "^22.1.2",
|
|
22
|
+
"@angular/forms": "^22.1.2",
|
|
23
|
+
"@angular/platform-browser": "^22.1.2",
|
|
24
|
+
"@skyux/core": "15.0.0-alpha.6",
|
|
25
|
+
"@skyux/help-inline": "15.0.0-alpha.6",
|
|
26
|
+
"@skyux/i18n": "15.0.0-alpha.6",
|
|
27
|
+
"@skyux/icon": "15.0.0-alpha.6",
|
|
28
|
+
"@skyux/indicators": "15.0.0-alpha.6",
|
|
29
|
+
"@skyux/popovers": "15.0.0-alpha.6",
|
|
30
|
+
"@skyux/theme": "15.0.0-alpha.6"
|
|
32
31
|
},
|
|
33
32
|
"dependencies": {
|
|
34
33
|
"tslib": "^2.8.1"
|
|
35
34
|
},
|
|
36
|
-
"peerDependenciesMeta": {
|
|
37
|
-
"@skyux-sdk/testing": {
|
|
38
|
-
"optional": true
|
|
39
|
-
}
|
|
40
|
-
},
|
|
41
35
|
"sideEffects": false,
|
|
42
36
|
"module": "fesm2022/skyux-forms.mjs",
|
|
43
37
|
"typings": "types/skyux-forms.d.ts",
|
package/types/skyux-forms.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { PipeTransform, AfterViewInit, TemplateRef, EventEmitter, ElementRef,
|
|
2
|
+
import { PipeTransform, AfterViewInit, TemplateRef, EventEmitter, ElementRef, OnInit, OnDestroy, DoCheck, AfterContentChecked, AfterContentInit, QueryList, 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';
|
|
@@ -548,27 +548,10 @@ interface SkyFileAttachmentClick {
|
|
|
548
548
|
*/
|
|
549
549
|
type SkyFileValidateFn = (file: SkyFileItem) => string | undefined;
|
|
550
550
|
|
|
551
|
-
/**
|
|
552
|
-
* Displays a label above the file attachment element. To display a help button
|
|
553
|
-
* beside the label, include a help button element, such as `sky-help-inline`,
|
|
554
|
-
* in the `sky-file-attachment-label` element and a `sky-control-help` CSS class
|
|
555
|
-
* on that help button element.
|
|
556
|
-
* @deprecated Use the `labelText` input on the single file attachment component
|
|
557
|
-
* instead.
|
|
558
|
-
*/
|
|
559
|
-
declare class SkyFileAttachmentLabelComponent {
|
|
560
|
-
labelContentId: {
|
|
561
|
-
id: string;
|
|
562
|
-
} | undefined;
|
|
563
|
-
constructor();
|
|
564
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentLabelComponent, never>;
|
|
565
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileAttachmentLabelComponent, "sky-file-attachment-label", never, {}, {}, never, ["*", ".sky-control-help"], true, never>;
|
|
566
|
-
}
|
|
567
|
-
|
|
568
551
|
/**
|
|
569
552
|
* Provides an element to attach a single local file.
|
|
570
553
|
*/
|
|
571
|
-
declare class SkyFileAttachmentComponent implements AfterViewInit,
|
|
554
|
+
declare class SkyFileAttachmentComponent implements AfterViewInit, ControlValueAccessor, OnInit, OnDestroy {
|
|
572
555
|
#private;
|
|
573
556
|
/**
|
|
574
557
|
* The comma-delimited string literal of MIME types that users can attach.
|
|
@@ -649,7 +632,6 @@ declare class SkyFileAttachmentComponent implements AfterViewInit, AfterContentI
|
|
|
649
632
|
*/
|
|
650
633
|
fileClick: EventEmitter<SkyFileAttachmentClick>;
|
|
651
634
|
acceptedOver: boolean;
|
|
652
|
-
hasLabelComponent: boolean;
|
|
653
635
|
rejectedOver: boolean;
|
|
654
636
|
/**
|
|
655
637
|
* Whether the input is required for form validation.
|
|
@@ -666,7 +648,6 @@ declare class SkyFileAttachmentComponent implements AfterViewInit, AfterContentI
|
|
|
666
648
|
showFileAttachmentButton: boolean;
|
|
667
649
|
truncatedFileName: string;
|
|
668
650
|
inputEl: ElementRef | undefined;
|
|
669
|
-
labelComponents: QueryList<SkyFileAttachmentLabelComponent> | undefined;
|
|
670
651
|
isImage: boolean;
|
|
671
652
|
protected get isRequired(): boolean;
|
|
672
653
|
protected readonly ngControl: NgControl | null;
|
|
@@ -678,7 +659,6 @@ declare class SkyFileAttachmentComponent implements AfterViewInit, AfterContentI
|
|
|
678
659
|
constructor();
|
|
679
660
|
ngOnInit(): void;
|
|
680
661
|
ngAfterViewInit(): void;
|
|
681
|
-
ngAfterContentInit(): void;
|
|
682
662
|
onButtonBlur(): void;
|
|
683
663
|
onFileCancel(): void;
|
|
684
664
|
onDropClicked(): void;
|
|
@@ -700,7 +680,7 @@ declare class SkyFileAttachmentComponent implements AfterViewInit, AfterContentI
|
|
|
700
680
|
setDisabledState(isDisabled: boolean): void;
|
|
701
681
|
emitClick(): void;
|
|
702
682
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentComponent, never>;
|
|
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"; },
|
|
683
|
+
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"; }, never, ["sky-form-error"], true, [{ directive: typeof i1$1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
|
|
704
684
|
static ngAcceptInputType_disabled: unknown;
|
|
705
685
|
static ngAcceptInputType_labelHidden: unknown;
|
|
706
686
|
static ngAcceptInputType_stacked: unknown;
|
|
@@ -709,7 +689,7 @@ declare class SkyFileAttachmentComponent implements AfterViewInit, AfterContentI
|
|
|
709
689
|
|
|
710
690
|
declare class SkyFileAttachmentModule {
|
|
711
691
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentModule, never>;
|
|
712
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFileAttachmentModule, never, [typeof SkyFileAttachmentComponent
|
|
692
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFileAttachmentModule, never, [typeof SkyFileAttachmentComponent], [typeof SkyFileAttachmentComponent, typeof SkyFormErrorModule]>;
|
|
713
693
|
static ɵinj: i0.ɵɵInjectorDeclaration<SkyFileAttachmentModule>;
|
|
714
694
|
}
|
|
715
695
|
|
|
@@ -1581,18 +1561,6 @@ declare const enum SkySelectionBoxGridAlignItems {
|
|
|
1581
1561
|
Left = "left"
|
|
1582
1562
|
}
|
|
1583
1563
|
|
|
1584
|
-
/**
|
|
1585
|
-
* Specifies the label to display beside the toggle switch. To display a help button beside the label, include a help
|
|
1586
|
-
* button element, such as `sky-help-inline`, in the `sky-toggle-switch` element and a `sky-control-help` CSS class on
|
|
1587
|
-
* that help button element.
|
|
1588
|
-
* @deprecated Use the `labelText` input on the toggle switch component instead.
|
|
1589
|
-
*/
|
|
1590
|
-
declare class SkyToggleSwitchLabelComponent {
|
|
1591
|
-
constructor();
|
|
1592
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyToggleSwitchLabelComponent, never>;
|
|
1593
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyToggleSwitchLabelComponent, "sky-toggle-switch-label", never, {}, {}, never, ["*"], false, never>;
|
|
1594
|
-
}
|
|
1595
|
-
|
|
1596
1564
|
/**
|
|
1597
1565
|
* Indicates whether the toggle switch is selected.
|
|
1598
1566
|
*/
|
|
@@ -1600,13 +1568,13 @@ interface SkyToggleSwitchChange {
|
|
|
1600
1568
|
checked: boolean;
|
|
1601
1569
|
}
|
|
1602
1570
|
|
|
1603
|
-
declare class SkyToggleSwitchComponent implements AfterContentInit,
|
|
1571
|
+
declare class SkyToggleSwitchComponent implements AfterContentInit, ControlValueAccessor, Validator {
|
|
1604
1572
|
#private;
|
|
1605
1573
|
/**
|
|
1606
1574
|
* The ARIA label for the toggle switch. This sets the `aria-label`
|
|
1607
1575
|
* attribute to provide a text equivalent for screen readers [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
1608
1576
|
* Use a context-sensitive label, such as "Activate annual fundraiser" for a toggle switch that activates and deactivates an annual fundraiser. Context is especially important if multiple toggle switches are in close proximity.
|
|
1609
|
-
*
|
|
1577
|
+
* This property only applies when `labelText` is not set, since `labelText` takes precedence when both inputs are provided.
|
|
1610
1578
|
* For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
|
|
1611
1579
|
* @deprecated Use the `labelText` input instead.
|
|
1612
1580
|
*/
|
|
@@ -1657,13 +1625,10 @@ declare class SkyToggleSwitchComponent implements AfterContentInit, OnDestroy, C
|
|
|
1657
1625
|
* Fires when the checked state of a toggle switch changes.
|
|
1658
1626
|
*/
|
|
1659
1627
|
toggleChange: EventEmitter<SkyToggleSwitchChange>;
|
|
1660
|
-
hasLabelComponent: boolean;
|
|
1661
1628
|
labelId: string;
|
|
1662
1629
|
enableIndicatorAnimation: boolean;
|
|
1663
|
-
labelComponents: QueryList<SkyToggleSwitchLabelComponent> | undefined;
|
|
1664
1630
|
constructor();
|
|
1665
1631
|
ngAfterContentInit(): void;
|
|
1666
|
-
ngOnDestroy(): void;
|
|
1667
1632
|
writeValue(value: boolean): void;
|
|
1668
1633
|
validate(control: AbstractControl): ValidationErrors | null;
|
|
1669
1634
|
registerOnChange(fn: (value: any) => void): void;
|
|
@@ -1672,13 +1637,13 @@ declare class SkyToggleSwitchComponent implements AfterContentInit, OnDestroy, C
|
|
|
1672
1637
|
onButtonClick(event: any): void;
|
|
1673
1638
|
onButtonBlur(): void;
|
|
1674
1639
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyToggleSwitchComponent, never>;
|
|
1675
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyToggleSwitchComponent, "sky-toggle-switch", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "toggleChange": "toggleChange"; },
|
|
1640
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyToggleSwitchComponent, "sky-toggle-switch", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "toggleChange": "toggleChange"; }, never, [".sky-control-help"], false, never>;
|
|
1676
1641
|
static ngAcceptInputType_labelHidden: unknown;
|
|
1677
1642
|
}
|
|
1678
1643
|
|
|
1679
1644
|
declare class SkyToggleSwitchModule {
|
|
1680
1645
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyToggleSwitchModule, never>;
|
|
1681
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyToggleSwitchModule, [typeof
|
|
1646
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyToggleSwitchModule, [typeof SkyToggleSwitchComponent], [typeof i4.CommonModule, typeof i4$1.FormsModule, typeof i10.SkyHelpInlineModule, typeof i12.SkyIdModule, typeof i12.SkyTrimModule], [typeof SkyToggleSwitchComponent]>;
|
|
1682
1647
|
static ɵinj: i0.ɵɵInjectorDeclaration<SkyToggleSwitchModule>;
|
|
1683
1648
|
}
|
|
1684
1649
|
|
|
@@ -1687,5 +1652,5 @@ declare class SkyToggleSwitchModule {
|
|
|
1687
1652
|
*/
|
|
1688
1653
|
declare const SKY_FORM_ERRORS_ENABLED: InjectionToken<boolean>;
|
|
1689
1654
|
|
|
1690
|
-
export { SKY_FORM_ERRORS_ENABLED, SkyCharacterCounterModule, SkyCheckboxModule, SkyFieldGroupModule, SkyFileAttachmentModule, SkyFileAttachmentsModule, SkyFileDropModule, SkyFileSizePipe, SkyFormErrorModule, SkyFormErrorsModule, SkyInputBoxHostService, SkyInputBoxModule, SkyRadioModule, SkyRequiredStateDirective, SkySelectionBoxGridAlignItems, SkySelectionBoxModule, SkyToggleSwitchModule, SkyCharacterCounterIndicatorComponent as λ1, SkyInputBoxComponent as λ10, SkyRadioGroupComponent as λ11, SkyRadioLabelComponent as λ12, SkyRadioComponent as λ13, SkySelectionBoxDescriptionComponent as λ14, SkySelectionBoxGridComponent as λ15, SkySelectionBoxHeaderComponent as λ16, SkySelectionBoxComponent as λ17,
|
|
1655
|
+
export { SKY_FORM_ERRORS_ENABLED, SkyCharacterCounterModule, SkyCheckboxModule, SkyFieldGroupModule, SkyFileAttachmentModule, SkyFileAttachmentsModule, SkyFileDropModule, SkyFileSizePipe, SkyFormErrorModule, SkyFormErrorsModule, SkyInputBoxHostService, SkyInputBoxModule, SkyRadioModule, SkyRequiredStateDirective, SkySelectionBoxGridAlignItems, SkySelectionBoxModule, SkyToggleSwitchModule, SkyCharacterCounterIndicatorComponent as λ1, SkyInputBoxComponent as λ10, SkyRadioGroupComponent as λ11, SkyRadioLabelComponent as λ12, SkyRadioComponent as λ13, SkySelectionBoxDescriptionComponent as λ14, SkySelectionBoxGridComponent as λ15, SkySelectionBoxHeaderComponent as λ16, SkySelectionBoxComponent as λ17, SkyToggleSwitchComponent as λ19, SkyCharacterCounterInputDirective as λ2, SkyInputBoxControlDirective as λ20, SkyFormErrorsComponent as λ21, SkyFormErrorComponent as λ22, SkyCharacterCounterScreenReaderPipe as λ23, SkyCheckboxGroupComponent as λ24, SkyFieldGroupComponent as λ25, SkyInputBoxHintTextPipe as λ26, SkyCheckboxComponent as λ3, SkyCheckboxLabelComponent as λ4, SkyFileAttachmentComponent as λ7, SkyFileDropComponent as λ8, SkyFileItemComponent as λ9 };
|
|
1691
1656
|
export type { SkyCheckboxChange, SkyCheckboxGroupHeadingLevel, SkyCheckboxGroupHeadingStyle, SkyFieldGroupHeadingLevel, SkyFieldGroupHeadingStyle, SkyFileAttachmentChange, SkyFileAttachmentClick, SkyFileDropChange, SkyFileItem, SkyFileItemErrorType, SkyFileLink, SkyFileValidateFn, SkyInputBoxPopulateArgs, SkyRadioChange, SkyRadioGroupHeadingLevel, SkyRadioGroupHeadingStyle, SkyRadioType, SkySelectionBoxGridAlignItemsType, SkyToggleSwitchChange };
|