@stemy/ngx-utils 19.2.15 → 19.2.17

package/fesm2022/stemy-ngx-utils.mjs

@@ -3314,16 +3314,15 @@ class BaseDialogService {
     }
     dialog(config) {
         if (!config)
-            return;
+            return null;
         const button = !config.buttons ? null : config.buttons[0];
         if (!button)
-            return;
+            return null;
         this.toaster.handleAsyncMethod(button.method);
+        return null;
     }
     confirm(config) {
-        if (!config)
-            return;
-        this.dialog({
+        return this.dialog({
             id: config.id,
             title: config.title,
             message: config.message,
@@ -4541,11 +4540,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                 }]
         }] });
 
-function defaultFilter$1() {
+function defaultFilter$2() {
     return true;
 }
 class FilterPipe {
-    transform(values, filter = defaultFilter$1, params = {}) {
+    transform(values, filter = defaultFilter$2, params = {}) {
         const isObject = ObjectUtils.isObject(values);
         if (!isObject && !ObjectUtils.isArray(values))
             return [];
@@ -4576,11 +4575,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                 }]
         }] });
 
-function defaultFilter() {
+function defaultFilter$1() {
     return true;
 }
 class FindPipe {
-    transform(values, filter = defaultFilter, params) {
+    transform(values, filter = defaultFilter$1, params) {
         if (!ObjectUtils.isArray(values))
             return [];
         params = params || {};
@@ -4727,6 +4726,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                 }]
         }] });
 
+function defaultFilter() {
+    return true;
+}
+class IncludesPipe {
+    transform(array, ...values) {
+        return ObjectUtils.isArray(array) && values.some(v => array.includes(v));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: IncludesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: IncludesPipe, isStandalone: false, name: "includes" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: IncludesPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: false,
+                    name: "includes"
+                }]
+        }] });
+
 class IsTypePipe {
     transform(value, type) {
         return (typeof value) === type;
@@ -6315,18 +6332,14 @@ class DynamicTableComponent {
                 return result;
             }, {});
             this.cols = Object.keys(this.realColumns);
-            this.orderBy = this.orderBy in this.realColumns ? this.orderBy : this.cols[0];
-            this.query = this.cols.reduce((res, c) => {
-                const col = this.realColumns[c];
-                if (!col.filter)
-                    return res;
-                res[c] = col.filterType == "checkbox" ? false : "";
-                return res;
-            }, {});
+            const sortable = this.cols.filter(c => this.realColumns[c].sort);
+            this.orderBy = this.orderBy in sortable ? this.orderBy : sortable[0] || null;
+            this.query = {};
         }
         this.hasQuery = this.cols.some(col => this.realColumns[col].filter);
