{"__symbolic":"module","version":4,"metadata":{"AbstractWebLibraryComponent":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":23,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"AbstractDynamicBaseService":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":19,"character":26}]}],"createDynamicComponent":[{"__symbolic":"method"}]}},"DynamicTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":43,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":45,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatPaginatorModule","line":46,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatSortModule","line":47,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatTableModule","line":48,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatFormFieldModule","line":49,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatInputModule","line":50,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatProgressSpinnerModule","line":51,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatProgressBarModule","line":52,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":53,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":54,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":55,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":56,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatCardModule","line":57,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatToolbarModule","line":58,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatSlideToggleModule","line":59,"character":8}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"NO_ERRORS_SCHEMA","line":61,"character":14}],"declarations":[{"__symbolic":"reference","name":"TableInstanceComponent"},{"__symbolic":"reference","name":"DynamicTableComponent"},{"__symbolic":"reference","name":"DynamicTableColumnsContainerDirective"},{"__symbolic":"reference","name":"DynamicTableIconContainerDirective"},{"__symbolic":"reference","name":"DynamicTableContainerDirective"},{"__symbolic":"reference","name":"DynamicTableActionsContainerDirective"},{"__symbolic":"reference","name":"DynamicTableContentSummaryContainerDirective"},{"__symbolic":"reference","name":"PalTableAdditionalInfoContainerDirective"},{"__symbolic":"reference","name":"DynamicTableDescriptionContainerDirective"},{"__symbolic":"reference","name":"DynamicTableTitleContainerDirective"}],"exports":[{"__symbolic":"reference","module":"@angular/material","name":"MatPaginatorModule","line":75,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatSortModule","line":76,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatTableModule","line":77,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatFormFieldModule","line":78,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatInputModule","line":79,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatProgressSpinnerModule","line":80,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatProgressBarModule","line":81,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":82,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":83,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":84,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":85,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatCardModule","line":86,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatToolbarModule","line":87,"character":8},{"__symbolic":"reference","module":"@angular/material","name":"MatSlideToggleModule","line":88,"character":8},{"__symbolic":"reference","name":"TableInstanceComponent"},{"__symbolic":"reference","name":"DynamicTableComponent"},{"__symbolic":"reference","name":"DynamicTableContainerDirective"},{"__symbolic":"reference","name":"DynamicTableIconContainerDirective"},{"__symbolic":"reference","name":"DynamicTableActionsContainerDirective"},{"__symbolic":"reference","name":"DynamicTableContentSummaryContainerDirective"},{"__symbolic":"reference","name":"PalTableAdditionalInfoContainerDirective"},{"__symbolic":"reference","name":"DynamicTableDescriptionContainerDirective"},{"__symbolic":"reference","name":"DynamicTableTitleContainerDirective"}],"entryComponents":[],"providers":[{"__symbolic":"reference","name":"DynamicTableDataProvider"},{"__symbolic":"reference","name":"DynamicTableDynamicCellBuilder"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"DynamicTableModule"},"providers":[{"__symbolic":"reference","name":"DynamicTableActionMessageService"},{"__symbolic":"reference","name":"DynamicTableMouseEventMessageService"}]}}}},"DynamicTableComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AbstractWebLibraryComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"dynamic-table","animations":[],"template":"<div class=\"pal-table-container mat-elevation-z8\">\n\n  <div class=\"pal-table-header\" *ngIf=\"showFilter\">\n    <mat-form-field class=\"pal-table-filter\">\n      <input matInput value=\"{{filterHint}}\" (click)=\"onFilterEnter()\" \n        (blur)=\"onFilterLeave()\"> <!-- (keyup)=\"applyFilter($event.target.value)\" -->\n    </mat-form-field>\n  </div>\n\n  <!-- TABLE WITH GROUPS -->\n  <div class=\"pal-table-grouped-container\" *ngIf=\"tableOptions != null && tableOptions.length > 0\">\n    <div class=\"pal-table-grouped\" *ngFor=\"let tableOption of tableOptions; let tableIndex = index;\">\n      <mat-toolbar>{{tableOption.groupName}} </mat-toolbar>\n      <table-instance-component [palTableContainer]=\"tableIndex\" [hideColumns]=\"tableOption.hideColumns\" [groupIndex]=\"tableIndex\"\n        [groupName]=\"tableOption.groupName\" [groupExpressions]=\"tableOption.groupExpressions\" [itemRowColor]=\"tableOption.groupItemRowColor\"\n        [columnOptions]=\"tableOption.columnOptions\" [actionsSubject]=\"actionsSubject\" [mouseEventsSubject]=\"mouseEventsSubject\"></table-instance-component>\n    </div>\n  </div>\n\n  <!-- TABLE ONLY -->\n  <table-instance-component *ngIf=\"tableOptions == null || tableOptions.length == 0\" [hideColumns]=\"true\" [groupName]=\"null\"\n    [groupIndex]=\"0\" [groupExpressions]=\"null\" [itemRowColor]=\"null\" [columnOptions]=\"null\" [actionsSubject]=\"actionsSubject\"\n    [mouseEventsSubject]=\"mouseEventsSubject\"></table-instance-component>\n\n</div>\n","styles":["",".pal-table-container{position:relative;display:flex;flex-direction:column;min-width:300px;height:94vh;padding-bottom:130px;overflow:auto;-webkit-overflow-scrolling:touch}.pal-table-header{min-height:65px;height:65px;width:100%;display:flex;align-items:center;padding-left:24px;padding-right:24px;padding-top:12px}.pal-table{overflow:auto;height:100%;font-size:1.5vw}.pal-table-loading-shade{position:absolute;top:0;left:0;height:100%;right:0;background:rgba(0,0,0,.1);z-index:1;display:flex;align-items:center;justify-content:center}.pal-table-message{display:flex;align-items:center;justify-content:center;color:#980000;max-width:360px;text-align:center}.mat-header-cell.mat-sort-header-sorted{color:#000}.mat-row{min-height:130px;padding:0 7px}.mat-cell{font-size:1.57vw;min-height:130px}.actions-column,.additional-info-column,.color-column,.description-column,.flex-column,.html-content-summary-column,.icon-column,.other-text-based-column,.selected-row-column,.title-column{display:flex;flex-wrap:wrap;flex-direction:row;flex:1}.color-column{font-size:1.85vw;width:40px;min-width:40px;max-width:40px}.icon-column{width:5%;min-width:5%;max-width:5%}.no-data-found-icon{height:128px;width:128px}.no-data-found-text{font-size:24px;color:gray;font-weight:700}.no-header-columns{display:none}.current-selected-row{background-color:#f5fcfd}.selected-row-icon{font-size:12px;color:#1ebae4}.selected-row-column{justify-content:flex-start;width:12px;min-width:12px;max-width:12px}.speed-dial-container{position:fixed;bottom:32px;right:32px}.speed-dial-option-icon{color:#fff}.toolbar-buttons{width:50%}.toolbar-button{margin:5px}.mat-form-field-label-wrapper{top:-3px}.mat-toolbar{background-color:#494949}.pal-table-grouped,.pal-table-grouped-container{width:100%}"]}]}],"members":{"tablesQueryList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":42,"character":5},"arguments":[{"__symbolic":"reference","name":"DynamicTableContainerDirective"}]}]}],"showFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":48,"character":26}]}],"onFilterEnter":[{"__symbolic":"method"}],"onFilterLeave":[{"__symbolic":"method"}]},"statics":{"FILTER_MIN_VALUE":3}},"TableInstanceComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AbstractWebLibraryComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":50,"character":1},"arguments":[{"selector":"table-instance-component","template":"<div class=\"pal-table-loading-shade\" *ngIf=\"isLoadingResults || noDataFound\">\n  <div fxLayout=\"column\" fxLayoutAlign=\"space-around center\" *ngIf=\"isLoadingResults\">\n    <mat-spinner mode=\"indeterminate\" color=\"primary\" [diameter]=\"80\" [strokeWidth]=\"2\"></mat-spinner>\n    <!-- <mat-progress-bar mode=\"buffer\" color=\"accent\"></mat-progress-bar> -->\n    <span>wird geladen...</span>\n  </div>\n  <div fxLayout=\"column\" fxLayoutAlign=\"space-around center\" class=\"pal-table-message\" *ngIf=\"noDataFound\">\n    <mat-icon svgIcon=\"no-data-found\" class=\"no-data-found-icon\"></mat-icon>\n    <span class=\"no-data-found-text\">No data found!</span>\n  </div>\n</div>\n\n\n<mat-table class=\"pal-table\" #table [dataSource]=\"dataSource\" matSort\n  matSortActive=\"title\" matSortDirection=\"asc\" class=\"def-animated\">\n\n  <!-- Selected Row Column -->\n  <ng-container matColumnDef=\"selectedRowColumn\">\n    <mat-header-cell *matHeaderCellDef mat-sort-header class=\"selected-row-column\"></mat-header-cell>\n    <mat-cell *matCellDef=\"let rowIndex = index;\" class=\"selected-row-column\">\n      <mat-icon class=\"selected-row-icon\" *ngIf=\"currentSelectedRowIndex == rowIndex\">lens</mat-icon>\n    </mat-cell>\n  </ng-container>\n\n  <!-- <ng-template [palDynamicTableColumnsContainer]></ng-template> -->\n\n  <!-- Position Column -->\n  <ng-container matColumnDef=\"{{COLUMN_DEFINITIONS.INDICATOR_COLOR}}\" *ngIf=\"isColumnDefined(COLUMN_DEFINITIONS.INDICATOR_COLOR)\">\n    <mat-header-cell *matHeaderCellDef mat-sort-header class=\"color-column\">\n      {{getColumnName(COLUMN_DEFINITIONS.INDICATOR_COLOR)}}\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let item; let i = index;\" class=\"color-column\" [style.background]=\"getIndicatorColor(item, i)\">\n      {{(i+1)}} {{getIndicatorSign(item, i)}} </mat-cell>\n  </ng-container>\n\n  <!-- Icon column -->\n  <ng-container matColumnDef=\"{{COLUMN_DEFINITIONS.HTML_ICON}}\" *ngIf=\"isColumnDefined(COLUMN_DEFINITIONS.HTML_ICON)\">\n    <mat-header-cell *matHeaderCellDef class=\"icon-column\">{{getColumnName(COLUMN_DEFINITIONS.HTML_ICON)}}</mat-header-cell>\n    <mat-cell *matCellDef=\"let item; let i = index;\" class=\"icon-column\" [style.background]=\"getColumnColor(COLUMN_DEFINITIONS.HTML_ICON)\">\n      {{getHTMLIcon(item, i)}}\n      <ng-template [palTableIconContainer]=\"i\"></ng-template>\n    </mat-cell>\n  </ng-container>\n\n  <!-- Title Column -->\n  <ng-container matColumnDef=\"{{COLUMN_DEFINITIONS.TITLE}}\" *ngIf=\"isColumnDefined(COLUMN_DEFINITIONS.TITLE)\">\n    <mat-header-cell *matHeaderCellDef mat-sort-header class=\"title-column\">\n      {{getColumnName(COLUMN_DEFINITIONS.TITLE)}}\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let item; let i = index;\" class=\"title-column\" [style.background]=\"getColumnColor(COLUMN_DEFINITIONS.TITLE)\">\n      {{getTitle(item, i)}}\n      <ng-template [palTableTitleContainer]=\"i\"></ng-template>\n    </mat-cell>\n  </ng-container>\n\n  <!-- Description column -->\n  <ng-container matColumnDef=\"{{COLUMN_DEFINITIONS.DESCRIPTION}}\" *ngIf=\"isColumnDefined(COLUMN_DEFINITIONS.DESCRIPTION)\">\n    <mat-header-cell *matHeaderCellDef class=\"description-column\" mat-sort-header>\n      {{getColumnName(COLUMN_DEFINITIONS.DESCRIPTION)}}\n    </mat-header-cell>\n    <mat-cell *matCellDef=\"let item; let i = index;\" class=\"description-column\" [style.background]=\"getColumnColor(COLUMN_DEFINITIONS.DESCRIPTION)\">\n      {{getDescription(item, i)}}\n      <ng-template [palTableDescriptionContainer]=\"i\"></ng-template>\n    </mat-cell>\n  </ng-container>\n\n  <!-- Additional info column -->\n  <ng-container matColumnDef=\"{{COLUMN_DEFINITIONS.ADDITIONAL_INFO}}\" *ngIf=\"isColumnDefined(COLUMN_DEFINITIONS.ADDITIONAL_INFO)\">\n    <mat-header-cell *matHeaderCellDef class=\"additional-info-column\" mat-sort-header>{{getColumnName(COLUMN_DEFINITIONS.ADDITIONAL_INFO)}}</mat-header-cell>\n    <mat-cell *matCellDef=\"let item; let i = index;\" class=\"additional-info-column\" fxLayout=\"row\" fxLayoutAlign=\"space-around center\"\n      [style.background]=\"getColumnColor(COLUMN_DEFINITIONS.ADDITIONAL_INFO)\">\n      {{getAdditionalInfo(item, i)}}\n      <ng-template [palTableAdditionalInfoContainer]=\"i\"></ng-template>\n    </mat-cell>\n  </ng-container>\n\n  <!-- Other Text Based Column -->\n  <ng-container matColumnDef=\"{{COLUMN_DEFINITIONS.OTHER_TEXT_BASED1}}\" *ngIf=\"isColumnDefined(COLUMN_DEFINITIONS.OTHER_TEXT_BASED1)\">\n    <mat-header-cell *matHeaderCellDef mat-sort-header class=\"other-text-based-column\">{{getColumnName(COLUMN_DEFINITIONS.OTHER_TEXT_BASED1)}}</mat-header-cell>\n    <mat-cell *matCellDef=\"let item; let rowIndex = index;\" class=\"other-text-based-column\" [style.background]=\"getColumnColor(COLUMN_DEFINITIONS.OTHER_TEXT_BASED1)\">{{getOtherTextBased(item,\n      rowIndex)}}</mat-cell>\n  </ng-container>\n\n  <!-- Content summary column -->\n  <ng-container matColumnDef=\"{{COLUMN_DEFINITIONS.HTML_CONTENT_SUMMARY}}\" *ngIf=\"isColumnDefined(COLUMN_DEFINITIONS.HTML_CONTENT_SUMMARY)\">\n    <mat-header-cell *matHeaderCellDef class=\"html-content-summary-column\" mat-sort-header>\n      {{getColumnName(COLUMN_DEFINITIONS.HTML_CONTENT_SUMMARY)}}</mat-header-cell>\n    <mat-cell *matCellDef=\"let item; let i = index;\" class=\"html-content-summary-column\" fxLayout=\"row\" fxLayoutAlign=\"space-around center\"\n      [style.background]=\"getColumnColor(COLUMN_DEFINITIONS.HTML_CONTENT_SUMMARY)\">\n      {{getHTMLContentSummary(item, i)}}\n      <ng-template [palTableContentSummaryContainer]=\"i\"></ng-template>\n    </mat-cell>\n  </ng-container>\n\n  <!-- Actions column -->\n  <ng-container matColumnDef=\"{{COLUMN_DEFINITIONS.HTML_ACTIONS}}\" *ngIf=\"isColumnDefined(COLUMN_DEFINITIONS.HTML_ACTIONS)\">\n    <mat-header-cell *matHeaderCellDef class=\"actions-column\">{{getColumnName(COLUMN_DEFINITIONS.HTML_ACTIONS)}}</mat-header-cell>\n    <mat-cell *matCellDef=\"let item; let i = index;\" class=\"actions-column\" [style.background]=\"getColumnColor(COLUMN_DEFINITIONS.HTML_ACTIONS)\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n        {{getHTMLAction(item, i)}}\n        <ng-template [palTableActionsContainer]=\"i\"></ng-template>\n      </div>\n    </mat-cell>\n  </ng-container>\n\n  <mat-header-row *matHeaderRowDef=\"let columnIndex = index;displayedColumns\" [ngClass]=\"{'no-header-columns': hideColumns}\"></mat-header-row>\n  <mat-row *matRowDef=\"let row; columns: displayedColumns; let rowIndex = index;\" (click)=\"selectItem(rowIndex)\"\n    [style.background]=\"getItemRowColor()\" [class.mat-elevation-z1]=\"currentSelectedRowIndex == rowIndex\" [ngClass]=\"{'current-selected-row': currentSelectedRowIndex == rowIndex}\"></mat-row>\n\n\n</mat-table>\n<!-- <mat-paginator [length]=\"resultsLength\" [pageSize]=\"30\"></mat-paginator> -->","styles":[".pal-table-container{position:relative;display:flex;flex-direction:column;min-width:300px;height:94vh;padding-bottom:130px;overflow:auto;-webkit-overflow-scrolling:touch}.pal-table-header{min-height:65px;height:65px;width:100%;display:flex;align-items:center;padding-left:24px;padding-right:24px;padding-top:12px}.pal-table{overflow:auto;height:100%;font-size:1.5vw}.pal-table-loading-shade{position:absolute;top:0;left:0;height:100%;right:0;background:rgba(0,0,0,.1);z-index:1;display:flex;align-items:center;justify-content:center}.pal-table-message{display:flex;align-items:center;justify-content:center;color:#980000;max-width:360px;text-align:center}.mat-header-cell.mat-sort-header-sorted{color:#000}.mat-row{min-height:130px;padding:0 7px}.mat-cell{font-size:1.57vw;min-height:130px}.actions-column,.additional-info-column,.color-column,.description-column,.flex-column,.html-content-summary-column,.icon-column,.other-text-based-column,.selected-row-column,.title-column{display:flex;flex-wrap:wrap;flex-direction:row;flex:1}.color-column{font-size:1.85vw;width:40px;min-width:40px;max-width:40px}.icon-column{width:5%;min-width:5%;max-width:5%}.no-data-found-icon{height:128px;width:128px}.no-data-found-text{font-size:24px;color:gray;font-weight:700}.no-header-columns{display:none}.current-selected-row{background-color:#f5fcfd}.selected-row-icon{font-size:12px;color:#1ebae4}.selected-row-column{justify-content:flex-start;width:12px;min-width:12px;max-width:12px}.speed-dial-container{position:fixed;bottom:32px;right:32px}.speed-dial-option-icon{color:#fff}.toolbar-buttons{width:50%}.toolbar-button{margin:5px}.mat-form-field-label-wrapper{top:-3px}.mat-toolbar{background-color:#494949}.pal-table-grouped,.pal-table-grouped-container{width:100%}"]}]}],"members":{"palTableIconContainerQueryList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":83,"character":5},"arguments":[{"__symbolic":"reference","name":"DynamicTableIconContainerDirective"}]}]}],"palTableActionsContainerQueryList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":85,"character":5},"arguments":[{"__symbolic":"reference","name":"DynamicTableActionsContainerDirective"}]}]}],"palTableContentSummaryContainerQueryList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":87,"character":5},"arguments":[{"__symbolic":"reference","name":"DynamicTableContentSummaryContainerDirective"}]}]}],"palTableAdditionalInfoContainerQueryList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":89,"character":5},"arguments":[{"__symbolic":"reference","name":"PalTableAdditionalInfoContainerDirective"}]}]}],"palTableDescriptionContainerQueryList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":91,"character":5},"arguments":[{"__symbolic":"reference","name":"DynamicTableDescriptionContainerDirective"}]}]}],"palTableTitleContainerQueryList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":93,"character":5},"arguments":[{"__symbolic":"reference","name":"DynamicTableTitleContainerDirective"}]}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":95,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MatSort","line":95,"character":15}]}]}],"table":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":96,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MatTable","line":96,"character":15}]}]}],"iconCell":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":97,"character":5},"arguments":["#iconCell"]}]}],"groupIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":5}}]}],"groupName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":5}}]}],"itemRowColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":5}}]}],"hideColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":5}}]}],"groupExpressions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":5}}]}],"columnOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":5}}]}],"actionsSubject":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":5}}]}],"mouseEventsSubject":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":111,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"addStandardColumns":[{"__symbolic":"method"}],"loadData":[{"__symbolic":"method"}],"getItemRowColor":[{"__symbolic":"method"}],"getColumnColor":[{"__symbolic":"method"}],"hasGroups":[{"__symbolic":"method"}],"replaceItem":[{"__symbolic":"method"}],"removeItem":[{"__symbolic":"method"}],"handleDataProviderEvents":[{"__symbolic":"method"}],"isColumnDefined":[{"__symbolic":"method"}],"getColumnsStyleUrl":[{"__symbolic":"method"}],"getIndicatorColor":[{"__symbolic":"method"}],"getIndicatorSign":[{"__symbolic":"method"}],"getHTMLContentSummary":[{"__symbolic":"method"}],"getAdditionalInfo":[{"__symbolic":"method"}],"getHTMLIcon":[{"__symbolic":"method"}],"getTitle":[{"__symbolic":"method"}],"getOtherTextBased":[{"__symbolic":"method"}],"getDescription":[{"__symbolic":"method"}],"getHTMLAction":[{"__symbolic":"method"}],"getColumnName":[{"__symbolic":"method"}],"applyFilter":[{"__symbolic":"method"}],"selectItem":[{"__symbolic":"method"}],"getCurrentSelectedItem":[{"__symbolic":"method"}],"getPreviousItem":[{"__symbolic":"method"}],"getNextItem":[{"__symbolic":"method"}],"onFilterEnter":[{"__symbolic":"method"}],"onFilterLeave":[{"__symbolic":"method"}]},"statics":{"FILTER_MIN_VALUE":3}},"DynamicTableUtils":{"__symbolic":"class","members":{}},"DynamicTableDynamicCellBuilder":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AbstractDynamicBaseService"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":16,"character":34}]}],"createColumn":[{"__symbolic":"method"}]}},"DynamicTableDataProvider":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1}}],"members":{"getColumns":[{"__symbolic":"method"}],"getColumnsStyleUrl":[{"__symbolic":"method"}],"getData":[{"__symbolic":"method"}],"getIndicatorColor":[{"__symbolic":"method"}],"getIndicatorSign":[{"__symbolic":"method"}],"getTitle":[{"__symbolic":"method"}],"getDescription":[{"__symbolic":"method"}],"getAdditionalInfo":[{"__symbolic":"method"}],"getHTMLIcon":[{"__symbolic":"method"}],"getHTMLContentSummary":[{"__symbolic":"method"}],"getHTMLAction":[{"__symbolic":"method"}],"getOtherTextBased":[{"__symbolic":"method"}],"performAction":[{"__symbolic":"method"}],"getEventPublisher":[{"__symbolic":"method"}],"getOptions":[{"__symbolic":"method"}]}},"DynamicTableColumnDefinitionConstants":{"__symbolic":"class","members":{},"statics":{"INDICATOR_COLOR":"indicatorColor","HTML_ICON":"htmlIcon","TITLE":"title","ADDITIONAL_INFO":"additionalInfo","DESCRIPTION":"description","HTML_CONTENT_SUMMARY":"htmlContentSummary","HTML_ACTIONS":"htmlActions","OTHER_TEXT_BASED1":"otherTextBased1","OTHER_TEXT_BASED2":"otherTextBased2","OTHER_TEXT_BASED3":"otherTextBased3","OTHER_TEXT_BASED4":"otherTextBased4"}},"AbstractDynamicTableDataProvider":{"__symbolic":"class","arity":1,"members":{"createTableOption":[{"__symbolic":"method"}],"createGroupExpression":[{"__symbolic":"method"}],"refreshList":[{"__symbolic":"method"}],"updateItem":[{"__symbolic":"method"}],"removeItem":[{"__symbolic":"method"}],"getEventPublisher":[{"__symbolic":"method"}],"nextElement":[{"__symbolic":"method"}],"previousElement":[{"__symbolic":"method"}],"getColumnsStyleUrl":[{"__symbolic":"method"}],"getColumns":[{"__symbolic":"method"}],"getData":[{"__symbolic":"method"}],"getOptions":[{"__symbolic":"method"}],"getIndicatorColor":[{"__symbolic":"method"}],"getIndicatorSign":[{"__symbolic":"method"}],"getHTMLIcon":[{"__symbolic":"method"}],"getTitle":[{"__symbolic":"method"}],"getDescription":[{"__symbolic":"method"}],"getHTMLContentSummary":[{"__symbolic":"method"}],"getAdditionalInfo":[{"__symbolic":"method"}],"getHTMLAction":[{"__symbolic":"method"}],"getOtherTextBased":[{"__symbolic":"method"}]}},"DynamicTableExpressionBuilder":{"__symbolic":"class","members":{}},"DynamicTableUIUtils":{"__symbolic":"class","members":{},"statics":{"createHTMLAction":{"__symbolic":"function","parameters":["action","item"],"value":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"publishAction('","right":{"__symbolic":"reference","name":"action"}},"right":"', item)"}},"createAngularAction":{"__symbolic":"function","parameters":["action","item"],"value":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"(click)=\"","right":{"__symbolic":"error","message":"Expression form not supported","line":32,"character":29,"module":"./lib/dynamic-table/shared/dynamic-table-ui.utils"}},"right":"\""}},"createMouseOverEvent":{"__symbolic":"function","parameters":["mouseOverEvent","item"],"value":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"onMouseOver('","right":{"__symbolic":"reference","name":"mouseOverEvent"}},"right":"', item)"}},"createAngularMouseOverEvent":{"__symbolic":"function","parameters":["mouseOverEvent","item"],"value":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"(mouseover)=\"","right":{"__symbolic":"error","message":"Expression form not supported","line":54,"character":33,"module":"./lib/dynamic-table/shared/dynamic-table-ui.utils"}},"right":"\""}},"createMouseOutEvent":{"__symbolic":"function","parameters":["mouseOutEvent","item"],"value":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"onMouseOut('","right":{"__symbolic":"reference","name":"mouseOutEvent"}},"right":"', item)"}},"createAngularMouseOutEvent":{"__symbolic":"function","parameters":["mouseOutEvent","item"],"value":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"(mouseout)=\"","right":{"__symbolic":"error","message":"Expression form not supported","line":76,"character":32,"module":"./lib/dynamic-table/shared/dynamic-table-ui.utils"}},"right":"\""}}}},"DynamicTableActionMessageService":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"setAction":[{"__symbolic":"method"}],"getAction":[{"__symbolic":"method"}],"setItem":[{"__symbolic":"method"}],"getItem":[{"__symbolic":"method"}],"setPublisher":[{"__symbolic":"method"}],"getPubisher":[{"__symbolic":"method"}]}},"DynamicTableMouseEventMessageService":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"setMouseEvent":[{"__symbolic":"method"}],"getMouseEvent":[{"__symbolic":"method"}],"setItem":[{"__symbolic":"method"}],"getItem":[{"__symbolic":"method"}],"setPublisher":[{"__symbolic":"method"}],"getPubisher":[{"__symbolic":"method"}]}},"DynamicTableActionsContainerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"[palTableActionsContainer]"}]}],"members":{"palTableActionsContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5},"arguments":["palTableActionsContainer"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":17,"character":41}]}]}},"PalTableAdditionalInfoContainerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"[palTableAdditionalInfoContainer]"}]}],"members":{"palTableAdditionalInfoContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5},"arguments":["palTableAdditionalInfoContainer"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":17,"character":41}]}]}},"DynamicTableColumnsContainerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"[palDynamicTableColumnsContainer]"}]}],"members":{"palDynamicTableColumnsContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5},"arguments":["palDynamicTableColumnsContainer"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":18,"character":33}]}]}},"DynamicTableContentSummaryContainerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"[palTableContentSummaryContainer]"}]}],"members":{"palTableContentSummaryContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5},"arguments":["palTableContentSummaryContainer"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":17,"character":41}]}]}},"DynamicTableDescriptionContainerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"[palTableDescriptionContainer]"}]}],"members":{"palTableDescriptionContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5},"arguments":["palTableDescriptionContainer"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":17,"character":41}]}]}},"DynamicTableIconContainerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"[palTableIconContainer]"}]}],"members":{"palTableIconContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5},"arguments":["palTableIconContainer"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":17,"character":41}]}]}},"DynamicTableTitleContainerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"[palTableTitleContainer]"}]}],"members":{"palTableTitleContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5},"arguments":["palTableTitleContainer"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":17,"character":41}]}]}},"DynamicTableContainerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"[palTableContainer]"}]}],"members":{"palTableContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5},"arguments":["palTableContainer"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":17,"character":41}]}]}},"DynamicTableColumnInterace":{"__symbolic":"interface"},"UsingDynamicTableComponent":{"__symbolic":"interface"},"DynamicTableDataInterface":{"__symbolic":"interface"},"DynamicTableGroupExpressionInterface":{"__symbolic":"interface"},"DynamicTableGroupInterface":{"__symbolic":"interface"},"DynamicTableOptionInterface":{"__symbolic":"interface"},"DynamicTableInterface":{"__symbolic":"interface"},"DynamicTableEventDataInterface":{"__symbolic":"interface"},"DynamicExpandableTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":12},{"__symbolic":"reference","name":"DynamicTableModule"},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"DynamicTableModule"},"member":"forRoot"}}],"exports":[{"__symbolic":"reference","name":"ExpandableTableInstanceComponent"},{"__symbolic":"reference","name":"DynamicExpandableTableComponent"}],"declarations":[{"__symbolic":"reference","name":"ExpandableTableInstanceComponent"},{"__symbolic":"reference","name":"DynamicExpandableTableComponent"}],"providers":[{"__symbolic":"reference","name":"DynamicExpandableTableDataProvider"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"DynamicExpandableTableModule"},"providers":[]}}}},"DynamicExpandableTableComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DynamicTableComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"dynamic-expandable-table","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":22,"character":8},"arguments":["detailExpand",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":23,"character":12},"arguments":["collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":23,"character":31},"arguments":[{"height":"0px","minHeight":"0px","display":"none"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":24,"character":12},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":24,"character":30},"arguments":[{"display":"inline","height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":25,"character":12},"arguments":["expanded <=> collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":25,"character":49},"arguments":["225ms cubic-bezier(0.4, 0.0, 0.2, 1)"]}]}]]}],"template":"<div class=\"pal-expandable-table-container\">\n\n    <div class=\"pal-table-header\" *ngIf=\"showFilter\">\n        <mat-form-field class=\"pal-table-filter\">\n            <input matInput value=\"{{filterHint}}\" (click)=\"onFilterEnter()\" (blur)=\"onFilterLeave()\">\n            <!-- (keyup)=\"applyFilter($event.target.value)\" -->\n        </mat-form-field>\n    </div>\n\n    <!-- EXPANDABLE TABLE WITH GROUPS -->\n    <div class=\"pal-expandable-table-grouped-container\" *ngIf=\"tableOptions != null && tableOptions.length > 0\">\n        <div class=\"pal-expandable-table-grouped\" *ngFor=\"let tableOption of tableOptions; let tableIndex = index;\">\n            <mat-toolbar class=\"pal-expandable-table-grouped-toolbar\">{{tableOption.groupName}} </mat-toolbar>\n            <expandable-table-instance [palTableContainer]=\"tableIndex\" [hideColumns]=\"tableOption.hideColumns\"\n                [hideColumnsOfExpandedItems]=\"tableOption.hideColumnsOfExpandedItems\"\n                [hideColumnsOfExpandedItemDetails]=\"tableOption.hideColumnsOfExpandedItemDetails\" [groupIndex]=\"tableIndex\"\n                [groupName]=\"tableOption.groupName\" [groupExpressions]=\"tableOption.groupExpressions\" [itemRowColor]=\"tableOption.groupItemRowColor\"\n                [columnOptions]=\"tableOption.columnOptions\" [actionsSubject]=\"actionsSubject\" [mouseEventsSubject]=\"mouseEventsSubject\"></expandable-table-instance>\n        </div>\n    </div>\n\n    <!-- EXPANDABLE TABLE ONLY -->\n    <expandable-table-instance *ngIf=\"tableOptions == null || tableOptions.length == 0\" [hideColumns]=\"true\"\n        [hideColumnsOfExpandedItems]=\"true\" [hideColumnsOfExpandedItemDetails]=\"true\" [groupIndex]=\"0\" [groupName]=\"null\"\n        [groupExpressions]=\"null\" [itemRowColor]=\"null\" [columnOptions]=\"null\" [actionsSubject]=\"actionsSubject\"\n        [mouseEventsSubject]=\"mouseEventsSubject\"></expandable-table-instance>\n\n\n\n\n\n\n</div>","styles":[".pal-table-container{position:relative;display:flex;flex-direction:column;min-width:300px;height:94vh;padding-bottom:130px;overflow:auto;-webkit-overflow-scrolling:touch}.pal-table-header{min-height:65px;height:65px;width:100%;display:flex;align-items:center;padding-left:24px;padding-right:24px;padding-top:12px}.pal-table{overflow:auto;height:100%;font-size:1.5vw}.pal-table-loading-shade{position:absolute;top:0;left:0;height:100%;right:0;background:rgba(0,0,0,.1);z-index:1;display:flex;align-items:center;justify-content:center}.pal-table-message{display:flex;align-items:center;justify-content:center;color:#980000;max-width:360px;text-align:center}.mat-header-cell.mat-sort-header-sorted{color:#000}.mat-row{min-height:130px;padding:0 7px}.mat-cell{font-size:1.57vw;min-height:130px}.actions-column,.additional-info-column,.color-column,.description-column,.expandable-row-column,.flex-column,.html-content-summary-column,.icon-column,.other-text-based-column,.selected-row-column,.title-column{display:flex;flex-wrap:wrap;flex-direction:row;flex:1}.color-column{font-size:1.85vw;width:40px;min-width:40px;max-width:40px}.icon-column{width:5%;min-width:5%;max-width:5%}.no-data-found-icon{height:128px;width:128px}.no-data-found-text{font-size:24px;color:gray;font-weight:700}.no-header-columns{display:none}.current-selected-row{background-color:#f5fcfd}.selected-row-icon{font-size:12px;color:#1ebae4}.selected-row-column{justify-content:flex-start;width:12px;min-width:12px;max-width:12px}.speed-dial-container{position:fixed;bottom:32px;right:32px}.speed-dial-option-icon{color:#fff}.toolbar-buttons{width:50%}.toolbar-button{margin:5px}.mat-form-field-label-wrapper{top:-3px}.mat-toolbar{background-color:#494949}.pal-expandable-table-grouped,.pal-expandable-table-grouped-container,.pal-table-grouped,.pal-table-grouped-container{width:100%}.pal-expandable-table-container{position:relative;display:flex;flex-direction:column;min-width:300px;height:100vh;padding-bottom:130px;overflow:auto;-webkit-overflow-scrolling:touch}.actions-column,.additional-info-column,.color-column,.description-column,.expandable-row-column,.flex-column,.html-content-summary-column,.icon-column,.other-text-based-column,.selected-row-column,.title-column{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-end;align-items:center;align-content:center;margin-left:2px}.expandable-row-column{cursor:pointer;justify-content:flex-start;width:10px;min-width:10px;max-width:10px}.example-element-diagram{min-width:80px;border:2px solid #000;padding:8px;font-weight:lighter;margin:8px 0;height:104px}.example-element-symbol{font-weight:700;font-size:40px;line-height:normal}.example-element-description{padding:16px}.example-element-description-attribution{opacity:.5}.pal-expandable-table-grouped-toolbar{min-height:50px;height:50px}",".pal-table-container{position:relative;display:flex;flex-direction:column;min-width:300px;height:94vh;padding-bottom:130px;overflow:auto;-webkit-overflow-scrolling:touch}.pal-table-header{min-height:65px;height:65px;width:100%;display:flex;align-items:center;padding-left:24px;padding-right:24px;padding-top:12px}.pal-table{overflow:auto;height:100%;font-size:1.5vw}.pal-table-loading-shade{position:absolute;top:0;left:0;height:100%;right:0;background:rgba(0,0,0,.1);z-index:1;display:flex;align-items:center;justify-content:center}.pal-table-message{display:flex;align-items:center;justify-content:center;color:#980000;max-width:360px;text-align:center}.mat-header-cell.mat-sort-header-sorted{color:#000}.mat-row{min-height:130px;padding:0 7px}.mat-cell{font-size:1.57vw;min-height:130px}.actions-column,.additional-info-column,.color-column,.description-column,.flex-column,.html-content-summary-column,.icon-column,.other-text-based-column,.selected-row-column,.title-column{display:flex;flex-wrap:wrap;flex-direction:row;flex:1}.color-column{font-size:1.85vw;width:40px;min-width:40px;max-width:40px}.icon-column{width:5%;min-width:5%;max-width:5%}.no-data-found-icon{height:128px;width:128px}.no-data-found-text{font-size:24px;color:gray;font-weight:700}.no-header-columns{display:none}.current-selected-row{background-color:#f5fcfd}.selected-row-icon{font-size:12px;color:#1ebae4}.selected-row-column{justify-content:flex-start;width:12px;min-width:12px;max-width:12px}.speed-dial-container{position:fixed;bottom:32px;right:32px}.speed-dial-option-icon{color:#fff}.toolbar-buttons{width:50%}.toolbar-button{margin:5px}.mat-form-field-label-wrapper{top:-3px}.mat-toolbar{background-color:#494949}.pal-table-grouped,.pal-table-grouped-container{width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":34,"character":26}]}]}},"AbstractDynamicExpandableTableDataProvider":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"AbstractDynamicTableDataProvider"},"members":{"createExpandedItemColumn":[{"__symbolic":"method"}],"createExpandableTableOption":[{"__symbolic":"method"}],"getOptions":[{"__symbolic":"method"}],"getExpandedItemTableColumns":[{"__symbolic":"method"}],"getExpandedItemTableData":[{"__symbolic":"method"}],"getExpandedItemDetailsTableColumns":[{"__symbolic":"method"}],"getExpandedItemDetailsTableData":[{"__symbolic":"method"}]}},"DynamicExpandableTableDataProvider":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DynamicTableDataProvider"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1}}],"members":{"getExpandedItemTableColumns":[{"__symbolic":"method"}],"getExpandedItemTableData":[{"__symbolic":"method"}],"getExpandedItemDetailsTableColumns":[{"__symbolic":"method"}],"getExpandedItemDetailsTableData":[{"__symbolic":"method"}],"getOptions":[{"__symbolic":"method"}]}},"DynamicExpandableTableColumnDefinitionConstants":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DynamicTableColumnDefinitionConstants"},"members":{},"statics":{"EXPANDABLE_COLUMN":"expandableColumn"}},"DynamicExpandableTableUtils":{"__symbolic":"class","members":{}},"DynamicExpandableTableDataInterface":{"__symbolic":"interface"},"DynamicExpandableTableExpandedItemColumnInterace":{"__symbolic":"interface"},"DynamicExpandableTableOptionInterface":{"__symbolic":"interface"},"ExpandableTableInstanceComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"TableInstanceComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"expandable-table-instance","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":30,"character":8},"arguments":["detailExpand",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":31,"character":12},"arguments":["collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":31,"character":31},"arguments":[{"height":"0px","minHeight":"0px","display":"none"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":32,"character":12},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":32,"character":30},"arguments":[{"display":"inline","height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":33,"character":12},"arguments":["expanded <=> collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":33,"character":49},"arguments":["225ms cubic-bezier(0.4, 0.0, 0.2, 1)"]}]}]]}],"template":"<mat-table #expandableTable [dataSource]=\"dataSource\" multiTemplateDataRows matSort class=\"pal-table mat-elevation-z2\">\n\n    <!-- Expandable Row Column -->\n    <ng-container matColumnDef=\"expandableColumn\">\n        <mat-header-cell *matHeaderCellDef class=\"expandable-row-column\"></mat-header-cell>\n        <mat-cell *matCellDef=\"let row; let rowIndex = dataIndex;\" class=\"expandable-row-column\" [style.background]=\"getColumnColor('expandableColumn')\"\n            (click)=\"selectItem(rowIndex);\">\n            <mat-icon *ngIf=\"expandedElement !== row\" class=\"expandable-row-icon\" svgIcon=\"expand\"></mat-icon>\n            <mat-icon *ngIf=\"expandedElement === row\" class=\"expandable-row-icon\" svgIcon=\"expand\"></mat-icon>\n        </mat-cell>\n    </ng-container>\n\n    <!-- Position Column -->\n    <ng-container matColumnDef=\"{{COLUMN_DEFINITIONS.INDICATOR_COLOR}}\" *ngIf=\"isColumnDefined(COLUMN_DEFINITIONS.INDICATOR_COLOR)\">\n        <mat-header-cell *matHeaderCellDef class=\"color-column\" mat-sort-header>{{getColumnName(COLUMN_DEFINITIONS.INDICATOR_COLOR)}}</mat-header-cell>\n        <mat-cell *matCellDef=\"let item; let rowIndex = dataIndex;\" [style.background-color]=\"getIndicatorColor(item, rowIndex)\"\n            class=\"color-column\">\n            {{(rowIndex+1)}} {{getIndicatorSign(item, rowIndex)}} </mat-cell>\n    </ng-container>\n\n    <!-- Icon column -->\n    <ng-container matColumnDef=\"{{COLUMN_DEFINITIONS.HTML_ICON}}\" *ngIf=\"isColumnDefined(COLUMN_DEFINITIONS.HTML_ICON)\">\n        <mat-header-cell *matHeaderCellDef class=\"icon-column\">{{getColumnName(COLUMN_DEFINITIONS.HTML_ICON)}}</mat-header-cell>\n        <mat-cell *matCellDef=\"let item; let i = dataIndex;\" class=\"icon-column\" [style.background]=\"getColumnColor(COLUMN_DEFINITIONS.HTML_ICON)\">\n            {{getHTMLIcon(item, i)}}\n            <ng-template [palTableIconContainer]=\"i\"></ng-template>\n        </mat-cell>\n    </ng-container>\n\n    <!-- Title Column -->\n    <ng-container matColumnDef=\"{{COLUMN_DEFINITIONS.TITLE}}\" *ngIf=\"isColumnDefined(COLUMN_DEFINITIONS.TITLE)\">\n        <mat-header-cell *matHeaderCellDef mat-sort-header class=\"title-column\">\n            {{getColumnName(COLUMN_DEFINITIONS.TITLE)}}\n        </mat-header-cell>\n        <mat-cell *matCellDef=\"let item; let i = dataIndex;\" class=\"title-column\" [style.background]=\"getColumnColor(COLUMN_DEFINITIONS.TITLE)\">\n            {{getTitle(item, i)}}\n            <ng-template [palTableTitleContainer]=\"i\"></ng-template>\n        </mat-cell>\n    </ng-container>\n\n    <!-- Description column -->\n    <ng-container matColumnDef=\"{{COLUMN_DEFINITIONS.DESCRIPTION}}\" *ngIf=\"isColumnDefined(COLUMN_DEFINITIONS.DESCRIPTION)\">\n        <mat-header-cell *matHeaderCellDef class=\"description-column\" mat-sort-header>\n            {{getColumnName(COLUMN_DEFINITIONS.DESCRIPTION)}}\n        </mat-header-cell>\n        <mat-cell *matCellDef=\"let item; let i = dataIndex;\" class=\"description-column\" [style.background]=\"getColumnColor(COLUMN_DEFINITIONS.DESCRIPTION)\">\n            {{getDescription(item, i)}}\n            <ng-template [palTableDescriptionContainer]=\"i\"></ng-template>\n        </mat-cell>\n    </ng-container>\n\n    <!-- Additional info column -->\n    <ng-container matColumnDef=\"{{COLUMN_DEFINITIONS.ADDITIONAL_INFO}}\" *ngIf=\"isColumnDefined(COLUMN_DEFINITIONS.ADDITIONAL_INFO)\">\n        <mat-header-cell *matHeaderCellDef class=\"additional-info-column\" mat-sort-header>{{getColumnName(COLUMN_DEFINITIONS.ADDITIONAL_INFO)}}</mat-header-cell>\n        <mat-cell *matCellDef=\"let item; let i = dataIndex;\" class=\"additional-info-column\" fxLayout=\"row\"\n            fxLayoutAlign=\"space-around center\" [style.background]=\"getColumnColor(COLUMN_DEFINITIONS.ADDITIONAL_INFO)\">\n            {{getAdditionalInfo(item, i)}}\n            <ng-template [palTableAdditionalInfoContainer]=\"i\"></ng-template>\n        </mat-cell>\n    </ng-container>\n\n    <!-- Other Text Based Column -->\n    <ng-container matColumnDef=\"{{COLUMN_DEFINITIONS.OTHER_TEXT_BASED1}}\" *ngIf=\"isColumnDefined(COLUMN_DEFINITIONS.OTHER_TEXT_BASED1)\">\n        <mat-header-cell *matHeaderCellDef mat-sort-header class=\"other-text-based-column\">{{getColumnName(COLUMN_DEFINITIONS.OTHER_TEXT_BASED1)}}</mat-header-cell>\n        <mat-cell *matCellDef=\"let item\" class=\"other-text-based-column\" [style.background]=\"getColumnColor(COLUMN_DEFINITIONS.OTHER_TEXT_BASED1)\">\n            {{getOtherTextBased(item, 1)}}\n        </mat-cell>\n    </ng-container>\n\n\n    <!-- Other Text Based Column -->\n    <ng-container matColumnDef=\"{{COLUMN_DEFINITIONS.OTHER_TEXT_BASED2}}\" *ngIf=\"isColumnDefined(COLUMN_DEFINITIONS.OTHER_TEXT_BASED2)\">\n        <mat-header-cell *matHeaderCellDef mat-sort-header class=\"other-text-based-column\">{{getColumnName(COLUMN_DEFINITIONS.OTHER_TEXT_BASED2)}}</mat-header-cell>\n        <mat-cell *matCellDef=\"let item\" class=\"other-text-based-column\" [style.background]=\"getColumnColor(COLUMN_DEFINITIONS.OTHER_TEXT_BASED2)\">\n            {{getOtherTextBased(item, 2)}}\n        </mat-cell>\n    </ng-container>\n\n\n    <!-- Other Text Based Column -->\n    <ng-container matColumnDef=\"{{COLUMN_DEFINITIONS.OTHER_TEXT_BASED3}}\" *ngIf=\"isColumnDefined(COLUMN_DEFINITIONS.OTHER_TEXT_BASED3)\">\n        <mat-header-cell *matHeaderCellDef mat-sort-header class=\"other-text-based-column\">{{getColumnName(COLUMN_DEFINITIONS.OTHER_TEXT_BASED3)}}</mat-header-cell>\n        <mat-cell *matCellDef=\"let item\" class=\"other-text-based-column\" [style.background]=\"getColumnColor(COLUMN_DEFINITIONS.OTHER_TEXT_BASED3)\">\n            {{getOtherTextBased(item, 3)}}\n        </mat-cell>\n    </ng-container>\n\n\n    <!-- Other Text Based Column -->\n    <ng-container matColumnDef=\"{{COLUMN_DEFINITIONS.OTHER_TEXT_BASED4}}\" *ngIf=\"isColumnDefined(COLUMN_DEFINITIONS.OTHER_TEXT_BASED4)\">\n        <mat-header-cell *matHeaderCellDef mat-sort-header class=\"other-text-based-column\">{{getColumnName(COLUMN_DEFINITIONS.OTHER_TEXT_BASED4)}}</mat-header-cell>\n        <mat-cell *matCellDef=\"let item\" class=\"other-text-based-column\" [style.background]=\"getColumnColor(COLUMN_DEFINITIONS.OTHER_TEXT_BASED4)\">\n            {{getOtherTextBased(item, 4)}}\n        </mat-cell>\n    </ng-container>\n\n    <!-- Content summary column -->\n    <ng-container matColumnDef=\"{{COLUMN_DEFINITIONS.HTML_CONTENT_SUMMARY}}\" *ngIf=\"isColumnDefined(COLUMN_DEFINITIONS.HTML_CONTENT_SUMMARY)\">\n        <mat-header-cell *matHeaderCellDef class=\"html-content-summary-column\" mat-sort-header>{{getColumnName(COLUMN_DEFINITIONS.HTML_CONTENT_SUMMARY)}}</mat-header-cell>\n        <mat-cell *matCellDef=\"let item; let i = dataIndex;\" class=\"html-content-summary-column\" fxLayout=\"row\"\n            fxLayoutAlign=\"space-around center\" [style.background]=\"getColumnColor(COLUMN_DEFINITIONS.HTML_CONTENT_SUMMARY)\">\n            {{getHTMLContentSummary(item, i)}}\n            <ng-template [palTableContentSummaryContainer]=\"i\"></ng-template>\n        </mat-cell>\n    </ng-container>\n\n    <!-- Actions column -->\n    <ng-container matColumnDef=\"{{COLUMN_DEFINITIONS.HTML_ACTIONS}}\" *ngIf=\"isColumnDefined(COLUMN_DEFINITIONS.HTML_ACTIONS)\">\n        <mat-header-cell *matHeaderCellDef class=\"actions-column\">{{getColumnName(COLUMN_DEFINITIONS.HTML_ACTIONS)}}</mat-header-cell>\n        <mat-cell *matCellDef=\"let item; let i = dataIndex;\" class=\"actions-column\" [style.background]=\"getColumnColor(COLUMN_DEFINITIONS.HTML_ACTIONS)\">\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n                {{getHTMLAction(item, i)}}\n                <ng-template [palTableActionsContainer]=\"i\"></ng-template>\n            </div>\n        </mat-cell>\n    </ng-container>\n\n    <!-- Expanded Item Content Column - The detail row is made up of this one column that spans across all columns -->\n    <ng-container matColumnDef=\"expandedDetail\">\n        <mat-cell *matCellDef=\"let element; let rowIndex = dataIndex;\" [attr.colspan]=\"displayedColumns.length\" class=\"example-element-detail\">\n            <div [@detailExpand]=\"element == expandedElement ? 'expanded' : 'collapsed'\" class=\"expanded-container\"\n                *ngIf=\"element == expandedElement\">\n                <table mat-table matSort [dataSource]=\"getExpandedItemTableData(element)\" multiTemplateDataRows class=\"expanded-table mat-elevation-z8\">\n\n                    <div *ngFor=\"let expandedTableColumn of getExpandedItemTableColumns(element)\">\n                        <!-- Expanded Item Expandable Row Column -->\n                        <ng-container *ngIf=\"expandedTableColumn.columnId === 'expandedItemExpandableColumn'\"\n                            matColumnDef=\"expandedItemExpandableColumn\">\n                            <mat-header-cell *matHeaderCellDef mat-sort-header [style.background]=\"expandedTableColumn.backgroundColor\"\n                                [style.color]=\"expandedTableColumn.color\" class=\"expanded-item-header-column expanded-item-column-{{expandedTableColumn.columnId}}\">\n                                <mat-icon [style.color]=\"expandedTableColumn.color\">{{expandedTableColumn.icon}}</mat-icon>\n                            </mat-header-cell>\n                            <mat-cell *matCellDef=\"let expandedItem; let expandedItemRowIndex = dataIndex;\" class=\"expanded-item-column expanded-item-column-{{expandedTableColumn.columnId}}\"\n                                (click)=\"selectItem2(expandedItem, element);\">\n                                <mat-icon *ngIf=\"expandedItem !== expandedElement2\" class=\"expanded-item-expand-row-icon\">play_arrow</mat-icon>\n                                <mat-icon *ngIf=\"expandedItem === expandedElement2\" class=\"expanded-item-collapse-row-icon\">arrow_drop_down</mat-icon>\n                            </mat-cell>\n                        </ng-container>\n\n                        <!-- Text based Columns -->\n                        <ng-container *ngIf=\"expandedTableColumn.columnId !== 'expandedItemExpandableColumn'\"\n                            matColumnDef=\"{{expandedTableColumn.columnId}}\">\n                            <mat-header-cell *matHeaderCellDef mat-sort-header [style.background]=\"expandedTableColumn.backgroundColor\"\n                                [style.color]=\"expandedTableColumn.color\" class=\"expanded-item-header-column expanded-item-column-{{expandedTableColumn.columnId}}\">\n                                <mat-icon>{{expandedTableColumn.icon}}</mat-icon> {{expandedTableColumn.column}}\n                            </mat-header-cell>\n                            <mat-cell *matCellDef=\"let expandedItem; let expandedItemRowIndex = dataIndex;\" class=\"expanded-item-column expanded-item-column-{{expandedTableColumn.columnId}}\">\n                                {{expandedItem[expandedTableColumn.columnId]}}\n                            </mat-cell>\n                        </ng-container>\n                    </div>\n\n                    <!-- Expanded Item Details Content -->\n                    <ng-container matColumnDef=\"expandedDetail2\">\n                        <mat-cell *matCellDef=\"let element2; let rowIndex = dataIndex;\" [attr.colspan]=\"displayedColumns.length\"\n                            class=\"example-element-detail\">\n\n                            <div [@detailExpand]=\"element2 == expandedElement2 ? 'expanded' : 'collapsed'\" *ngIf=\"element2 == expandedElement2\"\n                                class=\"expanded-container\">\n\n                                <table mat-table matSort [dataSource]=\"expandedItemDetailsDataSource\" class=\"expanded-table mat-elevation-z8\">\n\n                                    <!-- Columns -->\n                                    <ng-container *ngFor=\"let expandedTableColumn of getExpandedItemDetailsTableColumns(element2, element)\"\n                                        matColumnDef=\"{{expandedTableColumn.columnId}}\">\n                                        <mat-header-cell *matHeaderCellDef mat-sort-header [style.background]=\"expandedTableColumn.backgroundColor\"\n                                            [style.color]=\"expandedTableColumn.color\" class=\"expanded-item-detail-header-column expanded-item-detail-column-{{expandedTableColumn.columnId}}\">\n                                            <mat-icon *ngIf=\"expandedTableColumn.icon !== null\" svgIcon=\"{{expandedTableColumn.icon}}\"\n                                                [style.color]=\"expandedTableColumn.color\">{{expandedTableColumn.icon}}</mat-icon>\n                                            {{expandedTableColumn.column}}\n                                        </mat-header-cell>\n                                        <mat-cell *matCellDef=\"let expandedItem; let expandedItemRowIndex = dataIndex;\"\n                                            class=\"expanded-item-detail-column expanded-item-detail-column-{{expandedTableColumn.columnId}}\">\n                                            <mat-icon *ngIf=\"expandedTableColumn.icon !== null\" svgIcon=\"{{expandedTableColumn.icon}}\"\n                                                class=\"expanded-item-detail-column-expanded-row\">{{expandedTableColumn.icon}}</mat-icon>\n                                            {{expandedItem[expandedTableColumn.columnId]}}\n                                        </mat-cell>\n                                    </ng-container>\n\n\n                                    <mat-header-row *matHeaderRowDef=\"getExpandedItemDetailsTableColumnIds(element2, element)\"\n                                        [ngClass]=\"{'no-header-columns': hideColumnsOfExpandedItemDetails}\"></mat-header-row>\n                                    <mat-row *matRowDef=\"let element2; columns: getExpandedItemDetailsTableColumnIds(element2, element);\"\n                                        (click)=\"selectItem2(element2, element);\"></mat-row>\n                                </table>\n\n                                <div class=\"pal-table-loading-shade\" *ngIf=\"isLoadingExpandedItemResults || noExpandedItemDataFound\">\n                                    <div class=\"loading-shade-container\">\n                                        <div fxLayout=\"column\" fxLayoutAlign=\"space-around center\" *ngIf=\"isLoadingExpandedItemResults\">\n                                            <mat-spinner mode=\"indeterminate\" color=\"accent\" [diameter]=\"50\"\n                                                [strokeWidth]=\"2\"></mat-spinner>\n                                            <!-- <mat-progress-bar mode=\"buffer\" color=\"accent\"></mat-progress-bar> -->\n                                            <span class=\"loading-message\">wird geladen...</span>\n                                        </div>\n                                        <!--\n                                        <div fxLayout=\"column\" fxLayoutAlign=\"space-around center\" class=\"pal-table-message\"\n                                            *ngIf=\"noExpandedItemDataFound\">\n                                            <mat-icon svgIcon=\"no-data-found\" class=\"no-data-found-icon\"></mat-icon>\n                                            <span class=\"no-data-found-text\">No data found!</span>\n                                        </div>\n                                        -->\n                                    </div>\n                                </div>\n                            </div>\n                        </mat-cell>\n                    </ng-container>\n\n\n                    <mat-header-row *matHeaderRowDef=\"getExpandedItemTableColumnIds(element)\" [ngClass]=\"{'no-header-columns': hideColumnsOfExpandedItems}\"\n                        class=\"expanded-item-header-row\"></mat-header-row>\n                    <mat-row *matRowDef=\"let element; columns: getExpandedItemTableColumnIds(element);\"></mat-row>\n                    <mat-row *matRowDef=\"let element2; columns: ['expandedDetail2']\" class=\"expanded-item-row\"\n                        [ngStyle]=\"{ 'display': expandedElement2 === element2 ? 'inline' : 'none' }\"></mat-row>\n                </table>\n            </div>\n        </mat-cell>\n    </ng-container>\n\n    <mat-header-row *matHeaderRowDef=\"displayedColumns\" [ngClass]=\"{'no-header-columns': hideColumns}\"></mat-header-row>\n    <!-- TABLE ITEM ROW -->\n    <mat-row *matRowDef=\"let row; columns: displayedColumns; let rowIndex = dataIndex;\" class=\"table-item-row\"\n        [class.example-expanded-row]=\"expandedElement === row\" [class.mat-elevation-z1]=\"currentSelectedRowIndex == rowIndex\"\n        [style.background]=\"getItemRowColor()\" [ngClass]=\"{'current-selected-row': currentSelectedRowIndex == rowIndex}\">\n    </mat-row>\n    <!-- EXPANDED ITEM ROW -->\n    <mat-row *matRowDef=\"let row; let rowIndex = dataIndex; columns: ['expandedDetail']\" class=\"expanded-item-row\"\n        [ngStyle]=\"{ 'display': expandedElement === row ? 'inline' : 'none' }\">\n    </mat-row>\n</mat-table>\n\n<div class=\"pal-table-loading-shade\" *ngIf=\"isLoadingResults || noDataFound\">\n    <div class=\"loading-shade-container\">\n        <div fxLayout=\"column\" fxLayoutAlign=\"space-around center\" *ngIf=\"isLoadingResults\">\n            <mat-spinner mode=\"indeterminate\" color=\"primary\" [diameter]=\"80\" [strokeWidth]=\"2\"></mat-spinner>\n            <!-- <mat-progress-bar mode=\"buffer\" color=\"accent\"></mat-progress-bar> -->\n            <span class=\"loading-message\">wird geladen...</span>\n        </div>\n    <!--\n        <div fxLayout=\"column\" fxLayoutAlign=\"space-around center\" class=\"pal-table-message\" *ngIf=\"noDataFound\">\n            <mat-icon svgIcon=\"no-data-found\" class=\"no-data-found-icon\"></mat-icon>\n            <span class=\"no-data-found-text\">No data found!</span>\n        </div>\n    -->\n    </div>\n</div>","styles":[".pal-table-container{position:relative;display:flex;flex-direction:column;min-width:300px;height:94vh;padding-bottom:130px;overflow:auto;-webkit-overflow-scrolling:touch}.pal-table-header{min-height:65px;height:65px;width:100%;display:flex;align-items:center;padding-left:24px;padding-right:24px;padding-top:12px}.pal-table{overflow:auto;height:100%;font-size:1.5vw}.pal-table-loading-shade{top:0;left:0;height:100%;right:0;background:rgba(0,0,0,.1);z-index:1;display:flex;align-items:center;justify-content:center}.pal-table-message{display:flex;align-items:center;justify-content:center;color:#980000;max-width:360px;text-align:center}.mat-header-cell.mat-sort-header-sorted{color:#000}.mat-row{min-height:130px}.mat-cell{font-size:1.57vw;min-height:130px}.actions-column,.additional-info-column,.color-column,.description-column,.expanded-item-detail-header-column,.expanded-item-header-column,.flex-column,.html-content-summary-column,.icon-column,.other-text-based-column,.selected-row-column,.title-column{display:flex;flex-wrap:wrap;flex-direction:row;flex:1}.color-column{font-size:1.85vw;width:40px;min-width:40px;max-width:40px}.icon-column{width:5%;min-width:5%;max-width:5%}.no-data-found-icon{height:128px;width:128px}.no-data-found-text{font-size:24px;color:gray;font-weight:700}.no-header-columns{display:none}.current-selected-row{background-color:#f5fcfd}.selected-row-icon{font-size:12px;color:#1ebae4}.selected-row-column{justify-content:flex-start;width:12px;min-width:12px;max-width:12px}.speed-dial-container{position:fixed;bottom:32px;right:32px}.speed-dial-option-icon{color:#fff}.toolbar-buttons{width:50%}.toolbar-button{margin:5px}.mat-form-field-label-wrapper{top:-3px}.mat-toolbar{background-color:#494949}.pal-table-grouped,.pal-table-grouped-container{width:100%}.table-item-row{min-height:80px;height:80px}.example-element-detail{display:flex;align-items:flex-start;overflow:hidden;padding-left:0;padding-right:0}.expanded-table{margin:0;overflow:auto;height:100%;width:100%}.mat-row{min-height:90px!important;padding:0!important}.mat-cell{min-height:90px!important}.expanded-container{width:100%}.expanded-item-header-row{min-height:40px;height:40px;max-height:40px}.expanded-item-row{padding:0;font-size:14px!important;font-weight:300;line-height:16px}.expanded-item-detail-header-column,.expanded-item-header-column{justify-content:center;font-size:.8vw;font-weight:500;border-right:1px solid #fff}.expanded-item-column{border-right:1px solid #fff}.expanded-item-detail-column{border-right:1px solid #d0d0d0}.expandable-row-icon{color:#fff;width:40px;height:40px;font-size:40px}.expanded-item-expand-row-icon{color:#fff;width:28px;height:28px;font-size:28px}.expanded-item-collapse-row-icon{color:#fff;width:38px;height:38px;font-size:38px}mat-footer-row::after,mat-header-row::after,mat-row::after{min-height:0}.pal-table-loading-shade{position:relative!important}.loading-shade-container{margin:20px}.loading-message{font-size:12px;font-weight:400}mat-cell:first-child{padding-left:0!important}.expanded-item-detail-column-expanded-row{color:#494949;width:32px;height:32px;font-size:32px}",".pal-table-container{position:relative;display:flex;flex-direction:column;min-width:300px;height:94vh;padding-bottom:130px;overflow:auto;-webkit-overflow-scrolling:touch}.pal-table-header{min-height:65px;height:65px;width:100%;display:flex;align-items:center;padding-left:24px;padding-right:24px;padding-top:12px}.pal-table{overflow:auto;height:100%;font-size:1.5vw}.pal-table-loading-shade{position:absolute;top:0;left:0;height:100%;right:0;background:rgba(0,0,0,.1);z-index:1;display:flex;align-items:center;justify-content:center}.pal-table-message{display:flex;align-items:center;justify-content:center;color:#980000;max-width:360px;text-align:center}.mat-header-cell.mat-sort-header-sorted{color:#000}.mat-row{min-height:130px;padding:0 7px}.mat-cell{font-size:1.57vw;min-height:130px}.actions-column,.additional-info-column,.color-column,.description-column,.flex-column,.html-content-summary-column,.icon-column,.other-text-based-column,.selected-row-column,.title-column{display:flex;flex-wrap:wrap;flex-direction:row;flex:1}.color-column{font-size:1.85vw;width:40px;min-width:40px;max-width:40px}.icon-column{width:5%;min-width:5%;max-width:5%}.no-data-found-icon{height:128px;width:128px}.no-data-found-text{font-size:24px;color:gray;font-weight:700}.no-header-columns{display:none}.current-selected-row{background-color:#f5fcfd}.selected-row-icon{font-size:12px;color:#1ebae4}.selected-row-column{justify-content:flex-start;width:12px;min-width:12px;max-width:12px}.speed-dial-container{position:fixed;bottom:32px;right:32px}.speed-dial-option-icon{color:#fff}.toolbar-buttons{width:50%}.toolbar-button{margin:5px}.mat-form-field-label-wrapper{top:-3px}.mat-toolbar{background-color:#494949}.pal-table-grouped,.pal-table-grouped-container{width:100%}"]}]}],"members":{"hideColumnsOfExpandedItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":5}}]}],"hideColumnsOfExpandedItemDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":50,"character":34}]}],"addStandardColumns":[{"__symbolic":"method"}],"selectItem":[{"__symbolic":"method"}],"getColumnColor":[{"__symbolic":"method"}],"selectItem2":[{"__symbolic":"method"}],"getExpandedItemTableColumns":[{"__symbolic":"method"}],"getExpandedItemTableColumnIds":[{"__symbolic":"method"}],"getExpandedItemTableData":[{"__symbolic":"method"}],"getExpandedItemDetailsTableColumns":[{"__symbolic":"method"}],"getExpandedItemDetailsTableColumnIds":[{"__symbolic":"method"}],"loadExpandedItemDetailsTableData":[{"__symbolic":"method"}]},"statics":{"EXPANDED_ITEM_EXPANDABLE_COLUMN_ID":"expandedItemExpandableColumn"}}},"origins":{"AbstractWebLibraryComponent":"./lib/abstract-web-library.component","AbstractDynamicBaseService":"./lib/abstract-dynamic-base.service","DynamicTableModule":"./lib/dynamic-table/dynamic-table.module","DynamicTableComponent":"./lib/dynamic-table/dynamic-table.component","TableInstanceComponent":"./lib/dynamic-table/table/table-instance.component","DynamicTableUtils":"./lib/dynamic-table/shared/dynamic-table.utils","DynamicTableDynamicCellBuilder":"./lib/dynamic-table/shared/dynamic-table-dynamic-cell-builder","DynamicTableDataProvider":"./lib/dynamic-table/shared/dynamic-table-data-provider","DynamicTableColumnDefinitionConstants":"./lib/dynamic-table/shared/dynamic-table-column-definition.constants","AbstractDynamicTableDataProvider":"./lib/dynamic-table/shared/abstract-dynamic-table-data.provider","DynamicTableExpressionBuilder":"./lib/dynamic-table/shared/dynamic-table-expression-builder","DynamicTableUIUtils":"./lib/dynamic-table/shared/dynamic-table-ui.utils","DynamicTableActionMessageService":"./lib/dynamic-table/services/dynamic-table-action-message.service","DynamicTableMouseEventMessageService":"./lib/dynamic-table/services/dynamic-table-mouse-event-message.service","DynamicTableActionsContainerDirective":"./lib/dynamic-table/directives/dynamic-table-actions-container.directive","PalTableAdditionalInfoContainerDirective":"./lib/dynamic-table/directives/dynamic-table-additional-info-container.directive","DynamicTableColumnsContainerDirective":"./lib/dynamic-table/directives/dynamic-table-columns.directive","DynamicTableContentSummaryContainerDirective":"./lib/dynamic-table/directives/dynamic-table-content-summary-container.directive","DynamicTableDescriptionContainerDirective":"./lib/dynamic-table/directives/dynamic-table-description-container.directive","DynamicTableIconContainerDirective":"./lib/dynamic-table/directives/dynamic-table-icon-container.directive","DynamicTableTitleContainerDirective":"./lib/dynamic-table/directives/dynamic-table-title-container.directive","DynamicTableContainerDirective":"./lib/dynamic-table/directives/dynamic-table.directive","DynamicTableColumnInterace":"./lib/dynamic-table/interfaces/dynamic-table-column.interface","UsingDynamicTableComponent":"./lib/dynamic-table/interfaces/dynamic-table-component.interface","DynamicTableDataInterface":"./lib/dynamic-table/interfaces/dynamic-table-data.interface","DynamicTableGroupExpressionInterface":"./lib/dynamic-table/interfaces/dynamic-table-group-expression.interface","DynamicTableGroupInterface":"./lib/dynamic-table/interfaces/dynamic-table-group.interface","DynamicTableOptionInterface":"./lib/dynamic-table/interfaces/dynamic-table-option.interface","DynamicTableInterface":"./lib/dynamic-table/interfaces/dynamic-table.interface","DynamicTableEventDataInterface":"./lib/dynamic-table/interfaces/dynamic-table-event-data.interface","DynamicExpandableTableModule":"./lib/dynamic-expandable-table/dynamic-expandable-table.module","DynamicExpandableTableComponent":"./lib/dynamic-expandable-table/dynamic-expandable-table.component","AbstractDynamicExpandableTableDataProvider":"./lib/dynamic-expandable-table/shared/abstract-dynamic-expandable-table-data.provider","DynamicExpandableTableDataProvider":"./lib/dynamic-expandable-table/shared/dynamic-expandable-data.provider","DynamicExpandableTableColumnDefinitionConstants":"./lib/dynamic-expandable-table/shared/dynamic-expandable-table-column-definition.constants","DynamicExpandableTableUtils":"./lib/dynamic-expandable-table/shared/dynamic-expandable-table.utils","DynamicExpandableTableDataInterface":"./lib/dynamic-expandable-table/interfaces/dynamic-expandable-table-data.interface","DynamicExpandableTableExpandedItemColumnInterace":"./lib/dynamic-expandable-table/interfaces/dynamic-expandable-table-expanded-item-column.interface","DynamicExpandableTableOptionInterface":"./lib/dynamic-expandable-table/interfaces/dynamic-expandable-table-option.interface","ExpandableTableInstanceComponent":"./lib/dynamic-expandable-table/expandable-table/expandable-table-instance.component"},"importAs":"ngx-dynamic-material-table"}