@skyux/forms 11.0.0-alpha.0 → 11.0.0-alpha.10

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.
Files changed (107) hide show
  1. package/documentation.json +4498 -4939
  2. package/esm2022/index.mjs +14 -11
  3. package/esm2022/lib/modules/character-counter/character-counter-indicator.component.mjs +3 -3
  4. package/esm2022/lib/modules/character-counter/character-counter-screen-reader.pipe.mjs +3 -3
  5. package/esm2022/lib/modules/character-counter/character-counter.directive.mjs +3 -3
  6. package/esm2022/lib/modules/character-counter/character-counter.module.mjs +4 -4
  7. package/esm2022/lib/modules/checkbox/checkbox-group.component.mjs +18 -15
  8. package/esm2022/lib/modules/checkbox/checkbox-label-text-label.component.mjs +4 -4
  9. package/esm2022/lib/modules/checkbox/checkbox-label.component.mjs +3 -3
  10. package/esm2022/lib/modules/checkbox/checkbox.component.mjs +27 -34
  11. package/esm2022/lib/modules/checkbox/checkbox.module.mjs +4 -4
  12. package/esm2022/lib/modules/field-group/field-group.component.mjs +9 -6
  13. package/esm2022/lib/modules/field-group/field-group.module.mjs +4 -4
  14. package/esm2022/lib/modules/file-attachment/file-attachment/file-attachment-change.mjs +2 -0
  15. package/esm2022/lib/modules/file-attachment/file-attachment/file-attachment-click.mjs +2 -0
  16. package/esm2022/lib/modules/file-attachment/file-attachment/file-attachment-join-ids.pipe.mjs +22 -0
  17. package/esm2022/lib/modules/file-attachment/file-attachment/file-attachment-label.component.mjs +32 -0
  18. package/esm2022/lib/modules/file-attachment/file-attachment/file-attachment.component.mjs +485 -0
  19. package/esm2022/lib/modules/file-attachment/file-attachment/file-attachment.module.mjs +24 -0
  20. package/esm2022/lib/modules/file-attachment/file-attachment/file-attachment.service.mjs +103 -0
  21. package/esm2022/lib/modules/file-attachment/file-attachments.module.mjs +12 -75
  22. package/esm2022/lib/modules/file-attachment/file-drop/file-drop-change.mjs +2 -0
  23. package/esm2022/lib/modules/file-attachment/file-drop/file-drop.component.mjs +336 -0
  24. package/esm2022/lib/modules/file-attachment/file-drop/file-drop.module.mjs +18 -0
  25. package/esm2022/lib/modules/file-attachment/file-drop/file-item.component.mjs +163 -0
  26. package/esm2022/lib/modules/file-attachment/file-drop/file-link.mjs +2 -0
  27. package/esm2022/lib/modules/file-attachment/shared/file-item-error-type.mjs +2 -0
  28. package/esm2022/lib/modules/file-attachment/shared/file-item.mjs +2 -0
  29. package/esm2022/lib/modules/file-attachment/shared/file-item.service.mjs +71 -0
  30. package/esm2022/lib/modules/file-attachment/shared/file-size.pipe.mjs +61 -0
  31. package/esm2022/lib/modules/file-attachment/shared/file-validate-function.mjs +2 -0
  32. package/esm2022/lib/modules/form-error/form-error.component.mjs +3 -3
  33. package/esm2022/lib/modules/form-error/form-error.module.mjs +4 -4
  34. package/esm2022/lib/modules/form-error/form-errors.component.mjs +5 -5
  35. package/esm2022/lib/modules/form-error/form-errors.module.mjs +4 -4
  36. package/esm2022/lib/modules/input-box/input-box-adapter.service.mjs +3 -3
  37. package/esm2022/lib/modules/input-box/input-box-control.directive.mjs +3 -3
  38. package/esm2022/lib/modules/input-box/input-box-hint-text.pipe.mjs +3 -3
  39. package/esm2022/lib/modules/input-box/input-box-host.service.mjs +7 -4
  40. package/esm2022/lib/modules/input-box/input-box.component.mjs +22 -26
  41. package/esm2022/lib/modules/input-box/input-box.module.mjs +4 -4
  42. package/esm2022/lib/modules/radio/radio-group-id.service.mjs +3 -3
  43. package/esm2022/lib/modules/radio/radio-group.component.mjs +41 -48
  44. package/esm2022/lib/modules/radio/radio-label.component.mjs +3 -3
  45. package/esm2022/lib/modules/radio/radio.component.mjs +23 -30
  46. package/esm2022/lib/modules/radio/radio.module.mjs +4 -4
  47. package/esm2022/lib/modules/required-state/required-state.directive.mjs +3 -3
  48. package/esm2022/lib/modules/selection-box/selection-box-adapter.service.mjs +3 -3
  49. package/esm2022/lib/modules/selection-box/selection-box-description.component.mjs +3 -3
  50. package/esm2022/lib/modules/selection-box/selection-box-grid.component.mjs +4 -4
  51. package/esm2022/lib/modules/selection-box/selection-box-header.component.mjs +3 -3
  52. package/esm2022/lib/modules/selection-box/selection-box.component.mjs +3 -3
  53. package/esm2022/lib/modules/selection-box/selection-box.module.mjs +4 -4
  54. package/esm2022/lib/modules/shared/form-field-label-text-required.directive.mjs +37 -0
  55. package/esm2022/lib/modules/shared/form-field-label-text-required.service.mjs +9 -7
  56. package/esm2022/lib/modules/shared/sky-forms-resources.module.mjs +11 -13
  57. package/esm2022/lib/modules/toggle-switch/toggle-switch-label.component.mjs +3 -3
  58. package/esm2022/lib/modules/toggle-switch/toggle-switch.component.mjs +16 -23
  59. package/esm2022/lib/modules/toggle-switch/toggle-switch.module.mjs +4 -4
  60. package/esm2022/testing/checkbox/checkbox-harness.mjs +5 -4
  61. package/fesm2022/skyux-forms-testing.mjs +4 -3
  62. package/fesm2022/skyux-forms-testing.mjs.map +1 -1
  63. package/fesm2022/skyux-forms.mjs +506 -474
  64. package/fesm2022/skyux-forms.mjs.map +1 -1
  65. package/index.d.ts +21 -18
  66. package/lib/modules/checkbox/checkbox-group.component.d.ts +2 -2
  67. package/lib/modules/checkbox/checkbox.component.d.ts +6 -6
  68. package/lib/modules/file-attachment/{types → file-attachment}/file-attachment-change.d.ts +1 -1
  69. package/lib/modules/file-attachment/{types → file-attachment}/file-attachment-click.d.ts +1 -1
  70. package/lib/modules/file-attachment/file-attachment/file-attachment-join-ids.pipe.d.ts +11 -0
  71. package/lib/modules/file-attachment/{file-attachment-label.component.d.ts → file-attachment/file-attachment-label.component.d.ts} +7 -5
  72. package/lib/modules/file-attachment/{file-attachment.component.d.ts → file-attachment/file-attachment.component.d.ts} +24 -18
  73. package/lib/modules/file-attachment/file-attachment/file-attachment.module.d.ts +9 -0
  74. package/lib/modules/file-attachment/{file-attachment.service.d.ts → file-attachment/file-attachment.service.d.ts} +2 -2
  75. package/lib/modules/file-attachment/file-attachments.module.d.ts +6 -15
  76. package/lib/modules/file-attachment/{types → file-drop}/file-drop-change.d.ts +1 -1
  77. package/lib/modules/file-attachment/{file-drop.component.d.ts → file-drop/file-drop.component.d.ts} +12 -8
  78. package/lib/modules/file-attachment/file-drop/file-drop.module.d.ts +9 -0
  79. package/lib/modules/file-attachment/{file-item.component.d.ts → file-drop/file-item.component.d.ts} +3 -3
  80. package/lib/modules/file-attachment/{file-size.pipe.d.ts → shared/file-size.pipe.d.ts} +3 -4
  81. package/lib/modules/input-box/input-box-host.service.d.ts +1 -0
  82. package/lib/modules/input-box/input-box.component.d.ts +3 -3
  83. package/lib/modules/radio/radio-group.component.d.ts +11 -10
  84. package/lib/modules/radio/radio.component.d.ts +6 -6
  85. package/lib/modules/shared/form-field-label-text-required.directive.d.ts +14 -0
  86. package/lib/modules/shared/form-field-label-text-required.service.d.ts +2 -1
  87. package/lib/modules/toggle-switch/toggle-switch.component.d.ts +4 -5
  88. package/package.json +14 -14
  89. package/esm2022/lib/modules/file-attachment/file-attachment-label.component.mjs +0 -28
  90. package/esm2022/lib/modules/file-attachment/file-attachment.component.mjs +0 -478
  91. package/esm2022/lib/modules/file-attachment/file-attachment.service.mjs +0 -93
  92. package/esm2022/lib/modules/file-attachment/file-drop.component.mjs +0 -325
  93. package/esm2022/lib/modules/file-attachment/file-item-error-type.mjs +0 -2
  94. package/esm2022/lib/modules/file-attachment/file-item.component.mjs +0 -155
  95. package/esm2022/lib/modules/file-attachment/file-item.mjs +0 -2
  96. package/esm2022/lib/modules/file-attachment/file-item.service.mjs +0 -70
  97. package/esm2022/lib/modules/file-attachment/file-link.mjs +0 -2
  98. package/esm2022/lib/modules/file-attachment/file-size.pipe.mjs +0 -58
  99. package/esm2022/lib/modules/file-attachment/file-validate-function.mjs +0 -2
  100. package/esm2022/lib/modules/file-attachment/types/file-attachment-change.mjs +0 -2
  101. package/esm2022/lib/modules/file-attachment/types/file-attachment-click.mjs +0 -2
  102. package/esm2022/lib/modules/file-attachment/types/file-drop-change.mjs +0 -2
  103. /package/lib/modules/file-attachment/{file-link.d.ts → file-drop/file-link.d.ts} +0 -0
  104. /package/lib/modules/file-attachment/{file-item-error-type.d.ts → shared/file-item-error-type.d.ts} +0 -0
  105. /package/lib/modules/file-attachment/{file-item.d.ts → shared/file-item.d.ts} +0 -0
  106. /package/lib/modules/file-attachment/{file-item.service.d.ts → shared/file-item.service.d.ts} +0 -0
  107. /package/lib/modules/file-attachment/{file-validate-function.d.ts → shared/file-validate-function.d.ts} +0 -0
