ngx-st-tables 17.0.47 → 17.0.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/esm2022/lib/components/material-table/material-table-caption/material-table-filter-dialog/material-table-filter-dialog.component.mjs +3 -3
  2. package/esm2022/lib/ngx-st-tables.module.mjs +1 -12
  3. package/fesm2022/ngx-st-tables.mjs +2 -13
  4. package/fesm2022/ngx-st-tables.mjs.map +1 -1
  5. package/lib/ngx-st-tables.module.d.ts +6 -9
  6. package/package.json +1 -1
package/fesm2022/ngx-st-tables.mjs CHANGED
@@ -48,10 +48,7 @@ import { RouterModule } from '@angular/router';
48
48
  import * as i11$2 from 'ngx-st-date-format';
49
49
  import { StDateFormatModule } from 'ngx-st-date-format';
50
50
  import { MatExpansionModule } from '@angular/material/expansion';
51
- import { InputTextModule } from 'primeng/inputtext';
52
- import { PrimeTemplate } from 'primeng/api';
53
51
  import { StQtyInputModule } from 'ngx-st-qty-input';
54
- import { TableModule } from 'primeng/table';
55
52
  import { MatSlideToggleModule } from '@angular/material/slide-toggle';
56
53
 
57
54
  const DEFAULT_TRANSLATIONS = {
@@ -258,11 +255,11 @@ class MaterialTableFilterDialogComponent {
258
255
  });
259
256
  }
