@meshmakers/octo-ui 3.1.173-0 → 3.1.178-0

package/esm2022/lib/list-element/list-element.module.mjs

@@ -2,11 +2,11 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
 export class ListElementModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ListElementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: ListElementModule, imports: [CommonModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ListElementModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ListElementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: ListElementModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ListElementModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ListElementModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ListElementModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],

package/esm2022/lib/mm-octo-table/mm-octo-table.component.mjs

@@ -0,0 +1,204 @@
+import { Component, Input, ViewChild } from '@angular/core';
+import { MatPaginator } from "@angular/material/paginator";
+import { MatSort, MatSortHeader } from '@angular/material/sort';
+import { BehaviorSubject, fromEvent, merge } from 'rxjs';
+import { debounceTime, distinctUntilChanged, tap } from 'rxjs/operators';
+import { AsyncPipe, NgClass, NgForOf, NgIf, TitleCasePipe } from "@angular/common";
+import { MatButton } from '@angular/material/button';
+import { MatCell, MatCellDef, MatColumnDef, MatHeaderCell, MatHeaderCellDef, MatHeaderRow, MatHeaderRowDef, MatRow, MatRowDef, MatTable } from '@angular/material/table';
+import { MatFormField, MatLabel } from '@angular/material/form-field';
+import { MatIcon } from '@angular/material/icon';
+import { MatInput } from '@angular/material/input';
+import { MatProgressBar } from '@angular/material/progress-bar';
+import { MatToolbar } from '@angular/material/toolbar';
+import { RouterLink } from '@angular/router';
+// pascal-case.pipe.ts
+import { Pipe } from '@angular/core';
+import { MatTooltip } from "@angular/material/tooltip";
+import { SearchFilterTypesDto, SortOrdersDto } from "../list-element/globalTypes";
+import * as i0 from "@angular/core";
+export class PascalCasePipe {
+    transform(value) {
+        if (!value)
+            return value;
+        return value.charAt(0).toUpperCase() + value.slice(1);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: PascalCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: PascalCasePipe, isStandalone: true, name: "pascalCase" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: PascalCasePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: "pascalCase"
+                }]
+        }] });
+export class MmOctoTableComponent {
+    dataSource;
+    dataColumns = { columnNames: [], accessPaths: {} };
+    actionColumns = [];
+    searchFilterColumns = [];
+    currentRoute = "";
+    currentId = "";
+    pageSizeOptions = [10, 20, 50];
+    selectedPageSize = 10;
+    selectedPageSizeSubject = new BehaviorSubject(this.selectedPageSize);
+    paginator;
+    sort;
+    input;
+    loading = false;
+    isMobile;
+    constructor() {
+        this.isMobile = false;
+    }
+    ngOnInit() {
+        this.selectedPageSizeSubject.next(this.selectedPageSize);
+        // at least add the currentId to the search filter columns
+        if (this.currentId && !this.searchFilterColumns.includes(this.currentId)) {
+            this.searchFilterColumns.push(this.currentId);
+        }
+        if (!this.dataSource) {
+            throw new Error('No dataSource provided');
+        }
+    }
+    // noinspection JSUnusedGlobalSymbols
+    ngAfterViewInit() {
+        if (this.sort && this.input && this.paginator) {
+            // server-side search
+            fromEvent(this.input.nativeElement, 'keyup')
+                .pipe(debounceTime(500), distinctUntilChanged(), tap(() => {
+                if (this.paginator) {
+                    this.paginator.pageIndex = 0;
+                }
+                this.loadData();
+            }))
+                .subscribe();
+            // reset the paginator after sorting
+            this.sort.sortChange.subscribe(() => {
+                if (this.paginator)
+                    this.paginator.pageIndex = 0;
+            });
+            merge(this.sort.sortChange, this.paginator.page)
+                .pipe(tap(() => {
+                this.loadData();
+            }))
+                .subscribe();
+        }
+    }
+    loadData() {
+        if (!this.input || !this.sort) {
+            return;
+        }
+        const filterString = this.input.nativeElement.value;
+        const field = this.sort.active;
+        const direction = this.sort.direction;
+        let filter = null;
+        if (filterString) {
+            filter = {
+                type: SearchFilterTypesDto.AttributeFilterDto,
+                attributeNames: this.searchFilterColumns,
+                searchTerm: filterString
+            };
+        }
+        const sort = [];
+        if (field) {
+            sort.push({
+                attributeName: field,
+                sortOrder: direction === 'asc' ? SortOrdersDto.AscendingDto : SortOrdersDto.DescendingDto
+            });
+        }
+        if (this.paginator) {
+            this.dataSource?.loadData(this.paginator.pageIndex * this.paginator.pageSize, this.paginator.pageSize, filter, null, sort);
+        }
+    }
+    encodeURIComponent = encodeURIComponent;
+    accessElement(element, column, accessPaths) {
+        // get keys of accessPaths
+        const keys = Object.keys(accessPaths);
+        // check if column is in keys
+        if (!keys.includes(column)) {
+            return element[column];
+        }
+        try {
+            // if column is in accessPaths, try split accessPaths[column] by '.' and access element
+            const path = accessPaths[column].split('.');
+            let result = element;
+            for (const p of path) {
+                result = result[p];
+            }
+            return result;
+        }
+        catch (e) {
+            //console.log(`Error accessing element: ${e}`);
+            return "NONE";
+        }
+    }
+    selectedPageSizeChanged($event) {
+        console.log($event.pageSize);
+        this.selectedPageSizeSubject.next($event.pageSize);
+    }
+    getActionColumnNames() {
+        return this.actionColumns.map(ac => ac.columnName);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: MmOctoTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: MmOctoTableComponent, isStandalone: true, selector: "mm-octo-table", inputs: { dataSource: "dataSource", dataColumns: "dataColumns", actionColumns: "actionColumns", searchFilterColumns: "searchFilterColumns", currentRoute: "currentRoute", currentId: "currentId", pageSizeOptions: "pageSizeOptions", selectedPageSize: "selectedPageSize" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div>\n  <mat-progress-bar *ngIf=\"loading || (dataSource?.loading$ | async)\" mode=\"indeterminate\"></mat-progress-bar>\n</div>\n\n<mat-toolbar class=\"octo-toolbar octo-detail-toolbar\">\n  <div class=\"octo-spacer\"></div>\n\n  <div class=\"octo-toolbar-search\">\n    <mat-form-field appearance=\"outline\">\n      <mat-label>\n        <mat-icon class=\"material-symbols-outlined\">search</mat-icon>\n        Search\n      </mat-label>\n      <input #input matInput [disabled]=\"loading\">\n    </mat-form-field>\n  </div>\n</mat-toolbar>\n\n<mat-table [class.isMobile]=\"isMobile\" [dataSource]=\"dataSource\" class=\"mat-elevation-z8 table-container\" mat-table matSort matSortActive=\"{{currentId}}\" matSortDirection=\"asc\" matSortDisableClear=\"true\">\n\n  <ng-container *ngFor=\"let column of dataColumns?.columnNames\" [matColumnDef]=\"column\">\n    <mat-header-cell *matHeaderCellDef mat-sort-header> {{ column | pascalCase }} </mat-header-cell>\n    <mat-cell *matCellDef=\"let element\">\n      @if (isMobile) {\n        <span>{{ column | pascalCase }}:</span>\u201A\n      }\n      {{ accessElement(element, column, dataColumns.accessPaths)}}\n    </mat-cell>\n  </ng-container>\n\n  <!-- Action Column -->\n\n  @if (actionColumns.length > 0) {\n    @for (column of actionColumns; track column) {\n      <ng-container matColumnDef=\"{{column.columnName}}\">\n        <mat-header-cell *matHeaderCellDef></mat-header-cell>\n        <mat-cell *matCellDef=\"let element\">\n          <button mat-button routerLink=\"{{currentRoute}}/{{encodeURIComponent(element[currentId])}}\">\n            <mat-icon class=\"material-symbols-outlined\">{{ column.iconName }}</mat-icon>\n          </button>\n        </mat-cell>\n      </ng-container>\n    }\n    <mat-header-row *matHeaderRowDef=\"dataColumns?.columnNames?.concat(getActionColumnNames())\"></mat-header-row>\n    <mat-row *matRowDef=\"let row; columns: dataColumns?.columnNames?.concat(getActionColumnNames())\"></mat-row>\n  } @else {\n    <mat-header-row *matHeaderRowDef=\"dataColumns?.columnNames\"></mat-header-row>\n    <mat-row *matRowDef=\"let row; columns: dataColumns?.columnNames\"></mat-row>\n  }\n\n</mat-table>\n\n\n<mat-paginator [length]=\"dataSource?.totalCount$ | async\" (page)=\"selectedPageSizeChanged($event)\" [pageSizeOptions]=\"pageSizeOptions\"\n               [pageSize]=\"selectedPageSizeSubject.getValue()\"></mat-paginator>\n", styles: [".table-container{display:block;width:100%;max-height:70vh;overflow-x:auto;overflow-y:auto}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "component", type: MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "directive", type: MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: 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: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: PascalCasePipe, name: "pascalCase" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: MmOctoTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mm-octo-table', standalone: true, imports: [
+                        AsyncPipe,
+                        MatButton,
+                        MatCell,
+                        MatCellDef,
+                        MatColumnDef,
+                        MatFormField,
+                        MatHeaderCell,
+                        MatHeaderRow,
+                        MatHeaderRowDef,
+                        MatIcon,
+                        MatInput,
+                        MatLabel,
+                        MatPaginator,
+                        MatProgressBar,
+                        MatRow,
+                        MatRowDef,
+                        MatSort,
+                        MatSortHeader,
+                        MatTable,
+                        MatToolbar,
+                        NgIf,
+                        RouterLink,
+                        MatHeaderCellDef,
+                        NgForOf,
+                        TitleCasePipe,
+                        NgClass,
+                        PascalCasePipe,
+                        MatTooltip
+                    ], template: "<div>\n  <mat-progress-bar *ngIf=\"loading || (dataSource?.loading$ | async)\" mode=\"indeterminate\"></mat-progress-bar>\n</div>\n\n<mat-toolbar class=\"octo-toolbar octo-detail-toolbar\">\n  <div class=\"octo-spacer\"></div>\n\n  <div class=\"octo-toolbar-search\">\n    <mat-form-field appearance=\"outline\">\n      <mat-label>\n        <mat-icon class=\"material-symbols-outlined\">search</mat-icon>\n        Search\n      </mat-label>\n      <input #input matInput [disabled]=\"loading\">\n    </mat-form-field>\n  </div>\n</mat-toolbar>\n\n<mat-table [class.isMobile]=\"isMobile\" [dataSource]=\"dataSource\" class=\"mat-elevation-z8 table-container\" mat-table matSort matSortActive=\"{{currentId}}\" matSortDirection=\"asc\" matSortDisableClear=\"true\">\n\n  <ng-container *ngFor=\"let column of dataColumns?.columnNames\" [matColumnDef]=\"column\">\n    <mat-header-cell *matHeaderCellDef mat-sort-header> {{ column | pascalCase }} </mat-header-cell>\n    <mat-cell *matCellDef=\"let element\">\n      @if (isMobile) {\n        <span>{{ column | pascalCase }}:</span>\u201A\n      }\n      {{ accessElement(element, column, dataColumns.accessPaths)}}\n    </mat-cell>\n  </ng-container>\n\n  <!-- Action Column -->\n\n  @if (actionColumns.length > 0) {\n    @for (column of actionColumns; track column) {\n      <ng-container matColumnDef=\"{{column.columnName}}\">\n        <mat-header-cell *matHeaderCellDef></mat-header-cell>\n        <mat-cell *matCellDef=\"let element\">\n          <button mat-button routerLink=\"{{currentRoute}}/{{encodeURIComponent(element[currentId])}}\">\n            <mat-icon class=\"material-symbols-outlined\">{{ column.iconName }}</mat-icon>\n          </button>\n        </mat-cell>\n      </ng-container>\n    }\n    <mat-header-row *matHeaderRowDef=\"dataColumns?.columnNames?.concat(getActionColumnNames())\"></mat-header-row>\n    <mat-row *matRowDef=\"let row; columns: dataColumns?.columnNames?.concat(getActionColumnNames())\"></mat-row>\n  } @else {\n    <mat-header-row *matHeaderRowDef=\"dataColumns?.columnNames\"></mat-header-row>\n    <mat-row *matRowDef=\"let row; columns: dataColumns?.columnNames\"></mat-row>\n  }\n\n</mat-table>\n\n\n<mat-paginator [length]=\"dataSource?.totalCount$ | async\" (page)=\"selectedPageSizeChanged($event)\" [pageSizeOptions]=\"pageSizeOptions\"\n               [pageSize]=\"selectedPageSizeSubject.getValue()\"></mat-paginator>\n", styles: [".table-container{display:block;width:100%;max-height:70vh;overflow-x:auto;overflow-y:auto}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { dataSource: [{
+                type: Input
+            }], dataColumns: [{
+                type: Input
+            }], actionColumns: [{
+                type: Input
+            }], searchFilterColumns: [{
+                type: Input
+            }], currentRoute: [{
+                type: Input
+            }], currentId: [{
+                type: Input
+            }], pageSizeOptions: [{
+                type: Input
+            }], selectedPageSize: [{
+                type: Input
+            }], paginator: [{
+                type: ViewChild,
+                args: [MatPaginator, { static: false }]
+            }], sort: [{
+                type: ViewChild,
+                args: [MatSort, { static: false }]
+            }], input: [{
+                type: ViewChild,
+                args: ['input', { static: false }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW0tb2N0by10YWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tZXNobWFrZXJzL29jdG8tdWkvc3JjL2xpYi9tbS1vY3RvLXRhYmxlL21tLW9jdG8tdGFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVzaG1ha2Vycy9vY3RvLXVpL3NyYy9saWIvbW0tb2N0by10YWJsZS9tbS1vY3RvLXRhYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLFNBQVMsRUFBeUIsTUFBTSxlQUFlLENBQUM7QUFDL0YsT0FBTyxFQUFFLFlBQVksRUFBYSxNQUFNLDZCQUE2QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxZQUFZLEVBQUUsb0JBQW9CLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFekUsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDckQsT0FBTyxFQUNMLE9BQU8sRUFDUCxVQUFVLEVBQ1YsWUFBWSxFQUNaLGFBQWEsRUFDYixnQkFBZ0IsRUFDaEIsWUFBWSxFQUNaLGVBQWUsRUFDZixNQUFNLEVBQ04sU0FBUyxFQUNULFFBQVEsRUFDVCxNQUFNLHlCQUF5QixDQUFDO0FBQ2pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDdEUs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QkFDWixhQUFhO3dCQUNiLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixPQUFPO3dCQUNQLFFBQVE7d0JBQ1IsUUFBUTt3QkFDUixZQUFZO3dCQUNaLGNBQWM7d0JBQ2QsTUFBTTt3QkFDTixTQUFTO3dCQUNULE9BQU87d0JBQ1AsYUFBYTt3QkFDYixRQUFRO3dCQUNSLFVBQVU7d0JBQ1YsSUFBSTt3QkFDSixVQUFVO3dCQUNWLGdCQUFnQjt3QkFDaEIsT0FBTzt3QkFDUCxhQUFhO3dCQUNiLE9BQU87d0JBQ1AsY0FBYzt3QkFDZCxVQUFVO3FCQUNYO3dEQUtRLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUcsZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBSXNDLFNBQVM7c0JBQXBELFNBQVM7dUJBQUMsWUFBWSxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtnQkFDSCxJQUFJO3NCQUExQyxTQUFTO3VCQUFDLE9BQU8sRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBQ0UsS0FBSztzQkFBM0MsU0FBUzt1QkFBQyxPQUFPLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgVmlld0NoaWxkLCBPbkluaXQsIEFmdGVyVmlld0luaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdFBhZ2luYXRvciwgUGFnZUV2ZW50IH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3BhZ2luYXRvclwiO1xuaW1wb3J0IHsgTWF0U29ydCwgTWF0U29ydEhlYWRlciB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NvcnQnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBmcm9tRXZlbnQsIG1lcmdlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBkZWJvdW5jZVRpbWUsIGRpc3RpbmN0VW50aWxDaGFuZ2VkLCB0YXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7IEFzeW5jUGlwZSwgTmdDbGFzcywgTmdGb3JPZiwgTmdJZiwgVGl0bGVDYXNlUGlwZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7IE1hdEJ1dHRvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQge1xuICBNYXRDZWxsLFxuICBNYXRDZWxsRGVmLFxuICBNYXRDb2x1bW5EZWYsXG4gIE1hdEhlYWRlckNlbGwsXG4gIE1hdEhlYWRlckNlbGxEZWYsXG4gIE1hdEhlYWRlclJvdyxcbiAgTWF0SGVhZGVyUm93RGVmLFxuICBNYXRSb3csXG4gIE1hdFJvd0RlZixcbiAgTWF0VGFibGVcbn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdGFibGUnO1xuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkLCBNYXRMYWJlbCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHsgTWF0SWNvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0SW5wdXQgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XG5pbXBvcnQgeyBNYXRQcm9ncmVzc0JhciB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLWJhcic7XG5pbXBvcnQgeyBNYXRUb29sYmFyIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbGJhcic7XG5pbXBvcnQgeyBSb3V0ZXJMaW5rIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuXG4vLyBwYXNjYWwtY2FzZS5waXBlLnRzXG5pbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRUb29sdGlwIH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXBcIjtcbmltcG9ydCB7IE5ld0dyYXBoUWxEYXRhU291cmNlIH0gZnJvbSBcIi4uL2xpc3QtZWxlbWVudC9uZXdHcmFwaFFsRGF0YVNvdXJjZVwiO1xuaW1wb3J0IHsgU2VhcmNoRmlsdGVyRHRvLCBTZWFyY2hGaWx0ZXJUeXBlc0R0bywgU29ydER0bywgU29ydE9yZGVyc0R0byB9IGZyb20gXCIuLi9saXN0LWVsZW1lbnQvZ2xvYmFsVHlwZXNcIjtcblxuQFBpcGUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBuYW1lOiBcInBhc2NhbENhc2VcIlxufSlcbmV4cG9ydCBjbGFzcyBQYXNjYWxDYXNlUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICB0cmFuc2Zvcm0odmFsdWU6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgaWYgKCF2YWx1ZSkgcmV0dXJuIHZhbHVlO1xuICAgIHJldHVybiB2YWx1ZS5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIHZhbHVlLnNsaWNlKDEpO1xuICB9XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGF0YUNvbHVtbnMge1xuICBjb2x1bW5OYW1lczogc3RyaW5nW107XG4gIGFjY2Vzc1BhdGhzOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQWN0aW9uQ29sdW1uIHtcbiAgY29sdW1uTmFtZTogc3RyaW5nO1xuICBpY29uTmFtZTogc3RyaW5nO1xufVxuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21tLW9jdG8tdGFibGUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQXN5bmNQaXBlLFxuICAgIE1hdEJ1dHRvbixcbiAgICBNYXRDZWxsLFxuICAgIE1hdENlbGxEZWYsXG4gICAgTWF0Q29sdW1uRGVmLFxuICAgIE1hdEZvcm1GaWVsZCxcbiAgICBNYXRIZWFkZXJDZWxsLFxuICAgIE1hdEhlYWRlclJvdyxcbiAgICBNYXRIZWFkZXJSb3dEZWYsXG4gICAgTWF0SWNvbixcbiAgICBNYXRJbnB1dCxcbiAgICBNYXRMYWJlbCxcbiAgICBNYXRQYWdpbmF0b3IsXG4gICAgTWF0UHJvZ3Jlc3NCYXIsXG4gICAgTWF0Um93LFxuICAgIE1hdFJvd0RlZixcbiAgICBNYXRTb3J0LFxuICAgIE1hdFNvcnRIZWFkZXIsXG4gICAgTWF0VGFibGUsXG4gICAgTWF0VG9vbGJhcixcbiAgICBOZ0lmLFxuICAgIFJvdXRlckxpbmssXG4gICAgTWF0SGVhZGVyQ2VsbERlZixcbiAgICBOZ0Zvck9mLFxuICAgIFRpdGxlQ2FzZVBpcGUsXG4gICAgTmdDbGFzcyxcbiAgICBQYXNjYWxDYXNlUGlwZSxcbiAgICBNYXRUb29sdGlwXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9tbS1vY3RvLXRhYmxlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL21tLW9jdG8tdGFibGUuY29tcG9uZW50LnNjc3MnXG59KVxuZXhwb3J0IGNsYXNzIE1tT2N0b1RhYmxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgZGF0YVNvdXJjZSE6IE5ld0dyYXBoUWxEYXRhU291cmNlPGFueSwgYW55LCBhbnk+O1xuICBASW5wdXQoKSBkYXRhQ29sdW1uczogRGF0YUNvbHVtbnMgPSAgeyBjb2x1bW5OYW1lczogW10sIGFjY2Vzc1BhdGhzOiB7fSB9O1xuICBASW5wdXQoKSBhY3Rpb25Db2x1bW5zOiBBY3Rpb25Db2x1bW5bXSA9IFtdO1xuICBASW5wdXQoKSBzZWFyY2hGaWx0ZXJDb2x1bW5zOiBzdHJpbmdbXSA9IFtdO1xuICBASW5wdXQoKSBjdXJyZW50Um91dGUgPSBcIlwiO1xuICBASW5wdXQoKSBjdXJyZW50SWQgPSBcIlwiO1xuXG4gIEBJbnB1dCgpIHBhZ2VTaXplT3B0aW9ucz0gWzEwLCAyMCwgNTBdO1xuICBASW5wdXQoKSBzZWxlY3RlZFBhZ2VTaXplID0gMTA7XG4gIHNlbGVjdGVkUGFnZVNpemVTdWJqZWN0OiBCZWhhdmlvclN1YmplY3Q8bnVtYmVyPiA9IG5ldyBCZWhhdmlvclN1YmplY3Q8bnVtYmVyPih0aGlzLnNlbGVjdGVkUGFnZVNpemUpO1xuXG5cbiAgQFZpZXdDaGlsZChNYXRQYWdpbmF0b3IsIHsgc3RhdGljOiBmYWxzZSB9KSBwYWdpbmF0b3I/OiBNYXRQYWdpbmF0b3I7XG4gIEBWaWV3Q2hpbGQoTWF0U29ydCwgeyBzdGF0aWM6IGZhbHNlIH0pIHNvcnQ/OiBNYXRTb3J0O1xuICBAVmlld0NoaWxkKCdpbnB1dCcsIHsgc3RhdGljOiBmYWxzZSB9KSBpbnB1dD86IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD47XG5cbiAgcHJvdGVjdGVkIGxvYWRpbmcgPSBmYWxzZTtcbiAgcHJvdGVjdGVkIGlzTW9iaWxlOiBib29sZWFuO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHRoaXMuaXNNb2JpbGUgPSBmYWxzZTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuXG4gICAgdGhpcy5zZWxlY3RlZFBhZ2VTaXplU3ViamVjdC5uZXh0KHRoaXMuc2VsZWN0ZWRQYWdlU2l6ZSk7XG4gICAgLy8gYXQgbGVhc3QgYWRkIHRoZSBjdXJyZW50SWQgdG8gdGhlIHNlYXJjaCBmaWx0ZXIgY29sdW1uc1xuICAgIGlmKHRoaXMuY3VycmVudElkICYmICF0aGlzLnNlYXJjaEZpbHRlckNvbHVtbnMuaW5jbHVkZXModGhpcy5jdXJyZW50SWQpKSB7XG4gICAgICB0aGlzLnNlYXJjaEZpbHRlckNvbHVtbnMucHVzaCh0aGlzLmN1cnJlbnRJZCk7XG4gICAgfVxuXG4gICAgaWYgKCF0aGlzLmRhdGFTb3VyY2UpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcignTm8gZGF0YVNvdXJjZSBwcm92aWRlZCcpO1xuICAgIH1cbiAgfVxuXG4gIC8vIG5vaW5zcGVjdGlvbiBKU1VudXNlZEdsb2JhbFN5bWJvbHNcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnNvcnQgJiYgdGhpcy5pbnB1dCAmJiB0aGlzLnBhZ2luYXRvcikge1xuICAgICAgLy8gc2VydmVyLXNpZGUgc2VhcmNoXG4gICAgICBmcm9tRXZlbnQodGhpcy5pbnB1dC5uYXRpdmVFbGVtZW50LCAna2V5dXAnKVxuICAgICAgICAucGlwZShcbiAgICAgICAgICBkZWJvdW5jZVRpbWUoNTAwKSxcbiAgICAgICAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuICAgICAgICAgIHRhcCgoKSA9PiB7XG4gICAgICAgICAgICBpZiAodGhpcy5wYWdpbmF0b3IpIHtcbiAgICAgICAgICAgICAgdGhpcy5wYWdpbmF0b3IucGFnZUluZGV4ID0gMDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHRoaXMubG9hZERhdGEoKTtcbiAgICAgICAgICB9KVxuICAgICAgICApXG4gICAgICAgIC5zdWJzY3JpYmUoKTtcblxuICAgICAgLy8gcmVzZXQgdGhlIHBhZ2luYXRvciBhZnRlciBzb3J0aW5nXG4gICAgICB0aGlzLnNvcnQuc29ydENoYW5nZS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICBpZiAodGhpcy5wYWdpbmF0b3IpIHRoaXMucGFnaW5hdG9yLnBhZ2VJbmRleCA9IDA7XG4gICAgICB9KTtcblxuICAgICAgbWVyZ2UodGhpcy5zb3J0LnNvcnRDaGFuZ2UsIHRoaXMucGFnaW5hdG9yLnBhZ2UpXG4gICAgICAgIC5waXBlKFxuICAgICAgICAgIHRhcCgoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLmxvYWREYXRhKCk7XG4gICAgICAgICAgfSlcbiAgICAgICAgKVxuICAgICAgICAuc3Vic2NyaWJlKCk7XG4gICAgfVxuICB9XG5cbiAgbG9hZERhdGEoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmlucHV0IHx8ICF0aGlzLnNvcnQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgY29uc3QgZmlsdGVyU3RyaW5nID0gdGhpcy5pbnB1dC5uYXRpdmVFbGVtZW50LnZhbHVlO1xuICAgIGNvbnN0IGZpZWxkID0gdGhpcy5zb3J0LmFjdGl2ZTtcbiAgICBjb25zdCBkaXJlY3Rpb24gPSB0aGlzLnNvcnQuZGlyZWN0aW9uO1xuXG4gICAgbGV0IGZpbHRlciA9IG51bGw7XG4gICAgaWYgKGZpbHRlclN0cmluZykge1xuICAgICAgZmlsdGVyID0ge1xuICAgICAgICB0eXBlOiBTZWFyY2hGaWx0ZXJUeXBlc0R0by5BdHRyaWJ1dGVGaWx0ZXJEdG8sXG4gICAgICAgIGF0dHJpYnV0ZU5hbWVzOiB0aGlzLnNlYXJjaEZpbHRlckNvbHVtbnMsXG4gICAgICAgIHNlYXJjaFRlcm06IGZpbHRlclN0cmluZ1xuICAgICAgfSBhcyBTZWFyY2hGaWx0ZXJEdG87XG4gICAgfVxuXG4gICAgY29uc3Qgc29ydCA9IFtdO1xuICAgIGlmIChmaWVsZCkge1xuICAgICAgc29ydC5wdXNoKCh7XG4gICAgICAgIGF0dHJpYnV0ZU5hbWU6IGZpZWxkLFxuICAgICAgICBzb3J0T3JkZXI6IGRpcmVjdGlvbiA9PT0gJ2FzYycgPyBTb3J0T3JkZXJzRHRvLkFzY2VuZGluZ0R0byA6IFNvcnRPcmRlcnNEdG8uRGVzY2VuZGluZ0R0b1xuICAgICAgfSBhcyBTb3J0RHRvKSk7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMucGFnaW5hdG9yKSB7XG4gICAgICB0aGlzLmRhdGFTb3VyY2U/LmxvYWREYXRhKHRoaXMucGFnaW5hdG9yLnBhZ2VJbmRleCAqIHRoaXMucGFnaW5hdG9yLnBhZ2VTaXplLCB0aGlzLnBhZ2luYXRvci5wYWdlU2l6ZSwgZmlsdGVyLCBudWxsLCBzb3J0KTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgZW5jb2RlVVJJQ29tcG9uZW50ID0gZW5jb2RlVVJJQ29tcG9uZW50O1xuXG4gIGFjY2Vzc0VsZW1lbnQoZWxlbWVudDphbnksIGNvbHVtbjogc3RyaW5nLCBhY2Nlc3NQYXRoczogUmVjb3JkPHN0cmluZywgc3RyaW5nPik6IGFueSB7XG4gICAgLy8gZ2V0IGtleXMgb2YgYWNjZXNzUGF0aHNcbiAgICBjb25zdCBrZXlzID0gT2JqZWN0LmtleXMoYWNjZXNzUGF0aHMpO1xuICAgIC8vIGNoZWNrIGlmIGNvbHVtbiBpcyBpbiBrZXlzXG4gICAgaWYoIWtleXMuaW5jbHVkZXMoY29sdW1uKSkge1xuICAgICAgcmV0dXJuIGVsZW1lbnRbY29sdW1uXTtcbiAgICB9XG5cbiAgICB0cnkge1xuICAgICAgLy8gaWYgY29sdW1uIGlzIGluIGFjY2Vzc1BhdGhzLCB0cnkgc3BsaXQgYWNjZXNzUGF0aHNbY29sdW1uXSBieSAnLicgYW5kIGFjY2VzcyBlbGVtZW50XG4gICAgICBjb25zdCBwYXRoID0gYWNjZXNzUGF0aHNbY29sdW1uXS5zcGxpdCgnLicpO1xuICAgICAgbGV0IHJlc3VsdCA9IGVsZW1lbnQ7XG4gICAgICBmb3IgKGNvbnN0IHAgb2YgcGF0aCkge1xuICAgICAgICByZXN1bHQgPSByZXN1bHRbcF07XG4gICAgICB9XG4gICAgICByZXR1cm4gcmVzdWx0O1xuICAgIH0gY2F0Y2ggKGUpIHtcbiAgICAgIC8vY29uc29sZS5sb2coYEVycm9yIGFjY2Vzc2luZyBlbGVtZW50OiAke2V9YCk7XG4gICAgICByZXR1cm4gXCJOT05FXCI7XG4gICAgfVxuICB9XG5cbiAgc2VsZWN0ZWRQYWdlU2l6ZUNoYW5nZWQoJGV2ZW50OiBQYWdlRXZlbnQpIHtcbiAgICBjb25zb2xlLmxvZygkZXZlbnQucGFnZVNpemUpXG4gICAgdGhpcy5zZWxlY3RlZFBhZ2VTaXplU3ViamVjdC5uZXh0KCRldmVudC5wYWdlU2l6ZSk7XG4gIH1cblxuICBnZXRBY3Rpb25Db2x1bW5OYW1lcygpOiBzdHJpbmdbXSB7XG4gICAgcmV0dXJuIHRoaXMuYWN0aW9uQ29sdW1ucy5tYXAoYWMgPT4gYWMuY29sdW1uTmFtZSk7XG4gIH1cbn1cbiIsIjxkaXY+XG4gIDxtYXQtcHJvZ3Jlc3MtYmFyICpuZ0lmPVwibG9hZGluZyB8fCAoZGF0YVNvdXJjZT8ubG9hZGluZyQgfCBhc3luYylcIiBtb2RlPVwiaW5kZXRlcm1pbmF0ZVwiPjwvbWF0LXByb2dyZXNzLWJhcj5cbjwvZGl2PlxuXG48bWF0LXRvb2xiYXIgY2xhc3M9XCJvY3RvLXRvb2xiYXIgb2N0by1kZXRhaWwtdG9vbGJhclwiPlxuICA8ZGl2IGNsYXNzPVwib2N0by1zcGFjZXJcIj48L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwib2N0by10b29sYmFyLXNlYXJjaFwiPlxuICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxuICAgICAgPG1hdC1sYWJlbD5cbiAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZFwiPnNlYXJjaDwvbWF0LWljb24+XG4gICAgICAgIFNlYXJjaFxuICAgICAgPC9tYXQtbGFiZWw+XG4gICAgICA8aW5wdXQgI2lucHV0IG1hdElucHV0IFtkaXNhYmxlZF09XCJsb2FkaW5nXCI+XG4gICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgPC9kaXY+XG48L21hdC10b29sYmFyPlxuXG48bWF0LXRhYmxlIFtjbGFzcy5pc01vYmlsZV09XCJpc01vYmlsZVwiIFtkYXRhU291cmNlXT1cImRhdGFTb3VyY2VcIiBjbGFzcz1cIm1hdC1lbGV2YXRpb24tejggdGFibGUtY29udGFpbmVyXCIgbWF0LXRhYmxlIG1hdFNvcnQgbWF0U29ydEFjdGl2ZT1cInt7Y3VycmVudElkfX1cIiBtYXRTb3J0RGlyZWN0aW9uPVwiYXNjXCIgbWF0U29ydERpc2FibGVDbGVhcj1cInRydWVcIj5cblxuICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBjb2x1bW4gb2YgZGF0YUNvbHVtbnM/LmNvbHVtbk5hbWVzXCIgW21hdENvbHVtbkRlZl09XCJjb2x1bW5cIj5cbiAgICA8bWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmIG1hdC1zb3J0LWhlYWRlcj4ge3sgY29sdW1uIHwgcGFzY2FsQ2FzZSB9fSA8L21hdC1oZWFkZXItY2VsbD5cbiAgICA8bWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiPlxuICAgICAgQGlmIChpc01vYmlsZSkge1xuICAgICAgICA8c3Bhbj57eyBjb2x1bW4gfCBwYXNjYWxDYXNlIH19Ojwvc3Bhbj7igJpcbiAgICAgIH1cbiAgICAgIHt7IGFjY2Vzc0VsZW1lbnQoZWxlbWVudCwgY29sdW1uLCBkYXRhQ29sdW1ucy5hY2Nlc3NQYXRocyl9fVxuICAgIDwvbWF0LWNlbGw+XG4gIDwvbmctY29udGFpbmVyPlxuXG4gIDwhLS0gQWN0aW9uIENvbHVtbiAtLT5cblxuICBAaWYgKGFjdGlvbkNvbHVtbnMubGVuZ3RoID4gMCkge1xuICAgIEBmb3IgKGNvbHVtbiBvZiBhY3Rpb25Db2x1bW5zOyB0cmFjayBjb2x1bW4pIHtcbiAgICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwie3tjb2x1bW4uY29sdW1uTmFtZX19XCI+XG4gICAgICAgIDxtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+PC9tYXQtaGVhZGVyLWNlbGw+XG4gICAgICAgIDxtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+XG4gICAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIHJvdXRlckxpbms9XCJ7e2N1cnJlbnRSb3V0ZX19L3t7ZW5jb2RlVVJJQ29tcG9uZW50KGVsZW1lbnRbY3VycmVudElkXSl9fVwiPlxuICAgICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwibWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZFwiPnt7IGNvbHVtbi5pY29uTmFtZSB9fTwvbWF0LWljb24+XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvbWF0LWNlbGw+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICB9XG4gICAgPG1hdC1oZWFkZXItcm93ICptYXRIZWFkZXJSb3dEZWY9XCJkYXRhQ29sdW1ucz8uY29sdW1uTmFtZXM/LmNvbmNhdChnZXRBY3Rpb25Db2x1bW5OYW1lcygpKVwiPjwvbWF0LWhlYWRlci1yb3c+XG4gICAgPG1hdC1yb3cgKm1hdFJvd0RlZj1cImxldCByb3c7IGNvbHVtbnM6IGRhdGFDb2x1bW5zPy5jb2x1bW5OYW1lcz8uY29uY2F0KGdldEFjdGlvbkNvbHVtbk5hbWVzKCkpXCI+PC9tYXQtcm93PlxuICB9IEBlbHNlIHtcbiAgICA8bWF0LWhlYWRlci1yb3cgKm1hdEhlYWRlclJvd0RlZj1cImRhdGFDb2x1bW5zPy5jb2x1bW5OYW1lc1wiPjwvbWF0LWhlYWRlci1yb3c+XG4gICAgPG1hdC1yb3cgKm1hdFJvd0RlZj1cImxldCByb3c7IGNvbHVtbnM6IGRhdGFDb2x1bW5zPy5jb2x1bW5OYW1lc1wiPjwvbWF0LXJvdz5cbiAgfVxuXG48L21hdC10YWJsZT5cblxuXG48bWF0LXBhZ2luYXRvciBbbGVuZ3RoXT1cImRhdGFTb3VyY2U/LnRvdGFsQ291bnQkIHwgYXN5bmNcIiAocGFnZSk9XCJzZWxlY3RlZFBhZ2VTaXplQ2hhbmdlZCgkZXZlbnQpXCIgW3BhZ2VTaXplT3B0aW9uc109XCJwYWdlU2l6ZU9wdGlvbnNcIlxuICAgICAgICAgICAgICAgW3BhZ2VTaXplXT1cInNlbGVjdGVkUGFnZVNpemVTdWJqZWN0LmdldFZhbHVlKClcIj48L21hdC1wYWdpbmF0b3I+XG4iXX0=

package/esm2022/lib/mm-octo-ui.module.mjs

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { MmOctoTableComponent } from "./mm-octo-table/mm-octo-table.component";
+import * as i0 from "@angular/core";
+export class MmOctoUiModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: MmOctoUiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: MmOctoUiModule, imports: [MmOctoTableComponent], exports: [MmOctoTableComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: MmOctoUiModule, imports: [MmOctoTableComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: MmOctoUiModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [
+                        MmOctoTableComponent
+                    ],
+                    exports: [
+                        MmOctoTableComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW0tb2N0by11aS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tZXNobWFrZXJzL29jdG8tdWkvc3JjL2xpYi9tbS1vY3RvLXVpLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHlDQUF5QyxDQUFDOztBQWUvRSxNQUFNLE9BQU8sY0FBYzt1R0FBZCxjQUFjO3dHQUFkLGNBQWMsWUFOdkIsb0JBQW9CLGFBR3BCLG9CQUFvQjt3R0FHWCxjQUFjLFlBTnZCLG9CQUFvQjs7MkZBTVgsY0FBYztrQkFYMUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsRUFFYjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asb0JBQW9CO3FCQUNyQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asb0JBQW9CO3FCQUNyQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNbU9jdG9UYWJsZUNvbXBvbmVudCB9IGZyb20gXCIuL21tLW9jdG8tdGFibGUvbW0tb2N0by10YWJsZS5jb21wb25lbnRcIjtcblxuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBNbU9jdG9UYWJsZUNvbXBvbmVudFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgTW1PY3RvVGFibGVDb21wb25lbnRcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBNbU9jdG9VaU1vZHVsZSB7IH1cbiJdfQ==

package/esm2022/public-api.mjs

@@ -5,4 +5,6 @@ export * from './lib/list-element/list-element.module';
 export * from './lib/list-element/octoListNavigation';
 export * from './lib/list-element/newGraphQlDataSource';
 export * from './lib/list-element/globalTypes';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21lc2htYWtlcnMvb2N0by11aS9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsZ0NBQWdDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG9jdG8tdWlcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9saXN0LWVsZW1lbnQvbGlzdC1lbGVtZW50Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9saXN0LWVsZW1lbnQvb2N0b0xpc3ROYXZpZ2F0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xpc3QtZWxlbWVudC9uZXdHcmFwaFFsRGF0YVNvdXJjZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9saXN0LWVsZW1lbnQvZ2xvYmFsVHlwZXMnO1xuIl19
+export * from './lib/mm-octo-table/mm-octo-table.component';
+export * from './lib/mm-octo-ui.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21lc2htYWtlcnMvb2N0by11aS9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsZ0NBQWdDLENBQUM7QUFFL0MsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBvY3RvLXVpXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvbGlzdC1lbGVtZW50L2xpc3QtZWxlbWVudC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbGlzdC1lbGVtZW50L29jdG9MaXN0TmF2aWdhdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9saXN0LWVsZW1lbnQvbmV3R3JhcGhRbERhdGFTb3VyY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbGlzdC1lbGVtZW50L2dsb2JhbFR5cGVzJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW0tb2N0by10YWJsZS9tbS1vY3RvLXRhYmxlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tbS1vY3RvLXVpLm1vZHVsZSc7XG4iXX0=

package/fesm2022/meshmakers-octo-ui.mjs

@@ -1,17 +1,28 @@
 import * as i0 from '@angular/core';
-import { NgModule, EventEmitter } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { fromEvent, merge, map, of } from 'rxjs';
+import { NgModule, EventEmitter, Pipe, Component, Input, ViewChild } from '@angular/core';
+import { CommonModule, AsyncPipe, NgIf, NgForOf, TitleCasePipe, NgClass } from '@angular/common';
+import { fromEvent, merge, map, of, BehaviorSubject } from 'rxjs';
 import { debounceTime, distinctUntilChanged, tap, catchError } from 'rxjs/operators';
 import { DataSourceBase, PagedResultDto } from '@meshmakers/shared-services';
 import { GraphQL } from '@meshmakers/octo-services';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort, MatSortHeader } from '@angular/material/sort';
+import { MatButton } from '@angular/material/button';
+import { MatCell, MatCellDef, MatColumnDef, MatHeaderCell, MatHeaderRow, MatHeaderRowDef, MatRow, MatRowDef, MatTable, MatHeaderCellDef } from '@angular/material/table';
+import { MatFormField, MatLabel } from '@angular/material/form-field';
+import { MatIcon } from '@angular/material/icon';
+import { MatInput } from '@angular/material/input';
+import { MatProgressBar } from '@angular/material/progress-bar';
+import { MatToolbar } from '@angular/material/toolbar';
+import { RouterLink } from '@angular/router';
+import { MatTooltip } from '@angular/material/tooltip';
 
 class ListElementModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ListElementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: ListElementModule, imports: [CommonModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ListElementModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ListElementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: ListElementModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ListElementModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ListElementModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ListElementModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -233,6 +244,209 @@ class NewGraphQlDataSource extends GraphQlDataSource {
     }
 }
 
+class PascalCasePipe {
+    transform(value) {
+        if (!value)
+            return value;
+        return value.charAt(0).toUpperCase() + value.slice(1);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: PascalCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: PascalCasePipe, isStandalone: true, name: "pascalCase" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: PascalCasePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: "pascalCase"
+                }]
+        }] });
+class MmOctoTableComponent {
+    dataSource;
+    dataColumns = { columnNames: [], accessPaths: {} };
+    actionColumns = [];
+    searchFilterColumns = [];
+    currentRoute = "";
+    currentId = "";
+    pageSizeOptions = [10, 20, 50];
+    selectedPageSize = 10;
+    selectedPageSizeSubject = new BehaviorSubject(this.selectedPageSize);
+    paginator;
+    sort;
+    input;
+    loading = false;
+    isMobile;
+    constructor() {
+        this.isMobile = false;
+    }
+    ngOnInit() {
+        this.selectedPageSizeSubject.next(this.selectedPageSize);
+        // at least add the currentId to the search filter columns
+        if (this.currentId && !this.searchFilterColumns.includes(this.currentId)) {
+            this.searchFilterColumns.push(this.currentId);
+        }
+        if (!this.dataSource) {
+            throw new Error('No dataSource provided');
+        }
+    }
+    // noinspection JSUnusedGlobalSymbols
+    ngAfterViewInit() {
+        if (this.sort && this.input && this.paginator) {
+            // server-side search
+            fromEvent(this.input.nativeElement, 'keyup')
+                .pipe(debounceTime(500), distinctUntilChanged(), tap(() => {
+                if (this.paginator) {
+                    this.paginator.pageIndex = 0;
+                }
+                this.loadData();
+            }))
+                .subscribe();
+            // reset the paginator after sorting
+            this.sort.sortChange.subscribe(() => {
+                if (this.paginator)
+                    this.paginator.pageIndex = 0;
+            });
+            merge(this.sort.sortChange, this.paginator.page)
+                .pipe(tap(() => {
+                this.loadData();
+            }))
+                .subscribe();
+        }
+    }
+    loadData() {
+        if (!this.input || !this.sort) {
+            return;
+        }
+        const filterString = this.input.nativeElement.value;
+        const field = this.sort.active;
+        const direction = this.sort.direction;
+        let filter = null;
+        if (filterString) {
+            filter = {
+                type: SearchFilterTypesDto.AttributeFilterDto,
+                attributeNames: this.searchFilterColumns,
+                searchTerm: filterString
+            };
+        }
+        const sort = [];
+        if (field) {
+            sort.push({
+                attributeName: field,
+                sortOrder: direction === 'asc' ? SortOrdersDto.AscendingDto : SortOrdersDto.DescendingDto
+            });
+        }
+        if (this.paginator) {
+            this.dataSource?.loadData(this.paginator.pageIndex * this.paginator.pageSize, this.paginator.pageSize, filter, null, sort);
+        }
+    }
+    encodeURIComponent = encodeURIComponent;
+    accessElement(element, column, accessPaths) {
+        // get keys of accessPaths
+        const keys = Object.keys(accessPaths);
+        // check if column is in keys
+        if (!keys.includes(column)) {
+            return element[column];
+        }
+        try {
+            // if column is in accessPaths, try split accessPaths[column] by '.' and access element
+            const path = accessPaths[column].split('.');
+            let result = element;
+            for (const p of path) {
+                result = result[p];
+            }
+            return result;
+        }
+        catch (e) {
+            //console.log(`Error accessing element: ${e}`);
+            return "NONE";
+        }
+    }
+    selectedPageSizeChanged($event) {
+        console.log($event.pageSize);
+        this.selectedPageSizeSubject.next($event.pageSize);
+    }
+    getActionColumnNames() {
+        return this.actionColumns.map(ac => ac.columnName);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: MmOctoTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: MmOctoTableComponent, isStandalone: true, selector: "mm-octo-table", inputs: { dataSource: "dataSource", dataColumns: "dataColumns", actionColumns: "actionColumns", searchFilterColumns: "searchFilterColumns", currentRoute: "currentRoute", currentId: "currentId", pageSizeOptions: "pageSizeOptions", selectedPageSize: "selectedPageSize" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div>\n  <mat-progress-bar *ngIf=\"loading || (dataSource?.loading$ | async)\" mode=\"indeterminate\"></mat-progress-bar>\n</div>\n\n<mat-toolbar class=\"octo-toolbar octo-detail-toolbar\">\n  <div class=\"octo-spacer\"></div>\n\n  <div class=\"octo-toolbar-search\">\n    <mat-form-field appearance=\"outline\">\n      <mat-label>\n        <mat-icon class=\"material-symbols-outlined\">search</mat-icon>\n        Search\n      </mat-label>\n      <input #input matInput [disabled]=\"loading\">\n    </mat-form-field>\n  </div>\n</mat-toolbar>\n\n<mat-table [class.isMobile]=\"isMobile\" [dataSource]=\"dataSource\" class=\"mat-elevation-z8 table-container\" mat-table matSort matSortActive=\"{{currentId}}\" matSortDirection=\"asc\" matSortDisableClear=\"true\">\n\n  <ng-container *ngFor=\"let column of dataColumns?.columnNames\" [matColumnDef]=\"column\">\n    <mat-header-cell *matHeaderCellDef mat-sort-header> {{ column | pascalCase }} </mat-header-cell>\n    <mat-cell *matCellDef=\"let element\">\n      @if (isMobile) {\n        <span>{{ column | pascalCase }}:</span>\u201A\n      }\n      {{ accessElement(element, column, dataColumns.accessPaths)}}\n    </mat-cell>\n  </ng-container>\n\n  <!-- Action Column -->\n\n  @if (actionColumns.length > 0) {\n    @for (column of actionColumns; track column) {\n      <ng-container matColumnDef=\"{{column.columnName}}\">\n        <mat-header-cell *matHeaderCellDef></mat-header-cell>\n        <mat-cell *matCellDef=\"let element\">\n          <button mat-button routerLink=\"{{currentRoute}}/{{encodeURIComponent(element[currentId])}}\">\n            <mat-icon class=\"material-symbols-outlined\">{{ column.iconName }}</mat-icon>\n          </button>\n        </mat-cell>\n      </ng-container>\n    }\n    <mat-header-row *matHeaderRowDef=\"dataColumns?.columnNames?.concat(getActionColumnNames())\"></mat-header-row>\n    <mat-row *matRowDef=\"let row; columns: dataColumns?.columnNames?.concat(getActionColumnNames())\"></mat-row>\n  } @else {\n    <mat-header-row *matHeaderRowDef=\"dataColumns?.columnNames\"></mat-header-row>\n    <mat-row *matRowDef=\"let row; columns: dataColumns?.columnNames\"></mat-row>\n  }\n\n</mat-table>\n\n\n<mat-paginator [length]=\"dataSource?.totalCount$ | async\" (page)=\"selectedPageSizeChanged($event)\" [pageSizeOptions]=\"pageSizeOptions\"\n               [pageSize]=\"selectedPageSizeSubject.getValue()\"></mat-paginator>\n", styles: [".table-container{display:block;width:100%;max-height:70vh;overflow-x:auto;overflow-y:auto}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "component", type: MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "directive", type: MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: 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: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: PascalCasePipe, name: "pascalCase" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: MmOctoTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mm-octo-table', standalone: true, imports: [
+                        AsyncPipe,
+                        MatButton,
+                        MatCell,
+                        MatCellDef,
+                        MatColumnDef,
+                        MatFormField,
+                        MatHeaderCell,
+                        MatHeaderRow,
+                        MatHeaderRowDef,
+                        MatIcon,
+                        MatInput,
+                        MatLabel,
+                        MatPaginator,
+                        MatProgressBar,
+                        MatRow,
+                        MatRowDef,
+                        MatSort,
+                        MatSortHeader,
+                        MatTable,
+                        MatToolbar,
+                        NgIf,
+                        RouterLink,
+                        MatHeaderCellDef,
+                        NgForOf,
+                        TitleCasePipe,
+                        NgClass,
+                        PascalCasePipe,
+                        MatTooltip
+                    ], template: "<div>\n  <mat-progress-bar *ngIf=\"loading || (dataSource?.loading$ | async)\" mode=\"indeterminate\"></mat-progress-bar>\n</div>\n\n<mat-toolbar class=\"octo-toolbar octo-detail-toolbar\">\n  <div class=\"octo-spacer\"></div>\n\n  <div class=\"octo-toolbar-search\">\n    <mat-form-field appearance=\"outline\">\n      <mat-label>\n        <mat-icon class=\"material-symbols-outlined\">search</mat-icon>\n        Search\n      </mat-label>\n      <input #input matInput [disabled]=\"loading\">\n    </mat-form-field>\n  </div>\n</mat-toolbar>\n\n<mat-table [class.isMobile]=\"isMobile\" [dataSource]=\"dataSource\" class=\"mat-elevation-z8 table-container\" mat-table matSort matSortActive=\"{{currentId}}\" matSortDirection=\"asc\" matSortDisableClear=\"true\">\n\n  <ng-container *ngFor=\"let column of dataColumns?.columnNames\" [matColumnDef]=\"column\">\n    <mat-header-cell *matHeaderCellDef mat-sort-header> {{ column | pascalCase }} </mat-header-cell>\n    <mat-cell *matCellDef=\"let element\">\n      @if (isMobile) {\n        <span>{{ column | pascalCase }}:</span>\u201A\n      }\n      {{ accessElement(element, column, dataColumns.accessPaths)}}\n    </mat-cell>\n  </ng-container>\n\n  <!-- Action Column -->\n\n  @if (actionColumns.length > 0) {\n    @for (column of actionColumns; track column) {\n      <ng-container matColumnDef=\"{{column.columnName}}\">\n        <mat-header-cell *matHeaderCellDef></mat-header-cell>\n        <mat-cell *matCellDef=\"let element\">\n          <button mat-button routerLink=\"{{currentRoute}}/{{encodeURIComponent(element[currentId])}}\">\n            <mat-icon class=\"material-symbols-outlined\">{{ column.iconName }}</mat-icon>\n          </button>\n        </mat-cell>\n      </ng-container>\n    }\n    <mat-header-row *matHeaderRowDef=\"dataColumns?.columnNames?.concat(getActionColumnNames())\"></mat-header-row>\n    <mat-row *matRowDef=\"let row; columns: dataColumns?.columnNames?.concat(getActionColumnNames())\"></mat-row>\n  } @else {\n    <mat-header-row *matHeaderRowDef=\"dataColumns?.columnNames\"></mat-header-row>\n    <mat-row *matRowDef=\"let row; columns: dataColumns?.columnNames\"></mat-row>\n  }\n\n</mat-table>\n\n\n<mat-paginator [length]=\"dataSource?.totalCount$ | async\" (page)=\"selectedPageSizeChanged($event)\" [pageSizeOptions]=\"pageSizeOptions\"\n               [pageSize]=\"selectedPageSizeSubject.getValue()\"></mat-paginator>\n", styles: [".table-container{display:block;width:100%;max-height:70vh;overflow-x:auto;overflow-y:auto}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { dataSource: [{
+                type: Input
+            }], dataColumns: [{
+                type: Input
+            }], actionColumns: [{
+                type: Input
+            }], searchFilterColumns: [{
+                type: Input
+            }], currentRoute: [{
+                type: Input
+            }], currentId: [{
+                type: Input
+            }], pageSizeOptions: [{
+                type: Input
+            }], selectedPageSize: [{
+                type: Input
+            }], paginator: [{
+                type: ViewChild,
+                args: [MatPaginator, { static: false }]
+            }], sort: [{
+                type: ViewChild,
+                args: [MatSort, { static: false }]
+            }], input: [{
+                type: ViewChild,
+                args: ['input', { static: false }]
+            }] } });
+
+class MmOctoUiModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: MmOctoUiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: MmOctoUiModule, imports: [MmOctoTableComponent], exports: [MmOctoTableComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: MmOctoUiModule, imports: [MmOctoTableComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: MmOctoUiModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [
+                        MmOctoTableComponent
+                    ],
+                    exports: [
+                        MmOctoTableComponent
+                    ]
+                }]
+        }] });
+
 /*
  * Public API Surface of octo-ui
  */
