@skyux/forms 10.9.0 → 10.10.0

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.
@@ -1,4 +1,4 @@
1
- import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
1
+ import { ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
2
2
  import { SkyFileItem } from './file-item';
3
3
  import { SkyFileLink } from './file-link';
4
4
  import { SkyFileValidateFn } from './file-validate-function';
@@ -103,6 +103,19 @@ export declare class SkyFileDropComponent implements OnInit, OnDestroy {
103
103
  * @preview
104
104
  */
105
105
  required: boolean;
106
+ /**
107
+ * The content of the help popover. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
108
+ * button is added to the file attachment label. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
109
+ * when clicked using the specified content and optional title.
110
+ * @preview
111
+ */
112
+ helpPopoverContent: string | TemplateRef<unknown> | undefined;
113
+ /**
114
+ * The title of the help popover. This property only applies when `helpPopoverContent` is
115
+ * also specified.
116
+ * @preview
117
+ */
118
+ helpPopoverTitle: string | undefined;
106
119
  inputEl: ElementRef | undefined;
107
120
  display: string | undefined;
108
121
  rejectedOver: boolean;
@@ -122,7 +135,7 @@ export declare class SkyFileDropComponent implements OnInit, OnDestroy {
122
135
  addLink(event: Event): void;
123
136
  onLinkBlur(): void;
124
137
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileDropComponent, never>;
125
- static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileDropComponent, "sky-file-drop", never, { "fileUploadAriaLabel": { "alias": "fileUploadAriaLabel"; "required": false; }; "linkUploadAriaLabel": { "alias": "linkUploadAriaLabel"; "required": false; }; "minFileSize": { "alias": "minFileSize"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; }; "acceptedTypes": { "alias": "acceptedTypes"; "required": false; }; "noClick": { "alias": "noClick"; "required": false; }; "allowLinks": { "alias": "allowLinks"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "filesChanged": "filesChanged"; "linkInputBlur": "linkInputBlur"; "linkChanged": "linkChanged"; }, never, ["*"], false, never>;
138
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileDropComponent, "sky-file-drop", never, { "fileUploadAriaLabel": { "alias": "fileUploadAriaLabel"; "required": false; }; "linkUploadAriaLabel": { "alias": "linkUploadAriaLabel"; "required": false; }; "minFileSize": { "alias": "minFileSize"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; }; "acceptedTypes": { "alias": "acceptedTypes"; "required": false; }; "noClick": { "alias": "noClick"; "required": false; }; "allowLinks": { "alias": "allowLinks"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "required": { "alias": "required"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; }, { "filesChanged": "filesChanged"; "linkInputBlur": "linkInputBlur"; "linkChanged": "linkChanged"; }, never, ["*"], false, never>;
126
139
  static ngAcceptInputType_labelHidden: unknown;
127
140
  static ngAcceptInputType_required: unknown;
128
141
  }
@@ -1,4 +1,4 @@
1
- import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
1
+ import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit, 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';
@@ -27,6 +27,19 @@ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnIni
27
27
  * To set the disabled state on reactive forms, use the `FormControl` instead.
28
28
  */
29
29
  disabled: boolean | undefined;
30
+ /**
31
+ * The content of the help popover. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
32
+ * button is added to the toggle switch. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
33
+ * when clicked using the specified content and optional title.
34
+ * @preview
35
+ */
36
+ helpPopoverContent: string | TemplateRef<unknown> | undefined;
37
+ /**
38
+ * The title of the help popover. This property only applies when `helpPopoverContent` is
39
+ * also specified.
40
+ * @preview
41
+ */
42
+ helpPopoverTitle: string | undefined;
30
43
  /**
31
44
  * The tab index for the toggle switch. If not defined, the index is set to the position
32
45
  * of the toggle switch on load.
@@ -63,6 +76,6 @@ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnIni
63
76
  onButtonClick(event: any): void;
64
77
  onButtonBlur(): void;
65
78
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyToggleSwitchComponent, never>;
66
- static ɵcmp: i0.ɵɵComponentDeclaration<SkyToggleSwitchComponent, "sky-toggle-switch", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; }, { "toggleChange": "toggleChange"; }, ["labelComponents"], [".sky-control-help", "sky-toggle-switch-label"], false, never>;
79
+ 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; }; }, { "toggleChange": "toggleChange"; }, ["labelComponents"], [".sky-control-help", "sky-toggle-switch-label"], false, never>;
67
80
  static ngAcceptInputType_labelHidden: unknown;
68
81
  }
@@ -3,9 +3,10 @@ import * as i1 from "./toggle-switch-label.component";
3
3
  import * as i2 from "./toggle-switch.component";
4
4
  import * as i3 from "@angular/common";
5
5
  import * as i4 from "@angular/forms";
6
- import * as i5 from "@skyux/core";
6
+ import * as i5 from "@skyux/help-inline";
7
+ import * as i6 from "@skyux/core";
7
8
  export declare class SkyToggleSwitchModule {
8
9
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyToggleSwitchModule, never>;
9
- static ɵmod: i0.ɵɵNgModuleDeclaration<SkyToggleSwitchModule, [typeof i1.SkyToggleSwitchLabelComponent, typeof i2.SkyToggleSwitchComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.SkyTrimModule, typeof i5.SkyIdModule], [typeof i1.SkyToggleSwitchLabelComponent, typeof i2.SkyToggleSwitchComponent]>;
10
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SkyToggleSwitchModule, [typeof i1.SkyToggleSwitchLabelComponent, typeof i2.SkyToggleSwitchComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.SkyHelpInlineModule, typeof i6.SkyIdModule, typeof i6.SkyTrimModule], [typeof i1.SkyToggleSwitchLabelComponent, typeof i2.SkyToggleSwitchComponent]>;
10
11
  static ɵinj: i0.ɵɵInjectorDeclaration<SkyToggleSwitchModule>;
11
12
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/forms",
3
- "version": "10.9.0",
3
+ "version": "10.10.0",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -41,13 +41,13 @@
41
41
  "@angular/core": "^17.3.4",
42
42
  "@angular/forms": "^17.3.4",
43
43
  "@angular/platform-browser": "^17.3.4",
44
- "@skyux-sdk/testing": "10.9.0",
45
- "@skyux/core": "10.9.0",
46
- "@skyux/help-inline": "10.9.0",
47
- "@skyux/i18n": "10.9.0",
48
- "@skyux/indicators": "10.9.0",
49
- "@skyux/popovers": "10.9.0",
50
- "@skyux/theme": "10.9.0"
44
+ "@skyux-sdk/testing": "10.10.0",
45
+ "@skyux/core": "10.10.0",
46
+ "@skyux/help-inline": "10.10.0",
47
+ "@skyux/i18n": "10.10.0",
48
+ "@skyux/indicators": "10.10.0",
49
+ "@skyux/popovers": "10.10.0",
50
+ "@skyux/theme": "10.10.0"
51
51
  },
52
52
  "dependencies": {
53
53
  "tslib": "^2.6.2"