@lagoshny/ngx-validation-messages 1.1.0 → 1.1.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.
Files changed (25) hide show
  1. package/README.md +417 -363
  2. package/bundles/lagoshny-ngx-validation-messages.umd.js +543 -546
  3. package/bundles/lagoshny-ngx-validation-messages.umd.js.map +1 -1
  4. package/bundles/lagoshny-ngx-validation-messages.umd.min.js +1 -1
  5. package/bundles/lagoshny-ngx-validation-messages.umd.min.js.map +1 -1
  6. package/esm2015/lagoshny-ngx-validation-messages.js +5 -5
  7. package/esm2015/lib/components/ngx-custom-message/ngx-custom-message.component.js +23 -23
  8. package/esm2015/lib/components/ngx-validation-messages/ngx-validation-messages.component.js +92 -92
  9. package/esm2015/lib/directivies/ngx-validator-name.directive.js +29 -29
  10. package/esm2015/lib/interface/ngx-validation-messages.config.js +3 -3
  11. package/esm2015/lib/ngx-validation-messages.module.js +45 -48
  12. package/esm2015/lib/service/ngx-validation-messages.service.js +69 -69
  13. package/esm2015/public-api.js +5 -5
  14. package/fesm2015/lagoshny-ngx-validation-messages.js +231 -234
  15. package/fesm2015/lagoshny-ngx-validation-messages.js.map +1 -1
  16. package/lagoshny-ngx-validation-messages.d.ts +5 -5
  17. package/lagoshny-ngx-validation-messages.metadata.json +1 -1
  18. package/lib/components/ngx-custom-message/ngx-custom-message.component.d.ts +17 -17
  19. package/lib/components/ngx-validation-messages/ngx-validation-messages.component.d.ts +37 -39
  20. package/lib/directivies/ngx-validator-name.directive.d.ts +22 -22
  21. package/lib/interface/ngx-validation-messages.config.d.ts +17 -17
  22. package/lib/ngx-validation-messages.module.d.ts +9 -9
  23. package/lib/service/ngx-validation-messages.service.d.ts +34 -34
  24. package/package.json +6 -6
  25. package/public-api.d.ts +1 -1
