@ng2-dynamic-forms/ui-foundation
Version:
Foundation UI package for ng2 Dynamic Forms
72 lines (70 loc) • 3.9 kB
JavaScript
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
import { Component, ContentChildren, EventEmitter, Input, Output, QueryList, ViewChildren } from "@angular/core";
import { FormGroup } from "@angular/forms";
import { DynamicFormComponent, DynamicTemplateDirective } from "@ng2-dynamic-forms/core";
import { DynamicFoundationFormControlComponent } from "./dynamic-foundation-form-control.component";
var DynamicFoundationFormComponent = /** @class */ (function (_super) {
__extends(DynamicFoundationFormComponent, _super);
function DynamicFoundationFormComponent() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.blur = new EventEmitter();
_this.change = new EventEmitter();
_this.focus = new EventEmitter();
return _this;
}
__decorate([
Input(),
__metadata("design:type", FormGroup)
], DynamicFoundationFormComponent.prototype, "group", void 0);
__decorate([
Input(),
__metadata("design:type", Array)
], DynamicFoundationFormComponent.prototype, "model", void 0);
__decorate([
Output(),
__metadata("design:type", EventEmitter)
], DynamicFoundationFormComponent.prototype, "blur", void 0);
__decorate([
Output(),
__metadata("design:type", EventEmitter)
], DynamicFoundationFormComponent.prototype, "change", void 0);
__decorate([
Output(),
__metadata("design:type", EventEmitter)
], DynamicFoundationFormComponent.prototype, "focus", void 0);
__decorate([
ContentChildren(DynamicTemplateDirective),
__metadata("design:type", QueryList)
], DynamicFoundationFormComponent.prototype, "templates", void 0);
__decorate([
ViewChildren(DynamicFoundationFormControlComponent),
__metadata("design:type", QueryList)
], DynamicFoundationFormComponent.prototype, "components", void 0);
DynamicFoundationFormComponent = __decorate([
Component({
selector: "dynamic-foundation-form",
template: "<dynamic-foundation-form-control *ngFor=\"let controlModel of model; trackBy: trackByFn\" [group]=\"group\" [hasErrorMessaging]=\"controlModel.hasErrorMessages\" [model]=\"controlModel\" [ngClass]=\"[controlModel.cls.element.host, controlModel.cls.grid.host]\" [templates]=\"templates\" (blur)=\"onEvent($event, 0)\" (change)=\"onEvent($event, 1)\" (focus)=\"onEvent($event, 2)\"></dynamic-foundation-form-control>"
})
], DynamicFoundationFormComponent);
return DynamicFoundationFormComponent;
}(DynamicFormComponent));
export { DynamicFoundationFormComponent };
//# sourceMappingURL=dynamic-foundation-form.component.js.map