@skyux/forms 12.0.0-alpha.2 → 12.0.0-alpha.4

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.
@@ -67,7 +67,7 @@ export declare class SkyCheckboxGroupComponent implements Validator {
67
67
  protected formGroup: FormGroup | null | undefined;
68
68
  validate(formGroup: FormGroup): ValidationErrors | null;
69
69
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxGroupComponent, never>;
70
- static ɵcmp: i0.ɵɵComponentDeclaration<SkyCheckboxGroupComponent, "sky-checkbox-group", never, { "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "headingText": { "alias": "headingText"; "required": true; }; "headingHidden": { "alias": "headingHidden"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "headingStyle": { "alias": "headingStyle"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "required": { "alias": "required"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, {}, never, ["sky-checkbox[icon]", "sky-checkbox", "sky-form-error"], true, [{ directive: typeof i1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
70
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyCheckboxGroupComponent, "sky-checkbox-group", never, { "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "headingText": { "alias": "headingText"; "required": true; }; "headingHidden": { "alias": "headingHidden"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "headingStyle": { "alias": "headingStyle"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "required": { "alias": "required"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, {}, never, ["sky-checkbox[icon], sky-checkbox[iconName]", "sky-checkbox", "sky-form-error"], true, [{ directive: typeof i1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
71
71
  static ngAcceptInputType_headingHidden: unknown;
72
72
  static ngAcceptInputType_headingLevel: unknown;
73
73
  static ngAcceptInputType_headingStyle: unknown;
@@ -1,4 +1,4 @@
1
- import { ElementRef, EventEmitter, TemplateRef } from '@angular/core';
1
+ import { AfterViewInit, ElementRef, EventEmitter, TemplateRef } from '@angular/core';
2
2
  import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
3
3
  import { Observable } from 'rxjs';
4
4
  import { SkyCheckboxChange } from './checkbox-change';
@@ -8,7 +8,7 @@ import * as i1 from "@skyux/theme";
8
8
  * Replaces the HTML input element with `type="checkbox"`. When users select a checkbox, its value
9
9
  * is driven through an `ngModel` attribute that you specify on the `sky-checkbox` element.
10
10
  */
11
- export declare class SkyCheckboxComponent implements ControlValueAccessor, Validator {
11
+ export declare class SkyCheckboxComponent implements AfterViewInit, ControlValueAccessor, Validator {
12
12
  #private;
13
13
  /**
14
14
  * The ARIA label for the checkbox. This sets the checkbox's `aria-label` attribute
@@ -72,8 +72,14 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, Valid
72
72
  /**
73
73
  * The icon to display in place of the checkbox. To group icon checkboxes
74
74
  * like in the demo, place the checkboxes within a `sky-checkbox-group`.
75
+ * @deprecated Use `iconName` instead.
75
76
  */
76
77
  icon: string | undefined;
78
+ /**
79
+ * The SVG icon to display in place of the checkbox. To group icon checkboxes
80
+ * like in the demo, place the checkboxes within a `sky-checkbox-group`.
81
+ */
82
+ iconName: string | undefined;
77
83
  /**
78
84
  * The background color type after users select a checkbox where the
79
85
  * `icon` property displays an icon in place of the checkbox. The valid options correspond to
@@ -154,6 +160,7 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, Valid
154
160
  protected inputId: string;
155
161
  protected readonly errorId: string;
156
162
  constructor();
163
+ ngAfterViewInit(): void;
157
164
  validate(control: AbstractControl<boolean>): ValidationErrors | null;
158
165
  /**
159
166
  * Implemented as part of ControlValueAccessor.
@@ -180,7 +187,7 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, Valid
180
187
  /** Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor. */
181
188
  onTouched: () => any;
182
189
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxComponent, never>;
183
- static ɵcmp: i0.ɵɵComponentDeclaration<SkyCheckboxComponent, "sky-checkbox", never, { "label": { "alias": "label"; "required": false; }; "labelledBy": { "alias": "labelledBy"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "name": { "alias": "name"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "checkboxType": { "alias": "checkboxType"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "required": { "alias": "required"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "change": "change"; "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; "indeterminateChange": "indeterminateChange"; }, never, ["sky-checkbox-label", "sky-form-error"], false, [{ directive: typeof i1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
190
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyCheckboxComponent, "sky-checkbox", never, { "label": { "alias": "label"; "required": false; }; "labelledBy": { "alias": "labelledBy"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "name": { "alias": "name"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "checkboxType": { "alias": "checkboxType"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "required": { "alias": "required"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "change": "change"; "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; "indeterminateChange": "indeterminateChange"; }, never, ["sky-checkbox-label", "sky-form-error"], false, [{ directive: typeof i1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
184
191
  static ngAcceptInputType_disabled: unknown;
185
192
  static ngAcceptInputType_required: unknown;
186
193
  static ngAcceptInputType_labelHidden: unknown;
@@ -17,6 +17,7 @@ export declare class SkyFormErrorComponent {
17
17
  * @required
18
18
  */
19
19
  errorText: string;
20
+ get hostErrorName(): string;
20
21
  protected readonly formErrors: boolean | null;
21
22
  constructor();
22
23
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormErrorComponent, never>;
@@ -94,8 +94,15 @@ export declare class SkyRadioComponent implements OnDestroy, ControlValueAccesso
94
94
  * The icon to display in place of the radio button. To group radio buttons like in
95
95
  * the demo above, place the `sky-switch-icon-group` class on the direct parent element of the
96
96
  * radio buttons.
97
+ * @deprecated Use `iconName` instead.
97
98
  */
98
99
  icon: string | undefined;
100
+ /**
101
+ * The SVG icon to display in place of the radio button. To group radio buttons like in
102
+ * the demo above, place the `sky-switch-icon-group` class on the direct parent element of the
103
+ * radio buttons.
104
+ */
105
+ iconName: string | undefined;
99
106
  /**
100
107
  * The background color type after users select an icon radio button.
101
108
  * The valid options correspond
@@ -156,7 +163,7 @@ export declare class SkyRadioComponent implements OnDestroy, ControlValueAccesso
156
163
  onInputChange(event: Event): void;
157
164
  onInputFocusChange(): void;
158
165
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioComponent, never>;
159
- static ɵcmp: i0.ɵɵComponentDeclaration<SkyRadioComponent, "sky-radio", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelledBy": { "alias": "labelledBy"; "required": false; }; "name": { "alias": "name"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "value": { "alias": "value"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "radioType": { "alias": "radioType"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "change": "change"; "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; }, never, ["sky-radio-label"], false, [{ directive: typeof i1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
166
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyRadioComponent, "sky-radio", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelledBy": { "alias": "labelledBy"; "required": false; }; "name": { "alias": "name"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "value": { "alias": "value"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "radioType": { "alias": "radioType"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "change": "change"; "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; }, never, ["sky-radio-label"], false, [{ directive: typeof i1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
160
167
  static ngAcceptInputType_disabled: unknown;
161
168
  static ngAcceptInputType_labelHidden: unknown;
162
169
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/forms",
3
- "version": "12.0.0-alpha.2",
3
+ "version": "12.0.0-alpha.4",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -37,14 +37,14 @@
37
37
  "@angular/core": "^19.0.5",
38
38
  "@angular/forms": "^19.0.5",
39
39
  "@angular/platform-browser": "^19.0.5",
40
- "@skyux-sdk/testing": "12.0.0-alpha.2",
41
- "@skyux/core": "12.0.0-alpha.2",
42
- "@skyux/help-inline": "12.0.0-alpha.2",
43
- "@skyux/i18n": "12.0.0-alpha.2",
44
- "@skyux/icon": "12.0.0-alpha.2",
45
- "@skyux/indicators": "12.0.0-alpha.2",
46
- "@skyux/popovers": "12.0.0-alpha.2",
47
- "@skyux/theme": "12.0.0-alpha.2"
40
+ "@skyux-sdk/testing": "12.0.0-alpha.4",
41
+ "@skyux/core": "12.0.0-alpha.4",
42
+ "@skyux/help-inline": "12.0.0-alpha.4",
43
+ "@skyux/i18n": "12.0.0-alpha.4",
44
+ "@skyux/icon": "12.0.0-alpha.4",
45
+ "@skyux/indicators": "12.0.0-alpha.4",
46
+ "@skyux/popovers": "12.0.0-alpha.4",
47
+ "@skyux/theme": "12.0.0-alpha.4"
48
48
  },
49
49
  "dependencies": {
50
50
  "tslib": "^2.8.1"
@@ -1,7 +1,6 @@
1
1
  import { SkyHarnessFilters } from '@skyux/core/testing';
2
2
  /**
3
3
  * A set of criteria that can be used to filter a list of SkyCharacterCounterIndicatorHarness instances.
4
- * @internal
5
4
  */
6
5
  export interface SkyCharacterCounterIndicatorHarnessFilters extends SkyHarnessFilters {
7
6
  }
@@ -1,7 +1,6 @@
1
1
  import { SkyHarnessFilters } from '@skyux/core/testing';
2
2
  /**
3
3
  * A set of criteria that can be used to filter a list of `SkyCheckboxGroupHarness` instances.
4
- * @internal
5
4
  */
6
5
  export interface SkyCheckboxGroupHarnessFilters extends SkyHarnessFilters {
7
6
  }
@@ -1,7 +1,6 @@
1
1
  import { SkyHarnessFilters } from '@skyux/core/testing';
2
2
  /**
3
3
  * A set of criteria that can be used to filter a list of `SkyCheckboxHarness` instances.
4
- * @internal
5
4
  */
6
5
  export interface SkyCheckboxHarnessFilters extends SkyHarnessFilters {
7
6
  }
@@ -1,7 +1,6 @@
1
1
  import { SkyHarnessFilters } from '@skyux/core/testing';
2
2
  /**
3
3
  * A set of criteria that can be used to filter a list of `SkyFieldGroupHarness` instances.
4
- * @internal
5
4
  */
6
5
  export interface SkyFieldGroupHarnessFilters extends SkyHarnessFilters {
7
6
  }
@@ -1,7 +1,6 @@
1
1
  import { SkyHarnessFilters } from '@skyux/core/testing';
2
2
  /**
3
3
  * A set of criteria that can be used to filter a list of `SkyFileAttachmentHarness` instances.
4
- * @internal
5
4
  */
6
5
  export interface SkyFileAttachmentHarnessFilters extends SkyHarnessFilters {
7
6
  }
@@ -1,7 +1,6 @@
1
1
  import { SkyHarnessFilters } from '@skyux/core/testing';
2
2
  /**
3
3
  * A set of criteria that can be used to filter a list of `SkyFileDropHarness` instances.
4
- * @internal
5
4
  */
6
5
  export interface SkyFileDropHarnessFilters extends SkyHarnessFilters {
7
6
  }
@@ -1,7 +1,6 @@
1
1
  import { SkyHarnessFilters } from '@skyux/core/testing';
2
2
  /**
3
3
  * A set of criteria that can be used to filter a list of SkyInputBoxHarness instances.
4
- * @internal
5
4
  */
6
5
  export interface SkyInputBoxHarnessFilters extends SkyHarnessFilters {
7
6
  }
@@ -1,7 +1,6 @@
1
1
  import { SkyHarnessFilters } from '@skyux/core/testing';
2
2
  /**
3
3
  * A set of criteria that can be used to filter a list of `SkyRadioGroupHarness` instances.
4
- * @internal
5
4
  */
6
5
  export interface SkyRadioGroupHarnessFilters extends SkyHarnessFilters {
7
6
  }
@@ -1,7 +1,6 @@
1
1
  import { SkyHarnessFilters } from '@skyux/core/testing';
2
2
  /**
3
3
  * A set of criteria that can be used to filter a list of `SkyRadioHarness` instances.
4
- * @internal
5
4
  */
6
5
  export interface SkyRadioHarnessFilters extends SkyHarnessFilters {
7
6
  }