UNPKG

@ng-flexy/form-bootstrap

Version:

Flexy components and tools to build Angular 8+ applications

110 lines 9.46 kB
import { ChangeDetectionStrategy, Component, Input } from '@angular/core'; import * as i0 from "@angular/core"; import * as i1 from "./field.component"; import * as i2 from "@angular/common"; import * as i3 from "../controls/chips.component"; function FlexyFormChipsComponent_div_2_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementStart(0, "div", 4); i0.ɵɵtext(1); i0.ɵɵelementEnd(); } if (rf & 2) { const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵadvance(1); i0.ɵɵtextInterpolate(ctx_r0.prefix); } } function FlexyFormChipsComponent_div_4_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementStart(0, "div", 4); i0.ɵɵtext(1); i0.ɵɵelementEnd(); } if (rf & 2) { const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵadvance(1); i0.ɵɵtextInterpolate(ctx_r1.suffix); } } const _c0 = function (a0) { return { readonly: a0 }; }; export class FlexyFormChipsComponent { ngOnInit() { if (!this.readonly) { if (!this.description && this.default) { this.description = '(default: ' + this.default + ')'; } } } } FlexyFormChipsComponent.ɵfac = function FlexyFormChipsComponent_Factory(t) { return new (t || FlexyFormChipsComponent)(); }; FlexyFormChipsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: FlexyFormChipsComponent, selectors: [["flexy-form-chips"]], inputs: { layoutSchema: "layoutSchema", default: "default", label: "label", description: "description", autocompleteItems: "autocompleteItems", placeholder: "placeholder", labelIcon: "labelIcon", disableDragging: "disableDragging", animations: "animations", onlyFromAutocomplete: "onlyFromAutocomplete", prefix: "prefix", suffix: "suffix", readonly: "readonly" }, decls: 5, vars: 18, consts: [[3, "control", "name", "label", "labelIcon", "description", "ngClass"], [1, "input-group"], ["class", "input-group-addon", 4, "ngIf"], [3, "control", "default", "readonly", "autocompleteItems", "placeholder", "disableDragging", "animations", "onlyFromAutocomplete"], [1, "input-group-addon"]], template: function FlexyFormChipsComponent_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelementStart(0, "flexy-form-field", 0); i0.ɵɵelementStart(1, "div", 1); i0.ɵɵtemplate(2, FlexyFormChipsComponent_div_2_Template, 2, 1, "div", 2); i0.ɵɵelement(3, "flexy-control-chips", 3); i0.ɵɵtemplate(4, FlexyFormChipsComponent_div_4_Template, 2, 1, "div", 2); i0.ɵɵelementEnd(); i0.ɵɵelementEnd(); } if (rf & 2) { i0.ɵɵproperty("control", ctx.layoutSchema.formControl)("name", ctx.layoutSchema.formName)("label", ctx.label)("labelIcon", ctx.labelIcon)("description", ctx.description)("ngClass", i0.ɵɵpureFunction1(16, _c0, ctx.readonly)); i0.ɵɵadvance(2); i0.ɵɵproperty("ngIf", ctx.prefix); i0.ɵɵadvance(1); i0.ɵɵproperty("control", ctx.layoutSchema.formControl)("default", ctx.default)("readonly", ctx.readonly)("autocompleteItems", ctx.autocompleteItems)("placeholder", ctx.placeholder)("disableDragging", ctx.disableDragging)("animations", ctx.animations)("onlyFromAutocomplete", ctx.onlyFromAutocomplete); i0.ɵɵadvance(1); i0.ɵɵproperty("ngIf", ctx.suffix); } }, directives: [i1.FlexyFieldComponent, i2.NgClass, i2.NgIf, i3.FlexyControlChipsComponent], encapsulation: 2, changeDetection: 0 }); /*@__PURE__*/ (function () { i0.ɵsetClassMetadata(FlexyFormChipsComponent, [{ type: Component, args: [{ selector: 'flexy-form-chips', changeDetection: ChangeDetectionStrategy.OnPush, template: ` <flexy-form-field [control]="layoutSchema.formControl" [name]="layoutSchema.formName" [label]="label" [labelIcon]="labelIcon" [description]="description" [ngClass]="{ readonly: readonly }" > <div class="input-group"> <div class="input-group-addon" *ngIf="prefix">{{ prefix }}</div> <flexy-control-chips [control]="layoutSchema.formControl" [default]="default" [readonly]="readonly" [autocompleteItems]="autocompleteItems" [placeholder]="placeholder" [disableDragging]="disableDragging" [animations]="animations" [onlyFromAutocomplete]="onlyFromAutocomplete" ></flexy-control-chips> <div class="input-group-addon" *ngIf="suffix">{{ suffix }}</div> </div> </flexy-form-field> ` }] }], null, { layoutSchema: [{ type: Input }], default: [{ type: Input }], label: [{ type: Input }], description: [{ type: Input }], autocompleteItems: [{ type: Input }], placeholder: [{ type: Input }], labelIcon: [{ type: Input }], disableDragging: [{ type: Input }], animations: [{ type: Input }], onlyFromAutocomplete: [{ type: Input }], prefix: [{ type: Input }], suffix: [{ type: Input }], readonly: [{ type: Input }] }); })(); //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZm9ybS1ib290c3RyYXAvc3JjL2xpYi9jb21wb25lbnRzL2NoaXBzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0lBZ0IxRSw4QkFBOEM7SUFBQSxZQUFZO0lBQUEsaUJBQU07OztJQUFsQixlQUFZO0lBQVosbUNBQVk7OztJQVcxRCw4QkFBOEM7SUFBQSxZQUFZO0lBQUEsaUJBQU07OztJQUFsQixlQUFZO0lBQVosbUNBQVk7OztBQUtsRSxNQUFNLE9BQU8sdUJBQXVCO0lBaUJsQyxRQUFRO1FBQ04sSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRTtnQkFDckMsSUFBSSxDQUFDLFdBQVcsR0FBRyxZQUFZLEdBQUcsSUFBSSxDQUFDLE9BQU8sR0FBRyxHQUFHLENBQUM7YUFDdEQ7U0FDRjtJQUNILENBQUM7OzhGQXZCVSx1QkFBdUI7NERBQXZCLHVCQUF1QjtRQXpCaEMsMkNBUUU7UUFBQSw4QkFDRTtRQUFBLHdFQUE4QztRQUM5Qyx5Q0FTdUI7UUFDdkIsd0VBQThDO1FBQ2hELGlCQUFNO1FBQ1IsaUJBQW1COztRQXJCakIsc0RBQW9DLG1DQUFBLG9CQUFBLDRCQUFBLGdDQUFBLHNEQUFBO1FBUUgsZUFBYztRQUFkLGlDQUFjO1FBRTNDLGVBQW9DO1FBQXBDLHNEQUFvQyx3QkFBQSwwQkFBQSw0Q0FBQSxnQ0FBQSx3Q0FBQSw4QkFBQSxrREFBQTtRQVNQLGVBQWM7UUFBZCxpQ0FBYzs7a0RBS3hDLHVCQUF1QjtjQTdCbkMsU0FBUztlQUFDO2dCQUNULFFBQVEsRUFBRSxrQkFBa0I7Z0JBQzVCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUMvQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXdCVDthQUNGO2dCQUVVLFlBQVk7a0JBQXBCLEtBQUs7WUFFRyxPQUFPO2tCQUFmLEtBQUs7WUFDRyxLQUFLO2tCQUFiLEtBQUs7WUFDRyxXQUFXO2tCQUFuQixLQUFLO1lBQ0csaUJBQWlCO2tCQUF6QixLQUFLO1lBQ0csV0FBVztrQkFBbkIsS0FBSztZQUNHLFNBQVM7a0JBQWpCLEtBQUs7WUFDRyxlQUFlO2tCQUF2QixLQUFLO1lBQ0csVUFBVTtrQkFBbEIsS0FBSztZQUNHLG9CQUFvQjtrQkFBNUIsS0FBSztZQUVHLE1BQU07a0JBQWQsS0FBSztZQUNHLE1BQU07a0JBQWQsS0FBSztZQUNHLFFBQVE7a0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGbGV4eUZvcm1GaWVsZExheW91dFNjaGVtYSB9IGZyb20gJ0BuZy1mbGV4eS9mb3JtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZmxleHktZm9ybS1jaGlwcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxmbGV4eS1mb3JtLWZpZWxkXG4gICAgICBbY29udHJvbF09XCJsYXlvdXRTY2hlbWEuZm9ybUNvbnRyb2xcIlxuICAgICAgW25hbWVdPVwibGF5b3V0U2NoZW1hLmZvcm1OYW1lXCJcbiAgICAgIFtsYWJlbF09XCJsYWJlbFwiXG4gICAgICBbbGFiZWxJY29uXT1cImxhYmVsSWNvblwiXG4gICAgICBbZGVzY3JpcHRpb25dPVwiZGVzY3JpcHRpb25cIlxuICAgICAgW25nQ2xhc3NdPVwieyByZWFkb25seTogcmVhZG9ubHkgfVwiXG4gICAgPlxuICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWdyb3VwXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ncm91cC1hZGRvblwiICpuZ0lmPVwicHJlZml4XCI+e3sgcHJlZml4IH19PC9kaXY+XG4gICAgICAgIDxmbGV4eS1jb250cm9sLWNoaXBzXG4gICAgICAgICAgW2NvbnRyb2xdPVwibGF5b3V0U2NoZW1hLmZvcm1Db250cm9sXCJcbiAgICAgICAgICBbZGVmYXVsdF09XCJkZWZhdWx0XCJcbiAgICAgICAgICBbcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICAgICAgICAgIFthdXRvY29tcGxldGVJdGVtc109XCJhdXRvY29tcGxldGVJdGVtc1wiXG4gICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICAgICAgICBbZGlzYWJsZURyYWdnaW5nXT1cImRpc2FibGVEcmFnZ2luZ1wiXG4gICAgICAgICAgW2FuaW1hdGlvbnNdPVwiYW5pbWF0aW9uc1wiXG4gICAgICAgICAgW29ubHlGcm9tQXV0b2NvbXBsZXRlXT1cIm9ubHlGcm9tQXV0b2NvbXBsZXRlXCJcbiAgICAgICAgPjwvZmxleHktY29udHJvbC1jaGlwcz5cbiAgICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWdyb3VwLWFkZG9uXCIgKm5nSWY9XCJzdWZmaXhcIj57eyBzdWZmaXggfX08L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZmxleHktZm9ybS1maWVsZD5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBGbGV4eUZvcm1DaGlwc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGxheW91dFNjaGVtYTogRmxleHlGb3JtRmllbGRMYXlvdXRTY2hlbWE7XG5cbiAgQElucHV0KCkgZGVmYXVsdDogc3RyaW5nO1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICBASW5wdXQoKSBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBASW5wdXQoKSBhdXRvY29tcGxldGVJdGVtczogc3RyaW5nW107XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGxhYmVsSWNvbjogc3RyaW5nO1xuICBASW5wdXQoKSBkaXNhYmxlRHJhZ2dpbmc6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGFuaW1hdGlvbnM6IGJvb2xlYW47XG4gIEBJbnB1dCgpIG9ubHlGcm9tQXV0b2NvbXBsZXRlOiBib29sZWFuO1xuXG4gIEBJbnB1dCgpIHByZWZpeDogc3RyaW5nO1xuICBASW5wdXQoKSBzdWZmaXg6IHN0cmluZztcbiAgQElucHV0KCkgcmVhZG9ubHk6IGJvb2xlYW47XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgaWYgKCF0aGlzLnJlYWRvbmx5KSB7XG4gICAgICBpZiAoIXRoaXMuZGVzY3JpcHRpb24gJiYgdGhpcy5kZWZhdWx0KSB7XG4gICAgICAgIHRoaXMuZGVzY3JpcHRpb24gPSAnKGRlZmF1bHQ6ICcgKyB0aGlzLmRlZmF1bHQgKyAnKSc7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iXX0=