ngx-formly-tabs
Version:
ngx-formly-tabs is an Angular module that adds Components that enable flexible tab use for @ngx-formly.
40 lines • 3.69 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component } from '@angular/core';
import { FieldType } from '@ngx-formly/core';
import { TabsetService } from '../tabset/tabset.service';
export class FormlyFieldTabsetComponent extends FieldType {
/**
* @return {?}
*/
get activeTab() {
return this.to.activeTab;
}
/**
* @param {?} tabTitle
* @return {?}
*/
onActiveTagChange(tabTitle) {
this.to.activeTab = tabTitle == null ? null : tabTitle;
if (this.to.activeTabChange) {
this.to.activeTabChange(this.to.activeTab);
}
}
}
FormlyFieldTabsetComponent.decorators = [
{ type: Component, args: [{
selector: 'formly-field-tabset',
template: `
<formly-tabs-tabset (activeTabChange)="onActiveTagChange($event)">
<formly-field *ngFor="let f of field.fieldGroup" [field]="f"></formly-field>
</formly-tabs-tabset>
`,
host: {
'[class]': 'field.fieldGroupClassName || ""',
},
providers: [TabsetService]
}] }
];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFic2V0LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LWZvcm1seS10YWJzLyIsInNvdXJjZXMiOlsibGliL3R5cGVzL3RhYnNldC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBY3pELE1BQU0sT0FBTywwQkFBMkIsU0FBUSxTQUFTOzs7O0lBRXJELElBQUksU0FBUztRQUNULE9BQU8sSUFBSSxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUM7SUFDN0IsQ0FBQzs7Ozs7SUFFRCxpQkFBaUIsQ0FBQyxRQUFnQjtRQUM5QixJQUFJLENBQUMsRUFBRSxDQUFDLFNBQVMsR0FBRyxRQUFRLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQztRQUN2RCxJQUFJLElBQUksQ0FBQyxFQUFFLENBQUMsZUFBZSxFQUFFO1lBQ3pCLElBQUksQ0FBQyxFQUFFLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUM7U0FDOUM7SUFDTCxDQUFDOzs7WUF2QkosU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxxQkFBcUI7Z0JBQy9CLFFBQVEsRUFBRTs7OztLQUlUO2dCQUNELElBQUksRUFBRTtvQkFDRixTQUFTLEVBQUUsaUNBQWlDO2lCQUMvQztnQkFDRCxTQUFTLEVBQUUsQ0FBQyxhQUFhLENBQUM7YUFDN0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRmllbGRUeXBlIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XHJcbmltcG9ydCB7IFRhYnNldFNlcnZpY2UgfSBmcm9tICcuLi90YWJzZXQvdGFic2V0LnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2Zvcm1seS1maWVsZC10YWJzZXQnLFxyXG4gICAgdGVtcGxhdGU6IGBcclxuICAgICAgICA8Zm9ybWx5LXRhYnMtdGFic2V0IChhY3RpdmVUYWJDaGFuZ2UpPVwib25BY3RpdmVUYWdDaGFuZ2UoJGV2ZW50KVwiPlxyXG4gICAgICAgICAgICA8Zm9ybWx5LWZpZWxkICpuZ0Zvcj1cImxldCBmIG9mIGZpZWxkLmZpZWxkR3JvdXBcIiBbZmllbGRdPVwiZlwiPjwvZm9ybWx5LWZpZWxkPlxyXG4gICAgICAgIDwvZm9ybWx5LXRhYnMtdGFic2V0PlxyXG4gICAgYCxcclxuICAgIGhvc3Q6IHtcclxuICAgICAgICAnW2NsYXNzXSc6ICdmaWVsZC5maWVsZEdyb3VwQ2xhc3NOYW1lIHx8IFwiXCInLFxyXG4gICAgfSxcclxuICAgIHByb3ZpZGVyczogW1RhYnNldFNlcnZpY2VdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGb3JtbHlGaWVsZFRhYnNldENvbXBvbmVudCBleHRlbmRzIEZpZWxkVHlwZSB7XHJcblxyXG4gICAgZ2V0IGFjdGl2ZVRhYigpOiBzdHJpbmcge1xyXG4gICAgICAgIHJldHVybiB0aGlzLnRvLmFjdGl2ZVRhYjtcclxuICAgIH1cclxuXHJcbiAgICBvbkFjdGl2ZVRhZ0NoYW5nZSh0YWJUaXRsZTogc3RyaW5nKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy50by5hY3RpdmVUYWIgPSB0YWJUaXRsZSA9PSBudWxsID8gbnVsbCA6IHRhYlRpdGxlO1xyXG4gICAgICAgIGlmICh0aGlzLnRvLmFjdGl2ZVRhYkNoYW5nZSkge1xyXG4gICAgICAgICAgICB0aGlzLnRvLmFjdGl2ZVRhYkNoYW5nZSh0aGlzLnRvLmFjdGl2ZVRhYik7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcbiJdfQ==