UNPKG

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.

117 lines (106 loc) 8.04 kB
(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms')) : typeof define === 'function' && define.amd ? define('cmyd-form-error', ['exports', '@angular/core', '@angular/common', '@angular/forms'], factory) : (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["cmyd-form-error"] = {}, global.ng.core, global.ng.common, global.ng.forms)); })(this, (function (exports, i0, i1, i1$1) { 'use strict'; function _interopNamespace(e) { if (e && e.__esModule) return e; var n = Object.create(null); if (e) { Object.keys(e).forEach(function (k) { if (k !== 'default') { var d = Object.getOwnPropertyDescriptor(e, k); Object.defineProperty(n, k, d.get ? d : { enumerable: true, get: function () { return e[k]; } }); } }); } n["default"] = e; return Object.freeze(n); } var i0__namespace = /*#__PURE__*/_interopNamespace(i0); var i1__namespace = /*#__PURE__*/_interopNamespace(i1); var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1); var CmydFormErrorComponent = /** @class */ (function () { function CmydFormErrorComponent() { } return CmydFormErrorComponent; }()); CmydFormErrorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: CmydFormErrorComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component }); CmydFormErrorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: CmydFormErrorComponent, selector: "cmyd-form-error", inputs: { controlName: "controlName" }, ngImport: i0__namespace, 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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: CmydFormErrorComponent, decorators: [{ type: i0.Component, args: [{ selector: 'cmyd-form-error', templateUrl: './cmyd-form-error.component.html', styleUrls: ["./cmyd-form-error.component.scss"] }] }], ctorParameters: function () { return []; }, propDecorators: { controlName: [{ type: i0.Input }] } }); var CmydFormErrorDirective = /** @class */ (function () { function CmydFormErrorDirective(control, viewContainerRef, componentFactoryResolver) { this.control = control; this.viewContainerRef = viewContainerRef; this.componentFactoryResolver = componentFactoryResolver; var componentFactory = this.componentFactoryResolver.resolveComponentFactory(CmydFormErrorComponent); viewContainerRef.clear(); var componentRef = viewContainerRef.createComponent(componentFactory); componentRef.instance.controlName = control; } return CmydFormErrorDirective; }()); CmydFormErrorDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: CmydFormErrorDirective, deps: [{ token: i1__namespace$1.NgControl }, { token: i0__namespace.ViewContainerRef }, { token: i0__namespace.ComponentFactoryResolver }], target: i0__namespace.ɵɵFactoryTarget.Directive }); CmydFormErrorDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.14", type: CmydFormErrorDirective, selector: "[cmydFormError]", ngImport: i0__namespace }); i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: CmydFormErrorDirective, decorators: [{ type: i0.Directive, args: [{ selector: '[cmydFormError]' }] }], ctorParameters: function () { return [{ type: i1__namespace$1.NgControl }, { type: i0__namespace.ViewContainerRef }, { type: i0__namespace.ComponentFactoryResolver }]; } }); var CmydFormErrorModule = /** @class */ (function () { function CmydFormErrorModule() { } return CmydFormErrorModule; }()); CmydFormErrorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: CmydFormErrorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule }); CmydFormErrorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: CmydFormErrorModule, declarations: [CmydFormErrorComponent, CmydFormErrorDirective], imports: [i1.CommonModule, i1$1.FormsModule, i1$1.ReactiveFormsModule], exports: [CmydFormErrorDirective] }); CmydFormErrorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: CmydFormErrorModule, imports: [[ i1.CommonModule, i1$1.FormsModule, i1$1.ReactiveFormsModule ]] }); i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: CmydFormErrorModule, decorators: [{ type: i0.NgModule, args: [{ declarations: [ CmydFormErrorComponent, CmydFormErrorDirective ], imports: [ i1.CommonModule, i1$1.FormsModule, i1$1.ReactiveFormsModule ], exports: [ CmydFormErrorDirective ] }] }] }); /* * Public API Surface of cmyd-form-error */ /** * Generated bundle index. Do not edit. */ exports.CmydFormErrorComponent = CmydFormErrorComponent; exports.CmydFormErrorDirective = CmydFormErrorDirective; exports.CmydFormErrorModule = CmydFormErrorModule; Object.defineProperty(exports, '__esModule', { value: true }); })); //# sourceMappingURL=cmyd-form-error.umd.js.map