UNPKG

ngx-nebular-formly

Version:

Ngx Formly integration for Nebular UI

45 lines (44 loc) 3.9 kB
import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FieldWrapper } from '@ngx-formly/core'; export class NebularFormlyFormFieldWrapper extends FieldWrapper { } NebularFormlyFormFieldWrapper.decorators = [ { type: Component, args: [{ selector: 'nbf-nebular-formly-wrapper-form-field', template: ` <div class="form-group"> <label *ngIf="to.label && to.hideLabel !== true" [attr.for]="id"> {{ to.label }} <span *ngIf="to.required && to.hideRequiredMarker !== true" [style.color]="'red'" >*</span > </label> <ng-template #fieldComponent></ng-template> <div *ngIf="showError" class="invalid-feedback" [style.display]="'block'"> <formly-validation-message [field]="field"></formly-validation-message> </div> <small *ngIf="to.description" class="form-text text-muted">{{ to.description }}</small> </div> `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [` .form-group { display: flex; flex-flow: column wrap; margin-bottom: 20px; } .required { color: red; } .invalid-feedback { color: red; font-size: 0.7rem; } `] },] } ]; //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC53cmFwcGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmVidWxhci1mb3JtbHkvc3JjL2xpYi9mb3JtLWZpZWxkL2Zvcm0tZmllbGQud3JhcHBlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQTBDaEQsTUFBTSxPQUFPLDZCQUE4QixTQUFRLFlBQVk7OztZQXhDOUQsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSx1Q0FBdUM7Z0JBQ2pELFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JUO2dCQWtCRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTt5QkFoQjdDOzs7Ozs7Ozs7Ozs7OztLQWNDO2FBR0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZpZWxkV3JhcHBlciB9IGZyb20gJ0BuZ3gtZm9ybWx5L2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICduYmYtbmVidWxhci1mb3JtbHktd3JhcHBlci1mb3JtLWZpZWxkJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBjbGFzcz1cImZvcm0tZ3JvdXBcIj5cclxuICAgICAgPGxhYmVsICpuZ0lmPVwidG8ubGFiZWwgJiYgdG8uaGlkZUxhYmVsICE9PSB0cnVlXCIgW2F0dHIuZm9yXT1cImlkXCI+XHJcbiAgICAgICAge3sgdG8ubGFiZWwgfX1cclxuICAgICAgICA8c3BhblxyXG4gICAgICAgICAgKm5nSWY9XCJ0by5yZXF1aXJlZCAmJiB0by5oaWRlUmVxdWlyZWRNYXJrZXIgIT09IHRydWVcIlxyXG4gICAgICAgICAgW3N0eWxlLmNvbG9yXT1cIidyZWQnXCJcclxuICAgICAgICAgID4qPC9zcGFuXHJcbiAgICAgICAgPlxyXG4gICAgICA8L2xhYmVsPlxyXG4gICAgICA8bmctdGVtcGxhdGUgI2ZpZWxkQ29tcG9uZW50PjwvbmctdGVtcGxhdGU+XHJcbiAgICAgIDxkaXYgKm5nSWY9XCJzaG93RXJyb3JcIiBjbGFzcz1cImludmFsaWQtZmVlZGJhY2tcIiBbc3R5bGUuZGlzcGxheV09XCInYmxvY2snXCI+XHJcbiAgICAgICAgPGZvcm1seS12YWxpZGF0aW9uLW1lc3NhZ2UgW2ZpZWxkXT1cImZpZWxkXCI+PC9mb3JtbHktdmFsaWRhdGlvbi1tZXNzYWdlPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPHNtYWxsICpuZ0lmPVwidG8uZGVzY3JpcHRpb25cIiBjbGFzcz1cImZvcm0tdGV4dCB0ZXh0LW11dGVkXCI+e3tcclxuICAgICAgICB0by5kZXNjcmlwdGlvblxyXG4gICAgICB9fTwvc21hbGw+XHJcbiAgICA8L2Rpdj5cclxuICBgLFxyXG4gIHN0eWxlczogW1xyXG4gICAgYFxyXG4gICAgICAuZm9ybS1ncm91cCB7XHJcbiAgICAgICAgZGlzcGxheTogZmxleDtcclxuICAgICAgICBmbGV4LWZsb3c6IGNvbHVtbiB3cmFwO1xyXG4gICAgICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XHJcbiAgICAgIH1cclxuICAgICAgLnJlcXVpcmVkIHtcclxuICAgICAgICBjb2xvcjogcmVkO1xyXG4gICAgICB9XHJcblxyXG4gICAgICAuaW52YWxpZC1mZWVkYmFjayB7XHJcbiAgICAgICAgY29sb3I6IHJlZDtcclxuICAgICAgICBmb250LXNpemU6IDAuN3JlbTtcclxuICAgICAgfVxyXG4gICAgYCxcclxuICBdLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmVidWxhckZvcm1seUZvcm1GaWVsZFdyYXBwZXIgZXh0ZW5kcyBGaWVsZFdyYXBwZXIge31cclxuIl19