@@ -1,17 +1,18 @@
1
- import { AfterContentInit, AfterViewInit, ChangeDetectorRef, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
1
+ import { AfterContentInit, ChangeDetectorRef, OnDestroy, QueryList, TemplateRef } from '@angular/core';
2
2
  import { NgControl } from '@angular/forms';
3
3
  import { SkyRadioGroupIdService } from './radio-group-id.service';
4
4
  import { SkyRadioComponent } from './radio.component';
5
5
  import { SkyRadioGroupHeadingLevel } from './types/radio-group-heading-level';
6
6
  import { SkyRadioGroupHeadingStyle } from './types/radio-group-heading-style';
7
7
  import * as i0 from "@angular/core";
8
+ import * as i1 from "../shared/form-field-label-text-required.directive";
8
9
  /**
9
10
  * Organizes radio buttons into a group. It is required for radio
10
11
  * buttons on Angular reactive forms, and we recommend using it with all radio buttons.
11
12
  * On Angular forms, the component manages the selected values and keeps the forms up-to-date.
12
13
  * When users select a radio button, its value is driven through an `ngModel` attribute that you specify on the `sky-radio-group` element.
13
14
  */
14
- export declare class SkyRadioGroupComponent implements AfterContentInit, AfterViewInit, OnInit, OnDestroy {
15
+ export declare class SkyRadioGroupComponent implements AfterContentInit, OnDestroy {
15
16
  #private;
16
17
  /**
17
18
  * The HTML element ID of the element that labels
@@ -38,7 +39,7 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
38
39
  * To set the disabled state on reactive forms, use the `FormControl` instead.
39
40
  * @default false
40
41
  */
41
- set disabled(value: boolean | undefined);
42
+ set disabled(value: boolean);
42
43
  get disabled(): boolean;
43
44
  /**
44
45
  * The semantic heading level in the document structure. By default, the heading text is not wrapped in a heading element.
@@ -49,7 +50,7 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
49
50
  * The heading [font style](https://developer.blackbaud.com/skyux/design/styles/typography#headings).
50
51
  * @default 4
51
52
  */
52
- headingStyle: SkyRadioGroupHeadingStyle;
53
+ set headingStyle(value: SkyRadioGroupHeadingStyle);
53
54
  /**
54
55
  * The name for the collection of radio buttons that the component groups together.
55
56
  * This property overwrites the deprecated `name` property on individual `sky-radio` elements,
@@ -66,7 +67,7 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
66
67
  * For more information about the `aria-required` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-required).
67
68
  * @default false
68
69
  */
69
- required: boolean | undefined;
70
+ required: boolean;
70
71
  /**
71
72
  * Whether the radio button group is stacked on another form component. When specified,
72
73
  * the appropriate vertical spacing is automatically added to the radio button group.
@@ -118,7 +119,6 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
118
119
  * as configured by the application.
119
120
  */
120
121
  helpKey: string | undefined;
121
- get headingClass(): string;
122
122
  /**
123
123
  * Our radio components are usually implemented using an unordered list. This is an
124
124
  * accessibility violation because the unordered list has an implicit role which
@@ -128,16 +128,15 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
128
128
  */
129
129
  ariaOwns: string | undefined;
130
130
  radios: QueryList<SkyRadioComponent> | undefined;
131
- display: string | undefined;
132
131
  stackedLg: boolean;
133
132
  stackedXL: boolean;
133
+ protected get isRequired(): boolean;
134
+ protected headingClass: string;
134
135
  protected errorId: string;
135
136
  protected ngControl: NgControl | undefined;
136
137
  constructor(changeDetector: ChangeDetectorRef, radioGroupIdSvc: SkyRadioGroupIdService, ngControl: NgControl);
137
138
  ngAfterContentInit(): void;
138
- ngAfterViewInit(): void;
139
139
  watchForSelections(): void;
140
- ngOnInit(): void;
141
140
  ngOnDestroy(): void;
142
141
  writeValue(value: unknown): void;
143
142
  /**
@@ -148,9 +147,11 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
148
147
  registerOnChange(fn: (value: any) => void): void;
149
148
  registerOnTouched(fn: any): void;
150
149
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioGroupComponent, [null, null, { optional: true; self: true; }]>;
151
- 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, never>;
150
+ 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.SkyFormFieldLabelTextRequiredDirective; inputs: { "labelText": "headingText"; }; outputs: {}; }]>;
151
+ static ngAcceptInputType_disabled: unknown;
152
152
  static ngAcceptInputType_headingLevel: unknown;
153
153
  static ngAcceptInputType_headingStyle: unknown;
154
+ static ngAcceptInputType_required: unknown;
154
155
  static ngAcceptInputType_stacked: unknown;
155
156
  static ngAcceptInputType_headingHidden: unknown;
156
157
  }
@@ -1,15 +1,16 @@
1
- import { EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
1
+ import { EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
2
2
  import { ControlValueAccessor } from '@angular/forms';
3
3
  import { Subject } from 'rxjs';
4
4
  import { SkyRadioChange } from './types/radio-change';
5
5
  import { SkyRadioType } from './types/radio-type';
6
6
  import * as i0 from "@angular/core";
7
+ import * as i1 from "../shared/form-field-label-text-required.directive";
7
8
  /**
8
9
  * Renders a SKY UX-themed replacement for an HTML `input` element
9
10
  * with `type="radio"`. When users select a radio button, its value is driven through an
10
11
  * `ngModel` attribute that you specify on the `sky-radio` element or the parent `sky-radio-group` element.
11
12
  */
12
- export declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValueAccessor {
13
+ export declare class SkyRadioComponent implements OnDestroy, ControlValueAccessor {
13
14
  #private;
14
15
  /**
15
16
  * Fires when users focus off a radio button.
@@ -26,7 +27,7 @@ export declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValu
26
27
  * To set the disabled state on reactive forms, use the `FormControl` instead.
27
28
  * @default false
28
29
  */
29
- set disabled(value: boolean | undefined);
30
+ set disabled(value: boolean);
30
31
  get disabled(): boolean;
31
32
  /**
32
33
  * The ID for the radio button.
@@ -137,13 +138,11 @@ export declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValu
137
138
  * Fires when the selected value changes.
138
139
  */
139
140
  disabledChange: EventEmitter<boolean>;
140
- display: string | undefined;
141
141
  set selectedValue(value: any);
142
142
  get selectedValue(): any;
143
143
  radioGroupDisabled: boolean;
144
144
  protected inputId: string;
145
145
  constructor();
146
- ngOnInit(): void;
147
146
  ngOnDestroy(): void;
148
147
  writeValue(value: unknown): void;
149
148
  /**
@@ -157,6 +156,7 @@ export declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValu
157
156
  onInputChange(event: Event): void;
158
157
  onInputFocusChange(): void;
159
158
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioComponent, never>;
160
- 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, 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.SkyFormFieldLabelTextRequiredDirective; inputs: { "labelText": "labelText"; }; outputs: {}; }]>;
160
+ static ngAcceptInputType_disabled: unknown;
161
161
  static ngAcceptInputType_labelHidden: unknown;
162
162
  }
@@ -0,0 +1,14 @@
1
+ import { OnInit } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ /**
4
+ * Hide form field components of field groups that are missing label text.
5
+ * @internal
6
+ */
7
+ export declare class SkyFormFieldLabelTextRequiredDirective implements OnInit {
8
+ #private;
9
+ labelText: string | null | undefined;
10
+ display: 'none' | undefined;
11
+ ngOnInit(): void;
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormFieldLabelTextRequiredDirective, never>;
13
+ static ɵdir: i0.ɵɵDirectiveDeclaration<SkyFormFieldLabelTextRequiredDirective, "[skyFormFieldLabelTextRequired]", never, { "labelText": { "alias": "labelText"; "required": false; }; }, {}, never, never, true, never>;
14
+ }
@@ -4,7 +4,8 @@ import * as i0 from "@angular/core";
4
4
  * @internal
5
5
  */
6
6
  export declare class SkyFormFieldLabelTextRequiredService {
7
- validateLabelText(text: string | undefined): void;
7
+ #private;
8
+ validateLabelText(text: string | null | undefined): void;
8
9
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormFieldLabelTextRequiredService, never>;
9
10
  static ɵprov: i0.ɵɵInjectableDeclaration<SkyFormFieldLabelTextRequiredService>;
10
11
  }
@@ -1,10 +1,11 @@
1
- import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
1
+ import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, QueryList, TemplateRef } from '@angular/core';
2
2
  import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
3
3
  import { SkyIdService } from '@skyux/core';
4
4
  import { SkyToggleSwitchLabelComponent } from './toggle-switch-label.component';
5
5
  import { SkyToggleSwitchChange } from './types/toggle-switch-change';
6
6
  import * as i0 from "@angular/core";
7
- export declare class SkyToggleSwitchComponent implements AfterContentInit, OnInit, OnDestroy, ControlValueAccessor, Validator {
7
+ import * as i1 from "../shared/form-field-label-text-required.directive";
8
+ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnDestroy, ControlValueAccessor, Validator {
8
9
  #private;
9
10
  /**
10
11
  * The ARIA label for the toggle switch. This sets the `aria-label`
@@ -65,10 +66,8 @@ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnIni
65
66
  labelId: string;
66
67
  enableIndicatorAnimation: boolean;
67
68
  labelComponents: QueryList<SkyToggleSwitchLabelComponent> | undefined;
68
- display: string | undefined;
69
69
  constructor(changeDetector: ChangeDetectorRef, idService: SkyIdService);
70
70
  ngAfterContentInit(): void;
71
- ngOnInit(): void;
72
71
  ngOnDestroy(): void;
73
72
  writeValue(value: boolean): void;
74
73
  validate(control: AbstractControl): ValidationErrors | null;
@@ -78,6 +77,6 @@ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnIni
78
77
  onButtonClick(event: any): void;
79
78
  onButtonBlur(): void;
80
79
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyToggleSwitchComponent, never>;
81
- 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"; }, ["labelComponents"], [".sky-control-help", "sky-toggle-switch-label"], false, never>;
80
+ 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"; }, ["labelComponents"], [".sky-control-help", "sky-toggle-switch-label"], false, [{ directive: typeof i1.SkyFormFieldLabelTextRequiredDirective; inputs: { "labelText": "labelText"; }; outputs: {}; }]>;
82
81
  static ngAcceptInputType_labelHidden: unknown;
83
82
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/forms",
3
- "version": "11.0.0-alpha.0",
3
+ "version": "11.0.0-alpha.10",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -36,21 +36,21 @@
36
36
  }
37
37
  },
38
38
  "peerDependencies": {
39
- "@angular/cdk": "^18.0.5",
40
- "@angular/common": "^18.0.5",
41
- "@angular/core": "^18.0.5",
42
- "@angular/forms": "^18.0.5",
43
- "@angular/platform-browser": "^18.0.5",
44
- "@skyux-sdk/testing": "11.0.0-alpha.0",
45
- "@skyux/core": "11.0.0-alpha.0",
46
- "@skyux/help-inline": "11.0.0-alpha.0",
47
- "@skyux/i18n": "11.0.0-alpha.0",
48
- "@skyux/indicators": "11.0.0-alpha.0",
49
- "@skyux/popovers": "11.0.0-alpha.0",
50
- "@skyux/theme": "11.0.0-alpha.0"
39
+ "@angular/cdk": "^18.1.2",
40
+ "@angular/common": "^18.1.2",
41
+ "@angular/core": "^18.1.2",
42
+ "@angular/forms": "^18.1.2",
43
+ "@angular/platform-browser": "^18.1.2",
44
+ "@skyux-sdk/testing": "11.0.0-alpha.10",
45
+ "@skyux/core": "11.0.0-alpha.10",
46
+ "@skyux/help-inline": "11.0.0-alpha.10",
47
+ "@skyux/i18n": "11.0.0-alpha.10",
48
+ "@skyux/icon": "11.0.0-alpha.10",
49
+ "@skyux/indicators": "11.0.0-alpha.10",
50
+ "@skyux/popovers": "11.0.0-alpha.10",
51
+ "@skyux/theme": "11.0.0-alpha.10"
51
52
  },
52
53
  "dependencies": {
53
- "@skyux/icon": "11.0.0-alpha.0",
54
54
  "tslib": "^2.6.3"
55
55
  },
56
56
  "module": "fesm2022/skyux-forms.mjs",
@@ -1,28 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, ViewChild, inject, } from '@angular/core';
2
- import { SkyLogService } from '@skyux/core';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "@skyux/core";
5
- /**
6
- * Displays a label above the file attachment element. To display a help button beside the label, include a help button
7
- * element, such as `sky-help-inline`, in the `sky-file-attachment-label` element and a `sky-control-help` CSS class on
8
- * that help button element.
9
- * @deprecated use the `labelText` input on the single file attachment component instead.
10
- */
11
- export class SkyFileAttachmentLabelComponent {
12
- constructor() {
13
- inject(SkyLogService).deprecated('SkyFileAttachmentLabelComponent', {
14
- deprecationMajorVersion: 9,
15
- replacementRecommendation: 'To add a label to single file attachment, use the `labelText` input on the `sky-file-attachment` component instead.',
16
- });
17
- }
18
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: SkyFileAttachmentLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
19
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: SkyFileAttachmentLabelComponent, selector: "sky-file-attachment-label", viewQueries: [{ propertyName: "labelContentId", first: true, predicate: ["labelContentId"], descendants: true }], ngImport: i0, template: "<span class=\"sky-control-label\"\n ><span skyId skyTrim #labelContentId=\"skyId\"><ng-content /></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\" /></span\n></span>\n", styles: [":host-context(.sky-theme-modern) .sky-control-label{color:#686c73;font-size:13px}.sky-theme-modern .sky-control-label{color:#686c73;font-size:13px}\n"], dependencies: [{ kind: "directive", type: i1.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "directive", type: i1.λ4, selector: "[skyTrim]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
20
- }
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: SkyFileAttachmentLabelComponent, decorators: [{
22
- type: Component,
23
- args: [{ selector: 'sky-file-attachment-label', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"sky-control-label\"\n ><span skyId skyTrim #labelContentId=\"skyId\"><ng-content /></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\" /></span\n></span>\n", styles: [":host-context(.sky-theme-modern) .sky-control-label{color:#686c73;font-size:13px}.sky-theme-modern .sky-control-label{color:#686c73;font-size:13px}\n"] }]
24
- }], ctorParameters: () => [], propDecorators: { labelContentId: [{
25
- type: ViewChild,
26
- args: ['labelContentId']
27
- }] } });
28
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1hdHRhY2htZW50LWxhYmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9mb3Jtcy9zcmMvbGliL21vZHVsZXMvZmlsZS1hdHRhY2htZW50L2ZpbGUtYXR0YWNobWVudC1sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZm9ybXMvc3JjL2xpYi9tb2R1bGVzL2ZpbGUtYXR0YWNobWVudC9maWxlLWF0dGFjaG1lbnQtbGFiZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsU0FBUyxFQUNULE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sYUFBYSxDQUFDOzs7QUFFNUM7Ozs7O0dBS0c7QUFPSCxNQUFNLE9BQU8sK0JBQStCO0lBRzFDO1FBQ0UsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxpQ0FBaUMsRUFBRTtZQUNsRSx1QkFBdUIsRUFBRSxDQUFDO1lBQzFCLHlCQUF5QixFQUN2QixxSEFBcUg7U0FDeEgsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0FUVSwrQkFBK0I7a0dBQS9CLCtCQUErQixtTENwQjVDLDZOQUtBOzsyRkRlYSwrQkFBK0I7a0JBTjNDLFNBQVM7K0JBQ0UsMkJBQTJCLG1CQUdwQix1QkFBdUIsQ0FBQyxNQUFNO3dEQUl4QyxjQUFjO3NCQURwQixTQUFTO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIFZpZXdDaGlsZCxcbiAgaW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreUxvZ1NlcnZpY2UgfSBmcm9tICdAc2t5dXgvY29yZSc7XG5cbi8qKlxuICogRGlzcGxheXMgYSBsYWJlbCBhYm92ZSB0aGUgZmlsZSBhdHRhY2htZW50IGVsZW1lbnQuIFRvIGRpc3BsYXkgYSBoZWxwIGJ1dHRvbiBiZXNpZGUgdGhlIGxhYmVsLCBpbmNsdWRlIGEgaGVscCBidXR0b25cbiAqIGVsZW1lbnQsIHN1Y2ggYXMgYHNreS1oZWxwLWlubGluZWAsIGluIHRoZSBgc2t5LWZpbGUtYXR0YWNobWVudC1sYWJlbGAgZWxlbWVudCBhbmQgYSBgc2t5LWNvbnRyb2wtaGVscGAgQ1NTIGNsYXNzIG9uXG4gKiB0aGF0IGhlbHAgYnV0dG9uIGVsZW1lbnQuXG4gKiBAZGVwcmVjYXRlZCB1c2UgdGhlIGBsYWJlbFRleHRgIGlucHV0IG9uIHRoZSBzaW5nbGUgZmlsZSBhdHRhY2htZW50IGNvbXBvbmVudCBpbnN0ZWFkLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktZmlsZS1hdHRhY2htZW50LWxhYmVsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbGUtYXR0YWNobWVudC1sYWJlbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydmaWxlLWF0dGFjaG1lbnQtbGFiZWwuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNreUZpbGVBdHRhY2htZW50TGFiZWxDb21wb25lbnQge1xuICBAVmlld0NoaWxkKCdsYWJlbENvbnRlbnRJZCcpXG4gIHB1YmxpYyBsYWJlbENvbnRlbnRJZDogeyBpZDogc3RyaW5nIH0gfCB1bmRlZmluZWQ7XG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGluamVjdChTa3lMb2dTZXJ2aWNlKS5kZXByZWNhdGVkKCdTa3lGaWxlQXR0YWNobWVudExhYmVsQ29tcG9uZW50Jywge1xuICAgICAgZGVwcmVjYXRpb25NYWpvclZlcnNpb246IDksXG4gICAgICByZXBsYWNlbWVudFJlY29tbWVuZGF0aW9uOlxuICAgICAgICAnVG8gYWRkIGEgbGFiZWwgdG8gc2luZ2xlIGZpbGUgYXR0YWNobWVudCwgdXNlIHRoZSBgbGFiZWxUZXh0YCBpbnB1dCBvbiB0aGUgYHNreS1maWxlLWF0dGFjaG1lbnRgIGNvbXBvbmVudCBpbnN0ZWFkLicsXG4gICAgfSk7XG4gIH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwic2t5LWNvbnRyb2wtbGFiZWxcIlxuICA+PHNwYW4gc2t5SWQgc2t5VHJpbSAjbGFiZWxDb250ZW50SWQ9XCJza3lJZFwiPjxuZy1jb250ZW50IC8+PC9zcGFuXG4gID48c3BhbiBjbGFzcz1cInNreS1jb250cm9sLWhlbHAtY29udGFpbmVyXCJcbiAgICA+PG5nLWNvbnRlbnQgc2VsZWN0PVwiLnNreS1jb250cm9sLWhlbHBcIiAvPjwvc3BhblxuPjwvc3Bhbj5cbiJdfQ==