cmyd-form-error
Version:
This version supports Angular `14.1.0` This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.14.
84 lines (77 loc) • 5.85 kB
JavaScript
import * as i0 from '@angular/core';
import { Component, Input, Directive, NgModule } from '@angular/core';
import * as i1 from '@angular/common';
import { CommonModule } from '@angular/common';
import * as i1$1 from '@angular/forms';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
class CmydFormErrorComponent {
constructor() { }
}
CmydFormErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: CmydFormErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
CmydFormErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: CmydFormErrorComponent, selector: "cmyd-form-error", inputs: { controlName: "controlName" }, ngImport: i0, template: "<ng-container *ngIf=\"controlName.errors && (controlName.touched || controlName.dirty)\">\r\n <div class=\"master-div\">\r\n\r\n <p *ngIf=\"controlName.errors?.['email']\"\r\n class=\"error\">Email format is not correct</p>\r\n\r\n <ng-container *ngIf=\"controlName.errors?.['min']\">\r\n <p class=\"error\">Value should be larger than {{controlName.errors.min.min}}</p>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"controlName.errors?.['max']\">\r\n <p class=\"error\">Value should be less than {{controlName.errors.max.max}}</p>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"controlName.errors?.['minlength']\">\r\n <p class=\"error\">Length is less than {{controlName.errors.minlength.requiredLength}}</p>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"controlName.errors?.['maxlength']\">\r\n <p class=\"error\">Length is greater than {{controlName.errors.maxlength.requiredLength}}</p>\r\n </ng-container>\r\n\r\n <p *ngIf=\"controlName.errors?.['required']\"\r\n class=\"error\">This field is Required</p>\r\n\r\n <p *ngIf=\"controlName.errors?.invalid\"\r\n class=\"error\">INVALID</p>\r\n </div>\r\n</ng-container>\r\n", styles: [".master-div{font-weight:bold;color:red;margin-top:10px}.master-div .error{color:red}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: CmydFormErrorComponent, decorators: [{
type: Component,
args: [{
selector: 'cmyd-form-error',
templateUrl: './cmyd-form-error.component.html',
styleUrls: ["./cmyd-form-error.component.scss"]
}]
}], ctorParameters: function () { return []; }, propDecorators: { controlName: [{
type: Input
}] } });
class CmydFormErrorDirective {
constructor(control, viewContainerRef, componentFactoryResolver) {
this.control = control;
this.viewContainerRef = viewContainerRef;
this.componentFactoryResolver = componentFactoryResolver;
const componentFactory = this.componentFactoryResolver.resolveComponentFactory(CmydFormErrorComponent);
viewContainerRef.clear();
const componentRef = viewContainerRef.createComponent(componentFactory);
componentRef.instance.controlName = control;
}
}
CmydFormErrorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: CmydFormErrorDirective, deps: [{ token: i1$1.NgControl }, { token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
CmydFormErrorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.14", type: CmydFormErrorDirective, selector: "[cmydFormError]", ngImport: i0 });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: CmydFormErrorDirective, decorators: [{
type: Directive,
args: [{
selector: '[cmydFormError]'
}]
}], ctorParameters: function () { return [{ type: i1$1.NgControl }, { type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }]; } });
class CmydFormErrorModule {
}
CmydFormErrorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: CmydFormErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
CmydFormErrorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: CmydFormErrorModule, declarations: [CmydFormErrorComponent,
CmydFormErrorDirective], imports: [CommonModule,
FormsModule,
ReactiveFormsModule], exports: [CmydFormErrorDirective] });
CmydFormErrorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: CmydFormErrorModule, imports: [[
CommonModule,
FormsModule,
ReactiveFormsModule
]] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: CmydFormErrorModule, decorators: [{
type: NgModule,
args: [{
declarations: [
CmydFormErrorComponent,
CmydFormErrorDirective
],
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule
],
exports: [
CmydFormErrorDirective
]
}]
}] });
/*
* Public API Surface of cmyd-form-error
*/
/**
* Generated bundle index. Do not edit.
*/
export { CmydFormErrorComponent, CmydFormErrorDirective, CmydFormErrorModule };
//# sourceMappingURL=cmyd-form-error.js.map