mss-engine-forms
Version:
A simple typehead library developed by MSS development team to be used for dynamic forms
27 lines • 6.13 kB
JavaScript
import { ChangeDetectionStrategy, Component, Input } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "@angular/forms";
import * as i2 from "@angular/common";
import * as i3 from "ng2-flatpickr";
export class DynamicDateComponent {
constructor(formgroupDirective) {
this.formgroupDirective = formgroupDirective;
this.formName = formgroupDirective.control;
}
ngOnChanges() {
}
getFieldClassname() {
return {
[this.field.customClass]: this.field?.customClass
};
}
}
DynamicDateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DynamicDateComponent, deps: [{ token: i1.FormGroupDirective }], target: i0.ɵɵFactoryTarget.Component });
DynamicDateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DynamicDateComponent, selector: "app-dynamic-date", inputs: { field: "field" }, usesOnChanges: true, ngImport: i0, template: "<form [formGroup]=\"formName\">\n <div class=\"form-group\" [ngClass]=\"getFieldClassname()\">\n <label>{{field.label}} <span *ngIf=\"field?.rules?.required\" class=\"red-asterisk\">*</span>\n </label>\n <ng2-flatpickr [formControlName]=\"field.fieldName\" [config]=\"field.pickrOptions\"\n [placeholder]=\"field.placeholder\"></ng2-flatpickr>\n </div>\n</form>", styles: [".password-eye{position:absolute}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.Ng2FlatpickrComponent, selector: "ng2-flatpickr", inputs: ["placeholder", "addClass", "hideButton", "tabindex", "config", "setDate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DynamicDateComponent, decorators: [{
type: Component,
args: [{ selector: "app-dynamic-date", changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"formName\">\n <div class=\"form-group\" [ngClass]=\"getFieldClassname()\">\n <label>{{field.label}} <span *ngIf=\"field?.rules?.required\" class=\"red-asterisk\">*</span>\n </label>\n <ng2-flatpickr [formControlName]=\"field.fieldName\" [config]=\"field.pickrOptions\"\n [placeholder]=\"field.placeholder\"></ng2-flatpickr>\n </div>\n</form>", styles: [".password-eye{position:absolute}\n"] }]
}], ctorParameters: function () { return [{ type: i1.FormGroupDirective }]; }, propDecorators: { field: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1kYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21zcy1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvZHluYW1pYy1maWVsZC9keW5hbWljLWRhdGUvZHluYW1pYy1kYXRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21zcy1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvZHluYW1pYy1maWVsZC9keW5hbWljLWRhdGUvZHluYW1pYy1kYXRlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFvQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTNUcsTUFBTSxPQUFPLG9CQUFvQjtJQUcvQixZQUFvQixrQkFBc0M7UUFBdEMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUN4RCxJQUFJLENBQUMsUUFBUSxHQUFHLGtCQUFrQixDQUFDLE9BQU8sQ0FBQztJQUM3QyxDQUFDO0lBRUQsV0FBVztJQUVYLENBQUM7SUFFRCxpQkFBaUI7UUFDZixPQUFPO1lBQ0wsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsV0FBVztTQUNsRCxDQUFBO0lBQ0gsQ0FBQzs7a0hBZlUsb0JBQW9CO3NHQUFwQixvQkFBb0IseUdDVGpDLGlaQU9POzRGREVNLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDRSxrQkFBa0IsbUJBR1osdUJBQXVCLENBQUMsTUFBTTt5R0FHckMsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEZvcm1Hcm91cCwgRm9ybUdyb3VwRGlyZWN0aXZlIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJhcHAtZHluYW1pYy1kYXRlXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vZHluYW1pYy1kYXRlLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9keW5hbWljLWRhdGUuY29tcG9uZW50LmNzc1wiXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOkNoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBEeW5hbWljRGF0ZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIGZpZWxkOiBhbnk7XG4gIGZvcm1OYW1lOiBGb3JtR3JvdXA7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZm9ybWdyb3VwRGlyZWN0aXZlOiBGb3JtR3JvdXBEaXJlY3RpdmUpIHtcbiAgICB0aGlzLmZvcm1OYW1lID0gZm9ybWdyb3VwRGlyZWN0aXZlLmNvbnRyb2w7XG4gIH1cblxuICBuZ09uQ2hhbmdlcygpIHtcbiAgICBcbiAgfVxuXG4gIGdldEZpZWxkQ2xhc3NuYW1lKCkge1xuICAgIHJldHVybiB7XG4gICAgICBbdGhpcy5maWVsZC5jdXN0b21DbGFzc106IHRoaXMuZmllbGQ/LmN1c3RvbUNsYXNzXG4gICAgfVxuICB9XG59XG4iLCI8Zm9ybSBbZm9ybUdyb3VwXT1cImZvcm1OYW1lXCI+XG4gICAgPGRpdiBjbGFzcz1cImZvcm0tZ3JvdXBcIiBbbmdDbGFzc109XCJnZXRGaWVsZENsYXNzbmFtZSgpXCI+XG4gICAgICAgIDxsYWJlbD57e2ZpZWxkLmxhYmVsfX0gPHNwYW4gKm5nSWY9XCJmaWVsZD8ucnVsZXM/LnJlcXVpcmVkXCIgY2xhc3M9XCJyZWQtYXN0ZXJpc2tcIj4qPC9zcGFuPlxuICAgICAgICA8L2xhYmVsPlxuICAgICAgICA8bmcyLWZsYXRwaWNrciBbZm9ybUNvbnRyb2xOYW1lXT1cImZpZWxkLmZpZWxkTmFtZVwiIFtjb25maWddPVwiZmllbGQucGlja3JPcHRpb25zXCJcbiAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJmaWVsZC5wbGFjZWhvbGRlclwiPjwvbmcyLWZsYXRwaWNrcj5cbiAgICA8L2Rpdj5cbjwvZm9ybT4iXX0=