@ng-flexy/form-bootstrap
Version:
Flexy components and tools to build Angular 8+ applications
73 lines • 6.05 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@ng-flexy/form";
function FlexyFieldControlInfoComponent_div_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵelementStart(1, "small", 4);
i0.ɵɵtext(2);
i0.ɵɵpipe(3, "firstError");
i0.ɵɵelementEnd();
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const ctx_r2 = i0.ɵɵnextContext(2);
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 1, ctx_r2.control.errors), " ");
} }
function FlexyFieldControlInfoComponent_div_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 2);
i0.ɵɵtemplate(1, FlexyFieldControlInfoComponent_div_0_ng_container_1_Template, 4, 3, "ng-container", 3);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx_r0.control == null ? null : ctx_r0.control.errors);
} }
function FlexyFieldControlInfoComponent_div_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 5);
i0.ɵɵelement(1, "small", 6);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r1 = i0.ɵɵnextContext();
i0.ɵɵadvance(1);
i0.ɵɵproperty("innerHtml", ctx_r1.description, i0.ɵɵsanitizeHtml);
} }
export class FlexyFieldControlInfoComponent {
constructor() {
this.forceDirty = false;
}
}
FlexyFieldControlInfoComponent.ɵfac = function FlexyFieldControlInfoComponent_Factory(t) { return new (t || FlexyFieldControlInfoComponent)(); };
FlexyFieldControlInfoComponent.ɵcmp = i0.ɵɵdefineComponent({ type: FlexyFieldControlInfoComponent, selectors: [["flexy-form-field-info"]], inputs: { control: "control", description: "description", forceDirty: "forceDirty" }, decls: 2, vars: 2, consts: [["class", "field-info-error", 4, "ngIf"], ["class", "field-info-description", 4, "ngIf"], [1, "field-info-error"], [4, "ngIf"], [1, "form-text", "text-danger"], [1, "field-info-description"], [1, "form-text", "text-muted", 3, "innerHtml"]], template: function FlexyFieldControlInfoComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, FlexyFieldControlInfoComponent_div_0_Template, 2, 1, "div", 0);
i0.ɵɵtemplate(1, FlexyFieldControlInfoComponent_div_1_Template, 2, 1, "div", 1);
} if (rf & 2) {
i0.ɵɵproperty("ngIf", ctx.control && (ctx.forceDirty || ctx.control.dirty && !ctx.control.pending) && !ctx.control.valid);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", !(ctx.control && (ctx.forceDirty || ctx.control.dirty && !ctx.control.pending) && !ctx.control.valid));
} }, directives: [i1.NgIf], pipes: [i2.FlexyFormFirstErrorPipe], encapsulation: 2 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(FlexyFieldControlInfoComponent, [{
type: Component,
args: [{
selector: 'flexy-form-field-info',
template: `
<div *ngIf="control && (forceDirty || (control.dirty && !control.pending)) && !control.valid" class="field-info-error">
<ng-container *ngIf="control?.errors">
<small class="form-text text-danger">
{{ control.errors | firstError }}
</small>
</ng-container>
</div>
<div *ngIf="!(control && (forceDirty || (control.dirty && !control.pending)) && !control.valid)" class="field-info-description">
<small class="form-text text-muted" [innerHtml]="description"></small>
</div>
`
}]
}], function () { return []; }, { control: [{
type: Input
}], description: [{
type: Input
}], forceDirty: [{
type: Input
}] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQtaW5mby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mb3JtLWJvb3RzdHJhcC9zcmMvbGliL2NvbXBvbmVudHMvZmllbGQtaW5mby5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0lBTzNDLDZCQUNFO0lBQUEsZ0NBQ0U7SUFBQSxZQUNGOztJQUFBLGlCQUFRO0lBQ1YsMEJBQWU7OztJQUZYLGVBQ0Y7SUFERSw0RUFDRjs7O0lBSkosOEJBQ0U7SUFBQSx1R0FDRTtJQUlKLGlCQUFNOzs7SUFMVSxlQUF1QjtJQUF2Qiw0RUFBdUI7OztJQU12Qyw4QkFDRTtJQUFBLDJCQUFzRTtJQUN4RSxpQkFBTTs7O0lBRGdDLGVBQXlCO0lBQXpCLGlFQUF5Qjs7QUFJbkUsTUFBTSxPQUFPLDhCQUE4QjtJQU16QztRQUZTLGVBQVUsR0FBRyxLQUFLLENBQUM7SUFFYixDQUFDOzs0R0FOTCw4QkFBOEI7bUVBQTlCLDhCQUE4QjtRQVp2QywrRUFDRTtRQU1GLCtFQUNFOztRQVJHLHlIQUF3RjtRQU94RixlQUEyRjtRQUEzRiw0SEFBMkY7O2tEQUt2Riw4QkFBOEI7Y0FmMUMsU0FBUztlQUFDO2dCQUNULFFBQVEsRUFBRSx1QkFBdUI7Z0JBQ2pDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7R0FXVDthQUNGO3NDQUVVLE9BQU87a0JBQWYsS0FBSztZQUNHLFdBQVc7a0JBQW5CLEtBQUs7WUFFRyxVQUFVO2tCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZsZXh5LWZvcm0tZmllbGQtaW5mbycsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiAqbmdJZj1cImNvbnRyb2wgJiYgKGZvcmNlRGlydHkgfHwgKGNvbnRyb2wuZGlydHkgJiYgIWNvbnRyb2wucGVuZGluZykpICYmICFjb250cm9sLnZhbGlkXCIgY2xhc3M9XCJmaWVsZC1pbmZvLWVycm9yXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY29udHJvbD8uZXJyb3JzXCI+XG4gICAgICAgIDxzbWFsbCBjbGFzcz1cImZvcm0tdGV4dCB0ZXh0LWRhbmdlclwiPlxuICAgICAgICAgIHt7IGNvbnRyb2wuZXJyb3JzIHwgZmlyc3RFcnJvciB9fVxuICAgICAgICA8L3NtYWxsPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cIiEoY29udHJvbCAmJiAoZm9yY2VEaXJ0eSB8fCAoY29udHJvbC5kaXJ0eSAmJiAhY29udHJvbC5wZW5kaW5nKSkgJiYgIWNvbnRyb2wudmFsaWQpXCIgY2xhc3M9XCJmaWVsZC1pbmZvLWRlc2NyaXB0aW9uXCI+XG4gICAgICA8c21hbGwgY2xhc3M9XCJmb3JtLXRleHQgdGV4dC1tdXRlZFwiIFtpbm5lckh0bWxdPVwiZGVzY3JpcHRpb25cIj48L3NtYWxsPlxuICAgIDwvZGl2PlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIEZsZXh5RmllbGRDb250cm9sSW5mb0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbnRyb2w6IEZvcm1Db250cm9sO1xuICBASW5wdXQoKSBkZXNjcmlwdGlvbjogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIGZvcmNlRGlydHkgPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG59XG4iXX0=