@@ -241,5 +455,5 @@ class NewGraphQlDataSource extends GraphQlDataSource {
  * Generated bundle index. Do not edit.
  */
 
-export { FieldFilterOperatorsDto, GraphQlDataSource, ListElementModule, NewGraphQlDataSource, OctoListNavigation, OctoListNavigationDataInfo, OctoListNavigationOptions, SearchFilterTypesDto, SortOrdersDto };
+export { FieldFilterOperatorsDto, GraphQlDataSource, ListElementModule, MmOctoTableComponent, MmOctoUiModule, NewGraphQlDataSource, OctoListNavigation, OctoListNavigationDataInfo, OctoListNavigationOptions, PascalCasePipe, SearchFilterTypesDto, SortOrdersDto };
 //# sourceMappingURL=meshmakers-octo-ui.mjs.map

package/fesm2022/meshmakers-octo-ui.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"meshmakers-octo-ui.mjs","sources":["../../../../projects/meshmakers/octo-ui/src/lib/list-element/list-element.module.ts","../../../../projects/meshmakers/octo-ui/src/lib/list-element/globalTypes.ts","../../../../projects/meshmakers/octo-ui/src/lib/list-element/octoListNavigation.ts","../../../../projects/meshmakers/octo-ui/src/lib/list-element/newGraphQlDataSource.ts","../../../../projects/meshmakers/octo-ui/src/public-api.ts","../../../../projects/meshmakers/octo-ui/src/meshmakers-octo-ui.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  declarations: [],\n  imports: [CommonModule]\n})\nexport class ListElementModule {}\n","/* eslint-disable */\n// @generated\n// This file was automatically generated and should not be edited.\n\n//==============================================================\n// START Enums and Input Objects\n//==============================================================\nexport type Maybe<T> = T | null;\nexport type InputMaybe<T> = Maybe<T>;\n\n/** All built-in and custom scalars, mapped to their actual values */\nexport type Scalars = {\n  ID: { input: string; output: string; }\n  String: { input: string; output: string; }\n  Boolean: { input: boolean; output: boolean; }\n  Int: { input: number; output: number; }\n  Float: { input: number; output: number; }\n  BigInt: { input: any; output: any; }\n  CkAttributeId: { input: string; output: string; }\n  CkEnumId: { input: string; output: string; }\n  CkRecordId: { input: string; output: string; }\n  CkTypeId: { input: string; output: string; }\n  DateTime: { input: any; output: any; }\n  Decimal: { input: any; output: any; }\n  LargeBinary: { input: any; output: any; }\n  OctoObjectId: { input: string; output: string; }\n  SimpleScalarType: { input: any; output: any; }\n  Uri: { input: any; output: any; }\n};\n\nexport type FieldFilterDto = {\n  attributeName: Scalars['String']['input']\n  comparisonValue?: InputMaybe<Scalars['SimpleScalarType']['input']>;\n  operator?: InputMaybe<FieldFilterOperatorsDto>;\n};\n\n/** Defines the operator of field compare */\nexport enum FieldFilterOperatorsDto {\n  AnyEqDto = 'ANY_EQ',\n  EqualsDto = 'EQUALS',\n  GreaterEqualThanDto = 'GREATER_EQUAL_THAN',\n  GreaterThanDto = 'GREATER_THAN',\n  InDto = 'IN',\n  LessEqualThanDto = 'LESS_EQUAL_THAN',\n  LessThanDto = 'LESS_THAN',\n  LikeDto = 'LIKE',\n  MatchRegExDto = 'MATCH_REG_EX',\n  NotEqualsDto = 'NOT_EQUALS',\n  NotInDto = 'NOT_IN'\n}\n\n\nexport type SearchFilterDto = {\n  attributeNames?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;\n  language?: InputMaybe<Scalars['String']['input']>;\n  searchTerm: Scalars['String']['input'];\n  type?: InputMaybe<SearchFilterTypesDto>;\n};\n\n/** The type of search that is used (a text based search using text analysis (high performance, scoring, maybe more false positives) or filtering of attributes (lower performance, more exact results) */\nexport enum SearchFilterTypesDto {\n  AttributeFilterDto = 'ATTRIBUTE_FILTER',\n  TextSearchDto = 'TEXT_SEARCH'\n}\n\nexport type SortDto = {\n  attributeName: Scalars['String']['input'];\n  sortOrder?: InputMaybe<SortOrdersDto>;\n};\n\n/** Defines the sort order */\nexport enum SortOrdersDto {\n  AscendingDto = 'ASCENDING',\n  DefaultDto = 'DEFAULT',\n  DescendingDto = 'DESCENDING'\n}\n\n//==============================================================\n// END Enums and Input Objects\n//==============================================================\n","import { MatPaginator } from '@angular/material/paginator';\nimport { MatSort, SortDirection } from '@angular/material/sort';\nimport { ElementRef, EventEmitter } from '@angular/core';\nimport { fromEvent, merge } from 'rxjs';\nimport { debounceTime, distinctUntilChanged, tap } from 'rxjs/operators';\nimport { SearchFilterDto, SearchFilterTypesDto, SortDto, SortOrdersDto } from './globalTypes';\n\nexport class OctoListNavigationDataInfo {\n  skip: number;\n  take: number;\n  searchFilter?: SearchFilterDto;\n  sort?: SortDto[];\n\n  constructor() {\n    this.skip = 0;\n    this.take = 10;\n  }\n}\n\nexport class OctoListNavigationOptions {\n  language: string | null;\n  searchFilterType?: SearchFilterTypesDto;\n  searchFilterAttributeNames?: string[];\n\n  constructor() {\n    this.language = null;\n  }\n}\n\nexport class OctoListNavigation {\n  public loadDataRequest = new EventEmitter<OctoListNavigationDataInfo>();\n\n  lastSortDirection: SortDirection | null;\n  lastSortField: string | null;\n  lastSearchText: string | null;\n\n  constructor(\n    private readonly paginator: MatPaginator,\n    private readonly sort: MatSort,\n    private readonly searchBox?: ElementRef<HTMLInputElement>,\n    private readonly octoOptions?: OctoListNavigationOptions\n  ) {\n    this.lastSortDirection = null;\n    this.lastSortField = null;\n    this.lastSearchText = null;\n  }\n\n  public get loadDataInfo(): OctoListNavigationDataInfo {\n    const filterString = this.searchBox?.nativeElement.value;\n    const sortField = this.sort.active;\n    const sortDirection = this.sort.direction;\n\n    let filter = null;\n    if (filterString && this.octoOptions) {\n      filter = {\n        language: this.octoOptions.language,\n        searchTerm: filterString,\n        type: this.octoOptions.searchFilterType,\n        attributeNames: this.octoOptions.searchFilterAttributeNames\n      } as SearchFilterDto;\n    }\n\n    const sort = [];\n    if (sortField && sortDirection) {\n      sort.push(({\n        attributeName: sortField,\n        sortOrder: sortDirection === 'asc' ? SortOrdersDto.AscendingDto : SortOrdersDto.DescendingDto\n      } as SortDto));\n    }\n\n    return {\n      skip: this.paginator.pageIndex * this.paginator.pageSize,\n      take: this.paginator.pageSize,\n      searchFilter: filter,\n      sort\n    } as OctoListNavigationDataInfo;\n  }\n\n  init(): void {\n\n    if (this.searchBox) {\n      // server-side search\n      fromEvent<ElementRef>(this.searchBox.nativeElement, 'keyup')\n        .pipe(\n          debounceTime(500),\n          distinctUntilChanged(),\n          tap(() => {\n            this.paginator.pageIndex = 0;\n            if (!this.searchBox) {\n              return;\n            }\n\n            const searchText = this.searchBox.nativeElement.value;\n\n            if (!this.lastSearchText && searchText) {\n              this.lastSortDirection = this.sort.direction;\n              this.lastSortField = this.sort.active;\n\n              // Reset sorting to see the score rating (default sorting returned from server)\n              this.sort.sort({ id: '', start: 'asc', disableClear: false });\n            }\n\n            this.lastSearchText = searchText;\n\n            if (!searchText && this.lastSortField) {\n              if (this.lastSortDirection === 'asc') {\n                this.sort.sort({\n                  id: this.lastSortField,\n                  start: 'asc',\n                  disableClear: true\n                });\n              } else if (this.lastSortDirection === 'desc') {\n                this.sort.sort({\n                  id: this.lastSortField,\n                  start: 'desc',\n                  disableClear: true\n                });\n              }\n            }\n\n            this.loadData();\n          })\n        )\n        .subscribe();\n    }\n\n    // reset the paginator after sorting\n    this.sort.sortChange.subscribe(() => (this.paginator.pageIndex = 0));\n\n    merge(this.sort.sortChange, this.paginator.page)\n      .pipe(\n        tap(() => {\n          this.loadData();\n        })\n      )\n      .subscribe();\n  }\n\n  private loadData(): void {\n    this.loadDataRequest.emit(this.loadDataInfo);\n  }\n}\n","import { map, of, Subscription } from 'rxjs';\nimport { catchError } from 'rxjs/operators';\nimport { DataSourceBase, MessageService, PagedResultDto } from '@meshmakers/shared-services';\nimport { FieldFilterDto, InputMaybe, SearchFilterDto, SortDto } from './globalTypes';\nimport { Query, QueryRef } from 'apollo-angular';\nimport type { ApolloQueryResult, OperationVariables } from '@apollo/client/core';\nimport { GraphQL } from '@meshmakers/octo-services';\n\nexport interface IQueryVariablesDto extends OperationVariables {\n  first?: number | null | undefined;\n  after?: string | null | undefined;\n  sort?: InputMaybe<InputMaybe<SortDto> | InputMaybe<SortDto>[]> | undefined;\n  searchFilter?: InputMaybe<SearchFilterDto> | undefined;\n  fieldFilters?: InputMaybe<InputMaybe<FieldFilterDto>[] | InputMaybe<FieldFilterDto>>;\n}\n\nexport abstract class GraphQlDataSource<TDto> extends DataSourceBase<TDto> {\n  public abstract refetch(): Promise<void>;\n\n  public abstract refetchWith(\n    skip?: number,\n    take?: number,\n    searchFilter?: SearchFilterDto | null,\n    fieldFilter?: FieldFilterDto[] | null,\n    sort?: SortDto[] | null\n  ): Promise<void>;\n\n  public abstract loadData(\n    skip?: number,\n    take?: number,\n    searchFilter?: SearchFilterDto | null,\n    fieldFilter?: FieldFilterDto[] | null,\n    sort?: SortDto[] | null\n  ): void;\n}\n\nexport class NewGraphQlDataSource<TDto, TQueryDto, TVariablesDto extends IQueryVariablesDto> extends GraphQlDataSource<TDto> {\n  private queryRef: QueryRef<TQueryDto, TVariablesDto> | null;\n  private subscription: Subscription | null;\n\n  constructor(\n    protected messageService: MessageService,\n    private readonly query: Query<TQueryDto, TVariablesDto>,\n    private readonly defaultSort: SortDto[] | null = null\n  ) {\n    super();\n    this.queryRef = null;\n    this.subscription = null;\n  }\n\n  override clear(): void {\n    super.clear();\n    this.queryRef?.stopPolling();\n    this.queryRef = null;\n    this.subscription?.unsubscribe();\n    this.subscription = null;\n  }\n\n  public async refetch(): Promise<void> {\n    await this.queryRef?.refetch();\n  }\n\n  public async refetchWith(\n    skip = 0,\n    take = 10,\n    searchFilter: SearchFilterDto | null = null,\n    fieldFilter: FieldFilterDto[] | null = null,\n    sort: SortDto[] | null = null\n  ): Promise<void> {\n    const variables = this.createVariables(skip, take, searchFilter, fieldFilter, sort);\n    await this.queryRef?.refetch(variables);\n  }\n\n  protected createVariables(\n    skip = 0,\n    take = 10,\n    searchFilter: SearchFilterDto | null = null,\n    fieldFilter: FieldFilterDto[] | null = null,\n    sort: SortDto[] | null = null\n  ): TVariablesDto {\n    // Default sort\n    if ((!sort || (sort && sort.length === 0)) && searchFilter === null) {\n      sort = new Array<SortDto>();\n      if (this.defaultSort) {\n        sort = this.defaultSort;\n      }\n    }\n\n    return {\n      first: take,\n      after: GraphQL.offsetToCursor(skip),\n      sort,\n      searchFilter,\n      fieldFilters: fieldFilter\n    } as TVariablesDto;\n  }\n\n  public loadData(\n    skip = 0,\n    take = 10,\n    searchFilter: SearchFilterDto | null = null,\n    fieldFilter: FieldFilterDto[] | null = null,\n    sort: SortDto[] | null = null\n  ): void {\n    super.onBeginLoad();\n    this.clear();\n\n    const variables = this.createVariables(skip, take, searchFilter, fieldFilter, sort);\n    this.queryRef = this.query.watch(variables);\n\n    this.subscription = this.queryRef.valueChanges\n      .pipe(map((v, i) => this.executeLoad(v, i)))\n      .pipe(\n        catchError((error: string) => {\n          this.messageService.showError(error, 'Error during load of data');\n\n          return of(new PagedResultDto<TDto>());\n        })\n      )\n      .subscribe((pagedResult) => {\n        super.onCompleteLoad(pagedResult);\n      });\n  }\n\n  protected executeLoad(value: ApolloQueryResult<TQueryDto>, index: number): PagedResultDto<TDto> {\n    return new PagedResultDto<TDto>();\n  }\n}\n","/*\n * Public API Surface of octo-ui\n */\n\nexport * from './lib/list-element/list-element.module';\nexport * from './lib/list-element/octoListNavigation';\nexport * from './lib/list-element/newGraphQlDataSource';\nexport * from './lib/list-element/globalTypes';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;MAOa,iBAAiB,CAAA;uGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAFlB,YAAY,CAAA,EAAA,CAAA,CAAA;AAEX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAFlB,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAEX,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;oBAChB,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA,CAAA;;;ACND;AACA;AACA;AAkCA;IACY,wBAYX;AAZD,CAAA,UAAY,uBAAuB,EAAA;AACjC,IAAA,uBAAA,CAAA,UAAA,CAAA,GAAA,QAAmB,CAAA;AACnB,IAAA,uBAAA,CAAA,WAAA,CAAA,GAAA,QAAoB,CAAA;AACpB,IAAA,uBAAA,CAAA,qBAAA,CAAA,GAAA,oBAA0C,CAAA;AAC1C,IAAA,uBAAA,CAAA,gBAAA,CAAA,GAAA,cAA+B,CAAA;AAC/B,IAAA,uBAAA,CAAA,OAAA,CAAA,GAAA,IAAY,CAAA;AACZ,IAAA,uBAAA,CAAA,kBAAA,CAAA,GAAA,iBAAoC,CAAA;AACpC,IAAA,uBAAA,CAAA,aAAA,CAAA,GAAA,WAAyB,CAAA;AACzB,IAAA,uBAAA,CAAA,SAAA,CAAA,GAAA,MAAgB,CAAA;AAChB,IAAA,uBAAA,CAAA,eAAA,CAAA,GAAA,cAA8B,CAAA;AAC9B,IAAA,uBAAA,CAAA,cAAA,CAAA,GAAA,YAA2B,CAAA;AAC3B,IAAA,uBAAA,CAAA,UAAA,CAAA,GAAA,QAAmB,CAAA;AACrB,CAAC,EAZW,uBAAuB,KAAvB,uBAAuB,GAYlC,EAAA,CAAA,CAAA,CAAA;AAUD;IACY,qBAGX;AAHD,CAAA,UAAY,oBAAoB,EAAA;AAC9B,IAAA,oBAAA,CAAA,oBAAA,CAAA,GAAA,kBAAuC,CAAA;AACvC,IAAA,oBAAA,CAAA,eAAA,CAAA,GAAA,aAA6B,CAAA;AAC/B,CAAC,EAHW,oBAAoB,KAApB,oBAAoB,GAG/B,EAAA,CAAA,CAAA,CAAA;AAOD;IACY,cAIX;AAJD,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,cAAA,CAAA,GAAA,WAA0B,CAAA;AAC1B,IAAA,aAAA,CAAA,YAAA,CAAA,GAAA,SAAsB,CAAA;AACtB,IAAA,aAAA,CAAA,eAAA,CAAA,GAAA,YAA4B,CAAA;AAC9B,CAAC,EAJW,aAAa,KAAb,aAAa,GAIxB,EAAA,CAAA,CAAA,CAAA;AAED;AACA;AACA;;MCxEa,0BAA0B,CAAA;AACrC,IAAA,IAAI,CAAS;AACb,IAAA,IAAI,CAAS;AACb,IAAA,YAAY,CAAmB;AAC/B,IAAA,IAAI,CAAa;AAEjB,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;AACd,QAAA,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;KAChB;AACF,CAAA;MAEY,yBAAyB,CAAA;AACpC,IAAA,QAAQ,CAAgB;AACxB,IAAA,gBAAgB,CAAwB;AACxC,IAAA,0BAA0B,CAAY;AAEtC,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;KACtB;AACF,CAAA;MAEY,kBAAkB,CAAA;AAQV,IAAA,SAAA,CAAA;AACA,IAAA,IAAA,CAAA;AACA,IAAA,SAAA,CAAA;AACA,IAAA,WAAA,CAAA;AAVZ,IAAA,eAAe,GAAG,IAAI,YAAY,EAA8B,CAAC;AAExE,IAAA,iBAAiB,CAAuB;AACxC,IAAA,aAAa,CAAgB;AAC7B,IAAA,cAAc,CAAgB;AAE9B,IAAA,WAAA,CACmB,SAAuB,EACvB,IAAa,EACb,SAAwC,EACxC,WAAuC,EAAA;QAHvC,IAAS,CAAA,SAAA,GAAT,SAAS,CAAc;QACvB,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAS;QACb,IAAS,CAAA,SAAA,GAAT,SAAS,CAA+B;QACxC,IAAW,CAAA,WAAA,GAAX,WAAW,CAA4B;AAExD,QAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;AAC9B,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;AAC1B,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;KAC5B;AAED,IAAA,IAAW,YAAY,GAAA;QACrB,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,aAAa,CAAC,KAAK,CAAC;AACzD,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;AACnC,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;QAE1C,IAAI,MAAM,GAAG,IAAI,CAAC;AAClB,QAAA,IAAI,YAAY,IAAI,IAAI,CAAC,WAAW,EAAE;AACpC,YAAA,MAAM,GAAG;AACP,gBAAA,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,QAAQ;AACnC,gBAAA,UAAU,EAAE,YAAY;AACxB,gBAAA,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,gBAAgB;AACvC,gBAAA,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC,0BAA0B;aACzC,CAAC;SACtB;QAED,MAAM,IAAI,GAAG,EAAE,CAAC;AAChB,QAAA,IAAI,SAAS,IAAI,aAAa,EAAE;YAC9B,IAAI,CAAC,IAAI,CAAE;AACT,gBAAA,aAAa,EAAE,SAAS;AACxB,gBAAA,SAAS,EAAE,aAAa,KAAK,KAAK,GAAG,aAAa,CAAC,YAAY,GAAG,aAAa,CAAC,aAAa;AAClF,aAAA,CAAC,CAAC;SAChB;QAED,OAAO;YACL,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ;AACxD,YAAA,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ;AAC7B,YAAA,YAAY,EAAE,MAAM;YACpB,IAAI;SACyB,CAAC;KACjC;IAED,IAAI,GAAA;AAEF,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;;YAElB,SAAS,CAAa,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,OAAO,CAAC;AACzD,iBAAA,IAAI,CACH,YAAY,CAAC,GAAG,CAAC,EACjB,oBAAoB,EAAE,EACtB,GAAG,CAAC,MAAK;AACP,gBAAA,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,CAAC,CAAC;AAC7B,gBAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;oBACnB,OAAO;iBACR;gBAED,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC;AAEtD,gBAAA,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,UAAU,EAAE;oBACtC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;oBAC7C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;;AAGtC,oBAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;iBAC/D;AAED,gBAAA,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC;AAEjC,gBAAA,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,aAAa,EAAE;AACrC,oBAAA,IAAI,IAAI,CAAC,iBAAiB,KAAK,KAAK,EAAE;AACpC,wBAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;4BACb,EAAE,EAAE,IAAI,CAAC,aAAa;AACtB,4BAAA,KAAK,EAAE,KAAK;AACZ,4BAAA,YAAY,EAAE,IAAI;AACnB,yBAAA,CAAC,CAAC;qBACJ;AAAM,yBAAA,IAAI,IAAI,CAAC,iBAAiB,KAAK,MAAM,EAAE;AAC5C,wBAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;4BACb,EAAE,EAAE,IAAI,CAAC,aAAa;AACtB,4BAAA,KAAK,EAAE,MAAM;AACb,4BAAA,YAAY,EAAE,IAAI;AACnB,yBAAA,CAAC,CAAC;qBACJ;iBACF;gBAED,IAAI,CAAC,QAAQ,EAAE,CAAC;AAClB,aAAC,CAAC,CACH;AACA,iBAAA,SAAS,EAAE,CAAC;SAChB;;QAGD,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC;AAErE,QAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;AAC7C,aAAA,IAAI,CACH,GAAG,CAAC,MAAK;YACP,IAAI,CAAC,QAAQ,EAAE,CAAC;AAClB,SAAC,CAAC,CACH;AACA,aAAA,SAAS,EAAE,CAAC;KAChB;IAEO,QAAQ,GAAA;QACd,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;KAC9C;AACF;;AC7HK,MAAgB,iBAAwB,SAAQ,cAAoB,CAAA;AAkBzE,CAAA;AAEK,MAAO,oBAAgF,SAAQ,iBAAuB,CAAA;AAK9G,IAAA,cAAA,CAAA;AACO,IAAA,KAAA,CAAA;AACA,IAAA,WAAA,CAAA;AANX,IAAA,QAAQ,CAA4C;AACpD,IAAA,YAAY,CAAsB;AAE1C,IAAA,WAAA,CACY,cAA8B,EACvB,KAAsC,EACtC,cAAgC,IAAI,EAAA;AAErD,QAAA,KAAK,EAAE,CAAC;QAJE,IAAc,CAAA,cAAA,GAAd,cAAc,CAAgB;QACvB,IAAK,CAAA,KAAA,GAAL,KAAK,CAAiC;QACtC,IAAW,CAAA,WAAA,GAAX,WAAW,CAAyB;AAGrD,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;AACrB,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;KAC1B;IAEQ,KAAK,GAAA;QACZ,KAAK,CAAC,KAAK,EAAE,CAAC;AACd,QAAA,IAAI,CAAC,QAAQ,EAAE,WAAW,EAAE,CAAC;AAC7B,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;AACrB,QAAA,IAAI,CAAC,YAAY,EAAE,WAAW,EAAE,CAAC;AACjC,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;KAC1B;AAEM,IAAA,MAAM,OAAO,GAAA;AAClB,QAAA,MAAM,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAC;KAChC;AAEM,IAAA,MAAM,WAAW,CACtB,IAAI,GAAG,CAAC,EACR,IAAI,GAAG,EAAE,EACT,eAAuC,IAAI,EAC3C,cAAuC,IAAI,EAC3C,OAAyB,IAAI,EAAA;AAE7B,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;QACpF,MAAM,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;KACzC;AAES,IAAA,eAAe,CACvB,IAAI,GAAG,CAAC,EACR,IAAI,GAAG,EAAE,EACT,YAAA,GAAuC,IAAI,EAC3C,WAAA,GAAuC,IAAI,EAC3C,OAAyB,IAAI,EAAA;;AAG7B,QAAA,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,KAAK,YAAY,KAAK,IAAI,EAAE;AACnE,YAAA,IAAI,GAAG,IAAI,KAAK,EAAW,CAAC;AAC5B,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,gBAAA,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC;aACzB;SACF;QAED,OAAO;AACL,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,KAAK,EAAE,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC;YACnC,IAAI;YACJ,YAAY;AACZ,YAAA,YAAY,EAAE,WAAW;SACT,CAAC;KACpB;AAEM,IAAA,QAAQ,CACb,IAAI,GAAG,CAAC,EACR,IAAI,GAAG,EAAE,EACT,YAAA,GAAuC,IAAI,EAC3C,WAAA,GAAuC,IAAI,EAC3C,OAAyB,IAAI,EAAA;QAE7B,KAAK,CAAC,WAAW,EAAE,CAAC;QACpB,IAAI,CAAC,KAAK,EAAE,CAAC;AAEb,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;QACpF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;AAE5C,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY;AAC3C,aAAA,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC3C,aAAA,IAAI,CACH,UAAU,CAAC,CAAC,KAAa,KAAI;YAC3B,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,KAAK,EAAE,2BAA2B,CAAC,CAAC;AAElE,YAAA,OAAO,EAAE,CAAC,IAAI,cAAc,EAAQ,CAAC,CAAC;AACxC,SAAC,CAAC,CACH;AACA,aAAA,SAAS,CAAC,CAAC,WAAW,KAAI;AACzB,YAAA,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AACpC,SAAC,CAAC,CAAC;KACN;IAES,WAAW,CAAC,KAAmC,EAAE,KAAa,EAAA;QACtE,OAAO,IAAI,cAAc,EAAQ,CAAC;KACnC;AACF;;AC/HD;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"meshmakers-octo-ui.mjs","sources":["../../../../projects/meshmakers/octo-ui/src/lib/list-element/list-element.module.ts","../../../../projects/meshmakers/octo-ui/src/lib/list-element/globalTypes.ts","../../../../projects/meshmakers/octo-ui/src/lib/list-element/octoListNavigation.ts","../../../../projects/meshmakers/octo-ui/src/lib/list-element/newGraphQlDataSource.ts","../../../../projects/meshmakers/octo-ui/src/lib/mm-octo-table/mm-octo-table.component.ts","../../../../projects/meshmakers/octo-ui/src/lib/mm-octo-table/mm-octo-table.component.html","../../../../projects/meshmakers/octo-ui/src/lib/mm-octo-ui.module.ts","../../../../projects/meshmakers/octo-ui/src/public-api.ts","../../../../projects/meshmakers/octo-ui/src/meshmakers-octo-ui.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  declarations: [],\n  imports: [CommonModule]\n})\nexport class ListElementModule {}\n","/* eslint-disable */\n// @generated\n// This file was automatically generated and should not be edited.\n\n//==============================================================\n// START Enums and Input Objects\n//==============================================================\nexport type Maybe<T> = T | null;\nexport type InputMaybe<T> = Maybe<T>;\n\n/** All built-in and custom scalars, mapped to their actual values */\nexport type Scalars = {\n  ID: { input: string; output: string; }\n  String: { input: string; output: string; }\n  Boolean: { input: boolean; output: boolean; }\n  Int: { input: number; output: number; }\n  Float: { input: number; output: number; }\n  BigInt: { input: any; output: any; }\n  CkAttributeId: { input: string; output: string; }\n  CkEnumId: { input: string; output: string; }\n  CkRecordId: { input: string; output: string; }\n  CkTypeId: { input: string; output: string; }\n  DateTime: { input: any; output: any; }\n  Decimal: { input: any; output: any; }\n  LargeBinary: { input: any; output: any; }\n  OctoObjectId: { input: string; output: string; }\n  SimpleScalarType: { input: any; output: any; }\n  Uri: { input: any; output: any; }\n};\n\nexport type FieldFilterDto = {\n  attributeName: Scalars['String']['input']\n  comparisonValue?: InputMaybe<Scalars['SimpleScalarType']['input']>;\n  operator?: InputMaybe<FieldFilterOperatorsDto>;\n};\n\n/** Defines the operator of field compare */\nexport enum FieldFilterOperatorsDto {\n  AnyEqDto = 'ANY_EQ',\n  EqualsDto = 'EQUALS',\n  GreaterEqualThanDto = 'GREATER_EQUAL_THAN',\n  GreaterThanDto = 'GREATER_THAN',\n  InDto = 'IN',\n  LessEqualThanDto = 'LESS_EQUAL_THAN',\n  LessThanDto = 'LESS_THAN',\n  LikeDto = 'LIKE',\n  MatchRegExDto = 'MATCH_REG_EX',\n  NotEqualsDto = 'NOT_EQUALS',\n  NotInDto = 'NOT_IN'\n}\n\n\nexport type SearchFilterDto = {\n  attributeNames?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;\n  language?: InputMaybe<Scalars['String']['input']>;\n  searchTerm: Scalars['String']['input'];\n  type?: InputMaybe<SearchFilterTypesDto>;\n};\n\n/** The type of search that is used (a text based search using text analysis (high performance, scoring, maybe more false positives) or filtering of attributes (lower performance, more exact results) */\nexport enum SearchFilterTypesDto {\n  AttributeFilterDto = 'ATTRIBUTE_FILTER',\n  TextSearchDto = 'TEXT_SEARCH'\n}\n\nexport type SortDto = {\n  attributeName: Scalars['String']['input'];\n  sortOrder?: InputMaybe<SortOrdersDto>;\n};\n\n/** Defines the sort order */\nexport enum SortOrdersDto {\n  AscendingDto = 'ASCENDING',\n  DefaultDto = 'DEFAULT',\n  DescendingDto = 'DESCENDING'\n}\n\n//==============================================================\n// END Enums and Input Objects\n//==============================================================\n","import { MatPaginator } from '@angular/material/paginator';\nimport { MatSort, SortDirection } from '@angular/material/sort';\nimport { ElementRef, EventEmitter } from '@angular/core';\nimport { fromEvent, merge } from 'rxjs';\nimport { debounceTime, distinctUntilChanged, tap } from 'rxjs/operators';\nimport { SearchFilterDto, SearchFilterTypesDto, SortDto, SortOrdersDto } from './globalTypes';\n\nexport class OctoListNavigationDataInfo {\n  skip: number;\n  take: number;\n  searchFilter?: SearchFilterDto;\n  sort?: SortDto[];\n\n  constructor() {\n    this.skip = 0;\n    this.take = 10;\n  }\n}\n\nexport class OctoListNavigationOptions {\n  language: string | null;\n  searchFilterType?: SearchFilterTypesDto;\n  searchFilterAttributeNames?: string[];\n\n  constructor() {\n    this.language = null;\n  }\n}\n\nexport class OctoListNavigation {\n  public loadDataRequest = new EventEmitter<OctoListNavigationDataInfo>();\n\n  lastSortDirection: SortDirection | null;\n  lastSortField: string | null;\n  lastSearchText: string | null;\n\n  constructor(\n    private readonly paginator: MatPaginator,\n    private readonly sort: MatSort,\n    private readonly searchBox?: ElementRef<HTMLInputElement>,\n    private readonly octoOptions?: OctoListNavigationOptions\n  ) {\n    this.lastSortDirection = null;\n    this.lastSortField = null;\n    this.lastSearchText = null;\n  }\n\n  public get loadDataInfo(): OctoListNavigationDataInfo {\n    const filterString = this.searchBox?.nativeElement.value;\n    const sortField = this.sort.active;\n    const sortDirection = this.sort.direction;\n\n    let filter = null;\n    if (filterString && this.octoOptions) {\n      filter = {\n        language: this.octoOptions.language,\n        searchTerm: filterString,\n        type: this.octoOptions.searchFilterType,\n        attributeNames: this.octoOptions.searchFilterAttributeNames\n      } as SearchFilterDto;\n    }\n\n    const sort = [];\n    if (sortField && sortDirection) {\n      sort.push(({\n        attributeName: sortField,\n        sortOrder: sortDirection === 'asc' ? SortOrdersDto.AscendingDto : SortOrdersDto.DescendingDto\n      } as SortDto));\n    }\n\n    return {\n      skip: this.paginator.pageIndex * this.paginator.pageSize,\n      take: this.paginator.pageSize,\n      searchFilter: filter,\n      sort\n    } as OctoListNavigationDataInfo;\n  }\n\n  init(): void {\n\n    if (this.searchBox) {\n      // server-side search\n      fromEvent<ElementRef>(this.searchBox.nativeElement, 'keyup')\n        .pipe(\n          debounceTime(500),\n          distinctUntilChanged(),\n          tap(() => {\n            this.paginator.pageIndex = 0;\n            if (!this.searchBox) {\n              return;\n            }\n\n            const searchText = this.searchBox.nativeElement.value;\n\n            if (!this.lastSearchText && searchText) {\n              this.lastSortDirection = this.sort.direction;\n              this.lastSortField = this.sort.active;\n\n              // Reset sorting to see the score rating (default sorting returned from server)\n              this.sort.sort({ id: '', start: 'asc', disableClear: false });\n            }\n\n            this.lastSearchText = searchText;\n\n            if (!searchText && this.lastSortField) {\n              if (this.lastSortDirection === 'asc') {\n                this.sort.sort({\n                  id: this.lastSortField,\n                  start: 'asc',\n                  disableClear: true\n                });\n              } else if (this.lastSortDirection === 'desc') {\n                this.sort.sort({\n                  id: this.lastSortField,\n                  start: 'desc',\n                  disableClear: true\n                });\n              }\n            }\n\n            this.loadData();\n          })\n        )\n        .subscribe();\n    }\n\n    // reset the paginator after sorting\n    this.sort.sortChange.subscribe(() => (this.paginator.pageIndex = 0));\n\n    merge(this.sort.sortChange, this.paginator.page)\n      .pipe(\n        tap(() => {\n          this.loadData();\n        })\n      )\n      .subscribe();\n  }\n\n  private loadData(): void {\n    this.loadDataRequest.emit(this.loadDataInfo);\n  }\n}\n","import { map, of, Subscription } from 'rxjs';\nimport { catchError } from 'rxjs/operators';\nimport { DataSourceBase, MessageService, PagedResultDto } from '@meshmakers/shared-services';\nimport { FieldFilterDto, InputMaybe, SearchFilterDto, SortDto } from './globalTypes';\nimport { Query, QueryRef } from 'apollo-angular';\nimport type { ApolloQueryResult, OperationVariables } from '@apollo/client/core';\nimport { GraphQL } from '@meshmakers/octo-services';\n\nexport interface IQueryVariablesDto extends OperationVariables {\n  first?: number | null | undefined;\n  after?: string | null | undefined;\n  sort?: InputMaybe<InputMaybe<SortDto> | InputMaybe<SortDto>[]> | undefined;\n  searchFilter?: InputMaybe<SearchFilterDto> | undefined;\n  fieldFilters?: InputMaybe<InputMaybe<FieldFilterDto>[] | InputMaybe<FieldFilterDto>>;\n}\n\nexport abstract class GraphQlDataSource<TDto> extends DataSourceBase<TDto> {\n  public abstract refetch(): Promise<void>;\n\n  public abstract refetchWith(\n    skip?: number,\n    take?: number,\n    searchFilter?: SearchFilterDto | null,\n    fieldFilter?: FieldFilterDto[] | null,\n    sort?: SortDto[] | null\n  ): Promise<void>;\n\n  public abstract loadData(\n    skip?: number,\n    take?: number,\n    searchFilter?: SearchFilterDto | null,\n    fieldFilter?: FieldFilterDto[] | null,\n    sort?: SortDto[] | null\n  ): void;\n}\n\nexport class NewGraphQlDataSource<TDto, TQueryDto, TVariablesDto extends IQueryVariablesDto> extends GraphQlDataSource<TDto> {\n  private queryRef: QueryRef<TQueryDto, TVariablesDto> | null;\n  private subscription: Subscription | null;\n\n  constructor(\n    protected messageService: MessageService,\n    private readonly query: Query<TQueryDto, TVariablesDto>,\n    private readonly defaultSort: SortDto[] | null = null\n  ) {\n    super();\n    this.queryRef = null;\n    this.subscription = null;\n  }\n\n  override clear(): void {\n    super.clear();\n    this.queryRef?.stopPolling();\n    this.queryRef = null;\n    this.subscription?.unsubscribe();\n    this.subscription = null;\n  }\n\n  public async refetch(): Promise<void> {\n    await this.queryRef?.refetch();\n  }\n\n  public async refetchWith(\n    skip = 0,\n    take = 10,\n    searchFilter: SearchFilterDto | null = null,\n    fieldFilter: FieldFilterDto[] | null = null,\n    sort: SortDto[] | null = null\n  ): Promise<void> {\n    const variables = this.createVariables(skip, take, searchFilter, fieldFilter, sort);\n    await this.queryRef?.refetch(variables);\n  }\n\n  protected createVariables(\n    skip = 0,\n    take = 10,\n    searchFilter: SearchFilterDto | null = null,\n    fieldFilter: FieldFilterDto[] | null = null,\n    sort: SortDto[] | null = null\n  ): TVariablesDto {\n    // Default sort\n    if ((!sort || (sort && sort.length === 0)) && searchFilter === null) {\n      sort = new Array<SortDto>();\n      if (this.defaultSort) {\n        sort = this.defaultSort;\n      }\n    }\n\n    return {\n      first: take,\n      after: GraphQL.offsetToCursor(skip),\n      sort,\n      searchFilter,\n      fieldFilters: fieldFilter\n    } as TVariablesDto;\n  }\n\n  public loadData(\n    skip = 0,\n    take = 10,\n    searchFilter: SearchFilterDto | null = null,\n    fieldFilter: FieldFilterDto[] | null = null,\n    sort: SortDto[] | null = null\n  ): void {\n    super.onBeginLoad();\n    this.clear();\n\n    const variables = this.createVariables(skip, take, searchFilter, fieldFilter, sort);\n    this.queryRef = this.query.watch(variables);\n\n    this.subscription = this.queryRef.valueChanges\n      .pipe(map((v, i) => this.executeLoad(v, i)))\n      .pipe(\n        catchError((error: string) => {\n          this.messageService.showError(error, 'Error during load of data');\n\n          return of(new PagedResultDto<TDto>());\n        })\n      )\n      .subscribe((pagedResult) => {\n        super.onCompleteLoad(pagedResult);\n      });\n  }\n\n  protected executeLoad(value: ApolloQueryResult<TQueryDto>, index: number): PagedResultDto<TDto> {\n    return new PagedResultDto<TDto>();\n  }\n}\n","import { Component, ElementRef, Input, ViewChild, OnInit, AfterViewInit } from '@angular/core';\nimport { MatPaginator, PageEvent } from \"@angular/material/paginator\";\nimport { MatSort, MatSortHeader } from '@angular/material/sort';\nimport { BehaviorSubject, fromEvent, merge } from 'rxjs';\nimport { debounceTime, distinctUntilChanged, tap } from 'rxjs/operators';\n\nimport { AsyncPipe, NgClass, NgForOf, NgIf, TitleCasePipe } from \"@angular/common\";\nimport { MatButton } from '@angular/material/button';\nimport {\n  MatCell,\n  MatCellDef,\n  MatColumnDef,\n  MatHeaderCell,\n  MatHeaderCellDef,\n  MatHeaderRow,\n  MatHeaderRowDef,\n  MatRow,\n  MatRowDef,\n  MatTable\n} from '@angular/material/table';\nimport { MatFormField, MatLabel } from '@angular/material/form-field';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatInput } from '@angular/material/input';\nimport { MatProgressBar } from '@angular/material/progress-bar';\nimport { MatToolbar } from '@angular/material/toolbar';\nimport { RouterLink } from '@angular/router';\n\n\n// pascal-case.pipe.ts\nimport { Pipe, PipeTransform } from '@angular/core';\nimport { MatTooltip } from \"@angular/material/tooltip\";\nimport { NewGraphQlDataSource } from \"../list-element/newGraphQlDataSource\";\nimport { SearchFilterDto, SearchFilterTypesDto, SortDto, SortOrdersDto } from \"../list-element/globalTypes\";\n\n@Pipe({\n  standalone: true,\n  name: \"pascalCase\"\n})\nexport class PascalCasePipe implements PipeTransform {\n  transform(value: string): string {\n    if (!value) return value;\n    return value.charAt(0).toUpperCase() + value.slice(1);\n  }\n}\n\nexport interface DataColumns {\n  columnNames: string[];\n  accessPaths: Record<string, string>\n}\n\nexport interface ActionColumn {\n  columnName: string;\n  iconName: string;\n}\n\n\n@Component({\n  selector: 'mm-octo-table',\n  standalone: true,\n  imports: [\n    AsyncPipe,\n    MatButton,\n    MatCell,\n    MatCellDef,\n    MatColumnDef,\n    MatFormField,\n    MatHeaderCell,\n    MatHeaderRow,\n    MatHeaderRowDef,\n    MatIcon,\n    MatInput,\n    MatLabel,\n    MatPaginator,\n    MatProgressBar,\n    MatRow,\n    MatRowDef,\n    MatSort,\n    MatSortHeader,\n    MatTable,\n    MatToolbar,\n    NgIf,\n    RouterLink,\n    MatHeaderCellDef,\n    NgForOf,\n    TitleCasePipe,\n    NgClass,\n    PascalCasePipe,\n    MatTooltip\n  ],\n  templateUrl: './mm-octo-table.component.html',\n  styleUrl: './mm-octo-table.component.scss'\n})\nexport class MmOctoTableComponent implements OnInit, AfterViewInit {\n  @Input() dataSource!: NewGraphQlDataSource<any, any, any>;\n  @Input() dataColumns: DataColumns =  { columnNames: [], accessPaths: {} };\n  @Input() actionColumns: ActionColumn[] = [];\n  @Input() searchFilterColumns: string[] = [];\n  @Input() currentRoute = \"\";\n  @Input() currentId = \"\";\n\n  @Input() pageSizeOptions= [10, 20, 50];\n  @Input() selectedPageSize = 10;\n  selectedPageSizeSubject: BehaviorSubject<number> = new BehaviorSubject<number>(this.selectedPageSize);\n\n\n  @ViewChild(MatPaginator, { static: false }) paginator?: MatPaginator;\n  @ViewChild(MatSort, { static: false }) sort?: MatSort;\n  @ViewChild('input', { static: false }) input?: ElementRef<HTMLInputElement>;\n\n  protected loading = false;\n  protected isMobile: boolean;\n\n  constructor() {\n    this.isMobile = false;\n  }\n\n  ngOnInit(): void {\n\n    this.selectedPageSizeSubject.next(this.selectedPageSize);\n    // at least add the currentId to the search filter columns\n    if(this.currentId && !this.searchFilterColumns.includes(this.currentId)) {\n      this.searchFilterColumns.push(this.currentId);\n    }\n\n    if (!this.dataSource) {\n      throw new Error('No dataSource provided');\n    }\n  }\n\n  // noinspection JSUnusedGlobalSymbols\n  ngAfterViewInit(): void {\n    if (this.sort && this.input && this.paginator) {\n      // server-side search\n      fromEvent(this.input.nativeElement, 'keyup')\n        .pipe(\n          debounceTime(500),\n          distinctUntilChanged(),\n          tap(() => {\n            if (this.paginator) {\n              this.paginator.pageIndex = 0;\n            }\n            this.loadData();\n          })\n        )\n        .subscribe();\n\n      // reset the paginator after sorting\n      this.sort.sortChange.subscribe(() => {\n        if (this.paginator) this.paginator.pageIndex = 0;\n      });\n\n      merge(this.sort.sortChange, this.paginator.page)\n        .pipe(\n          tap(() => {\n            this.loadData();\n          })\n        )\n        .subscribe();\n    }\n  }\n\n  loadData(): void {\n    if (!this.input || !this.sort) {\n      return;\n    }\n    const filterString = this.input.nativeElement.value;\n    const field = this.sort.active;\n    const direction = this.sort.direction;\n\n    let filter = null;\n    if (filterString) {\n      filter = {\n        type: SearchFilterTypesDto.AttributeFilterDto,\n        attributeNames: this.searchFilterColumns,\n        searchTerm: filterString\n      } as SearchFilterDto;\n    }\n\n    const sort = [];\n    if (field) {\n      sort.push(({\n        attributeName: field,\n        sortOrder: direction === 'asc' ? SortOrdersDto.AscendingDto : SortOrdersDto.DescendingDto\n      } as SortDto));\n    }\n\n    if (this.paginator) {\n      this.dataSource?.loadData(this.paginator.pageIndex * this.paginator.pageSize, this.paginator.pageSize, filter, null, sort);\n    }\n  }\n\n  protected readonly encodeURIComponent = encodeURIComponent;\n\n  accessElement(element:any, column: string, accessPaths: Record<string, string>): any {\n    // get keys of accessPaths\n    const keys = Object.keys(accessPaths);\n    // check if column is in keys\n    if(!keys.includes(column)) {\n      return element[column];\n    }\n\n    try {\n      // if column is in accessPaths, try split accessPaths[column] by '.' and access element\n      const path = accessPaths[column].split('.');\n      let result = element;\n      for (const p of path) {\n        result = result[p];\n      }\n      return result;\n    } catch (e) {\n      //console.log(`Error accessing element: ${e}`);\n      return \"NONE\";\n    }\n  }\n\n  selectedPageSizeChanged($event: PageEvent) {\n    console.log($event.pageSize)\n    this.selectedPageSizeSubject.next($event.pageSize);\n  }\n\n  getActionColumnNames(): string[] {\n    return this.actionColumns.map(ac => ac.columnName);\n  }\n}\n","<div>\n  <mat-progress-bar *ngIf=\"loading || (dataSource?.loading$ | async)\" mode=\"indeterminate\"></mat-progress-bar>\n</div>\n\n<mat-toolbar class=\"octo-toolbar octo-detail-toolbar\">\n  <div class=\"octo-spacer\"></div>\n\n  <div class=\"octo-toolbar-search\">\n    <mat-form-field appearance=\"outline\">\n      <mat-label>\n        <mat-icon class=\"material-symbols-outlined\">search</mat-icon>\n        Search\n      </mat-label>\n      <input #input matInput [disabled]=\"loading\">\n    </mat-form-field>\n  </div>\n</mat-toolbar>\n\n<mat-table [class.isMobile]=\"isMobile\" [dataSource]=\"dataSource\" class=\"mat-elevation-z8 table-container\" mat-table matSort matSortActive=\"{{currentId}}\" matSortDirection=\"asc\" matSortDisableClear=\"true\">\n\n  <ng-container *ngFor=\"let column of dataColumns?.columnNames\" [matColumnDef]=\"column\">\n    <mat-header-cell *matHeaderCellDef mat-sort-header> {{ column | pascalCase }} </mat-header-cell>\n    <mat-cell *matCellDef=\"let element\">\n      @if (isMobile) {\n        <span>{{ column | pascalCase }}:</span>‚\n      }\n      {{ accessElement(element, column, dataColumns.accessPaths)}}\n    </mat-cell>\n  </ng-container>\n\n  <!-- Action Column -->\n\n  @if (actionColumns.length > 0) {\n    @for (column of actionColumns; track column) {\n      <ng-container matColumnDef=\"{{column.columnName}}\">\n        <mat-header-cell *matHeaderCellDef></mat-header-cell>\n        <mat-cell *matCellDef=\"let element\">\n          <button mat-button routerLink=\"{{currentRoute}}/{{encodeURIComponent(element[currentId])}}\">\n            <mat-icon class=\"material-symbols-outlined\">{{ column.iconName }}</mat-icon>\n          </button>\n        </mat-cell>\n      </ng-container>\n    }\n    <mat-header-row *matHeaderRowDef=\"dataColumns?.columnNames?.concat(getActionColumnNames())\"></mat-header-row>\n    <mat-row *matRowDef=\"let row; columns: dataColumns?.columnNames?.concat(getActionColumnNames())\"></mat-row>\n  } @else {\n    <mat-header-row *matHeaderRowDef=\"dataColumns?.columnNames\"></mat-header-row>\n    <mat-row *matRowDef=\"let row; columns: dataColumns?.columnNames\"></mat-row>\n  }\n\n</mat-table>\n\n\n<mat-paginator [length]=\"dataSource?.totalCount$ | async\" (page)=\"selectedPageSizeChanged($event)\" [pageSizeOptions]=\"pageSizeOptions\"\n               [pageSize]=\"selectedPageSizeSubject.getValue()\"></mat-paginator>\n","import { NgModule } from '@angular/core';\nimport { MmOctoTableComponent } from \"./mm-octo-table/mm-octo-table.component\";\n\n\n\n@NgModule({\n  declarations: [\n\n  ],\n  imports: [\n    MmOctoTableComponent\n  ],\n  exports: [\n    MmOctoTableComponent\n  ]\n})\nexport class MmOctoUiModule { }\n","/*\n * Public API Surface of octo-ui\n */\n\nexport * from './lib/list-element/list-element.module';\nexport * from './lib/list-element/octoListNavigation';\nexport * from './lib/list-element/newGraphQlDataSource';\nexport * from './lib/list-element/globalTypes';\n\nexport * from './lib/mm-octo-table/mm-octo-table.component';\nexport * from './lib/mm-octo-ui.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/lib/mm-octo-table/mm-octo-table.component.d.ts

