@skyux/forms 11.36.1 → 11.37.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 { ChangeDetectionStrategy, Component, Input, inject, } from '@angular/core';
|
|
1
|
+
import { ChangeDetectionStrategy, Component, HostBinding, Input, inject, } from '@angular/core';
|
|
2
2
|
import { SkyStatusIndicatorModule } from '@skyux/indicators';
|
|
3
3
|
import { SkyThemeComponentClassDirective } from '@skyux/theme';
|
|
4
4
|
import { SKY_FORM_ERRORS_ENABLED } from './form-errors-enabled-token';
|
|
@@ -12,6 +12,9 @@ import * as i2 from "@skyux/indicators";
|
|
|
12
12
|
* To display custom errors, include sky-form-error elements in the form field component.
|
|
13
13
|
*/
|
|
14
14
|
export class SkyFormErrorComponent {
|
|
15
|
+
get hostErrorName() {
|
|
16
|
+
return this.errorName;
|
|
17
|
+
}
|
|
15
18
|
constructor() {
|
|
16
19
|
this.formErrors = inject(SKY_FORM_ERRORS_ENABLED, {
|
|
17
20
|
optional: true,
|
|
@@ -21,7 +24,7 @@ export class SkyFormErrorComponent {
|
|
|
21
24
|
}
|
|
22
25
|
}
|
|
23
26
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyFormErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SkyFormErrorComponent, isStandalone: true, selector: "sky-form-error", inputs: { errorName: "errorName", errorText: "errorText" }, hostDirectives: [{ directive: i1.SkyThemeComponentClassDirective }], ngImport: i0, template: `
|
|
27
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SkyFormErrorComponent, isStandalone: true, selector: "sky-form-error", inputs: { errorName: "errorName", errorText: "errorText" }, host: { properties: { "attr.errorName": "this.hostErrorName" } }, hostDirectives: [{ directive: i1.SkyThemeComponentClassDirective }], ngImport: i0, template: `
|
|
25
28
|
@if (formErrors) {
|
|
26
29
|
<sky-status-indicator
|
|
27
30
|
class="sky-form-error"
|
|
@@ -52,5 +55,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
52
55
|
}], errorText: [{
|
|
53
56
|
type: Input,
|
|
54
57
|
args: [{ required: true }]
|
|
58
|
+
}], hostErrorName: [{
|
|
59
|
+
type: HostBinding,
|
|
60
|
+
args: ['attr.errorName']
|
|
55
61
|
}] } });
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1lcnJvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZm9ybXMvc3JjL2xpYi9tb2R1bGVzL2Zvcm0tZXJyb3IvZm9ybS1lcnJvci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDN0QsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRS9ELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7O0FBRXRFOzs7OztHQUtHO0FBb0JILE1BQU0sT0FBTyxxQkFBcUI7SUFlaEMsSUFBMEMsYUFBYTtRQUNyRCxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQU1EO1FBSm1CLGVBQVUsR0FBRyxNQUFNLENBQUMsdUJBQXVCLEVBQUU7WUFDOUQsUUFBUSxFQUFFLElBQUk7U0FDZixDQUFDLENBQUM7UUFHRCxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ3JCLE1BQU0sSUFBSSxLQUFLLENBQ2IsMEVBQTBFLENBQzNFLENBQUM7UUFDSixDQUFDO0lBQ0gsQ0FBQzsrR0E3QlUscUJBQXFCO21HQUFyQixxQkFBcUIsNlFBZnRCOzs7Ozs7Ozs7O0dBVVQsOGFBWFMsd0JBQXdCOzs0RkFnQnZCLHFCQUFxQjtrQkFuQmpDLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBQ2QsSUFBSSxXQUNQLENBQUMsd0JBQXdCLENBQUMsWUFDekI7Ozs7Ozs7Ozs7R0FVVCxrQkFFZSxDQUFDLCtCQUErQixDQUFDLG1CQUNoQyx1QkFBdUIsQ0FBQyxNQUFNO3dEQVF4QyxTQUFTO3NCQURmLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQVFsQixTQUFTO3NCQURmLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUdpQixhQUFhO3NCQUF0RCxXQUFXO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgaW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreVN0YXR1c0luZGljYXRvck1vZHVsZSB9IGZyb20gJ0Bza3l1eC9pbmRpY2F0b3JzJztcbmltcG9ydCB7IFNreVRoZW1lQ29tcG9uZW50Q2xhc3NEaXJlY3RpdmUgfSBmcm9tICdAc2t5dXgvdGhlbWUnO1xuXG5pbXBvcnQgeyBTS1lfRk9STV9FUlJPUlNfRU5BQkxFRCB9IGZyb20gJy4vZm9ybS1lcnJvcnMtZW5hYmxlZC10b2tlbic7XG5cbi8qKlxuICogRGlzcGxheXMgZGVmYXVsdCBhbmQgY3VzdG9tIGZvcm0gZmllbGQgZXJyb3IgbWVzc2FnZXMgZm9yIGZvcm0gZmllbGQgY29tcG9uZW50cy5cbiAqIFNldCBgbGFiZWxUZXh0YCBvbiB0aGUgZm9ybSBmaWVsZCBjb21wb25lbnQgdG8gYXV0b21hdGljYWxseSBkaXNwbGF5IHJlcXVpcmVkLFxuICogbWF4aW11bSBsZW5ndGgsIG1pbmltdW0gbGVuZ3RoLCBkYXRlLCBlbWFpbCwgcGhvbmUgbnVtYmVyLCB0aW1lLCBhbmQgVVJMIGVycm9ycy5cbiAqIFRvIGRpc3BsYXkgY3VzdG9tIGVycm9ycywgaW5jbHVkZSBza3ktZm9ybS1lcnJvciBlbGVtZW50cyBpbiB0aGUgZm9ybSBmaWVsZCBjb21wb25lbnQuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1mb3JtLWVycm9yJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1NreVN0YXR1c0luZGljYXRvck1vZHVsZV0sXG4gIHRlbXBsYXRlOiBgXG4gICAgQGlmIChmb3JtRXJyb3JzKSB7XG4gICAgICA8c2t5LXN0YXR1cy1pbmRpY2F0b3JcbiAgICAgICAgY2xhc3M9XCJza3ktZm9ybS1lcnJvclwiXG4gICAgICAgIGRlc2NyaXB0aW9uVHlwZT1cImVycm9yXCJcbiAgICAgICAgaW5kaWNhdG9yVHlwZT1cImRhbmdlclwiXG4gICAgICA+XG4gICAgICAgIHt7IGVycm9yVGV4dCB9fVxuICAgICAgPC9za3ktc3RhdHVzLWluZGljYXRvcj5cbiAgICB9XG4gIGAsXG4gIHN0eWxlVXJsOiAnLi9mb3JtLWVycm9yLmNvbXBvbmVudC5zY3NzJyxcbiAgaG9zdERpcmVjdGl2ZXM6IFtTa3lUaGVtZUNvbXBvbmVudENsYXNzRGlyZWN0aXZlXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNreUZvcm1FcnJvckNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBUaGUgbmFtZSBvZiB0aGUgZXJyb3IuXG4gICAqIEByZXF1aXJlZFxuICAgKi9cbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSlcbiAgcHVibGljIGVycm9yTmFtZSE6IHN0cmluZztcblxuICAvKipcbiAgICogVGhlIGVycm9yIG1lc3NhZ2UgdG8gZGlzcGxheS5cbiAgICogQHJlcXVpcmVkXG4gICAqL1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KVxuICBwdWJsaWMgZXJyb3JUZXh0ITogc3RyaW5nO1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5lcnJvck5hbWUnKSBwdWJsaWMgZ2V0IGhvc3RFcnJvck5hbWUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5lcnJvck5hbWU7XG4gIH1cblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgZm9ybUVycm9ycyA9IGluamVjdChTS1lfRk9STV9FUlJPUlNfRU5BQkxFRCwge1xuICAgIG9wdGlvbmFsOiB0cnVlLFxuICB9KTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBpZiAoIXRoaXMuZm9ybUVycm9ycykge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgICAnVGhlIGBza3ktZm9ybS1lcnJvcmAgY29tcG9uZW50IGlzIG5vdCBzdXBwb3J0ZWQgaW4gdGhlIHByb3ZpZGVkIGNvbnRleHQuJyxcbiAgICAgICk7XG4gICAgfVxuICB9XG59XG4iXX0=
|
package/fesm2022/skyux-forms.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i2 from '@angular/common';
|
|
2
2
|
import { CommonModule, formatNumber } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { NgModule, Pipe, Component, ChangeDetectionStrategy, Input, Directive, InjectionToken, inject,
|
|
4
|
+
import { NgModule, Pipe, Component, ChangeDetectionStrategy, Input, Directive, InjectionToken, inject, HostBinding, booleanAttribute, numberAttribute, EventEmitter, ChangeDetectorRef, ElementRef, Output, ViewChild, Injectable, Self, Optional, ContentChildren, RendererFactory2, Renderer2, ViewEncapsulation, ContentChild, forwardRef, HostListener } from '@angular/core';
|
|
5
5
|
import * as i2$2 from '@angular/forms';
|
|
6
6
|
import { NG_VALIDATORS, FormsModule, ReactiveFormsModule, Validators, NG_VALUE_ACCESSOR, FormControlDirective, FormControlName, NgModel, NgControl } from '@angular/forms';
|
|
7
7
|
import * as i1 from '@skyux/i18n';
|
|
@@ -376,6 +376,9 @@ const SKY_FORM_ERRORS_ENABLED = new InjectionToken('SKY_FORM_ERRORS_ENABLED');
|
|
|
376
376
|
* To display custom errors, include sky-form-error elements in the form field component.
|
|
377
377
|
*/
|
|
378
378
|
class SkyFormErrorComponent {
|
|
379
|
+
get hostErrorName() {
|
|
380
|
+
return this.errorName;
|
|
381
|
+
}
|
|
379
382
|
constructor() {
|
|
380
383
|
this.formErrors = inject(SKY_FORM_ERRORS_ENABLED, {
|
|
381
384
|
optional: true,
|
|
@@ -385,7 +388,7 @@ class SkyFormErrorComponent {
|
|
|
385
388
|
}
|
|
386
389
|
}
|
|
387
390
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyFormErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
388
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SkyFormErrorComponent, isStandalone: true, selector: "sky-form-error", inputs: { errorName: "errorName", errorText: "errorText" }, hostDirectives: [{ directive: i1$1.SkyThemeComponentClassDirective }], ngImport: i0, template: `
|
|
391
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SkyFormErrorComponent, isStandalone: true, selector: "sky-form-error", inputs: { errorName: "errorName", errorText: "errorText" }, host: { properties: { "attr.errorName": "this.hostErrorName" } }, hostDirectives: [{ directive: i1$1.SkyThemeComponentClassDirective }], ngImport: i0, template: `
|
|
389
392
|
@if (formErrors) {
|
|
390
393
|
<sky-status-indicator
|
|
391
394
|
class="sky-form-error"
|
|
@@ -416,6 +419,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
416
419
|
}], errorText: [{
|
|
417
420
|
type: Input,
|
|
418
421
|
args: [{ required: true }]
|
|
422
|
+
}], hostErrorName: [{
|
|
423
|
+
type: HostBinding,
|
|
424
|
+
args: ['attr.errorName']
|
|
419
425
|
}] } });
|
|
420
426
|
|
|
421
427
|
class SkyFormErrorModule {
|