@skyux/code-examples 14.3.2 → 14.3.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.
|
@@ -6469,7 +6469,7 @@ class FormsCharacterCountExampleComponent {
|
|
|
6469
6469
|
});
|
|
6470
6470
|
}
|
|
6471
6471
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: FormsCharacterCountExampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6472
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: FormsCharacterCountExampleComponent, isStandalone: true, selector: "app-forms-character-count-example", ngImport: i0, template: "<form [formGroup]=\"formGroup\">\n <sky-input-box stacked=\"true\" labelText=\"Transaction description\">\n <sky-character-counter-indicator\n #descriptionIndicator\n data-sky-id=\"description-indicator\"\n />\n\n <input\n #descriptionInput=\"skyId\"\n class=\"description-input\"\n formControlName=\"description\"\n skyCharacterCounter\n skyId\n type=\"text\"\n [attr.aria-describedby]=\"characterCountError.id\"\n [skyCharacterCounterIndicator]=\"descriptionIndicator\"\n [skyCharacterCounterLimit]=\"maxDescriptionCharacterCount\"\n />\n\n <span #characterCountError=\"skyId\" class=\"sky-error-indicator\" skyId>\n @if (description.errors?.['skyCharacterCounter']) {\n <sky-status-indicator\n data-sky-id=\"description-status-indicator-over-limit\"\n descriptionType=\"error\"\n indicatorType=\"danger\"\n >\n Limit Transaction description to\n {{ maxDescriptionCharacterCount }} characters.\n </sky-status-indicator>\n }\n </span>\n </sky-input-box>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SkyCharacterCounterModule }, { kind: "directive", type: i2$2.λ2, selector: "[skyCharacterCounter]", inputs: ["skyCharacterCounterIndicator", "skyCharacterCounterLimit"] }, { kind: "component", type: i2$2.λ1, selector: "sky-character-counter-indicator", inputs: ["characterCount", "characterCountLimit"] }, { kind: "ngmodule", type: SkyIdModule }, { kind: "directive", type: i3$1.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "ngmodule", type: SkyInputBoxModule }, { kind: "component", type: i2$2.λ10, selector: "sky-input-box", inputs: ["hasErrors", "disabled", "labelText", "characterLimit", "stacked", "helpPopoverTitle", "helpPopoverContent", "helpKey", "hintText"] }, { kind: "ngmodule", type: SkyStatusIndicatorModule }, { kind: "component", type: i1.λ10, selector: "sky-status-indicator", inputs: ["indicatorType", "descriptionType", "customDescription", "helpPopoverContent", "helpPopoverTitle", "helpKey"] }] }); }
|
|
6472
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: FormsCharacterCountExampleComponent, isStandalone: true, selector: "app-forms-character-count-example", ngImport: i0, template: "<form [formGroup]=\"formGroup\">\n <sky-input-box stacked=\"true\" labelText=\"Transaction description\">\n <sky-character-counter-indicator\n #descriptionIndicator\n data-sky-id=\"description-indicator\"\n />\n\n <input\n #descriptionInput=\"skyId\"\n class=\"sky-form-control description-input\"\n formControlName=\"description\"\n skyCharacterCounter\n skyId\n type=\"text\"\n [attr.aria-describedby]=\"characterCountError.id\"\n [skyCharacterCounterIndicator]=\"descriptionIndicator\"\n [skyCharacterCounterLimit]=\"maxDescriptionCharacterCount\"\n />\n\n <span #characterCountError=\"skyId\" class=\"sky-error-indicator\" skyId>\n @if (description.errors?.['skyCharacterCounter']) {\n <sky-status-indicator\n data-sky-id=\"description-status-indicator-over-limit\"\n descriptionType=\"error\"\n indicatorType=\"danger\"\n >\n Limit Transaction description to\n {{ maxDescriptionCharacterCount }} characters.\n </sky-status-indicator>\n }\n </span>\n </sky-input-box>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SkyCharacterCounterModule }, { kind: "directive", type: i2$2.λ2, selector: "[skyCharacterCounter]", inputs: ["skyCharacterCounterIndicator", "skyCharacterCounterLimit"] }, { kind: "component", type: i2$2.λ1, selector: "sky-character-counter-indicator", inputs: ["characterCount", "characterCountLimit"] }, { kind: "ngmodule", type: SkyIdModule }, { kind: "directive", type: i3$1.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "ngmodule", type: SkyInputBoxModule }, { kind: "component", type: i2$2.λ10, selector: "sky-input-box", inputs: ["hasErrors", "disabled", "labelText", "characterLimit", "stacked", "helpPopoverTitle", "helpPopoverContent", "helpKey", "hintText"] }, { kind: "ngmodule", type: SkyStatusIndicatorModule }, { kind: "component", type: i1.λ10, selector: "sky-status-indicator", inputs: ["indicatorType", "descriptionType", "customDescription", "helpPopoverContent", "helpPopoverTitle", "helpKey"] }] }); }
|
|
6473
6473
|
}
|
|
6474
6474
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: FormsCharacterCountExampleComponent, decorators: [{
|
|
6475
6475
|
type: Component,
|
|
@@ -6480,7 +6480,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
|
|
|
6480
6480
|
SkyIdModule,
|
|
6481
6481
|
SkyInputBoxModule,
|
|
6482
6482
|
SkyStatusIndicatorModule,
|
|
6483
|
-
], template: "<form [formGroup]=\"formGroup\">\n <sky-input-box stacked=\"true\" labelText=\"Transaction description\">\n <sky-character-counter-indicator\n #descriptionIndicator\n data-sky-id=\"description-indicator\"\n />\n\n <input\n #descriptionInput=\"skyId\"\n class=\"description-input\"\n formControlName=\"description\"\n skyCharacterCounter\n skyId\n type=\"text\"\n [attr.aria-describedby]=\"characterCountError.id\"\n [skyCharacterCounterIndicator]=\"descriptionIndicator\"\n [skyCharacterCounterLimit]=\"maxDescriptionCharacterCount\"\n />\n\n <span #characterCountError=\"skyId\" class=\"sky-error-indicator\" skyId>\n @if (description.errors?.['skyCharacterCounter']) {\n <sky-status-indicator\n data-sky-id=\"description-status-indicator-over-limit\"\n descriptionType=\"error\"\n indicatorType=\"danger\"\n >\n Limit Transaction description to\n {{ maxDescriptionCharacterCount }} characters.\n </sky-status-indicator>\n }\n </span>\n </sky-input-box>\n</form>\n" }]
|
|
6483
|
+
], template: "<form [formGroup]=\"formGroup\">\n <sky-input-box stacked=\"true\" labelText=\"Transaction description\">\n <sky-character-counter-indicator\n #descriptionIndicator\n data-sky-id=\"description-indicator\"\n />\n\n <input\n #descriptionInput=\"skyId\"\n class=\"sky-form-control description-input\"\n formControlName=\"description\"\n skyCharacterCounter\n skyId\n type=\"text\"\n [attr.aria-describedby]=\"characterCountError.id\"\n [skyCharacterCounterIndicator]=\"descriptionIndicator\"\n [skyCharacterCounterLimit]=\"maxDescriptionCharacterCount\"\n />\n\n <span #characterCountError=\"skyId\" class=\"sky-error-indicator\" skyId>\n @if (description.errors?.['skyCharacterCounter']) {\n <sky-status-indicator\n data-sky-id=\"description-status-indicator-over-limit\"\n descriptionType=\"error\"\n indicatorType=\"danger\"\n >\n Limit Transaction description to\n {{ maxDescriptionCharacterCount }} characters.\n </sky-status-indicator>\n }\n </span>\n </sky-input-box>\n</form>\n" }]
|
|
6484
6484
|
}], ctorParameters: () => [] });
|
|
6485
6485
|
|
|
6486
6486
|
/**
|