@@ -0,0 +1,46 @@
+import { ElementRef, OnInit, AfterViewInit } from '@angular/core';
+import { MatPaginator, PageEvent } from "@angular/material/paginator";
+import { MatSort } from '@angular/material/sort';
+import { BehaviorSubject } from 'rxjs';
+import { PipeTransform } from '@angular/core';
+import { NewGraphQlDataSource } from "../list-element/newGraphQlDataSource";
+import * as i0 from "@angular/core";
+export declare class PascalCasePipe implements PipeTransform {
+    transform(value: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PascalCasePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<PascalCasePipe, "pascalCase", true>;
+}
+export interface DataColumns {
+    columnNames: string[];
+    accessPaths: Record<string, string>;
+}
+export interface ActionColumn {
+    columnName: string;
+    iconName: string;
+}
+export declare class MmOctoTableComponent implements OnInit, AfterViewInit {
+    dataSource: NewGraphQlDataSource<any, any, any>;
+    dataColumns: DataColumns;
+    actionColumns: ActionColumn[];
+    searchFilterColumns: string[];
+    currentRoute: string;
+    currentId: string;
+    pageSizeOptions: number[];
+    selectedPageSize: number;
+    selectedPageSizeSubject: BehaviorSubject<number>;
+    paginator?: MatPaginator;
+    sort?: MatSort;
+    input?: ElementRef<HTMLInputElement>;
+    protected loading: boolean;
+    protected isMobile: boolean;
+    constructor();
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    loadData(): void;
+    protected readonly encodeURIComponent: typeof encodeURIComponent;
+    accessElement(element: any, column: string, accessPaths: Record<string, string>): any;
+    selectedPageSizeChanged($event: PageEvent): void;
+    getActionColumnNames(): string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<MmOctoTableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MmOctoTableComponent, "mm-octo-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "dataColumns": { "alias": "dataColumns"; "required": false; }; "actionColumns": { "alias": "actionColumns"; "required": false; }; "searchFilterColumns": { "alias": "searchFilterColumns"; "required": false; }; "currentRoute": { "alias": "currentRoute"; "required": false; }; "currentId": { "alias": "currentId"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "selectedPageSize": { "alias": "selectedPageSize"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/mm-octo-ui.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./mm-octo-table/mm-octo-table.component";
+export declare class MmOctoUiModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MmOctoUiModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MmOctoUiModule, never, [typeof i1.MmOctoTableComponent], [typeof i1.MmOctoTableComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MmOctoUiModule>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meshmakers/octo-ui",
-  "version": "3.1.173-0",
+  "version": "3.1.178-0",
   "peerDependencies": {
     "@angular/common": "^18.2.1",
     "@angular/core": "^18.2.1"

package/public-api.d.ts

@@ -2,3 +2,5 @@ export * from './lib/list-element/list-element.module';
 export * from './lib/list-element/octoListNavigation';
 export * from './lib/list-element/newGraphQlDataSource';
 export * from './lib/list-element/globalTypes';
+export * from './lib/mm-octo-table/mm-octo-table.component';
+export * from './lib/mm-octo-ui.module';