260
257
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MaterialTableFilterDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$1.MatDialogRef }, { token: i2.NonNullableFormBuilder }, { token: i0.ChangeDetectorRef }, { token: StTablesTranslationsService }], target: i0.ɵɵFactoryTarget.Component }); }
261
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MaterialTableFilterDialogComponent, selector: "st-material-table-filter-dialog", ngImport: i0, template: "<h3 mat-dialog-title class=\"filters-dialog-title\">\n {{ stTableTranslations.getTranslations()().filterTitle }}\n <div class=\"filters-show-hide\">\n @if (!allVisible) {\n <button\n mat-icon-button\n (click)=\"showAllFilters()\"\n [matTooltip]=\"stTableTranslations.getTranslations()().expandAllFilters\"\n >\n <mat-icon>unfold_more</mat-icon>\n </button>\n }\n @if (allVisible) {\n <button\n mat-icon-button\n (click)=\"hideAllFilters()\"\n [matTooltip]=\"stTableTranslations.getTranslations()().collapseAllFilters\"\n >\n <mat-icon>unfold_less</mat-icon>\n </button>\n }\n <button\n mat-icon-button\n (click)=\"clearAllFilters()\"\n [matTooltip]=\"stTableTranslations.getTranslations()().clearFilters\"\n >\n <mat-icon>filter_alt_off</mat-icon>\n </button>\n </div>\n</h3>\n\n<mat-dialog-content>\n <form [formGroup]=\"formGroup\">\n @for (column of filterColumns; track column.field) {\n @switch (column.filterType || column.type || 'string') {\n @case ('string') {\n <div class=\"filter\">\n <ng-container\n *ngTemplateOutlet=\"filterHeader; context: { $implicit: column }\"\n ></ng-container>\n <div\n class=\"filter-content row\"\n [ngClass]=\"{ hide: !column.expanded }\"\n >\n <div class=\"col-auto\">\n <mat-form-field appearance=\"outline\" style=\"width: 100px\">\n <mat-label>{{\n stTableTranslations.getTranslations()().filter\n }}</mat-label>\n <input\n matInput\n type=\"text\"\n [disabled]=\"true\"\n [value]=\"'Contains'\"\n />\n </mat-form-field>\n </div>\n\n <div class=\"col\">\n <mat-form-field appearance=\"outline\">\n <mat-label>{{\n stTableTranslations.getTranslations()().searchFilter\n }}</mat-label>\n <input\n matInput\n type=\"text\"\n [disabled]=\"column.visible\"\n [formControlName]=\"column.field\"\n />\n <button\n matSuffix\n mat-icon-button\n aria-label=\"Clear\"\n (click)=\"formGroup.controls[column.field].setValue('')\"\n >\n <mat-icon style=\"font-size: 22px\">close</mat-icon>\n </button>\n </mat-form-field>\n </div>\n </div>\n </div>\n }\n @case ('number') {\n <div class=\"filter\">\n <ng-container\n *ngTemplateOutlet=\"filterHeader; context: { $implicit: column }\"\n ></ng-container>\n <div\n class=\"filter-content row\"\n [ngClass]=\"{ hide: !column.expanded }\"\n >\n <div class=\"col-auto\">\n <mat-form-field appearance=\"outline\" style=\"width: 100px\">\n <mat-label>{{\n stTableTranslations.getTranslations()().filter\n }}</mat-label>\n <input\n matInput\n type=\"text\"\n [disabled]=\"true\"\n [value]=\"'Equal'\"\n />\n </mat-form-field>\n </div>\n\n <div class=\"col\">\n <mat-form-field appearance=\"outline\">\n <mat-label>{{\n stTableTranslations.getTranslations()().filter\n }}</mat-label>\n <input\n matInput\n type=\"number\"\n [disabled]=\"column.visible\"\n [formControlName]=\"column.field\"\n />\n </mat-form-field>\n </div>\n </div>\n </div>\n }\n @case ('date') {\n <div class=\"filter\">\n <ng-container\n *ngTemplateOutlet=\"filterHeader; context: { $implicit: column }\"\n ></ng-container>\n <div\n class=\"filter-content row\"\n [ngClass]=\"{ hide: !column.expanded }\"\n >\n <div class=\"col-auto\">\n <mat-form-field appearance=\"outline\" style=\"width: 100px\">\n <mat-label>{{\n stTableTranslations.getTranslations()().filter\n }}</mat-label>\n <input\n matInput\n type=\"text\"\n [disabled]=\"true\"\n [value]=\"'Date is'\"\n />\n </mat-form-field>\n </div>\n\n <div class=\"col\">\n <mat-form-field appearance=\"outline\">\n <mat-label>{{\n stTableTranslations.getTranslations()().filterChooseDate\n }}</mat-label>\n <input\n matInput\n [matDatepicker]=\"picker\"\n [disabled]=\"column.visible\"\n [formControlName]=\"column.field\"\n />\n <mat-datepicker-toggle\n matIconSuffix\n [for]=\"picker\"\n ></mat-datepicker-toggle>\n <mat-datepicker #picker></mat-datepicker>\n </mat-form-field>\n </div>\n </div>\n </div>\n }\n @case ('boolean') {\n <div class=\"filter\">\n <ng-container\n *ngTemplateOutlet=\"filterHeader; context: { $implicit: column }\"\n ></ng-container>\n <div\n class=\"filter-content row\"\n [ngClass]=\"{ hide: !column.expanded }\"\n >\n <div class=\"col-auto\">\n <mat-form-field appearance=\"outline\" style=\"width: 100px\">\n <mat-label>{{\n stTableTranslations.getTranslations()().filter\n }}</mat-label>\n <input\n matInput\n type=\"text\"\n [disabled]=\"true\"\n [value]=\"'Data is'\"\n />\n </mat-form-field>\n </div>\n\n <div class=\"col\">\n <mat-form-field appearance=\"outline\">\n <mat-label>{{\n stTableTranslations.getTranslations()().booleanPickValue\n }}</mat-label>\n <mat-select>\n <mat-option value=\"\">{{\n stTableTranslations.getTranslations()().booleanNone\n }}</mat-option>\n <mat-option [value]=\"true\">{{\n stTableTranslations.getTranslations()().booleanYes\n }}</mat-option>\n <mat-option [value]=\"false\">{{\n stTableTranslations.getTranslations()().booleanNo\n }}</mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n </div>\n </div>\n }\n @case ('custom') {\n @if (column.customFilterOptions) {}\n <div class=\"filter\">\n <ng-container\n *ngTemplateOutlet=\"filterHeader; context: { $implicit: column }\"\n ></ng-container>\n <div\n class=\"filter-content row\"\n [ngClass]=\"{ hide: !column.expanded }\"\n >\n <div class=\"col-auto\">\n <mat-form-field appearance=\"outline\" style=\"width: 100px\">\n <mat-label>{{\n stTableTranslations.getTranslations()().filter\n }}</mat-label>\n <input\n matInput\n type=\"text\"\n [disabled]=\"true\"\n [value]=\"'Equal'\"\n />\n </mat-form-field>\n </div>\n\n <div class=\"col\">\n <mat-form-field appearance=\"outline\">\n <mat-label>{{\n stTableTranslations.getTranslations()().customPickValue\n }}</mat-label>\n <mat-select>\n <mat-option value=\"\">{{\n stTableTranslations.getTranslations()().customNone\n }}</mat-option>\n @for (option of column.customFilterOptions; track option) {\n <mat-option [value]=\"option.value\">\n {{ option.label }}\n </mat-option>\n }\n </mat-select>\n </mat-form-field>\n </div>\n </div>\n </div>\n }\n }\n }\n </form>\n </mat-dialog-content>\n <mat-dialog-actions>\n <div class=\"row justify-content-between\" style=\"width: 100%\">\n <button mat-flat-button mat-dialog-close>\n {{ stTableTranslations.getTranslations()().cancel }}\n </button>\n <button mat-flat-button color=\"accent\" (click)=\"saveFilters()\">\n {{ stTableTranslations.getTranslations()().save }}\n </button>\n </div>\n </mat-dialog-actions>\n\n <ng-template #filterHeader let-column>\n <div class=\"filter-title row justify-content-between\">\n {{ column.header }}\n\n @if (column.expanded) {\n <mat-icon (click)=\"column.expanded = !column.expanded\"\n >keyboard_arrow_up</mat-icon\n >\n } @else {\n <mat-icon (click)=\"column.expanded = !column.expanded\"\n >keyboard_arrow_down</mat-icon\n >\n }\n </div>\n </ng-template>\n", styles: [".filters-dialog-title .filters-show-hide{position:absolute;top:6px;right:15px}.filter{width:100%;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.filter .filter-title{padding:.5rem 0;color:#000c;font-size:1rem;font-weight:500}.filter .filter-title mat-icon{cursor:pointer}.filter .filter-content{margin-top:.5rem;gap:.5rem}.filter .filter-content.hide{display:none}.filter .filter-content>div.col-auto,.filter .filter-content>div.col{padding:0!important}.filter .filter-content mat-form-field{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i5$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i6.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: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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: "component", type: i9$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i11.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i12.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i12.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i12.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
258
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MaterialTableFilterDialogComponent, selector: "st-material-table-filter-dialog", ngImport: i0, template: "<h3 mat-dialog-title class=\"filters-dialog-title\">\r\n {{ stTableTranslations.getTranslations()().filterTitle }}\r\n <div class=\"filters-show-hide\">\r\n @if (!allVisible) {\r\n <button\r\n mat-icon-button\r\n (click)=\"showAllFilters()\"\r\n [matTooltip]=\"stTableTranslations.getTranslations()().expandAllFilters\"\r\n >\r\n <mat-icon>unfold_more</mat-icon>\r\n </button>\r\n }\r\n @if (allVisible) {\r\n <button\r\n mat-icon-button\r\n (click)=\"hideAllFilters()\"\r\n [matTooltip]=\"stTableTranslations.getTranslations()().collapseAllFilters\"\r\n >\r\n <mat-icon>unfold_less</mat-icon>\r\n </button>\r\n }\r\n <button\r\n mat-icon-button\r\n (click)=\"clearAllFilters()\"\r\n [matTooltip]=\"stTableTranslations.getTranslations()().clearFilters\"\r\n >\r\n <mat-icon>filter_alt_off</mat-icon>\r\n </button>\r\n </div>\r\n</h3>\r\n\r\n<mat-dialog-content>\r\n <form [formGroup]=\"formGroup\">\r\n @for (column of filterColumns; track column.field) {\r\n @switch (column.filterType || column.type || 'string') {\r\n @case ('string') {\r\n <div class=\"filter\">\r\n <ng-container\r\n *ngTemplateOutlet=\"filterHeader; context: { $implicit: column }\"\r\n ></ng-container>\r\n <div\r\n class=\"filter-content row\"\r\n [ngClass]=\"{ hide: !column.expanded }\"\r\n >\r\n <div class=\"col-auto\">\r\n <mat-form-field appearance=\"outline\" style=\"width: 100px\">\r\n <mat-label>{{\r\n stTableTranslations.getTranslations()().filter\r\n }}</mat-label>\r\n <input\r\n matInput\r\n type=\"text\"\r\n [disabled]=\"true\"\r\n [value]=\"'Contains'\"\r\n />\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class=\"col\">\r\n <mat-form-field appearance=\"outline\">\r\n <mat-label>{{\r\n stTableTranslations.getTranslations()().searchFilter\r\n }}</mat-label>\r\n <input\r\n matInput\r\n type=\"text\"\r\n [disabled]=\"column.visible\"\r\n [formControlName]=\"column.field\"\r\n />\r\n <button\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"formGroup.controls[column.field].setValue('')\"\r\n >\r\n <mat-icon style=\"font-size: 22px\">close</mat-icon>\r\n </button>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n @case ('number') {\r\n <div class=\"filter\">\r\n <ng-container\r\n *ngTemplateOutlet=\"filterHeader; context: { $implicit: column }\"\r\n ></ng-container>\r\n <div\r\n class=\"filter-content row\"\r\n [ngClass]=\"{ hide: !column.expanded }\"\r\n >\r\n <div class=\"col-auto\">\r\n <mat-form-field appearance=\"outline\" style=\"width: 100px\">\r\n <mat-label>{{\r\n stTableTranslations.getTranslations()().filter\r\n }}</mat-label>\r\n <input\r\n matInput\r\n type=\"text\"\r\n [disabled]=\"true\"\r\n [value]=\"'Equal'\"\r\n />\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class=\"col\">\r\n <mat-form-field appearance=\"outline\">\r\n <mat-label>{{\r\n stTableTranslations.getTranslations()().filter\r\n }}</mat-label>\r\n <input\r\n matInput\r\n type=\"number\"\r\n [disabled]=\"column.visible\"\r\n [formControlName]=\"column.field\"\r\n />\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n @case ('date') {\r\n <div class=\"filter\">\r\n <ng-container\r\n *ngTemplateOutlet=\"filterHeader; context: { $implicit: column }\"\r\n ></ng-container>\r\n <div\r\n class=\"filter-content row\"\r\n [ngClass]=\"{ hide: !column.expanded }\"\r\n >\r\n <div class=\"col-auto\">\r\n <mat-form-field appearance=\"outline\" style=\"width: 100px\">\r\n <mat-label>{{\r\n stTableTranslations.getTranslations()().filter\r\n }}</mat-label>\r\n <input\r\n matInput\r\n type=\"text\"\r\n [disabled]=\"true\"\r\n [value]=\"'Date is'\"\r\n />\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class=\"col\">\r\n <mat-form-field appearance=\"outline\">\r\n <mat-label>{{\r\n stTableTranslations.getTranslations()().filterChooseDate\r\n }}</mat-label>\r\n <input\r\n matInput\r\n [matDatepicker]=\"picker\"\r\n [disabled]=\"column.visible\"\r\n [formControlName]=\"column.field\"\r\n />\r\n <mat-datepicker-toggle\r\n matIconSuffix\r\n [for]=\"picker\"\r\n ></mat-datepicker-toggle>\r\n <mat-datepicker #picker></mat-datepicker>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n @case ('boolean') {\r\n <div class=\"filter\">\r\n <ng-container\r\n *ngTemplateOutlet=\"filterHeader; context: { $implicit: column }\"\r\n ></ng-container>\r\n <div\r\n class=\"filter-content row\"\r\n [ngClass]=\"{ hide: !column.expanded }\"\r\n >\r\n <div class=\"col-auto\">\r\n <mat-form-field appearance=\"outline\" style=\"width: 100px\">\r\n <mat-label>{{\r\n stTableTranslations.getTranslations()().filter\r\n }}</mat-label>\r\n <input\r\n matInput\r\n type=\"text\"\r\n [disabled]=\"true\"\r\n [value]=\"'Data is'\"\r\n />\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class=\"col\">\r\n <mat-form-field appearance=\"outline\">\r\n <mat-label>{{\r\n stTableTranslations.getTranslations()().booleanPickValue\r\n }}</mat-label>\r\n <mat-select>\r\n <mat-option value=\"\">{{\r\n stTableTranslations.getTranslations()().booleanNone\r\n }}</mat-option>\r\n <mat-option [value]=\"true\">{{\r\n stTableTranslations.getTranslations()().booleanYes\r\n }}</mat-option>\r\n <mat-option [value]=\"false\">{{\r\n stTableTranslations.getTranslations()().booleanNo\r\n }}</mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n @case ('custom') {\r\n @if (column.customFilterOptions) {}\r\n <div class=\"filter\">\r\n <ng-container\r\n *ngTemplateOutlet=\"filterHeader; context: { $implicit: column }\"\r\n ></ng-container>\r\n <div\r\n class=\"filter-content row\"\r\n [ngClass]=\"{ hide: !column.expanded }\"\r\n >\r\n <div class=\"col-auto\">\r\n <mat-form-field appearance=\"outline\" style=\"width: 100px\">\r\n <mat-label>{{\r\n stTableTranslations.getTranslations()().filter\r\n }}</mat-label>\r\n <input\r\n matInput\r\n type=\"text\"\r\n [disabled]=\"true\"\r\n [value]=\"'Equal'\"\r\n />\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class=\"col\">\r\n <mat-form-field appearance=\"outline\">\r\n <mat-label>{{\r\n stTableTranslations.getTranslations()().customPickValue\r\n }}</mat-label>\r\n <mat-select>\r\n <mat-option value=\"\">{{\r\n stTableTranslations.getTranslations()().customNone\r\n }}</mat-option>\r\n @for (option of column.customFilterOptions; track option) {\r\n <mat-option [value]=\"option.value\">\r\n {{ option.label }}\r\n </mat-option>\r\n }\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n }\r\n }\r\n </form>\r\n </mat-dialog-content>\r\n <mat-dialog-actions>\r\n <div class=\"row justify-content-between\" style=\"width: 100%\">\r\n <button mat-flat-button mat-dialog-close>\r\n {{ stTableTranslations.getTranslations()().cancel }}\r\n </button>\r\n <button mat-flat-button color=\"accent\" (click)=\"saveFilters()\">\r\n {{ stTableTranslations.getTranslations()().save }}\r\n </button>\r\n </div>\r\n </mat-dialog-actions>\r\n\r\n <ng-template #filterHeader let-column>\r\n <div class=\"filter-title row justify-content-between\">\r\n {{ column.header }}\r\n\r\n @if (column.expanded) {\r\n <mat-icon (click)=\"column.expanded = !column.expanded\"\r\n >keyboard_arrow_up</mat-icon\r\n >\r\n } @else {\r\n <mat-icon (click)=\"column.expanded = !column.expanded\"\r\n >keyboard_arrow_down</mat-icon\r\n >\r\n }\r\n </div>\r\n </ng-template>\r\n", styles: [".filters-dialog-title .filters-show-hide{position:absolute;top:6px;right:15px}.filter{width:100%;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.filter .filter-title{padding:.5rem 0;color:#000c;font-size:1rem;font-weight:500}.filter .filter-title mat-icon{cursor:pointer}.filter .filter-content{margin-top:.5rem;gap:.5rem}.filter .filter-content.hide{display:none}.filter .filter-content>div.col-auto,.filter .filter-content>div.col{padding:0!important}.filter .filter-content mat-form-field{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5$1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i5$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i6.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: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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: "component", type: i9$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i11.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i12.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i12.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i12.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
262
259
  }
263
260
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MaterialTableFilterDialogComponent, decorators: [{
264
261
  type: Component,
265
- args: [{ selector: 'st-material-table-filter-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h3 mat-dialog-title class=\"filters-dialog-title\">\n {{ stTableTranslations.getTranslations()().filterTitle }}\n <div class=\"filters-show-hide\">\n @if (!allVisible) {\n <button\n mat-icon-button\n (click)=\"showAllFilters()\"\n [matTooltip]=\"stTableTranslations.getTranslations()().expandAllFilters\"\n >\n <mat-icon>unfold_more</mat-icon>\n </button>\n }\n @if (allVisible) {\n <button\n mat-icon-button\n (click)=\"hideAllFilters()\"\n [matTooltip]=\"stTableTranslations.getTranslations()().collapseAllFilters\"\n >\n <mat-icon>unfold_less</mat-icon>\n </button>\n }\n <button\n mat-icon-button\n (click)=\"clearAllFilters()\"\n [matTooltip]=\"stTableTranslations.getTranslations()().clearFilters\"\n >\n <mat-icon>filter_alt_off</mat-icon>\n </button>\n </div>\n</h3>\n\n<mat-dialog-content>\n <form [formGroup]=\"formGroup\">\n @for (column of filterColumns; track column.field) {\n @switch (column.filterType || column.type || 'string') {\n @case ('string') {\n <div class=\"filter\">\n <ng-container\n *ngTemplateOutlet=\"filterHeader; context: { $implicit: column }\"\n ></ng-container>\n <div\n class=\"filter-content row\"\n [ngClass]=\"{ hide: !column.expanded }\"\n >\n <div class=\"col-auto\">\n <mat-form-field appearance=\"outline\" style=\"width: 100px\">\n <mat-label>{{\n stTableTranslations.getTranslations()().filter\n }}</mat-label>\n <input\n matInput\n type=\"text\"\n [disabled]=\"true\"\n [value]=\"'Contains'\"\n />\n </mat-form-field>\n </div>\n\n <div class=\"col\">\n <mat-form-field appearance=\"outline\">\n <mat-label>{{\n stTableTranslations.getTranslations()().searchFilter\n }}</mat-label>\n <input\n matInput\n type=\"text\"\n [disabled]=\"column.visible\"\n [formControlName]=\"column.field\"\n />\n <button\n matSuffix\n mat-icon-button\n aria-label=\"Clear\"\n (click)=\"formGroup.controls[column.field].setValue('')\"\n >\n <mat-icon style=\"font-size: 22px\">close</mat-icon>\n </button>\n </mat-form-field>\n </div>\n </div>\n </div>\n }\n @case ('number') {\n <div class=\"filter\">\n <ng-container\n *ngTemplateOutlet=\"filterHeader; context: { $implicit: column }\"\n ></ng-container>\n <div\n class=\"filter-content row\"\n [ngClass]=\"{ hide: !column.expanded }\"\n >\n <div class=\"col-auto\">\n <mat-form-field appearance=\"outline\" style=\"width: 100px\">\n <mat-label>{{\n stTableTranslations.getTranslations()().filter\n }}</mat-label>\n <input\n matInput\n type=\"text\"\n [disabled]=\"true\"\n [value]=\"'Equal'\"\n />\n </mat-form-field>\n </div>\n\n <div class=\"col\">\n <mat-form-field appearance=\"outline\">\n <mat-label>{{\n stTableTranslations.getTranslations()().filter\n }}</mat-label>\n <input\n matInput\n type=\"number\"\n [disabled]=\"column.visible\"\n [formControlName]=\"column.field\"\n />\n </mat-form-field>\n </div>\n </div>\n </div>\n }\n @case ('date') {\n <div class=\"filter\">\n <ng-container\n *ngTemplateOutlet=\"filterHeader; context: { $implicit: column }\"\n ></ng-container>\n <div\n class=\"filter-content row\"\n [ngClass]=\"{ hide: !column.expanded }\"\n >\n <div class=\"col-auto\">\n <mat-form-field appearance=\"outline\" style=\"width: 100px\">\n <mat-label>{{\n stTableTranslations.getTranslations()().filter\n }}</mat-label>\n <input\n matInput\n type=\"text\"\n [disabled]=\"true\"\n [value]=\"'Date is'\"\n />\n </mat-form-field>\n </div>\n\n <div class=\"col\">\n <mat-form-field appearance=\"outline\">\n <mat-label>{{\n stTableTranslations.getTranslations()().filterChooseDate\n }}</mat-label>\n <input\n matInput\n [matDatepicker]=\"picker\"\n [disabled]=\"column.visible\"\n [formControlName]=\"column.field\"\n />\n <mat-datepicker-toggle\n matIconSuffix\n [for]=\"picker\"\n ></mat-datepicker-toggle>\n <mat-datepicker #picker></mat-datepicker>\n </mat-form-field>\n </div>\n </div>\n </div>\n }\n @case ('boolean') {\n <div class=\"filter\">\n <ng-container\n *ngTemplateOutlet=\"filterHeader; context: { $implicit: column }\"\n ></ng-container>\n <div\n class=\"filter-content row\"\n [ngClass]=\"{ hide: !column.expanded }\"\n >\n <div class=\"col-auto\">\n <mat-form-field appearance=\"outline\" style=\"width: 100px\">\n <mat-label>{{\n stTableTranslations.getTranslations()().filter\n }}</mat-label>\n <input\n matInput\n type=\"text\"\n [disabled]=\"true\"\n [value]=\"'Data is'\"\n />\n </mat-form-field>\n </div>\n\n <div class=\"col\">\n <mat-form-field appearance=\"outline\">\n <mat-label>{{\n stTableTranslations.getTranslations()().booleanPickValue\n }}</mat-label>\n <mat-select>\n <mat-option value=\"\">{{\n stTableTranslations.getTranslations()().booleanNone\n }}</mat-option>\n <mat-option [value]=\"true\">{{\n stTableTranslations.getTranslations()().booleanYes\n }}</mat-option>\n <mat-option [value]=\"false\">{{\n stTableTranslations.getTranslations()().booleanNo\n }}</mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n </div>\n </div>\n }\n @case ('custom') {\n @if (column.customFilterOptions) {}\n <div class=\"filter\">\n <ng-container\n *ngTemplateOutlet=\"filterHeader; context: { $implicit: column }\"\n ></ng-container>\n <div\n class=\"filter-content row\"\n [ngClass]=\"{ hide: !column.expanded }\"\n >\n <div class=\"col-auto\">\n <mat-form-field appearance=\"outline\" style=\"width: 100px\">\n <mat-label>{{\n stTableTranslations.getTranslations()().filter\n }}</mat-label>\n <input\n matInput\n type=\"text\"\n [disabled]=\"true\"\n [value]=\"'Equal'\"\n />\n </mat-form-field>\n </div>\n\n <div class=\"col\">\n <mat-form-field appearance=\"outline\">\n <mat-label>{{\n stTableTranslations.getTranslations()().customPickValue\n }}</mat-label>\n <mat-select>\n <mat-option value=\"\">{{\n stTableTranslations.getTranslations()().customNone\n }}</mat-option>\n @for (option of column.customFilterOptions; track option) {\n <mat-option [value]=\"option.value\">\n {{ option.label }}\n </mat-option>\n }\n </mat-select>\n </mat-form-field>\n </div>\n </div>\n </div>\n }\n }\n }\n </form>\n </mat-dialog-content>\n <mat-dialog-actions>\n <div class=\"row justify-content-between\" style=\"width: 100%\">\n <button mat-flat-button mat-dialog-close>\n {{ stTableTranslations.getTranslations()().cancel }}\n </button>\n <button mat-flat-button color=\"accent\" (click)=\"saveFilters()\">\n {{ stTableTranslations.getTranslations()().save }}\n </button>\n </div>\n </mat-dialog-actions>\n\n <ng-template #filterHeader let-column>\n <div class=\"filter-title row justify-content-between\">\n {{ column.header }}\n\n @if (column.expanded) {\n <mat-icon (click)=\"column.expanded = !column.expanded\"\n >keyboard_arrow_up</mat-icon\n >\n } @else {\n <mat-icon (click)=\"column.expanded = !column.expanded\"\n >keyboard_arrow_down</mat-icon\n >\n }\n </div>\n </ng-template>\n", styles: [".filters-dialog-title .filters-show-hide{position:absolute;top:6px;right:15px}.filter{width:100%;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.filter .filter-title{padding:.5rem 0;color:#000c;font-size:1rem;font-weight:500}.filter .filter-title mat-icon{cursor:pointer}.filter .filter-content{margin-top:.5rem;gap:.5rem}.filter .filter-content.hide{display:none}.filter .filter-content>div.col-auto,.filter .filter-content>div.col{padding:0!important}.filter .filter-content mat-form-field{width:100%}\n"] }]
262
+ args: [{ selector: 'st-material-table-filter-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h3 mat-dialog-title class=\"filters-dialog-title\">\r\n {{ stTableTranslations.getTranslations()().filterTitle }}\r\n <div class=\"filters-show-hide\">\r\n @if (!allVisible) {\r\n <button\r\n mat-icon-button\r\n (click)=\"showAllFilters()\"\r\n [matTooltip]=\"stTableTranslations.getTranslations()().expandAllFilters\"\r\n >\r\n <mat-icon>unfold_more</mat-icon>\r\n </button>\r\n }\r\n @if (allVisible) {\r\n <button\r\n mat-icon-button\r\n (click)=\"hideAllFilters()\"\r\n [matTooltip]=\"stTableTranslations.getTranslations()().collapseAllFilters\"\r\n >\r\n <mat-icon>unfold_less</mat-icon>\r\n </button>\r\n }\r\n <button\r\n mat-icon-button\r\n (click)=\"clearAllFilters()\"\r\n [matTooltip]=\"stTableTranslations.getTranslations()().clearFilters\"\r\n >\r\n <mat-icon>filter_alt_off</mat-icon>\r\n </button>\r\n </div>\r\n</h3>\r\n\r\n<mat-dialog-content>\r\n <form [formGroup]=\"formGroup\">\r\n @for (column of filterColumns; track column.field) {\r\n @switch (column.filterType || column.type || 'string') {\r\n @case ('string') {\r\n <div class=\"filter\">\r\n <ng-container\r\n *ngTemplateOutlet=\"filterHeader; context: { $implicit: column }\"\r\n ></ng-container>\r\n <div\r\n class=\"filter-content row\"\r\n [ngClass]=\"{ hide: !column.expanded }\"\r\n >\r\n <div class=\"col-auto\">\r\n <mat-form-field appearance=\"outline\" style=\"width: 100px\">\r\n <mat-label>{{\r\n stTableTranslations.getTranslations()().filter\r\n }}</mat-label>\r\n <input\r\n matInput\r\n type=\"text\"\r\n [disabled]=\"true\"\r\n [value]=\"'Contains'\"\r\n />\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class=\"col\">\r\n <mat-form-field appearance=\"outline\">\r\n <mat-label>{{\r\n stTableTranslations.getTranslations()().searchFilter\r\n }}</mat-label>\r\n <input\r\n matInput\r\n type=\"text\"\r\n [disabled]=\"column.visible\"\r\n [formControlName]=\"column.field\"\r\n />\r\n <button\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"formGroup.controls[column.field].setValue('')\"\r\n >\r\n <mat-icon style=\"font-size: 22px\">close</mat-icon>\r\n </button>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n @case ('number') {\r\n <div class=\"filter\">\r\n <ng-container\r\n *ngTemplateOutlet=\"filterHeader; context: { $implicit: column }\"\r\n ></ng-container>\r\n <div\r\n class=\"filter-content row\"\r\n [ngClass]=\"{ hide: !column.expanded }\"\r\n >\r\n <div class=\"col-auto\">\r\n <mat-form-field appearance=\"outline\" style=\"width: 100px\">\r\n <mat-label>{{\r\n stTableTranslations.getTranslations()().filter\r\n }}</mat-label>\r\n <input\r\n matInput\r\n type=\"text\"\r\n [disabled]=\"true\"\r\n [value]=\"'Equal'\"\r\n />\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class=\"col\">\r\n <mat-form-field appearance=\"outline\">\r\n <mat-label>{{\r\n stTableTranslations.getTranslations()().filter\r\n }}</mat-label>\r\n <input\r\n matInput\r\n type=\"number\"\r\n [disabled]=\"column.visible\"\r\n [formControlName]=\"column.field\"\r\n />\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n @case ('date') {\r\n <div class=\"filter\">\r\n <ng-container\r\n *ngTemplateOutlet=\"filterHeader; context: { $implicit: column }\"\r\n ></ng-container>\r\n <div\r\n class=\"filter-content row\"\r\n [ngClass]=\"{ hide: !column.expanded }\"\r\n >\r\n <div class=\"col-auto\">\r\n <mat-form-field appearance=\"outline\" style=\"width: 100px\">\r\n <mat-label>{{\r\n stTableTranslations.getTranslations()().filter\r\n }}</mat-label>\r\n <input\r\n matInput\r\n type=\"text\"\r\n [disabled]=\"true\"\r\n [value]=\"'Date is'\"\r\n />\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class=\"col\">\r\n <mat-form-field appearance=\"outline\">\r\n <mat-label>{{\r\n stTableTranslations.getTranslations()().filterChooseDate\r\n }}</mat-label>\r\n <input\r\n matInput\r\n [matDatepicker]=\"picker\"\r\n [disabled]=\"column.visible\"\r\n [formControlName]=\"column.field\"\r\n />\r\n <mat-datepicker-toggle\r\n matIconSuffix\r\n [for]=\"picker\"\r\n ></mat-datepicker-toggle>\r\n <mat-datepicker #picker></mat-datepicker>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n @case ('boolean') {\r\n <div class=\"filter\">\r\n <ng-container\r\n *ngTemplateOutlet=\"filterHeader; context: { $implicit: column }\"\r\n ></ng-container>\r\n <div\r\n class=\"filter-content row\"\r\n [ngClass]=\"{ hide: !column.expanded }\"\r\n >\r\n <div class=\"col-auto\">\r\n <mat-form-field appearance=\"outline\" style=\"width: 100px\">\r\n <mat-label>{{\r\n stTableTranslations.getTranslations()().filter\r\n }}</mat-label>\r\n <input\r\n matInput\r\n type=\"text\"\r\n [disabled]=\"true\"\r\n [value]=\"'Data is'\"\r\n />\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class=\"col\">\r\n <mat-form-field appearance=\"outline\">\r\n <mat-label>{{\r\n stTableTranslations.getTranslations()().booleanPickValue\r\n }}</mat-label>\r\n <mat-select>\r\n <mat-option value=\"\">{{\r\n stTableTranslations.getTranslations()().booleanNone\r\n }}</mat-option>\r\n <mat-option [value]=\"true\">{{\r\n stTableTranslations.getTranslations()().booleanYes\r\n }}</mat-option>\r\n <mat-option [value]=\"false\">{{\r\n stTableTranslations.getTranslations()().booleanNo\r\n }}</mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n @case ('custom') {\r\n @if (column.customFilterOptions) {}\r\n <div class=\"filter\">\r\n <ng-container\r\n *ngTemplateOutlet=\"filterHeader; context: { $implicit: column }\"\r\n ></ng-container>\r\n <div\r\n class=\"filter-content row\"\r\n [ngClass]=\"{ hide: !column.expanded }\"\r\n >\r\n <div class=\"col-auto\">\r\n <mat-form-field appearance=\"outline\" style=\"width: 100px\">\r\n <mat-label>{{\r\n stTableTranslations.getTranslations()().filter\r\n }}</mat-label>\r\n <input\r\n matInput\r\n type=\"text\"\r\n [disabled]=\"true\"\r\n [value]=\"'Equal'\"\r\n />\r\n </mat-form-field>\r\n </div>\r\n\r\n <div class=\"col\">\r\n <mat-form-field appearance=\"outline\">\r\n <mat-label>{{\r\n stTableTranslations.getTranslations()().customPickValue\r\n }}</mat-label>\r\n <mat-select>\r\n <mat-option value=\"\">{{\r\n stTableTranslations.getTranslations()().customNone\r\n }}</mat-option>\r\n @for (option of column.customFilterOptions; track option) {\r\n <mat-option [value]=\"option.value\">\r\n {{ option.label }}\r\n </mat-option>\r\n }\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n }\r\n }\r\n </form>\r\n </mat-dialog-content>\r\n <mat-dialog-actions>\r\n <div class=\"row justify-content-between\" style=\"width: 100%\">\r\n <button mat-flat-button mat-dialog-close>\r\n {{ stTableTranslations.getTranslations()().cancel }}\r\n </button>\r\n <button mat-flat-button color=\"accent\" (click)=\"saveFilters()\">\r\n {{ stTableTranslations.getTranslations()().save }}\r\n </button>\r\n </div>\r\n </mat-dialog-actions>\r\n\r\n <ng-template #filterHeader let-column>\r\n <div class=\"filter-title row justify-content-between\">\r\n {{ column.header }}\r\n\r\n @if (column.expanded) {\r\n <mat-icon (click)=\"column.expanded = !column.expanded\"\r\n >keyboard_arrow_up</mat-icon\r\n >\r\n } @else {\r\n <mat-icon (click)=\"column.expanded = !column.expanded\"\r\n >keyboard_arrow_down</mat-icon\r\n >\r\n }\r\n </div>\r\n </ng-template>\r\n", styles: [".filters-dialog-title .filters-show-hide{position:absolute;top:6px;right:15px}.filter{width:100%;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.filter .filter-title{padding:.5rem 0;color:#000c;font-size:1rem;font-weight:500}.filter .filter-title mat-icon{cursor:pointer}.filter .filter-content{margin-top:.5rem;gap:.5rem}.filter .filter-content.hide{display:none}.filter .filter-content>div.col-auto,.filter .filter-content>div.col{padding:0!important}.filter .filter-content mat-form-field{width:100%}\n"] }]
266
263
  }], ctorParameters: () => [{ type: undefined, decorators: [{
267
264
  type: Inject,
268
265
  args: [MAT_DIALOG_DATA]
@@ -898,10 +895,7 @@ class StTablesModule {
898
895
  MatExpansionModule,
899
896
  CdkDropList,
900
897
  CdkDrag,
901
- InputTextModule,
902
- PrimeTemplate,
903
898
  StQtyInputModule,
904
- TableModule,
905
899
  MatDatepickerModule,
906
900
  MatSlideToggleModule,
907
901
  MatNativeDateModule,
@@ -926,9 +920,7 @@ class StTablesModule {
926
920
  StBaseFunctionsModule,
927
921
  MatDialogModule,
928
922
  MatExpansionModule,
929
- InputTextModule,
930
923
  StQtyInputModule,
931
- TableModule,
932
924
  MatDatepickerModule,
933
925
  MatSlideToggleModule,
934
926
  MatNativeDateModule,
@@ -969,10 +961,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
969
961
  MatExpansionModule,
970
962
  CdkDropList,
971
963
  CdkDrag,
972
- InputTextModule,
973
- PrimeTemplate,
974
964
  StQtyInputModule,
975
- TableModule,
976
965
  MatDatepickerModule,
977
966
  MatSlideToggleModule,
978
967
  MatNativeDateModule,