@@ -1 +1 @@
1
- {"__symbolic":"module","version":4,"metadata":{"NgxValidationMessagesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":17,"character":4}],"providers":[{"__symbolic":"reference","name":"ɵa"}],"declarations":[{"__symbolic":"reference","name":"NgxValidationMessagesComponent"},{"__symbolic":"reference","name":"NgxCustomMessageComponent"},{"__symbolic":"reference","name":"NgxValidatorNameDirective"}],"exports":[{"__symbolic":"reference","name":"NgxValidationMessagesComponent"},{"__symbolic":"reference","name":"NgxCustomMessageComponent"},{"__symbolic":"reference","name":"NgxValidatorNameDirective"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","name":"NgxValidationMessagesModule"},"providers":[{"__symbolic":"reference","name":"ɵa"},{"provide":{"__symbolic":"reference","name":"NGX_VALIDATION_MESSAGES_CONFIG"},"useValue":{"__symbolic":"reference","name":"config"}}]}}}},"NGX_VALIDATION_MESSAGES_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":8},"arguments":["NgxValidationMessagesConfig"]},"NgxValidationMessagesConfig":{"__symbolic":"interface"},"NgxCustomMessageComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ngx-custom-message","template":"\n <div #message>\n <ng-content></ng-content>\n </div>"}]}],"members":{"validatorName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3},"arguments":["forValidator"]}]}],"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":3},"arguments":["message"]}]}]}},"NgxValidationMessagesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ngx-validation-messages, [ngxValidationMessages]","template":"<!--To show error messages standalone without component-->\n<div *ngIf=\"!formControl && customMsgComponent.length == 0 && customMsgDirective.length == 0\"\n [ngClass]=\"ngxValidationConfig?.validationMessagesStyle?.blockClassNames || 'ngx_vm__def_error_block'\">\n <span [ngClass]=\"ngxValidationConfig?.validationMessagesStyle?.textClassNames || 'ngx_vm__def_error_text'\">\n <ng-content></ng-content>\n </span>\n</div>\n\n<ng-container *ngIf=\"errorMessages.length > 0\">\n\n <!--To show error messages in material ui style-->\n <ng-container *ngIf=\"isMaterialError; else withoutMaterial\">\n <ng-container *ngFor=\"let message of errorMessages\">\n <mat-error>{{ message }}</mat-error>\n </ng-container>\n </ng-container>\n\n <!--To show error messages in user style-->\n <ng-template #withoutMaterial>\n <div [ngClass]=\"ngxValidationConfig?.validationMessagesStyle?.blockClassNames || 'ngx_vm__def_error_block'\">\n <div *ngFor=\"let message of errorMessages\">\n <span [ngClass]=\"ngxValidationConfig?.validationMessagesStyle?.textClassNames || 'ngx_vm__def_error_text'\">\n {{ message }}\n </span>\n </div>\n </div>\n </ng-template>\n\n</ng-container>\n","styles":[".ngx_vm__def_error_block{background:#c51244;border-radius:0;box-shadow:1px 1px 1px #aaa;display:inline-block;margin-bottom:10px;margin-top:2px;opacity:.8;padding:8px;position:relative;width:100%}.ngx_vm__def_error_text{color:#fff}"]}]}],"members":{"formControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3},"arguments":["for"]}]}],"customMsgComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":26,"character":3},"arguments":[{"__symbolic":"reference","name":"NgxCustomMessageComponent"}]}]}],"customMsgDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":32,"character":3},"arguments":[{"__symbolic":"reference","name":"NgxValidatorNameDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":44,"character":15},"arguments":[{"__symbolic":"reference","name":"NGX_VALIDATION_MESSAGES_CONFIG"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"NgxValidationMessagesConfig"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":46,"character":43}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"processingCustomMessages":[{"__symbolic":"method"}]}},"NgxValidatorNameDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"[ngxValidatorName]"}]}],"members":{"validatorName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":28}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":17,"character":15},"arguments":[{"__symbolic":"reference","name":"NGX_VALIDATION_MESSAGES_CONFIG"}]}]],"parameters":[{"__symbolic":"reference","name":"NgxValidationMessagesConfig"}]}],"getValidatorErrorMessages":[{"__symbolic":"method"}],"expandParameterizedTemplateMessage":[{"__symbolic":"method"}],"getParameter":[{"__symbolic":"method"}]},"statics":{"SERVER_ERRORS":"serverErrors"}}},"origins":{"NgxValidationMessagesModule":"./lib/ngx-validation-messages.module","NGX_VALIDATION_MESSAGES_CONFIG":"./lib/interface/ngx-validation-messages.config","NgxValidationMessagesConfig":"./lib/interface/ngx-validation-messages.config","NgxCustomMessageComponent":"./lib/components/ngx-custom-message/ngx-custom-message.component","NgxValidationMessagesComponent":"./lib/components/ngx-validation-messages/ngx-validation-messages.component","NgxValidatorNameDirective":"./lib/directivies/ngx-validator-name.directive","ɵa":"./lib/service/ngx-validation-messages.service"},"importAs":"@lagoshny/ngx-validation-messages"}
1
+ {"__symbolic":"module","version":4,"metadata":{"NgxValidationMessagesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":17,"character":4}],"declarations":[{"__symbolic":"reference","name":"NgxValidationMessagesComponent"},{"__symbolic":"reference","name":"NgxCustomMessageComponent"},{"__symbolic":"reference","name":"NgxValidatorNameDirective"}],"exports":[{"__symbolic":"reference","name":"NgxValidationMessagesComponent"},{"__symbolic":"reference","name":"NgxCustomMessageComponent"},{"__symbolic":"reference","name":"NgxValidatorNameDirective"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","name":"NgxValidationMessagesModule"},"providers":[{"__symbolic":"reference","name":"ɵa"},{"provide":{"__symbolic":"reference","name":"NGX_VALIDATION_MESSAGES_CONFIG"},"useValue":{"__symbolic":"reference","name":"config"}}]}}}},"NGX_VALIDATION_MESSAGES_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":8},"arguments":["NgxValidationMessagesConfig"]},"NgxValidationMessagesConfig":{"__symbolic":"interface"},"NgxCustomMessageComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ngx-custom-message","template":"\n <div #message>\n <ng-content></ng-content>\n </div>"}]}],"members":{"validatorName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3},"arguments":["forValidator"]}]}],"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":3},"arguments":["message"]}]}]}},"NgxValidationMessagesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"ngx-validation-messages, [ngxValidationMessages]","template":"<!--To show error messages standalone without component-->\r\n<div *ngIf=\"!formControl && customMsgComponent.length == 0 && customMsgDirective.length == 0\"\r\n [ngClass]=\"ngxValidationConfig?.validationMessagesStyle?.blockClassNames || 'ngx_vm__def_error_block'\">\r\n <span [ngClass]=\"ngxValidationConfig?.validationMessagesStyle?.textClassNames || 'ngx_vm__def_error_text'\">\r\n <ng-content></ng-content>\r\n </span>\r\n</div>\r\n\r\n<ng-container *ngIf=\"errorMessages.length > 0\">\r\n\r\n <!--To show error messages in material ui style-->\r\n <ng-container *ngIf=\"isMaterialError; else withoutMaterial\">\r\n <ng-container *ngFor=\"let message of errorMessages\">\r\n <mat-error>{{ message }}</mat-error>\r\n </ng-container>\r\n </ng-container>\r\n\r\n <!--To show error messages in user style-->\r\n <ng-template #withoutMaterial>\r\n <div [ngClass]=\"ngxValidationConfig?.validationMessagesStyle?.blockClassNames || 'ngx_vm__def_error_block'\">\r\n <div *ngFor=\"let message of errorMessages\">\r\n <span [ngClass]=\"ngxValidationConfig?.validationMessagesStyle?.textClassNames || 'ngx_vm__def_error_text'\">\r\n {{ message }}\r\n </span>\r\n </div>\r\n </div>\r\n </ng-template>\r\n\r\n</ng-container>\r\n","styles":[".ngx_vm__def_error_block{background:#c51244;border-radius:0;box-shadow:1px 1px 1px #aaa;display:inline-block;margin-bottom:10px;margin-top:2px;opacity:.8;padding:8px;position:relative;width:100%}.ngx_vm__def_error_text{color:#fff}"]}]}],"members":{"formControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3},"arguments":["for"]}]}],"customMsgComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":29,"character":3},"arguments":[{"__symbolic":"reference","name":"NgxCustomMessageComponent"}]}]}],"customMsgDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":35,"character":3},"arguments":[{"__symbolic":"reference","name":"NgxValidatorNameDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":47,"character":15},"arguments":[{"__symbolic":"reference","name":"NGX_VALIDATION_MESSAGES_CONFIG"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"NgxValidationMessagesConfig"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":49,"character":43}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"processingCustomMessages":[{"__symbolic":"method"}]}},"NgxValidatorNameDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"[ngxValidatorName]"}]}],"members":{"validatorName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":28}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":17,"character":15},"arguments":[{"__symbolic":"reference","name":"NGX_VALIDATION_MESSAGES_CONFIG"}]}]],"parameters":[{"__symbolic":"reference","name":"NgxValidationMessagesConfig"}]}],"getValidatorErrorMessages":[{"__symbolic":"method"}],"expandParameterizedTemplateMessage":[{"__symbolic":"method"}],"getParameter":[{"__symbolic":"method"}]},"statics":{"SERVER_ERRORS":"serverErrors"}}},"origins":{"NgxValidationMessagesModule":"./lib/ngx-validation-messages.module","NGX_VALIDATION_MESSAGES_CONFIG":"./lib/interface/ngx-validation-messages.config","NgxValidationMessagesConfig":"./lib/interface/ngx-validation-messages.config","NgxCustomMessageComponent":"./lib/components/ngx-custom-message/ngx-custom-message.component","NgxValidationMessagesComponent":"./lib/components/ngx-validation-messages/ngx-validation-messages.component","NgxValidatorNameDirective":"./lib/directivies/ngx-validator-name.directive","ɵa":"./lib/service/ngx-validation-messages.service"},"importAs":"@lagoshny/ngx-validation-messages"}
@@ -1,17 +1,17 @@
1
- import { ElementRef } from '@angular/core';
2
- /**
3
- * Component allows specifying custom validation message for the specified
4
- * validator to override default message.
5
- *
6
- * Use this component as child in {@link NgxValidationMessagesComponent}.
7
- */
8
- export declare class NgxCustomMessageComponent {
9
- /**
10
- * The name of the validator for which you want to override the message.
11
- */
12
- validatorName: string;
13
- /**
14
- * Contains overridden message for validator.
15
- */
16
- message: ElementRef;
17
- }
1
+ import { ElementRef } from '@angular/core';
2
+ /**
3
+ * Component allows specifying custom validation message for the specified
4
+ * validator to override default message.
5
+ *
6
+ * Use this component as child in {@link NgxValidationMessagesComponent}.
7
+ */
8
+ export declare class NgxCustomMessageComponent {
9
+ /**
10
+ * The name of the validator for which you want to override the message.
11
+ */
12
+ validatorName: string;
13
+ /**
14
+ * Contains overridden message for validator.
15
+ */
16
+ message: ElementRef;
17
+ }
@@ -1,39 +1,37 @@
1
- import { AfterViewInit, ElementRef, QueryList } from '@angular/core';
2
- import { NgxValidatorNameDirective } from '../../directivies/ngx-validator-name.directive';
3
- import { NgxValidationMessagesConfig } from '../../interface/ngx-validation-messages.config';
4
- import { NgxValidationMessagesService } from '../../service/ngx-validation-messages.service';
5
- import { NgxCustomMessageComponent } from '../ngx-custom-message/ngx-custom-message.component';
6
- /**
7
- * Component for displaying validation messages, supports child components of type {@link NgxCustomMessageComponent}
8
- * and html elements with directive {@link NgxValidatorNameDirective} to override validation messages.
9
- */
10
- export declare class NgxValidationMessagesComponent implements AfterViewInit {
11
- ngxValidationConfig: NgxValidationMessagesConfig;
12
- private ngxValidationMessagesService;
13
- private directiveElementRef;
14
- /**
15
- * Form control for which need to show validation messages.
16
- */
17
- formControl: any;
18
- /**
19
- * Contains {@link NgxCustomMessageComponent} if present.
20
- */
21
- customMsgComponent: QueryList<NgxCustomMessageComponent>;
22
- /**
23
- * Contains {@link NgxValidatorNameDirective} if present.
24
- */
25
- customMsgDirective: QueryList<NgxValidatorNameDirective>;
26
- isMaterialError: boolean;
27
- /**
28
- * Key to get default validation message.
29
- */
30
- private defaultError;
31
- private materialErrorElement;
32
- constructor(ngxValidationConfig: NgxValidationMessagesConfig, ngxValidationMessagesService: NgxValidationMessagesService, directiveElementRef: ElementRef);
33
- ngAfterViewInit(): void;
34
- /**
35
- * Get all validation messages for specified form control.
36
- */
37
- get errorMessages(): Array<string>;
38
- private processingCustomMessages;
39
- }
1
+ import { AfterViewInit, ElementRef } from '@angular/core';
2
+ import { NgxValidationMessagesConfig } from '../../interface/ngx-validation-messages.config';
3
+ import { NgxValidationMessagesService } from '../../service/ngx-validation-messages.service';
4
+ /**
5
+ * Component for displaying validation messages, supports child components of type {@link NgxCustomMessageComponent}
6
+ * and html elements with directive {@link NgxValidatorNameDirective} to override validation messages.
7
+ */
8
+ export declare class NgxValidationMessagesComponent implements AfterViewInit {
9
+ ngxValidationConfig: NgxValidationMessagesConfig;
10
+ private ngxValidationMessagesService;
11
+ private directiveElementRef;
12
+ /**
13
+ * Form control for which need to show validation messages.
14
+ */
15
+ formControl: any;
16
+ /**
17
+ * Contains {@link NgxCustomMessageComponent} if present.
18
+ */
19
+ customMsgComponent: any;
20
+ /**
21
+ * Contains {@link NgxValidatorNameDirective} if present.
22
+ */
23
+ customMsgDirective: any;
24
+ isMaterialError: boolean;
25
+ /**
26
+ * Key to get default validation message.
27
+ */
28
+ private defaultError;
29
+ private materialErrorElement;
30
+ constructor(ngxValidationConfig: NgxValidationMessagesConfig, ngxValidationMessagesService: NgxValidationMessagesService, directiveElementRef: ElementRef);
31
+ ngAfterViewInit(): void;
32
+ /**
33
+ * Get all validation messages for specified form control.
34
+ */
35
+ get errorMessages(): Array<string>;
36
+ private processingCustomMessages;
37
+ }
@@ -1,22 +1,22 @@
1
- import { AfterViewInit, ElementRef } from '@angular/core';
2
- /**
3
- * Allows to specify custom validator message to override default message.
4
- *
5
- * It's alternative for {@link NgxCustomMessageComponent}.
6
- * If you want to use standard html tags to define custom message, use this directive on html tag within
7
- * {@link NgxValidationMessagesComponent} specifying validator name as directive parameter,
8
- * otherwise use {@link NgxCustomMessageComponent}.
9
- */
10
- export declare class NgxValidatorNameDirective implements AfterViewInit {
11
- private elem;
12
- /**
13
- * The name of the validator for which you want to override the message.
14
- */
15
- validatorName: string;
16
- /**
17
- * Contains overridden message for validator.
18
- */
19
- message: string;
20
- constructor(elem: ElementRef);
21
- ngAfterViewInit(): void;
22
- }
1
+ import { AfterViewInit, ElementRef } from '@angular/core';
2
+ /**
3
+ * Allows to specify custom validator message to override default message.
4
+ *
5
+ * It's alternative for {@link NgxCustomMessageComponent}.
6
+ * If you want to use standard html tags to define custom message, use this directive on html tag within
7
+ * {@link NgxValidationMessagesComponent} specifying validator name as directive parameter,
8
+ * otherwise use {@link NgxCustomMessageComponent}.
9
+ */
10
+ export declare class NgxValidatorNameDirective implements AfterViewInit {
11
+ private elem;
12
+ /**
13
+ * The name of the validator for which you want to override the message.
14
+ */
15
+ validatorName: string;
16
+ /**
17
+ * Contains overridden message for validator.
18
+ */
19
+ message: string;
20
+ constructor(elem: ElementRef);
21
+ ngAfterViewInit(): void;
22
+ }
@@ -1,17 +1,17 @@
1
- import { InjectionToken } from '@angular/core';
2
- export declare const NGX_VALIDATION_MESSAGES_CONFIG: InjectionToken<NgxValidationMessagesConfig>;
3
- export interface NgxValidationMessagesConfig {
4
- /**
5
- * Object contains validation messages in validatorName: validatorMessage format.
6
- */
7
- messages: {
8
- [validatorName: string]: string;
9
- };
10
- /**
11
- * Define custom styles to display validation messages.
12
- */
13
- validationMessagesStyle?: {
14
- blockClassNames?: string;
15
- textClassNames?: string;
16
- };
17
- }
1
+ import { InjectionToken } from '@angular/core';
2
+ export declare const NGX_VALIDATION_MESSAGES_CONFIG: InjectionToken<NgxValidationMessagesConfig>;
3
+ export interface NgxValidationMessagesConfig {
4
+ /**
5
+ * Object contains validation messages in validatorName: validatorMessage format.
6
+ */
7
+ messages: {
8
+ [validatorName: string]: string;
9
+ };
10
+ /**
11
+ * Define custom styles to display validation messages.
12
+ */
13
+ validationMessagesStyle?: {
14
+ blockClassNames?: string;
15
+ textClassNames?: string;
16
+ };
17
+ }
@@ -1,9 +1,9 @@
1
- import { ModuleWithProviders } from '@angular/core';
2
- import { NgxValidationMessagesConfig } from './interface/ngx-validation-messages.config';
3
- export { NGX_VALIDATION_MESSAGES_CONFIG, NgxValidationMessagesConfig } from './interface/ngx-validation-messages.config';
4
- export { NgxCustomMessageComponent } from './components/ngx-custom-message/ngx-custom-message.component';
5
- export { NgxValidationMessagesComponent } from './components/ngx-validation-messages/ngx-validation-messages.component';
6
- export { NgxValidatorNameDirective } from './directivies/ngx-validator-name.directive';
7
- export declare class NgxValidationMessagesModule {
8
- static forRoot(config: NgxValidationMessagesConfig): ModuleWithProviders<NgxValidationMessagesModule>;
9
- }
1
+ import { ModuleWithProviders } from '@angular/core';
2
+ import { NgxValidationMessagesConfig } from './interface/ngx-validation-messages.config';
3
+ export { NGX_VALIDATION_MESSAGES_CONFIG, NgxValidationMessagesConfig } from './interface/ngx-validation-messages.config';
4
+ export { NgxCustomMessageComponent } from './components/ngx-custom-message/ngx-custom-message.component';
5
+ export { NgxValidationMessagesComponent } from './components/ngx-validation-messages/ngx-validation-messages.component';
6
+ export { NgxValidatorNameDirective } from './directivies/ngx-validator-name.directive';
7
+ export declare class NgxValidationMessagesModule {
8
+ static forRoot(config: NgxValidationMessagesConfig): ModuleWithProviders<NgxValidationMessagesModule>;
9
+ }
@@ -1,34 +1,34 @@
1
- import { NgxValidationMessagesConfig } from '../interface/ngx-validation-messages.config';
2
- /**
3
- * Service allows getting validation messages from client's settings.
4
- * Injecting {@link NgxValidationMessagesConfig} to get client's configuration with validation messages.
5
- */
6
- export declare class NgxValidationMessagesService {
7
- private messagesConfig;
8
- static SERVER_ERRORS: string;
9
- /**
10
- * Regular expression to find params placeholder '#[paramName]'.
11
- */
12
- private paramsRegExp;
13
- constructor(messagesConfig: NgxValidationMessagesConfig);
14
- /**
15
- * Get validation message for specified validator.
16
- *
17
- * @param validatorName for which to get message
18
- * @param params passed from validator for more detailed validation message
19
- *
20
- * @returns string validation message
21
- */
22
- getValidatorErrorMessages(validatorName: string, params?: object): string;
23
- expandParameterizedTemplateMessage(msg: string, params: object): string;
24
- /**
25
- * A utilitarian method to get a property from an object.
26
- * if there is no property, an empty string is returned.
27
- *
28
- * @param obj from which the property must be obtained
29
- * @param prop property name
30
- *
31
- * @return property value or empty string
32
- */
33
- private getParameter;
34
- }
1
+ import { NgxValidationMessagesConfig } from '../interface/ngx-validation-messages.config';
2
+ /**
3
+ * Service allows getting validation messages from client's settings.
4
+ * Injecting {@link NgxValidationMessagesConfig} to get client's configuration with validation messages.
5
+ */
6
+ export declare class NgxValidationMessagesService {
7
+ private messagesConfig;
8
+ static SERVER_ERRORS: string;
9
+ /**
10
+ * Regular expression to find params placeholder '#[paramName]'.
11
+ */
12
+ private paramsRegExp;
13
+ constructor(messagesConfig: NgxValidationMessagesConfig);
14
+ /**
15
+ * Get validation message for specified validator.
16
+ *
17
+ * @param validatorName for which to get message
18
+ * @param params passed from validator for more detailed validation message
19
+ *
20
+ * @returns string validation message
21
+ */
22
+ getValidatorErrorMessages(validatorName: string, params?: object): string;
23
+ expandParameterizedTemplateMessage(msg: string, params: object): string;
24
+ /**
25
+ * A utilitarian method to get a property from an object.
26
+ * if there is no property, an empty string is returned.
27
+ *
28
+ * @param obj from which the property must be obtained
29
+ * @param prop property name
30
+ *
31
+ * @return property value or empty string
32
+ */
33
+ private getParameter;
34
+ }
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@lagoshny/ngx-validation-messages",
3
- "version": "1.1.0",
3
+ "version": "1.1.4",
4
4
  "description": "This module allows to simplify display form validator validation messages using single component.",
5
5
  "readme": "README.md",
6
6
  "author": "Ilya Lagoshny <ilya@lagoshny.ru>",
7
7
  "license": "MIT",
8
8
  "peerDependencies": {
9
- "@angular/common": "^8.2.10",
10
- "@angular/core": "^8.2.10"
9
+ "@angular/common": ">=6.x.x",
10
+ "@angular/core": ">=6.x.x"
11
11
  },
12
12
  "keywords": [
13
13
  "Angular validation",
@@ -16,16 +16,16 @@
16
16
  "form validation",
17
17
  "validator",
18
18
  "Angular form",
19
+ "Angular form validation",
19
20
  "template driven form",
20
21
  "reactive form",
21
22
  "Angular",
22
- "Angular 4",
23
- "Angular 5",
24
23
  "Angular 6",
25
24
  "Angular 7",
26
25
  "Angular 8",
27
26
  "Angular 9",
28
27
  "Angular 10",
28
+ "Angular 11",
29
29
  "Material ui"
30
30
  ],
31
31
  "homepage": "https://github.com/lagoshny/ngx-validation-messages",
@@ -47,4 +47,4 @@
47
47
  "typings": "lagoshny-ngx-validation-messages.d.ts",
48
48
  "metadata": "lagoshny-ngx-validation-messages.metadata.json",
49
49
  "sideEffects": false
50
- }
50
+ }
package/public-api.d.ts CHANGED
@@ -1 +1 @@
1
- export * from './lib/ngx-validation-messages.module';
1
+ export * from './lib/ngx-validation-messages.module';