@dangl/angular-ava 0.1.1-fe--1-add-tree-p0053

package/fesm2022/dangl-angular-ava.mjs

@@ -0,0 +1,1174 @@
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, Directive, Pipe, Component, Input, EventEmitter, Self, Output, ViewChild, NgModule } from '@angular/core';
+import * as i5 from '@angular/forms';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
+import * as i11 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i6 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i4$1 from '@angular/material/core';
+import { MatRippleModule } from '@angular/material/core';
+import * as i9 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i4 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i8 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i7 from '@angular/material/table';
+import { MatTableModule } from '@angular/material/table';
+import * as i12 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { ReplaySubject, of, Subject, takeUntil, debounceTime, fromEvent, filter } from 'rxjs';
+import * as i4$2 from 'projects/angular-ava/src/lib/ava-tree/tree/services/expand-parent-group.service';
+import { ExpandParentGroupService } from 'projects/angular-ava/src/lib/ava-tree/tree/services/expand-parent-group.service';
+import * as i5$1 from 'projects/angular-ava/src/lib/ava-tree/tree/services/keyboard-operation.service';
+import { KeyboardOperationType, KeyboardOperationService } from 'projects/angular-ava/src/lib/ava-tree/tree/services/keyboard-operation.service';
+import * as i2 from 'projects/angular-ava/src/lib/ava-tree/tree/services/tree-node-selection.service';
+import { TreeNodeSelectionService } from 'projects/angular-ava/src/lib/ava-tree/tree/services/tree-node-selection.service';
+
+//----------------------
+// <auto-generated>
+//     Generated using the NSwag toolchain v14.0.0.0 (NJsonSchema v11.0.0.0 (Newtonsoft.Json v13.0.0.0)) (http://NSwag.org)
+// </auto-generated>
+//----------------------
+/* tslint:disable */
+/* eslint-disable */
+// ReSharper disable InconsistentNaming
+/** This enum configures rounding modes for price calculations in projects */
+var PriceRoundingModeDto;
+(function (PriceRoundingModeDto) {
+    PriceRoundingModeDto["Normal"] = "Normal";
+    PriceRoundingModeDto["Floor"] = "Floor";
+    PriceRoundingModeDto["Ceiling"] = "Ceiling";
+})(PriceRoundingModeDto || (PriceRoundingModeDto = {}));
+/** Determines the type of an ItemNumberSchema */
+var ItemNumberTypeDto;
+(function (ItemNumberTypeDto) {
+    ItemNumberTypeDto["Numeric"] = "Numeric";
+    ItemNumberTypeDto["Alphanumeric"] = "Alphanumeric";
+})(ItemNumberTypeDto || (ItemNumberTypeDto = {}));
+/** Specifies the type an ItemNumberSchemaTier represents. For example, a tier may indicate to be used for positions or for groups. */
+var ItemNumberSchemaTierTypeDto;
+(function (ItemNumberSchemaTierTypeDto) {
+    ItemNumberSchemaTierTypeDto["Undefined"] = "Undefined";
+    ItemNumberSchemaTierTypeDto["Index"] = "Index";
+    ItemNumberSchemaTierTypeDto["Position"] = "Position";
+    ItemNumberSchemaTierTypeDto["Group"] = "Group";
+    ItemNumberSchemaTierTypeDto["Lot"] = "Lot";
+})(ItemNumberSchemaTierTypeDto || (ItemNumberSchemaTierTypeDto = {}));
+/** This enumeration models types of price components for better classification. */
+var PriceComponentTypeDto;
+(function (PriceComponentTypeDto) {
+    PriceComponentTypeDto["Unknown"] = "Unknown";
+    PriceComponentTypeDto["Wages"] = "Wages";
+    PriceComponentTypeDto["Materials"] = "Materials";
+    PriceComponentTypeDto["Plant"] = "Plant";
+    PriceComponentTypeDto["Miscellaneous"] = "Miscellaneous";
+})(PriceComponentTypeDto || (PriceComponentTypeDto = {}));
+/** This enumeration describes the type of the award / procurement process. If this is used in a GAEB context, more information about award types can be found in the German VOB/A rules and the GAEB standard */
+var AwardTypeDto;
+(function (AwardTypeDto) {
+    AwardTypeDto["Unspecified"] = "Unspecified";
+    AwardTypeDto["OpenProcurement"] = "OpenProcurement";
+    AwardTypeDto["ClosedProducrement"] = "ClosedProducrement";
+    AwardTypeDto["NegotiationProcurementWithoutPublicAnnouncement"] = "NegotiationProcurementWithoutPublicAnnouncement";
+    AwardTypeDto["NegotiationProcurement"] = "NegotiationProcurement";
+    AwardTypeDto["OpenCall"] = "OpenCall";
+    AwardTypeDto["SelectedCallWithoutPublicCompetition"] = "SelectedCallWithoutPublicCompetition";
+    AwardTypeDto["SelectedCall"] = "SelectedCall";
+    AwardTypeDto["DirectAward"] = "DirectAward";
+    AwardTypeDto["InternationalNATOProcurement"] = "InternationalNATOProcurement";
+    AwardTypeDto["CompetitiveDialog"] = "CompetitiveDialog";
+})(AwardTypeDto || (AwardTypeDto = {}));
+/** This enumeration describes awards for project that are not just a regular procurement. For example, it can be used to describe recurring maintenance or an outline contract (German: Rahmenvertrag) which just specifies services and prices but may be requested on demand when necessary */
+var SpecialAwardKindDto;
+(function (SpecialAwardKindDto) {
+    SpecialAwardKindDto["Unspecified"] = "Unspecified";
+    SpecialAwardKindDto["MaintenanceContract"] = "MaintenanceContract";
+    SpecialAwardKindDto["OutlineContract"] = "OutlineContract";
+    SpecialAwardKindDto["OutlineForMaintenanceContract"] = "OutlineForMaintenanceContract";
+})(SpecialAwardKindDto || (SpecialAwardKindDto = {}));
+/** This enumeration describes the type of a catalogue. Catalogues, or collections, hold information to categorize and describe items. For example, the German DIN 276 cost group standards describe different types of costs for building projects. When referencing the DIN 276 catalogue and providing an item key or identifier, it is possible to reference data in this catalogue. */
+var CatalogueTypeDto;
+(function (CatalogueTypeDto) {
+    CatalogueTypeDto["Unknown"] = "Unknown";
+    CatalogueTypeDto["Location"] = "Location";
+    CatalogueTypeDto["DIN276"] = "DIN276";
+    CatalogueTypeDto["CostUnit"] = "CostUnit";
+    CatalogueTypeDto["WorkCategory"] = "WorkCategory";
+    CatalogueTypeDto["OenormB1801CostGroup"] = "OenormB1801CostGroup";
+    CatalogueTypeDto["BIM"] = "BIM";
+    CatalogueTypeDto["Attachment"] = "Attachment";
+})(CatalogueTypeDto || (CatalogueTypeDto = {}));
+/** Indicates the origin of an element. */
+var AdditionTypeDto;
+(function (AdditionTypeDto) {
+    AdditionTypeDto["None"] = "None";
+    AdditionTypeDto["ByBuyer"] = "ByBuyer";
+    AdditionTypeDto["ByBidder"] = "ByBidder";
+})(AdditionTypeDto || (AdditionTypeDto = {}));
+/** This enumeration identifies a pre-known standard used for referencing standardized descriptions. */
+var StandardReferenceTypeDto;
+(function (StandardReferenceTypeDto) {
+    StandardReferenceTypeDto["Unknown"] = "Unknown";
+    StandardReferenceTypeDto["StLB"] = "StLB";
+    StandardReferenceTypeDto["StLK"] = "StLK";
+    StandardReferenceTypeDto["STLBBauZ"] = "STLBBauZ";
+})(StandardReferenceTypeDto || (StandardReferenceTypeDto = {}));
+/** Indicates if this service specification item is commissioned (and therefore should be executed), postponed for later or undefined. */
+var ComissionStatusDto;
+(function (ComissionStatusDto) {
+    ComissionStatusDto["Undefined"] = "Undefined";
+    ComissionStatusDto["Commissioned"] = "Commissioned";
+    ComissionStatusDto["Postponed"] = "Postponed";
+    ComissionStatusDto["Removed"] = "Removed";
+})(ComissionStatusDto || (ComissionStatusDto = {}));
+/** This is a classification for Position elements. */
+var PositionTypeDto;
+(function (PositionTypeDto) {
+    PositionTypeDto["Regular"] = "Regular";
+    PositionTypeDto["Optional"] = "Optional";
+    PositionTypeDto["Alternative"] = "Alternative";
+})(PositionTypeDto || (PositionTypeDto = {}));
+/** This indicates the price type of a IPricedElement. */
+var PriceTypeDto;
+(function (PriceTypeDto) {
+    PriceTypeDto["WithTotal"] = "WithTotal";
+    PriceTypeDto["WithoutTotal"] = "WithoutTotal";
+})(PriceTypeDto || (PriceTypeDto = {}));
+/** The service type describes the type of service a Position represents. */
+var ServiceTypeDto;
+(function (ServiceTypeDto) {
+    ServiceTypeDto["Regular"] = "Regular";
+    ServiceTypeDto["HourlyPaidWork"] = "HourlyPaidWork";
+})(ServiceTypeDto || (ServiceTypeDto = {}));
+/** This indicates where the content of this element originates, if set. It corresponds to 'herkunftskennzeichen' in ÖNorm */
+var OenormOriginCodeDto;
+(function (OenormOriginCodeDto) {
+    OenormOriginCodeDto["Unknown"] = "Unknown";
+    OenormOriginCodeDto["FreeText"] = "FreeText";
+    OenormOriginCodeDto["AdditionDescription"] = "AdditionDescription";
+})(OenormOriginCodeDto || (OenormOriginCodeDto = {}));
+/** This enumeration represents the status of an addendum, 'Nachtrag' in German */
+var AddendumStatusDto;
+(function (AddendumStatusDto) {
+    AddendumStatusDto["Unknown"] = "Unknown";
+    AddendumStatusDto["Recognized"] = "Recognized";
+    AddendumStatusDto["Filed"] = "Filed";
+    AddendumStatusDto["Offered"] = "Offered";
+    AddendumStatusDto["Withdrawn"] = "Withdrawn";
+    AddendumStatusDto["Rejected"] = "Rejected";
+    AddendumStatusDto["RejectionObjected"] = "RejectionObjected";
+    AddendumStatusDto["FormallyAcknowledged"] = "FormallyAcknowledged";
+    AddendumStatusDto["Approved"] = "Approved";
+})(AddendumStatusDto || (AddendumStatusDto = {}));
+/** This enum represents the different ways in which a complementing position type can be specified. It is typically only used in GAEB exports, since in Dangl.AVA, complementing positions are always explicitly referenced. */
+var PositionComplementingTypeDto;
+(function (PositionComplementingTypeDto) {
+    PositionComplementingTypeDto["Undefined"] = "Undefined";
+    PositionComplementingTypeDto["AllPreviousMarkedPositions"] = "AllPreviousMarkedPositions";
+    PositionComplementingTypeDto["AllPreviousPositions"] = "AllPreviousPositions";
+    PositionComplementingTypeDto["ReferencedPositions"] = "ReferencedPositions";
+})(PositionComplementingTypeDto || (PositionComplementingTypeDto = {}));
+/** Types of retentions to be used in positions */
+var HoldOutTypeDto;
+(function (HoldOutTypeDto) {
+    HoldOutTypeDto["Unknown"] = "Unknown";
+    HoldOutTypeDto["Base"] = "Base";
+    HoldOutTypeDto["Extension"] = "Extension";
+    HoldOutTypeDto["Rent"] = "Rent";
+})(HoldOutTypeDto || (HoldOutTypeDto = {}));
+/** Duration used in retention positions */
+var HoldOutDurationUnitDto;
+(function (HoldOutDurationUnitDto) {
+    HoldOutDurationUnitDto["Unknown"] = "Unknown";
+    HoldOutDurationUnitDto["Minutes"] = "Minutes";
+    HoldOutDurationUnitDto["Hours"] = "Hours";
+    HoldOutDurationUnitDto["Days"] = "Days";
+    HoldOutDurationUnitDto["Weeks"] = "Weeks";
+    HoldOutDurationUnitDto["Months"] = "Months";
+})(HoldOutDurationUnitDto || (HoldOutDurationUnitDto = {}));
+/** Indicates a ServiceSpecification's exchange phase, based on the GAEB exchange phases. */
+var ExchangePhaseDto;
+(function (ExchangePhaseDto) {
+    ExchangePhaseDto["Undefined"] = "Undefined";
+    ExchangePhaseDto["Base"] = "Base";
+    ExchangePhaseDto["CostEstimate"] = "CostEstimate";
+    ExchangePhaseDto["OfferRequest"] = "OfferRequest";
+    ExchangePhaseDto["Offer"] = "Offer";
+    ExchangePhaseDto["SideOffer"] = "SideOffer";
+    ExchangePhaseDto["Grant"] = "Grant";
+})(ExchangePhaseDto || (ExchangePhaseDto = {}));
+/** Indicates where a service specification was originally created. */
+var OriginDto;
+(function (OriginDto) {
+    OriginDto["Self"] = "Self";
+    OriginDto["Gaeb90"] = "Gaeb90";
+    OriginDto["Gaeb2000"] = "Gaeb2000";
+    OriginDto["GaebXml"] = "GaebXml";
+    OriginDto["Oenorm"] = "Oenorm";
+    OriginDto["Reb"] = "Reb";
+    OriginDto["Sia"] = "Sia";
+})(OriginDto || (OriginDto = {}));
+/** This enumeration represents the unit of a duration */
+var DurationUnitDto;
+(function (DurationUnitDto) {
+    DurationUnitDto["Months"] = "Months";
+    DurationUnitDto["Years"] = "Years";
+})(DurationUnitDto || (DurationUnitDto = {}));
+/** This enum represents types of price inquiries */
+var CommerceInquiryTypeDto;
+(function (CommerceInquiryTypeDto) {
+    CommerceInquiryTypeDto["Unknown"] = "Unknown";
+    CommerceInquiryTypeDto["Project"] = "Project";
+    CommerceInquiryTypeDto["Immediate"] = "Immediate";
+    CommerceInquiryTypeDto["Exhibition"] = "Exhibition";
+})(CommerceInquiryTypeDto || (CommerceInquiryTypeDto = {}));
+
+var ModeViewType;
+(function (ModeViewType) {
+    ModeViewType["Tree"] = "Tree";
+    ModeViewType["List"] = "List";
+    ModeViewType["Table"] = "Table";
+})(ModeViewType || (ModeViewType = {}));
+
+const DEFAULT_FILTERS = [
+    (element, filter) => element['shortText']?.trim().toLocaleLowerCase().includes(filter),
+    (element, filter) => element['label']?.trim().toLocaleLowerCase().includes(filter),
+    (element, filter) => element['itemNumber']?.['stringRepresentation']?.includes(filter)
+];
+
+const DEFAULT_TEXT_WORDS = {
+    textSearch: 'Suche',
+    textNothing: 'Nothing',
+    textNothingFiltered: 'Nothing Filtered',
+    textAll: 'Alle',
+    tooltipAllOpen: 'Alle aufklappen',
+    tooltipAllClose: 'Alle zuklappen',
+    tooltipAllAdd: 'Alle hinzufügen',
+    tooltipAllRemove: 'Alle entfernen'
+};
+
+class FlatElementsService {
+    constructor() {
+        this._flatElementsDto = [];
+        this.flatElementsDtoSource = new ReplaySubject(1);
+        this.flatElementsDto = this.flatElementsDtoSource.asObservable();
+        this.functionView = null;
+        this.listFilterFunc = [
+            (element, filter) => element['shortText']?.trim().toLocaleLowerCase().includes(filter),
+            (element, filter) => element['label']?.trim().toLocaleLowerCase().includes(filter),
+            (element, filter) => element['itemNumber']?.['stringRepresentation']?.includes(filter)
+        ];
+    }
+    setElementsDto(elementsDto) {
+        this._flatElementsDto = FlatElementsService.getFlatElements(elementsDto);
+        this.objectElementsDto = FlatElementsService.getObjectElements(this._flatElementsDto);
+        this.flatElementsDtoSource.next(this._flatElementsDto);
+    }
+    static getFlatElements(container) {
+        const flatElements = [];
+        if (container.elements) {
+            container.elements.forEach((e) => {
+                flatElements.push(e);
+                if (e.elementTypeDiscriminator === 'ServiceSpecificationGroupDto') {
+                    const group = e;
+                    flatElements.push(...this.getFlatElements(group));
+                }
+            });
+        }
+        return flatElements;
+    }
+    static getObjectElements(elements) {
+        const objectElements = {};
+        if (elements?.length) {
+            elements.forEach((e) => {
+                if (e?.id) {
+                    objectElements[e.id] = e;
+                }
+            });
+        }
+        return objectElements;
+    }
+    getOneElementById(id) {
+        return of(id ? this.objectElementsDto?.[id] || null : null);
+    }
+    checkFilterValue(element, filterValue) {
+        const cleanFilter = filterValue.trim().toLocaleLowerCase();
+        for (const func of this.listFilterFunc) {
+            if (func(element, cleanFilter)) {
+                return true;
+            }
+        }
+        return false;
+    }
+    jumpNextNode(delta, currentElement, conditionFunc) {
+        if (!this._flatElementsDto.length || (conditionFunc && !this._flatElementsDto.find((item) => conditionFunc(item)))) {
+            return null;
+        }
+        const startElement = currentElement || this._flatElementsDto[0];
+        let nextIndex = this._flatElementsDto.findIndex((item) => startElement.id === item.id);
+        if (currentElement) {
+            nextIndex = this.getNextIndex(this._flatElementsDto.length, nextIndex, delta);
+        }
+        while (conditionFunc && !conditionFunc(this._flatElementsDto[nextIndex])) {
+            nextIndex = this.getNextIndex(this._flatElementsDto.length, nextIndex, delta);
+        }
+        return this._flatElementsDto[nextIndex];
+    }
+    getNextIndex(length, index, delta) {
+        let nextIndex = index + delta;
+        nextIndex = nextIndex < 0 ? length - 1 : nextIndex;
+        nextIndex = nextIndex > length - 1 ? 0 : nextIndex;
+        return nextIndex;
+    }
+    getChangedView(id) {
+        if (this.objectElementsDto) {
+            const element = this.objectElementsDto[id];
+            if (element && this.functionView?.length) {
+                for (const objectView of this.functionView) {
+                    if (objectView.func(element)) {
+                        return objectView.view;
+                    }
+                }
+            }
+        }
+        return null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: FlatElementsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: FlatElementsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: FlatElementsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class SelectElementService {
+    constructor() {
+        this.preselectedElementSource = new ReplaySubject(1);
+        this.preselectedElement = this.preselectedElementSource.asObservable();
+        this.selectClickElementSource = new ReplaySubject(1);
+        this.selectClickElement = this.selectClickElementSource.asObservable();
+        this.selectDblClickElementSource = new ReplaySubject(1);
+        this.selectDblClickElement = this.selectDblClickElementSource.asObservable();
+        this.selectContextMenuElementSource = new ReplaySubject(1);
+        this.selectContextMenuElement = this.selectContextMenuElementSource.asObservable();
+    }
+    setPreselectedElement(element) {
+        this.preselectedElementSource.next(element);
+    }
+    setClickElement(element) {
+        this.selectClickElementSource.next(element);
+        this.preselectedElementSource.next(null);
+    }
+    setDblClickElement(element) {
+        this.selectDblClickElementSource.next(element);
+    }
+    setContextMenuElement(data) {
+        this.selectContextMenuElementSource.next(data);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: SelectElementService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: SelectElementService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: SelectElementService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class SaveChangingViewDirective {
+    constructor(el, renderer, flatElementsService) {
+        this.el = el;
+        this.renderer = renderer;
+        this.flatElementsService = flatElementsService;
+    }
+    ngOnInit() {
+        setTimeout(() => {
+            const id = this.el?.nativeElement.id;
+            if (id) {
+                const view = this.flatElementsService?.getChangedView(id);
+                const icon = this.el.nativeElement.querySelector('[tdChangingIconView]');
+                if (view?.iconName && icon) {
+                    icon.textContent = view.iconName;
+                }
+                if (view?.iconColor && icon) {
+                    this.renderer?.setStyle(icon, 'color', view.iconColor);
+                }
+                const textList = this.el.nativeElement.querySelectorAll('[tdChangingTextView]');
+                textList?.forEach((text) => {
+                    if (view?.textBold) {
+                        this.renderer?.setStyle(text, 'font-weight', view.textBold);
+                    }
+                    if (view?.textColor) {
+                        this.renderer?.setStyle(text, 'color', view.textColor);
+                    }
+                });
+            }
+        }, 0);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: SaveChangingViewDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: FlatElementsService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.6", type: SaveChangingViewDirective, selector: "[trSaveChangingView]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: SaveChangingViewDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[trSaveChangingView]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: FlatElementsService }]; } });
+
+class ElementIconNamePipe {
+    transform(element, arg) {
+        switch (element.elementTypeDiscriminator) {
+            case 'NoteTextDto':
+                return 'subject';
+            case 'ExecutionDescriptionDto':
+                return 'event';
+            case 'ServiceSpecificationGroupDto':
+                return 'folder_open';
+            case 'PositionDto':
+                return 'add';
+            default:
+                return '';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: ElementIconNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.6", ngImport: i0, type: ElementIconNamePipe, name: "elementIconName" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: ElementIconNamePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'elementIconName'
+                }]
+        }] });
+
+class ElementTextPipe {
+    transform(element, arg) {
+        switch (element.elementTypeDiscriminator) {
+            case 'NoteTextDto':
+                return element.shortText || 'Hinweis';
+            case 'ExecutionDescriptionDto':
+                return `${element.identifier ? element.identifier + ' - ' : ''}${element.label || 'Description'}`;
+            case 'ServiceSpecificationGroupDto':
+                return element.shortText || 'Group';
+            case 'PositionDto':
+                return element.shortText || 'Position';
+            default:
+                return '';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: ElementTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.6", ngImport: i0, type: ElementTextPipe, name: "elementText" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: ElementTextPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'elementText'
+                }]
+        }] });
+
+class ElementItemNumberPipe {
+    transform(element, arg) {
+        switch (element.elementTypeDiscriminator) {
+            case 'ServiceSpecificationGroupDto':
+                return element.itemNumber?.stringRepresentation || '';
+            case 'PositionDto':
+                return element.itemNumber?.stringRepresentation || '';
+            default:
+                return '';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: ElementItemNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.6", ngImport: i0, type: ElementItemNumberPipe, name: "elementItemNumber" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: ElementItemNumberPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'elementItemNumber'
+                }]
+        }] });
+
+class TreeItemComponent {
+    constructor(selectElementService, treeNodeSelectionService, cdr) {
+        this.selectElementService = selectElementService;
+        this.treeNodeSelectionService = treeNodeSelectionService;
+        this.cdr = cdr;
+        this.element = {};
+        this.expansionState = {};
+        this.isSelectionMode = false;
+        this.selectedElement = null;
+        this.preselectedElement = null;
+        this.isAllowOneClick = true;
+        this.timerStop = null;
+        this.$destroy = new Subject();
+        this.checkedElements = {};
+    }
+    ngOnInit() {
+        this.selectElementService.selectClickElement.pipe(takeUntil(this.$destroy)).subscribe((element) => (this.selectedElement = element));
+        this.selectElementService.preselectedElement.pipe(takeUntil(this.$destroy)).subscribe((element) => (this.preselectedElement = element));
+        if (this.isSelectionMode) {
+            this.treeNodeSelectionService.treeNodeSelecting.pipe(takeUntil(this.$destroy)).subscribe((treeNodeSelecting) => {
+                this.checkedElements = treeNodeSelecting;
+                this.cdr.detectChanges();
+            });
+        }
+    }
+    ngOnDestroy() {
+        this.timerStop && clearTimeout(this.timerStop);
+        this.$destroy.next(true);
+        this.$destroy.complete();
+    }
+    expand() {
+        if (this.element) {
+            this.expansionState[this.element.id] = true;
+        }
+    }
+    select() {
+        if (this.isAllowOneClick) {
+            this.isAllowOneClick = false;
+            this.timerStop = setTimeout(() => {
+                this.selectElementService.setClickElement(this.selectedElement?.id === this.element.id ? null : this.element);
+                if (this.element.elementTypeDiscriminator === 'ServiceSpecificationGroupDto') {
+                    this.expand();
+                }
+                this.isAllowOneClick = true;
+            }, 300);
+        }
+    }
+    dblSelect() {
+        this.timerStop && clearTimeout(this.timerStop);
+        this.selectElementService.setDblClickElement(this.element);
+        if (this.element.elementTypeDiscriminator === 'ServiceSpecificationGroupDto') {
+            this.expand();
+        }
+        this.isAllowOneClick = true;
+    }
+    openContextMenu(event) {
+        event.preventDefault();
+        this.selectElementService.setContextMenuElement({ position: { x: `${event.x}px`, y: `${event.y}px` }, node: this.element });
+    }
+    changeSelecting(element, event) {
+        this.treeNodeSelectionService.changeSelecting(event, element.id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: TreeItemComponent, deps: [{ token: SelectElementService }, { token: i2.TreeNodeSelectionService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: TreeItemComponent, selector: "ava-tree-item", inputs: { element: "element", expansionState: "expansionState", isSelectionMode: "isSelectionMode" }, ngImport: i0, template: "<div\r\n  *ngIf=\"element\"\r\n  (click)=\"select()\"\r\n  (dblclick)=\"dblSelect()\"\r\n  (contextmenu)=\"openContextMenu($event)\"\r\n  class=\"ava-tree-item\"\r\n  [id]=\"element.id\"\r\n  trSaveChangingView\r\n>\r\n  <mat-icon\r\n    class=\"ava-tree-item__icon\"\r\n    tdChangingIconView\r\n    >{{ element | elementIconName }}</mat-icon\r\n  >\r\n  <div\r\n    *ngIf=\"!isSelectionMode\"\r\n    class=\"ava-tree-item__text\"\r\n    [class.choose]=\"!isSelectionMode && element.id === preselectedElement?.id\"\r\n    tdChangingTextView\r\n  >\r\n    <ng-container [ngTemplateOutlet]=\"text\"></ng-container>\r\n  </div>\r\n  <mat-checkbox\r\n    *ngIf=\"isSelectionMode\"\r\n    class=\"ava-tree-item__checkbox\"\r\n    color=\"primary\"\r\n    [indeterminate]=\"checkedElements[element.id].indeterminate\"\r\n    [(ngModel)]=\"checkedElements[element.id].checked\"\r\n    (ngModelChange)=\"changeSelecting(element, $event)\"\r\n    (click)=\"$event.stopPropagation()\"\r\n  >\r\n    <div\r\n      class=\"ava-tree-item__text\"\r\n      tdChangingTextView\r\n    >\r\n      <ng-container [ngTemplateOutlet]=\"text\"></ng-container>\r\n    </div>\r\n  </mat-checkbox>\r\n</div>\r\n\r\n<ng-template #text>\r\n  <ng-container\r\n    *ngIf=\"\r\n      element?.elementTypeDiscriminator === 'ServiceSpecificationGroupDto' || element?.elementTypeDiscriminator === 'PositionDto';\r\n      else simpleText\r\n    \"\r\n  >\r\n    {{ element | elementItemNumber }} - {{ element | elementText }}\r\n  </ng-container>\r\n</ng-template>\r\n<ng-template #simpleText>\r\n  {{ element | elementText }}\r\n</ng-template>\r\n", styles: ["::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox{padding:0;flex:0 0 16px;width:16px;height:16px}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control{width:100%;height:100%}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__ripple{opacity:0!important}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background{top:0;left:0;width:100%;height:100%}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff!important}::ng-deep .ava-tree-item__checkbox .mdc-form-field>label{line-height:24px;padding-left:8px;-webkit-user-select:none;user-select:none}::ng-deep .ava-tree-item__checkbox .mat-mdc-checkbox-touch-target{width:16px!important;height:16px!important}.ava-tree-item{display:flex;align-items:center}.ava-tree-item__icon,.ava-tree-item__checkbox{flex-shrink:0}.ava-tree-item__text{flex-grow:1;-webkit-user-select:none;user-select:none;white-space:nowrap}.ava-tree-item__text.choose{color:red!important}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: SaveChangingViewDirective, selector: "[trSaveChangingView]" }, { kind: "pipe", type: ElementIconNamePipe, name: "elementIconName" }, { kind: "pipe", type: ElementTextPipe, name: "elementText" }, { kind: "pipe", type: ElementItemNumberPipe, name: "elementItemNumber" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: TreeItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ava-tree-item', template: "<div\r\n  *ngIf=\"element\"\r\n  (click)=\"select()\"\r\n  (dblclick)=\"dblSelect()\"\r\n  (contextmenu)=\"openContextMenu($event)\"\r\n  class=\"ava-tree-item\"\r\n  [id]=\"element.id\"\r\n  trSaveChangingView\r\n>\r\n  <mat-icon\r\n    class=\"ava-tree-item__icon\"\r\n    tdChangingIconView\r\n    >{{ element | elementIconName }}</mat-icon\r\n  >\r\n  <div\r\n    *ngIf=\"!isSelectionMode\"\r\n    class=\"ava-tree-item__text\"\r\n    [class.choose]=\"!isSelectionMode && element.id === preselectedElement?.id\"\r\n    tdChangingTextView\r\n  >\r\n    <ng-container [ngTemplateOutlet]=\"text\"></ng-container>\r\n  </div>\r\n  <mat-checkbox\r\n    *ngIf=\"isSelectionMode\"\r\n    class=\"ava-tree-item__checkbox\"\r\n    color=\"primary\"\r\n    [indeterminate]=\"checkedElements[element.id].indeterminate\"\r\n    [(ngModel)]=\"checkedElements[element.id].checked\"\r\n    (ngModelChange)=\"changeSelecting(element, $event)\"\r\n    (click)=\"$event.stopPropagation()\"\r\n  >\r\n    <div\r\n      class=\"ava-tree-item__text\"\r\n      tdChangingTextView\r\n    >\r\n      <ng-container [ngTemplateOutlet]=\"text\"></ng-container>\r\n    </div>\r\n  </mat-checkbox>\r\n</div>\r\n\r\n<ng-template #text>\r\n  <ng-container\r\n    *ngIf=\"\r\n      element?.elementTypeDiscriminator === 'ServiceSpecificationGroupDto' || element?.elementTypeDiscriminator === 'PositionDto';\r\n      else simpleText\r\n    \"\r\n  >\r\n    {{ element | elementItemNumber }} - {{ element | elementText }}\r\n  </ng-container>\r\n</ng-template>\r\n<ng-template #simpleText>\r\n  {{ element | elementText }}\r\n</ng-template>\r\n", styles: ["::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox{padding:0;flex:0 0 16px;width:16px;height:16px}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control{width:100%;height:100%}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__ripple{opacity:0!important}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background{top:0;left:0;width:100%;height:100%}::ng-deep .ava-tree-item__checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff!important}::ng-deep .ava-tree-item__checkbox .mdc-form-field>label{line-height:24px;padding-left:8px;-webkit-user-select:none;user-select:none}::ng-deep .ava-tree-item__checkbox .mat-mdc-checkbox-touch-target{width:16px!important;height:16px!important}.ava-tree-item{display:flex;align-items:center}.ava-tree-item__icon,.ava-tree-item__checkbox{flex-shrink:0}.ava-tree-item__text{flex-grow:1;-webkit-user-select:none;user-select:none;white-space:nowrap}.ava-tree-item__text.choose{color:red!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: SelectElementService }, { type: i2.TreeNodeSelectionService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { element: [{
+                type: Input
+            }], expansionState: [{
+                type: Input
+            }], isSelectionMode: [{
+                type: Input
+            }] } });
+
+class TreeNodeComponent {
+    constructor(selectElementService) {
+        this.selectElementService = selectElementService;
+        this.elementList = [];
+        this.indent = '';
+        this.expansionState = {};
+        this.isSelectionMode = false;
+        this.selectedColor = null;
+        this.selectedElement = null;
+        this.$destroy = new Subject();
+    }
+    ngOnInit() {
+        this.selectElementService.selectClickElement.pipe(takeUntil(this.$destroy)).subscribe((element) => {
+            this.selectedElement = element;
+        });
+    }
+    ngOnDestroy() {
+        this.$destroy.next(true);
+        this.$destroy.complete();
+    }
+    getElements(element) {
+        return element.elements;
+    }
+    expand(element) {
+        this.expansionState[element.id] = !this.expansionState[element.id];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: TreeNodeComponent, deps: [{ token: SelectElementService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: TreeNodeComponent, selector: "ava-tree-node", inputs: { elementList: "elementList", indent: "indent", expansionState: "expansionState", isSelectionMode: "isSelectionMode", selectedColor: "selectedColor" }, ngImport: i0, template: "<ng-container *ngFor=\"let element of elementList\">\r\n  <div\r\n    class=\"tree-node-wrapper\"\r\n    [class.select]=\"!isSelectionMode && element.id === selectedElement?.id\"\r\n    [style.background]=\"!isSelectionMode && element.id === selectedElement?.id ? selectedColor || '' : ''\"\r\n  >\r\n    <div class=\"tree-node-wrapper__content\">\r\n      <mat-icon\r\n        *ngIf=\"element.elementTypeDiscriminator === 'ServiceSpecificationGroupDto'; else nullIcon\"\r\n        matRipple\r\n        (click)=\"expand(element)\"\r\n        class=\"tree-node__icon\"\r\n      >\r\n        {{ expansionState[element.id] ? 'expand_more' : 'chevron_right' }}\r\n      </mat-icon>\r\n      <ava-tree-item\r\n        [element]=\"element\"\r\n        [expansionState]=\"expansionState\"\r\n        [isSelectionMode]=\"isSelectionMode\"\r\n      ></ava-tree-item>\r\n    </div>\r\n  </div>\r\n\r\n  <div\r\n    *ngIf=\"element.elementTypeDiscriminator === 'ServiceSpecificationGroupDto' && expansionState?.[element.id]\"\r\n    [style.paddingLeft]=\"indent\"\r\n  >\r\n    <ava-tree-node\r\n      [elementList]=\"getElements(element)\"\r\n      [expansionState]=\"expansionState\"\r\n      [isSelectionMode]=\"isSelectionMode\"\r\n      [selectedColor]=\"selectedColor\"\r\n      [indent]=\"indent\"\r\n    ></ava-tree-node>\r\n  </div>\r\n</ng-container>\r\n<ng-template #nullIcon>\r\n  <mat-icon></mat-icon>\r\n</ng-template>\r\n", styles: [".tree-node-wrapper{display:flex;align-items:center}.tree-node-wrapper__content{flex:1 0 100%;display:flex}.tree-node__icon{flex-shrink:0}.select{background-color:var(--mdc-filled-text-field-caret-color);color:#fff}.select *{color:#fff}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: TreeNodeComponent, selector: "ava-tree-node", inputs: ["elementList", "indent", "expansionState", "isSelectionMode", "selectedColor"] }, { kind: "component", type: TreeItemComponent, selector: "ava-tree-item", inputs: ["element", "expansionState", "isSelectionMode"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: TreeNodeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ava-tree-node', template: "<ng-container *ngFor=\"let element of elementList\">\r\n  <div\r\n    class=\"tree-node-wrapper\"\r\n    [class.select]=\"!isSelectionMode && element.id === selectedElement?.id\"\r\n    [style.background]=\"!isSelectionMode && element.id === selectedElement?.id ? selectedColor || '' : ''\"\r\n  >\r\n    <div class=\"tree-node-wrapper__content\">\r\n      <mat-icon\r\n        *ngIf=\"element.elementTypeDiscriminator === 'ServiceSpecificationGroupDto'; else nullIcon\"\r\n        matRipple\r\n        (click)=\"expand(element)\"\r\n        class=\"tree-node__icon\"\r\n      >\r\n        {{ expansionState[element.id] ? 'expand_more' : 'chevron_right' }}\r\n      </mat-icon>\r\n      <ava-tree-item\r\n        [element]=\"element\"\r\n        [expansionState]=\"expansionState\"\r\n        [isSelectionMode]=\"isSelectionMode\"\r\n      ></ava-tree-item>\r\n    </div>\r\n  </div>\r\n\r\n  <div\r\n    *ngIf=\"element.elementTypeDiscriminator === 'ServiceSpecificationGroupDto' && expansionState?.[element.id]\"\r\n    [style.paddingLeft]=\"indent\"\r\n  >\r\n    <ava-tree-node\r\n      [elementList]=\"getElements(element)\"\r\n      [expansionState]=\"expansionState\"\r\n      [isSelectionMode]=\"isSelectionMode\"\r\n      [selectedColor]=\"selectedColor\"\r\n      [indent]=\"indent\"\r\n    ></ava-tree-node>\r\n  </div>\r\n</ng-container>\r\n<ng-template #nullIcon>\r\n  <mat-icon></mat-icon>\r\n</ng-template>\r\n", styles: [".tree-node-wrapper{display:flex;align-items:center}.tree-node-wrapper__content{flex:1 0 100%;display:flex}.tree-node__icon{flex-shrink:0}.select{background-color:var(--mdc-filled-text-field-caret-color);color:#fff}.select *{color:#fff}\n"] }]
+        }], ctorParameters: function () { return [{ type: SelectElementService }]; }, propDecorators: { elementList: [{
+                type: Input
+            }], indent: [{
+                type: Input
+            }], expansionState: [{
+                type: Input
+            }], isSelectionMode: [{
+                type: Input
+            }], selectedColor: [{
+                type: Input
+            }] } });
+
+class TreeStructureComponent {
+    constructor() {
+        this.serviceSpecification = null;
+        this.indent = '';
+        this.expansionState = {};
+        this.isSelectionMode = false;
+        this.selectedColor = null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: TreeStructureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: TreeStructureComponent, selector: "ava-tree-structure", inputs: { serviceSpecification: "serviceSpecification", indent: "indent", expansionState: "expansionState", isSelectionMode: "isSelectionMode", selectedColor: "selectedColor" }, ngImport: i0, template: "<ava-tree-node\r\n  *ngIf=\"serviceSpecification?.elements\"\r\n  [elementList]=\"serviceSpecification?.elements\"\r\n  [indent]=\"indent\"\r\n  [expansionState]=\"expansionState\"\r\n  [isSelectionMode]=\"isSelectionMode\"\r\n  [selectedColor]=\"selectedColor\"\r\n>\r\n</ava-tree-node>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TreeNodeComponent, selector: "ava-tree-node", inputs: ["elementList", "indent", "expansionState", "isSelectionMode", "selectedColor"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: TreeStructureComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ava-tree-structure', template: "<ava-tree-node\r\n  *ngIf=\"serviceSpecification?.elements\"\r\n  [elementList]=\"serviceSpecification?.elements\"\r\n  [indent]=\"indent\"\r\n  [expansionState]=\"expansionState\"\r\n  [isSelectionMode]=\"isSelectionMode\"\r\n  [selectedColor]=\"selectedColor\"\r\n>\r\n</ava-tree-node>\r\n" }]
+        }], propDecorators: { serviceSpecification: [{
+                type: Input
+            }], indent: [{
+                type: Input
+            }], expansionState: [{
+                type: Input
+            }], isSelectionMode: [{
+                type: Input
+            }], selectedColor: [{
+                type: Input
+            }] } });
+
+class ListStructureComponent {
+    constructor(selectElementService) {
+        this.selectElementService = selectElementService;
+        this.filteredElementList = [];
+        this.isSelectionMode = false;
+        this.selectedColor = null;
+        this.selectedElement = null;
+        this.$destroy = new Subject();
+    }
+    ngOnInit() {
+        this.selectElementService.selectClickElement.pipe(takeUntil(this.$destroy)).subscribe((element) => {
+            this.selectedElement = element;
+        });
+    }
+    ngOnDestroy() {
+        this.$destroy.next(true);
+        this.$destroy.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: ListStructureComponent, deps: [{ token: SelectElementService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: ListStructureComponent, selector: "ava-list-structure", inputs: { filteredElementList: "filteredElementList", isSelectionMode: "isSelectionMode", selectedColor: "selectedColor" }, ngImport: i0, template: "<ng-container *ngFor=\"let element of filteredElementList\">\r\n  <div\r\n    [class.select]=\"!isSelectionMode && element.id === selectedElement?.id\"\r\n    [style.background]=\"!isSelectionMode && element.id === selectedElement?.id ? selectedColor || '' : ''\"\r\n  >\r\n    <ava-tree-item\r\n      [element]=\"element\"\r\n      [isSelectionMode]=\"isSelectionMode\"\r\n    ></ava-tree-item>\r\n  </div>\r\n</ng-container>\r\n", styles: [".select{background:var(--mdc-filled-text-field-caret-color);color:#fff}.select *{color:#fff}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TreeItemComponent, selector: "ava-tree-item", inputs: ["element", "expansionState", "isSelectionMode"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: ListStructureComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ava-list-structure', template: "<ng-container *ngFor=\"let element of filteredElementList\">\r\n  <div\r\n    [class.select]=\"!isSelectionMode && element.id === selectedElement?.id\"\r\n    [style.background]=\"!isSelectionMode && element.id === selectedElement?.id ? selectedColor || '' : ''\"\r\n  >\r\n    <ava-tree-item\r\n      [element]=\"element\"\r\n      [isSelectionMode]=\"isSelectionMode\"\r\n    ></ava-tree-item>\r\n  </div>\r\n</ng-container>\r\n", styles: [".select{background:var(--mdc-filled-text-field-caret-color);color:#fff}.select *{color:#fff}\n"] }]
+        }], ctorParameters: function () { return [{ type: SelectElementService }]; }, propDecorators: { filteredElementList: [{
+                type: Input
+            }], isSelectionMode: [{
+                type: Input
+            }], selectedColor: [{
+                type: Input
+            }] } });
+
+class TableStructureComponent {
+    constructor(selectElementService, treeNodeSelectionService, cdr) {
+        this.selectElementService = selectElementService;
+        this.treeNodeSelectionService = treeNodeSelectionService;
+        this.cdr = cdr;
+        this.filteredElementList = [];
+        this.isSelectionMode = false;
+        this.addTableColumns = [];
+        this.selectedColor = null;
+        this.displayedColumns = [];
+        this.isAllowOneClick = true;
+        this.selectedElement = null;
+        this.preselectedElement = null;
+        this.timerStop = null;
+        this.checkedElements = {};
+        this.$destroy = new Subject();
+    }
+    ngOnInit() {
+        this.selectElementService.selectClickElement.pipe(takeUntil(this.$destroy)).subscribe((element) => {
+            this.selectedElement = element;
+        });
+        this.selectElementService.preselectedElement.pipe(takeUntil(this.$destroy)).subscribe((element) => {
+            this.preselectedElement = element;
+        });
+        if (this.isSelectionMode) {
+            this.displayedColumns = ['icon', 'checkbox', 'itemNumber', 'text', ...this.addTableColumns.map((item) => item.name)];
+            this.treeNodeSelectionService.treeNodeSelecting.pipe(takeUntil(this.$destroy)).subscribe((treeNodeSelecting) => {
+                this.checkedElements = treeNodeSelecting;
+                this.cdr.detectChanges();
+            });
+        }
+        else {
+            this.displayedColumns = ['icon', 'itemNumber', 'text', ...this.addTableColumns.map((item) => item.name)];
+        }
+    }
+    ngOnDestroy() {
+        this.timerStop && clearTimeout(this.timerStop);
+        this.$destroy.next(true);
+        this.$destroy.complete();
+    }
+    select(row) {
+        if (this.isSelectionMode) {
+            return;
+        }
+        if (this.isAllowOneClick) {
+            this.isAllowOneClick = false;
+            this.timerStop = setTimeout(() => {
+                this.selectElementService.setClickElement(this.selectedElement?.id === row.id ? null : row);
+                this.isAllowOneClick = true;
+            }, 300);
+        }
+    }
+    dblSelect(row) {
+        if (this.isSelectionMode) {
+            return;
+        }
+        this.timerStop && clearTimeout(this.timerStop);
+        this.selectElementService.setDblClickElement(row);
+        this.isAllowOneClick = true;
+    }
+    openContextMenu(event, row) {
+        event.preventDefault();
+        this.selectElementService.setContextMenuElement({ position: { x: `${event.x}px`, y: `${event.y}px` }, node: row });
+    }
+    changeSelecting(element, event) {
+        this.treeNodeSelectionService.changeSelecting(event, element.id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: TableStructureComponent, deps: [{ token: SelectElementService }, { token: i2.TreeNodeSelectionService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: TableStructureComponent, selector: "ava-table-structure", inputs: { functionView: "functionView", filteredElementList: "filteredElementList", isSelectionMode: "isSelectionMode", addTableColumns: "addTableColumns", selectedColor: "selectedColor" }, ngImport: i0, template: "<table\r\n  mat-table\r\n  [dataSource]=\"filteredElementList\"\r\n>\r\n  <ng-container matColumnDef=\"icon\">\r\n    <th\r\n      mat-header-cell\r\n      *matHeaderCellDef\r\n    ></th>\r\n    <td\r\n      mat-cell\r\n      *matCellDef=\"let row\"\r\n      class=\"table-cell-small-width\"\r\n    >\r\n      <mat-icon\r\n        class=\"icon-element\"\r\n        tdChangingIconView\r\n      >\r\n        {{ row | elementIconName }}\r\n      </mat-icon>\r\n    </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"checkbox\">\r\n    <th\r\n      mat-header-cell\r\n      *matHeaderCellDef\r\n    ></th>\r\n    <td\r\n      mat-cell\r\n      *matCellDef=\"let element\"\r\n      class=\"table-cell-small-width\"\r\n    >\r\n      <mat-checkbox\r\n        class=\"checkbox\"\r\n        color=\"primary\"\r\n        [indeterminate]=\"checkedElements[element.id].indeterminate\"\r\n        [(ngModel)]=\"checkedElements[element.id].checked\"\r\n        (ngModelChange)=\"changeSelecting(element, $event)\"\r\n        (click)=\"$event.stopPropagation()\"\r\n      >\r\n      </mat-checkbox>\r\n    </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"itemNumber\">\r\n    <th\r\n      mat-header-cell\r\n      *matHeaderCellDef\r\n    >\r\n      OZ\r\n    </th>\r\n    <td\r\n      mat-cell\r\n      *matCellDef=\"let row\"\r\n      [style.width.ch]=\"row?.itemNumber?.stringRepresentation.length\"\r\n    >\r\n      <div\r\n        class=\"text-element\"\r\n        tdChangingTextView\r\n      >\r\n        {{ row | elementItemNumber }}\r\n      </div>\r\n    </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"text\">\r\n    <th\r\n      mat-header-cell\r\n      *matHeaderCellDef\r\n    >\r\n      Text\r\n    </th>\r\n    <td\r\n      mat-cell\r\n      *matCellDef=\"let row\"\r\n      class=\"table-text\"\r\n    >\r\n      <div\r\n        class=\"text-element\"\r\n        tdChangingTextView\r\n      >\r\n        {{ row | elementText }}\r\n      </div>\r\n    </td>\r\n  </ng-container>\r\n\r\n  <ng-container *ngFor=\"let oneColumn of addTableColumns\">\r\n    <ng-container matColumnDef=\"{{ oneColumn.name }}\">\r\n      <th\r\n        mat-header-cell\r\n        *matHeaderCellDef\r\n      >\r\n        {{ oneColumn.title }}\r\n      </th>\r\n      <td\r\n        mat-cell\r\n        *matCellDef=\"let row\"\r\n      >\r\n        <div\r\n          [style.textAlign]=\"oneColumn.align\"\r\n          tdChangingTextView\r\n        >\r\n          {{ !oneColumn.numberFormat ? row[oneColumn.name] : (row[oneColumn.name] | number: oneColumn.numberFormat) }}\r\n        </div>\r\n      </td>\r\n    </ng-container>\r\n  </ng-container>\r\n\r\n  <tr\r\n    mat-header-row\r\n    *matHeaderRowDef=\"displayedColumns; sticky: true\"\r\n    class=\"mat-header-row\"\r\n  ></tr>\r\n  <tr\r\n    mat-row\r\n    *matRowDef=\"let row; columns: displayedColumns\"\r\n    (click)=\"select(row)\"\r\n    (dblclick)=\"dblSelect(row)\"\r\n    (contextmenu)=\"openContextMenu($event, row)\"\r\n    [ngClass]=\"{\r\n      choose: !isSelectionMode && row.id === preselectedElement?.id,\r\n      select: !isSelectionMode && row.id === selectedElement?.id\r\n    }\"\r\n    [style.background]=\"!isSelectionMode && row.id === selectedElement?.id ? selectedColor || '' : ''\"\r\n    [id]=\"row.id\"\r\n    trSaveChangingView\r\n  ></tr>\r\n</table>\r\n", styles: ["table{width:100%}table tr.mat-mdc-row,table tr.mat-mdc-header-row{height:24px}table tr input{box-sizing:border-box;padding:0 3px;outline:none;border:none;height:20px;width:calc(100% - 2px)}table tr input:focus{background:#fff!important}table tr .right{text-align:right}table tr td,table tr th{border-right:1px solid #777;border-bottom:1px solid #777;padding:0}table tr td:first-child,table tr th:first-child{border-left:1px solid #777}table tr td.min-width,table tr th.min-width{width:12ch;min-width:12ch}table tr td div,table tr th div{padding:0 3px}table tr th{border-top:1px solid #777;padding:0 3px}.table-text{overflow-x:hidden;position:relative}.table-text div{position:absolute;top:50%;left:0;white-space:nowrap;transform:translateY(-50%)}.select{background:var(--mdc-filled-text-field-caret-color);color:#fff}.select *{color:#fff}.choose div{color:red!important}::ng-deep .checkbox .mdc-form-field .mdc-checkbox{padding:0;flex:0 0 16px;width:16px;height:16px}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control{width:100%;height:100%}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__ripple{opacity:0!important}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background{top:0;left:0;width:100%;height:100%}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff!important}::ng-deep .checkbox .mdc-form-field>label{line-height:24px;padding-left:8px;-webkit-user-select:none;user-select:none}.text-element{-webkit-user-select:none;user-select:none}.table-cell-small-width{width:24px;min-width:24px;position:relative;text-align:center}.table-cell-small-width .icon-element{position:absolute;top:0;left:0}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i7.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i7.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i7.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i7.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i7.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i7.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i7.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i7.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i7.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i7.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: SaveChangingViewDirective, selector: "[trSaveChangingView]" }, { kind: "pipe", type: i3.DecimalPipe, name: "number" }, { kind: "pipe", type: ElementIconNamePipe, name: "elementIconName" }, { kind: "pipe", type: ElementTextPipe, name: "elementText" }, { kind: "pipe", type: ElementItemNumberPipe, name: "elementItemNumber" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: TableStructureComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ava-table-structure', template: "<table\r\n  mat-table\r\n  [dataSource]=\"filteredElementList\"\r\n>\r\n  <ng-container matColumnDef=\"icon\">\r\n    <th\r\n      mat-header-cell\r\n      *matHeaderCellDef\r\n    ></th>\r\n    <td\r\n      mat-cell\r\n      *matCellDef=\"let row\"\r\n      class=\"table-cell-small-width\"\r\n    >\r\n      <mat-icon\r\n        class=\"icon-element\"\r\n        tdChangingIconView\r\n      >\r\n        {{ row | elementIconName }}\r\n      </mat-icon>\r\n    </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"checkbox\">\r\n    <th\r\n      mat-header-cell\r\n      *matHeaderCellDef\r\n    ></th>\r\n    <td\r\n      mat-cell\r\n      *matCellDef=\"let element\"\r\n      class=\"table-cell-small-width\"\r\n    >\r\n      <mat-checkbox\r\n        class=\"checkbox\"\r\n        color=\"primary\"\r\n        [indeterminate]=\"checkedElements[element.id].indeterminate\"\r\n        [(ngModel)]=\"checkedElements[element.id].checked\"\r\n        (ngModelChange)=\"changeSelecting(element, $event)\"\r\n        (click)=\"$event.stopPropagation()\"\r\n      >\r\n      </mat-checkbox>\r\n    </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"itemNumber\">\r\n    <th\r\n      mat-header-cell\r\n      *matHeaderCellDef\r\n    >\r\n      OZ\r\n    </th>\r\n    <td\r\n      mat-cell\r\n      *matCellDef=\"let row\"\r\n      [style.width.ch]=\"row?.itemNumber?.stringRepresentation.length\"\r\n    >\r\n      <div\r\n        class=\"text-element\"\r\n        tdChangingTextView\r\n      >\r\n        {{ row | elementItemNumber }}\r\n      </div>\r\n    </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"text\">\r\n    <th\r\n      mat-header-cell\r\n      *matHeaderCellDef\r\n    >\r\n      Text\r\n    </th>\r\n    <td\r\n      mat-cell\r\n      *matCellDef=\"let row\"\r\n      class=\"table-text\"\r\n    >\r\n      <div\r\n        class=\"text-element\"\r\n        tdChangingTextView\r\n      >\r\n        {{ row | elementText }}\r\n      </div>\r\n    </td>\r\n  </ng-container>\r\n\r\n  <ng-container *ngFor=\"let oneColumn of addTableColumns\">\r\n    <ng-container matColumnDef=\"{{ oneColumn.name }}\">\r\n      <th\r\n        mat-header-cell\r\n        *matHeaderCellDef\r\n      >\r\n        {{ oneColumn.title }}\r\n      </th>\r\n      <td\r\n        mat-cell\r\n        *matCellDef=\"let row\"\r\n      >\r\n        <div\r\n          [style.textAlign]=\"oneColumn.align\"\r\n          tdChangingTextView\r\n        >\r\n          {{ !oneColumn.numberFormat ? row[oneColumn.name] : (row[oneColumn.name] | number: oneColumn.numberFormat) }}\r\n        </div>\r\n      </td>\r\n    </ng-container>\r\n  </ng-container>\r\n\r\n  <tr\r\n    mat-header-row\r\n    *matHeaderRowDef=\"displayedColumns; sticky: true\"\r\n    class=\"mat-header-row\"\r\n  ></tr>\r\n  <tr\r\n    mat-row\r\n    *matRowDef=\"let row; columns: displayedColumns\"\r\n    (click)=\"select(row)\"\r\n    (dblclick)=\"dblSelect(row)\"\r\n    (contextmenu)=\"openContextMenu($event, row)\"\r\n    [ngClass]=\"{\r\n      choose: !isSelectionMode && row.id === preselectedElement?.id,\r\n      select: !isSelectionMode && row.id === selectedElement?.id\r\n    }\"\r\n    [style.background]=\"!isSelectionMode && row.id === selectedElement?.id ? selectedColor || '' : ''\"\r\n    [id]=\"row.id\"\r\n    trSaveChangingView\r\n  ></tr>\r\n</table>\r\n", styles: ["table{width:100%}table tr.mat-mdc-row,table tr.mat-mdc-header-row{height:24px}table tr input{box-sizing:border-box;padding:0 3px;outline:none;border:none;height:20px;width:calc(100% - 2px)}table tr input:focus{background:#fff!important}table tr .right{text-align:right}table tr td,table tr th{border-right:1px solid #777;border-bottom:1px solid #777;padding:0}table tr td:first-child,table tr th:first-child{border-left:1px solid #777}table tr td.min-width,table tr th.min-width{width:12ch;min-width:12ch}table tr td div,table tr th div{padding:0 3px}table tr th{border-top:1px solid #777;padding:0 3px}.table-text{overflow-x:hidden;position:relative}.table-text div{position:absolute;top:50%;left:0;white-space:nowrap;transform:translateY(-50%)}.select{background:var(--mdc-filled-text-field-caret-color);color:#fff}.select *{color:#fff}.choose div{color:red!important}::ng-deep .checkbox .mdc-form-field .mdc-checkbox{padding:0;flex:0 0 16px;width:16px;height:16px}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control{width:100%;height:100%}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:focus~.mdc-checkbox__ripple{opacity:0!important}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background{top:0;left:0;width:100%;height:100%}::ng-deep .checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff!important}::ng-deep .checkbox .mdc-form-field>label{line-height:24px;padding-left:8px;-webkit-user-select:none;user-select:none}.text-element{-webkit-user-select:none;user-select:none}.table-cell-small-width{width:24px;min-width:24px;position:relative;text-align:center}.table-cell-small-width .icon-element{position:absolute;top:0;left:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: SelectElementService }, { type: i2.TreeNodeSelectionService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { functionView: [{
+                type: Input
+            }], filteredElementList: [{
+                type: Input
+            }], isSelectionMode: [{
+                type: Input
+            }], addTableColumns: [{
+                type: Input
+            }], selectedColor: [{
+                type: Input
+            }] } });
+
+class AvaTreeComponent {
+    /**With this parameter, we can configure which keys will be listen to switch the tree elements,
+     * and also to disable the functionality of the keys */
+    set customKeyboardOperationConfig(config) {
+        this.keyboardOperationService.mergeConfigOperation(config);
+    }
+    // ***************************************************
+    // functionView: Array of objects
+    //   {
+    //     name: string,                                   // name of view part: you can add/remove it when it need
+    //     func: (element: any, result?: any) => boolean,  // this filter function calculate condition to change view
+    //     view: {
+    //       iconName?: string,                            // changed name of icon
+    //       iconColor?: string,                           // changed color of icon
+    //       textBold?: string,                            // changed weight of text
+    //       textColor?: string                            // changed color of text
+    //     }
+    //   }
+    // ****************************************************
+    set textWords(words) {
+        this._textWords = { ...this.textWords, ...words };
+    } // allow to translate all texts to other language
+    get textWords() {
+        return this._textWords;
+    }
+    constructor(flatElementsService, selectElementService, treeNodeSelectionService, expandParentGroupService, keyboardOperationService, ngZone) {
+        this.flatElementsService = flatElementsService;
+        this.selectElementService = selectElementService;
+        this.treeNodeSelectionService = treeNodeSelectionService;
+        this.expandParentGroupService = expandParentGroupService;
+        this.keyboardOperationService = keyboardOperationService;
+        this.ngZone = ngZone;
+        this.project = null; // main data
+        this.expansionState = {}; // object with expanded groups at the begin
+        this.selectedNodeId = null; // id if selected element at the begin
+        this.indent = '20px'; // optional - for changing indents each group
+        this.selectedColor = null; // optional - for changing background of selected line (default: primary form MaterialUI)
+        this.modeView = ModeViewType.Tree; // structure view: Tree(default) / List / Table
+        this.limitedControl = true; // use keyboard only if cursor is over of tree
+        this.isSelectionMode = false; // mode for selecting by checkbox
+        this.selectingElements = null; // optional - selected elements at the begin
+        this.listFilterFunc = DEFAULT_FILTERS; // allow to program filtering by filter function: (element: any, filter: string) => boolean
+        this.addTableColumns = []; // optional - allow to add displayed columns for table
+        // ***************************************************
+        // addTableColumns: Array of objects
+        // {
+        //   name: string,                                     // name of column
+        //   title: string,                                    // showed title of column
+        //   align?: string,                                   // optional alight: left(default) / center / right
+        //   numberFormat?: string                             // optional format of number value, example: '1.2-2'
+        // }
+        // ***************************************************
+        this.functionView = null; // allow to program view for each element by filter
+        this._textWords = null;
+        // *******************************************************
+        // {
+        //   textSearch: string,
+        //   textNothing: string,
+        //   textNothingFiltered: string,
+        //   textAll: string,
+        //   tooltipAllOpen: string,
+        //   tooltipAllClose: string,
+        //   tooltipAllAdd:string,
+        //   tooltipAllRemove: string,
+        // }
+        // ********************************************************
+        this.selectClick = new EventEmitter(); // event after element selected by click
+        this.selectDblClick = new EventEmitter(); // event after element selected by double click
+        this.contextMenuEvent = new EventEmitter(); // event after element call context menu by right button click
+        this.selectedElementsChanged = new EventEmitter(); // event after changed selecting in selecting mode
+        this.selectedElement = null;
+        this.isListenKeyboard = false;
+        this.isEmiteSelectedElements = false;
+        this.selectingElementsTreeData = [];
+        this.flatElements = null;
+        this.preselectedElement = null;
+        this.filterInput = '';
+        this.listModeViewType = ModeViewType;
+        this.filter = '';
+        this.$filter = new ReplaySubject(1);
+        this.filteredElementList = [];
+        this.$destroy = new Subject();
+        this._textWords = { ...DEFAULT_TEXT_WORDS };
+    }
+    ngOnInit() {
+        this.selectElementService.preselectedElement.pipe(takeUntil(this.$destroy)).subscribe((e) => (this.preselectedElement = e));
+        this.selectElementService.selectClickElement.pipe(takeUntil(this.$destroy)).subscribe((e) => {
+            this.selectedElement = e;
+            this.selectClick.emit(e);
+        });
+        this.selectElementService.selectDblClickElement.pipe(takeUntil(this.$destroy)).subscribe((e) => this.selectDblClick.emit(e));
+        this.selectElementService.selectContextMenuElement.pipe(takeUntil(this.$destroy)).subscribe((e) => this.contextMenuEvent.emit(e));
+        this.flatElementsService.flatElementsDto.pipe(takeUntil(this.$destroy)).subscribe((e) => {
+            this.flatElements = e;
+            this.getFilteredList();
+        });
+        this.$filter.pipe(takeUntil(this.$destroy), debounceTime(250)).subscribe((filter) => {
+            this.filter = filter;
+            this.getFilteredList();
+        });
+    }
+    ngAfterViewInit() {
+        this.initializeEventListeners();
+    }
+    ngOnChanges(changes) {
+        this.flatElementsService.listFilterFunc = this.listFilterFunc;
+        this.flatElementsService.functionView = this.functionView;
+        if (changes['project'] && this.project?.serviceSpecifications?.[0]) {
+            this.serviceSpecification = this.project.serviceSpecifications[0];
+            this.flatElementsService.setElementsDto(this.serviceSpecification);
+            if (this.isSelectionMode) {
+                this.selectingElementsTreeData = this.treeNodeSelectionService.loadSelectingElements(this.serviceSpecification.elements);
+                this.treeNodeSelectionService.treeNodeSelecting.pipe(takeUntil(this.$destroy)).subscribe(() => {
+                    if (this.isEmiteSelectedElements) {
+                        setTimeout(() => {
+                            const selectingTree = this.treeNodeSelectionService.getTreeRoot(this.selectingElementsTreeData);
+                            this.selectedElementsChanged.emit(selectingTree);
+                        }, 0);
+                    }
+                });
+            }
+        }
+        if ((changes['selectedNodeId'] && this.project) || changes['project']) {
+            this.flatElementsService.getOneElementById(this.selectedNodeId).subscribe((e) => {
+                if (e) {
+                    this.selectElementService.setClickElement(e);
+                }
+            });
+        }
+        if (this.isSelectionMode && (changes['selectingElements'] || changes['project'])) {
+            this.formSelectingList();
+        }
+    }
+    ngOnDestroy() {
+        this.$destroy.next(true);
+        this.$destroy.complete();
+    }
+    mouseOver() {
+        if (!this.isListenKeyboard) {
+            this.isListenKeyboard = true;
+            this.avaTreeFilterInput?.nativeElement.focus();
+        }
+    }
+    mouseOut() {
+        this.isListenKeyboard = false;
+    }
+    handleGlobalKeyboardEvent(event) {
+        this.ngZone.run(() => {
+            const keyEvent = event;
+            if (!this.limitedControl || this.isListenKeyboard) {
+                const element = this.preselectedElement || this.selectedElement;
+                const { operation, nextElement } = this.keyboardOperationService.handleKeyboardEvent(keyEvent, element) || {};
+                switch (operation) {
+                    case KeyboardOperationType.MoveSelectedPositionUp:
+                        this.showElement(nextElement, '.select');
+                        break;
+                    case KeyboardOperationType.MoveSelectedPositionDown:
+                        this.showElement(nextElement, '.select');
+                        break;
+                    case KeyboardOperationType.MoveChosenPositionDown:
+                        this.showElement(nextElement, nextElement?.id === this.selectedElement?.id ? '.select' : '.choose');
+                        break;
+                    case KeyboardOperationType.MoveChosenPositionUp:
+                        this.showElement(nextElement, nextElement?.id === this.selectedElement?.id ? '.select' : '.choose');
+                        break;
+                    default:
+                        break;
+                }
+            }
+        });
+    }
+    showElement(element, nameQuery) {
+        if (element) {
+            if (this.modeView === ModeViewType.Tree) {
+                this.expandParentGroups(element);
+            }
+            setTimeout(() => this.scrollLine(nameQuery), 0);
+        }
+    }
+    scrollLine(nameQuery) {
+        const parentRect = this.avaTreeWrapper?.nativeElement.getBoundingClientRect();
+        const showedElement = this.avaTreeWrapper?.nativeElement.querySelector(nameQuery);
+        if (!showedElement) {
+            return;
+        }
+        const childRect = showedElement.getBoundingClientRect();
+        if (childRect.bottom > parentRect.bottom ||
+            childRect.top < parentRect.top ||
+            (this.modeView === ModeViewType.Table && childRect.top < parentRect.top + 24)) {
+            showedElement?.scrollIntoView();
+            this.avaTreeWrapper?.nativeElement.scrollTo({ left: 0 });
+            if (this.modeView === ModeViewType.Table) {
+                setTimeout(() => this.correctScrollTableLine(showedElement, parentRect), 0);
+            }
+        }
+    }
+    correctScrollTableLine(showedElement, parentRect) {
+        const childRect = showedElement.getBoundingClientRect();
+        if (childRect.top < parentRect.top + 24) {
+            this.avaTreeWrapper.nativeElement.scrollTop -= 24;
+        }
+    }
+    expandParentGroups(element) {
+        this.expandParentGroupService.expandParentGroups(element, this.flatElements, this.expansionState);
+    }
+    onFilter(value) {
+        this.$filter.next(value);
+    }
+    expandedAllElements(isExpand) {
+        if (!isExpand) {
+            Object.keys(this.expansionState).forEach((id) => delete this.expansionState[id]);
+        }
+        else {
+            this.flatElements?.forEach((item) => {
+                if (item.elementTypeDiscriminator === 'ServiceSpecificationGroupDto') {
+                    this.expansionState[item.id] = true;
+                }
+            });
+        }
+    }
+    formSelectingList() {
+        this.isEmiteSelectedElements = false;
+        if (!this.selectingElements) {
+            this.isEmiteSelectedElements = true;
+            return;
+        }
+        this.treeNodeSelectionService.getFlatSelectedListId(this.selectingElements);
+        this.treeNodeSelectionService.flatSelectedListId.forEach((id, index) => {
+            this.treeNodeSelectionService.changeSelecting(true, id);
+            if (index === this.treeNodeSelectionService.flatSelectedListId.length - 1) {
+                this.isEmiteSelectedElements = true;
+            }
+        });
+    }
+    selectOrDeselectAll(value) {
+        this.treeNodeSelectionService.changeAll(value);
+    }
+    getFilteredList() {
+        if (this.flatElements?.length) {
+            if (!this.filter) {
+                this.filteredElementList = this.flatElements;
+            }
+            else {
+                this.filteredElementList = this.flatElements.filter((item) => this.flatElementsService.checkFilterValue(item, this.filter));
+            }
+        }
+    }
+    initializeEventListeners() {
+        this.ngZone.runOutsideAngular(() => {
+            fromEvent(this.avaMainWrapper.nativeElement, 'mouseleave')
+                .pipe(takeUntil(this.$destroy))
+                .subscribe(() => {
+                this.mouseOut();
+            });
+            fromEvent(this.avaMainWrapper.nativeElement, 'mouseenter')
+                .pipe(takeUntil(this.$destroy))
+                .subscribe(() => {
+                this.mouseOver();
+            });
+            if (!this.isSelectionMode) {
+                fromEvent(document, 'keydown')
+                    .pipe(takeUntil(this.$destroy), filter(() => !this.limitedControl || this.isListenKeyboard))
+                    .subscribe((event) => {
+                    this.handleGlobalKeyboardEvent(event);
+                });
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AvaTreeComponent, deps: [{ token: FlatElementsService, self: true }, { token: SelectElementService, self: true }, { token: i2.TreeNodeSelectionService, self: true }, { token: i4$2.ExpandParentGroupService, self: true }, { token: i5$1.KeyboardOperationService, self: true }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AvaTreeComponent, selector: "ava-ava-tree", inputs: { project: "project", expansionState: "expansionState", selectedNodeId: "selectedNodeId", indent: "indent", selectedColor: "selectedColor", modeView: "modeView", customKeyboardOperationConfig: "customKeyboardOperationConfig", limitedControl: "limitedControl", isSelectionMode: "isSelectionMode", selectingElements: "selectingElements", listFilterFunc: "listFilterFunc", addTableColumns: "addTableColumns", functionView: "functionView", textWords: "textWords" }, outputs: { selectClick: "selectClick", selectDblClick: "selectDblClick", contextMenuEvent: "contextMenuEvent", selectedElementsChanged: "selectedElementsChanged" }, providers: [FlatElementsService, SelectElementService, TreeNodeSelectionService, ExpandParentGroupService, KeyboardOperationService], viewQueries: [{ propertyName: "avaTreeWrapper", first: true, predicate: ["avaTreeWrapper"], descendants: true }, { propertyName: "avaMainWrapper", first: true, predicate: ["avaMainWrapper"], descendants: true }, { propertyName: "avaTreeFilterInput", first: true, predicate: ["avaTreeFilterInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\r\n  class=\"main-wrapper\"\r\n  #avaMainWrapper\r\n>\r\n  <div\r\n    class=\"control\"\r\n    #control\r\n  >\r\n    <mat-form-field class=\"control-filter\">\r\n      <mat-label>{{ textWords?.textSearch }}</mat-label>\r\n      <input\r\n        matInput\r\n        [ngModel]=\"filterInput\"\r\n        (ngModelChange)=\"onFilter($event)\"\r\n        #avaTreeFilterInput\r\n      />\r\n    </mat-form-field>\r\n    <ng-container *ngIf=\"modeView === listModeViewType.Tree\">\r\n      <button\r\n        class=\"control-icon\"\r\n        mat-icon-button\r\n        color=\"primary\"\r\n        (click)=\"expandedAllElements(true)\"\r\n        [matTooltip]=\"textWords?.tooltipAllOpen || ''\"\r\n      >\r\n        <mat-icon class=\"layer-background\">layers</mat-icon>\r\n        <mat-icon class=\"layer-icon\">add</mat-icon>\r\n      </button>\r\n      <button\r\n        class=\"control-icon\"\r\n        mat-icon-button\r\n        color=\"primary\"\r\n        (click)=\"expandedAllElements(false)\"\r\n        [matTooltip]=\"textWords?.tooltipAllClose || ''\"\r\n      >\r\n        <mat-icon class=\"layer-background\">layers</mat-icon>\r\n        <mat-icon class=\"layer-icon\">remove</mat-icon>\r\n      </button>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"isSelectionMode\">\r\n      <button\r\n        mat-raised-button\r\n        (click)=\"selectOrDeselectAll(true)\"\r\n        [matTooltip]=\"textWords?.tooltipAllAdd || ''\"\r\n        class=\"control-button\"\r\n      >\r\n        <mat-icon>add</mat-icon>\r\n        <span>{{ textWords?.textAll }}</span>\r\n      </button>\r\n      <button\r\n        mat-raised-button\r\n        (click)=\"selectOrDeselectAll(false)\"\r\n        [matTooltip]=\"textWords?.tooltipAllRemove || ''\"\r\n        class=\"control-button\"\r\n      >\r\n        <mat-icon>remove</mat-icon>\r\n        <span>{{ textWords?.textAll }}</span>\r\n      </button>\r\n    </ng-container>\r\n  </div>\r\n  <div\r\n    [style.height]=\"'calc(100% - ' + control.offsetHeight + 'px)'\"\r\n    class=\"ava-tree-wrapper\"\r\n    #avaTreeWrapper\r\n  >\r\n    <ng-container *ngIf=\"flatElements?.length; else nothing\">\r\n      <ng-container *ngIf=\"filteredElementList?.length; else nothingFiltered\">\r\n        <ava-tree-structure\r\n          *ngIf=\"modeView === listModeViewType.Tree && !avaTreeFilterInput.value\"\r\n          [serviceSpecification]=\"serviceSpecification\"\r\n          [indent]=\"indent\"\r\n          [expansionState]=\"expansionState\"\r\n          [isSelectionMode]=\"isSelectionMode\"\r\n          [selectedColor]=\"selectedColor\"\r\n        >\r\n        </ava-tree-structure>\r\n        <ava-list-structure\r\n          *ngIf=\"modeView === listModeViewType.List || (modeView === listModeViewType.Tree && avaTreeFilterInput.value)\"\r\n          [filteredElementList]=\"filteredElementList\"\r\n          [isSelectionMode]=\"isSelectionMode\"\r\n          [selectedColor]=\"selectedColor\"\r\n        >\r\n        </ava-list-structure>\r\n        <ava-table-structure\r\n          *ngIf=\"modeView === listModeViewType.Table\"\r\n          [filteredElementList]=\"filteredElementList\"\r\n          [isSelectionMode]=\"isSelectionMode\"\r\n          [addTableColumns]=\"addTableColumns\"\r\n          [selectedColor]=\"selectedColor\"\r\n        >\r\n        </ava-table-structure>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n<ng-template #nothing>\r\n  {{ textWords?.textNothing }}\r\n</ng-template>\r\n<ng-template #nothingFiltered>\r\n  {{ textWords?.textNothingFiltered }}\r\n</ng-template>\r\n", styles: [".main-wrapper{max-height:100%;height:100%;overflow-y:auto;overflow-x:hidden}.control{display:flex;align-items:center;gap:5px;padding:4px}.control-filter{flex-grow:1}.control-icon{width:36px;height:36px;padding:0}.control-button{padding:0 5px}.ava-tree-wrapper{overflow-y:auto;overflow-x:hidden}::ng-deep .control .mat-mdc-form-field-subscript-wrapper{display:none}::ng-deep .control .control-filter .mat-mdc-form-field-infix{min-height:auto;padding-top:10px;padding-bottom:2px}::ng-deep .control .control-filter .mat-mdc-floating-label{top:18px}::ng-deep .control .control-filter .mdc-text-field{padding:0 6px}.layer-background{font-size:36px;width:36px;height:36px}.layer-icon{width:36px;height:36px;position:absolute;inset:1px 0 0;color:#fff}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i9.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i11.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i11.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i12.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: TreeStructureComponent, selector: "ava-tree-structure", inputs: ["serviceSpecification", "indent", "expansionState", "isSelectionMode", "selectedColor"] }, { kind: "component", type: ListStructureComponent, selector: "ava-list-structure", inputs: ["filteredElementList", "isSelectionMode", "selectedColor"] }, { kind: "component", type: TableStructureComponent, selector: "ava-table-structure", inputs: ["functionView", "filteredElementList", "isSelectionMode", "addTableColumns", "selectedColor"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AvaTreeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ava-ava-tree', providers: [FlatElementsService, SelectElementService, TreeNodeSelectionService, ExpandParentGroupService, KeyboardOperationService], template: "<div\r\n  class=\"main-wrapper\"\r\n  #avaMainWrapper\r\n>\r\n  <div\r\n    class=\"control\"\r\n    #control\r\n  >\r\n    <mat-form-field class=\"control-filter\">\r\n      <mat-label>{{ textWords?.textSearch }}</mat-label>\r\n      <input\r\n        matInput\r\n        [ngModel]=\"filterInput\"\r\n        (ngModelChange)=\"onFilter($event)\"\r\n        #avaTreeFilterInput\r\n      />\r\n    </mat-form-field>\r\n    <ng-container *ngIf=\"modeView === listModeViewType.Tree\">\r\n      <button\r\n        class=\"control-icon\"\r\n        mat-icon-button\r\n        color=\"primary\"\r\n        (click)=\"expandedAllElements(true)\"\r\n        [matTooltip]=\"textWords?.tooltipAllOpen || ''\"\r\n      >\r\n        <mat-icon class=\"layer-background\">layers</mat-icon>\r\n        <mat-icon class=\"layer-icon\">add</mat-icon>\r\n      </button>\r\n      <button\r\n        class=\"control-icon\"\r\n        mat-icon-button\r\n        color=\"primary\"\r\n        (click)=\"expandedAllElements(false)\"\r\n        [matTooltip]=\"textWords?.tooltipAllClose || ''\"\r\n      >\r\n        <mat-icon class=\"layer-background\">layers</mat-icon>\r\n        <mat-icon class=\"layer-icon\">remove</mat-icon>\r\n      </button>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"isSelectionMode\">\r\n      <button\r\n        mat-raised-button\r\n        (click)=\"selectOrDeselectAll(true)\"\r\n        [matTooltip]=\"textWords?.tooltipAllAdd || ''\"\r\n        class=\"control-button\"\r\n      >\r\n        <mat-icon>add</mat-icon>\r\n        <span>{{ textWords?.textAll }}</span>\r\n      </button>\r\n      <button\r\n        mat-raised-button\r\n        (click)=\"selectOrDeselectAll(false)\"\r\n        [matTooltip]=\"textWords?.tooltipAllRemove || ''\"\r\n        class=\"control-button\"\r\n      >\r\n        <mat-icon>remove</mat-icon>\r\n        <span>{{ textWords?.textAll }}</span>\r\n      </button>\r\n    </ng-container>\r\n  </div>\r\n  <div\r\n    [style.height]=\"'calc(100% - ' + control.offsetHeight + 'px)'\"\r\n    class=\"ava-tree-wrapper\"\r\n    #avaTreeWrapper\r\n  >\r\n    <ng-container *ngIf=\"flatElements?.length; else nothing\">\r\n      <ng-container *ngIf=\"filteredElementList?.length; else nothingFiltered\">\r\n        <ava-tree-structure\r\n          *ngIf=\"modeView === listModeViewType.Tree && !avaTreeFilterInput.value\"\r\n          [serviceSpecification]=\"serviceSpecification\"\r\n          [indent]=\"indent\"\r\n          [expansionState]=\"expansionState\"\r\n          [isSelectionMode]=\"isSelectionMode\"\r\n          [selectedColor]=\"selectedColor\"\r\n        >\r\n        </ava-tree-structure>\r\n        <ava-list-structure\r\n          *ngIf=\"modeView === listModeViewType.List || (modeView === listModeViewType.Tree && avaTreeFilterInput.value)\"\r\n          [filteredElementList]=\"filteredElementList\"\r\n          [isSelectionMode]=\"isSelectionMode\"\r\n          [selectedColor]=\"selectedColor\"\r\n        >\r\n        </ava-list-structure>\r\n        <ava-table-structure\r\n          *ngIf=\"modeView === listModeViewType.Table\"\r\n          [filteredElementList]=\"filteredElementList\"\r\n          [isSelectionMode]=\"isSelectionMode\"\r\n          [addTableColumns]=\"addTableColumns\"\r\n          [selectedColor]=\"selectedColor\"\r\n        >\r\n        </ava-table-structure>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n<ng-template #nothing>\r\n  {{ textWords?.textNothing }}\r\n</ng-template>\r\n<ng-template #nothingFiltered>\r\n  {{ textWords?.textNothingFiltered }}\r\n</ng-template>\r\n", styles: [".main-wrapper{max-height:100%;height:100%;overflow-y:auto;overflow-x:hidden}.control{display:flex;align-items:center;gap:5px;padding:4px}.control-filter{flex-grow:1}.control-icon{width:36px;height:36px;padding:0}.control-button{padding:0 5px}.ava-tree-wrapper{overflow-y:auto;overflow-x:hidden}::ng-deep .control .mat-mdc-form-field-subscript-wrapper{display:none}::ng-deep .control .control-filter .mat-mdc-form-field-infix{min-height:auto;padding-top:10px;padding-bottom:2px}::ng-deep .control .control-filter .mat-mdc-floating-label{top:18px}::ng-deep .control .control-filter .mdc-text-field{padding:0 6px}.layer-background{font-size:36px;width:36px;height:36px}.layer-icon{width:36px;height:36px;position:absolute;inset:1px 0 0;color:#fff}\n"] }]
+        }], ctorParameters: function () { return [{ type: FlatElementsService, decorators: [{
+                    type: Self
+                }] }, { type: SelectElementService, decorators: [{
+                    type: Self
+                }] }, { type: i2.TreeNodeSelectionService, decorators: [{
+                    type: Self
+                }] }, { type: i4$2.ExpandParentGroupService, decorators: [{
+                    type: Self
+                }] }, { type: i5$1.KeyboardOperationService, decorators: [{
+                    type: Self
+                }] }, { type: i0.NgZone }]; }, propDecorators: { project: [{
+                type: Input
+            }], expansionState: [{
+                type: Input
+            }], selectedNodeId: [{
+                type: Input
+            }], indent: [{
+                type: Input
+            }], selectedColor: [{
+                type: Input
+            }], modeView: [{
+                type: Input
+            }], customKeyboardOperationConfig: [{
+                type: Input
+            }], limitedControl: [{
+                type: Input
+            }], isSelectionMode: [{
+                type: Input
+            }], selectingElements: [{
+                type: Input
+            }], listFilterFunc: [{
+                type: Input
+            }], addTableColumns: [{
+                type: Input
+            }], functionView: [{
+                type: Input
+            }], textWords: [{
+                type: Input
+            }], selectClick: [{
+                type: Output
+            }], selectDblClick: [{
+                type: Output
+            }], contextMenuEvent: [{
+                type: Output
+            }], selectedElementsChanged: [{
+                type: Output
+            }], avaTreeWrapper: [{
+                type: ViewChild,
+                args: ['avaTreeWrapper']
+            }], avaMainWrapper: [{
+                type: ViewChild,
+                args: ['avaMainWrapper']
+            }], avaTreeFilterInput: [{
+                type: ViewChild,
+                args: ['avaTreeFilterInput']
+            }] } });
+
+class AngularAvaModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AngularAvaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.6", ngImport: i0, type: AngularAvaModule, declarations: [TreeStructureComponent,
+            TreeNodeComponent,
+            AvaTreeComponent,
+            TreeItemComponent,
+            ListStructureComponent,
+            TableStructureComponent,
+            ElementIconNamePipe,
+            ElementTextPipe,
+            ElementItemNumberPipe,
+            SaveChangingViewDirective], imports: [CommonModule,
+            MatIconModule,
+            MatRippleModule,
+            MatInputModule,
+            MatFormFieldModule,
+            ReactiveFormsModule,
+            FormsModule,
+            MatButtonModule,
+            MatCheckboxModule,
+            MatTableModule,
+            MatTooltipModule], exports: [AvaTreeComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AngularAvaModule, imports: [CommonModule,
+            MatIconModule,
+            MatRippleModule,
+            MatInputModule,
+            MatFormFieldModule,
+            ReactiveFormsModule,
+            FormsModule,
+            MatButtonModule,
+            MatCheckboxModule,
+            MatTableModule,
+            MatTooltipModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AngularAvaModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TreeStructureComponent,
+                        TreeNodeComponent,
+                        AvaTreeComponent,
+                        TreeItemComponent,
+                        ListStructureComponent,
+                        TableStructureComponent,
+                        ElementIconNamePipe,
+                        ElementTextPipe,
+                        ElementItemNumberPipe,
+                        SaveChangingViewDirective
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatIconModule,
+                        MatRippleModule,
+                        MatInputModule,
+                        MatFormFieldModule,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        MatButtonModule,
+                        MatCheckboxModule,
+                        MatTableModule,
+                        MatTooltipModule
+                    ],
+                    exports: [AvaTreeComponent]
+                }]
+        }] });
+
+// This file is automatically generated as part of the build process
+const version = {
+    version: "0.1.1-fe--1-add-tree-p0053",
+    commitInfo: "Branch.feature-FE--1-add-tree-package.Sha.877916ac6a2269877d35203e4a52dd5588fdc0ad",
+    commitDate: "2024-01-15",
+    commitHash: "877916ac6a2269877d35203e4a52dd5588fdc0ad",
+    informationalVersion: "0.1.1-FE--1-add-tree-package.53+Branch.feature-FE--1-add-tree-package.Sha.877916ac6a2269877d35203e4a52dd5588fdc0ad",
+    buildDateUtc: new Date(Date.UTC(2024, 0, 15, 21, 12, 40))
+};
+
+/*
+ * Public API Surface of angular-ava
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AngularAvaModule, AvaTreeComponent, ExchangePhaseDto, ItemNumberSchemaTierTypeDto, ItemNumberTypeDto, ModeViewType, OriginDto, PriceRoundingModeDto, PriceTypeDto, version };
+//# sourceMappingURL=dangl-angular-ava.mjs.map