@ng-flexy/form-bootstrap
Version:
Flexy components and tools to build Angular 8+ applications
92 lines • 7.64 kB
JavaScript
import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../components/tree.component";
import * as i3 from "./readonly.component";
function FlexyControlTreeSelectComponent_div_0_ng_template_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
} if (rf & 2) {
const item_r4 = ctx.$implicit;
const ctx_r3 = i0.ɵɵnextContext(2);
i0.ɵɵtextInterpolate(item_r4[ctx_r3.labelKey]);
} }
function FlexyControlTreeSelectComponent_div_0_Template(rf, ctx) { if (rf & 1) {
const _r6 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "div");
i0.ɵɵelementStart(1, "flexy-tree", 2);
i0.ɵɵlistener("select", function FlexyControlTreeSelectComponent_div_0_Template_flexy_tree_select_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.selectItem($event); });
i0.ɵɵelementEnd();
i0.ɵɵtemplate(2, FlexyControlTreeSelectComponent_div_0_ng_template_2_Template, 1, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
i0.ɵɵelementEnd();
} if (rf & 2) {
const _r2 = i0.ɵɵreference(3);
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵadvance(1);
i0.ɵɵproperty("tree", ctx_r0.dataTree)("selectedId", ctx_r0.control.value)("readonlyId", ctx_r0.readonlyId)("templateRef", _r2);
} }
function FlexyControlTreeSelectComponent_flexy_control_readonly_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "flexy-control-readonly", 4);
} if (rf & 2) {
const ctx_r1 = i0.ɵɵnextContext();
i0.ɵɵproperty("value", ctx_r1.control.value)("default", ctx_r1.default);
} }
export class FlexyControlTreeSelectComponent {
constructor() {
// TODO
this.focused = new EventEmitter();
this.clicked = new EventEmitter();
this.changed = new EventEmitter();
}
ngOnInit() { }
selectItem(event) {
this.control.setValue(event && event.id ? event.id : null);
}
}
FlexyControlTreeSelectComponent.ɵfac = function FlexyControlTreeSelectComponent_Factory(t) { return new (t || FlexyControlTreeSelectComponent)(); };
FlexyControlTreeSelectComponent.ɵcmp = i0.ɵɵdefineComponent({ type: FlexyControlTreeSelectComponent, selectors: [["flexy-control-tree-select"]], inputs: { control: "control", dataTree: "dataTree", default: "default", readonlyId: "readonlyId", labelKey: "labelKey", readonly: "readonly" }, outputs: { focused: "focused", clicked: "clicked", changed: "changed" }, decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "value", "default", 4, "ngIf"], [3, "tree", "selectedId", "readonlyId", "templateRef", "select"], ["treeRef", ""], [3, "value", "default"]], template: function FlexyControlTreeSelectComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, FlexyControlTreeSelectComponent_div_0_Template, 4, 4, "div", 0);
i0.ɵɵtemplate(1, FlexyControlTreeSelectComponent_flexy_control_readonly_1_Template, 1, 2, "flexy-control-readonly", 1);
} if (rf & 2) {
i0.ɵɵproperty("ngIf", !ctx.readonly);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx.readonly);
} }, directives: [i1.NgIf, i2.FlexyTreeComponent, i3.FlexyControlReadonlyComponent], encapsulation: 2 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(FlexyControlTreeSelectComponent, [{
type: Component,
args: [{
template: `
<div *ngIf="!readonly">
<flexy-tree
[tree]="dataTree"
[selectedId]="control.value"
[readonlyId]="readonlyId"
[templateRef]="treeRef"
(select)="selectItem($event)"
>
</flexy-tree>
<ng-template #treeRef let-item>{{ item[labelKey] }}</ng-template>
</div>
<flexy-control-readonly *ngIf="readonly" [value]="control.value" [default]="default"></flexy-control-readonly>
`,
selector: 'flexy-control-tree-select'
}]
}], null, { control: [{
type: Input
}], dataTree: [{
type: Input
}], default: [{
type: Input
}], readonlyId: [{
type: Input
}], labelKey: [{
type: Input
}], readonly: [{
type: Input
}], focused: [{
type: Output
}], clicked: [{
type: Output
}], changed: [{
type: Output
}] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZm9ybS1ib290c3RyYXAvc3JjL2xpYi9jb250cm9scy90cmVlLXNlbGVjdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0lBYzFDLFlBQW9COzs7O0lBQXBCLDhDQUFvQjs7OztJQVRyRCwyQkFDRTtJQUFBLHFDQU9hO0lBRlgscU5BQTZCO0lBRS9CLGlCQUFhO0lBQ2IsdUlBQStCO0lBQ2pDLGlCQUFNOzs7O0lBUkYsZUFBaUI7SUFBakIsc0NBQWlCLG9DQUFBLGlDQUFBLG9CQUFBOzs7SUFTckIsNENBQThHOzs7SUFBckUsNENBQXVCLDJCQUFBOztBQUlwRSxNQUFNLE9BQU8sK0JBQStCO0lBakI1QztRQTJCRSxPQUFPO1FBQ0csWUFBTyxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7UUFDcEMsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7UUFDcEMsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FPN0M7SUFMQyxRQUFRLEtBQUksQ0FBQztJQUViLFVBQVUsQ0FBQyxLQUFLO1FBQ2QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsS0FBSyxJQUFJLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdELENBQUM7OzhHQW5CVSwrQkFBK0I7b0VBQS9CLCtCQUErQjtRQWZ4QyxnRkFDRTtRQVVGLHNIQUFxRjs7UUFYaEYsb0NBQWlCO1FBV0UsZUFBZ0I7UUFBaEIsbUNBQWdCOztrREFJL0IsK0JBQStCO2NBakIzQyxTQUFTO2VBQUM7Z0JBQ1QsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7O0dBYVQ7Z0JBQ0QsUUFBUSxFQUFFLDJCQUEyQjthQUN0QztnQkFFVSxPQUFPO2tCQUFmLEtBQUs7WUFFRyxRQUFRO2tCQUFoQixLQUFLO1lBQ0csT0FBTztrQkFBZixLQUFLO1lBQ0csVUFBVTtrQkFBbEIsS0FBSztZQUNHLFFBQVE7a0JBQWhCLEtBQUs7WUFFRyxRQUFRO2tCQUFoQixLQUFLO1lBR0ksT0FBTztrQkFBaEIsTUFBTTtZQUNHLE9BQU87a0JBQWhCLE1BQU07WUFDRyxPQUFPO2tCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgKm5nSWY9XCIhcmVhZG9ubHlcIj5cbiAgICAgIDxmbGV4eS10cmVlXG4gICAgICAgIFt0cmVlXT1cImRhdGFUcmVlXCJcbiAgICAgICAgW3NlbGVjdGVkSWRdPVwiY29udHJvbC52YWx1ZVwiXG4gICAgICAgIFtyZWFkb25seUlkXT1cInJlYWRvbmx5SWRcIlxuICAgICAgICBbdGVtcGxhdGVSZWZdPVwidHJlZVJlZlwiXG4gICAgICAgIChzZWxlY3QpPVwic2VsZWN0SXRlbSgkZXZlbnQpXCJcbiAgICAgID5cbiAgICAgIDwvZmxleHktdHJlZT5cbiAgICAgIDxuZy10ZW1wbGF0ZSAjdHJlZVJlZiBsZXQtaXRlbT57eyBpdGVtW2xhYmVsS2V5XSB9fTwvbmctdGVtcGxhdGU+XG4gICAgPC9kaXY+XG4gICAgPGZsZXh5LWNvbnRyb2wtcmVhZG9ubHkgKm5nSWY9XCJyZWFkb25seVwiIFt2YWx1ZV09XCJjb250cm9sLnZhbHVlXCIgW2RlZmF1bHRdPVwiZGVmYXVsdFwiPjwvZmxleHktY29udHJvbC1yZWFkb25seT5cbiAgYCxcbiAgc2VsZWN0b3I6ICdmbGV4eS1jb250cm9sLXRyZWUtc2VsZWN0J1xufSlcbmV4cG9ydCBjbGFzcyBGbGV4eUNvbnRyb2xUcmVlU2VsZWN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgY29udHJvbDogRm9ybUNvbnRyb2w7XG5cbiAgQElucHV0KCkgZGF0YVRyZWU6IGFueVtdO1xuICBASW5wdXQoKSBkZWZhdWx0OiBudW1iZXI7XG4gIEBJbnB1dCgpIHJlYWRvbmx5SWQ6IG51bWJlcjtcbiAgQElucHV0KCkgbGFiZWxLZXk6IHN0cmluZztcblxuICBASW5wdXQoKSByZWFkb25seTogYm9vbGVhbjtcblxuICAvLyBUT0RPXG4gIEBPdXRwdXQoKSBmb2N1c2VkID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcbiAgQE91dHB1dCgpIGNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuICBAT3V0cHV0KCkgY2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIG5nT25Jbml0KCkge31cblxuICBzZWxlY3RJdGVtKGV2ZW50KSB7XG4gICAgdGhpcy5jb250cm9sLnNldFZhbHVlKGV2ZW50ICYmIGV2ZW50LmlkID8gZXZlbnQuaWQgOiBudWxsKTtcbiAgfVxufVxuIl19