@skyux/forms 11.0.0-alpha.1 → 11.0.0-alpha.11

package/lib/modules/radio/radio.component.d.ts

@@ -1,15 +1,16 @@
-import { EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { Subject } from 'rxjs';
 import { SkyRadioChange } from './types/radio-change';
 import { SkyRadioType } from './types/radio-type';
 import * as i0 from "@angular/core";
+import * as i1 from "../shared/form-field-label-text-required.directive";
 /**
  * Renders a SKY UX-themed replacement for an HTML `input` element
  * with `type="radio"`. When users select a radio button, its value is driven through an
  * `ngModel` attribute that you specify on the `sky-radio` element or the parent `sky-radio-group` element.
  */
-export declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValueAccessor {
+export declare class SkyRadioComponent implements OnDestroy, ControlValueAccessor {
     #private;
     /**
      * Fires when users focus off a radio button.
@@ -26,7 +27,7 @@ export declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValu
      * To set the disabled state on reactive forms, use the `FormControl` instead.
      * @default false
      */
-    set disabled(value: boolean | undefined);
+    set disabled(value: boolean);
     get disabled(): boolean;
     /**
      * The ID for the radio button.
@@ -137,13 +138,11 @@ export declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValu
      * Fires when the selected value changes.
      */
     disabledChange: EventEmitter<boolean>;
-    display: string | undefined;
     set selectedValue(value: any);
     get selectedValue(): any;
     radioGroupDisabled: boolean;
     protected inputId: string;
     constructor();
-    ngOnInit(): void;
     ngOnDestroy(): void;
     writeValue(value: unknown): void;
     /**
@@ -157,6 +156,7 @@ export declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValu
     onInputChange(event: Event): void;
     onInputFocusChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioComponent, never>;
-    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>;
+    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: {}; }]>;
+    static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_labelHidden: unknown;
 }

package/lib/modules/shared/form-field-label-text-required.directive.d.ts

@@ -0,0 +1,14 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Hide form field components of field groups that are missing label text.
+ * @internal
+ */
+export declare class SkyFormFieldLabelTextRequiredDirective implements OnInit {
+    #private;
+    labelText: string | null | undefined;
+    display: 'none' | undefined;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormFieldLabelTextRequiredDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SkyFormFieldLabelTextRequiredDirective, "[skyFormFieldLabelTextRequired]", never, { "labelText": { "alias": "labelText"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/modules/shared/form-field-label-text-required.service.d.ts

@@ -4,7 +4,8 @@ import * as i0 from "@angular/core";
  * @internal
  */
 export declare class SkyFormFieldLabelTextRequiredService {
-    validateLabelText(text: string | undefined): void;
+    #private;
+    validateLabelText(text: string | null | undefined): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormFieldLabelTextRequiredService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SkyFormFieldLabelTextRequiredService>;
 }

package/lib/modules/toggle-switch/toggle-switch.component.d.ts

@@ -1,10 +1,11 @@
-import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, QueryList, TemplateRef } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
 import { SkyIdService } from '@skyux/core';
 import { SkyToggleSwitchLabelComponent } from './toggle-switch-label.component';
 import { SkyToggleSwitchChange } from './types/toggle-switch-change';
 import * as i0 from "@angular/core";
-export declare class SkyToggleSwitchComponent implements AfterContentInit, OnInit, OnDestroy, ControlValueAccessor, Validator {
+import * as i1 from "../shared/form-field-label-text-required.directive";
+export declare class SkyToggleSwitchComponent implements AfterContentInit, OnDestroy, ControlValueAccessor, Validator {
     #private;
     /**
      * The ARIA label for the toggle switch. This sets the `aria-label`
@@ -65,10 +66,8 @@ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnIni
     labelId: string;
     enableIndicatorAnimation: boolean;
     labelComponents: QueryList<SkyToggleSwitchLabelComponent> | undefined;
-    display: string | undefined;
     constructor(changeDetector: ChangeDetectorRef, idService: SkyIdService);
     ngAfterContentInit(): void;
-    ngOnInit(): void;
     ngOnDestroy(): void;
     writeValue(value: boolean): void;
     validate(control: AbstractControl): ValidationErrors | null;
@@ -78,6 +77,6 @@ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnIni
     onButtonClick(event: any): void;
     onButtonBlur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyToggleSwitchComponent, never>;
-    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>;
+    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: {}; }]>;
     static ngAcceptInputType_labelHidden: unknown;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/forms",
-  "version": "11.0.0-alpha.1",
+  "version": "11.0.0-alpha.11",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -36,21 +36,21 @@
     }
   },
   "peerDependencies": {
-    "@angular/cdk": "^18.0.5",
-    "@angular/common": "^18.0.5",
-    "@angular/core": "^18.0.5",
-    "@angular/forms": "^18.0.5",
-    "@angular/platform-browser": "^18.0.5",
-    "@skyux-sdk/testing": "11.0.0-alpha.1",
-    "@skyux/core": "11.0.0-alpha.1",
-    "@skyux/help-inline": "11.0.0-alpha.1",
-    "@skyux/i18n": "11.0.0-alpha.1",
-    "@skyux/indicators": "11.0.0-alpha.1",
-    "@skyux/popovers": "11.0.0-alpha.1",
-    "@skyux/theme": "11.0.0-alpha.1"
+    "@angular/cdk": "^18.1.2",
+    "@angular/common": "^18.1.2",
+    "@angular/core": "^18.1.2",
+    "@angular/forms": "^18.1.2",
+    "@angular/platform-browser": "^18.1.2",
+    "@skyux-sdk/testing": "11.0.0-alpha.11",
+    "@skyux/core": "11.0.0-alpha.11",
+    "@skyux/help-inline": "11.0.0-alpha.11",
+    "@skyux/i18n": "11.0.0-alpha.11",
+    "@skyux/icon": "11.0.0-alpha.11",
+    "@skyux/indicators": "11.0.0-alpha.11",
+    "@skyux/popovers": "11.0.0-alpha.11",
+    "@skyux/theme": "11.0.0-alpha.11"
   },
   "dependencies": {
-    "@skyux/icon": "11.0.0-alpha.1",
     "tslib": "^2.6.3"
   },
   "module": "fesm2022/skyux-forms.mjs",

package/esm2022/lib/modules/file-attachment/file-attachment-label.component.mjs

@@ -1,28 +0,0 @@
-import { ChangeDetectionStrategy, Component, ViewChild, inject, } from '@angular/core';
-import { SkyLogService } from '@skyux/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@skyux/core";
-/**
- * Displays a label above the file attachment element. To display a help button beside the label, include a help button
- * element, such as `sky-help-inline`, in the `sky-file-attachment-label` element and a `sky-control-help` CSS class on
- * that help button element.
- * @deprecated use the `labelText` input on the single file attachment component instead.
- */
-export class SkyFileAttachmentLabelComponent {
-    constructor() {
-        inject(SkyLogService).deprecated('SkyFileAttachmentLabelComponent', {
-            deprecationMajorVersion: 9,
-            replacementRecommendation: 'To add a label to single file attachment, use the `labelText` input on the `sky-file-attachment` component instead.',
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: SkyFileAttachmentLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: SkyFileAttachmentLabelComponent, decorators: [{
-            type: Component,
-            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"] }]
-        }], ctorParameters: () => [], propDecorators: { labelContentId: [{
-                type: ViewChild,
-                args: ['labelContentId']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1hdHRhY2htZW50LWxhYmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9mb3Jtcy9zcmMvbGliL21vZHVsZXMvZmlsZS1hdHRhY2htZW50L2ZpbGUtYXR0YWNobWVudC1sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZm9ybXMvc3JjL2xpYi9tb2R1bGVzL2ZpbGUtYXR0YWNobWVudC9maWxlLWF0dGFjaG1lbnQtbGFiZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsU0FBUyxFQUNULE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sYUFBYSxDQUFDOzs7QUFFNUM7Ozs7O0dBS0c7QUFPSCxNQUFNLE9BQU8sK0JBQStCO0lBRzFDO1FBQ0UsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxpQ0FBaUMsRUFBRTtZQUNsRSx1QkFBdUIsRUFBRSxDQUFDO1lBQzFCLHlCQUF5QixFQUN2QixxSEFBcUg7U0FDeEgsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0FUVSwrQkFBK0I7a0dBQS9CLCtCQUErQixtTENwQjVDLDZOQUtBOzsyRkRlYSwrQkFBK0I7a0JBTjNDLFNBQVM7K0JBQ0UsMkJBQTJCLG1CQUdwQix1QkFBdUIsQ0FBQyxNQUFNO3dEQUl4QyxjQUFjO3NCQURwQixTQUFTO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIFZpZXdDaGlsZCxcbiAgaW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreUxvZ1NlcnZpY2UgfSBmcm9tICdAc2t5dXgvY29yZSc7XG5cbi8qKlxuICogRGlzcGxheXMgYSBsYWJlbCBhYm92ZSB0aGUgZmlsZSBhdHRhY2htZW50IGVsZW1lbnQuIFRvIGRpc3BsYXkgYSBoZWxwIGJ1dHRvbiBiZXNpZGUgdGhlIGxhYmVsLCBpbmNsdWRlIGEgaGVscCBidXR0b25cbiAqIGVsZW1lbnQsIHN1Y2ggYXMgYHNreS1oZWxwLWlubGluZWAsIGluIHRoZSBgc2t5LWZpbGUtYXR0YWNobWVudC1sYWJlbGAgZWxlbWVudCBhbmQgYSBgc2t5LWNvbnRyb2wtaGVscGAgQ1NTIGNsYXNzIG9uXG4gKiB0aGF0IGhlbHAgYnV0dG9uIGVsZW1lbnQuXG4gKiBAZGVwcmVjYXRlZCB1c2UgdGhlIGBsYWJlbFRleHRgIGlucHV0IG9uIHRoZSBzaW5nbGUgZmlsZSBhdHRhY2htZW50IGNvbXBvbmVudCBpbnN0ZWFkLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktZmlsZS1hdHRhY2htZW50LWxhYmVsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbGUtYXR0YWNobWVudC1sYWJlbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydmaWxlLWF0dGFjaG1lbnQtbGFiZWwuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNreUZpbGVBdHRhY2htZW50TGFiZWxDb21wb25lbnQge1xuICBAVmlld0NoaWxkKCdsYWJlbENvbnRlbnRJZCcpXG4gIHB1YmxpYyBsYWJlbENvbnRlbnRJZDogeyBpZDogc3RyaW5nIH0gfCB1bmRlZmluZWQ7XG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGluamVjdChTa3lMb2dTZXJ2aWNlKS5kZXByZWNhdGVkKCdTa3lGaWxlQXR0YWNobWVudExhYmVsQ29tcG9uZW50Jywge1xuICAgICAgZGVwcmVjYXRpb25NYWpvclZlcnNpb246IDksXG4gICAgICByZXBsYWNlbWVudFJlY29tbWVuZGF0aW9uOlxuICAgICAgICAnVG8gYWRkIGEgbGFiZWwgdG8gc2luZ2xlIGZpbGUgYXR0YWNobWVudCwgdXNlIHRoZSBgbGFiZWxUZXh0YCBpbnB1dCBvbiB0aGUgYHNreS1maWxlLWF0dGFjaG1lbnRgIGNvbXBvbmVudCBpbnN0ZWFkLicsXG4gICAgfSk7XG4gIH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwic2t5LWNvbnRyb2wtbGFiZWxcIlxuICA+PHNwYW4gc2t5SWQgc2t5VHJpbSAjbGFiZWxDb250ZW50SWQ9XCJza3lJZFwiPjxuZy1jb250ZW50IC8+PC9zcGFuXG4gID48c3BhbiBjbGFzcz1cInNreS1jb250cm9sLWhlbHAtY29udGFpbmVyXCJcbiAgICA+PG5nLWNvbnRlbnQgc2VsZWN0PVwiLnNreS1jb250cm9sLWhlbHBcIiAvPjwvc3BhblxuPjwvc3Bhbj5cbiJdfQ==