@dangl/angular-ava 0.1.1-beta0093

package/fesm2022/dangl-angular-ava.mjs

@@ -0,0 +1,1574 @@
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, inject, Directive, Input, Pipe, Component, 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, BehaviorSubject, Subject, takeUntil, debounceTime, fromEvent, filter } from 'rxjs';
+
+//----------------------
+// <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) => {
+        if (element.elementType === 'PositionDto' ||
+            element.elementType === 'ServiceSpecificationGroupDto' ||
+            element.elementType === 'NoteTextDto') {
+            return element.shortText?.trim().toLocaleLowerCase().includes(filter);
+        }
+        return false;
+    },
+    (element, filter) => {
+        if (element.elementType === 'ExecutionDescriptionDto') {
+            return element.label?.trim().toLocaleLowerCase().includes(filter);
+        }
+        return false;
+    },
+    (element, filter) => {
+        if (element.elementType === 'PositionDto' || element.elementType === 'ServiceSpecificationGroupDto') {
+            return element.itemNumber?.stringRepresentation?.includes(filter);
+        }
+        return false;
+    }
+];
+
+const DEFAULT_TEXT_WORDS = {
+    textSearch: 'Suche',
+    textNothing: 'Nichts',
+    textNothingFiltered: 'Kein Filter',
+    textAll: 'Alle',
+    tooltipAllOpen: 'Alle aufklappen',
+    tooltipAllClose: 'Alle zuklappen',
+    tooltipAllAdd: 'Alle hinzufügen',
+    tooltipAllRemove: 'Alle entfernen'
+};
+
+const defaults = {
+    doubleClickTimeoutInMilliseconds: 300
+};
+
+class ExpandParentGroupService {
+    constructor() { }
+    expandParentGroups(element, flatElements, expansionState) {
+        if (!flatElements?.length) {
+            return;
+        }
+        const listGroup = flatElements.filter((item) => item.elements?.length);
+        if (!listGroup.length) {
+            return;
+        }
+        const findAndExpandParent = (currentElement) => {
+            for (const itemGroup of listGroup) {
+                if (expansionState[itemGroup.id]) {
+                    continue;
+                }
+                if (itemGroup.elements?.find((item) => currentElement.id === item.id)) {
+                    expansionState[itemGroup.id] = true;
+                    return itemGroup;
+                }
+            }
+            return null;
+        };
+        const expandRecursive = (innerElement) => {
+            const parentGroup = findAndExpandParent(innerElement);
+            if (parentGroup) {
+                expandRecursive(parentGroup);
+            }
+        };
+        expandRecursive(element);
+    }
+}
+
+class FlatElementsService {
+    constructor() {
+        this._flatElementsDto = [];
+        this.flatElementsDtoSource = new ReplaySubject(1);
+        this.flatElementsDto = this.flatElementsDtoSource.asObservable();
+        this.functionView = null;
+        this.listFilterFunc = DEFAULT_FILTERS;
+    }
+    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: "17.2.1", ngImport: i0, type: FlatElementsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FlatElementsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FlatElementsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class SelectElementService {
+    constructor() {
+        this.preselectedElementSource = new ReplaySubject(1);
+        this.preselectedElementWasNull = false;
+        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);
+        this.preselectedElementWasNull = element == null;
+    }
+    setClickElement(element) {
+        this.selectClickElementSource.next(element);
+        if (!this.preselectedElementWasNull) {
+            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: "17.2.1", ngImport: i0, type: SelectElementService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SelectElementService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SelectElementService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+var KeyboardOperationType;
+(function (KeyboardOperationType) {
+    KeyboardOperationType["MoveSelectedPositionUp"] = "moveSelectedPositionUp";
+    KeyboardOperationType["MoveSelectedPositionDown"] = "moveSelectedPositionDown";
+    KeyboardOperationType["MoveChosenPositionDown"] = "moveChosenPositionDown";
+    KeyboardOperationType["MoveChosenPositionUp"] = "moveChosenPositionUp";
+    KeyboardOperationType["ClearChosenPosition"] = "clearChosenPosition";
+    KeyboardOperationType["SelectChosenPosition"] = "selectChosenPosition";
+})(KeyboardOperationType || (KeyboardOperationType = {}));
+class KeyboardOperationService {
+    constructor() {
+        this.defaultKeyboardOperationConfig = {
+            operations: {
+                moveSelectedPositionUp: { disabled: false, keyEvent: 'F11' },
+                moveSelectedPositionDown: { disabled: false, keyEvent: 'F12' },
+                moveChosenPositionDown: { disabled: false, keyEvent: 'ArrowDown' },
+                moveChosenPositionUp: { disabled: false, keyEvent: 'ArrowUp' },
+                clearChosenPosition: { disabled: false, keyEvent: 'Escape' },
+                selectChosenPosition: { disabled: false, keyEvent: 'Enter' }
+            }
+        };
+        this.flatElementsService = inject(FlatElementsService);
+        this.selectElementService = inject(SelectElementService);
+        this.currentConfig = { ...this.defaultKeyboardOperationConfig };
+    }
+    getConfig() {
+        return this.currentConfig;
+    }
+    mergeConfigOperation(config) {
+        this.currentConfig = this.deepMerge(this.currentConfig, config);
+    }
+    deepMerge(obj1, obj2) {
+        const mergedConfig = { ...obj1 };
+        for (const key in obj2) {
+            if (Object.prototype.hasOwnProperty.call(obj2, key)) {
+                if (Object.prototype.hasOwnProperty.call(mergedConfig, key) &&
+                    typeof mergedConfig[key] === 'object' &&
+                    mergedConfig[key] !== null &&
+                    typeof obj2[key] === 'object' &&
+                    obj2[key] !== null) {
+                    mergedConfig[key] = this.deepMerge(mergedConfig[key], obj2[key]);
+                }
+                else {
+                    mergedConfig[key] = obj2[key];
+                }
+            }
+        }
+        return mergedConfig;
+    }
+    handleKeyboardEvent(keyEvent, element) {
+        let nextElement;
+        if (this.currentConfig.operations.moveSelectedPositionUp?.keyEvent === keyEvent.key &&
+            !this.currentConfig.operations.moveSelectedPositionUp?.disabled) {
+            keyEvent.preventDefault();
+            nextElement = this.flatElementsService.jumpNextNode(-1, element);
+            this.selectElementService.setClickElement(nextElement);
+            return {
+                operation: KeyboardOperationType.MoveSelectedPositionUp,
+                nextElement: nextElement
+            };
+        }
+        if (this.currentConfig.operations.moveSelectedPositionDown?.keyEvent === keyEvent.key &&
+            !this.currentConfig.operations.moveSelectedPositionDown?.disabled) {
+            keyEvent.preventDefault();
+            nextElement = this.flatElementsService.jumpNextNode(1, element);
+            this.selectElementService.setClickElement(nextElement);
+            return {
+                operation: KeyboardOperationType.MoveSelectedPositionDown,
+                nextElement: nextElement
+            };
+        }
+        if (this.currentConfig.operations.moveChosenPositionDown?.keyEvent === keyEvent.key &&
+            !this.currentConfig.operations.moveChosenPositionDown?.disabled) {
+            keyEvent.preventDefault();
+            nextElement = this.flatElementsService.jumpNextNode(1, element);
+            this.selectElementService.setPreselectedElement(nextElement?.id === element?.id ? null : nextElement);
+            return {
+                operation: KeyboardOperationType.MoveChosenPositionDown,
+                nextElement: nextElement
+            };
+        }
+        if (this.currentConfig.operations.moveChosenPositionUp?.keyEvent === keyEvent.key &&
+            !this.currentConfig.operations.moveChosenPositionUp?.disabled) {
+            keyEvent.preventDefault();
+            nextElement = this.flatElementsService.jumpNextNode(-1, element);
+            this.selectElementService.setPreselectedElement(nextElement?.id === element?.id ? null : nextElement);
+            return {
+                operation: KeyboardOperationType.MoveChosenPositionUp,
+                nextElement: nextElement
+            };
+        }
+        if (this.currentConfig.operations.selectChosenPosition?.keyEvent === keyEvent.key &&
+            !this.currentConfig.operations.selectChosenPosition?.disabled) {
+            keyEvent.preventDefault();
+            this.selectElementService.setClickElement(element);
+            return {
+                operation: KeyboardOperationType.SelectChosenPosition,
+                nextElement: null
+            };
+        }
+        if (this.currentConfig.operations.clearChosenPosition?.keyEvent === keyEvent.key &&
+            !this.currentConfig.operations.clearChosenPosition?.disabled) {
+            keyEvent.preventDefault();
+            this.selectElementService.setPreselectedElement(null);
+            return {
+                operation: KeyboardOperationType.ClearChosenPosition,
+                nextElement: null
+            };
+        }
+        return null;
+    }
+}
+
+class TreeNodeSelectionService {
+    constructor() {
+        this.treeNodeSelectingSource = new BehaviorSubject({});
+        this.treeNodeSelecting = this.treeNodeSelectingSource.asObservable();
+        this._selectingElementsTreeData = null;
+        this.selectingChangedSource = new ReplaySubject(1);
+        this.selectingChanged = this.selectingChangedSource.asObservable();
+        this.flatSelectedListId = [];
+    }
+    setSelectingChanged(selectingChanged) {
+        this.selectingChangedSource.next(selectingChanged);
+    }
+    loadSelectingElements(elements, parent = null) {
+        const list = [];
+        if (elements && elements.length) {
+            elements.forEach((element) => {
+                const obj = {
+                    parent,
+                    elementId: element.id,
+                    checked: false
+                };
+                if (element.elementType === 'ServiceSpecificationGroupDto') {
+                    obj.indeterminate = false;
+                    obj.children = this.loadSelectingElements(element.elements, obj);
+                }
+                list.push(obj);
+                this.treeNodeSelectingSource.value[element.id] = obj;
+            });
+            this._selectingElementsTreeData = list;
+        }
+        return list;
+    }
+    getTreeData() {
+        return this._selectingElementsTreeData;
+    }
+    changeAllChild(children, value) {
+        children.forEach((item) => {
+            item.checked = value;
+            if (item.children) {
+                item.indeterminate = false;
+                this.changeAllChild(item.children, value);
+            }
+        });
+    }
+    changeAllParent(parent, value) {
+        parent.checked = value;
+        if (parent.parent) {
+            this.changeAllParent(parent.parent, value);
+        }
+    }
+    changeSelecting(value, id, isUserChanged = true) {
+        const selectingNode = this.treeNodeSelectingSource.value[id];
+        if (!selectingNode) {
+            return;
+        }
+        selectingNode.checked = value;
+        if (selectingNode.children) {
+            selectingNode.indeterminate = false;
+            if (isUserChanged) {
+                this.changeAllChild(selectingNode.children, value);
+            }
+        }
+        if (selectingNode.parent) {
+            this.changeAllParent(selectingNode.parent, value);
+        }
+        this.getIndeterminate(selectingNode?.parent || null);
+        if (isUserChanged) {
+            this.treeNodeSelectingSource.next(this.treeNodeSelectingSource.value);
+        }
+    }
+    getIndeterminate(parentNode) {
+        if (!parentNode) {
+            return;
+        }
+        if (!parentNode.children || !parentNode.children.length) {
+            return;
+        }
+        let resultIndeterminateSome = false;
+        let resultIndeterminateAll = false;
+        parentNode.children.forEach((item) => {
+            if (item.checked || item.indeterminate) {
+                resultIndeterminateSome = true;
+            }
+            if (!item.checked) {
+                resultIndeterminateAll = true;
+            }
+        });
+        if (!resultIndeterminateSome) {
+            parentNode.indeterminate = false;
+            parentNode.checked = false;
+        }
+        else if (resultIndeterminateAll) {
+            parentNode.indeterminate = true;
+            parentNode.checked = false;
+        }
+        else {
+            parentNode.indeterminate = false;
+            parentNode.checked = true;
+        }
+        this.getIndeterminate(parentNode.parent);
+    }
+    changeAll(value) {
+        Object.values(this.treeNodeSelectingSource.value).forEach((e) => {
+            this.changeSelecting(value, e.elementId, false);
+        });
+        this.treeNodeSelectingSource.next(this.treeNodeSelectingSource.value);
+    }
+    getFlatSelectedListId(selectedElements) {
+        selectedElements.forEach((el) => {
+            if (el.children) {
+                this.getFlatSelectedListId(el.children);
+            }
+            else {
+                this.flatSelectedListId.push(el.elementId);
+            }
+        });
+    }
+    getTreeRoot(treeRoot) {
+        const list = [];
+        treeRoot.forEach((item) => {
+            if (item.checked || item.indeterminate) {
+                const obj = { elementId: item.elementId };
+                if (item.children) {
+                    obj.children = this.getTreeRoot(item.children);
+                }
+                list.push(obj);
+            }
+        });
+        return list;
+    }
+}
+
+class SaveChangingViewDirective {
+    constructor(el, renderer, flatElementsService) {
+        this.el = el;
+        this.renderer = renderer;
+        this.flatElementsService = flatElementsService;
+        this.attributeValue = 'text';
+    }
+    ngAfterViewInit() {
+        const el = this.el?.nativeElement;
+        const id = el?.id;
+        if (id) {
+            const view = this.flatElementsService?.getChangedView(id);
+            switch (this.attributeValue) {
+                case 'icon':
+                    if (view?.iconName) {
+                        el.textContent = view.iconName;
+                    }
+                    if (view?.iconColor) {
+                        this.renderer?.setStyle(el, 'color', view.iconColor);
+                    }
+                    break;
+                case 'text':
+                    if (view?.textBold) {
+                        this.renderer?.setStyle(el, 'font-weight', view.textBold);
+                    }
+                    if (view?.textColor) {
+                        this.renderer?.setStyle(el, 'color', view.textColor);
+                    }
+                    break;
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", 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: "17.2.1", type: SaveChangingViewDirective, selector: "[saveChangingView]", inputs: { attributeValue: "attributeValue" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: SaveChangingViewDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[saveChangingView]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: FlatElementsService }], propDecorators: { attributeValue: [{
+                type: Input
+            }] } });
+
+class ElementIconNamePipe {
+    transform(element) {
+        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: "17.2.1", ngImport: i0, type: ElementIconNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: ElementIconNamePipe, name: "elementIconName" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElementIconNamePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'elementIconName'
+                }]
+        }] });
+
+class ElementTextPipe {
+    transform(element) {
+        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: "17.2.1", ngImport: i0, type: ElementTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: ElementTextPipe, name: "elementText" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ElementTextPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'elementText'
+                }]
+        }] });
+
+class ElementItemNumberPipe {
+    transform(element) {
+        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: "17.2.1", ngImport: i0, type: ElementItemNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: ElementItemNumberPipe, name: "elementItemNumber" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", 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.allowDblClick = true;
+        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() {
+        const clickElement = () => {
+            this.selectElementService.setClickElement(this.selectedElement?.id === this.element.id ? null : this.element);
+            if (this.element.elementTypeDiscriminator === 'ServiceSpecificationGroupDto') {
+                this.expand();
+            }
+        };
+        if (!this.allowDblClick) {
+            clickElement();
+        }
+        else if (this.isAllowOneClick) {
+            this.isAllowOneClick = false;
+            this.timerStop = setTimeout(() => {
+                clickElement();
+                this.isAllowOneClick = true;
+            }, defaults.doubleClickTimeoutInMilliseconds);
+        }
+    }
+    dblSelect() {
+        if (!this.allowDblClick) {
+            return;
+        }
+        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, isSelected) {
+        this.treeNodeSelectionService.changeSelecting(isSelected, element.id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: TreeItemComponent, deps: [{ token: SelectElementService }, { token: TreeNodeSelectionService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: TreeItemComponent, selector: "ava-tree-item", inputs: { element: "element", expansionState: "expansionState", isSelectionMode: "isSelectionMode", allowDblClick: "allowDblClick" }, ngImport: i0, template: "<div\n  *ngIf=\"element\"\n  (click)=\"select()\"\n  (dblclick)=\"dblSelect()\"\n  (contextmenu)=\"openContextMenu($event)\"\n  class=\"ava-tree-item\"\n  [id]=\"element.id\"\n>\n  <mat-icon\n    class=\"ava-tree-item__icon\"\n    saveChangingView=\"icon\"\n    [id]=\"element.id\"\n    >{{ element | elementIconName }}</mat-icon\n  >\n  <div\n    *ngIf=\"!isSelectionMode\"\n    class=\"ava-tree-item__text\"\n    [class.choose]=\"!isSelectionMode && element.id === preselectedElement?.id\"\n    [id]=\"element.id\"\n    saveChangingView=\"text\"\n  >\n    <ng-container [ngTemplateOutlet]=\"text\"></ng-container>\n  </div>\n  <mat-checkbox\n    *ngIf=\"isSelectionMode\"\n    class=\"ava-tree-item__checkbox\"\n    color=\"primary\"\n    [indeterminate]=\"checkedElements[element.id].indeterminate\"\n    [(ngModel)]=\"checkedElements[element.id].checked\"\n    (ngModelChange)=\"changeSelecting(element, $event)\"\n    (click)=\"$event.stopPropagation()\"\n  >\n    <div\n      class=\"ava-tree-item__text\"\n      saveChangingView=\"text\"\n      [id]=\"element.id\"\n    >\n      <ng-container [ngTemplateOutlet]=\"text\"></ng-container>\n    </div>\n  </mat-checkbox>\n</div>\n\n<ng-template #text>\n  <ng-container\n    *ngIf=\"\n      element?.elementTypeDiscriminator === 'ServiceSpecificationGroupDto' || element?.elementTypeDiscriminator === 'PositionDto';\n      else simpleText\n    \"\n  >\n    {{ element | elementItemNumber }} - {{ element | elementText }}\n  </ng-container>\n</ng-template>\n<ng-template #simpleText>\n  {{ element | elementText }}\n</ng-template>\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: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: SaveChangingViewDirective, selector: "[saveChangingView]", inputs: ["attributeValue"] }, { 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: "17.2.1", ngImport: i0, type: TreeItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ava-tree-item', template: "<div\n  *ngIf=\"element\"\n  (click)=\"select()\"\n  (dblclick)=\"dblSelect()\"\n  (contextmenu)=\"openContextMenu($event)\"\n  class=\"ava-tree-item\"\n  [id]=\"element.id\"\n>\n  <mat-icon\n    class=\"ava-tree-item__icon\"\n    saveChangingView=\"icon\"\n    [id]=\"element.id\"\n    >{{ element | elementIconName }}</mat-icon\n  >\n  <div\n    *ngIf=\"!isSelectionMode\"\n    class=\"ava-tree-item__text\"\n    [class.choose]=\"!isSelectionMode && element.id === preselectedElement?.id\"\n    [id]=\"element.id\"\n    saveChangingView=\"text\"\n  >\n    <ng-container [ngTemplateOutlet]=\"text\"></ng-container>\n  </div>\n  <mat-checkbox\n    *ngIf=\"isSelectionMode\"\n    class=\"ava-tree-item__checkbox\"\n    color=\"primary\"\n    [indeterminate]=\"checkedElements[element.id].indeterminate\"\n    [(ngModel)]=\"checkedElements[element.id].checked\"\n    (ngModelChange)=\"changeSelecting(element, $event)\"\n    (click)=\"$event.stopPropagation()\"\n  >\n    <div\n      class=\"ava-tree-item__text\"\n      saveChangingView=\"text\"\n      [id]=\"element.id\"\n    >\n      <ng-container [ngTemplateOutlet]=\"text\"></ng-container>\n    </div>\n  </mat-checkbox>\n</div>\n\n<ng-template #text>\n  <ng-container\n    *ngIf=\"\n      element?.elementTypeDiscriminator === 'ServiceSpecificationGroupDto' || element?.elementTypeDiscriminator === 'PositionDto';\n      else simpleText\n    \"\n  >\n    {{ element | elementItemNumber }} - {{ element | elementText }}\n  </ng-container>\n</ng-template>\n<ng-template #simpleText>\n  {{ element | elementText }}\n</ng-template>\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: () => [{ type: SelectElementService }, { type: TreeNodeSelectionService }, { type: i0.ChangeDetectorRef }], propDecorators: { element: [{
+                type: Input
+            }], expansionState: [{
+                type: Input
+            }], isSelectionMode: [{
+                type: Input
+            }], allowDblClick: [{
+                type: Input
+            }] } });
+
+class GroupChildElementsPipe {
+    transform(element) {
+        if (element.elementTypeDiscriminator === 'ServiceSpecificationGroupDto') {
+            return element?.elements || null;
+        }
+        return null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GroupChildElementsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: GroupChildElementsPipe, name: "groupChildElements" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GroupChildElementsPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'groupChildElements',
+                    pure: true
+                }]
+        }] });
+
+class TreeNodeComponent {
+    constructor(selectElementService) {
+        this.selectElementService = selectElementService;
+        this.elementList = [];
+        this.indent = '';
+        this.expansionState = {};
+        this.isSelectionMode = false;
+        this.selectedColor = null;
+        this.allowDblClick = true;
+        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();
+    }
+    expand(element) {
+        this.expansionState[element.id] = !this.expansionState[element.id];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: TreeNodeComponent, deps: [{ token: SelectElementService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: TreeNodeComponent, selector: "ava-tree-node", inputs: { elementList: "elementList", indent: "indent", expansionState: "expansionState", isSelectionMode: "isSelectionMode", selectedColor: "selectedColor", allowDblClick: "allowDblClick" }, ngImport: i0, template: "<ng-container *ngFor=\"let element of elementList\">\n  <div\n    class=\"tree-node-wrapper\"\n    [class.select]=\"!isSelectionMode && element.id === selectedElement?.id\"\n    [style.background]=\"!isSelectionMode && element.id === selectedElement?.id ? selectedColor || '' : ''\"\n  >\n    <div class=\"tree-node-wrapper__content\">\n      <mat-icon\n        *ngIf=\"element.elementTypeDiscriminator === 'ServiceSpecificationGroupDto'; else nullIcon\"\n        matRipple\n        (click)=\"expand(element)\"\n        class=\"tree-node__icon\"\n      >\n        {{ expansionState[element.id] ? 'expand_more' : 'chevron_right' }}\n      </mat-icon>\n      <ava-tree-item\n        [element]=\"element\"\n        [expansionState]=\"expansionState\"\n        [isSelectionMode]=\"isSelectionMode\"\n        [allowDblClick]=\"allowDblClick\"\n      ></ava-tree-item>\n    </div>\n  </div>\n\n  <div\n    *ngIf=\"element.elementTypeDiscriminator === 'ServiceSpecificationGroupDto' && expansionState?.[element.id]\"\n    [style.paddingLeft]=\"indent\"\n  >\n    <ava-tree-node\n      [elementList]=\"element | groupChildElements\"\n      [expansionState]=\"expansionState\"\n      [isSelectionMode]=\"isSelectionMode\"\n      [selectedColor]=\"selectedColor\"\n      [allowDblClick]=\"allowDblClick\"\n      [indent]=\"indent\"\n    ></ava-tree-node>\n  </div>\n</ng-container>\n<ng-template #nullIcon>\n  <mat-icon></mat-icon>\n</ng-template>\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", "allowDblClick"] }, { kind: "component", type: TreeItemComponent, selector: "ava-tree-item", inputs: ["element", "expansionState", "isSelectionMode", "allowDblClick"] }, { kind: "pipe", type: GroupChildElementsPipe, name: "groupChildElements" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: TreeNodeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ava-tree-node', template: "<ng-container *ngFor=\"let element of elementList\">\n  <div\n    class=\"tree-node-wrapper\"\n    [class.select]=\"!isSelectionMode && element.id === selectedElement?.id\"\n    [style.background]=\"!isSelectionMode && element.id === selectedElement?.id ? selectedColor || '' : ''\"\n  >\n    <div class=\"tree-node-wrapper__content\">\n      <mat-icon\n        *ngIf=\"element.elementTypeDiscriminator === 'ServiceSpecificationGroupDto'; else nullIcon\"\n        matRipple\n        (click)=\"expand(element)\"\n        class=\"tree-node__icon\"\n      >\n        {{ expansionState[element.id] ? 'expand_more' : 'chevron_right' }}\n      </mat-icon>\n      <ava-tree-item\n        [element]=\"element\"\n        [expansionState]=\"expansionState\"\n        [isSelectionMode]=\"isSelectionMode\"\n        [allowDblClick]=\"allowDblClick\"\n      ></ava-tree-item>\n    </div>\n  </div>\n\n  <div\n    *ngIf=\"element.elementTypeDiscriminator === 'ServiceSpecificationGroupDto' && expansionState?.[element.id]\"\n    [style.paddingLeft]=\"indent\"\n  >\n    <ava-tree-node\n      [elementList]=\"element | groupChildElements\"\n      [expansionState]=\"expansionState\"\n      [isSelectionMode]=\"isSelectionMode\"\n      [selectedColor]=\"selectedColor\"\n      [allowDblClick]=\"allowDblClick\"\n      [indent]=\"indent\"\n    ></ava-tree-node>\n  </div>\n</ng-container>\n<ng-template #nullIcon>\n  <mat-icon></mat-icon>\n</ng-template>\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: () => [{ type: SelectElementService }], propDecorators: { elementList: [{
+                type: Input
+            }], indent: [{
+                type: Input
+            }], expansionState: [{
+                type: Input
+            }], isSelectionMode: [{
+                type: Input
+            }], selectedColor: [{
+                type: Input
+            }], allowDblClick: [{
+                type: Input
+            }] } });
+
+class TreeStructureComponent {
+    constructor() {
+        this.serviceSpecification = null;
+        this.indent = '';
+        this.expansionState = {};
+        this.isSelectionMode = false;
+        this.selectedColor = null;
+        this.allowDblClick = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: TreeStructureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: TreeStructureComponent, selector: "ava-tree-structure", inputs: { serviceSpecification: "serviceSpecification", indent: "indent", expansionState: "expansionState", isSelectionMode: "isSelectionMode", selectedColor: "selectedColor", allowDblClick: "allowDblClick" }, ngImport: i0, template: "<ava-tree-node\n  *ngIf=\"serviceSpecification?.elements\"\n  [elementList]=\"serviceSpecification?.elements\"\n  [indent]=\"indent\"\n  [expansionState]=\"expansionState\"\n  [isSelectionMode]=\"isSelectionMode\"\n  [selectedColor]=\"selectedColor\"\n  [allowDblClick]=\"allowDblClick\"\n>\n</ava-tree-node>\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", "allowDblClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: TreeStructureComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ava-tree-structure', template: "<ava-tree-node\n  *ngIf=\"serviceSpecification?.elements\"\n  [elementList]=\"serviceSpecification?.elements\"\n  [indent]=\"indent\"\n  [expansionState]=\"expansionState\"\n  [isSelectionMode]=\"isSelectionMode\"\n  [selectedColor]=\"selectedColor\"\n  [allowDblClick]=\"allowDblClick\"\n>\n</ava-tree-node>\n" }]
+        }], propDecorators: { serviceSpecification: [{
+                type: Input
+            }], indent: [{
+                type: Input
+            }], expansionState: [{
+                type: Input
+            }], isSelectionMode: [{
+                type: Input
+            }], selectedColor: [{
+                type: Input
+            }], allowDblClick: [{
+                type: Input
+            }] } });
+
+class ListStructureComponent {
+    constructor(selectElementService) {
+        this.selectElementService = selectElementService;
+        this.filteredElementList = [];
+        this.isSelectionMode = false;
+        this.selectedColor = null;
+        this.allowDblClick = true;
+        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: "17.2.1", ngImport: i0, type: ListStructureComponent, deps: [{ token: SelectElementService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: ListStructureComponent, selector: "ava-list-structure", inputs: { filteredElementList: "filteredElementList", isSelectionMode: "isSelectionMode", selectedColor: "selectedColor", allowDblClick: "allowDblClick" }, ngImport: i0, template: "<ng-container *ngFor=\"let element of filteredElementList\">\n  <div\n    [class.select]=\"!isSelectionMode && element.id === selectedElement?.id\"\n    [style.background]=\"!isSelectionMode && element.id === selectedElement?.id ? selectedColor || '' : ''\"\n  >\n    <ava-tree-item\n      [element]=\"element\"\n      [isSelectionMode]=\"isSelectionMode\"\n      [allowDblClick]=\"allowDblClick\"\n    ></ava-tree-item>\n  </div>\n</ng-container>\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", "allowDblClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ListStructureComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ava-list-structure', template: "<ng-container *ngFor=\"let element of filteredElementList\">\n  <div\n    [class.select]=\"!isSelectionMode && element.id === selectedElement?.id\"\n    [style.background]=\"!isSelectionMode && element.id === selectedElement?.id ? selectedColor || '' : ''\"\n  >\n    <ava-tree-item\n      [element]=\"element\"\n      [isSelectionMode]=\"isSelectionMode\"\n      [allowDblClick]=\"allowDblClick\"\n    ></ava-tree-item>\n  </div>\n</ng-container>\n", styles: [".select{background:var(--mdc-filled-text-field-caret-color);color:#fff}.select *{color:#fff}\n"] }]
+        }], ctorParameters: () => [{ type: SelectElementService }], propDecorators: { filteredElementList: [{
+                type: Input
+            }], isSelectionMode: [{
+                type: Input
+            }], selectedColor: [{
+                type: Input
+            }], allowDblClick: [{
+                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.allowDblClick = true;
+        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;
+        }
+        const clickElement = () => {
+            this.selectElementService.setClickElement(this.selectedElement?.id === row.id ? null : row);
+        };
+        if (!this.allowDblClick) {
+            clickElement();
+        }
+        else if (this.isAllowOneClick) {
+            this.isAllowOneClick = false;
+            this.timerStop = setTimeout(() => {
+                clickElement();
+                this.isAllowOneClick = true;
+            }, defaults.doubleClickTimeoutInMilliseconds);
+        }
+    }
+    dblSelect(row) {
+        if (!this.allowDblClick) {
+            return;
+        }
+        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: "17.2.1", ngImport: i0, type: TableStructureComponent, deps: [{ token: SelectElementService }, { token: TreeNodeSelectionService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: TableStructureComponent, selector: "ava-table-structure", inputs: { filteredElementList: "filteredElementList", isSelectionMode: "isSelectionMode", addTableColumns: "addTableColumns", selectedColor: "selectedColor", allowDblClick: "allowDblClick" }, ngImport: i0, template: "<table\n  mat-table\n  [dataSource]=\"filteredElementList\"\n>\n  <ng-container matColumnDef=\"icon\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    ></th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"table-cell-small-width\"\n    >\n      <mat-icon\n        class=\"icon-element\"\n        saveChangingView=\"icon\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementIconName }}\n      </mat-icon>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"checkbox\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    ></th>\n    <td\n      mat-cell\n      *matCellDef=\"let element\"\n      class=\"table-cell-small-width\"\n    >\n      <mat-checkbox\n        class=\"checkbox\"\n        color=\"primary\"\n        [indeterminate]=\"checkedElements[element.id].indeterminate\"\n        [(ngModel)]=\"checkedElements[element.id].checked\"\n        (ngModelChange)=\"changeSelecting(element, $event)\"\n        (click)=\"$event.stopPropagation()\"\n      >\n      </mat-checkbox>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"itemNumber\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    >\n      OZ\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      [style.width.ch]=\"row?.itemNumber?.stringRepresentation.length\"\n    >\n      <div\n        class=\"text-element\"\n        saveChangingView=\"text\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementItemNumber }}\n      </div>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"text\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    >\n      Text\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"table-text\"\n    >\n      <div\n        class=\"text-element\"\n        saveChangingView=\"text\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementText }}\n      </div>\n    </td>\n  </ng-container>\n\n  <ng-container *ngFor=\"let oneColumn of addTableColumns\">\n    <ng-container matColumnDef=\"{{ oneColumn.name }}\">\n      <th\n        mat-header-cell\n        *matHeaderCellDef\n      >\n        {{ oneColumn.title }}\n      </th>\n      <td\n        mat-cell\n        *matCellDef=\"let row\"\n      >\n        <div\n          [style.textAlign]=\"oneColumn.align\"\n          saveChangingView=\"text\"\n          [id]=\"row.id\"\n        >\n          {{ !oneColumn.numberFormat ? row[oneColumn.name] : (row[oneColumn.name] | number: oneColumn.numberFormat) }}\n        </div>\n      </td>\n    </ng-container>\n  </ng-container>\n\n  <tr\n    mat-header-row\n    *matHeaderRowDef=\"displayedColumns; sticky: true\"\n    class=\"mat-header-row\"\n  ></tr>\n  <tr\n    mat-row\n    *matRowDef=\"let row; columns: displayedColumns\"\n    (click)=\"select(row)\"\n    (dblclick)=\"dblSelect(row)\"\n    (contextmenu)=\"openContextMenu($event, row)\"\n    [ngClass]=\"{\n      choose: !isSelectionMode && row.id === preselectedElement?.id,\n      select: !isSelectionMode && row.id === selectedElement?.id\n    }\"\n    [style.background]=\"!isSelectionMode && row.id === selectedElement?.id ? selectedColor || '' : ''\"\n    [id]=\"row.id\"\n  ></tr>\n</table>\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: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], 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: "[saveChangingView]", inputs: ["attributeValue"] }, { 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: "17.2.1", ngImport: i0, type: TableStructureComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ava-table-structure', template: "<table\n  mat-table\n  [dataSource]=\"filteredElementList\"\n>\n  <ng-container matColumnDef=\"icon\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    ></th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"table-cell-small-width\"\n    >\n      <mat-icon\n        class=\"icon-element\"\n        saveChangingView=\"icon\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementIconName }}\n      </mat-icon>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"checkbox\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    ></th>\n    <td\n      mat-cell\n      *matCellDef=\"let element\"\n      class=\"table-cell-small-width\"\n    >\n      <mat-checkbox\n        class=\"checkbox\"\n        color=\"primary\"\n        [indeterminate]=\"checkedElements[element.id].indeterminate\"\n        [(ngModel)]=\"checkedElements[element.id].checked\"\n        (ngModelChange)=\"changeSelecting(element, $event)\"\n        (click)=\"$event.stopPropagation()\"\n      >\n      </mat-checkbox>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"itemNumber\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    >\n      OZ\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      [style.width.ch]=\"row?.itemNumber?.stringRepresentation.length\"\n    >\n      <div\n        class=\"text-element\"\n        saveChangingView=\"text\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementItemNumber }}\n      </div>\n    </td>\n  </ng-container>\n\n  <ng-container matColumnDef=\"text\">\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n    >\n      Text\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let row\"\n      class=\"table-text\"\n    >\n      <div\n        class=\"text-element\"\n        saveChangingView=\"text\"\n        [id]=\"row.id\"\n      >\n        {{ row | elementText }}\n      </div>\n    </td>\n  </ng-container>\n\n  <ng-container *ngFor=\"let oneColumn of addTableColumns\">\n    <ng-container matColumnDef=\"{{ oneColumn.name }}\">\n      <th\n        mat-header-cell\n        *matHeaderCellDef\n      >\n        {{ oneColumn.title }}\n      </th>\n      <td\n        mat-cell\n        *matCellDef=\"let row\"\n      >\n        <div\n          [style.textAlign]=\"oneColumn.align\"\n          saveChangingView=\"text\"\n          [id]=\"row.id\"\n        >\n          {{ !oneColumn.numberFormat ? row[oneColumn.name] : (row[oneColumn.name] | number: oneColumn.numberFormat) }}\n        </div>\n      </td>\n    </ng-container>\n  </ng-container>\n\n  <tr\n    mat-header-row\n    *matHeaderRowDef=\"displayedColumns; sticky: true\"\n    class=\"mat-header-row\"\n  ></tr>\n  <tr\n    mat-row\n    *matRowDef=\"let row; columns: displayedColumns\"\n    (click)=\"select(row)\"\n    (dblclick)=\"dblSelect(row)\"\n    (contextmenu)=\"openContextMenu($event, row)\"\n    [ngClass]=\"{\n      choose: !isSelectionMode && row.id === preselectedElement?.id,\n      select: !isSelectionMode && row.id === selectedElement?.id\n    }\"\n    [style.background]=\"!isSelectionMode && row.id === selectedElement?.id ? selectedColor || '' : ''\"\n    [id]=\"row.id\"\n  ></tr>\n</table>\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: () => [{ type: SelectElementService }, { type: TreeNodeSelectionService }, { type: i0.ChangeDetectorRef }], propDecorators: { filteredElementList: [{
+                type: Input
+            }], isSelectionMode: [{
+                type: Input
+            }], addTableColumns: [{
+                type: Input
+            }], selectedColor: [{
+                type: Input
+            }], allowDblClick: [{
+                type: Input
+            }] } });
+
+class AvaTreeComponent {
+    /**
+     * You can supply a map of strings to be used for the text in the tree. This allows you to translate
+     * the text in the tree to other languages.
+     * {
+     *   textSearch: string,
+     *   textNothing: string,
+     *   textNothingFiltered: string,
+     *   textAll: string,
+     *   tooltipAllOpen: string,
+     *   tooltipAllClose: string,
+     *   tooltipAllAdd:string,
+     *   tooltipAllRemove: string,
+     * }
+     */
+    set textWords(words) {
+        this._textWords = { ...this.textWords, ...words };
+    } // allow to translate all texts to other language
+    get textWords() {
+        return this._textWords;
+    }
+    /**
+     * With this parameter, you can configure which keys will be listenend to to switch the tree elements,
+     * and also to disable the functionality of the keys */
+    set customKeyboardOperationConfig(config) {
+        this.keyboardOperationService.mergeConfigOperation(config);
+    }
+    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 is the main data element for the tree structure. You should supply a ProjectDto with
+         * exactly one service specification in it.
+         */
+        this.project = null;
+        /**
+         * Optionally, you can supply a map of expansion states for the tree. The keys should be the
+         * id properties of the elements in the tree, and the values should be true if the element is
+         * expanded, and false if it is collapsed.
+         */
+        this.expansionState = {};
+        /**
+         * Optionally, you can supply the id of the node that should be selected in the tree initially.
+         */
+        this.selectedNodeId = null;
+        /**
+         * Optional, defaults to 20px. If this is set, then the tree will be indented by the given value each level.
+         * This can be any valid CSS value for the padding-left property, such as 20px, 1em, or 5%.
+         *
+         */
+        this.indent = '20px';
+        /**
+         * Optional, you can supply a color to be used as the background color for the selected line. Defaults to the primary
+         * color from the Material theme, which is #00acc1.
+         */
+        this.selectedColor = null;
+        /**
+         * You can specify which view type to use for the tree. The default is ModeViewType.Tree, but you can also use
+         * ModeViewType.List or ModeViewType.Table.
+         */
+        this.modeView = ModeViewType.Tree;
+        /** Optional, defaults to true. If this is disabled, then the double click event for elements is not raised,
+         * and clicking on an elemt sends an immediate result since the component has not to wait and check if a double click event
+         * is fired.
+         */
+        this.allowDblClick = true;
+        /**
+         * If this is set to true, then the tree will be in selection mode, and the user can select elements
+         * by clicking on them. The selected elements will be emitted in the selectedElementsChanged event.
+         */
+        this.isSelectionMode = false;
+        /**
+         * You can optionally supply a list of elements that should be selected initially. This is only used if
+         * isSelectionMode is true.
+         */
+        this.initiallySelectedElements = null;
+        this._textWords = null;
+        /**
+         * Defaults to true. If this is enabled, then navigating in the tree with the keyboard only works
+         * if the mouse is over the tree area. This limitation is useful if you have multiple trees or other components
+         * that might be using keyboard input.
+         */
+        this.mouseAwareKeyboardControl = true;
+        /**
+         * You can supply custom filters that are processed when the filter input is changed. Default filters are used
+         * that check for short text and item number matches, and you can either add custom filters or replace the default ones.
+         */
+        this.listFilterFunc = DEFAULT_FILTERS;
+        /**
+         * Optional. For table views, this allows you to add custom columns to the 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.addTableColumns = [];
+        /**
+         * This allows you to supply a list of functions that can be used to change the appearance of elements.
+         * They objects contain a predicate function that is evaluated, along with an option to configure the
+         * appearance of the element.
+         *   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
+         *     }
+         *   }
+         */
+        this.functionView = null;
+        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['initiallySelectedElements'] || 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.mouseAwareKeyboardControl || this.isListenKeyboard) {
+                const element = this.preselectedElement || this.selectedElement;
+                const { operation, nextElement } = this.keyboardOperationService.handleKeyboardEvent(keyEvent, element) || { nextElement: null };
+                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);
+    }
+    changeAllElementsExpansionStatus(isExpanded) {
+        if (!isExpanded) {
+            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.initiallySelectedElements) {
+            this.isEmiteSelectedElements = true;
+            return;
+        }
+        this.treeNodeSelectionService.getFlatSelectedListId(this.initiallySelectedElements);
+        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.mouseAwareKeyboardControl || this.isListenKeyboard))
+                    .subscribe((event) => {
+                    this.handleGlobalKeyboardEvent(event);
+                });
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: AvaTreeComponent, deps: [{ token: FlatElementsService, self: true }, { token: SelectElementService, self: true }, { token: TreeNodeSelectionService, self: true }, { token: ExpandParentGroupService, self: true }, { token: KeyboardOperationService, self: true }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: AvaTreeComponent, selector: "ava-tree", inputs: { project: "project", expansionState: "expansionState", selectedNodeId: "selectedNodeId", indent: "indent", selectedColor: "selectedColor", modeView: "modeView", allowDblClick: "allowDblClick", isSelectionMode: "isSelectionMode", initiallySelectedElements: "initiallySelectedElements", textWords: "textWords", mouseAwareKeyboardControl: "mouseAwareKeyboardControl", customKeyboardOperationConfig: "customKeyboardOperationConfig", listFilterFunc: "listFilterFunc", addTableColumns: "addTableColumns", functionView: "functionView" }, 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\n  class=\"main-wrapper\"\n  #avaMainWrapper\n>\n  <div\n    class=\"control\"\n    #control\n  >\n    <mat-form-field class=\"control-filter\">\n      <mat-label>{{ textWords?.textSearch }}</mat-label>\n      <input\n        matInput\n        [ngModel]=\"filterInput\"\n        (ngModelChange)=\"onFilter($event)\"\n        #avaTreeFilterInput\n      />\n    </mat-form-field>\n    <ng-container *ngIf=\"modeView === listModeViewType.Tree\">\n      <button\n        class=\"control-icon\"\n        mat-icon-button\n        color=\"primary\"\n        (click)=\"changeAllElementsExpansionStatus(true)\"\n        [matTooltip]=\"textWords?.tooltipAllOpen || ''\"\n      >\n        <mat-icon class=\"layer-background\">layers</mat-icon>\n        <mat-icon class=\"layer-icon\">add</mat-icon>\n      </button>\n      <button\n        class=\"control-icon\"\n        mat-icon-button\n        color=\"primary\"\n        (click)=\"changeAllElementsExpansionStatus(false)\"\n        [matTooltip]=\"textWords?.tooltipAllClose || ''\"\n      >\n        <mat-icon class=\"layer-background\">layers</mat-icon>\n        <mat-icon class=\"layer-icon\">remove</mat-icon>\n      </button>\n    </ng-container>\n    <ng-container *ngIf=\"isSelectionMode\">\n      <button\n        mat-raised-button\n        (click)=\"selectOrDeselectAll(true)\"\n        [matTooltip]=\"textWords?.tooltipAllAdd || ''\"\n        class=\"control-button\"\n      >\n        <mat-icon>add</mat-icon>\n        <span>{{ textWords?.textAll }}</span>\n      </button>\n      <button\n        mat-raised-button\n        (click)=\"selectOrDeselectAll(false)\"\n        [matTooltip]=\"textWords?.tooltipAllRemove || ''\"\n        class=\"control-button\"\n      >\n        <mat-icon>remove</mat-icon>\n        <span>{{ textWords?.textAll }}</span>\n      </button>\n    </ng-container>\n  </div>\n  <div\n    [style.height]=\"'calc(100% - ' + control.offsetHeight + 'px)'\"\n    class=\"ava-tree-wrapper\"\n    #avaTreeWrapper\n  >\n    <ng-container *ngIf=\"flatElements?.length; else nothing\">\n      <ng-container *ngIf=\"filteredElementList?.length; else nothingFiltered\">\n        <ava-tree-structure\n          *ngIf=\"modeView === listModeViewType.Tree && !avaTreeFilterInput.value\"\n          [serviceSpecification]=\"serviceSpecification\"\n          [indent]=\"indent\"\n          [expansionState]=\"expansionState\"\n          [isSelectionMode]=\"isSelectionMode\"\n          [selectedColor]=\"selectedColor\"\n          [allowDblClick]=\"allowDblClick\"\n        >\n        </ava-tree-structure>\n        <ava-list-structure\n          *ngIf=\"modeView === listModeViewType.List || (modeView === listModeViewType.Tree && avaTreeFilterInput.value)\"\n          [filteredElementList]=\"filteredElementList\"\n          [isSelectionMode]=\"isSelectionMode\"\n          [selectedColor]=\"selectedColor\"\n          [allowDblClick]=\"allowDblClick\"\n        >\n        </ava-list-structure>\n        <ava-table-structure\n          *ngIf=\"modeView === listModeViewType.Table\"\n          [filteredElementList]=\"filteredElementList\"\n          [isSelectionMode]=\"isSelectionMode\"\n          [addTableColumns]=\"addTableColumns\"\n          [selectedColor]=\"selectedColor\"\n          [allowDblClick]=\"allowDblClick\"\n        >\n        </ava-table-structure>\n      </ng-container>\n    </ng-container>\n  </div>\n</div>\n<ng-template #nothing>\n  {{ textWords?.textNothing }}\n</ng-template>\n<ng-template #nothingFiltered>\n  {{ textWords?.textNothingFiltered }}\n</ng-template>\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]  ", exportAs: ["matButton"] }, { kind: "component", type: i11.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i12.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: TreeStructureComponent, selector: "ava-tree-structure", inputs: ["serviceSpecification", "indent", "expansionState", "isSelectionMode", "selectedColor", "allowDblClick"] }, { kind: "component", type: ListStructureComponent, selector: "ava-list-structure", inputs: ["filteredElementList", "isSelectionMode", "selectedColor", "allowDblClick"] }, { kind: "component", type: TableStructureComponent, selector: "ava-table-structure", inputs: ["filteredElementList", "isSelectionMode", "addTableColumns", "selectedColor", "allowDblClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: AvaTreeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ava-tree', providers: [FlatElementsService, SelectElementService, TreeNodeSelectionService, ExpandParentGroupService, KeyboardOperationService], template: "<div\n  class=\"main-wrapper\"\n  #avaMainWrapper\n>\n  <div\n    class=\"control\"\n    #control\n  >\n    <mat-form-field class=\"control-filter\">\n      <mat-label>{{ textWords?.textSearch }}</mat-label>\n      <input\n        matInput\n        [ngModel]=\"filterInput\"\n        (ngModelChange)=\"onFilter($event)\"\n        #avaTreeFilterInput\n      />\n    </mat-form-field>\n    <ng-container *ngIf=\"modeView === listModeViewType.Tree\">\n      <button\n        class=\"control-icon\"\n        mat-icon-button\n        color=\"primary\"\n        (click)=\"changeAllElementsExpansionStatus(true)\"\n        [matTooltip]=\"textWords?.tooltipAllOpen || ''\"\n      >\n        <mat-icon class=\"layer-background\">layers</mat-icon>\n        <mat-icon class=\"layer-icon\">add</mat-icon>\n      </button>\n      <button\n        class=\"control-icon\"\n        mat-icon-button\n        color=\"primary\"\n        (click)=\"changeAllElementsExpansionStatus(false)\"\n        [matTooltip]=\"textWords?.tooltipAllClose || ''\"\n      >\n        <mat-icon class=\"layer-background\">layers</mat-icon>\n        <mat-icon class=\"layer-icon\">remove</mat-icon>\n      </button>\n    </ng-container>\n    <ng-container *ngIf=\"isSelectionMode\">\n      <button\n        mat-raised-button\n        (click)=\"selectOrDeselectAll(true)\"\n        [matTooltip]=\"textWords?.tooltipAllAdd || ''\"\n        class=\"control-button\"\n      >\n        <mat-icon>add</mat-icon>\n        <span>{{ textWords?.textAll }}</span>\n      </button>\n      <button\n        mat-raised-button\n        (click)=\"selectOrDeselectAll(false)\"\n        [matTooltip]=\"textWords?.tooltipAllRemove || ''\"\n        class=\"control-button\"\n      >\n        <mat-icon>remove</mat-icon>\n        <span>{{ textWords?.textAll }}</span>\n      </button>\n    </ng-container>\n  </div>\n  <div\n    [style.height]=\"'calc(100% - ' + control.offsetHeight + 'px)'\"\n    class=\"ava-tree-wrapper\"\n    #avaTreeWrapper\n  >\n    <ng-container *ngIf=\"flatElements?.length; else nothing\">\n      <ng-container *ngIf=\"filteredElementList?.length; else nothingFiltered\">\n        <ava-tree-structure\n          *ngIf=\"modeView === listModeViewType.Tree && !avaTreeFilterInput.value\"\n          [serviceSpecification]=\"serviceSpecification\"\n          [indent]=\"indent\"\n          [expansionState]=\"expansionState\"\n          [isSelectionMode]=\"isSelectionMode\"\n          [selectedColor]=\"selectedColor\"\n          [allowDblClick]=\"allowDblClick\"\n        >\n        </ava-tree-structure>\n        <ava-list-structure\n          *ngIf=\"modeView === listModeViewType.List || (modeView === listModeViewType.Tree && avaTreeFilterInput.value)\"\n          [filteredElementList]=\"filteredElementList\"\n          [isSelectionMode]=\"isSelectionMode\"\n          [selectedColor]=\"selectedColor\"\n          [allowDblClick]=\"allowDblClick\"\n        >\n        </ava-list-structure>\n        <ava-table-structure\n          *ngIf=\"modeView === listModeViewType.Table\"\n          [filteredElementList]=\"filteredElementList\"\n          [isSelectionMode]=\"isSelectionMode\"\n          [addTableColumns]=\"addTableColumns\"\n          [selectedColor]=\"selectedColor\"\n          [allowDblClick]=\"allowDblClick\"\n        >\n        </ava-table-structure>\n      </ng-container>\n    </ng-container>\n  </div>\n</div>\n<ng-template #nothing>\n  {{ textWords?.textNothing }}\n</ng-template>\n<ng-template #nothingFiltered>\n  {{ textWords?.textNothingFiltered }}\n</ng-template>\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: () => [{ type: FlatElementsService, decorators: [{
+                    type: Self
+                }] }, { type: SelectElementService, decorators: [{
+                    type: Self
+                }] }, { type: TreeNodeSelectionService, decorators: [{
+                    type: Self
+                }] }, { type: ExpandParentGroupService, decorators: [{
+                    type: Self
+                }] }, { type: 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
+            }], allowDblClick: [{
+                type: Input
+            }], isSelectionMode: [{
+                type: Input
+            }], initiallySelectedElements: [{
+                type: Input
+            }], textWords: [{
+                type: Input
+            }], mouseAwareKeyboardControl: [{
+                type: Input
+            }], customKeyboardOperationConfig: [{
+                type: Input
+            }], listFilterFunc: [{
+                type: Input
+            }], addTableColumns: [{
+                type: Input
+            }], functionView: [{
+                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: "17.2.1", ngImport: i0, type: AngularAvaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: AngularAvaModule, declarations: [TreeStructureComponent,
+            TreeNodeComponent,
+            AvaTreeComponent,
+            TreeItemComponent,
+            ListStructureComponent,
+            TableStructureComponent,
+            ElementIconNamePipe,
+            ElementTextPipe,
+            GroupChildElementsPipe,
+            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: "17.2.1", ngImport: i0, type: AngularAvaModule, imports: [CommonModule,
+            MatIconModule,
+            MatRippleModule,
+            MatInputModule,
+            MatFormFieldModule,
+            ReactiveFormsModule,
+            FormsModule,
+            MatButtonModule,
+            MatCheckboxModule,
+            MatTableModule,
+            MatTooltipModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: AngularAvaModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TreeStructureComponent,
+                        TreeNodeComponent,
+                        AvaTreeComponent,
+                        TreeItemComponent,
+                        ListStructureComponent,
+                        TableStructureComponent,
+                        ElementIconNamePipe,
+                        ElementTextPipe,
+                        GroupChildElementsPipe,
+                        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-beta0093",
+    commitInfo: "Branch.develop.Sha.37ddc57b20301a1e73e50cae70f4b7295d68489c",
+    commitDate: "2024-02-17",
+    commitHash: "37ddc57b20301a1e73e50cae70f4b7295d68489c",
+    informationalVersion: "0.1.1-beta.93+Branch.develop.Sha.37ddc57b20301a1e73e50cae70f4b7295d68489c",
+    buildDateUtc: new Date(Date.UTC(2024, 1, 17, 21, 47, 30))
+};
+
+/*
+ * 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