-        if (changes.orderBy && this.realColumns) {
-            this.orderBy = this.orderBy in this.realColumns ? this.orderBy : this.cols[0];
+        if (changes.orderBy && this.realColumns && this.cols) {
+            const sortable = this.cols.filter(c => this.realColumns[c].sort);
+            this.orderBy = this.orderBy in sortable ? this.orderBy : sortable[0] || null;
         }
         if (!changes.data && !changes.parallelData && !changes.itemsPerPage && !changes.orderBy && !changes.orderDescending)
             return;
@@ -6385,28 +6398,53 @@ class DynamicTableComponent {
     }
     setSorting(column, toggle) {
         if (toggle) {
-            toggle.show();
-            return false;
+            return;
         }
         this.orderDescending = column == this.orderBy && !this.orderDescending;
         this.orderBy = column;
         this.refresh();
     }
-    updateQuery(c, value) {
+    setQueryValue(c, value) {
         const col = this.realColumns[c];
         if (!col?.filter)
             return;
-        if (col.filterType === "checkbox") {
-            this.query[c] = !this.query[c];
-        }
-        else if (!value) {
-            delete this.query[c];
-        }
-        else {
-            this.query[c] = value;
+        switch (col.filterType) {
+            case "enum":
+                const set = new Set((this.query[c] || []));
+                const val = `${value}`;
+                if (set.has(val)) {
+                    set.delete(val);
+                    if (set.size === 0) {
+                        delete this.query[c];
+                        break;
+                    }
+                }
+                else {
+                    set.add(val);
+                }
+                this.query[c] = Array.from(set);
+                break;
+            case "checkbox":
+                if (this.query[c]) {
+                    delete this.query[c];
+                    break;
+                }
+                this.query[c] = true;
+                break;
+            default:
+                if (!value) {
+                    delete this.query[c];
+                    break;
+                }
+                this.query[c] = value;
+                break;
         }
         this.refresh(this.filterTime ?? 300);
     }
+    setItemsPerPage(count) {
+        this.itemsPerPage = count;
+        this.refresh();
+    }
     loadLocalData(page, rowsPerPage, orderBy, orderDescending, filter) {
         if (!this.data) {
             return Promise.resolve({
@@ -6438,16 +6476,12 @@ class DynamicTableComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: DynamicTableComponent, isStandalone: false, selector: "dynamic-table", inputs: { label: "label", placeholder: "placeholder", dataLoader: "dataLoader", data: "data", selected: "selected", page: "page", urlParam: "urlParam", parallelData: "parallelData", columns: "columns", showFilter: "showFilter", itemsPerPage: "itemsPerPage", updateTime: "updateTime", filterTime: "filterTime", maxPages: "maxPages", directionLinks: "directionLinks", boundaryLinks: "boundaryLinks", orderBy: "orderBy", orderDescending: "orderDescending", testId: "testId", titlePrefix: "titlePrefix", dragStartFn: "dragStartFn", dragEnterFn: "dragEnterFn", dropFn: "dropFn" }, queries: [{ propertyName: "rowTemplate", first: true, predicate: ["rowTemplate"], descendants: true, static: true }, { propertyName: "wrapperTemplate", first: true, predicate: ["wrapperTemplate"], descendants: true, static: true }, { propertyName: "filterTemplate", first: true, predicate: ["filterTemplate"], descendants: true, static: true }, { propertyName: "templateDirectives", predicate: DynamicTableTemplateDirective }], viewQueries: [{ propertyName: "columnsTemplate", first: true, predicate: ["columnsTemplate"], descendants: true, static: true }, { propertyName: "defaultRowTemplate", first: true, predicate: ["defaultRowTemplate"], descendants: true, static: true }, { propertyName: "defaultWrapperTemplate", first: true, predicate: ["defaultWrapperTemplate"], descendants: true, static: true }, { propertyName: "defaultFilterTemplate", first: true, predicate: ["defaultFilterTemplate"], descendants: true, static: true }, { propertyName: "pagination", first: true, predicate: ["pagination"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #columnTemplate let-context let-column=\"column\" let-template=\"template\">\r\n    <ng-template #defaultTemplate let-column=\"column\" let-item=\"item\">\r\n        <span>{{ item[column] == undefined || item[column] == null ? '-' : item[column] }}</span>\r\n    </ng-template>\r\n    <ng-template #pureTemplate>\r\n        <ng-container [ngxTemplateOutlet]=\"template.ref\" [context]=\"context\"></ng-container>\r\n    </ng-template>\r\n    <td [ngClass]=\"'column-' + column\"\r\n        [attr.data-testid]=\"testId + '-' + column + '-' + context.rowIndex\" *ngIf=\"!template || !template.pure; else pureTemplate\">\r\n        <ng-container [ngxTemplateOutlet]=\"!template ? defaultTemplate : template.ref\" [context]=\"context\"></ng-container>\r\n    </td>\r\n</ng-template>\r\n\r\n<ng-template #columnsTemplate let-context>\r\n    <ng-container *ngFor=\"let column of cols\"\r\n                  [ngxTemplateOutlet]=\"columnTemplate\"\r\n                  [context]=\"context\"\r\n                  [additionalContext]=\"{\r\n                            template: templates[column],\r\n                            column: column\r\n                          }\"></ng-container>\r\n</ng-template>\r\n\r\n<ng-template #defaultRowTemplate let-context>\r\n    <tr draggable=\"true\"\r\n        #elem\r\n        [ngClass]=\"{active: selected === context.item}\"\r\n        (dragstart)=\"onDragStart($event, elem, context.item)\"\r\n        (dragenter)=\"onDragEnter($event, elem, context.item)\"\r\n        (dragleave)=\"onDragLeave($event, elem)\"\r\n        (drop)=\"onDrop($event, elem, context.item)\">\r\n        <ng-container [ngxTemplateOutlet]=\"columnsTemplate\" [context]=\"context\"></ng-container>\r\n    </tr>\r\n</ng-template>\r\n\r\n<ng-template #headerTemplate let-column=\"column\" let-toggle=\"toggle\">\r\n    <ng-template #defaultCol>\r\n        <span>{{ realColumns[column].title | translate }}</span>\r\n    </ng-template>\r\n    <a *ngIf=\"realColumns[column].sort; else defaultCol\"\r\n       [ngClass]=\"orderBy !== column ? 'sort' : (orderDescending ? 'sort-desc' : 'sort-asc')\"\r\n       (click)=\"setSorting(column, toggle)\">\r\n        <span>{{ realColumns[column].title | translate }}</span>\r\n    </a>\r\n</ng-template>\r\n\r\n<div class=\"dynamic-table\" #pagination=\"pagination\" [pagination]=\"loadData\" [page]=\"page\" [itemsPerPage]=\"itemsPerPage\" [updateTime]=\"updateTime\">\r\n    <ng-template #defaultFilterTemplate let-table>\r\n        <div class=\"table-filter\">\r\n            <ng-container *ngIf=\"table.showFilter\">\r\n                <label *ngIf=\"label\" [attr.for]=\"tableId\">\r\n                    {{ label | translate }}\r\n                </label>\r\n                <input type=\"text\"\r\n                       class=\"form-control\"\r\n                       [attr.id]=\"tableId\"\r\n                       [attr.data-testid]=\"testId + '-filter-input'\"\r\n                       [placeholder]=\"placeholder | translate\"\r\n                       [ngModel]=\"table.filter\"\r\n                       (ngModelChange)=\"table.setFilter($event)\"/>\r\n            </ng-container>\r\n            <ng-content select=\"[table-filter]\"></ng-content>\r\n        </div>\r\n    </ng-template>\r\n    <ng-container [ngxTemplateOutlet]=\"filterTemplate || defaultFilterTemplate\" [context]=\"this\"></ng-container>\r\n    <div class=\"sort-toggle\" dd #sortDd=\"dropdown\" *ngIf=\"orderBy\">\r\n        <div class=\"sort-toggle-content\">\r\n            <ng-container [ngTemplateOutlet]=\"headerTemplate\"\r\n                          [ngTemplateOutletContext]=\"{column: orderBy, toggle: sortDd}\"></ng-container>\r\n        </div>\r\n        <ul>\r\n            <li *ngFor=\"let column of cols\" [ngClass]=\"'header-column column-' + column\">\r\n                <ng-container [ngTemplateOutlet]=\"headerTemplate\"\r\n                              [ngTemplateOutletContext]=\"{column: column}\"></ng-container>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n    <pagination-menu [urlParam]=\"urlParam\" [maxSize]=\"maxPages\" [directionLinks]=\"directionLinks\" [boundaryLinks]=\"boundaryLinks\"></pagination-menu>\r\n    <div class=\"table-responsive\">\r\n        <ng-template #defaultWrapperTemplate>\r\n            <table class=\"table table-striped\">\r\n                <thead>\r\n                    <tr>\r\n                        <th *ngFor=\"let column of cols\" [ngClass]=\"'header-column column-' + column\">\r\n                            <ng-container [ngTemplateOutlet]=\"headerTemplate\"\r\n                                          [ngTemplateOutletContext]=\"{column: column}\"></ng-container>\r\n                        </th>\r\n                    </tr>\r\n                    <tr *ngIf=\"hasQuery\">\r\n                        <th *ngFor=\"let column of cols\" [ngClass]=\"['column-' + column, 'filter-column']\">\r\n                            <ng-container *ngIf=\"realColumns[column].filter\">\r\n                                <input class=\"form-control\"\r\n                                       [attr.data-testid]=\"testId + '-filter-' + column\"\r\n                                       [type]=\"realColumns[column].filterType || 'text'\"\r\n                                       [placeholder]=\"realColumns[column].title | translate\"\r\n                                       [ngModel]=\"query[column]\"\r\n                                       (ngModelChange)=\"updateQuery(column, $event)\"/>\r\n                            </ng-container>\r\n                        </th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <ng-container *paginationItem=\"let context\"\r\n                                  [ngxTemplateOutlet]=\"rowTemplate\"\r\n                                  [context]=\"context\"\r\n                                  [additionalContext]=\"this\"></ng-container>\r\n                </tbody>\r\n            </table>\r\n        </ng-template>\r\n\r\n        <div class=\"table-wrapper\">\r\n            <ng-content select=\"[table-top]\"></ng-content>\r\n            <ng-container [ngxTemplateOutlet]=\"wrapperTemplate || defaultWrapperTemplate\"\r\n                          [context]=\"this\"></ng-container>\r\n            <ng-content select=\"[table-bottom]\"></ng-content>\r\n        </div>\r\n    </div>\r\n    <pagination-menu [urlParam]=\"urlParam\" [maxSize]=\"maxPages\" [directionLinks]=\"directionLinks\" [boundaryLinks]=\"boundaryLinks\"></pagination-menu>\r\n</div>\r\n", styles: [".dynamic-table{--table-bg: transparent;--table-stripe-bg: rgba(210, 210, 210, .35);--border-size: 2px;--bg-color: #FFFFFF;--text-color: #151515;--highlight-color: var(--primary-color, #888888);--display-toggle: none;--toggle-margin: 10px;--arrow-size: 6px;--arrow-space: calc(var(--arrow-size) * .5 + 1px);--arrow-color: #c6c6c6}.dynamic-table .sort-toggle{display:var(--display-toggle);position:relative;margin:var(--toggle-margin)}.dynamic-table .sort-toggle .svg-icon{pointer-events:none}.dynamic-table .sort-toggle .sort-toggle-content{background:var(--bg-color);color:var(--text-color);border:var(--border-size) solid var(--highlight-color);border-radius:5px;cursor:pointer;padding-right:8px}.dynamic-table .sort-toggle a{padding:8px 12px}.dynamic-table .sort-toggle ul{margin:-2px 0 0;padding:0;list-style:none;position:absolute;z-index:1;width:100%;min-height:fit-content;border:var(--border-size) solid var(--highlight-color);border-radius:0 0 5px 5px;overflow:hidden;display:none}.dynamic-table .sort-toggle li{background:var(--bg-color);color:var(--text-color);cursor:pointer;padding-right:8px}.dynamic-table .sort-toggle .sort-toggle-content:hover,.dynamic-table .sort-toggle li:hover,.dynamic-table .sort-toggle li.active{background-color:var(--highlight-color);color:#fff}.dynamic-table .sort-toggle.open ul{display:block}.dynamic-table .table-responsive{overflow:hidden;overflow-x:auto}.dynamic-table .table-filter:not(:empty){display:flex;gap:10px;margin-bottom:20px}.dynamic-table .table-filter:not(:empty)>input{max-width:400px}.dynamic-table .table-wrapper{position:relative}.dynamic-table table.table{border-collapse:collapse;width:100%;font-family:inherit;font-size:inherit}.dynamic-table table.table th{text-align:left}.dynamic-table table.table td,.dynamic-table table.table th{text-align:left;padding:6px 12px;border:1px solid var(--border-color);vertical-align:middle}.dynamic-table table.table-sm th,.dynamic-table table.table-sm td{font-size:var(--font-size-sm);padding:4px 6px}.dynamic-table table.table thead th{font-weight:500}.dynamic-table table.table thead th a{color:var(--text-color);cursor:pointer}.dynamic-table table.table thead th span{display:inline-block;vertical-align:middle}.dynamic-table table.table thead th .svg-icon{float:right}.dynamic-table table.table thead th .svg-icon svg{width:20px;height:20px}.dynamic-table table.table tbody tr td{background-color:var(--table-bg)}.dynamic-table table.table tbody tr.active td{background-color:var(--highlight-color)}.dynamic-table .table-striped>tbody>tr:nth-of-type(odd) td{background-color:var(--table-stripe-bg)}.dynamic-table .table-striped>tbody>tr:nth-of-type(odd).active td{background-color:var(--highlight-color)}.dynamic-table table.table thead th a,.dynamic-table .sort-toggle a{position:relative;display:block;margin-right:calc(var(--arrow-size) * 2)}.dynamic-table table.table thead th a:before,.dynamic-table table.table thead th a:after,.dynamic-table .sort-toggle a:before,.dynamic-table .sort-toggle a:after{content:\"\";position:absolute;left:calc(100% + var(--arrow-size));top:calc(50% - var(--arrow-size));border-top:var(--arrow-size) solid transparent;border-bottom:var(--arrow-size) solid transparent;border-left:var(--arrow-size) solid var(--arrow-color)}.dynamic-table table.table thead th a:before,.dynamic-table .sort-toggle a:before{transform:rotate(-90deg) translate(var(--arrow-space))}.dynamic-table table.table thead th a:after,.dynamic-table .sort-toggle a:after{transform:rotate(90deg) translate(var(--arrow-space))}.dynamic-table table.table thead th a.sort-desc:before,.dynamic-table .sort-toggle a.sort-desc:before{--arrow-color: black}.dynamic-table table.table thead th a.sort-asc:after,.dynamic-table .sort-toggle a.sort-asc:after{--arrow-color: black}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgxTemplateOutletDirective, selector: "[ngxTemplateOutlet]", inputs: ["context", "additionalContext", "ngxTemplateOutlet"] }, { kind: "directive", type: PaginationDirective, selector: "[pagination]", inputs: ["pagination", "page", "itemsPerPage", "updateTime", "waitFor"], outputs: ["pageChange", "onRefresh"], exportAs: ["pagination"] }, { kind: "directive", type: PaginationItemDirective, selector: "[paginationItem]" }, { kind: "directive", type: DropdownDirective, selector: "[dd],[drop-down]", inputs: ["closeInside", "keyboardHandler", "isDisabled"], outputs: ["onShown", "onHidden", "onKeyboard"], exportAs: ["dropdown"] }, { kind: "component", type: PaginationMenuComponent, selector: "pagination-menu", inputs: ["maxSize", "urlParam", "directionLinks", "boundaryLinks"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: DynamicTableComponent, isStandalone: false, selector: "dynamic-table", inputs: { dataLoader: "dataLoader", data: "data", selected: "selected", page: "page", urlParam: "urlParam", parallelData: "parallelData", columns: "columns", showFilter: "showFilter", filterLabel: "filterLabel", placeholder: "placeholder", showItems: "showItems", itemsPerPage: "itemsPerPage", updateTime: "updateTime", filterTime: "filterTime", maxPages: "maxPages", directionLinks: "directionLinks", boundaryLinks: "boundaryLinks", orderBy: "orderBy", orderDescending: "orderDescending", testId: "testId", titlePrefix: "titlePrefix", dragStartFn: "dragStartFn", dragEnterFn: "dragEnterFn", dropFn: "dropFn" }, queries: [{ propertyName: "rowTemplate", first: true, predicate: ["rowTemplate"], descendants: true, static: true }, { propertyName: "wrapperTemplate", first: true, predicate: ["wrapperTemplate"], descendants: true, static: true }, { propertyName: "filterTemplate", first: true, predicate: ["filterTemplate"], descendants: true, static: true }, { propertyName: "templateDirectives", predicate: DynamicTableTemplateDirective }], viewQueries: [{ propertyName: "columnsTemplate", first: true, predicate: ["columnsTemplate"], descendants: true, static: true }, { propertyName: "defaultRowTemplate", first: true, predicate: ["defaultRowTemplate"], descendants: true, static: true }, { propertyName: "defaultWrapperTemplate", first: true, predicate: ["defaultWrapperTemplate"], descendants: true, static: true }, { propertyName: "defaultFilterTemplate", first: true, predicate: ["defaultFilterTemplate"], descendants: true, static: true }, { propertyName: "pagination", first: true, predicate: ["pagination"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #columnTemplate let-context let-column=\"column\" let-template=\"template\">\r\n    <ng-template #defaultTemplate let-column=\"column\" let-item=\"item\">\r\n        <span>{{ item[column] == undefined || item[column] == null ? '-' : item[column] }}</span>\r\n    </ng-template>\r\n    <ng-template #pureTemplate>\r\n        <ng-container [ngxTemplateOutlet]=\"template.ref\" [context]=\"context\"></ng-container>\r\n    </ng-template>\r\n    <td [ngClass]=\"'column-' + column\"\r\n        [attr.data-testid]=\"testId + '-' + column + '-' + context.rowIndex\" *ngIf=\"!template || !template.pure; else pureTemplate\">\r\n        <ng-container [ngxTemplateOutlet]=\"!template ? defaultTemplate : template.ref\" [context]=\"context\"></ng-container>\r\n    </td>\r\n</ng-template>\r\n\r\n<ng-template #columnsTemplate let-context>\r\n    <ng-container *ngFor=\"let column of cols\"\r\n                  [ngxTemplateOutlet]=\"columnTemplate\"\r\n                  [context]=\"context\"\r\n                  [additionalContext]=\"{\r\n                            template: templates[column],\r\n                            column: column\r\n                          }\"></ng-container>\r\n</ng-template>\r\n\r\n<ng-template #defaultRowTemplate let-context>\r\n    <tr draggable=\"true\"\r\n        #elem\r\n        [ngClass]=\"{active: selected === context.item}\"\r\n        (dragstart)=\"onDragStart($event, elem, context.item)\"\r\n        (dragenter)=\"onDragEnter($event, elem, context.item)\"\r\n        (dragleave)=\"onDragLeave($event, elem)\"\r\n        (drop)=\"onDrop($event, elem, context.item)\">\r\n        <ng-container [ngxTemplateOutlet]=\"columnsTemplate\" [context]=\"context\"></ng-container>\r\n    </tr>\r\n</ng-template>\r\n\r\n<ng-template #headerTemplate let-column=\"column\" let-toggle=\"toggle\">\r\n    <ng-template #defaultCol>\r\n        <span>{{ realColumns[column].title | translate }}</span>\r\n    </ng-template>\r\n    <a *ngIf=\"realColumns[column].sort; else defaultCol\"\r\n       [ngClass]=\"['sort', orderBy !== column ? '' : (orderDescending ? 'sort-desc' : 'sort-asc')]\"\r\n       (click)=\"setSorting(column, toggle)\">\r\n        <span>{{ realColumns[column].title | translate }}</span>\r\n    </a>\r\n</ng-template>\r\n\r\n<div class=\"dynamic-table\" #pagination=\"pagination\" [pagination]=\"loadData\" [page]=\"page\" [itemsPerPage]=\"itemsPerPage\" [updateTime]=\"updateTime\">\r\n    <ng-template #defaultFilterTemplate let-table>\r\n        <div class=\"table-features-row\">\r\n            <div class=\"table-input-wrap\" *ngIf=\"showFilter\">\r\n                <label *ngIf=\"filterLabel\" [attr.for]=\"tableId\">\r\n                    {{ filterLabel | translate }}\r\n                </label>\r\n                <input type=\"text\"\r\n                       class=\"form-control\"\r\n                       [attr.id]=\"tableId\"\r\n                       [attr.data-testid]=\"testId + '-filter-input'\"\r\n                       [placeholder]=\"placeholder | translate\"\r\n                       [ngModel]=\"table.filter\"\r\n                       (ngModelChange)=\"setFilter($event)\"/>\r\n            </div>\r\n            <div class=\"table-dropdown sort-dropdown\" dd #sortDd=\"dropdown\" *ngIf=\"orderBy\">\r\n                <div class=\"table-toggle\" dropdownToggle>\r\n                    <ng-container [ngTemplateOutlet]=\"headerTemplate\"\r\n                                  [ngTemplateOutletContext]=\"{column: orderBy, toggle: sortDd}\"></ng-container>\r\n                </div>\r\n                <ul>\r\n                    <ng-container *ngFor=\"let column of cols\">\r\n                        <li [ngClass]=\"'header-column column-' + column\" *ngIf=\"realColumns[column].sort\">\r\n                            <ng-container [ngTemplateOutlet]=\"headerTemplate\"\r\n                                          [ngTemplateOutletContext]=\"{column: column}\"></ng-container>\r\n                        </li>\r\n                    </ng-container>\r\n                </ul>\r\n            </div>\r\n            <div class=\"table-input-wrap\" *ngIf=\"showFilter\">\r\n                <label>\r\n                    {{ 'label.items.before' | translate }}\r\n                </label>\r\n                <div class=\"table-dropdown normal-dropdown\" dd *ngIf=\"showItems\">\r\n                    <div class=\"table-toggle\" dropdownToggle>\r\n                        <a class=\"dropdown-link\">{{ itemsPerPage }}</a>\r\n                    </div>\r\n                    <ul>\r\n                        <ng-container *ngFor=\"let count of showItems\">\r\n                            <li [ngClass]=\"'item-count count-' + count\" (click)=\"setItemsPerPage(count)\">\r\n                                {{ count }}\r\n                            </li>\r\n                        </ng-container>\r\n                    </ul>\r\n                </div>\r\n                <label>\r\n                    {{ 'label.items.after' | translate }}\r\n                </label>\r\n            </div>\r\n            <ng-content select=\"[table-features]\"></ng-content>\r\n        </div>\r\n    </ng-template>\r\n    <ng-container [ngxTemplateOutlet]=\"filterTemplate || defaultFilterTemplate\" [context]=\"this\"></ng-container>\r\n    <pagination-menu [urlParam]=\"urlParam\" [maxSize]=\"maxPages\" [directionLinks]=\"directionLinks\" [boundaryLinks]=\"boundaryLinks\"></pagination-menu>\r\n    <div class=\"table-responsive\">\r\n        <ng-template #defaultWrapperTemplate>\r\n            <table class=\"table table-striped\">\r\n                <thead>\r\n                    <tr>\r\n                        <th *ngFor=\"let column of cols\" [ngClass]=\"'header-column column-' + column\">\r\n                            <ng-container [ngTemplateOutlet]=\"headerTemplate\"\r\n                                          [ngTemplateOutletContext]=\"{column: column}\"></ng-container>\r\n                        </th>\r\n                    </tr>\r\n                    <tr *ngIf=\"hasQuery\">\r\n                        <th *ngFor=\"let column of cols\" [ngClass]=\"['column-' + column, 'filter-column']\">\r\n                            <ng-container *ngIf=\"realColumns[column].filter\" [ngSwitch]=\"realColumns[column].filterType\">\r\n                                <ng-container *ngSwitchCase=\"'enum'\">\r\n                                    <ng-template #optionItem let-option=\"option\">\r\n                                        {{ (realColumns[column].enumPrefix ? realColumns[column].enumPrefix + '.' + option : option) | translate }}\r\n                                    </ng-template>\r\n                                    <div class=\"table-dropdown normal-dropdown\" dd [closeInside]=\"false\">\r\n                                        <div class=\"table-toggle\" dropdownToggle>\r\n                                            <a [ngClass]=\"'dropdown-link filter-link-' + column\">\r\n                                                <span class=\"toggle-placeholder\" *ngIf=\"!query[column]\">\r\n                                                    {{ realColumns[column].title | translate }}\r\n                                                </span>\r\n                                                <span [ngClass]=\"['option-' + option, column + '-option-' + option, option]\"\r\n                                                      *ngFor=\"let option of query[column] | values; let ix = index\">\r\n                                                    <ng-container *ngIf=\"ix > 0\">, </ng-container>\r\n                                                    <ng-container [ngTemplateOutlet]=\"optionItem\"\r\n                                                                  [ngTemplateOutletContext]=\"{option: option}\"></ng-container>\r\n                                                </span>\r\n                                            </a>\r\n                                        </div>\r\n                                        <ul>\r\n                                            <li [ngClass]=\"[column + '-option', 'option-' + option, option]\"\r\n                                                (click)=\"setQueryValue(column, option)\"\r\n                                                *ngFor=\"let option of realColumns[column].enum\">\r\n                                                <a [ngClass]=\"'toggle-link-' + column\">\r\n                                                    <input type=\"checkbox\" [checked]=\"query[column] | includes: option\">\r\n                                                    <ng-container [ngTemplateOutlet]=\"optionItem\"\r\n                                                                  [ngTemplateOutletContext]=\"{option: option}\"></ng-container>\r\n                                                </a>\r\n                                            </li>\r\n                                        </ul>\r\n                                    </div>\r\n                                </ng-container>\r\n                                <ng-container *ngSwitchCase=\"'checkbox'\">\r\n                                    <input type=\"checkbox\"\r\n                                           [attr.data-testid]=\"testId + '-filter-' + column\"\r\n                                           [placeholder]=\"realColumns[column].title | translate\"\r\n                                           [ngModel]=\"query[column]\"\r\n                                           (ngModelChange)=\"setQueryValue(column, $event)\"/>\r\n                                </ng-container>\r\n                                <ng-container *ngSwitchDefault>\r\n                                    <input class=\"form-control\"\r\n                                           type=\"text\"\r\n                                           [attr.data-testid]=\"testId + '-filter-' + column\"\r\n                                           [placeholder]=\"realColumns[column].title | translate\"\r\n                                           [ngModel]=\"query[column]\"\r\n                                           (ngModelChange)=\"setQueryValue(column, $event)\"/>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <ng-container *paginationItem=\"let context\"\r\n                                  [ngxTemplateOutlet]=\"rowTemplate\"\r\n                                  [context]=\"context\"\r\n                                  [additionalContext]=\"this\"></ng-container>\r\n                </tbody>\r\n            </table>\r\n        </ng-template>\r\n\r\n        <div class=\"table-wrapper\">\r\n            <ng-content select=\"[table-top]\"></ng-content>\r\n            <ng-container [ngxTemplateOutlet]=\"wrapperTemplate || defaultWrapperTemplate\"\r\n                          [context]=\"this\"></ng-container>\r\n            <ng-content select=\"[table-bottom]\"></ng-content>\r\n        </div>\r\n    </div>\r\n    <pagination-menu [urlParam]=\"urlParam\" [maxSize]=\"maxPages\" [directionLinks]=\"directionLinks\" [boundaryLinks]=\"boundaryLinks\"></pagination-menu>\r\n</div>\r\n", styles: [".dynamic-table{--table-bg: transparent;--table-stripe-bg: rgba(210, 210, 210, .35);--border-size: 1px;--bg-color: #FFFFFF;--text-color: #151515;--highlight-color: var(--primary-color, #888888);--border-color: #ced4da;--display-toggle: none;--arrow-size: 6px;--arrow-rotation: 90;--arrow-space: calc(var(--arrow-size) * .5 + 1px);--arrow-color: #c6c6c6}.dynamic-table a,.dynamic-table span{white-space:nowrap;display:block}.dynamic-table .table-dropdown{position:relative;z-index:2}.dynamic-table .table-dropdown.sort-dropdown{display:none;--border-color: var(--highlight-color);--border-size: 2px}.dynamic-table .table-dropdown .svg-icon{pointer-events:none}.dynamic-table .table-dropdown .table-toggle{background:var(--bg-color);color:var(--text-color);border:var(--border-size) solid var(--border-color);border-radius:5px;cursor:pointer;padding:.375rem .75rem;-webkit-user-select:none;user-select:none;font-weight:400}.dynamic-table .table-dropdown .table-toggle .toggle-placeholder{color:#495057}.dynamic-table .table-dropdown li{padding:.375rem .75rem;font-weight:400}.dynamic-table .table-dropdown ul{margin:-2px 0 0;padding:0;list-style:none;position:absolute;z-index:1;width:100%;min-height:fit-content;border:var(--border-size) solid var(--border-color);border-radius:0 0 5px 5px;overflow:hidden;display:none}.dynamic-table .table-dropdown li{background:var(--bg-color);color:var(--text-color);cursor:pointer;padding-right:8px}.dynamic-table .table-dropdown.sort-dropdown .table-toggle:hover,.dynamic-table .table-dropdown li:hover,.dynamic-table .table-dropdown li.active{background-color:var(--highlight-color);color:#fff}.dynamic-table .table-dropdown.open .table-toggle{border-bottom-left-radius:0;border-bottom-right-radius:0}.dynamic-table .table-dropdown.open ul{display:block}.dynamic-table .table-responsive{overflow:hidden;overflow-x:auto}.dynamic-table .table-features-row:not(:empty){display:flex;gap:10px;margin-bottom:20px;align-items:center;justify-content:space-between}.dynamic-table .table-input-wrap{display:flex;align-items:center;gap:5px}.dynamic-table .table-input-wrap>label{margin:0}.dynamic-table .table-input-wrap>input{max-width:400px}.dynamic-table .table-wrapper{position:relative}.dynamic-table table.table{border-collapse:collapse;width:100%;font-family:inherit;font-size:inherit}.dynamic-table table.table th{text-align:left}.dynamic-table table.table td,.dynamic-table table.table th{text-align:left;padding:6px 12px;border:1px solid var(--border-color);vertical-align:middle}.dynamic-table table.table-sm th,.dynamic-table table.table-sm td{font-size:var(--font-size-sm);padding:4px 6px}.dynamic-table table.table thead th{font-weight:500}.dynamic-table table.table thead th span{display:inline-block;vertical-align:top}.dynamic-table table.table thead th a{cursor:pointer;text-align:left}.dynamic-table table.table thead th .svg-icon{float:right}.dynamic-table table.table thead th .svg-icon svg{width:20px;height:20px}.dynamic-table table.table thead th.filter-column{text-align:center}.dynamic-table table.table tbody tr td{background-color:var(--table-bg)}.dynamic-table table.table tbody tr.active td{background-color:var(--highlight-color)}.dynamic-table .table-striped>tbody>tr:nth-of-type(odd) td{background-color:var(--table-stripe-bg)}.dynamic-table .table-striped>tbody>tr:nth-of-type(odd).active td{background-color:var(--highlight-color)}.dynamic-table table.table{table-layout:fixed}.dynamic-table a.sort,.dynamic-table a.dropdown-link{position:relative;display:block;margin-right:calc(var(--arrow-size) * 2);-webkit-user-select:none;user-select:none}.dynamic-table a.sort:before,.dynamic-table a.sort:after,.dynamic-table a.dropdown-link:before,.dynamic-table a.dropdown-link:after{content:\"\";position:absolute;transition:.2s ease;left:calc(100% + var(--arrow-size));top:calc(50% - var(--arrow-size));border-top:var(--arrow-size) solid transparent;border-bottom:var(--arrow-size) solid transparent;border-left:var(--arrow-size) solid var(--arrow-color)}.dynamic-table a.sort:before,.dynamic-table a.dropdown-link:before{transform:rotate(calc(var(--arrow-rotation) * -1deg)) translate(var(--arrow-space))}.dynamic-table a.sort:after,.dynamic-table a.dropdown-link:after{transform:rotate(calc(var(--arrow-rotation) * 1deg)) translate(var(--arrow-space))}.dynamic-table a.sort.sort-desc:before,.dynamic-table a.dropdown-link.sort-desc:before{--arrow-color: black}.dynamic-table a.sort.sort-asc:after,.dynamic-table a.dropdown-link.sort-asc:after{--arrow-color: black}.dynamic-table .normal-dropdown a:before{display:none}.dynamic-table .normal-dropdown a:after{--arrow-color: black;--arrow-space: 0}.dynamic-table .normal-dropdown.open{--arrow-rotation: -90}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2$1.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$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgxTemplateOutletDirective, selector: "[ngxTemplateOutlet]", inputs: ["context", "additionalContext", "ngxTemplateOutlet"] }, { kind: "directive", type: PaginationDirective, selector: "[pagination]", inputs: ["pagination", "page", "itemsPerPage", "updateTime", "waitFor"], outputs: ["pageChange", "onRefresh"], exportAs: ["pagination"] }, { kind: "directive", type: PaginationItemDirective, selector: "[paginationItem]" }, { kind: "directive", type: DropdownDirective, selector: "[dd],[drop-down]", inputs: ["closeInside", "keyboardHandler", "isDisabled"], outputs: ["onShown", "onHidden", "onKeyboard"], exportAs: ["dropdown"] }, { kind: "directive", type: DropdownToggleDirective, selector: "[dropdownToggle]", inputs: ["beforeOpen"], exportAs: ["dropdown-toggle"] }, { kind: "component", type: PaginationMenuComponent, selector: "pagination-menu", inputs: ["maxSize", "urlParam", "directionLinks", "boundaryLinks"] }, { kind: "pipe", type: IncludesPipe, name: "includes" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: ValuesPipe, name: "values" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DynamicTableComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, encapsulation: ViewEncapsulation.None, selector: "dynamic-table", template: "<ng-template #columnTemplate let-context let-column=\"column\" let-template=\"template\">\r\n    <ng-template #defaultTemplate let-column=\"column\" let-item=\"item\">\r\n        <span>{{ item[column] == undefined || item[column] == null ? '-' : item[column] }}</span>\r\n    </ng-template>\r\n    <ng-template #pureTemplate>\r\n        <ng-container [ngxTemplateOutlet]=\"template.ref\" [context]=\"context\"></ng-container>\r\n    </ng-template>\r\n    <td [ngClass]=\"'column-' + column\"\r\n        [attr.data-testid]=\"testId + '-' + column + '-' + context.rowIndex\" *ngIf=\"!template || !template.pure; else pureTemplate\">\r\n        <ng-container [ngxTemplateOutlet]=\"!template ? defaultTemplate : template.ref\" [context]=\"context\"></ng-container>\r\n    </td>\r\n</ng-template>\r\n\r\n<ng-template #columnsTemplate let-context>\r\n    <ng-container *ngFor=\"let column of cols\"\r\n                  [ngxTemplateOutlet]=\"columnTemplate\"\r\n                  [context]=\"context\"\r\n                  [additionalContext]=\"{\r\n                            template: templates[column],\r\n                            column: column\r\n                          }\"></ng-container>\r\n</ng-template>\r\n\r\n<ng-template #defaultRowTemplate let-context>\r\n    <tr draggable=\"true\"\r\n        #elem\r\n        [ngClass]=\"{active: selected === context.item}\"\r\n        (dragstart)=\"onDragStart($event, elem, context.item)\"\r\n        (dragenter)=\"onDragEnter($event, elem, context.item)\"\r\n        (dragleave)=\"onDragLeave($event, elem)\"\r\n        (drop)=\"onDrop($event, elem, context.item)\">\r\n        <ng-container [ngxTemplateOutlet]=\"columnsTemplate\" [context]=\"context\"></ng-container>\r\n    </tr>\r\n</ng-template>\r\n\r\n<ng-template #headerTemplate let-column=\"column\" let-toggle=\"toggle\">\r\n    <ng-template #defaultCol>\r\n        <span>{{ realColumns[column].title | translate }}</span>\r\n    </ng-template>\r\n    <a *ngIf=\"realColumns[column].sort; else defaultCol\"\r\n       [ngClass]=\"orderBy !== column ? 'sort' : (orderDescending ? 'sort-desc' : 'sort-asc')\"\r\n       (click)=\"setSorting(column, toggle)\">\r\n        <span>{{ realColumns[column].title | translate }}</span>\r\n    </a>\r\n</ng-template>\r\n\r\n<div class=\"dynamic-table\" #pagination=\"pagination\" [pagination]=\"loadData\" [page]=\"page\" [itemsPerPage]=\"itemsPerPage\" [updateTime]=\"updateTime\">\r\n    <ng-template #defaultFilterTemplate let-table>\r\n        <div class=\"table-filter\">\r\n            <ng-container *ngIf=\"table.showFilter\">\r\n                <label *ngIf=\"label\" [attr.for]=\"tableId\">\r\n                    {{ label | translate }}\r\n                </label>\r\n                <input type=\"text\"\r\n                       class=\"form-control\"\r\n                       [attr.id]=\"tableId\"\r\n                       [attr.data-testid]=\"testId + '-filter-input'\"\r\n                       [placeholder]=\"placeholder | translate\"\r\n                       [ngModel]=\"table.filter\"\r\n                       (ngModelChange)=\"table.setFilter($event)\"/>\r\n            </ng-container>\r\n            <ng-content select=\"[table-filter]\"></ng-content>\r\n        </div>\r\n    </ng-template>\r\n    <ng-container [ngxTemplateOutlet]=\"filterTemplate || defaultFilterTemplate\" [context]=\"this\"></ng-container>\r\n    <div class=\"sort-toggle\" dd #sortDd=\"dropdown\" *ngIf=\"orderBy\">\r\n        <div class=\"sort-toggle-content\">\r\n            <ng-container [ngTemplateOutlet]=\"headerTemplate\"\r\n                          [ngTemplateOutletContext]=\"{column: orderBy, toggle: sortDd}\"></ng-container>\r\n        </div>\r\n        <ul>\r\n            <li *ngFor=\"let column of cols\" [ngClass]=\"'header-column column-' + column\">\r\n                <ng-container [ngTemplateOutlet]=\"headerTemplate\"\r\n                              [ngTemplateOutletContext]=\"{column: column}\"></ng-container>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n    <pagination-menu [urlParam]=\"urlParam\" [maxSize]=\"maxPages\" [directionLinks]=\"directionLinks\" [boundaryLinks]=\"boundaryLinks\"></pagination-menu>\r\n    <div class=\"table-responsive\">\r\n        <ng-template #defaultWrapperTemplate>\r\n            <table class=\"table table-striped\">\r\n                <thead>\r\n                    <tr>\r\n                        <th *ngFor=\"let column of cols\" [ngClass]=\"'header-column column-' + column\">\r\n                            <ng-container [ngTemplateOutlet]=\"headerTemplate\"\r\n                                          [ngTemplateOutletContext]=\"{column: column}\"></ng-container>\r\n                        </th>\r\n                    </tr>\r\n                    <tr *ngIf=\"hasQuery\">\r\n                        <th *ngFor=\"let column of cols\" [ngClass]=\"['column-' + column, 'filter-column']\">\r\n                            <ng-container *ngIf=\"realColumns[column].filter\">\r\n                                <input class=\"form-control\"\r\n                                       [attr.data-testid]=\"testId + '-filter-' + column\"\r\n                                       [type]=\"realColumns[column].filterType || 'text'\"\r\n                                       [placeholder]=\"realColumns[column].title | translate\"\r\n                                       [ngModel]=\"query[column]\"\r\n                                       (ngModelChange)=\"updateQuery(column, $event)\"/>\r\n                            </ng-container>\r\n                        </th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <ng-container *paginationItem=\"let context\"\r\n                                  [ngxTemplateOutlet]=\"rowTemplate\"\r\n                                  [context]=\"context\"\r\n                                  [additionalContext]=\"this\"></ng-container>\r\n                </tbody>\r\n            </table>\r\n        </ng-template>\r\n\r\n        <div class=\"table-wrapper\">\r\n            <ng-content select=\"[table-top]\"></ng-content>\r\n            <ng-container [ngxTemplateOutlet]=\"wrapperTemplate || defaultWrapperTemplate\"\r\n                          [context]=\"this\"></ng-container>\r\n            <ng-content select=\"[table-bottom]\"></ng-content>\r\n        </div>\r\n    </div>\r\n    <pagination-menu [urlParam]=\"urlParam\" [maxSize]=\"maxPages\" [directionLinks]=\"directionLinks\" [boundaryLinks]=\"boundaryLinks\"></pagination-menu>\r\n</div>\r\n", styles: [".dynamic-table{--table-bg: transparent;--table-stripe-bg: rgba(210, 210, 210, .35);--border-size: 2px;--bg-color: #FFFFFF;--text-color: #151515;--highlight-color: var(--primary-color, #888888);--display-toggle: none;--toggle-margin: 10px;--arrow-size: 6px;--arrow-space: calc(var(--arrow-size) * .5 + 1px);--arrow-color: #c6c6c6}.dynamic-table .sort-toggle{display:var(--display-toggle);position:relative;margin:var(--toggle-margin)}.dynamic-table .sort-toggle .svg-icon{pointer-events:none}.dynamic-table .sort-toggle .sort-toggle-content{background:var(--bg-color);color:var(--text-color);border:var(--border-size) solid var(--highlight-color);border-radius:5px;cursor:pointer;padding-right:8px}.dynamic-table .sort-toggle a{padding:8px 12px}.dynamic-table .sort-toggle ul{margin:-2px 0 0;padding:0;list-style:none;position:absolute;z-index:1;width:100%;min-height:fit-content;border:var(--border-size) solid var(--highlight-color);border-radius:0 0 5px 5px;overflow:hidden;display:none}.dynamic-table .sort-toggle li{background:var(--bg-color);color:var(--text-color);cursor:pointer;padding-right:8px}.dynamic-table .sort-toggle .sort-toggle-content:hover,.dynamic-table .sort-toggle li:hover,.dynamic-table .sort-toggle li.active{background-color:var(--highlight-color);color:#fff}.dynamic-table .sort-toggle.open ul{display:block}.dynamic-table .table-responsive{overflow:hidden;overflow-x:auto}.dynamic-table .table-filter:not(:empty){display:flex;gap:10px;margin-bottom:20px}.dynamic-table .table-filter:not(:empty)>input{max-width:400px}.dynamic-table .table-wrapper{position:relative}.dynamic-table table.table{border-collapse:collapse;width:100%;font-family:inherit;font-size:inherit}.dynamic-table table.table th{text-align:left}.dynamic-table table.table td,.dynamic-table table.table th{text-align:left;padding:6px 12px;border:1px solid var(--border-color);vertical-align:middle}.dynamic-table table.table-sm th,.dynamic-table table.table-sm td{font-size:var(--font-size-sm);padding:4px 6px}.dynamic-table table.table thead th{font-weight:500}.dynamic-table table.table thead th a{color:var(--text-color);cursor:pointer}.dynamic-table table.table thead th span{display:inline-block;vertical-align:middle}.dynamic-table table.table thead th .svg-icon{float:right}.dynamic-table table.table thead th .svg-icon svg{width:20px;height:20px}.dynamic-table table.table tbody tr td{background-color:var(--table-bg)}.dynamic-table table.table tbody tr.active td{background-color:var(--highlight-color)}.dynamic-table .table-striped>tbody>tr:nth-of-type(odd) td{background-color:var(--table-stripe-bg)}.dynamic-table .table-striped>tbody>tr:nth-of-type(odd).active td{background-color:var(--highlight-color)}.dynamic-table table.table thead th a,.dynamic-table .sort-toggle a{position:relative;display:block;margin-right:calc(var(--arrow-size) * 2)}.dynamic-table table.table thead th a:before,.dynamic-table table.table thead th a:after,.dynamic-table .sort-toggle a:before,.dynamic-table .sort-toggle a:after{content:\"\";position:absolute;left:calc(100% + var(--arrow-size));top:calc(50% - var(--arrow-size));border-top:var(--arrow-size) solid transparent;border-bottom:var(--arrow-size) solid transparent;border-left:var(--arrow-size) solid var(--arrow-color)}.dynamic-table table.table thead th a:before,.dynamic-table .sort-toggle a:before{transform:rotate(-90deg) translate(var(--arrow-space))}.dynamic-table table.table thead th a:after,.dynamic-table .sort-toggle a:after{transform:rotate(90deg) translate(var(--arrow-space))}.dynamic-table table.table thead th a.sort-desc:before,.dynamic-table .sort-toggle a.sort-desc:before{--arrow-color: black}.dynamic-table table.table thead th a.sort-asc:after,.dynamic-table .sort-toggle a.sort-asc:after{--arrow-color: black}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { label: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], dataLoader: [{
+            args: [{ standalone: false, encapsulation: ViewEncapsulation.None, selector: "dynamic-table", template: "<ng-template #columnTemplate let-context let-column=\"column\" let-template=\"template\">\r\n    <ng-template #defaultTemplate let-column=\"column\" let-item=\"item\">\r\n        <span>{{ item[column] == undefined || item[column] == null ? '-' : item[column] }}</span>\r\n    </ng-template>\r\n    <ng-template #pureTemplate>\r\n        <ng-container [ngxTemplateOutlet]=\"template.ref\" [context]=\"context\"></ng-container>\r\n    </ng-template>\r\n    <td [ngClass]=\"'column-' + column\"\r\n        [attr.data-testid]=\"testId + '-' + column + '-' + context.rowIndex\" *ngIf=\"!template || !template.pure; else pureTemplate\">\r\n        <ng-container [ngxTemplateOutlet]=\"!template ? defaultTemplate : template.ref\" [context]=\"context\"></ng-container>\r\n    </td>\r\n</ng-template>\r\n\r\n<ng-template #columnsTemplate let-context>\r\n    <ng-container *ngFor=\"let column of cols\"\r\n                  [ngxTemplateOutlet]=\"columnTemplate\"\r\n                  [context]=\"context\"\r\n                  [additionalContext]=\"{\r\n                            template: templates[column],\r\n                            column: column\r\n                          }\"></ng-container>\r\n</ng-template>\r\n\r\n<ng-template #defaultRowTemplate let-context>\r\n    <tr draggable=\"true\"\r\n        #elem\r\n        [ngClass]=\"{active: selected === context.item}\"\r\n        (dragstart)=\"onDragStart($event, elem, context.item)\"\r\n        (dragenter)=\"onDragEnter($event, elem, context.item)\"\r\n        (dragleave)=\"onDragLeave($event, elem)\"\r\n        (drop)=\"onDrop($event, elem, context.item)\">\r\n        <ng-container [ngxTemplateOutlet]=\"columnsTemplate\" [context]=\"context\"></ng-container>\r\n    </tr>\r\n</ng-template>\r\n\r\n<ng-template #headerTemplate let-column=\"column\" let-toggle=\"toggle\">\r\n    <ng-template #defaultCol>\r\n        <span>{{ realColumns[column].title | translate }}</span>\r\n    </ng-template>\r\n    <a *ngIf=\"realColumns[column].sort; else defaultCol\"\r\n       [ngClass]=\"['sort', orderBy !== column ? '' : (orderDescending ? 'sort-desc' : 'sort-asc')]\"\r\n       (click)=\"setSorting(column, toggle)\">\r\n        <span>{{ realColumns[column].title | translate }}</span>\r\n    </a>\r\n</ng-template>\r\n\r\n<div class=\"dynamic-table\" #pagination=\"pagination\" [pagination]=\"loadData\" [page]=\"page\" [itemsPerPage]=\"itemsPerPage\" [updateTime]=\"updateTime\">\r\n    <ng-template #defaultFilterTemplate let-table>\r\n        <div class=\"table-features-row\">\r\n            <div class=\"table-input-wrap\" *ngIf=\"showFilter\">\r\n                <label *ngIf=\"filterLabel\" [attr.for]=\"tableId\">\r\n                    {{ filterLabel | translate }}\r\n                </label>\r\n                <input type=\"text\"\r\n                       class=\"form-control\"\r\n                       [attr.id]=\"tableId\"\r\n                       [attr.data-testid]=\"testId + '-filter-input'\"\r\n                       [placeholder]=\"placeholder | translate\"\r\n                       [ngModel]=\"table.filter\"\r\n                       (ngModelChange)=\"setFilter($event)\"/>\r\n            </div>\r\n            <div class=\"table-dropdown sort-dropdown\" dd #sortDd=\"dropdown\" *ngIf=\"orderBy\">\r\n                <div class=\"table-toggle\" dropdownToggle>\r\n                    <ng-container [ngTemplateOutlet]=\"headerTemplate\"\r\n                                  [ngTemplateOutletContext]=\"{column: orderBy, toggle: sortDd}\"></ng-container>\r\n                </div>\r\n                <ul>\r\n                    <ng-container *ngFor=\"let column of cols\">\r\n                        <li [ngClass]=\"'header-column column-' + column\" *ngIf=\"realColumns[column].sort\">\r\n                            <ng-container [ngTemplateOutlet]=\"headerTemplate\"\r\n                                          [ngTemplateOutletContext]=\"{column: column}\"></ng-container>\r\n                        </li>\r\n                    </ng-container>\r\n                </ul>\r\n            </div>\r\n            <div class=\"table-input-wrap\" *ngIf=\"showFilter\">\r\n                <label>\r\n                    {{ 'label.items.before' | translate }}\r\n                </label>\r\n                <div class=\"table-dropdown normal-dropdown\" dd *ngIf=\"showItems\">\r\n                    <div class=\"table-toggle\" dropdownToggle>\r\n                        <a class=\"dropdown-link\">{{ itemsPerPage }}</a>\r\n                    </div>\r\n                    <ul>\r\n                        <ng-container *ngFor=\"let count of showItems\">\r\n                            <li [ngClass]=\"'item-count count-' + count\" (click)=\"setItemsPerPage(count)\">\r\n                                {{ count }}\r\n                            </li>\r\n                        </ng-container>\r\n                    </ul>\r\n                </div>\r\n                <label>\r\n                    {{ 'label.items.after' | translate }}\r\n                </label>\r\n            </div>\r\n            <ng-content select=\"[table-features]\"></ng-content>\r\n        </div>\r\n    </ng-template>\r\n    <ng-container [ngxTemplateOutlet]=\"filterTemplate || defaultFilterTemplate\" [context]=\"this\"></ng-container>\r\n    <pagination-menu [urlParam]=\"urlParam\" [maxSize]=\"maxPages\" [directionLinks]=\"directionLinks\" [boundaryLinks]=\"boundaryLinks\"></pagination-menu>\r\n    <div class=\"table-responsive\">\r\n        <ng-template #defaultWrapperTemplate>\r\n            <table class=\"table table-striped\">\r\n                <thead>\r\n                    <tr>\r\n                        <th *ngFor=\"let column of cols\" [ngClass]=\"'header-column column-' + column\">\r\n                            <ng-container [ngTemplateOutlet]=\"headerTemplate\"\r\n                                          [ngTemplateOutletContext]=\"{column: column}\"></ng-container>\r\n                        </th>\r\n                    </tr>\r\n                    <tr *ngIf=\"hasQuery\">\r\n                        <th *ngFor=\"let column of cols\" [ngClass]=\"['column-' + column, 'filter-column']\">\r\n                            <ng-container *ngIf=\"realColumns[column].filter\" [ngSwitch]=\"realColumns[column].filterType\">\r\n                                <ng-container *ngSwitchCase=\"'enum'\">\r\n                                    <ng-template #optionItem let-option=\"option\">\r\n                                        {{ (realColumns[column].enumPrefix ? realColumns[column].enumPrefix + '.' + option : option) | translate }}\r\n                                    </ng-template>\r\n                                    <div class=\"table-dropdown normal-dropdown\" dd [closeInside]=\"false\">\r\n                                        <div class=\"table-toggle\" dropdownToggle>\r\n                                            <a [ngClass]=\"'dropdown-link filter-link-' + column\">\r\n                                                <span class=\"toggle-placeholder\" *ngIf=\"!query[column]\">\r\n                                                    {{ realColumns[column].title | translate }}\r\n                                                </span>\r\n                                                <span [ngClass]=\"['option-' + option, column + '-option-' + option, option]\"\r\n                                                      *ngFor=\"let option of query[column] | values; let ix = index\">\r\n                                                    <ng-container *ngIf=\"ix > 0\">, </ng-container>\r\n                                                    <ng-container [ngTemplateOutlet]=\"optionItem\"\r\n                                                                  [ngTemplateOutletContext]=\"{option: option}\"></ng-container>\r\n                                                </span>\r\n                                            </a>\r\n                                        </div>\r\n                                        <ul>\r\n                                            <li [ngClass]=\"[column + '-option', 'option-' + option, option]\"\r\n                                                (click)=\"setQueryValue(column, option)\"\r\n                                                *ngFor=\"let option of realColumns[column].enum\">\r\n                                                <a [ngClass]=\"'toggle-link-' + column\">\r\n                                                    <input type=\"checkbox\" [checked]=\"query[column] | includes: option\">\r\n                                                    <ng-container [ngTemplateOutlet]=\"optionItem\"\r\n                                                                  [ngTemplateOutletContext]=\"{option: option}\"></ng-container>\r\n                                                </a>\r\n                                            </li>\r\n                                        </ul>\r\n                                    </div>\r\n                                </ng-container>\r\n                                <ng-container *ngSwitchCase=\"'checkbox'\">\r\n                                    <input type=\"checkbox\"\r\n                                           [attr.data-testid]=\"testId + '-filter-' + column\"\r\n                                           [placeholder]=\"realColumns[column].title | translate\"\r\n                                           [ngModel]=\"query[column]\"\r\n                                           (ngModelChange)=\"setQueryValue(column, $event)\"/>\r\n                                </ng-container>\r\n                                <ng-container *ngSwitchDefault>\r\n                                    <input class=\"form-control\"\r\n                                           type=\"text\"\r\n                                           [attr.data-testid]=\"testId + '-filter-' + column\"\r\n                                           [placeholder]=\"realColumns[column].title | translate\"\r\n                                           [ngModel]=\"query[column]\"\r\n                                           (ngModelChange)=\"setQueryValue(column, $event)\"/>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <ng-container *paginationItem=\"let context\"\r\n                                  [ngxTemplateOutlet]=\"rowTemplate\"\r\n                                  [context]=\"context\"\r\n                                  [additionalContext]=\"this\"></ng-container>\r\n                </tbody>\r\n            </table>\r\n        </ng-template>\r\n\r\n        <div class=\"table-wrapper\">\r\n            <ng-content select=\"[table-top]\"></ng-content>\r\n            <ng-container [ngxTemplateOutlet]=\"wrapperTemplate || defaultWrapperTemplate\"\r\n                          [context]=\"this\"></ng-container>\r\n            <ng-content select=\"[table-bottom]\"></ng-content>\r\n        </div>\r\n    </div>\r\n    <pagination-menu [urlParam]=\"urlParam\" [maxSize]=\"maxPages\" [directionLinks]=\"directionLinks\" [boundaryLinks]=\"boundaryLinks\"></pagination-menu>\r\n</div>\r\n", styles: [".dynamic-table{--table-bg: transparent;--table-stripe-bg: rgba(210, 210, 210, .35);--border-size: 1px;--bg-color: #FFFFFF;--text-color: #151515;--highlight-color: var(--primary-color, #888888);--border-color: #ced4da;--display-toggle: none;--arrow-size: 6px;--arrow-rotation: 90;--arrow-space: calc(var(--arrow-size) * .5 + 1px);--arrow-color: #c6c6c6}.dynamic-table a,.dynamic-table span{white-space:nowrap;display:block}.dynamic-table .table-dropdown{position:relative;z-index:2}.dynamic-table .table-dropdown.sort-dropdown{display:none;--border-color: var(--highlight-color);--border-size: 2px}.dynamic-table .table-dropdown .svg-icon{pointer-events:none}.dynamic-table .table-dropdown .table-toggle{background:var(--bg-color);color:var(--text-color);border:var(--border-size) solid var(--border-color);border-radius:5px;cursor:pointer;padding:.375rem .75rem;-webkit-user-select:none;user-select:none;font-weight:400}.dynamic-table .table-dropdown .table-toggle .toggle-placeholder{color:#495057}.dynamic-table .table-dropdown li{padding:.375rem .75rem;font-weight:400}.dynamic-table .table-dropdown ul{margin:-2px 0 0;padding:0;list-style:none;position:absolute;z-index:1;width:100%;min-height:fit-content;border:var(--border-size) solid var(--border-color);border-radius:0 0 5px 5px;overflow:hidden;display:none}.dynamic-table .table-dropdown li{background:var(--bg-color);color:var(--text-color);cursor:pointer;padding-right:8px}.dynamic-table .table-dropdown.sort-dropdown .table-toggle:hover,.dynamic-table .table-dropdown li:hover,.dynamic-table .table-dropdown li.active{background-color:var(--highlight-color);color:#fff}.dynamic-table .table-dropdown.open .table-toggle{border-bottom-left-radius:0;border-bottom-right-radius:0}.dynamic-table .table-dropdown.open ul{display:block}.dynamic-table .table-responsive{overflow:hidden;overflow-x:auto}.dynamic-table .table-features-row:not(:empty){display:flex;gap:10px;margin-bottom:20px;align-items:center;justify-content:space-between}.dynamic-table .table-input-wrap{display:flex;align-items:center;gap:5px}.dynamic-table .table-input-wrap>label{margin:0}.dynamic-table .table-input-wrap>input{max-width:400px}.dynamic-table .table-wrapper{position:relative}.dynamic-table table.table{border-collapse:collapse;width:100%;font-family:inherit;font-size:inherit}.dynamic-table table.table th{text-align:left}.dynamic-table table.table td,.dynamic-table table.table th{text-align:left;padding:6px 12px;border:1px solid var(--border-color);vertical-align:middle}.dynamic-table table.table-sm th,.dynamic-table table.table-sm td{font-size:var(--font-size-sm);padding:4px 6px}.dynamic-table table.table thead th{font-weight:500}.dynamic-table table.table thead th span{display:inline-block;vertical-align:top}.dynamic-table table.table thead th a{cursor:pointer;text-align:left}.dynamic-table table.table thead th .svg-icon{float:right}.dynamic-table table.table thead th .svg-icon svg{width:20px;height:20px}.dynamic-table table.table thead th.filter-column{text-align:center}.dynamic-table table.table tbody tr td{background-color:var(--table-bg)}.dynamic-table table.table tbody tr.active td{background-color:var(--highlight-color)}.dynamic-table .table-striped>tbody>tr:nth-of-type(odd) td{background-color:var(--table-stripe-bg)}.dynamic-table .table-striped>tbody>tr:nth-of-type(odd).active td{background-color:var(--highlight-color)}.dynamic-table table.table{table-layout:fixed}.dynamic-table a.sort,.dynamic-table a.dropdown-link{position:relative;display:block;margin-right:calc(var(--arrow-size) * 2);-webkit-user-select:none;user-select:none}.dynamic-table a.sort:before,.dynamic-table a.sort:after,.dynamic-table a.dropdown-link:before,.dynamic-table a.dropdown-link:after{content:\"\";position:absolute;transition:.2s ease;left:calc(100% + var(--arrow-size));top:calc(50% - var(--arrow-size));border-top:var(--arrow-size) solid transparent;border-bottom:var(--arrow-size) solid transparent;border-left:var(--arrow-size) solid var(--arrow-color)}.dynamic-table a.sort:before,.dynamic-table a.dropdown-link:before{transform:rotate(calc(var(--arrow-rotation) * -1deg)) translate(var(--arrow-space))}.dynamic-table a.sort:after,.dynamic-table a.dropdown-link:after{transform:rotate(calc(var(--arrow-rotation) * 1deg)) translate(var(--arrow-space))}.dynamic-table a.sort.sort-desc:before,.dynamic-table a.dropdown-link.sort-desc:before{--arrow-color: black}.dynamic-table a.sort.sort-asc:after,.dynamic-table a.dropdown-link.sort-asc:after{--arrow-color: black}.dynamic-table .normal-dropdown a:before{display:none}.dynamic-table .normal-dropdown a:after{--arrow-color: black;--arrow-space: 0}.dynamic-table .normal-dropdown.open{--arrow-rotation: -90}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { dataLoader: [{
                 type: Input
             }], data: [{
                 type: Input
@@ -6463,6 +6497,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                 type: Input
             }], showFilter: [{
                 type: Input
+            }], filterLabel: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], showItems: [{
+                type: Input
             }], itemsPerPage: [{
                 type: Input
             }], updateTime: [{
@@ -6715,11 +6755,11 @@ class UploadComponent {
         if (url.startsWith("data:"))
             return url;
         const baseUrl = this.baseUrl;
-        const images = this.isImage ? `image/` : ``;
+        const query = this.isImage ? `?type=preview` : ``;
         if (!baseUrl) {
-            return `${images}${url}`;
+            return `${url}${query}`;
         }
-        return `${baseUrl}/${images}${url}`;
+        return `${baseUrl}/${url}${query}`;
     }
     async processFiles(files) {
         if (this.processing)
@@ -6834,6 +6874,7 @@ const pipes = [
     GetValuePipe,
     GlobalTemplatePipe,
     GroupByPipe,
+    IncludesPipe,
     IsTypePipe,
     JoinPipe,
     KeysPipe,
@@ -7248,8 +7289,8 @@ class NgxUtilsModule {
     constructor() {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgxUtilsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: NgxUtilsModule, declarations: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplatePipe, GroupByPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, BackgroundDirective, ComponentLoaderDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, DropdownDirective, DropdownToggleDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, DropListComponent, DynamicTableComponent, FakeModuleComponent, PaginationMenuComponent, UnorderedListComponent, UploadComponent], imports: [CommonModule,
-            FormsModule], exports: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplatePipe, GroupByPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, BackgroundDirective, ComponentLoaderDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, DropdownDirective, DropdownToggleDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, DropListComponent, DynamicTableComponent, FakeModuleComponent, PaginationMenuComponent, UnorderedListComponent, UploadComponent, FormsModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: NgxUtilsModule, declarations: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplatePipe, GroupByPipe, IncludesPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, BackgroundDirective, ComponentLoaderDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, DropdownDirective, DropdownToggleDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, DropListComponent, DynamicTableComponent, FakeModuleComponent, PaginationMenuComponent, UnorderedListComponent, UploadComponent], imports: [CommonModule,
+            FormsModule], exports: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplatePipe, GroupByPipe, IncludesPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, BackgroundDirective, ComponentLoaderDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, DropdownDirective, DropdownToggleDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, DropListComponent, DynamicTableComponent, FakeModuleComponent, PaginationMenuComponent, UnorderedListComponent, UploadComponent, FormsModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgxUtilsModule, providers: pipes, imports: [CommonModule,
             FormsModule, FormsModule] }); }
 }
@@ -7279,5 +7320,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { API_SERVICE, APP_BASE_URL, AUTH_SERVICE, AclService, AjaxRequestHandler, ApiService, ArrayUtils, AsyncMethodBase, AsyncMethodDirective, AuthGuard, BASE_CONFIG, BackgroundDirective, BaseDialogService, BaseHttpClient, BaseHttpService, BaseToasterService, CONFIG_SERVICE, CanvasColor, CanvasUtils, ChunkPipe, Circle, ComponentLoaderDirective, ComponentLoaderService, ConfigService, DIALOG_SERVICE, DateUtils, DragDropEventPlugin, DropListComponent, DropdownDirective, DropdownToggleDirective, DynamicTableComponent, DynamicTableTemplateDirective, ERROR_HANDLER, EXPRESS_REQUEST, EntriesPipe, ErrorHandlerService, EventsService, ExtraItemPropertiesPipe, FactoryDependencies, FakeModuleComponent, FileSystemEntry, FileUtils, FilterPipe, FindPipe, FormatNumberPipe, FormatterService, GenericValue, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplateDirective, GlobalTemplatePipe, GlobalTemplateService, GroupByPipe, HttpPromise, ICON_SERVICE, IConfiguration, IconDirective, IconService, Initializer, IsTypePipe, JSONfn, JoinPipe, KeysPipe, LANGUAGE_SERVICE, LanguageService, LoaderUtils, LocalHttpService, MapPipe, MathUtils, MaxPipe, MinPipe, NgxTemplateOutletDirective, NgxUtilsModule, OPTIONS_TOKEN, ObjectType, ObjectUtils, ObservableUtils, OpenApiService, PROMISE_SERVICE, PaginationDirective, PaginationItemContext, PaginationItemDirective, PaginationMenuComponent, Point, PopPipe, PromiseService, RESIZE_DELAY, RESIZE_STRATEGY, ROOT_ELEMENT, Rect, ReducePipe, ReflectUtils, RemapPipe, ReplacePipe, ResizeEventPlugin, ResourceIfContext, ResourceIfDirective, ReversePipe, RoundPipe, SCRIPT_PARAMS, SafeHtmlPipe, ScrollEventPlugin, SetUtils, ShiftPipe, SocketClient, SocketService, SplitPipe, StateService, StaticAuthService, StaticLanguageService, StickyClassDirective, StickyDirective, StorageMode, StorageService, StringUtils, TOASTER_SERVICE, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, UploadComponent, ValuedPromise, ValuesPipe, Vector, WASI_IMPLEMENTATION, WasmService, cachedFactory, cancelablePromise, checkTransitions, getComponentDef, impatientPromise, parseSelector, provideEntryComponents, provideWithOptions, selectorMatchesList };
+export { API_SERVICE, APP_BASE_URL, AUTH_SERVICE, AclService, AjaxRequestHandler, ApiService, ArrayUtils, AsyncMethodBase, AsyncMethodDirective, AuthGuard, BASE_CONFIG, BackgroundDirective, BaseDialogService, BaseHttpClient, BaseHttpService, BaseToasterService, CONFIG_SERVICE, CanvasColor, CanvasUtils, ChunkPipe, Circle, ComponentLoaderDirective, ComponentLoaderService, ConfigService, DIALOG_SERVICE, DateUtils, DragDropEventPlugin, DropListComponent, DropdownDirective, DropdownToggleDirective, DynamicTableComponent, DynamicTableTemplateDirective, ERROR_HANDLER, EXPRESS_REQUEST, EntriesPipe, ErrorHandlerService, EventsService, ExtraItemPropertiesPipe, FactoryDependencies, FakeModuleComponent, FileSystemEntry, FileUtils, FilterPipe, FindPipe, FormatNumberPipe, FormatterService, GenericValue, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplateDirective, GlobalTemplatePipe, GlobalTemplateService, GroupByPipe, HttpPromise, ICON_SERVICE, IConfiguration, IconDirective, IconService, IncludesPipe, Initializer, IsTypePipe, JSONfn, JoinPipe, KeysPipe, LANGUAGE_SERVICE, LanguageService, LoaderUtils, LocalHttpService, MapPipe, MathUtils, MaxPipe, MinPipe, NgxTemplateOutletDirective, NgxUtilsModule, OPTIONS_TOKEN, ObjectType, ObjectUtils, ObservableUtils, OpenApiService, PROMISE_SERVICE, PaginationDirective, PaginationItemContext, PaginationItemDirective, PaginationMenuComponent, Point, PopPipe, PromiseService, RESIZE_DELAY, RESIZE_STRATEGY, ROOT_ELEMENT, Rect, ReducePipe, ReflectUtils, RemapPipe, ReplacePipe, ResizeEventPlugin, ResourceIfContext, ResourceIfDirective, ReversePipe, RoundPipe, SCRIPT_PARAMS, SafeHtmlPipe, ScrollEventPlugin, SetUtils, ShiftPipe, SocketClient, SocketService, SplitPipe, StateService, StaticAuthService, StaticLanguageService, StickyClassDirective, StickyDirective, StorageMode, StorageService, StringUtils, TOASTER_SERVICE, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, UploadComponent, ValuedPromise, ValuesPipe, Vector, WASI_IMPLEMENTATION, WasmService, cachedFactory, cancelablePromise, checkTransitions, getComponentDef, impatientPromise, parseSelector, provideEntryComponents, provideWithOptions, selectorMatchesList };
 //# sourceMappingURL=stemy-ngx-utils.mjs.map