ngx-techlify-checksheet 18.3.0 → 18.5.0

package/fesm2022/ngx-techlify-checksheet.mjs

@@ -1476,6 +1476,7 @@ class ChecksheetFormButtonComponent {
     router;
     submittableType = 'fixed-asset';
     submittableId;
+    basePath = ['/'];
     saved = new EventEmitter();
     constructor(matDialog, alertService, router) {
         this.matDialog = matDialog;
@@ -1500,13 +1501,15 @@ class ChecksheetFormButtonComponent {
         this.matDialog.closeAll();
         this.alertService.addAlert('The Checksheet is saved successfully!', 'success');
         this.router.navigate([
-            '/checksheets/checksheets',
+            ...this.basePath,
+            'checksheets',
+            'checksheets',
             checksheet?.id,
             'view'
         ]);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChecksheetFormButtonComponent, deps: [{ token: i1$1.MatDialog }, { token: i1.AlertService }, { token: i4$1.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ChecksheetFormButtonComponent, selector: "app-checksheet-form-button", inputs: { submittableType: "submittableType", submittableId: "submittableId" }, outputs: { saved: "saved" }, ngImport: i0, template: "<mat-icon\n  class=\"cursor-pointer text-secondary\"\n  (click)=\"openForm(formTemplate)\"\n>\n  add\n</mat-icon>\n\n<ng-template #formTemplate>\n  <app-checksheet-form\n    mat-dialog-content\n    (cancelled)=\"matDialog.closeAll()\"\n    (saved)=\"onSaved($event)\"\n    [submittableType]=\"submittableType\"\n    [submittableId]=\"submittableId\"\n  ></app-checksheet-form>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ChecksheetFormComponent, selector: "app-checksheet-form", inputs: ["submittableType", "submittableId", "checksheetSubmission"], outputs: ["cancelled", "saved"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ChecksheetFormButtonComponent, selector: "app-checksheet-form-button", inputs: { submittableType: "submittableType", submittableId: "submittableId", basePath: "basePath" }, outputs: { saved: "saved" }, ngImport: i0, template: "<mat-icon\n  class=\"cursor-pointer text-secondary\"\n  (click)=\"openForm(formTemplate)\"\n>\n  add\n</mat-icon>\n\n<ng-template #formTemplate>\n  <app-checksheet-form\n    mat-dialog-content\n    (cancelled)=\"matDialog.closeAll()\"\n    (saved)=\"onSaved($event)\"\n    [submittableType]=\"submittableType\"\n    [submittableId]=\"submittableId\"\n  ></app-checksheet-form>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ChecksheetFormComponent, selector: "app-checksheet-form", inputs: ["submittableType", "submittableId", "checksheetSubmission"], outputs: ["cancelled", "saved"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChecksheetFormButtonComponent, decorators: [{
             type: Component,
@@ -1515,6 +1518,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], submittableId: [{
                 type: Input
+            }], basePath: [{
+                type: Input
             }], saved: [{
                 type: Output
             }] } });
@@ -1746,14 +1751,14 @@ let ChecksheetListComponent = class ChecksheetListComponent extends TechlifyList
         return this.router.navigate(fullPath);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChecksheetListComponent, deps: [{ token: i1.AlertService }, { token: i2.UntypedFormBuilder }, { token: ChecksheetService }, { token: i1.RequestHelperService }, { token: i4$1.ActivatedRoute }, { token: i4$1.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ChecksheetListComponent, selector: "app-checksheet-list", inputs: { submittableId: "submittableId", submittableType: "submittableType", basePath: "basePath" }, usesInheritance: true, ngImport: i0, template: "<mat-card>\n  <mat-card-content class=\"d-flex justify-content-between align-items-center gap-2\">\n    <div class=\"d-flex justify-content-center align-items-center gap-2\">\n      <h3 class=\"m-0 font-weight-bold\">Checksheets</h3>\n      <app-checksheet-form-button class=\"mt-1\" [submittableType]=\"submittableType\" [submittableId]=\"submittableId\">\n      </app-checksheet-form-button>\n      <a (click)=\"navigateTo(['checksheets', 'checksheet-format-list'])\" mat-raised-button>Formats</a>\n    </div>\n\n    <form fxLayout=\"row wrap\" fxLayoutGap=\"1rem\" [formGroup]=\"filterForm\">\n      <mat-form-field>\n        <mat-label>Search</mat-label>\n        <input matInput formControlName=\"search\" placeholder=\"Search Checksheets\">\n      </mat-form-field>\n\n      <app-timeline-filter\n        formControlName=\"duration\"\n        (selectionChange)=\"onDurationChange($event)\"\n        [dateFrom]=\"filterForm.value?.date_from\"\n        [dateTo]=\"filterForm.value?.date_to\"\n        appearance=\"fill\"\n      ></app-timeline-filter>\n\n      <mat-form-field>\n        <mat-label>Status</mat-label>\n        <app-searchable-selector\n          formControlName=\"status_ids\"\n          apiUrl=\"api/checksheet-submission-statuses\"\n          [enableSearch]=\"false\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field *ngxPermissionsOnly=\"['user_read']\">\n        <mat-label>Creator</mat-label>\n        <app-searchable-selector\n          formControlName=\"creator_ids\"\n          apiUrl=\"api/users\"\n          [enableSearch]=\"true\"\n          titleField=\"name\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field *ngxPermissionsOnly=\"['user_read']\">\n        <mat-label>Reviewer</mat-label>\n        <app-searchable-selector\n          formControlName=\"reviewer_ids\"\n          apiUrl=\"api/users\"\n          [enableSearch]=\"true\"\n          titleField=\"name\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field>\n        <mat-label>Format</mat-label>\n        <app-searchable-selector\n          formControlName=\"format_ids\"\n          apiUrl=\"api/checksheet-formats?is_published=1\"\n          [enableSearch]=\"true\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n    </form>\n  </mat-card-content>\n</mat-card>\n\n<mat-card\n  class=\"p-0 mt-3\"\n  infiniteScroll\n  [infiniteScrollDistance]=\"2\"\n  [infiniteScrollThrottle]=\"50\"\n  (scrolled)=\"onScroll()\"\n  [fromRoot]=\"true\"\n>\n  <table\n    mat-table\n    [dataSource]=\"models\"\n    class=\"w-100\"\n    multiTemplateDataRows\n    aria-describedby=\"Checksheets\"\n    matSort\n    (matSortChange)=\"onSortChange($event)\"\n  >\n    <!-- Index Column -->\n    <ng-container matColumnDef=\"index\">\n      <th mat-header-cell *matHeaderCellDef>#</th>\n      <td mat-cell *matCellDef=\"let element; let i = dataIndex\">\n        {{ i + 1 }}\n      </td>\n    </ng-container>\n\n    <!-- Format Column -->\n    <ng-container matColumnDef=\"format.title\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Format</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element?.format?.title }}\n      </td>\n    </ng-container>\n\n    <!-- Creator Column -->\n    <ng-container matColumnDef=\"creator.name\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Creator</th>\n      <td mat-cell *matCellDef=\"let element\">\n        <p class=\"mb-0\">{{ element?.creator?.name }}</p>\n        <small class=\"text-secondary\">{{ element?.created_at | date }}</small>\n      </td>\n    </ng-container>\n\n    <!-- Reviewer Column -->\n    <ng-container matColumnDef=\"reviewer.name\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Reviewer</th>\n      <td mat-cell *matCellDef=\"let element\">\n        <p class=\"mb-0\">{{ element?.reviewer?.name }}</p>\n        <small class=\"text-secondary\" *ngIf=\"element?.reviewed_at\">{{ element?.reviewed_at | date }}</small>\n      </td>\n    </ng-container>\n\n    <!-- For Column -->\n    <ng-container matColumnDef=\"for\">\n      <th mat-header-cell *matHeaderCellDef>For</th>\n      <td mat-cell *matCellDef=\"let element\">\n        <a\n          class=\"mb-0 text-decoration-none text-dark\"\n          *ngIf=\"element?.submittable\"\n          [routerLink]=\"['/fixed-assets/', element?.submittable_id, 'read']\"\n        >\n          {{ element?.submittable?.name }}\n        </a> <br>\n        <small class=\"text-secondary\" *ngIf=\"element?.submittable_type\">{{ element?.submittable_type }}</small>\n      </td>\n    </ng-container>\n\n    <!-- Status Column -->\n    <ng-container matColumnDef=\"status.title\">\n      <th mat-header-cell *matHeaderCellDef>Status</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element?.status?.title }}\n      </td>\n    </ng-container>\n\n    <!-- Date Column -->\n    <ng-container matColumnDef=\"date\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Date</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element.date | date }}\n      </td>\n    </ng-container>\n\n    <!-- Actions Column -->\n    <ng-container matColumnDef=\"actions\">\n      <th mat-header-cell *matHeaderCellDef>Actions</th>\n      <td mat-cell *matCellDef=\"let element;\">\n        <div class=\"d-flex gap-2\">\n          <mat-icon\n            (click)=\"navigateTo(['checksheets', 'checksheets-view', element?.id])\"\n            class=\"cursor-pointer\"\n          >\n            visibility\n          </mat-icon>\n\n          <mat-icon\n            *ngIf=\"element.status_id === 1\"\n            (click)=\"navigateTo(['checksheets', 'checksheets', element?.id, 'view'])\"\n            class=\"cursor-pointer\"\n          >\n            edit\n          </mat-icon>\n          <app-checksheet-review-button\n            [submission]=\"element\"\n            [requestParams]=\"{ with: this.with }\"\n            (reviewed)=\"reload()\"\n          ></app-checksheet-review-button>\n          <app-checksheet-submission-delete-button\n            [checksheetSubmission]=\"element\"\n            (deleted)=\"onDeleted()\"\n          ></app-checksheet-submission-delete-button>\n        </div>\n      </td>\n    </ng-container>\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n  </table>\n  <mat-progress-bar *ngIf=\"isWorking\" mode=\"indeterminate\"></mat-progress-bar>\n</mat-card>\n", styles: [".scroll-container{max-height:800px;overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i6.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i6.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "component", type: i7.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i11.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i9.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: i13.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i13.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i7$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i7$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i7$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i7$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i7$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i7$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i7$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i7$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i7$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i7$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i15.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i7$2.InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { kind: "component", type: i1.SearchableSelectorComponent, selector: "app-searchable-selector", inputs: ["valueField", "titleField", "subtitleField", "apiUrl", "multiple", "selectedValue", "enableSearch", "add", "addConfig", "edit", "editConfig", "sort", "sortBy", "searchField", "itemComponent", "items", "apiDataProperty", "cache", "perPage", "inDataSearch", "panelWidth", "focusSearchOnOpen", "required", "disabled", "value"], outputs: ["selectedValueChange", "selectionChange", "itemsChange"] }, { kind: "component", type: i1.TimelineFilterComponent, selector: "app-timeline-filter", inputs: ["defaultValue", "required", "disabled", "value", "timelines", "dateFrom", "dateTo", "appearance", "showClearButton", "form", "labelText"], outputs: ["selectionChange"] }, { kind: "component", type: ChecksheetFormButtonComponent, selector: "app-checksheet-form-button", inputs: ["submittableType", "submittableId"], outputs: ["saved"] }, { kind: "component", type: ChecksheetSubmissionDeleteButtonComponent, selector: "app-checksheet-submission-delete-button", inputs: ["checksheetSubmission"], outputs: ["deleted"] }, { kind: "component", type: ChecksheetReviewButtonComponent, selector: "app-checksheet-review-button", inputs: ["submission", "viewType", "requestParams"], outputs: ["reviewed"] }, { kind: "pipe", type: i4.DatePipe, name: "date" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ChecksheetListComponent, selector: "app-checksheet-list", inputs: { submittableId: "submittableId", submittableType: "submittableType", basePath: "basePath" }, usesInheritance: true, ngImport: i0, template: "<mat-card>\n  <mat-card-content class=\"d-flex justify-content-between align-items-center gap-2\">\n    <div class=\"d-flex justify-content-center align-items-center gap-2\">\n      <h3 class=\"m-0 font-weight-bold\">Checksheets</h3>\n      <app-checksheet-form-button class=\"mt-1\" [submittableType]=\"submittableType\" [submittableId]=\"submittableId\"\n                                  [basePath]=\"basePath\">\n      </app-checksheet-form-button>\n      <a (click)=\"navigateTo(['checksheets', 'checksheet-format-list'])\" mat-raised-button>Formats</a>\n    </div>\n\n    <form fxLayout=\"row wrap\" fxLayoutGap=\"1rem\" [formGroup]=\"filterForm\">\n      <mat-form-field>\n        <mat-label>Search</mat-label>\n        <input matInput formControlName=\"search\" placeholder=\"Search Checksheets\">\n      </mat-form-field>\n\n      <app-timeline-filter\n        formControlName=\"duration\"\n        (selectionChange)=\"onDurationChange($event)\"\n        [dateFrom]=\"filterForm.value?.date_from\"\n        [dateTo]=\"filterForm.value?.date_to\"\n        appearance=\"fill\"\n      ></app-timeline-filter>\n\n      <mat-form-field>\n        <mat-label>Status</mat-label>\n        <app-searchable-selector\n          formControlName=\"status_ids\"\n          apiUrl=\"api/checksheet-submission-statuses\"\n          [enableSearch]=\"false\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field *ngxPermissionsOnly=\"['user_read']\">\n        <mat-label>Creator</mat-label>\n        <app-searchable-selector\n          formControlName=\"creator_ids\"\n          apiUrl=\"api/users\"\n          [enableSearch]=\"true\"\n          titleField=\"name\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field *ngxPermissionsOnly=\"['user_read']\">\n        <mat-label>Reviewer</mat-label>\n        <app-searchable-selector\n          formControlName=\"reviewer_ids\"\n          apiUrl=\"api/users\"\n          [enableSearch]=\"true\"\n          titleField=\"name\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field>\n        <mat-label>Format</mat-label>\n        <app-searchable-selector\n          formControlName=\"format_ids\"\n          apiUrl=\"api/checksheet-formats?is_published=1\"\n          [enableSearch]=\"true\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n    </form>\n  </mat-card-content>\n</mat-card>\n\n<mat-card\n  class=\"p-0 mt-3\"\n  infiniteScroll\n  [infiniteScrollDistance]=\"2\"\n  [infiniteScrollThrottle]=\"50\"\n  (scrolled)=\"onScroll()\"\n  [fromRoot]=\"true\"\n>\n  <table\n    mat-table\n    [dataSource]=\"models\"\n    class=\"w-100\"\n    multiTemplateDataRows\n    aria-describedby=\"Checksheets\"\n    matSort\n    (matSortChange)=\"onSortChange($event)\"\n  >\n    <!-- Index Column -->\n    <ng-container matColumnDef=\"index\">\n      <th mat-header-cell *matHeaderCellDef>#</th>\n      <td mat-cell *matCellDef=\"let element; let i = dataIndex\">\n        {{ i + 1 }}\n      </td>\n    </ng-container>\n\n    <!-- Format Column -->\n    <ng-container matColumnDef=\"format.title\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Format</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element?.format?.title }}\n      </td>\n    </ng-container>\n\n    <!-- Creator Column -->\n    <ng-container matColumnDef=\"creator.name\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Creator</th>\n      <td mat-cell *matCellDef=\"let element\">\n        <p class=\"mb-0\">{{ element?.creator?.name }}</p>\n        <small class=\"text-secondary\">{{ element?.created_at | date }}</small>\n      </td>\n    </ng-container>\n\n    <!-- Reviewer Column -->\n    <ng-container matColumnDef=\"reviewer.name\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Reviewer</th>\n      <td mat-cell *matCellDef=\"let element\">\n        <p class=\"mb-0\">{{ element?.reviewer?.name }}</p>\n        <small class=\"text-secondary\" *ngIf=\"element?.reviewed_at\">{{ element?.reviewed_at | date }}</small>\n      </td>\n    </ng-container>\n\n    <!-- For Column -->\n    <ng-container matColumnDef=\"for\">\n      <th mat-header-cell *matHeaderCellDef>For</th>\n      <td mat-cell *matCellDef=\"let element\">\n        <a\n          class=\"mb-0 text-decoration-none text-dark\"\n          *ngIf=\"element?.submittable\"\n          [routerLink]=\"['/fixed-assets/', element?.submittable_id, 'read']\"\n        >\n          {{ element?.submittable?.name }}\n        </a> <br>\n        <small class=\"text-secondary\" *ngIf=\"element?.submittable_type\">{{ element?.submittable_type }}</small>\n      </td>\n    </ng-container>\n\n    <!-- Status Column -->\n    <ng-container matColumnDef=\"status.title\">\n      <th mat-header-cell *matHeaderCellDef>Status</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element?.status?.title }}\n      </td>\n    </ng-container>\n\n    <!-- Date Column -->\n    <ng-container matColumnDef=\"date\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Date</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element.date | date }}\n      </td>\n    </ng-container>\n\n    <!-- Actions Column -->\n    <ng-container matColumnDef=\"actions\">\n      <th mat-header-cell *matHeaderCellDef>Actions</th>\n      <td mat-cell *matCellDef=\"let element;\">\n        <div class=\"d-flex gap-2\">\n          <mat-icon\n            (click)=\"navigateTo(['checksheets', 'checksheets-view', element?.id])\"\n            class=\"cursor-pointer\"\n          >\n            visibility\n          </mat-icon>\n\n          <mat-icon\n            *ngIf=\"element.status_id === 1\"\n            (click)=\"navigateTo(['checksheets', 'checksheets', element?.id, 'view'])\"\n            class=\"cursor-pointer\"\n          >\n            edit\n          </mat-icon>\n          <app-checksheet-review-button\n            [submission]=\"element\"\n            [requestParams]=\"{ with: this.with }\"\n            (reviewed)=\"reload()\"\n          ></app-checksheet-review-button>\n          <app-checksheet-submission-delete-button\n            [checksheetSubmission]=\"element\"\n            (deleted)=\"onDeleted()\"\n          ></app-checksheet-submission-delete-button>\n        </div>\n      </td>\n    </ng-container>\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n  </table>\n  <mat-progress-bar *ngIf=\"isWorking\" mode=\"indeterminate\"></mat-progress-bar>\n</mat-card>\n", styles: [".scroll-container{max-height:800px;overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i6.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i6.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "component", type: i7.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i11.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i9.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: i13.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i13.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i7$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i7$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i7$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i7$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i7$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i7$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i7$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i7$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i7$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i7$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i15.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i7$2.InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { kind: "component", type: i1.SearchableSelectorComponent, selector: "app-searchable-selector", inputs: ["valueField", "titleField", "subtitleField", "apiUrl", "multiple", "selectedValue", "enableSearch", "add", "addConfig", "edit", "editConfig", "sort", "sortBy", "searchField", "itemComponent", "items", "apiDataProperty", "cache", "perPage", "inDataSearch", "panelWidth", "focusSearchOnOpen", "required", "disabled", "value"], outputs: ["selectedValueChange", "selectionChange", "itemsChange"] }, { kind: "component", type: i1.TimelineFilterComponent, selector: "app-timeline-filter", inputs: ["defaultValue", "required", "disabled", "value", "timelines", "dateFrom", "dateTo", "appearance", "showClearButton", "form", "labelText"], outputs: ["selectionChange"] }, { kind: "component", type: ChecksheetFormButtonComponent, selector: "app-checksheet-form-button", inputs: ["submittableType", "submittableId", "basePath"], outputs: ["saved"] }, { kind: "component", type: ChecksheetSubmissionDeleteButtonComponent, selector: "app-checksheet-submission-delete-button", inputs: ["checksheetSubmission"], outputs: ["deleted"] }, { kind: "component", type: ChecksheetReviewButtonComponent, selector: "app-checksheet-review-button", inputs: ["submission", "viewType", "requestParams"], outputs: ["reviewed"] }, { kind: "pipe", type: i4.DatePipe, name: "date" }] });
 };
 ChecksheetListComponent = __decorate([
     UntilDestroy()
 ], ChecksheetListComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChecksheetListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-checksheet-list', template: "<mat-card>\n  <mat-card-content class=\"d-flex justify-content-between align-items-center gap-2\">\n    <div class=\"d-flex justify-content-center align-items-center gap-2\">\n      <h3 class=\"m-0 font-weight-bold\">Checksheets</h3>\n      <app-checksheet-form-button class=\"mt-1\" [submittableType]=\"submittableType\" [submittableId]=\"submittableId\">\n      </app-checksheet-form-button>\n      <a (click)=\"navigateTo(['checksheets', 'checksheet-format-list'])\" mat-raised-button>Formats</a>\n    </div>\n\n    <form fxLayout=\"row wrap\" fxLayoutGap=\"1rem\" [formGroup]=\"filterForm\">\n      <mat-form-field>\n        <mat-label>Search</mat-label>\n        <input matInput formControlName=\"search\" placeholder=\"Search Checksheets\">\n      </mat-form-field>\n\n      <app-timeline-filter\n        formControlName=\"duration\"\n        (selectionChange)=\"onDurationChange($event)\"\n        [dateFrom]=\"filterForm.value?.date_from\"\n        [dateTo]=\"filterForm.value?.date_to\"\n        appearance=\"fill\"\n      ></app-timeline-filter>\n\n      <mat-form-field>\n        <mat-label>Status</mat-label>\n        <app-searchable-selector\n          formControlName=\"status_ids\"\n          apiUrl=\"api/checksheet-submission-statuses\"\n          [enableSearch]=\"false\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field *ngxPermissionsOnly=\"['user_read']\">\n        <mat-label>Creator</mat-label>\n        <app-searchable-selector\n          formControlName=\"creator_ids\"\n          apiUrl=\"api/users\"\n          [enableSearch]=\"true\"\n          titleField=\"name\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field *ngxPermissionsOnly=\"['user_read']\">\n        <mat-label>Reviewer</mat-label>\n        <app-searchable-selector\n          formControlName=\"reviewer_ids\"\n          apiUrl=\"api/users\"\n          [enableSearch]=\"true\"\n          titleField=\"name\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field>\n        <mat-label>Format</mat-label>\n        <app-searchable-selector\n          formControlName=\"format_ids\"\n          apiUrl=\"api/checksheet-formats?is_published=1\"\n          [enableSearch]=\"true\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n    </form>\n  </mat-card-content>\n</mat-card>\n\n<mat-card\n  class=\"p-0 mt-3\"\n  infiniteScroll\n  [infiniteScrollDistance]=\"2\"\n  [infiniteScrollThrottle]=\"50\"\n  (scrolled)=\"onScroll()\"\n  [fromRoot]=\"true\"\n>\n  <table\n    mat-table\n    [dataSource]=\"models\"\n    class=\"w-100\"\n    multiTemplateDataRows\n    aria-describedby=\"Checksheets\"\n    matSort\n    (matSortChange)=\"onSortChange($event)\"\n  >\n    <!-- Index Column -->\n    <ng-container matColumnDef=\"index\">\n      <th mat-header-cell *matHeaderCellDef>#</th>\n      <td mat-cell *matCellDef=\"let element; let i = dataIndex\">\n        {{ i + 1 }}\n      </td>\n    </ng-container>\n\n    <!-- Format Column -->\n    <ng-container matColumnDef=\"format.title\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Format</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element?.format?.title }}\n      </td>\n    </ng-container>\n\n    <!-- Creator Column -->\n    <ng-container matColumnDef=\"creator.name\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Creator</th>\n      <td mat-cell *matCellDef=\"let element\">\n        <p class=\"mb-0\">{{ element?.creator?.name }}</p>\n        <small class=\"text-secondary\">{{ element?.created_at | date }}</small>\n      </td>\n    </ng-container>\n\n    <!-- Reviewer Column -->\n    <ng-container matColumnDef=\"reviewer.name\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Reviewer</th>\n      <td mat-cell *matCellDef=\"let element\">\n        <p class=\"mb-0\">{{ element?.reviewer?.name }}</p>\n        <small class=\"text-secondary\" *ngIf=\"element?.reviewed_at\">{{ element?.reviewed_at | date }}</small>\n      </td>\n    </ng-container>\n\n    <!-- For Column -->\n    <ng-container matColumnDef=\"for\">\n      <th mat-header-cell *matHeaderCellDef>For</th>\n      <td mat-cell *matCellDef=\"let element\">\n        <a\n          class=\"mb-0 text-decoration-none text-dark\"\n          *ngIf=\"element?.submittable\"\n          [routerLink]=\"['/fixed-assets/', element?.submittable_id, 'read']\"\n        >\n          {{ element?.submittable?.name }}\n        </a> <br>\n        <small class=\"text-secondary\" *ngIf=\"element?.submittable_type\">{{ element?.submittable_type }}</small>\n      </td>\n    </ng-container>\n\n    <!-- Status Column -->\n    <ng-container matColumnDef=\"status.title\">\n      <th mat-header-cell *matHeaderCellDef>Status</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element?.status?.title }}\n      </td>\n    </ng-container>\n\n    <!-- Date Column -->\n    <ng-container matColumnDef=\"date\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Date</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element.date | date }}\n      </td>\n    </ng-container>\n\n    <!-- Actions Column -->\n    <ng-container matColumnDef=\"actions\">\n      <th mat-header-cell *matHeaderCellDef>Actions</th>\n      <td mat-cell *matCellDef=\"let element;\">\n        <div class=\"d-flex gap-2\">\n          <mat-icon\n            (click)=\"navigateTo(['checksheets', 'checksheets-view', element?.id])\"\n            class=\"cursor-pointer\"\n          >\n            visibility\n          </mat-icon>\n\n          <mat-icon\n            *ngIf=\"element.status_id === 1\"\n            (click)=\"navigateTo(['checksheets', 'checksheets', element?.id, 'view'])\"\n            class=\"cursor-pointer\"\n          >\n            edit\n          </mat-icon>\n          <app-checksheet-review-button\n            [submission]=\"element\"\n            [requestParams]=\"{ with: this.with }\"\n            (reviewed)=\"reload()\"\n          ></app-checksheet-review-button>\n          <app-checksheet-submission-delete-button\n            [checksheetSubmission]=\"element\"\n            (deleted)=\"onDeleted()\"\n          ></app-checksheet-submission-delete-button>\n        </div>\n      </td>\n    </ng-container>\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n  </table>\n  <mat-progress-bar *ngIf=\"isWorking\" mode=\"indeterminate\"></mat-progress-bar>\n</mat-card>\n", styles: [".scroll-container{max-height:800px;overflow-y:auto}\n"] }]
+            args: [{ selector: 'app-checksheet-list', template: "<mat-card>\n  <mat-card-content class=\"d-flex justify-content-between align-items-center gap-2\">\n    <div class=\"d-flex justify-content-center align-items-center gap-2\">\n      <h3 class=\"m-0 font-weight-bold\">Checksheets</h3>\n      <app-checksheet-form-button class=\"mt-1\" [submittableType]=\"submittableType\" [submittableId]=\"submittableId\"\n                                  [basePath]=\"basePath\">\n      </app-checksheet-form-button>\n      <a (click)=\"navigateTo(['checksheets', 'checksheet-format-list'])\" mat-raised-button>Formats</a>\n    </div>\n\n    <form fxLayout=\"row wrap\" fxLayoutGap=\"1rem\" [formGroup]=\"filterForm\">\n      <mat-form-field>\n        <mat-label>Search</mat-label>\n        <input matInput formControlName=\"search\" placeholder=\"Search Checksheets\">\n      </mat-form-field>\n\n      <app-timeline-filter\n        formControlName=\"duration\"\n        (selectionChange)=\"onDurationChange($event)\"\n        [dateFrom]=\"filterForm.value?.date_from\"\n        [dateTo]=\"filterForm.value?.date_to\"\n        appearance=\"fill\"\n      ></app-timeline-filter>\n\n      <mat-form-field>\n        <mat-label>Status</mat-label>\n        <app-searchable-selector\n          formControlName=\"status_ids\"\n          apiUrl=\"api/checksheet-submission-statuses\"\n          [enableSearch]=\"false\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field *ngxPermissionsOnly=\"['user_read']\">\n        <mat-label>Creator</mat-label>\n        <app-searchable-selector\n          formControlName=\"creator_ids\"\n          apiUrl=\"api/users\"\n          [enableSearch]=\"true\"\n          titleField=\"name\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field *ngxPermissionsOnly=\"['user_read']\">\n        <mat-label>Reviewer</mat-label>\n        <app-searchable-selector\n          formControlName=\"reviewer_ids\"\n          apiUrl=\"api/users\"\n          [enableSearch]=\"true\"\n          titleField=\"name\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field>\n        <mat-label>Format</mat-label>\n        <app-searchable-selector\n          formControlName=\"format_ids\"\n          apiUrl=\"api/checksheet-formats?is_published=1\"\n          [enableSearch]=\"true\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n    </form>\n  </mat-card-content>\n</mat-card>\n\n<mat-card\n  class=\"p-0 mt-3\"\n  infiniteScroll\n  [infiniteScrollDistance]=\"2\"\n  [infiniteScrollThrottle]=\"50\"\n  (scrolled)=\"onScroll()\"\n  [fromRoot]=\"true\"\n>\n  <table\n    mat-table\n    [dataSource]=\"models\"\n    class=\"w-100\"\n    multiTemplateDataRows\n    aria-describedby=\"Checksheets\"\n    matSort\n    (matSortChange)=\"onSortChange($event)\"\n  >\n    <!-- Index Column -->\n    <ng-container matColumnDef=\"index\">\n      <th mat-header-cell *matHeaderCellDef>#</th>\n      <td mat-cell *matCellDef=\"let element; let i = dataIndex\">\n        {{ i + 1 }}\n      </td>\n    </ng-container>\n\n    <!-- Format Column -->\n    <ng-container matColumnDef=\"format.title\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Format</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element?.format?.title }}\n      </td>\n    </ng-container>\n\n    <!-- Creator Column -->\n    <ng-container matColumnDef=\"creator.name\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Creator</th>\n      <td mat-cell *matCellDef=\"let element\">\n        <p class=\"mb-0\">{{ element?.creator?.name }}</p>\n        <small class=\"text-secondary\">{{ element?.created_at | date }}</small>\n      </td>\n    </ng-container>\n\n    <!-- Reviewer Column -->\n    <ng-container matColumnDef=\"reviewer.name\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Reviewer</th>\n      <td mat-cell *matCellDef=\"let element\">\n        <p class=\"mb-0\">{{ element?.reviewer?.name }}</p>\n        <small class=\"text-secondary\" *ngIf=\"element?.reviewed_at\">{{ element?.reviewed_at | date }}</small>\n      </td>\n    </ng-container>\n\n    <!-- For Column -->\n    <ng-container matColumnDef=\"for\">\n      <th mat-header-cell *matHeaderCellDef>For</th>\n      <td mat-cell *matCellDef=\"let element\">\n        <a\n          class=\"mb-0 text-decoration-none text-dark\"\n          *ngIf=\"element?.submittable\"\n          [routerLink]=\"['/fixed-assets/', element?.submittable_id, 'read']\"\n        >\n          {{ element?.submittable?.name }}\n        </a> <br>\n        <small class=\"text-secondary\" *ngIf=\"element?.submittable_type\">{{ element?.submittable_type }}</small>\n      </td>\n    </ng-container>\n\n    <!-- Status Column -->\n    <ng-container matColumnDef=\"status.title\">\n      <th mat-header-cell *matHeaderCellDef>Status</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element?.status?.title }}\n      </td>\n    </ng-container>\n\n    <!-- Date Column -->\n    <ng-container matColumnDef=\"date\">\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Date</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element.date | date }}\n      </td>\n    </ng-container>\n\n    <!-- Actions Column -->\n    <ng-container matColumnDef=\"actions\">\n      <th mat-header-cell *matHeaderCellDef>Actions</th>\n      <td mat-cell *matCellDef=\"let element;\">\n        <div class=\"d-flex gap-2\">\n          <mat-icon\n            (click)=\"navigateTo(['checksheets', 'checksheets-view', element?.id])\"\n            class=\"cursor-pointer\"\n          >\n            visibility\n          </mat-icon>\n\n          <mat-icon\n            *ngIf=\"element.status_id === 1\"\n            (click)=\"navigateTo(['checksheets', 'checksheets', element?.id, 'view'])\"\n            class=\"cursor-pointer\"\n          >\n            edit\n          </mat-icon>\n          <app-checksheet-review-button\n            [submission]=\"element\"\n            [requestParams]=\"{ with: this.with }\"\n            (reviewed)=\"reload()\"\n          ></app-checksheet-review-button>\n          <app-checksheet-submission-delete-button\n            [checksheetSubmission]=\"element\"\n            (deleted)=\"onDeleted()\"\n          ></app-checksheet-submission-delete-button>\n        </div>\n      </td>\n    </ng-container>\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n  </table>\n  <mat-progress-bar *ngIf=\"isWorking\" mode=\"indeterminate\"></mat-progress-bar>\n</mat-card>\n", styles: [".scroll-container{max-height:800px;overflow-y:auto}\n"] }]
         }], ctorParameters: () => [{ type: i1.AlertService }, { type: i2.UntypedFormBuilder }, { type: ChecksheetService }, { type: i1.RequestHelperService }, { type: i4$1.ActivatedRoute }, { type: i4$1.Router }], propDecorators: { submittableId: [{
                 type: Input
             }], submittableType: [{
@@ -1795,7 +1800,7 @@ class ChecksheetListWidgetComponent extends TechlifyListingControllerInterface {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChecksheetListWidgetComponent, deps: [{ token: ChecksheetService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ChecksheetListWidgetComponent, selector: "app-checksheet-list-widget", inputs: { submittable: "submittable", submittableType: "submittableType", title: "title", submittableTitleField: "submittableTitleField", showChecksheetButton: "showChecksheetButton" }, usesInheritance: true, ngImport: i0, template: "<mat-card>\n  <mat-card-content class=\"d-flex justify-content-between align-items-center gap-3\">\n    <h3 class=\"mb-0 fw-bold\">{{ title }}</h3>\n    <span class=\"flex-fill\"></span>\n    <app-checksheet-form-button *ngIf=\"showChecksheetButton\" [submittableType]=\"submittableType\"\n                                [submittableId]=\"submittable?.id\"></app-checksheet-form-button>\n  </mat-card-content>\n  <mat-card-content>\n    <p class=\"mb-0\">Checksheets for <span class=\"badge bg-secondary\">{{ submittableType }}</span>\n      # {{ submittable?.id }} : {{ submittable[submittableTitleField] }}\n    </p>\n  </mat-card-content>\n  <mat-card-content>\n    <a *ngFor=\"let model of models\" [routerLink]=\"['/checksheets/checksheets-view', model?.id]\"\n       class=\"d-flex justify-content-start align-items-center gap-2 p-2 cursor-pointer text-decoration-none text-dark\">\n      <span class=\"material-symbols-outlined fs-2\">\n        article\n      </span>\n      <div class=\"d-flex flex-column gap-1\">\n        <p class=\"mb-0\">on {{ model?.date | date }}</p>\n        <small class=\"text-secondary\">By {{ model?.creator?.name }}</small>\n      </div>\n    </a>\n    <mat-progress-bar mode=\"indeterminate\" *ngIf=\"isWorking\"></mat-progress-bar>\n  </mat-card-content>\n</mat-card>\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i9.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: ChecksheetFormButtonComponent, selector: "app-checksheet-form-button", inputs: ["submittableType", "submittableId"], outputs: ["saved"] }, { kind: "pipe", type: i4.DatePipe, name: "date" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ChecksheetListWidgetComponent, selector: "app-checksheet-list-widget", inputs: { submittable: "submittable", submittableType: "submittableType", title: "title", submittableTitleField: "submittableTitleField", showChecksheetButton: "showChecksheetButton" }, usesInheritance: true, ngImport: i0, template: "<mat-card>\n  <mat-card-content class=\"d-flex justify-content-between align-items-center gap-3\">\n    <h3 class=\"mb-0 fw-bold\">{{ title }}</h3>\n    <span class=\"flex-fill\"></span>\n    <app-checksheet-form-button *ngIf=\"showChecksheetButton\" [submittableType]=\"submittableType\"\n                                [submittableId]=\"submittable?.id\"></app-checksheet-form-button>\n  </mat-card-content>\n  <mat-card-content>\n    <p class=\"mb-0\">Checksheets for <span class=\"badge bg-secondary\">{{ submittableType }}</span>\n      # {{ submittable?.id }} : {{ submittable[submittableTitleField] }}\n    </p>\n  </mat-card-content>\n  <mat-card-content>\n    <a *ngFor=\"let model of models\" [routerLink]=\"['/checksheets/checksheets-view', model?.id]\"\n       class=\"d-flex justify-content-start align-items-center gap-2 p-2 cursor-pointer text-decoration-none text-dark\">\n      <span class=\"material-symbols-outlined fs-2\">\n        article\n      </span>\n      <div class=\"d-flex flex-column gap-1\">\n        <p class=\"mb-0\">on {{ model?.date | date }}</p>\n        <small class=\"text-secondary\">By {{ model?.creator?.name }}</small>\n      </div>\n    </a>\n    <mat-progress-bar mode=\"indeterminate\" *ngIf=\"isWorking\"></mat-progress-bar>\n  </mat-card-content>\n</mat-card>\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i9.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: ChecksheetFormButtonComponent, selector: "app-checksheet-form-button", inputs: ["submittableType", "submittableId", "basePath"], outputs: ["saved"] }, { kind: "pipe", type: i4.DatePipe, name: "date" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChecksheetListWidgetComponent, decorators: [{
             type: Component,
@@ -2636,7 +2641,7 @@ let ChecksheetSubmissionListComponent = class ChecksheetSubmissionListComponent
         this.reload();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChecksheetSubmissionListComponent, deps: [{ token: i1.AlertService }, { token: i2.UntypedFormBuilder }, { token: ChecksheetSubmissionService }, { token: i1.RequestHelperService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ChecksheetSubmissionListComponent, selector: "app-checksheet-submission-list", usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex justify-content-center align-items-center gap-3\">\n  <h3 class=\"m-0 font-weight-bold\">Checksheet Submissions</h3>\n  <app-checksheet-form-button></app-checksheet-form-button>\n</div>\n\n<mat-card class=\"mt-3\">\n  <mat-card-content>\n    <form fxLayout=\"row wrap\" fxLayoutGap=\"1rem\" [formGroup]=\"filterForm\">\n      <app-timeline-filter\n        formControlName=\"duration\"\n        (selectionChange)=\"onDurationChange($event)\"\n        [dateFrom]=\"filterForm.value?.date_from\"\n        [dateTo]=\"filterForm.value?.date_to\"\n        appearance=\"fill\"\n      ></app-timeline-filter>\n\n      <mat-form-field>\n        <mat-label>Status</mat-label>\n        <app-searchable-selector\n          formControlName=\"status_ids\"\n          apiUrl=\"api/checksheet-submission-statuses\"\n          [enableSearch]=\"false\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field *ngxPermissionsOnly=\"['user_read']\">\n        <mat-label>Creator</mat-label>\n        <app-searchable-selector\n          formControlName=\"creator_ids\"\n          apiUrl=\"api/users\"\n          [enableSearch]=\"true\"\n          titleField=\"name\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field *ngxPermissionsOnly=\"['user_read']\">\n        <mat-label>Reviewer</mat-label>\n        <app-searchable-selector\n          formControlName=\"reviewer_ids\"\n          apiUrl=\"api/users\"\n          [enableSearch]=\"true\"\n          titleField=\"name\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field>\n        <mat-label>Checksheet Format</mat-label>\n        <app-searchable-selector\n          formControlName=\"format_ids\"\n          apiUrl=\"api/checksheet-formats?is_published=1\"\n          [enableSearch]=\"true\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n    </form>\n  </mat-card-content>\n</mat-card>\n\n<mat-card\n  class=\"p-0 mt-3\"\n  infiniteScroll\n  [infiniteScrollDistance]=\"2\"\n  [infiniteScrollThrottle]=\"50\"\n  (scrolled)=\"onScroll()\"\n  [fromRoot]=\"true\"\n>\n  <table\n    mat-table\n    [dataSource]=\"models\"\n    class=\"w-100\"\n    multiTemplateDataRows\n    aria-describedby=\"Checksheet Submissions\"\n  >\n    <!-- Index Column -->\n    <ng-container matColumnDef=\"index\">\n      <th mat-header-cell *matHeaderCellDef>#</th>\n      <td mat-cell *matCellDef=\"let element; let i = dataIndex\">\n        {{ i + 1 }}\n      </td>\n    </ng-container>\n\n    <!-- Checksheet Format Column -->\n    <ng-container matColumnDef=\"format.title\">\n      <th mat-header-cell *matHeaderCellDef>Checksheet Format</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element?.format?.title }}\n      </td>\n    </ng-container>\n\n    <!-- Creator Column -->\n    <ng-container matColumnDef=\"creator.name\">\n      <th mat-header-cell *matHeaderCellDef>Creator</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element?.creator?.name }}\n      </td>\n    </ng-container>\n\n    <!-- Reviewer Column -->\n    <ng-container matColumnDef=\"reviewer.name\">\n      <th mat-header-cell *matHeaderCellDef>Reviewer</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element?.reviewer?.name }}\n      </td>\n    </ng-container>\n\n    <!-- Status Column -->\n    <ng-container matColumnDef=\"status.title\">\n      <th mat-header-cell *matHeaderCellDef>Status</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element?.status?.title }}\n      </td>\n    </ng-container>\n\n    <!-- Date Column -->\n    <ng-container matColumnDef=\"date\">\n      <th mat-header-cell *matHeaderCellDef>Date</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element.date | date }}\n      </td>\n    </ng-container>\n\n    <!-- Actions Column -->\n    <ng-container matColumnDef=\"actions\">\n      <th mat-header-cell *matHeaderCellDef>Actions</th>\n      <td mat-cell *matCellDef=\"let element;\">\n        <div class=\"d-flex gap-2\">\n          <mat-icon\n            [routerLink]=\"['../checksheet-submissions-view', element?.id]\"\n            class=\"cursor-pointer\"\n          >\n            visibility\n          </mat-icon>\n\n          <mat-icon\n            *ngIf=\"element.status_id === 1\"\n            [routerLink]=\"[element?.id, 'view']\"\n            class=\"cursor-pointer\"\n          >\n            edit\n          </mat-icon>\n          <app-checksheet-submission-review-button\n            [submission]=\"element\"\n            [requestParams]=\"{ with: this.with }\"\n            (reviewed)=\"reload()\"\n          ></app-checksheet-submission-review-button>\n          <app-checksheet-submission-delete-button\n            [checksheetSubmission]=\"element\"\n            (deleted)=\"onDeleted()\"\n          ></app-checksheet-submission-delete-button>\n        </div>\n      </td>\n    </ng-container>\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n  </table>\n  <mat-progress-bar *ngIf=\"isWorking\" mode=\"indeterminate\"></mat-progress-bar>\n</mat-card>\n", styles: [".scroll-container{max-height:800px;overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i6.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i6.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i7$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i7$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i7$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i7$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i7$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i7$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i7$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i7$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i7$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i7$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i15.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i7$2.InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { kind: "component", type: i1.SearchableSelectorComponent, selector: "app-searchable-selector", inputs: ["valueField", "titleField", "subtitleField", "apiUrl", "multiple", "selectedValue", "enableSearch", "add", "addConfig", "edit", "editConfig", "sort", "sortBy", "searchField", "itemComponent", "items", "apiDataProperty", "cache", "perPage", "inDataSearch", "panelWidth", "focusSearchOnOpen", "required", "disabled", "value"], outputs: ["selectedValueChange", "selectionChange", "itemsChange"] }, { kind: "component", type: i1.TimelineFilterComponent, selector: "app-timeline-filter", inputs: ["defaultValue", "required", "disabled", "value", "timelines", "dateFrom", "dateTo", "appearance", "showClearButton", "form", "labelText"], outputs: ["selectionChange"] }, { kind: "component", type: ChecksheetFormButtonComponent, selector: "app-checksheet-form-button", inputs: ["submittableType", "submittableId"], outputs: ["saved"] }, { kind: "component", type: ChecksheetSubmissionDeleteButtonComponent, selector: "app-checksheet-submission-delete-button", inputs: ["checksheetSubmission"], outputs: ["deleted"] }, { kind: "component", type: ChecksheetSubmissionReviewButtonComponent, selector: "app-checksheet-submission-review-button", inputs: ["submission", "viewType", "requestParams"], outputs: ["reviewed"] }, { kind: "pipe", type: i4.DatePipe, name: "date" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ChecksheetSubmissionListComponent, selector: "app-checksheet-submission-list", usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex justify-content-center align-items-center gap-3\">\n  <h3 class=\"m-0 font-weight-bold\">Checksheet Submissions</h3>\n  <app-checksheet-form-button></app-checksheet-form-button>\n</div>\n\n<mat-card class=\"mt-3\">\n  <mat-card-content>\n    <form fxLayout=\"row wrap\" fxLayoutGap=\"1rem\" [formGroup]=\"filterForm\">\n      <app-timeline-filter\n        formControlName=\"duration\"\n        (selectionChange)=\"onDurationChange($event)\"\n        [dateFrom]=\"filterForm.value?.date_from\"\n        [dateTo]=\"filterForm.value?.date_to\"\n        appearance=\"fill\"\n      ></app-timeline-filter>\n\n      <mat-form-field>\n        <mat-label>Status</mat-label>\n        <app-searchable-selector\n          formControlName=\"status_ids\"\n          apiUrl=\"api/checksheet-submission-statuses\"\n          [enableSearch]=\"false\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field *ngxPermissionsOnly=\"['user_read']\">\n        <mat-label>Creator</mat-label>\n        <app-searchable-selector\n          formControlName=\"creator_ids\"\n          apiUrl=\"api/users\"\n          [enableSearch]=\"true\"\n          titleField=\"name\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field *ngxPermissionsOnly=\"['user_read']\">\n        <mat-label>Reviewer</mat-label>\n        <app-searchable-selector\n          formControlName=\"reviewer_ids\"\n          apiUrl=\"api/users\"\n          [enableSearch]=\"true\"\n          titleField=\"name\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n\n      <mat-form-field>\n        <mat-label>Checksheet Format</mat-label>\n        <app-searchable-selector\n          formControlName=\"format_ids\"\n          apiUrl=\"api/checksheet-formats?is_published=1\"\n          [enableSearch]=\"true\"\n          [multiple]=\"true\"\n        >\n        </app-searchable-selector>\n      </mat-form-field>\n    </form>\n  </mat-card-content>\n</mat-card>\n\n<mat-card\n  class=\"p-0 mt-3\"\n  infiniteScroll\n  [infiniteScrollDistance]=\"2\"\n  [infiniteScrollThrottle]=\"50\"\n  (scrolled)=\"onScroll()\"\n  [fromRoot]=\"true\"\n>\n  <table\n    mat-table\n    [dataSource]=\"models\"\n    class=\"w-100\"\n    multiTemplateDataRows\n    aria-describedby=\"Checksheet Submissions\"\n  >\n    <!-- Index Column -->\n    <ng-container matColumnDef=\"index\">\n      <th mat-header-cell *matHeaderCellDef>#</th>\n      <td mat-cell *matCellDef=\"let element; let i = dataIndex\">\n        {{ i + 1 }}\n      </td>\n    </ng-container>\n\n    <!-- Checksheet Format Column -->\n    <ng-container matColumnDef=\"format.title\">\n      <th mat-header-cell *matHeaderCellDef>Checksheet Format</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element?.format?.title }}\n      </td>\n    </ng-container>\n\n    <!-- Creator Column -->\n    <ng-container matColumnDef=\"creator.name\">\n      <th mat-header-cell *matHeaderCellDef>Creator</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element?.creator?.name }}\n      </td>\n    </ng-container>\n\n    <!-- Reviewer Column -->\n    <ng-container matColumnDef=\"reviewer.name\">\n      <th mat-header-cell *matHeaderCellDef>Reviewer</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element?.reviewer?.name }}\n      </td>\n    </ng-container>\n\n    <!-- Status Column -->\n    <ng-container matColumnDef=\"status.title\">\n      <th mat-header-cell *matHeaderCellDef>Status</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element?.status?.title }}\n      </td>\n    </ng-container>\n\n    <!-- Date Column -->\n    <ng-container matColumnDef=\"date\">\n      <th mat-header-cell *matHeaderCellDef>Date</th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element.date | date }}\n      </td>\n    </ng-container>\n\n    <!-- Actions Column -->\n    <ng-container matColumnDef=\"actions\">\n      <th mat-header-cell *matHeaderCellDef>Actions</th>\n      <td mat-cell *matCellDef=\"let element;\">\n        <div class=\"d-flex gap-2\">\n          <mat-icon\n            [routerLink]=\"['../checksheet-submissions-view', element?.id]\"\n            class=\"cursor-pointer\"\n          >\n            visibility\n          </mat-icon>\n\n          <mat-icon\n            *ngIf=\"element.status_id === 1\"\n            [routerLink]=\"[element?.id, 'view']\"\n            class=\"cursor-pointer\"\n          >\n            edit\n          </mat-icon>\n          <app-checksheet-submission-review-button\n            [submission]=\"element\"\n            [requestParams]=\"{ with: this.with }\"\n            (reviewed)=\"reload()\"\n          ></app-checksheet-submission-review-button>\n          <app-checksheet-submission-delete-button\n            [checksheetSubmission]=\"element\"\n            (deleted)=\"onDeleted()\"\n          ></app-checksheet-submission-delete-button>\n        </div>\n      </td>\n    </ng-container>\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n  </table>\n  <mat-progress-bar *ngIf=\"isWorking\" mode=\"indeterminate\"></mat-progress-bar>\n</mat-card>\n", styles: [".scroll-container{max-height:800px;overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i6.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i6.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i7$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i7$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i7$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i7$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i7$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i7$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i7$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i7$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i7$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i7$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i15.NgxPermissionsDirective, selector: "[ngxPermissionsOnly],[ngxPermissionsExcept]", inputs: ["ngxPermissionsOnly", "ngxPermissionsOnlyThen", "ngxPermissionsOnlyElse", "ngxPermissionsExcept", "ngxPermissionsExceptElse", "ngxPermissionsExceptThen", "ngxPermissionsThen", "ngxPermissionsElse", "ngxPermissionsOnlyAuthorisedStrategy", "ngxPermissionsOnlyUnauthorisedStrategy", "ngxPermissionsExceptUnauthorisedStrategy", "ngxPermissionsExceptAuthorisedStrategy", "ngxPermissionsUnauthorisedStrategy", "ngxPermissionsAuthorisedStrategy"], outputs: ["permissionsAuthorized", "permissionsUnauthorized"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i7$2.InfiniteScrollDirective, selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]", inputs: ["infiniteScrollDistance", "infiniteScrollUpDistance", "infiniteScrollThrottle", "infiniteScrollDisabled", "infiniteScrollContainer", "scrollWindow", "immediateCheck", "horizontal", "alwaysCallback", "fromRoot"], outputs: ["scrolled", "scrolledUp"] }, { kind: "component", type: i1.SearchableSelectorComponent, selector: "app-searchable-selector", inputs: ["valueField", "titleField", "subtitleField", "apiUrl", "multiple", "selectedValue", "enableSearch", "add", "addConfig", "edit", "editConfig", "sort", "sortBy", "searchField", "itemComponent", "items", "apiDataProperty", "cache", "perPage", "inDataSearch", "panelWidth", "focusSearchOnOpen", "required", "disabled", "value"], outputs: ["selectedValueChange", "selectionChange", "itemsChange"] }, { kind: "component", type: i1.TimelineFilterComponent, selector: "app-timeline-filter", inputs: ["defaultValue", "required", "disabled", "value", "timelines", "dateFrom", "dateTo", "appearance", "showClearButton", "form", "labelText"], outputs: ["selectionChange"] }, { kind: "component", type: ChecksheetFormButtonComponent, selector: "app-checksheet-form-button", inputs: ["submittableType", "submittableId", "basePath"], outputs: ["saved"] }, { kind: "component", type: ChecksheetSubmissionDeleteButtonComponent, selector: "app-checksheet-submission-delete-button", inputs: ["checksheetSubmission"], outputs: ["deleted"] }, { kind: "component", type: ChecksheetSubmissionReviewButtonComponent, selector: "app-checksheet-submission-review-button", inputs: ["submission", "viewType", "requestParams"], outputs: ["reviewed"] }, { kind: "pipe", type: i4.DatePipe, name: "date" }] });
 };
 ChecksheetSubmissionListComponent = __decorate([
     UntilDestroy()