ax-common-ui-lib 1.0.0-qa.0

package/esm2020/lib/enlighten-lib/data-model-tree/attributes-selection-layout/attributes-selection-layout.component.mjs

@@ -0,0 +1,100 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/list";
+import * as i3 from "@angular/material/tooltip";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "../../../axo-utils/search-pipe";
+function AttributesSelectionLayoutComponent_mat_selection_list_1_ng_container_2_mat_list_option_1_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-list-option", 5);
+    i0.ɵɵlistener("selectedChange", function AttributesSelectionLayoutComponent_mat_selection_list_1_ng_container_2_mat_list_option_1_Template_mat_list_option_selectedChange_0_listener($event) { i0.ɵɵrestoreView(_r7); const attribute_r3 = i0.ɵɵnextContext().$implicit; return attribute_r3.isSelected = $event; });
+    i0.ɵɵelementStart(1, "span", 6);
+    i0.ɵɵelement(2, "mat-icon", 7);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const attribute_r3 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("value", attribute_r3)("selected", attribute_r3.isSelected);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("matTooltip", attribute_r3.label);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("svgIcon", attribute_r3.enlightenType.matIcon);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", attribute_r3.label, "");
+} }
+function AttributesSelectionLayoutComponent_mat_selection_list_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, AttributesSelectionLayoutComponent_mat_selection_list_1_ng_container_2_mat_list_option_1_Template, 4, 5, "mat-list-option", 4);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const attribute_r3 = ctx.$implicit;
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !attribute_r3.isHidden);
+} }
+function AttributesSelectionLayoutComponent_mat_selection_list_1_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-selection-list", 1, 2);
+    i0.ɵɵlistener("selectionChange", function AttributesSelectionLayoutComponent_mat_selection_list_1_Template_mat_selection_list_selectionChange_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return ctx_r9.attributeSelectionChange($event); });
+    i0.ɵɵtemplate(2, AttributesSelectionLayoutComponent_mat_selection_list_1_ng_container_2_Template, 2, 1, "ng-container", 3);
+    i0.ɵɵpipe(3, "search");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind2(3, 1, ctx_r0.attributes, ctx_r0.searchedTerm));
+} }
+export class AttributesSelectionLayoutComponent {
+    // **------------< Component Variables >----------*>
+    /**
+     * Constructor
+     */
+    constructor() {
+        this.searchedTerm = '';
+        // <----------< Output Emitter>-------------------->
+        this.attributeSelected = new EventEmitter();
+        this.attributeDeselected = new EventEmitter();
+    }
+    // On Init Life cycle hook
+    ngOnInit() {
+    }
+    /***
+     * attributeSelectionChange get called on checkbox selection change.
+     * @param event
+     */
+    attributeSelectionChange(event) {
+        if (event.option.selected) {
+            this.attributeSelected.emit(event.option.value);
+        }
+        else {
+            this.attributeDeselected.emit(event.option.value);
+        }
+    }
+}
+AttributesSelectionLayoutComponent.ɵfac = function AttributesSelectionLayoutComponent_Factory(t) { return new (t || AttributesSelectionLayoutComponent)(); };
+AttributesSelectionLayoutComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AttributesSelectionLayoutComponent, selectors: [["lib-attributes-selection-layout"]], inputs: { attributes: "attributes", searchedTerm: "searchedTerm", selectedAttribute: "selectedAttribute" }, outputs: { attributeSelected: "attributeSelected", attributeDeselected: "attributeDeselected" }, decls: 3, vars: 4, consts: [[3, "selectionChange", 4, "ngIf"], [3, "selectionChange"], ["filters", ""], [4, "ngFor", "ngForOf"], ["checkboxPosition", "after", "color", "primary", 3, "value", "selected", "selectedChange", 4, "ngIf"], ["checkboxPosition", "after", "color", "primary", 3, "value", "selected", "selectedChange"], [1, "list-field", 3, "matTooltip"], [1, "svg-icon", "mr-2", 3, "svgIcon"]], template: function AttributesSelectionLayoutComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div");
+        i0.ɵɵtemplate(1, AttributesSelectionLayoutComponent_mat_selection_list_1_Template, 4, 4, "mat-selection-list", 0);
+        i0.ɵɵpipe(2, "search");
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        let tmp_0_0;
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ((tmp_0_0 = i0.ɵɵpipeBind2(2, 1, ctx.attributes, ctx.searchedTerm)) == null ? null : tmp_0_0.length) > 0);
+    } }, directives: [i1.NgIf, i2.MatSelectionList, i1.NgForOf, i2.MatListOption, i3.MatTooltip, i4.MatIcon], pipes: [i5.SearchPipe], styles: [""] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AttributesSelectionLayoutComponent, [{
+        type: Component,
+        args: [{ selector: 'lib-attributes-selection-layout', template: "<div>\n    <mat-selection-list #filters *ngIf=\"(attributes | search: searchedTerm)?.length > 0\"\n    (selectionChange)=\"attributeSelectionChange($event)\">\n        <ng-container *ngFor=\"let attribute of attributes| search: searchedTerm\">\n            <mat-list-option *ngIf=\"!attribute.isHidden\" checkboxPosition=\"after\"   [value]='attribute' [(selected)]=\"attribute.isSelected\" color=\"primary\">\n                <span class=\"list-field\" [matTooltip]=\"attribute.label\" ><mat-icon class=\"svg-icon mr-2\" [svgIcon]=\"attribute.enlightenType.matIcon\"></mat-icon> {{attribute.label}}</span>\n            </mat-list-option>\n        </ng-container>\n    </mat-selection-list>\n</div>\n", styles: [""] }]
+    }], function () { return []; }, { attributes: [{
+            type: Input
+        }], searchedTerm: [{
+            type: Input
+        }], selectedAttribute: [{
+            type: Input
+        }], attributeSelected: [{
+            type: Output
+        }], attributeDeselected: [{
+            type: Output
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXR0cmlidXRlcy1zZWxlY3Rpb24tbGF5b3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9heC1hcHAtY29tbW9uLWxpYi9zcmMvbGliL2VubGlnaHRlbi1saWIvZGF0YS1tb2RlbC10cmVlL2F0dHJpYnV0ZXMtc2VsZWN0aW9uLWxheW91dC9hdHRyaWJ1dGVzLXNlbGVjdGlvbi1sYXlvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2F4LWFwcC1jb21tb24tbGliL3NyYy9saWIvZW5saWdodGVuLWxpYi9kYXRhLW1vZGVsLXRyZWUvYXR0cmlidXRlcy1zZWxlY3Rpb24tbGF5b3V0L2F0dHJpYnV0ZXMtc2VsZWN0aW9uLWxheW91dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBb0MsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7O0lDSTdGLDBDQUFnSjtJQUFwRCxvVEFBbUM7SUFDM0gsK0JBQXlEO0lBQUEsOEJBQXVGO0lBQUMsWUFBbUI7SUFBQSxpQkFBTztJQUMvSyxpQkFBa0I7OztJQUZzRCxvQ0FBbUIscUNBQUE7SUFDOUQsZUFBOEI7SUFBOUIsK0NBQThCO0lBQWtDLGVBQTJDO0lBQTNDLDREQUEyQztJQUFhLGVBQW1CO0lBQW5CLGtEQUFtQjs7O0lBRjVLLDZCQUF5RTtJQUNyRSwrSUFFa0I7SUFDdEIsMEJBQWU7OztJQUhPLGVBQXlCO0lBQXpCLDZDQUF5Qjs7OztJQUhuRCxnREFDcUQ7SUFBckQscU9BQW1CLHVDQUFnQyxJQUFDO0lBQ2hELDBIQUllOztJQUNuQixpQkFBcUI7OztJQUxtQixlQUFtQztJQUFuQyxzRkFBbUM7O0FETS9FLE1BQU0sT0FBTyxrQ0FBa0M7SUFTM0Msb0RBQW9EO0lBRXBEOztPQUVHO0lBQ0g7UUFWUyxpQkFBWSxHQUFXLEVBQUUsQ0FBQztRQUVuQyxvREFBb0Q7UUFDMUMsc0JBQWlCLEdBQTRCLElBQUksWUFBWSxFQUFhLENBQUM7UUFDM0Usd0JBQW1CLEdBQTRCLElBQUksWUFBWSxFQUFhLENBQUM7SUFNdkUsQ0FBQztJQUVqQiwwQkFBMEI7SUFDMUIsUUFBUTtJQUNSLENBQUM7SUFFRDs7O09BR0c7SUFDSCx3QkFBd0IsQ0FBQyxLQUE2QjtRQUNsRCxJQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFDO1lBQ3JCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNuRDthQUFJO1lBQ0QsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3JEO0lBQ0wsQ0FBQzs7b0hBOUJRLGtDQUFrQztxRkFBbEMsa0NBQWtDO1FDVC9DLDJCQUFLO1FBQ0QsaUhBT3FCOztRQUN6QixpQkFBTTs7O1FBUjRCLGVBQXFEO1FBQXJELCtIQUFxRDs7dUZEUTFFLGtDQUFrQztjQUw5QyxTQUFTOzJCQUNFLGlDQUFpQztzQ0FPaEMsVUFBVTtrQkFBbEIsS0FBSztZQUNHLFlBQVk7a0JBQXBCLEtBQUs7WUFDRyxpQkFBaUI7a0JBQXpCLEtBQUs7WUFFSSxpQkFBaUI7a0JBQTFCLE1BQU07WUFDRyxtQkFBbUI7a0JBQTVCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcywgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdFNlbGVjdGlvbkxpc3RDaGFuZ2UgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9saXN0JztcbmltcG9ydCB7IEF0dHJpYnV0ZSB9IGZyb20gJy4uLy4uL2RhdGEtbW9kZWwvYXR0cmlidXRlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWF0dHJpYnV0ZXMtc2VsZWN0aW9uLWxheW91dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdHRyaWJ1dGVzLXNlbGVjdGlvbi1sYXlvdXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdHRyaWJ1dGVzLXNlbGVjdGlvbi1sYXlvdXQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBBdHRyaWJ1dGVzU2VsZWN0aW9uTGF5b3V0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIC8qKi0tLS0tLS0tLS0gSW5wdXRzIC0tLS0tLS0tLS0qL1xuICAgIEBJbnB1dCgpIGF0dHJpYnV0ZXM6IEFycmF5PEF0dHJpYnV0ZT47XG4gICAgQElucHV0KCkgc2VhcmNoZWRUZXJtOiBzdHJpbmcgPSAnJztcbiAgICBASW5wdXQoKSBzZWxlY3RlZEF0dHJpYnV0ZTogQXJyYXk8QXR0cmlidXRlPjtcbiAgICAvLyA8LS0tLS0tLS0tLTwgT3V0cHV0IEVtaXR0ZXI+LS0tLS0tLS0tLS0tLS0tLS0tLS0+XG4gICAgQE91dHB1dCgpIGF0dHJpYnV0ZVNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8QXR0cmlidXRlPiA9IG5ldyBFdmVudEVtaXR0ZXI8QXR0cmlidXRlPigpO1xuICAgIEBPdXRwdXQoKSBhdHRyaWJ1dGVEZXNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8QXR0cmlidXRlPiA9IG5ldyBFdmVudEVtaXR0ZXI8QXR0cmlidXRlPigpO1xuICAgIC8vICoqLS0tLS0tLS0tLS0tPCBDb21wb25lbnQgVmFyaWFibGVzID4tLS0tLS0tLS0tKj5cblxuICAgIC8qKlxuICAgICAqIENvbnN0cnVjdG9yXG4gICAgICovXG4gICAgY29uc3RydWN0b3IoKSB7IH1cblxuICAgIC8vIE9uIEluaXQgTGlmZSBjeWNsZSBob29rXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgfVxuXG4gICAgLyoqKlxuICAgICAqIGF0dHJpYnV0ZVNlbGVjdGlvbkNoYW5nZSBnZXQgY2FsbGVkIG9uIGNoZWNrYm94IHNlbGVjdGlvbiBjaGFuZ2UuXG4gICAgICogQHBhcmFtIGV2ZW50XG4gICAgICovXG4gICAgYXR0cmlidXRlU2VsZWN0aW9uQ2hhbmdlKGV2ZW50OiBNYXRTZWxlY3Rpb25MaXN0Q2hhbmdlKTogdm9pZCB7XG4gICAgICAgIGlmKGV2ZW50Lm9wdGlvbi5zZWxlY3RlZCl7XG4gICAgICAgICAgICB0aGlzLmF0dHJpYnV0ZVNlbGVjdGVkLmVtaXQoZXZlbnQub3B0aW9uLnZhbHVlKTtcbiAgICAgICAgfWVsc2V7XG4gICAgICAgICAgICB0aGlzLmF0dHJpYnV0ZURlc2VsZWN0ZWQuZW1pdChldmVudC5vcHRpb24udmFsdWUpO1xuICAgICAgICB9XG4gICAgfVxuXG5cbn1cbiIsIjxkaXY+XG4gICAgPG1hdC1zZWxlY3Rpb24tbGlzdCAjZmlsdGVycyAqbmdJZj1cIihhdHRyaWJ1dGVzIHwgc2VhcmNoOiBzZWFyY2hlZFRlcm0pPy5sZW5ndGggPiAwXCJcbiAgICAoc2VsZWN0aW9uQ2hhbmdlKT1cImF0dHJpYnV0ZVNlbGVjdGlvbkNoYW5nZSgkZXZlbnQpXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGF0dHJpYnV0ZSBvZiBhdHRyaWJ1dGVzfCBzZWFyY2g6IHNlYXJjaGVkVGVybVwiPlxuICAgICAgICAgICAgPG1hdC1saXN0LW9wdGlvbiAqbmdJZj1cIiFhdHRyaWJ1dGUuaXNIaWRkZW5cIiBjaGVja2JveFBvc2l0aW9uPVwiYWZ0ZXJcIiAgIFt2YWx1ZV09J2F0dHJpYnV0ZScgWyhzZWxlY3RlZCldPVwiYXR0cmlidXRlLmlzU2VsZWN0ZWRcIiBjb2xvcj1cInByaW1hcnlcIj5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImxpc3QtZmllbGRcIiBbbWF0VG9vbHRpcF09XCJhdHRyaWJ1dGUubGFiZWxcIiA+PG1hdC1pY29uIGNsYXNzPVwic3ZnLWljb24gbXItMlwiIFtzdmdJY29uXT1cImF0dHJpYnV0ZS5lbmxpZ2h0ZW5UeXBlLm1hdEljb25cIj48L21hdC1pY29uPiB7e2F0dHJpYnV0ZS5sYWJlbH19PC9zcGFuPlxuICAgICAgICAgICAgPC9tYXQtbGlzdC1vcHRpb24+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvbWF0LXNlbGVjdGlvbi1saXN0PlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/enlighten-lib/data-model-tree/categories-tree/categories-tree.component.mjs

@@ -0,0 +1,113 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/expansion";
+import * as i3 from "@angular/material/list";
+import * as i4 from "@angular/material/tooltip";
+import * as i5 from "../../../axo-utils/search-pipe";
+function CategoriesTreeComponent_div_0_label_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "label", 7);
+    i0.ɵɵtext(1, "Category");
+    i0.ɵɵelementEnd();
+} }
+function CategoriesTreeComponent_div_0_ng_container_7_mat_list_option_1_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-list-option", 9);
+    i0.ɵɵlistener("selectedChange", function CategoriesTreeComponent_div_0_ng_container_7_mat_list_option_1_Template_mat_list_option_selectedChange_0_listener($event) { i0.ɵɵrestoreView(_r9); const category_r4 = i0.ɵɵnextContext().$implicit; return category_r4.isSelected = $event; });
+    i0.ɵɵelementStart(1, "span", 10);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const category_r4 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("value", category_r4)("selected", category_r4.isSelected);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("matTooltip", category_r4.name);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", category_r4.name, "");
+} }
+function CategoriesTreeComponent_div_0_ng_container_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, CategoriesTreeComponent_div_0_ng_container_7_mat_list_option_1_Template, 3, 4, "mat-list-option", 8);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const category_r4 = ctx.$implicit;
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !category_r4.isHidden);
+} }
+const _c0 = function (a0) { return { "field-container": a0 }; };
+function CategoriesTreeComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelementStart(1, "mat-expansion-panel", 2);
+    i0.ɵɵelementStart(2, "mat-expansion-panel-header");
+    i0.ɵɵtemplate(3, CategoriesTreeComponent_div_0_label_3_Template, 2, 0, "label", 3);
+    i0.ɵɵpipe(4, "search");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "mat-selection-list", 4, 5);
+    i0.ɵɵlistener("selectionChange", function CategoriesTreeComponent_div_0_Template_mat_selection_list_selectionChange_5_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return ctx_r11.categorySelectionChange($event); });
+    i0.ɵɵtemplate(7, CategoriesTreeComponent_div_0_ng_container_7_Template, 2, 1, "ng-container", 6);
+    i0.ɵɵpipe(8, "search");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    let tmp_1_0;
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0, ctx_r0.showSearchBox));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", (tmp_1_0 = i0.ɵɵpipeBind2(4, 3, ctx_r0.categories, ctx_r0.searchedTerm)) == null ? null : tmp_1_0.length);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind2(8, 6, ctx_r0.categories, ctx_r0.searchedTerm));
+} }
+export class CategoriesTreeComponent {
+    /**
+     * Constructor
+     */
+    constructor() {
+        // <----------(Inputs)---------------------------->
+        this.categories = [];
+        this.searchedTerm = ''; // Search Text
+        //<----------------(Outputs) --------------------->
+        this.categorySelected = new EventEmitter();
+        this.categoryDeselected = new EventEmitter();
+    }
+    /**
+     * On init life cycle hook.
+     */
+    ngOnInit() {
+    }
+    /**
+     * categorySelectionChange get called on category selection box changed
+     * @param event
+     */
+    categorySelectionChange(event) {
+        if (event.option.selected) {
+            this.categorySelected.emit(event.option.value);
+        }
+        else {
+            this.categoryDeselected.emit(event.option.value);
+        }
+    }
+}
+CategoriesTreeComponent.ɵfac = function CategoriesTreeComponent_Factory(t) { return new (t || CategoriesTreeComponent)(); };
+CategoriesTreeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CategoriesTreeComponent, selectors: [["lib-categories-tree"]], inputs: { categories: "categories", searchedTerm: "searchedTerm" }, outputs: { categorySelected: "categorySelected", categoryDeselected: "categoryDeselected" }, decls: 2, vars: 4, consts: [[3, "ngClass", 4, "ngIf"], [3, "ngClass"], [1, "mb-6"], ["class", "axo-font font-normal", 4, "ngIf"], [3, "selectionChange"], ["category", ""], [4, "ngFor", "ngForOf"], [1, "axo-font", "font-normal"], ["checkboxPosition", "after", "color", "primary", 3, "value", "selected", "selectedChange", 4, "ngIf"], ["checkboxPosition", "after", "color", "primary", 3, "value", "selected", "selectedChange"], [1, "list-field", 3, "matTooltip"]], template: function CategoriesTreeComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, CategoriesTreeComponent_div_0_Template, 9, 11, "div", 0);
+        i0.ɵɵpipe(1, "search");
+    } if (rf & 2) {
+        let tmp_0_0;
+        i0.ɵɵproperty("ngIf", (tmp_0_0 = i0.ɵɵpipeBind2(1, 1, ctx.categories, ctx.searchedTerm)) == null ? null : tmp_0_0.length);
+    } }, directives: [i1.NgIf, i1.NgClass, i2.MatExpansionPanel, i2.MatExpansionPanelHeader, i3.MatSelectionList, i1.NgForOf, i3.MatListOption, i4.MatTooltip], pipes: [i5.SearchPipe], styles: [""] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CategoriesTreeComponent, [{
+        type: Component,
+        args: [{ selector: 'lib-categories-tree', template: "<div [ngClass]=\"{'field-container' : showSearchBox}\"*ngIf=\"(categories | search: searchedTerm)?.length\" >\n    <mat-expansion-panel class=\"mb-6\">\n        <mat-expansion-panel-header>\n            <label class=\"axo-font font-normal\" *ngIf=\"(categories | search: searchedTerm)?.length\">Category</label>\n        </mat-expansion-panel-header>\n        <mat-selection-list #category\n        (selectionChange)=\"categorySelectionChange($event)\">\n            <ng-container *ngFor=\"let category of categories| search: searchedTerm;let i=index \">\n                <mat-list-option *ngIf=\"!category.isHidden\" checkboxPosition=\"after\"   [value]='category' [(selected)]=\"category.isSelected\" color=\"primary\">\n                    <span class=\"list-field\"  [matTooltip]=\"category.name\"> {{category.name}}</span>\n                </mat-list-option>\n            </ng-container>\n        </mat-selection-list>\n    </mat-expansion-panel>\n</div>\n", styles: [""] }]
+    }], function () { return []; }, { categories: [{
+            type: Input
+        }], searchedTerm: [{
+            type: Input
+        }], categorySelected: [{
+            type: Output
+        }], categoryDeselected: [{
+            type: Output
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2F0ZWdvcmllcy10cmVlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9heC1hcHAtY29tbW9uLWxpYi9zcmMvbGliL2VubGlnaHRlbi1saWIvZGF0YS1tb2RlbC10cmVlL2NhdGVnb3JpZXMtdHJlZS9jYXRlZ29yaWVzLXRyZWUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2F4LWFwcC1jb21tb24tbGliL3NyYy9saWIvZW5saWdodGVuLWxpYi9kYXRhLW1vZGVsLXRyZWUvY2F0ZWdvcmllcy10cmVlL2NhdGVnb3JpZXMtdHJlZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztJQ0VuRSxnQ0FBd0Y7SUFBQSx3QkFBUTtJQUFBLGlCQUFROzs7O0lBS3BHLDBDQUE2STtJQUFuRCx3UkFBa0M7SUFDeEgsZ0NBQXVEO0lBQUMsWUFBaUI7SUFBQSxpQkFBTztJQUNwRixpQkFBa0I7OztJQUZxRCxtQ0FBa0Isb0NBQUE7SUFDM0QsZUFBNEI7SUFBNUIsNkNBQTRCO0lBQUUsZUFBaUI7SUFBakIsZ0RBQWlCOzs7SUFGakYsNkJBQXFGO0lBQ2pGLHFIQUVrQjtJQUN0QiwwQkFBZTs7O0lBSE8sZUFBd0I7SUFBeEIsNENBQXdCOzs7OztJQVIxRCw4QkFBeUc7SUFDckcsOENBQWtDO0lBQzlCLGtEQUE0QjtJQUN4QixrRkFBd0c7O0lBQzVHLGlCQUE2QjtJQUM3QixnREFDb0Q7SUFBcEQsNE1BQW1CLHVDQUErQixJQUFDO0lBQy9DLGdHQUllOztJQUNuQixpQkFBcUI7SUFDekIsaUJBQXNCO0lBQzFCLGlCQUFNOzs7O0lBZEQsMEVBQStDO0lBR0gsZUFBaUQ7SUFBakQsK0hBQWlEO0lBSW5ELGVBQW9DO0lBQXBDLHNGQUFvQzs7QURFbkYsTUFBTSxPQUFPLHVCQUF1QjtJQU9oQzs7T0FFRztJQUNIO1FBVEEsbURBQW1EO1FBQzFDLGVBQVUsR0FBMEIsRUFBRSxDQUFBO1FBQ3RDLGlCQUFZLEdBQVcsRUFBRSxDQUFBLENBQUUsY0FBYztRQUNsRCxtREFBbUQ7UUFDekMscUJBQWdCLEdBQWlDLElBQUksWUFBWSxFQUFrQixDQUFDO1FBQ3BGLHVCQUFrQixHQUFpQyxJQUFJLFlBQVksRUFBa0IsQ0FBQztJQUloRixDQUFDO0lBRWpCOztPQUVHO0lBQ0gsUUFBUTtJQUNSLENBQUM7SUFFRDs7O09BR0c7SUFDSCx1QkFBdUIsQ0FBQyxLQUE2QjtRQUNqRCxJQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFDO1lBQ3JCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNsRDthQUFJO1lBQ0QsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3BEO0lBQ0wsQ0FBQzs7OEZBNUJRLHVCQUF1QjswRUFBdkIsdUJBQXVCO1FDVHBDLHlFQWNNOzs7O1FBZCtDLHlIQUFpRDs7dUZEU3pGLHVCQUF1QjtjQUxuQyxTQUFTOzJCQUNJLHFCQUFxQjtzQ0FNdEIsVUFBVTtrQkFBbEIsS0FBSztZQUNHLFlBQVk7a0JBQXBCLEtBQUs7WUFFSSxnQkFBZ0I7a0JBQXpCLE1BQU07WUFDRyxrQkFBa0I7a0JBQTNCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBGaWx0ZXJDYXRlZ29yeSB9IGZyb20gJy4uLy4uL2ZpbHRlcnMvZmlsdGVyLWNhdGVnb3J5JztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdFNlbGVjdGlvbkxpc3RDaGFuZ2UgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9saXN0JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdsaWItY2F0ZWdvcmllcy10cmVlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY2F0ZWdvcmllcy10cmVlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jYXRlZ29yaWVzLXRyZWUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDYXRlZ29yaWVzVHJlZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgLy8gPC0tLS0tLS0tLS0oSW5wdXRzKS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0+XG4gICAgQElucHV0KCkgY2F0ZWdvcmllczogQXJyYXk8RmlsdGVyQ2F0ZWdvcnk+ID0gW11cbiAgICBASW5wdXQoKSBzZWFyY2hlZFRlcm06IHN0cmluZyA9ICcnICAvLyBTZWFyY2ggVGV4dFxuICAgIC8vPC0tLS0tLS0tLS0tLS0tLS0oT3V0cHV0cykgLS0tLS0tLS0tLS0tLS0tLS0tLS0tPlxuICAgIEBPdXRwdXQoKSBjYXRlZ29yeVNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8RmlsdGVyQ2F0ZWdvcnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxGaWx0ZXJDYXRlZ29yeT4oKTtcbiAgICBAT3V0cHV0KCkgY2F0ZWdvcnlEZXNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8RmlsdGVyQ2F0ZWdvcnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxGaWx0ZXJDYXRlZ29yeT4oKTtcbiAgICAvKipcbiAgICAgKiBDb25zdHJ1Y3RvclxuICAgICAqL1xuICAgIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgICAvKipcbiAgICAgKiBPbiBpbml0IGxpZmUgY3ljbGUgaG9vay5cbiAgICAgKi9cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBjYXRlZ29yeVNlbGVjdGlvbkNoYW5nZSBnZXQgY2FsbGVkIG9uIGNhdGVnb3J5IHNlbGVjdGlvbiBib3ggY2hhbmdlZFxuICAgICAqIEBwYXJhbSBldmVudFxuICAgICAqL1xuICAgIGNhdGVnb3J5U2VsZWN0aW9uQ2hhbmdlKGV2ZW50OiBNYXRTZWxlY3Rpb25MaXN0Q2hhbmdlKTogdm9pZHtcbiAgICAgICAgaWYoZXZlbnQub3B0aW9uLnNlbGVjdGVkKXtcbiAgICAgICAgICAgIHRoaXMuY2F0ZWdvcnlTZWxlY3RlZC5lbWl0KGV2ZW50Lm9wdGlvbi52YWx1ZSk7XG4gICAgICAgIH1lbHNle1xuICAgICAgICAgICAgdGhpcy5jYXRlZ29yeURlc2VsZWN0ZWQuZW1pdChldmVudC5vcHRpb24udmFsdWUpO1xuICAgICAgICB9XG4gICAgfVxuXG59XG4iLCI8ZGl2IFtuZ0NsYXNzXT1cInsnZmllbGQtY29udGFpbmVyJyA6IHNob3dTZWFyY2hCb3h9XCIqbmdJZj1cIihjYXRlZ29yaWVzIHwgc2VhcmNoOiBzZWFyY2hlZFRlcm0pPy5sZW5ndGhcIiA+XG4gICAgPG1hdC1leHBhbnNpb24tcGFuZWwgY2xhc3M9XCJtYi02XCI+XG4gICAgICAgIDxtYXQtZXhwYW5zaW9uLXBhbmVsLWhlYWRlcj5cbiAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImF4by1mb250IGZvbnQtbm9ybWFsXCIgKm5nSWY9XCIoY2F0ZWdvcmllcyB8IHNlYXJjaDogc2VhcmNoZWRUZXJtKT8ubGVuZ3RoXCI+Q2F0ZWdvcnk8L2xhYmVsPlxuICAgICAgICA8L21hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxuICAgICAgICA8bWF0LXNlbGVjdGlvbi1saXN0ICNjYXRlZ29yeVxuICAgICAgICAoc2VsZWN0aW9uQ2hhbmdlKT1cImNhdGVnb3J5U2VsZWN0aW9uQ2hhbmdlKCRldmVudClcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGNhdGVnb3J5IG9mIGNhdGVnb3JpZXN8IHNlYXJjaDogc2VhcmNoZWRUZXJtO2xldCBpPWluZGV4IFwiPlxuICAgICAgICAgICAgICAgIDxtYXQtbGlzdC1vcHRpb24gKm5nSWY9XCIhY2F0ZWdvcnkuaXNIaWRkZW5cIiBjaGVja2JveFBvc2l0aW9uPVwiYWZ0ZXJcIiAgIFt2YWx1ZV09J2NhdGVnb3J5JyBbKHNlbGVjdGVkKV09XCJjYXRlZ29yeS5pc1NlbGVjdGVkXCIgY29sb3I9XCJwcmltYXJ5XCI+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibGlzdC1maWVsZFwiICBbbWF0VG9vbHRpcF09XCJjYXRlZ29yeS5uYW1lXCI+IHt7Y2F0ZWdvcnkubmFtZX19PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvbWF0LWxpc3Qtb3B0aW9uPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvbWF0LXNlbGVjdGlvbi1saXN0PlxuICAgIDwvbWF0LWV4cGFuc2lvbi1wYW5lbD5cbjwvZGl2PlxuIl19

package/esm2020/lib/enlighten-lib/data-model-tree/data-model-tree-enums.mjs

@@ -0,0 +1,6 @@
+export var DataModelTreeDisplayType;
+(function (DataModelTreeDisplayType) {
+    DataModelTreeDisplayType[DataModelTreeDisplayType["dragDropList"] = 0] = "dragDropList";
+    DataModelTreeDisplayType[DataModelTreeDisplayType["selectionList"] = 1] = "selectionList";
+})(DataModelTreeDisplayType || (DataModelTreeDisplayType = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1tb2RlbC10cmVlLWVudW1zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2F4LWFwcC1jb21tb24tbGliL3NyYy9saWIvZW5saWdodGVuLWxpYi9kYXRhLW1vZGVsLXRyZWUvZGF0YS1tb2RlbC10cmVlLWVudW1zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLHdCQUdYO0FBSEQsV0FBWSx3QkFBd0I7SUFDaEMsdUZBQVksQ0FBQTtJQUNaLHlGQUFhLENBQUE7QUFDakIsQ0FBQyxFQUhXLHdCQUF3QixLQUF4Qix3QkFBd0IsUUFHbkMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBEYXRhTW9kZWxUcmVlRGlzcGxheVR5cGV7XG4gICAgZHJhZ0Ryb3BMaXN0LFxuICAgIHNlbGVjdGlvbkxpc3Rcbn1cblxuIl19

package/esm2020/lib/enlighten-lib/data-model-tree/data-model-tree.component.mjs

@@ -0,0 +1,301 @@
+import { DataModelTreeDisplayType } from './data-model-tree-enums';
+import { Component, Input, ViewChild, ViewEncapsulation, Output, EventEmitter } from '@angular/core';
+import { MatAccordion } from '@angular/material/expansion';
+import { DataModel } from '../data-model/data-model';
+import { Subject } from 'rxjs';
+import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/material/expansion";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "./categories-tree/categories-tree.component";
+import * as i6 from "@angular/cdk/drag-drop";
+import * as i7 from "./attributes-dragdrop-layout/attributes-dragdrop-layout.component";
+import * as i8 from "./attributes-selection-layout/attributes-selection-layout.component";
+import * as i9 from "../../axo-utils/field-list-search-pipe";
+function DataModelTreeComponent_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵtext(1, "Fields");
+    i0.ɵɵelementEnd();
+} }
+const _c0 = function (a0) { return { "search-icon": a0 }; };
+function DataModelTreeComponent_button_5_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 13);
+    i0.ɵɵlistener("click", function DataModelTreeComponent_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return ctx_r6.enableSearch(); });
+    i0.ɵɵelement(1, "mat-icon", 14);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c0, ctx_r1.showSearchBox))("svgIcon", "heroicons_solid:search");
+} }
+function DataModelTreeComponent_mat_icon_7_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-icon", 15);
+    i0.ɵɵlistener("click", function DataModelTreeComponent_mat_icon_7_Template_mat_icon_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return ctx_r8.clear(); });
+    i0.ɵɵtext(1, "clear");
+    i0.ɵɵelementEnd();
+} }
+function DataModelTreeComponent_button_8_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 16);
+    i0.ɵɵlistener("click", function DataModelTreeComponent_button_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.enableSearch(); });
+    i0.ɵɵelement(1, "mat-icon", 17);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("svgIcon", "heroicons_solid:search");
+} }
+function DataModelTreeComponent_ng_container_11_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "lib-categories-tree", 18);
+    i0.ɵɵlistener("categorySelected", function DataModelTreeComponent_ng_container_11_Template_lib_categories_tree_categorySelected_1_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r12 = i0.ɵɵnextContext(); return ctx_r12.categorySelected.emit($event); })("categoryDeselected", function DataModelTreeComponent_ng_container_11_Template_lib_categories_tree_categoryDeselected_1_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r14 = i0.ɵɵnextContext(); return ctx_r14.categoryDeselected.emit($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("categories", ctx_r4.categories)("searchedTerm", ctx_r4.searchedTerm);
+} }
+function DataModelTreeComponent_ng_container_12_ng_container_1_mat_expansion_panel_1_ng_container_4_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelement(1, "lib-attributes-dragdrop-layout", 24);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const entity_r15 = i0.ɵɵnextContext(4).$implicit;
+    const ctx_r19 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("attributes", entity_r15.columns)("searchedTerm", ctx_r19.searchedTerm);
+} }
+function DataModelTreeComponent_ng_container_12_ng_container_1_mat_expansion_panel_1_ng_container_4_ng_container_3_Template(rf, ctx) { if (rf & 1) {
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "lib-attributes-selection-layout", 25);
+    i0.ɵɵlistener("attributeSelected", function DataModelTreeComponent_ng_container_12_ng_container_1_mat_expansion_panel_1_ng_container_4_ng_container_3_Template_lib_attributes_selection_layout_attributeSelected_1_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r22 = i0.ɵɵnextContext(5); return ctx_r22.attributeSelected.emit($event); })("attributeDeselected", function DataModelTreeComponent_ng_container_12_ng_container_1_mat_expansion_panel_1_ng_container_4_ng_container_3_Template_lib_attributes_selection_layout_attributeDeselected_1_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r24 = i0.ɵɵnextContext(5); return ctx_r24.attributeDeselected.emit($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const entity_r15 = i0.ɵɵnextContext(4).$implicit;
+    const ctx_r20 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("attributes", entity_r15.columns)("searchedTerm", ctx_r20.searchedTerm);
+} }
+function DataModelTreeComponent_ng_container_12_ng_container_1_mat_expansion_panel_1_ng_container_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementContainerStart(1, 22);
+    i0.ɵɵtemplate(2, DataModelTreeComponent_ng_container_12_ng_container_1_mat_expansion_panel_1_ng_container_4_ng_container_2_Template, 2, 2, "ng-container", 23);
+    i0.ɵɵtemplate(3, DataModelTreeComponent_ng_container_12_ng_container_1_mat_expansion_panel_1_ng_container_4_ng_container_3_Template, 2, 2, "ng-container", 23);
+    i0.ɵɵelementContainerEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r18 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngSwitch", ctx_r18.displayMode);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngSwitchCase", ctx_r18.dataModelTreeDisplayType.dragDropList);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngSwitchCase", ctx_r18.dataModelTreeDisplayType.selectionList);
+} }
+function DataModelTreeComponent_ng_container_12_ng_container_1_mat_expansion_panel_1_Template(rf, ctx) { if (rf & 1) {
+    const _r28 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-expansion-panel", 20);
+    i0.ɵɵlistener("closed", function DataModelTreeComponent_ng_container_12_ng_container_1_mat_expansion_panel_1_Template_mat_expansion_panel_closed_0_listener() { i0.ɵɵrestoreView(_r28); const entity_r15 = i0.ɵɵnextContext(2).$implicit; return entity_r15.expanded = false; })("opened", function DataModelTreeComponent_ng_container_12_ng_container_1_mat_expansion_panel_1_Template_mat_expansion_panel_opened_0_listener() { i0.ɵɵrestoreView(_r28); const entity_r15 = i0.ɵɵnextContext(2).$implicit; return entity_r15.expanded = true; });
+    i0.ɵɵelementStart(1, "mat-expansion-panel-header");
+    i0.ɵɵelementStart(2, "label", 21);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(4, DataModelTreeComponent_ng_container_12_ng_container_1_mat_expansion_panel_1_ng_container_4_Template, 4, 3, "ng-container", 10);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const entity_r15 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r17 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("cdkDropListDisabled", ctx_r17.displayMode === ctx_r17.dataModelTreeDisplayType.dragDropList)("cdkDropListData", entity_r15.attributes)("cdkDropListConnectedTo", ctx_r17.arrtributeDropZoneList);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", entity_r15.formName, " ");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", entity_r15.expanded);
+} }
+function DataModelTreeComponent_ng_container_12_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, DataModelTreeComponent_ng_container_12_ng_container_1_mat_expansion_panel_1_Template, 5, 5, "mat-expansion-panel", 19);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const entity_r15 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", (entity_r15.columns == null ? null : entity_r15.columns.length) && !entity_r15.isManyToManyTable);
+} }
+function DataModelTreeComponent_ng_container_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, DataModelTreeComponent_ng_container_12_ng_container_1_Template, 2, 1, "ng-container", 10);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const entity_r15 = ctx.$implicit;
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !entity_r15.isManyToManyTable && !entity_r15.hidden);
+} }
+const _c1 = function (a0) { return { "pb-2": a0 }; };
+const _c2 = function (a0) { return { "search-field-border": a0 }; };
+export class DataModelTreeComponent {
+    /**
+     * Constructor
+     */
+    constructor() {
+        this.displayMode = DataModelTreeDisplayType.dragDropList;
+        //---------------<Outputs>------------------------
+        this.attributeSelected = new EventEmitter();
+        this.attributeDeselected = new EventEmitter();
+        this.categorySelected = new EventEmitter();
+        this.categoryDeselected = new EventEmitter();
+        // ----------------<Component Variables>----------
+        this.showSearchBox = false;
+        this.searchInputText = '';
+        this.searchedTerm = '';
+        this.dataModelTreeDisplayType = DataModelTreeDisplayType;
+        this.searchSubscriber = new Subject();
+    }
+    /**
+     * OnChange
+     *
+     * @param changes
+     */
+    ngOnChanges(changes) {
+        this.dataModelProcess = new DataModel(this.dataModel);
+    }
+    /**
+     * On Init Life cycle hook.
+     */
+    ngOnInit() {
+        this.subscribers();
+    }
+    /**
+     * Subscribers Should be implemented here
+     */
+    subscribers() {
+        this.searchSubscriber
+            .pipe(debounceTime(700))
+            .pipe(distinctUntilChanged())
+            .subscribe((text) => {
+            this.dataModel.entities = (new DataModel(this.dataModelProcess)).entities;
+            this.searchedTerm = text;
+            this.applyFilter();
+        });
+    }
+    /**
+     * OnDestroy life cycle hook.
+     */
+    ngOnDestroy() {
+    }
+    /**
+     * enableSearch() - enables the search input for the user
+     */
+    enableSearch() {
+        this.showSearchBox = !this.showSearchBox;
+        document.getElementById('data-model-tree-field-search').focus();
+    }
+    /**
+     * Show search bar
+     */
+    search() {
+        this.searchSubscriber.next(this.searchInputText);
+    }
+    /**
+     * Apply Search On Fields
+     *
+     * @param filterText
+     */
+    applyFilter() {
+        setTimeout(() => {
+            if (this.searchedTerm === '') {
+                this.accordion.closeAll();
+            }
+            else {
+                this.accordion.openAll();
+            }
+        });
+    }
+    /**
+     * Clear and Hide search Bar
+     */
+    clear() {
+        this.searchSubscriber.next("");
+        this.showSearchBox = !this.showSearchBox;
+        this.searchInputText = "";
+    }
+}
+DataModelTreeComponent.ɵfac = function DataModelTreeComponent_Factory(t) { return new (t || DataModelTreeComponent)(); };
+DataModelTreeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataModelTreeComponent, selectors: [["lib-data-model-tree"]], viewQuery: function DataModelTreeComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(MatAccordion, 5);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.accordion = _t.first);
+    } }, inputs: { dataModel: "dataModel", categories: "categories", displayMode: "displayMode", attributeDropZoneList: "attributeDropZoneList" }, outputs: { attributeSelected: "attributeSelected", attributeDeselected: "attributeDeselected", categorySelected: "categorySelected", categoryDeselected: "categoryDeselected" }, features: [i0.ɵɵNgOnChangesFeature], decls: 14, vars: 18, consts: [[1, "add-filter-title", "axo-font"], [1, "flex", "items-center", "sticky", "justify-end", "top-0", "pt-4", "gap-3", "bg-white", "px-6", "z-10", 3, "ngClass"], ["class", "axo-font text-f fields-title", 4, "ngIf"], [1, "search-field", 3, "ngClass"], [3, "click", 4, "ngIf"], ["id", "data-model-tree-field-search", "autocomplete", "off", "placeholder", "Search...", "matInput", "", 1, "search-bar", "chart-title", "h-8", 3, "ngModel", "input", "ngModelChange"], ["class", "clear_icon", 3, "click", 4, "ngIf"], ["class", "flex items-center pr-1 icon-btn", 3, "click", 4, "ngIf"], [1, "px-6", "pt-2", "pb-8", "fields-max-vh", "customscroll"], ["multi", "", 1, "left-menu-mat-tree"], [4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "axo-font", "text-f", "fields-title"], [3, "click"], [1, "search-icon", "text-base", "flex", "justify-center", "aligned", "items-center", 3, "ngClass", "svgIcon"], [1, "clear_icon", 3, "click"], [1, "flex", "items-center", "pr-1", "icon-btn", 3, "click"], [1, "search-icon", 3, "svgIcon"], [3, "categories", "searchedTerm", "categorySelected", "categoryDeselected"], ["cdkDropList", "", "cdkDropListSortingDisabled", "", 3, "cdkDropListDisabled", "cdkDropListData", "cdkDropListConnectedTo", "closed", "opened", 4, "ngIf"], ["cdkDropList", "", "cdkDropListSortingDisabled", "", 3, "cdkDropListDisabled", "cdkDropListData", "cdkDropListConnectedTo", "closed", "opened"], [1, "axo-font", "font-normal"], [3, "ngSwitch"], [4, "ngSwitchCase"], [3, "attributes", "searchedTerm"], [3, "attributes", "searchedTerm", "attributeSelected", "attributeDeselected"]], template: function DataModelTreeComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵtext(1, "Add Filters");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(2, "div", 1);
+        i0.ɵɵtemplate(3, DataModelTreeComponent_div_3_Template, 2, 0, "div", 2);
+        i0.ɵɵelementStart(4, "div", 3);
+        i0.ɵɵtemplate(5, DataModelTreeComponent_button_5_Template, 2, 4, "button", 4);
+        i0.ɵɵelementStart(6, "input", 5);
+        i0.ɵɵlistener("input", function DataModelTreeComponent_Template_input_input_6_listener() { return ctx.search(); })("ngModelChange", function DataModelTreeComponent_Template_input_ngModelChange_6_listener($event) { return ctx.searchInputText = $event; });
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(7, DataModelTreeComponent_mat_icon_7_Template, 2, 0, "mat-icon", 6);
+        i0.ɵɵtemplate(8, DataModelTreeComponent_button_8_Template, 2, 1, "button", 7);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(9, "div", 8);
+        i0.ɵɵelementStart(10, "mat-accordion", 9);
+        i0.ɵɵtemplate(11, DataModelTreeComponent_ng_container_11_Template, 2, 2, "ng-container", 10);
+        i0.ɵɵtemplate(12, DataModelTreeComponent_ng_container_12_Template, 2, 1, "ng-container", 11);
+        i0.ɵɵpipe(13, "fieldListSearch");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(14, _c1, ctx.showSearchBox));
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", !ctx.showSearchBox);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(16, _c2, ctx.showSearchBox));
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.showSearchBox);
+        i0.ɵɵadvance(1);
+        i0.ɵɵstyleProp("width", !ctx.showSearchBox ? "0" : "100%");
+        i0.ɵɵproperty("ngModel", ctx.searchInputText);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.showSearchBox);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", !ctx.showSearchBox);
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("ngIf", ctx.categories.length);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind2(13, 11, ctx.dataModel.entities, ctx.searchedTerm));
+    } }, directives: [i1.NgClass, i1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i3.MatAccordion, i1.NgForOf, i4.MatIcon, i5.CategoriesTreeComponent, i3.MatExpansionPanel, i6.CdkDropList, i3.MatExpansionPanelHeader, i1.NgSwitch, i1.NgSwitchCase, i7.AttributesDragdropLayoutComponent, i8.AttributesSelectionLayoutComponent], pipes: [i9.FieldListSearchPipe], styles: ["lib-data-model-tree{height:100%;display:flex;flex-direction:column}lib-data-model-tree .ax-mat-tree-draggable-invisible{display:none}lib-data-model-tree .ax-mat-tree-draggable ul,lib-data-model-tree .ax-mat-tree-draggable li{margin-top:0;margin-bottom:0;list-style-type:none}lib-data-model-tree .ax-mat-tree-draggable .mat-nested-tree-node div[role=group]{padding-left:20px}lib-data-model-tree .ax-mat-tree-draggable div[role=group]>.mat-tree-node{padding-left:20px}lib-data-model-tree .ax-mat-tree-draggable div[role=group]>.mat-tree-node .dragBackG{left:40px!important}lib-data-model-tree .cdk-drop-list-dragging .cdk-drag{transition:transform .25s cubic-bezier(0,0,.2,1)}lib-data-model-tree .cdk-drag-animating{transition:transform .3s cubic-bezier(0,0,.2,1)}lib-data-model-tree .field-placeholder{display:inline;position:absolute}lib-data-model-tree .dragBackG{position:absolute;left:80px}lib-data-model-tree .ax-cdk-draggable{z-index:100;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}lib-data-model-tree .sg-icon{height:12px;width:12px}lib-data-model-tree .fields-max-vh{overflow:auto}lib-data-model-tree .text-f{font-size:17px;line-height:24px;letter-spacing:.6px}lib-data-model-tree .text-e{font-size:14px;line-height:20px;letter-spacing:.51px}lib-data-model-tree .text-att{font-size:12px;line-height:18px;letter-spacing:.25px}lib-data-model-tree ::placeholder{font-size:12px}lib-data-model-tree .clear_icon{cursor:pointer;color:#000!important;background:transparent!important;font-size:18px;width:18px;min-width:18px;opacity:.6}lib-data-model-tree .clear_icon:hover{opacity:.9}lib-data-model-tree .search-bar{height:2.6rem;margin-top:0}lib-data-model-tree .fields-title{font-weight:500;position:sticky;top:48px;background-color:#fff;z-index:9}lib-data-model-tree .add-filter-title{font-size:17px;font-weight:500;padding:1.5rem 1.3rem 0 1.5rem}lib-data-model-tree .left-menu-mat-tree .mat-expansion-panel{box-shadow:none!important}lib-data-model-tree .left-menu-mat-tree .mat-expansion-panel:hover{box-shadow:none!important}lib-data-model-tree .left-menu-mat-tree .mat-expansion-panel .mat-expansion-panel-header{padding:0!important;height:auto!important}lib-data-model-tree .left-menu-mat-tree .mat-expansion-panel .mat-expansion-panel-header:hover{background-color:#fcfdff!important}lib-data-model-tree .left-menu-mat-tree .mat-expansion-panel .mat-expansion-panel-body{padding:0 8px}lib-data-model-tree .left-menu-mat-tree .mat-expansion-panel.mat-expanded,lib-data-model-tree .left-menu-mat-tree .mat-expansion-panel:hover{box-shadow:none!important}lib-data-model-tree .search-field{display:flex;align-items:center;width:100%;justify-content:end}lib-data-model-tree .search-field .search-icon{min-height:18px;min-width:18px;height:18px;width:18px}.entity-tree-container{cursor:grab}@media only screen and (max-width: 1024px){.fields-list-container{min-width:250px}}\n"], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DataModelTreeComponent, [{
+        type: Component,
+        args: [{ selector: 'lib-data-model-tree', encapsulation: ViewEncapsulation.None, template: "<div class=\"add-filter-title axo-font\">Add Filters</div>\n<div class=\"flex items-center sticky justify-end top-0 pt-4 gap-3 bg-white px-6 z-10\" [ngClass]=\"{'pb-2' : showSearchBox}\">\n    <div class=\"axo-font text-f fields-title\" *ngIf=\"!showSearchBox\">Fields</div>\n\t <div class=\"search-field\" [ngClass]=\"{'search-field-border' : showSearchBox}\">\n        <button  (click)=\"enableSearch()\" *ngIf=\"showSearchBox\"> <mat-icon [ngClass]=\"{'search-icon' : showSearchBox}\" class=\"search-icon text-base flex justify-center aligned items-center\" [svgIcon]=\"'heroicons_solid:search'\"></mat-icon></button>\n        <input id=\"data-model-tree-field-search\" (input)=\"search()\" autocomplete=\"off\"  placeholder=\"Search...\" [(ngModel)]=\"searchInputText\" matInput class=\"search-bar chart-title h-8\"  [style.width]=\"!showSearchBox ? '0' : '100%'\" />\n        <mat-icon (click)=\"clear()\" *ngIf=\"showSearchBox\" class=\"clear_icon\">clear</mat-icon>\n        <button (click)=\"enableSearch()\"  *ngIf=\"!showSearchBox\" class=\"flex items-center pr-1 icon-btn\"> <mat-icon class=\"search-icon\" [svgIcon]=\"'heroicons_solid:search'\"></mat-icon></button>\n\t</div>\n</div>\n\n<div class=\"px-6 pt-2 pb-8 fields-max-vh customscroll\">\n    <!-- Iterate each entity and render tree for each of them -->\n    <mat-accordion class=\"left-menu-mat-tree\" multi>\n        <!-- Filter Catagories -->\n        <ng-container *ngIf=\"categories.length\">\n            <lib-categories-tree [categories]=\"categories\" [searchedTerm]=\"searchedTerm\" (categorySelected)=\"categorySelected.emit($event)\" (categoryDeselected)=\"categoryDeselected.emit($event)\"></lib-categories-tree>\n        </ng-container>\n        <!-- Basic Filters -->\n        <ng-container  *ngFor=\"let entity of dataModel.entities | fieldListSearch: searchedTerm\">\n            <ng-container *ngIf=\"!entity.isManyToManyTable && !entity.hidden\">\n                <!-- Mat expansion panel -->\n                <mat-expansion-panel (closed)=\"entity.expanded = false\" (opened)=\"entity.expanded = true\" [cdkDropListDisabled] = \"displayMode === dataModelTreeDisplayType.dragDropList\" cdkDropList [cdkDropListData]=\"entity.attributes\" cdkDropListSortingDisabled [cdkDropListConnectedTo]=\"arrtributeDropZoneList\" *ngIf=\"entity.columns?.length && !entity.isManyToManyTable\">\n                    <!-- Mat expansion panel header -->\n                    <mat-expansion-panel-header>\n                        <label class=\"axo-font font-normal\">\n                            {{ entity.formName }}\n                        </label>\n                    </mat-expansion-panel-header>\n                    <!-- Mat Selection List -->\n                    <ng-container *ngIf=\"entity.expanded\">\n                        <ng-container [ngSwitch]=\"displayMode\">\n                            <ng-container *ngSwitchCase=\"dataModelTreeDisplayType.dragDropList\">\n                                <!-- Attributes rendering  -->\n                                <!-- DragDrop and Without selection box lay out -->\n                                <lib-attributes-dragdrop-layout [attributes]=\"entity.columns\" [searchedTerm]=\"searchedTerm\"></lib-attributes-dragdrop-layout>\n                            </ng-container>\n                            <ng-container *ngSwitchCase=\"dataModelTreeDisplayType.selectionList\">\n                                <lib-attributes-selection-layout [attributes]=\"entity.columns\"  [searchedTerm]=\"searchedTerm\" (attributeSelected)=\"attributeSelected.emit($event)\" (attributeDeselected)=\"attributeDeselected.emit($event)\"> </lib-attributes-selection-layout>\n                            </ng-container>\n\n                        </ng-container>\n                    </ng-container>\n                </mat-expansion-panel>\n            </ng-container>\n            <!-- Mat expansion panel -->\n        </ng-container>\n    </mat-accordion>\n    <!-- Expandable entities tree ends here -->\n</div>\n", styles: ["lib-data-model-tree{height:100%;display:flex;flex-direction:column}lib-data-model-tree .ax-mat-tree-draggable-invisible{display:none}lib-data-model-tree .ax-mat-tree-draggable ul,lib-data-model-tree .ax-mat-tree-draggable li{margin-top:0;margin-bottom:0;list-style-type:none}lib-data-model-tree .ax-mat-tree-draggable .mat-nested-tree-node div[role=group]{padding-left:20px}lib-data-model-tree .ax-mat-tree-draggable div[role=group]>.mat-tree-node{padding-left:20px}lib-data-model-tree .ax-mat-tree-draggable div[role=group]>.mat-tree-node .dragBackG{left:40px!important}lib-data-model-tree .cdk-drop-list-dragging .cdk-drag{transition:transform .25s cubic-bezier(0,0,.2,1)}lib-data-model-tree .cdk-drag-animating{transition:transform .3s cubic-bezier(0,0,.2,1)}lib-data-model-tree .field-placeholder{display:inline;position:absolute}lib-data-model-tree .dragBackG{position:absolute;left:80px}lib-data-model-tree .ax-cdk-draggable{z-index:100;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}lib-data-model-tree .sg-icon{height:12px;width:12px}lib-data-model-tree .fields-max-vh{overflow:auto}lib-data-model-tree .text-f{font-size:17px;line-height:24px;letter-spacing:.6px}lib-data-model-tree .text-e{font-size:14px;line-height:20px;letter-spacing:.51px}lib-data-model-tree .text-att{font-size:12px;line-height:18px;letter-spacing:.25px}lib-data-model-tree ::placeholder{font-size:12px}lib-data-model-tree .clear_icon{cursor:pointer;color:#000!important;background:transparent!important;font-size:18px;width:18px;min-width:18px;opacity:.6}lib-data-model-tree .clear_icon:hover{opacity:.9}lib-data-model-tree .search-bar{height:2.6rem;margin-top:0}lib-data-model-tree .fields-title{font-weight:500;position:sticky;top:48px;background-color:#fff;z-index:9}lib-data-model-tree .add-filter-title{font-size:17px;font-weight:500;padding:1.5rem 1.3rem 0 1.5rem}lib-data-model-tree .left-menu-mat-tree .mat-expansion-panel{box-shadow:none!important}lib-data-model-tree .left-menu-mat-tree .mat-expansion-panel:hover{box-shadow:none!important}lib-data-model-tree .left-menu-mat-tree .mat-expansion-panel .mat-expansion-panel-header{padding:0!important;height:auto!important}lib-data-model-tree .left-menu-mat-tree .mat-expansion-panel .mat-expansion-panel-header:hover{background-color:#fcfdff!important}lib-data-model-tree .left-menu-mat-tree .mat-expansion-panel .mat-expansion-panel-body{padding:0 8px}lib-data-model-tree .left-menu-mat-tree .mat-expansion-panel.mat-expanded,lib-data-model-tree .left-menu-mat-tree .mat-expansion-panel:hover{box-shadow:none!important}lib-data-model-tree .search-field{display:flex;align-items:center;width:100%;justify-content:end}lib-data-model-tree .search-field .search-icon{min-height:18px;min-width:18px;height:18px;width:18px}.entity-tree-container{cursor:grab}@media only screen and (max-width: 1024px){.fields-list-container{min-width:250px}}\n"] }]
+    }], function () { return []; }, { accordion: [{
+            type: ViewChild,
+            args: [MatAccordion]
+        }], dataModel: [{
+            type: Input
+        }], categories: [{
+            type: Input
+        }], displayMode: [{
+            type: Input
+        }], attributeDropZoneList: [{
+            type: Input
+        }], attributeSelected: [{
+            type: Output
+        }], attributeDeselected: [{
+            type: Output
+        }], categorySelected: [{
+            type: Output
+        }], categoryDeselected: [{
+            type: Output
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1tb2RlbC10cmVlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9heC1hcHAtY29tbW9uLWxpYi9zcmMvbGliL2VubGlnaHRlbi1saWIvZGF0YS1tb2RlbC10cmVlL2RhdGEtbW9kZWwtdHJlZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXgtYXBwLWNvbW1vbi1saWIvc3JjL2xpYi9lbmxpZ2h0ZW4tbGliL2RhdGEtbW9kZWwtdHJlZS9kYXRhLW1vZGVsLXRyZWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDbkUsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQStDLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xKLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUUzRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFckQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsWUFBWSxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7Ozs7Ozs7OztJQ0xoRSwrQkFBaUU7SUFBQSxzQkFBTTtJQUFBLGlCQUFNOzs7OztJQUV6RSxrQ0FBd0Q7SUFBL0Msc0tBQVMscUJBQWMsSUFBQztJQUF3QiwrQkFBNks7SUFBQSxpQkFBUzs7O0lBQTVLLGVBQTJDO0lBQTNDLDBFQUEyQyxxQ0FBQTs7OztJQUU5RyxvQ0FBcUU7SUFBM0QsMEtBQVMsY0FBTyxJQUFDO0lBQTBDLHFCQUFLO0lBQUEsaUJBQVc7Ozs7SUFDckYsa0NBQWlHO0lBQXpGLHdLQUFTLHNCQUFjLElBQUM7SUFBa0UsK0JBQThFO0lB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LDZFQUF5TDtRQUNoTSxpQkFBTTtRQUNQLGlCQUFNO1FBRU4sOEJBQXVEO1FBRW5ELHlDQUFnRDtRQUU1Qyw0RkFFZTtRQUVmLDRGQTJCZTs7UUFDbkIsaUJBQWdCO1FBRXBCLGlCQUFNOztRQWhEZ0YsZUFBb0M7UUFBcEMsd0VBQW9DO1FBQzNFLGVBQW9CO1FBQXBCLHlDQUFvQjtRQUN2QyxlQUFtRDtRQUFuRCx3RUFBbUQ7UUFDcEMsZUFBbUI7UUFBbkIsd0NBQW1CO1FBQzZILGVBQTZDO1FBQTdDLDBEQUE2QztRQUF4SCw2Q0FBNkI7UUFDeEcsZUFBbUI7UUFBbkIsd0NBQW1CO1FBQ2IsZUFBb0I7UUFBcEIseUNBQW9CO1FBUXhDLGVBQXVCO1FBQXZCLDRDQUF1QjtRQUlKLGVBQXFEO1FBQXJELDBGQUFxRDs7dUZESmxGLHNCQUFzQjtjQU5sQyxTQUFTOzJCQUNJLHFCQUFxQixpQkFHaEIsaUJBQWlCLENBQUMsSUFBSTtzQ0FJWixTQUFTO2tCQUFqQyxTQUFTO21CQUFDLFlBQVk7WUFFZCxTQUFTO2tCQUFqQixLQUFLO1lBQ0csVUFBVTtrQkFBbEIsS0FBSztZQUNHLFdBQVc7a0JBQW5CLEtBQUs7WUFDRyxxQkFBcUI7a0JBQTdCLEtBQUs7WUFFSSxpQkFBaUI7a0JBQTFCLE1BQU07WUFDRyxtQkFBbUI7a0JBQTVCLE1BQU07WUFDRyxnQkFBZ0I7a0JBQXpCLE1BQU07WUFDRyxrQkFBa0I7a0JBQTNCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEYXRhTW9kZWxUcmVlRGlzcGxheVR5cGUgfSBmcm9tICcuL2RhdGEtbW9kZWwtdHJlZS1lbnVtcyc7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcywgT25EZXN0cm95LCBWaWV3Q2hpbGQsIFZpZXdFbmNhcHN1bGF0aW9uLCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0QWNjb3JkaW9uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZXhwYW5zaW9uJztcbmltcG9ydCB7IEF0dHJpYnV0ZSB9IGZyb20gJy4uL2RhdGEtbW9kZWwvYXR0cmlidXRlJztcbmltcG9ydCB7IERhdGFNb2RlbCB9IGZyb20gJy4uL2RhdGEtbW9kZWwvZGF0YS1tb2RlbCc7XG5pbXBvcnQgeyBGaWx0ZXJDYXRlZ29yeSB9IGZyb20gJy4uL2ZpbHRlcnMvZmlsdGVyLWNhdGVnb3J5JztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IGRlYm91bmNlVGltZSwgZGlzdGluY3RVbnRpbENoYW5nZWQgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbGliLWRhdGEtbW9kZWwtdHJlZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2RhdGEtbW9kZWwtdHJlZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZGF0YS1tb2RlbC10cmVlLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBEYXRhTW9kZWxUcmVlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LE9uQ2hhbmdlcyxPbkRlc3Ryb3kge1xuICAgIC8vLS0tLS0tLS0tLS0tLS0tPFZpZXcgQ2hpZD4tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICBAVmlld0NoaWxkKE1hdEFjY29yZGlvbikgYWNjb3JkaW9uOiBNYXRBY2NvcmRpb247XG4gICAgLy8tLS0tLS0tLS0tIDxJbnB1dHM+IC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICBASW5wdXQoKSBkYXRhTW9kZWw6IERhdGFNb2RlbDtcbiAgICBASW5wdXQoKSBjYXRlZ29yaWVzOiBBcnJheTxGaWx0ZXJDYXRlZ29yeT47XG4gICAgQElucHV0KCkgZGlzcGxheU1vZGU6IERhdGFNb2RlbFRyZWVEaXNwbGF5VHlwZSA9IERhdGFNb2RlbFRyZWVEaXNwbGF5VHlwZS5kcmFnRHJvcExpc3Q7XG4gICAgQElucHV0KCkgYXR0cmlidXRlRHJvcFpvbmVMaXN0OiBBcnJheTxzdHJpbmc+O1xuICAgIC8vLS0tLS0tLS0tLS0tLS0tPE91dHB1dHM+LS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gICAgQE91dHB1dCgpIGF0dHJpYnV0ZVNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8QXR0cmlidXRlPiA9IG5ldyBFdmVudEVtaXR0ZXI8QXR0cmlidXRlPigpO1xuICAgIEBPdXRwdXQoKSBhdHRyaWJ1dGVEZXNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8QXR0cmlidXRlPiA9IG5ldyBFdmVudEVtaXR0ZXI8QXR0cmlidXRlPigpO1xuICAgIEBPdXRwdXQoKSBjYXRlZ29yeVNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8RmlsdGVyQ2F0ZWdvcnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxGaWx0ZXJDYXRlZ29yeT4oKTtcbiAgICBAT3V0cHV0KCkgY2F0ZWdvcnlEZXNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8RmlsdGVyQ2F0ZWdvcnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxGaWx0ZXJDYXRlZ29yeT4oKTtcbiAgICAvLyAtLS0tLS0tLS0tLS0tLS0tPENvbXBvbmVudCBWYXJpYWJsZXM+LS0tLS0tLS0tLVxuICAgIHNob3dTZWFyY2hCb3g6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBzZWFyY2hJbnB1dFRleHQgPSAnJztcbiAgICBzZWFyY2hlZFRlcm06IHN0cmluZyA9ICcnO1xuICAgIGRhdGFNb2RlbFRyZWVEaXNwbGF5VHlwZSA9IERhdGFNb2RlbFRyZWVEaXNwbGF5VHlwZTtcbiAgICBzZWFyY2hTdWJzY3JpYmVyOiBTdWJqZWN0PHN0cmluZz47XG4gICAgZGF0YU1vZGVsUHJvY2VzczogRGF0YU1vZGVsO1xuXG4gICAgLyoqXG4gICAgICogQ29uc3RydWN0b3JcbiAgICAgKi9cbiAgICBjb25zdHJ1Y3RvcigpIHsgXG4gICAgICAgIHRoaXMuc2VhcmNoU3Vic2NyaWJlciA9IG5ldyBTdWJqZWN0KCk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogT25DaGFuZ2VcbiAgICAgKlxuICAgICAqIEBwYXJhbSBjaGFuZ2VzXG4gICAgICovXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgICAgICB0aGlzLmRhdGFNb2RlbFByb2Nlc3MgPSBuZXcgRGF0YU1vZGVsKHRoaXMuZGF0YU1vZGVsKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBPbiBJbml0IExpZmUgY3ljbGUgaG9vay5cbiAgICAgKi9cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zdWJzY3JpYmVycygpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFN1YnNjcmliZXJzIFNob3VsZCBiZSBpbXBsZW1lbnRlZCBoZXJlXG4gICAgICovXG4gICAgc3Vic2NyaWJlcnMoKTogdm9pZHtcbiAgICAgICAgdGhpcy5zZWFyY2hTdWJzY3JpYmVyXG4gICAgICAgICAgICAucGlwZShkZWJvdW5jZVRpbWUoNzAwKSlcbiAgICAgICAgICAgIC5waXBlKGRpc3RpbmN0VW50aWxDaGFuZ2VkKCkpXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCh0ZXh0OiBzdHJpbmcpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmRhdGFNb2RlbC5lbnRpdGllcyA9IChuZXcgRGF0YU1vZGVsKHRoaXMuZGF0YU1vZGVsUHJvY2VzcykpLmVudGl0aWVzO1xuICAgICAgICAgICAgICAgIHRoaXMuc2VhcmNoZWRUZXJtID0gdGV4dDtcbiAgICAgICAgICAgICAgICB0aGlzLmFwcGx5RmlsdGVyKCk7XG4gICAgICAgICAgICB9KVxuICAgIH1cblxuXG4gICAgLyoqXG4gICAgICogT25EZXN0cm95IGxpZmUgY3ljbGUgaG9vay5cbiAgICAgKi9cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcblxuICAgIH1cblxuICAgIC8qKlxuICAgICAqIGVuYWJsZVNlYXJjaCgpIC0gZW5hYmxlcyB0aGUgc2VhcmNoIGlucHV0IGZvciB0aGUgdXNlclxuICAgICAqL1xuICAgIGVuYWJsZVNlYXJjaCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zaG93U2VhcmNoQm94ID0gIXRoaXMuc2hvd1NlYXJjaEJveDtcbiAgICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2RhdGEtbW9kZWwtdHJlZS1maWVsZC1zZWFyY2gnKS5mb2N1cygpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFNob3cgc2VhcmNoIGJhclxuICAgICAqL1xuICAgICBzZWFyY2goKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2VhcmNoU3Vic2NyaWJlci5uZXh0KHRoaXMuc2VhcmNoSW5wdXRUZXh0KTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBBcHBseSBTZWFyY2ggT24gRmllbGRzXG4gICAgICpcbiAgICAgKiBAcGFyYW0gZmlsdGVyVGV4dFxuICAgICAqL1xuICAgICBhcHBseUZpbHRlcigpOiB2b2lkIHtcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICBpZiAodGhpcy5zZWFyY2hlZFRlcm0gPT09ICcnKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5hY2NvcmRpb24uY2xvc2VBbGwoKTtcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgdGhpcy5hY2NvcmRpb24ub3BlbkFsbCgpO1xuICAgIFxuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG5cblxuICAgIC8qKlxuICAgICAqIENsZWFyIGFuZCBIaWRlIHNlYXJjaCBCYXJcbiAgICAgKi9cbiAgICAgY2xlYXIoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2VhcmNoU3Vic2NyaWJlci5uZXh0KFwiXCIpO1xuICAgICAgICB0aGlzLnNob3dTZWFyY2hCb3ggPSAhdGhpcy5zaG93U2VhcmNoQm94O1xuICAgICAgICB0aGlzLnNlYXJjaElucHV0VGV4dCA9IFwiXCI7XG4gICAgfVxuXG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJhZGQtZmlsdGVyLXRpdGxlIGF4by1mb250XCI+QWRkIEZpbHRlcnM8L2Rpdj5cbjxkaXYgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBzdGlja3kganVzdGlmeS1lbmQgdG9wLTAgcHQtNCBnYXAtMyBiZy13aGl0ZSBweC02IHotMTBcIiBbbmdDbGFzc109XCJ7J3BiLTInIDogc2hvd1NlYXJjaEJveH1cIj5cbiAgICA8ZGl2IGNsYXNzPVwiYXhvLWZvbnQgdGV4dC1mIGZpZWxkcy10aXRsZVwiICpuZ0lmPVwiIXNob3dTZWFyY2hCb3hcIj5GaWVsZHM8L2Rpdj5cblx0IDxkaXYgY2xhc3M9XCJzZWFyY2gtZmllbGRcIiBbbmdDbGFzc109XCJ7J3NlYXJjaC1maWVsZC1ib3JkZXInIDogc2hvd1NlYXJjaEJveH1cIj5cbiAgICAgICAgPGJ1dHRvbiAgKGNsaWNrKT1cImVuYWJsZVNlYXJjaCgpXCIgKm5nSWY9XCJzaG93U2VhcmNoQm94XCI+IDxtYXQtaWNvbiBbbmdDbGFzc109XCJ7J3NlYXJjaC1pY29uJyA6IHNob3dTZWFyY2hCb3h9XCIgY2xhc3M9XCJzZWFyY2gtaWNvbiB0ZXh0LWJhc2UgZmxleCBqdXN0aWZ5LWNlbnRlciBhbGlnbmVkIGl0ZW1zLWNlbnRlclwiIFtzdmdJY29uXT1cIidoZXJvaWNvbnNfc29saWQ6c2VhcmNoJ1wiPjwvbWF0LWljb24+PC9idXR0b24+XG4gICAgICAgIDxpbnB1dCBpZD1cImRhdGEtbW9kZWwtdHJlZS1maWVsZC1zZWFyY2hcIiAoaW5wdXQpPVwic2VhcmNoKClcIiBhdXRvY29tcGxldGU9XCJvZmZcIiAgcGxhY2Vob2xkZXI9XCJTZWFyY2guLi5cIiBbKG5nTW9kZWwpXT1cInNlYXJjaElucHV0VGV4dFwiIG1hdElucHV0IGNsYXNzPVwic2VhcmNoLWJhciBjaGFydC10aXRsZSBoLThcIiAgW3N0eWxlLndpZHRoXT1cIiFzaG93U2VhcmNoQm94ID8gJzAnIDogJzEwMCUnXCIgLz5cbiAgICAgICAgPG1hdC1pY29uIChjbGljayk9XCJjbGVhcigpXCIgKm5nSWY9XCJzaG93U2VhcmNoQm94XCIgY2xhc3M9XCJjbGVhcl9pY29uXCI+Y2xlYXI8L21hdC1pY29uPlxuICAgICAgICA8YnV0dG9uIChjbGljayk9XCJlbmFibGVTZWFyY2goKVwiICAqbmdJZj1cIiFzaG93U2VhcmNoQm94XCIgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBwci0xIGljb24tYnRuXCI+IDxtYXQtaWNvbiBjbGFzcz1cInNlYXJjaC1pY29uXCIgW3N2Z0ljb25dPVwiJ2hlcm9pY29uc19zb2xpZDpzZWFyY2gnXCI+PC9tYXQtaWNvbj48L2J1dHRvbj5cblx0PC9kaXY+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cInB4LTYgcHQtMiBwYi04IGZpZWxkcy1tYXgtdmggY3VzdG9tc2Nyb2xsXCI+XG4gICAgPCEtLSBJdGVyYXRlIGVhY2ggZW50aXR5IGFuZCByZW5kZXIgdHJlZSBmb3IgZWFjaCBvZiB0aGVtIC0tPlxuICAgIDxtYXQtYWNjb3JkaW9uIGNsYXNzPVwibGVmdC1tZW51LW1hdC10cmVlXCIgbXVsdGk+XG4gICAgICAgIDwhLS0gRmlsdGVyIENhdGFnb3JpZXMgLS0+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjYXRlZ29yaWVzLmxlbmd0aFwiPlxuICAgICAgICAgICAgPGxpYi1jYXRlZ29yaWVzLXRyZWUgW2NhdGVnb3JpZXNdPVwiY2F0ZWdvcmllc1wiIFtzZWFyY2hlZFRlcm1dPVwic2VhcmNoZWRUZXJtXCIgKGNhdGVnb3J5U2VsZWN0ZWQpPVwiY2F0ZWdvcnlTZWxlY3RlZC5lbWl0KCRldmVudClcIiAoY2F0ZWdvcnlEZXNlbGVjdGVkKT1cImNhdGVnb3J5RGVzZWxlY3RlZC5lbWl0KCRldmVudClcIj48L2xpYi1jYXRlZ29yaWVzLXRyZWU+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8IS0tIEJhc2ljIEZpbHRlcnMgLS0+XG4gICAgICAgIDxuZy1jb250YWluZXIgICpuZ0Zvcj1cImxldCBlbnRpdHkgb2YgZGF0YU1vZGVsLmVudGl0aWVzIHwgZmllbGRMaXN0U2VhcmNoOiBzZWFyY2hlZFRlcm1cIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhZW50aXR5LmlzTWFueVRvTWFueVRhYmxlICYmICFlbnRpdHkuaGlkZGVuXCI+XG4gICAgICAgICAgICAgICAgPCEtLSBNYXQgZXhwYW5zaW9uIHBhbmVsIC0tPlxuICAgICAgICAgICAgICAgIDxtYXQtZXhwYW5zaW9uLXBhbmVsIChjbG9zZWQpPVwiZW50aXR5LmV4cGFuZGVkID0gZmFsc2VcIiAob3BlbmVkKT1cImVudGl0eS5leHBhbmRlZCA9IHRydWVcIiBbY2RrRHJvcExpc3REaXNhYmxlZF0gPSBcImRpc3BsYXlNb2RlID09PSBkYXRhTW9kZWxUcmVlRGlzcGxheVR5cGUuZHJhZ0Ryb3BMaXN0XCIgY2RrRHJvcExpc3QgW2Nka0Ryb3BMaXN0RGF0YV09XCJlbnRpdHkuYXR0cmlidXRlc1wiIGNka0Ryb3BMaXN0U29ydGluZ0Rpc2FibGVkIFtjZGtEcm9wTGlzdENvbm5lY3RlZFRvXT1cImFycnRyaWJ1dGVEcm9wWm9uZUxpc3RcIiAqbmdJZj1cImVudGl0eS5jb2x1bW5zPy5sZW5ndGggJiYgIWVudGl0eS5pc01hbnlUb01hbnlUYWJsZVwiPlxuICAgICAgICAgICAgICAgICAgICA8IS0tIE1hdCBleHBhbnNpb24gcGFuZWwgaGVhZGVyIC0tPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJheG8tZm9udCBmb250LW5vcm1hbFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IGVudGl0eS5mb3JtTmFtZSB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9sYWJlbD5cbiAgICAgICAgICAgICAgICAgICAgPC9tYXQtZXhwYW5zaW9uLXBhbmVsLWhlYWRlcj5cbiAgICAgICAgICAgICAgICAgICAgPCEtLSBNYXQgU2VsZWN0aW9uIExpc3QgLS0+XG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJlbnRpdHkuZXhwYW5kZWRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImRpc3BsYXlNb2RlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiZGF0YU1vZGVsVHJlZURpc3BsYXlUeXBlLmRyYWdEcm9wTGlzdFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8IS0tIEF0dHJpYnV0ZXMgcmVuZGVyaW5nICAtLT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPCEtLSBEcmFnRHJvcCBhbmQgV2l0aG91dCBzZWxlY3Rpb24gYm94IGxheSBvdXQgLS0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsaWItYXR0cmlidXRlcy1kcmFnZHJvcC1sYXlvdXQgW2F0dHJpYnV0ZXNdPVwiZW50aXR5LmNvbHVtbnNcIiBbc2VhcmNoZWRUZXJtXT1cInNlYXJjaGVkVGVybVwiPjwvbGliLWF0dHJpYnV0ZXMtZHJhZ2Ryb3AtbGF5b3V0PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cImRhdGFNb2RlbFRyZWVEaXNwbGF5VHlwZS5zZWxlY3Rpb25MaXN0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsaWItYXR0cmlidXRlcy1zZWxlY3Rpb24tbGF5b3V0IFthdHRyaWJ1dGVzXT1cImVudGl0eS5jb2x1bW5zXCIgIFtzZWFyY2hlZFRlcm1dPVwic2VhcmNoZWRUZXJtXCIgKGF0dHJpYnV0ZVNlbGVjdGVkKT1cImF0dHJpYnV0ZVNlbGVjdGVkLmVtaXQoJGV2ZW50KVwiIChhdHRyaWJ1dGVEZXNlbGVjdGVkKT1cImF0dHJpYnV0ZURlc2VsZWN0ZWQuZW1pdCgkZXZlbnQpXCI+IDwvbGliLWF0dHJpYnV0ZXMtc2VsZWN0aW9uLWxheW91dD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDwvbWF0LWV4cGFuc2lvbi1wYW5lbD5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPCEtLSBNYXQgZXhwYW5zaW9uIHBhbmVsIC0tPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L21hdC1hY2NvcmRpb24+XG4gICAgPCEtLSBFeHBhbmRhYmxlIGVudGl0aWVzIHRyZWUgZW5kcyBoZXJlIC0tPlxuPC9kaXY+XG4iXX0=