angular-extensions - npm Package Compare versions

Comparing version 1.0.52 to 1.0.53

bundles/angular-extensions-controls-base-control.umd.js

@@ -103,3 +103,3 @@ (function (global, factory) {
     BaseControlComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: BaseControlComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    BaseControlComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: BaseControlComponent, selector: "base-control", inputs: { control: "control" }, queries: [{ propertyName: "formField", first: true, predicate: i1.MatFormField, descendants: true }], viewQueries: [{ propertyName: "hintTemplate", first: true, predicate: ["hintTemplate"], descendants: true, static: true }, { propertyName: "errorsTemplate", first: true, predicate: ["errorsTemplate"], descendants: true }], ngImport: i0__namespace, template: "<ng-content></ng-content>\r\n\r\n<ng-template #hintTemplate>\r\n  <mat-hint [ngClass]=\"control.hintClass\"\r\n            style=\"cursor: default;\"\r\n            [matTooltip]=\"$any(control.field.info)\">\r\n    {{ control.field.info }}\r\n  </mat-hint>\r\n</ng-template>\r\n\r\n<ng-template #errorsTemplate>\r\n  <mat-error *ngIf=\"control.field.control.errors?.required as error\">\r\n    {{ control.field.validation.text || \"Field is required\" }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.requiredTrue as error\">\r\n    {{ control.field.validation.requiredTrue?.text || \"Field is required\" }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.min as error\">\r\n    {{ control.field.validation.min?.text || \"Value should be greater than \" + error.min }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.max as error\">\r\n    {{ control.field.validation.max?.text || \"Value should be smaller than \" + error.max }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.minlength as error\">\r\n    {{ control.field.validation.minLength?.text || \"Value should be longer than \" + error.requiredLength }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.maxlength as error\">\r\n    {{ control.field.validation.maxLength?.text || \"Value should be shorter than \" + error.requiredLength }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.minDate as error\">\r\n    {{ control.field.validation.minDate?.text || \"Date should be after the \" + (error.minDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.minOrEqualDate as error\">\r\n    {{ control.field.validation.minOrEqualDate?.text || \"Date should be same or after the \" + (error.minOrEqualDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.maxDate as error\">\r\n    {{ control.field.validation.maxDate?.text || \"Date should be before the \" + (error.maxDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.maxOrEqualDate as error\">\r\n    {{ control.field.validation.maxOrEqualDate?.text || \"Date should be same or before the \" + (error.maxOrEqualDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.pattern as error\">\r\n    {{ control.field.validation.pattern?.text || error.message }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.custom as error\">\r\n    {{ control.field.validation.custom?.text || error.message }}\r\n  </mat-error>\r\n</ng-template>\r\n", styles: [".control:not(:last-child):not(.d-block){padding-right:1.34375em}.control.d-none{display:none!important}.control.d-block{display:block}.control.d-block mat-form-field{display:block;margin-right:0}.control base-control{font-size:14px}.control base-control mat-form-field{min-width:150px}.control base-control mat-form-field.p-0 .mat-form-field-wrapper{padding:0!important}.control base-control mat-form-field.p-0 .mat-form-field-underline{bottom:0!important}.control base-control mat-form-field .mat-form-field-wrapper{padding-bottom:.25rem}.control base-control mat-form-field .mat-form-field-subscript-wrapper{position:relative}.control base-control mat-form-field .mat-hint{display:block;width:100%}\n"], directives: [{ type: i1__namespace.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "date": i4__namespace.DatePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    BaseControlComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: BaseControlComponent, selector: "base-control", inputs: { control: "control" }, queries: [{ propertyName: "formField", first: true, predicate: i1.MatFormField, descendants: true }], viewQueries: [{ propertyName: "hintTemplate", first: true, predicate: ["hintTemplate"], descendants: true, static: true }, { propertyName: "errorsTemplate", first: true, predicate: ["errorsTemplate"], descendants: true }], ngImport: i0__namespace, template: "<ng-content></ng-content>\r\n\r\n<ng-template #hintTemplate>\r\n  <mat-hint [ngClass]=\"control.hintClass\"\r\n            style=\"cursor: default;\"\r\n            [matTooltip]=\"$any(control.field.info)\">\r\n    {{ control.field.info }}\r\n  </mat-hint>\r\n</ng-template>\r\n\r\n<ng-template #errorsTemplate>\r\n  <mat-error *ngIf=\"control.field.control.errors?.required as error\">\r\n    {{ control.field.validation.text || \"Field is required\" }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.requiredTrue as error\">\r\n    {{ control.field.validation.requiredTrue?.text || \"Field is required\" }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.min as error\">\r\n    {{ control.field.validation.min?.text || \"Value should be greater than \" + error.min }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.max as error\">\r\n    {{ control.field.validation.max?.text || \"Value should be smaller than \" + error.max }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.minlength as error\">\r\n    {{ control.field.validation.minLength?.text || \"Value should be longer than \" + error.requiredLength }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.maxlength as error\">\r\n    {{ control.field.validation.maxLength?.text || \"Value should be shorter than \" + error.requiredLength }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.minDate as error\">\r\n    {{ control.field.validation.minDate?.text || \"Date should be after the \" + (error.minDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.minOrEqualDate as error\">\r\n    {{ control.field.validation.minOrEqualDate?.text || \"Date should be same or after the \" + (error.minOrEqualDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.maxDate as error\">\r\n    {{ control.field.validation.maxDate?.text || \"Date should be before the \" + (error.maxDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.maxOrEqualDate as error\">\r\n    {{ control.field.validation.maxOrEqualDate?.text || \"Date should be same or before the \" + (error.maxOrEqualDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.pattern as error\">\r\n    {{ control.field.validation.pattern?.text || error.message }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.custom as error\">\r\n    {{ control.field.validation.custom?.text || error.message }}\r\n  </mat-error>\r\n</ng-template>\r\n", styles: [".control:not(:last-child):not(.d-block){padding-right:1.34375em}.control.d-none{display:none!important}.control.d-block{display:block}.control.d-block mat-form-field{display:block;margin-right:0}.control base-control{font-size:14px}.control base-control mat-form-field{min-width:150px}.control base-control mat-form-field.p-0 .mat-form-field-wrapper{padding:0!important}.control base-control mat-form-field.p-0 .mat-form-field-underline{bottom:0!important}.control base-control mat-form-field.mat-form-field-appearance-fill .mat-form-field-subscript-wrapper{margin:0!important}.control base-control mat-form-field .mat-form-field-wrapper{padding-bottom:.25rem}.control base-control mat-form-field .mat-form-field-subscript-wrapper{position:relative}.control base-control mat-form-field .mat-hint{display:block;width:100%}\n"], directives: [{ type: i1__namespace.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "date": i4__namespace.DatePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: BaseControlComponent, decorators: [{
@@ -106,0 +106,0 @@ type: i0.Component,

esm2015/controls/base-control/base-control.component.js

@@ -74,3 +74,3 @@ import { merge, Subject } from "rxjs";
 BaseControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: BaseControlComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BaseControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: BaseControlComponent, selector: "base-control", inputs: { control: "control" }, queries: [{ propertyName: "formField", first: true, predicate: MatFormField, descendants: true }], viewQueries: [{ propertyName: "hintTemplate", first: true, predicate: ["hintTemplate"], descendants: true, static: true }, { propertyName: "errorsTemplate", first: true, predicate: ["errorsTemplate"], descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\r\n\r\n<ng-template #hintTemplate>\r\n  <mat-hint [ngClass]=\"control.hintClass\"\r\n            style=\"cursor: default;\"\r\n            [matTooltip]=\"$any(control.field.info)\">\r\n    {{ control.field.info }}\r\n  </mat-hint>\r\n</ng-template>\r\n\r\n<ng-template #errorsTemplate>\r\n  <mat-error *ngIf=\"control.field.control.errors?.required as error\">\r\n    {{ control.field.validation.text || \"Field is required\" }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.requiredTrue as error\">\r\n    {{ control.field.validation.requiredTrue?.text || \"Field is required\" }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.min as error\">\r\n    {{ control.field.validation.min?.text || \"Value should be greater than \" + error.min }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.max as error\">\r\n    {{ control.field.validation.max?.text || \"Value should be smaller than \" + error.max }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.minlength as error\">\r\n    {{ control.field.validation.minLength?.text || \"Value should be longer than \" + error.requiredLength }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.maxlength as error\">\r\n    {{ control.field.validation.maxLength?.text || \"Value should be shorter than \" + error.requiredLength }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.minDate as error\">\r\n    {{ control.field.validation.minDate?.text || \"Date should be after the \" + (error.minDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.minOrEqualDate as error\">\r\n    {{ control.field.validation.minOrEqualDate?.text || \"Date should be same or after the \" + (error.minOrEqualDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.maxDate as error\">\r\n    {{ control.field.validation.maxDate?.text || \"Date should be before the \" + (error.maxDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.maxOrEqualDate as error\">\r\n    {{ control.field.validation.maxOrEqualDate?.text || \"Date should be same or before the \" + (error.maxOrEqualDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.pattern as error\">\r\n    {{ control.field.validation.pattern?.text || error.message }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.custom as error\">\r\n    {{ control.field.validation.custom?.text || error.message }}\r\n  </mat-error>\r\n</ng-template>\r\n", styles: [".control:not(:last-child):not(.d-block){padding-right:1.34375em}.control.d-none{display:none!important}.control.d-block{display:block}.control.d-block mat-form-field{display:block;margin-right:0}.control base-control{font-size:14px}.control base-control mat-form-field{min-width:150px}.control base-control mat-form-field.p-0 .mat-form-field-wrapper{padding:0!important}.control base-control mat-form-field.p-0 .mat-form-field-underline{bottom:0!important}.control base-control mat-form-field .mat-form-field-wrapper{padding-bottom:.25rem}.control base-control mat-form-field .mat-form-field-subscript-wrapper{position:relative}.control base-control mat-form-field .mat-hint{display:block;width:100%}\n"], directives: [{ type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "date": i4.DatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+BaseControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: BaseControlComponent, selector: "base-control", inputs: { control: "control" }, queries: [{ propertyName: "formField", first: true, predicate: MatFormField, descendants: true }], viewQueries: [{ propertyName: "hintTemplate", first: true, predicate: ["hintTemplate"], descendants: true, static: true }, { propertyName: "errorsTemplate", first: true, predicate: ["errorsTemplate"], descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\r\n\r\n<ng-template #hintTemplate>\r\n  <mat-hint [ngClass]=\"control.hintClass\"\r\n            style=\"cursor: default;\"\r\n            [matTooltip]=\"$any(control.field.info)\">\r\n    {{ control.field.info }}\r\n  </mat-hint>\r\n</ng-template>\r\n\r\n<ng-template #errorsTemplate>\r\n  <mat-error *ngIf=\"control.field.control.errors?.required as error\">\r\n    {{ control.field.validation.text || \"Field is required\" }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.requiredTrue as error\">\r\n    {{ control.field.validation.requiredTrue?.text || \"Field is required\" }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.min as error\">\r\n    {{ control.field.validation.min?.text || \"Value should be greater than \" + error.min }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.max as error\">\r\n    {{ control.field.validation.max?.text || \"Value should be smaller than \" + error.max }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.minlength as error\">\r\n    {{ control.field.validation.minLength?.text || \"Value should be longer than \" + error.requiredLength }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.maxlength as error\">\r\n    {{ control.field.validation.maxLength?.text || \"Value should be shorter than \" + error.requiredLength }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.minDate as error\">\r\n    {{ control.field.validation.minDate?.text || \"Date should be after the \" + (error.minDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.minOrEqualDate as error\">\r\n    {{ control.field.validation.minOrEqualDate?.text || \"Date should be same or after the \" + (error.minOrEqualDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.maxDate as error\">\r\n    {{ control.field.validation.maxDate?.text || \"Date should be before the \" + (error.maxDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.maxOrEqualDate as error\">\r\n    {{ control.field.validation.maxOrEqualDate?.text || \"Date should be same or before the \" + (error.maxOrEqualDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.pattern as error\">\r\n    {{ control.field.validation.pattern?.text || error.message }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.custom as error\">\r\n    {{ control.field.validation.custom?.text || error.message }}\r\n  </mat-error>\r\n</ng-template>\r\n", styles: [".control:not(:last-child):not(.d-block){padding-right:1.34375em}.control.d-none{display:none!important}.control.d-block{display:block}.control.d-block mat-form-field{display:block;margin-right:0}.control base-control{font-size:14px}.control base-control mat-form-field{min-width:150px}.control base-control mat-form-field.p-0 .mat-form-field-wrapper{padding:0!important}.control base-control mat-form-field.p-0 .mat-form-field-underline{bottom:0!important}.control base-control mat-form-field.mat-form-field-appearance-fill .mat-form-field-subscript-wrapper{margin:0!important}.control base-control mat-form-field .mat-form-field-wrapper{padding-bottom:.25rem}.control base-control mat-form-field .mat-form-field-subscript-wrapper{position:relative}.control base-control mat-form-field .mat-hint{display:block;width:100%}\n"], directives: [{ type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "date": i4.DatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: BaseControlComponent, decorators: [{
@@ -77,0 +77,0 @@ type: Component,

fesm2015/angular-extensions-controls-base-control.js

@@ -82,3 +82,3 @@ import { Subject, merge } from 'rxjs';
 BaseControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: BaseControlComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BaseControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: BaseControlComponent, selector: "base-control", inputs: { control: "control" }, queries: [{ propertyName: "formField", first: true, predicate: MatFormField, descendants: true }], viewQueries: [{ propertyName: "hintTemplate", first: true, predicate: ["hintTemplate"], descendants: true, static: true }, { propertyName: "errorsTemplate", first: true, predicate: ["errorsTemplate"], descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\r\n\r\n<ng-template #hintTemplate>\r\n  <mat-hint [ngClass]=\"control.hintClass\"\r\n            style=\"cursor: default;\"\r\n            [matTooltip]=\"$any(control.field.info)\">\r\n    {{ control.field.info }}\r\n  </mat-hint>\r\n</ng-template>\r\n\r\n<ng-template #errorsTemplate>\r\n  <mat-error *ngIf=\"control.field.control.errors?.required as error\">\r\n    {{ control.field.validation.text || \"Field is required\" }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.requiredTrue as error\">\r\n    {{ control.field.validation.requiredTrue?.text || \"Field is required\" }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.min as error\">\r\n    {{ control.field.validation.min?.text || \"Value should be greater than \" + error.min }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.max as error\">\r\n    {{ control.field.validation.max?.text || \"Value should be smaller than \" + error.max }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.minlength as error\">\r\n    {{ control.field.validation.minLength?.text || \"Value should be longer than \" + error.requiredLength }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.maxlength as error\">\r\n    {{ control.field.validation.maxLength?.text || \"Value should be shorter than \" + error.requiredLength }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.minDate as error\">\r\n    {{ control.field.validation.minDate?.text || \"Date should be after the \" + (error.minDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.minOrEqualDate as error\">\r\n    {{ control.field.validation.minOrEqualDate?.text || \"Date should be same or after the \" + (error.minOrEqualDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.maxDate as error\">\r\n    {{ control.field.validation.maxDate?.text || \"Date should be before the \" + (error.maxDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.maxOrEqualDate as error\">\r\n    {{ control.field.validation.maxOrEqualDate?.text || \"Date should be same or before the \" + (error.maxOrEqualDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.pattern as error\">\r\n    {{ control.field.validation.pattern?.text || error.message }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.custom as error\">\r\n    {{ control.field.validation.custom?.text || error.message }}\r\n  </mat-error>\r\n</ng-template>\r\n", styles: [".control:not(:last-child):not(.d-block){padding-right:1.34375em}.control.d-none{display:none!important}.control.d-block{display:block}.control.d-block mat-form-field{display:block;margin-right:0}.control base-control{font-size:14px}.control base-control mat-form-field{min-width:150px}.control base-control mat-form-field.p-0 .mat-form-field-wrapper{padding:0!important}.control base-control mat-form-field.p-0 .mat-form-field-underline{bottom:0!important}.control base-control mat-form-field .mat-form-field-wrapper{padding-bottom:.25rem}.control base-control mat-form-field .mat-form-field-subscript-wrapper{position:relative}.control base-control mat-form-field .mat-hint{display:block;width:100%}\n"], directives: [{ type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "date": i4.DatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+BaseControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: BaseControlComponent, selector: "base-control", inputs: { control: "control" }, queries: [{ propertyName: "formField", first: true, predicate: MatFormField, descendants: true }], viewQueries: [{ propertyName: "hintTemplate", first: true, predicate: ["hintTemplate"], descendants: true, static: true }, { propertyName: "errorsTemplate", first: true, predicate: ["errorsTemplate"], descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\r\n\r\n<ng-template #hintTemplate>\r\n  <mat-hint [ngClass]=\"control.hintClass\"\r\n            style=\"cursor: default;\"\r\n            [matTooltip]=\"$any(control.field.info)\">\r\n    {{ control.field.info }}\r\n  </mat-hint>\r\n</ng-template>\r\n\r\n<ng-template #errorsTemplate>\r\n  <mat-error *ngIf=\"control.field.control.errors?.required as error\">\r\n    {{ control.field.validation.text || \"Field is required\" }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.requiredTrue as error\">\r\n    {{ control.field.validation.requiredTrue?.text || \"Field is required\" }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.min as error\">\r\n    {{ control.field.validation.min?.text || \"Value should be greater than \" + error.min }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.max as error\">\r\n    {{ control.field.validation.max?.text || \"Value should be smaller than \" + error.max }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.minlength as error\">\r\n    {{ control.field.validation.minLength?.text || \"Value should be longer than \" + error.requiredLength }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.maxlength as error\">\r\n    {{ control.field.validation.maxLength?.text || \"Value should be shorter than \" + error.requiredLength }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.minDate as error\">\r\n    {{ control.field.validation.minDate?.text || \"Date should be after the \" + (error.minDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.minOrEqualDate as error\">\r\n    {{ control.field.validation.minOrEqualDate?.text || \"Date should be same or after the \" + (error.minOrEqualDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.maxDate as error\">\r\n    {{ control.field.validation.maxDate?.text || \"Date should be before the \" + (error.maxDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.maxOrEqualDate as error\">\r\n    {{ control.field.validation.maxOrEqualDate?.text || \"Date should be same or before the \" + (error.maxOrEqualDate | date) }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.pattern as error\">\r\n    {{ control.field.validation.pattern?.text || error.message }}\r\n  </mat-error>\r\n\r\n  <mat-error *ngIf=\"control.field.control.errors?.custom as error\">\r\n    {{ control.field.validation.custom?.text || error.message }}\r\n  </mat-error>\r\n</ng-template>\r\n", styles: [".control:not(:last-child):not(.d-block){padding-right:1.34375em}.control.d-none{display:none!important}.control.d-block{display:block}.control.d-block mat-form-field{display:block;margin-right:0}.control base-control{font-size:14px}.control base-control mat-form-field{min-width:150px}.control base-control mat-form-field.p-0 .mat-form-field-wrapper{padding:0!important}.control base-control mat-form-field.p-0 .mat-form-field-underline{bottom:0!important}.control base-control mat-form-field.mat-form-field-appearance-fill .mat-form-field-subscript-wrapper{margin:0!important}.control base-control mat-form-field .mat-form-field-wrapper{padding-bottom:.25rem}.control base-control mat-form-field .mat-form-field-subscript-wrapper{position:relative}.control base-control mat-form-field .mat-hint{display:block;width:100%}\n"], directives: [{ type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "date": i4.DatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: BaseControlComponent, decorators: [{
@@ -85,0 +85,0 @@ type: Component,

package.json

 {
   "name": "angular-extensions",
-  "version": "1.0.52",
+  "version": "1.0.53",
   "repository": "https://github.com/nazar-kuzo/angular-extensions.git",
@@ -5,0 +5,0 @@ "author": "Nazar Kuzo",

No alert changes

Improved metrics

Total package byte prevSize

1748592

increased by0.02%

Lines of code

14750

increased by0.01%

No dependency changes