@lxlib/form
Version:
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.1.1.
92 lines • 8.67 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: src/widgets/array/array.widget.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { __extends } from "tslib";
import { Component, ViewEncapsulation } from '@angular/core';
import { ArrayLayoutWidget } from '../../widget';
var ArrayWidget = /** @class */ (function (_super) {
__extends(ArrayWidget, _super);
function ArrayWidget() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.arraySpan = 8;
return _this;
}
Object.defineProperty(ArrayWidget.prototype, "addDisabled", {
get: /**
* @return {?}
*/
function () {
return this.disabled || (this.schema.maxItems && ((/** @type {?} */ (this.formProperty.properties))).length >= this.schema.maxItems);
},
enumerable: true,
configurable: true
});
Object.defineProperty(ArrayWidget.prototype, "showRemove", {
get: /**
* @return {?}
*/
function () {
return !this.disabled && this.removeTitle;
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
ArrayWidget.prototype.ngOnInit = /**
* @return {?}
*/
function () {
var _a = this.ui, grid = _a.grid, addTitle = _a.addTitle, addType = _a.addType, removable = _a.removable, removeTitle = _a.removeTitle;
if (grid && grid.arraySpan) {
this.arraySpan = grid.arraySpan;
}
this.addTitle = this.dom.bypassSecurityTrustHtml(addTitle || this.l.addText);
this.addType = addType || 'dashed';
this.removeTitle = removable === false ? null : removeTitle || this.l.removeText;
};
/**
* @return {?}
*/
ArrayWidget.prototype.addItem = /**
* @return {?}
*/
function () {
this.formProperty.add({});
};
/**
* @param {?} index
* @return {?}
*/
ArrayWidget.prototype.removeItem = /**
* @param {?} index
* @return {?}
*/
function (index) {
this.formProperty.remove(index);
};
ArrayWidget.decorators = [
{ type: Component, args: [{
selector: 'sf-array',
template: "<nz-form-item [class.ant-form-item-with-help]=\"showError\">\n <nz-col *ngIf=\"schema.title\" [nzSpan]=\"ui.spanLabel\" class=\"ant-form-item-label\">\n <label>\n {{ schema.title }}\n <span class=\"sf__optional\">\n {{ ui.optional }}\n <i *ngIf=\"oh\" nz-tooltip\n [nzTooltipTitle]=\"oh.text\" [nzTooltipPlacement]=\"oh.placement\" [nzTooltipTrigger]=\"oh.trigger\"\n [nzOverlayClassName]=\"oh.overlayClassName\" [nzOverlayStyle]=\"oh.overlayStyle\"\n [nzMouseEnterDelay]=\"oh.mouseEnterDelay\" [nzMouseLeaveDelay]=\"oh.mouseLeaveDelay\"\n nz-icon [nzType]=\"oh.icon\"></i>\n </span>\n </label>\n <div class=\"sf__array-add\">\n <button type=\"button\"\n nz-button\n [nzType]=\"addType\"\n [disabled]=\"addDisabled\"\n (click)=\"addItem()\"\n [innerHTML]=\"addTitle\"></button>\n </div>\n </nz-col>\n <nz-col class=\"ant-form-item-control-wrapper\" [nzSpan]=\"ui.spanControl\" [nzOffset]=\"ui.offsetControl\">\n <div class=\"ant-form-item-control\" [class.has-error]=\"showError\">\n <nz-row class=\"sf__array-container\">\n <ng-container *ngFor=\"let i of formProperty.properties; let idx=index\">\n <nz-col *ngIf=\"i.visible && !i.ui.hidden\" [nzSpan]=\"arraySpan\" [attr.data-index]=\"idx\" class=\"sf-array-item\">\n <nz-card>\n <sf-item [formProperty]=\"i\"></sf-item>\n <span *ngIf=\"showRemove\" class=\"sf__array-remove\" (click)=\"removeItem(idx)\" [attr.title]=\"removeTitle\">\n <i nz-icon nzType=\"delete\"></i>\n </span>\n </nz-card>\n </nz-col>\n </ng-container>\n </nz-row>\n <div *ngIf=\"!ui.onlyVisual && showError\" class=\"ant-form-explain\">{{error}}</div>\n <div *ngIf=\"schema.description\" [innerHTML]=\"schema._description\" class=\"ant-form-extra\"></div>\n </div>\n </nz-col>\n</nz-form-item>\n",
preserveWhitespaces: false,
encapsulation: ViewEncapsulation.None
}] }
];
return ArrayWidget;
}(ArrayLayoutWidget));
export { ArrayWidget };
if (false) {
/** @type {?} */
ArrayWidget.prototype.addTitle;
/** @type {?} */
ArrayWidget.prototype.addType;
/** @type {?} */
ArrayWidget.prototype.removeTitle;
/** @type {?} */
ArrayWidget.prototype.arraySpan;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJyYXkud2lkZ2V0LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGx4bGliL2Zvcm0vIiwic291cmNlcyI6WyJzcmMvd2lkZ2V0cy9hcnJheS9hcnJheS53aWRnZXQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUdyRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFakQ7SUFNaUMsK0JBQWlCO0lBTmxEO1FBQUEscUVBc0NDO1FBNUJDLGVBQVMsR0FBRyxDQUFDLENBQUM7O0lBNEJoQixDQUFDO0lBMUJDLHNCQUFJLG9DQUFXOzs7O1FBQWY7WUFDRSxPQUFPLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsSUFBSSxDQUFDLG1CQUFBLElBQUksQ0FBQyxZQUFZLENBQUMsVUFBVSxFQUFrQixDQUFDLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDcEksQ0FBQzs7O09BQUE7SUFFRCxzQkFBSSxtQ0FBVTs7OztRQUFkO1lBQ0UsT0FBTyxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUM1QyxDQUFDOzs7T0FBQTs7OztJQUVELDhCQUFROzs7SUFBUjtRQUNRLElBQUEsWUFBNkQsRUFBM0QsY0FBSSxFQUFFLHNCQUFRLEVBQUUsb0JBQU8sRUFBRSx3QkFBUyxFQUFFLDRCQUF1QjtRQUNuRSxJQUFJLElBQUksSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQzFCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztTQUNqQztRQUVELElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyx1QkFBdUIsQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUM3RSxJQUFJLENBQUMsT0FBTyxHQUFHLE9BQU8sSUFBSSxRQUFRLENBQUM7UUFDbkMsSUFBSSxDQUFDLFdBQVcsR0FBRyxTQUFTLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQztJQUNuRixDQUFDOzs7O0lBRUQsNkJBQU87OztJQUFQO1FBQ0UsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDNUIsQ0FBQzs7Ozs7SUFFRCxnQ0FBVTs7OztJQUFWLFVBQVcsS0FBYTtRQUN0QixJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNsQyxDQUFDOztnQkFyQ0YsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxVQUFVO29CQUNwQixpK0RBQWtDO29CQUNsQyxtQkFBbUIsRUFBRSxLQUFLO29CQUMxQixhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDdEM7O0lBaUNELGtCQUFDO0NBQUEsQUF0Q0QsQ0FNaUMsaUJBQWlCLEdBZ0NqRDtTQWhDWSxXQUFXOzs7SUFDdEIsK0JBQW1COztJQUNuQiw4QkFBZ0I7O0lBQ2hCLGtDQUEyQjs7SUFDM0IsZ0NBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNhZmVIdG1sIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQgeyBGb3JtUHJvcGVydHkgfSBmcm9tICcuLi8uLi9tb2RlbC9mb3JtLnByb3BlcnR5JztcbmltcG9ydCB7IEFycmF5TGF5b3V0V2lkZ2V0IH0gZnJvbSAnLi4vLi4vd2lkZ2V0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2YtYXJyYXknLFxuICB0ZW1wbGF0ZVVybDogJy4vYXJyYXkud2lkZ2V0Lmh0bWwnLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQXJyYXlXaWRnZXQgZXh0ZW5kcyBBcnJheUxheW91dFdpZGdldCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGFkZFRpdGxlOiBTYWZlSHRtbDtcbiAgYWRkVHlwZTogc3RyaW5nO1xuICByZW1vdmVUaXRsZTogc3RyaW5nIHwgbnVsbDtcbiAgYXJyYXlTcGFuID0gODtcblxuICBnZXQgYWRkRGlzYWJsZWQoKSB7XG4gICAgcmV0dXJuIHRoaXMuZGlzYWJsZWQgfHwgKHRoaXMuc2NoZW1hLm1heEl0ZW1zICYmICh0aGlzLmZvcm1Qcm9wZXJ0eS5wcm9wZXJ0aWVzIGFzIEZvcm1Qcm9wZXJ0eVtdKS5sZW5ndGggPj0gdGhpcy5zY2hlbWEubWF4SXRlbXMpO1xuICB9XG5cbiAgZ2V0IHNob3dSZW1vdmUoKSB7XG4gICAgcmV0dXJuICF0aGlzLmRpc2FibGVkICYmIHRoaXMucmVtb3ZlVGl0bGU7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBjb25zdCB7IGdyaWQsIGFkZFRpdGxlLCBhZGRUeXBlLCByZW1vdmFibGUsIHJlbW92ZVRpdGxlIH0gPSB0aGlzLnVpO1xuICAgIGlmIChncmlkICYmIGdyaWQuYXJyYXlTcGFuKSB7XG4gICAgICB0aGlzLmFycmF5U3BhbiA9IGdyaWQuYXJyYXlTcGFuO1xuICAgIH1cblxuICAgIHRoaXMuYWRkVGl0bGUgPSB0aGlzLmRvbS5ieXBhc3NTZWN1cml0eVRydXN0SHRtbChhZGRUaXRsZSB8fCB0aGlzLmwuYWRkVGV4dCk7XG4gICAgdGhpcy5hZGRUeXBlID0gYWRkVHlwZSB8fCAnZGFzaGVkJztcbiAgICB0aGlzLnJlbW92ZVRpdGxlID0gcmVtb3ZhYmxlID09PSBmYWxzZSA/IG51bGwgOiByZW1vdmVUaXRsZSB8fCB0aGlzLmwucmVtb3ZlVGV4dDtcbiAgfVxuXG4gIGFkZEl0ZW0oKSB7XG4gICAgdGhpcy5mb3JtUHJvcGVydHkuYWRkKHt9KTtcbiAgfVxuXG4gIHJlbW92ZUl0ZW0oaW5kZXg6IG51bWJlcikge1xuICAgIHRoaXMuZm9ybVByb3BlcnR5LnJlbW92ZShpbmRleCk7XG4gIH1cbn1cbiJdfQ==