@mediusinc/mng-commons 7.2.1 → 7.3.0-rc.6

package/fesm2022/{mediusinc-mng-commons-table-column-toggle.component-BZU9-ZJV.mjs.map → mediusinc-mng-commons-table-column-toggle.component-4BDcYyDd.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"mediusinc-mng-commons-table-column-toggle.component-BZU9-ZJV.mjs","sources":["../../table/src/components/column-toggle/column-toggle.component.ts","../../table/src/components/column-toggle/column-toggle.component.html"],"sourcesContent":["import {NgClass} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, computed, inject, input} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\n\nimport {TranslatePipe} from '@ngx-translate/core';\nimport {Button} from 'primeng/button';\nimport {MultiSelect} from 'primeng/multiselect';\nimport {Tooltip} from 'primeng/tooltip';\n\nimport {I18nPropertyPipe} from '@mediusinc/mng-commons/core';\n\nimport {ColumnWithPreferences} from '../../models/column-preferences.model';\nimport {TableMetadataService} from '../../services/table-metadata.service';\nimport {TablePreferencesService} from '../../services/table-preferences.service';\n\n@Component({\n    selector: 'mng-table-column-toggle',\n    templateUrl: './column-toggle.component.html',\n    imports: [I18nPropertyPipe, NgClass, MultiSelect, FormsModule, TranslatePipe, Tooltip, Button],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TableColumnToggleComponent {\n    protected readonly metadata = inject(TableMetadataService);\n    protected readonly prefs = inject(TablePreferencesService);\n\n    // data source inputs\n    public readonly columns = input.required<ColumnWithPreferences[]>();\n\n    protected anyColumnVisible = computed(() => this.columns().length > 0);\n}\n","<p-multiSelect\n    #columnToggleMultiselect\n    styleClass=\"p-button-primary mng-table-columns-multiselect\"\n    appendTo=\"body\"\n    dataKey=\"id\"\n    tooltipPosition=\"left\"\n    placeholder=\"\"\n    dropdownIcon=\"pi pi-sliders-h\"\n    [filter]=\"false\"\n    [options]=\"prefs.columnsWithPrefs()\"\n    [ngModel]=\"columns()\"\n    [pTooltip]=\"'mngTable.adjustTable' | translate\"\n    [displaySelectedLabel]=\"false\"\n    (onChange)=\"prefs.onColumnToggle($event)\">\n    <ng-template #filter>\n        <div class=\"flex w-full justify-between items-center\">\n            <div class=\"p-checkbox\">\n                <div class=\"p-hidden-accessible\">\n                    <input type=\"checkbox\" readonly=\"readonly\" [checked]=\"columnToggleMultiselect.allSelected\" (keydown.space)=\"columnToggleMultiselect.onToggleAll($event)\" />\n                </div>\n                <div\n                    class=\"p-checkbox-box cursor-pointer\"\n                    role=\"checkbox\"\n                    [attr.aria-checked]=\"columnToggleMultiselect.allSelected\"\n                    [class.p-select-option-selected]=\"anyColumnVisible()\"\n                    (click)=\"prefs.onColumnToggleAll()\">\n                    <span class=\"p-checkbox-icon\" [ngClass]=\"{'pi pi-check': anyColumnVisible()}\"></span>\n                </div>\n            </div>\n            <p-button\n                icon=\"pi pi-replay\"\n                severity=\"secondary\"\n                text=\"true\"\n                tooltipPosition=\"left\"\n                [pTooltip]=\"'mngTable.resetLayout' | translate\"\n                (click)=\"prefs.clearLayoutPreferences()\"></p-button>\n        </div>\n    </ng-template>\n    <ng-template #item let-item>\n        {{\n            (item.descriptor.title && !item.descriptor.titleUseModelBase\n                ? item.descriptor.title\n                : (item.descriptor.title ?? item.descriptor.property | mngI18nProperty: metadata.descriptor().model)\n            ) | translate\n        }}\n    </ng-template>\n</p-multiSelect>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"mediusinc-mng-commons-table-column-toggle.component-4BDcYyDd.mjs","sources":["../../table/src/components/column-toggle/column-toggle.component.ts","../../table/src/components/column-toggle/column-toggle.component.html"],"sourcesContent":["import {NgClass} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, computed, inject, input} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\n\nimport {TranslatePipe} from '@ngx-translate/core';\nimport {Button} from 'primeng/button';\nimport {MultiSelect} from 'primeng/multiselect';\nimport {Tooltip} from 'primeng/tooltip';\n\nimport {I18nPropertyPipe} from '@mediusinc/mng-commons/core';\n\nimport {ColumnWithPreferences} from '../../models/column-preferences.model';\nimport {TableMetadataService} from '../../services/table-metadata.service';\nimport {TablePreferencesService} from '../../services/table-preferences.service';\n\n@Component({\n    selector: 'mng-table-column-toggle',\n    templateUrl: './column-toggle.component.html',\n    imports: [I18nPropertyPipe, NgClass, MultiSelect, FormsModule, TranslatePipe, Tooltip, Button],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TableColumnToggleComponent {\n    protected readonly metadata = inject(TableMetadataService);\n    protected readonly prefs = inject(TablePreferencesService);\n\n    // data source inputs\n    public readonly columns = input.required<ColumnWithPreferences[]>();\n\n    protected anyColumnVisible = computed(() => this.columns().length > 0);\n}\n","<p-multiSelect\n    #columnToggleMultiselect\n    styleClass=\"p-button-primary mng-table-columns-multiselect\"\n    appendTo=\"body\"\n    dataKey=\"id\"\n    tooltipPosition=\"left\"\n    placeholder=\"\"\n    dropdownIcon=\"pi pi-sliders-h\"\n    [filter]=\"false\"\n    [options]=\"prefs.columnsWithPrefs()\"\n    [ngModel]=\"columns()\"\n    [pTooltip]=\"'mngTable.adjustTable' | translate\"\n    [displaySelectedLabel]=\"false\"\n    (onChange)=\"prefs.onColumnToggle($event)\">\n    <ng-template #filter>\n        <div class=\"flex w-full justify-between items-center\">\n            <div class=\"p-checkbox\">\n                <div class=\"p-hidden-accessible\">\n                    <input type=\"checkbox\" readonly=\"readonly\" [checked]=\"columnToggleMultiselect.allSelected\" (keydown.space)=\"columnToggleMultiselect.onToggleAll($event)\" />\n                </div>\n                <div\n                    class=\"p-checkbox-box cursor-pointer\"\n                    role=\"checkbox\"\n                    [attr.aria-checked]=\"columnToggleMultiselect.allSelected\"\n                    [class.p-select-option-selected]=\"anyColumnVisible()\"\n                    (click)=\"prefs.onColumnToggleAll()\">\n                    <span class=\"p-checkbox-icon\" [ngClass]=\"{'pi pi-check': anyColumnVisible()}\"></span>\n                </div>\n            </div>\n            <p-button\n                icon=\"pi pi-replay\"\n                severity=\"secondary\"\n                text=\"true\"\n                tooltipPosition=\"left\"\n                [pTooltip]=\"'mngTable.resetLayout' | translate\"\n                (click)=\"prefs.clearLayoutPreferences()\"></p-button>\n        </div>\n    </ng-template>\n    <ng-template #item let-item>\n        {{\n            (item.descriptor.title && !item.descriptor.titleUseModelBase\n                ? item.descriptor.title\n                : (item.descriptor.title ?? item.descriptor.property | mngI18nProperty: metadata.descriptor().model)\n            ) | translate\n        }}\n    </ng-template>\n</p-multiSelect>\n"],"names":[],"mappings":"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"}

package/fesm2022/{mediusinc-mng-commons-table-mediusinc-mng-commons-table-D-cGtZ6e.mjs → mediusinc-mng-commons-table-mediusinc-mng-commons-table-DoXp48ZT.mjs}

@@ -1,7 +1,7 @@
 import { trigger, transition, style, animate } from '@angular/animations';
 import { NgTemplateOutlet, NgClass, getCurrencySymbol, DecimalPipe, CurrencyPipe, DatePipe, AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { forwardRef, input, booleanAttribute, model, signal, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, Injectable, inject, untracked, ElementRef, Renderer2, ChangeDetectorRef, viewChild, LOCALE_ID, Pipe, output, InjectionToken, Directive, contentChildren, HostListener, Injector, DestroyRef, afterNextRender } from '@angular/core';
+import { forwardRef, input, booleanAttribute, model, signal, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, Injectable, inject, untracked, ElementRef, Renderer2, ChangeDetectorRef, viewChild, LOCALE_ID, Pipe, output, InjectionToken, Directive, contentChildren, afterNextRender, HostListener, Injector, DestroyRef } from '@angular/core';
 import { takeUntilDestroyed, toObservable, toSignal, outputFromObservable } from '@angular/core/rxjs-interop';
 import * as i1 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
@@ -1469,6 +1469,8 @@ class TableHeaderWithFiltersComponent {
         this.clickedOnFilterEvent = undefined;
         this.filterSplitButton = viewChild.required('filterSplitButton');
         this.searchInput = viewChild.required('searchInput');
+        this.elementRef = inject(ElementRef);
+        this.isInsideOverlay = signal(false, ...(ngDevMode ? [{ debugName: "isInsideOverlay" }] : []));
         this.overlaySelectors = [
             '.p-dialog',
             '.p-overlaypanel',
@@ -1480,6 +1482,9 @@ class TableHeaderWithFiltersComponent {
             '.p-tieredmenu-overlay'
         ];
         this.FilterTypeEnum = FilterTypeEnum;
+        afterNextRender(() => {
+            this.isInsideOverlay.set(!!this.elementRef.nativeElement.closest(this.overlaySelectors.join(',')));
+        });
         combineLatest([this.searchValueSubject.pipe(debounceTime(500), distinctUntilChanged()), this.searchCaseSensitiveSubject])
             // NOTE: skip is used to ignore propagating the initial value of the subjects
             .pipe(skip(1), takeUntilDestroyed())
@@ -1664,7 +1669,7 @@ class TableHeaderWithFiltersComponent {
         this.tableData.updateSearch(searchQuery != null ? { value: searchQuery, caseSensitive: caseSensitive } : undefined);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TableHeaderWithFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: TableHeaderWithFiltersComponent, isStandalone: true, selector: "mng-table-header-with-filters", inputs: { metadata: { classPropertyName: "metadata", publicName: "metadata", isSignal: true, isRequired: true, transformFunction: null }, genericFilterDescriptor: { classPropertyName: "genericFilterDescriptor", publicName: "genericFilterDescriptor", isSignal: true, isRequired: false, transformFunction: null }, model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null }, enableSearch: { classPropertyName: "enableSearch", publicName: "enableSearch", isSignal: true, isRequired: false, transformFunction: null }, search: { classPropertyName: "search", publicName: "search", isSignal: true, isRequired: false, transformFunction: null }, searchLimitWordMax: { classPropertyName: "searchLimitWordMax", publicName: "searchLimitWordMax", isSignal: true, isRequired: false, transformFunction: null }, enableCaseSensitive: { classPropertyName: "enableCaseSensitive", publicName: "enableCaseSensitive", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:keydown": "filterShortcuts($event)" } }, queries: [{ propertyName: "templates", predicate: TableHeaderWithFiltersTemplateDirective, isSignal: true }], viewQueries: [{ propertyName: "filterOverlay", first: true, predicate: Popover, descendants: true, isSignal: true }, { propertyName: "filterFormComponent", first: true, predicate: TableFilterFormComponent, descendants: true, isSignal: true }, { propertyName: "filterSplitButton", first: true, predicate: ["filterSplitButton"], descendants: true, isSignal: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"flex items-center grow flex-wrap\">\n    @if (titleTemplate()) {\n        <ng-container *ngTemplateOutlet=\"titleTemplate()\"></ng-container>\n    }\n    @if (showOverlayFilterFormButton()) {\n        <p-splitbutton\n            #filterSplitButton\n            [label]=\"'mngFilter.titleAdd' | translate\"\n            [severity]=\"'secondary'\"\n            (onClick)=\"onFilterAdd($event)\"\n            [class]=\"'mng-filter-add-button mr-2' + (titleTemplate() ? ' ml-3' : '')\"\n            (onMenuShow)=\"onFilterSplitButtonShow()\"\n            showDelay=\"500\"\n            [pTooltip]=\"('mngFilter.titleAdd' | translate) + ' ( ' + addFilterShortcutText + ' )'\"\n            icon=\"pi pi-filter\"\n            [model]=\"filterMenuItems()\">\n        </p-splitbutton>\n    }\n    @if (enableSearch()) {\n        <div\n            class=\"mng-search mr-3\"\n            [ngClass]=\"{'ml-3': !showOverlayFilterFormButton() && titleTemplate()}\"\n            showDelay=\"500\"\n            [pTooltip]=\"('mngFilter.search.input' | translate) + ' ( / )'\">\n            <span class=\"p-input-icon-left w-full\">\n                <p-iconfield>\n                    <p-inputicon class=\"pi pi-search\" />\n                    <input\n                        #searchInput\n                        [ngModel]=\"searchValue()\"\n                        (ngModelChange)=\"onSearchChange($event)\"\n                        (keydown.enter)=\"onSearchSubmit($event)\"\n                        name=\"globalSearch\"\n                        type=\"text\"\n                        pInputText\n                        class=\"search-input w-full\"\n                        [ngClass]=\"{'ng-invalid': searchWordLimitMaxError()}\"\n                        [attr.placeholder]=\"'mngFilter.search.input' | translate\"\n                        [placeholder]=\"'mngFilter.search.input' | translate\" />\n                    <span class=\"search-shortcut-hint\">/</span>\n                </p-iconfield>\n                @if (enableCaseSensitive()) {\n                    <span class=\"toggle-button-input\">\n                        <p-toggleButton\n                            styleClass=\"ml-1 p-1 p-button-sm\"\n                            [ngModel]=\"searchCaseSensitive()\"\n                            (ngModelChange)=\"onSearchCaseSensitiveChange($event)\"\n                            onLabel=\"Aa\"\n                            offLabel=\"Aa\" />\n                    </span>\n                }\n            </span>\n            @if (searchWordLimitMaxError()) {\n                <small class=\"p-error block\">\n                    {{ 'mngFilter.search.maxWordsExceededMessage' | translate }}\n                </small>\n            }\n        </div>\n    }\n    @if (directInputMetadata().length > 0) {\n        <div class=\"mng-direct-input-filters flex flex-wrap items-center my-1\">\n            @for (metadata of directInputMetadata(); track metadata.descriptor.property) {\n                @if (metadata.descriptor.filterType !== FilterTypeEnum.Component) {\n                    @defer (on idle) {\n                        <mng-table-filter [config]=\"metadata\" [model]=\"model()\" [showFilterIcon]=\"true\" [showTitleAsPlaceholder]=\"true\" class=\"mx-1 my-1\" />\n                    }\n                } @else if (metadata.descriptor.customComponentType) {\n                    <ng-container [mngComponent]=\"metadata.descriptor.customComponentType\" [inputs]=\"{descriptor: metadata.descriptor}\"></ng-container>\n                }\n            }\n        </div>\n    }\n    @if (titleRowRightTemplate()) {\n        <ng-container *ngTemplateOutlet=\"titleRowRightTemplate()\"></ng-container>\n    }\n</div>\n@if (activeFilters().length > 0 || unsetRequiredFilters().length > 0) {\n    <div class=\"flex items-center flex-wrap mt-2\">\n        @for (filter of unsetRequiredFilters(); track filter.config.descriptor.property) {\n            @defer (on viewport) {\n                <mng-table-filter-active-tag\n                    [model]=\"model()\"\n                    [filter]=\"filter\"\n                    (edit)=\"onFilterEdit($event)\"\n                    (remove)=\"onFilterRemove($event)\"\n                    (toggleDisabled)=\"onFilterToggleDisabled($event)\" />\n            } @placeholder {\n                <p-skeleton width=\"10rem\" height=\"2rem\"></p-skeleton>\n            }\n        }\n        @for (filter of activeFilters(); track filter.config.descriptor.property) {\n            @defer (on viewport) {\n                <mng-table-filter-active-tag\n                    [model]=\"model()\"\n                    [filter]=\"filter\"\n                    (edit)=\"onFilterEdit($event)\"\n                    (remove)=\"onFilterRemove($event)\"\n                    (toggleDisabled)=\"onFilterToggleDisabled($event)\" />\n            } @placeholder {\n                <p-skeleton width=\"10rem\" height=\"2rem\"></p-skeleton>\n            }\n        }\n    </div>\n}\n<p-popover #op showCloseIcon=\"true\" (onHide)=\"onOverlayHide()\" appendTo=\"body\">\n    @defer (on viewport) {\n        <mng-table-filter-form\n            [model]=\"model()\"\n            [metadata]=\"overlayFormMetadata()\"\n            [genericDescriptor]=\"genericFilterDescriptor()\"\n            [filter]=\"filterEdit()\"\n            [disabledProperties]=\"activeFilterProperties()\"\n            [propertySearch]=\"genericFilterDescriptor()?.propertySearch\"\n            [overlay]=\"op\"\n            [enableCaseSensitive]=\"enableCaseSensitive()\"\n            (apply)=\"onFilterFormApply($event)\" />\n    } @placeholder {\n        <p-skeleton width=\"20rem\" height=\"3rem\"></p-skeleton>\n    }\n</p-popover>\n", styles: [".toggle-button-input{position:absolute;right:.35rem;top:50%;transform:translateY(-50%)}.mng-search{min-width:20rem}.search-shortcut-hint{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.1rem;pointer-events:none;opacity:.5;transition:opacity .15s}.search-input:not(:placeholder-shown)~.search-shortcut-hint,.search-input:focus~.search-shortcut-hint{opacity:0;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: TagModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ToggleButton, selector: "p-toggleButton, p-togglebutton, p-toggle-button", inputs: ["onLabel", "offLabel", "onIcon", "offIcon", "ariaLabel", "ariaLabelledBy", "styleClass", "inputId", "tabindex", "iconPos", "autofocus", "size", "allowEmpty", "fluid"], outputs: ["onChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "component", type: Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: ComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "injectionToken", "inputs", "attachToHost", "parentInjector"], outputs: ["instanceCreated"] }, { kind: "component", type: Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: SplitButton, selector: "p-splitbutton, p-splitButton, p-split-button", inputs: ["model", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "icon", "iconPos", "label", "tooltip", "tooltipOptions", "styleClass", "menuStyle", "menuStyleClass", "dropdownIcon", "appendTo", "dir", "expandAriaLabel", "showTransitionOptions", "hideTransitionOptions", "motionOptions", "buttonProps", "menuButtonProps", "autofocus", "disabled", "tabindex", "menuButtonDisabled", "buttonDisabled"], outputs: ["onClick", "onMenuHide", "onMenuShow", "onDropdownClick"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [Promise.resolve().then(function () { return filter_component; }).then(m => m.TableFilterComponent)], () => [Promise.resolve().then(function () { return filterActiveTag_component; }).then(m => m.TableFilterActiveTagComponent)], () => [Promise.resolve().then(function () { return filterActiveTag_component; }).then(m => m.TableFilterActiveTagComponent)], () => [TableFilterFormComponent]] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: TableHeaderWithFiltersComponent, isStandalone: true, selector: "mng-table-header-with-filters", inputs: { metadata: { classPropertyName: "metadata", publicName: "metadata", isSignal: true, isRequired: true, transformFunction: null }, genericFilterDescriptor: { classPropertyName: "genericFilterDescriptor", publicName: "genericFilterDescriptor", isSignal: true, isRequired: false, transformFunction: null }, model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null }, enableSearch: { classPropertyName: "enableSearch", publicName: "enableSearch", isSignal: true, isRequired: false, transformFunction: null }, search: { classPropertyName: "search", publicName: "search", isSignal: true, isRequired: false, transformFunction: null }, searchLimitWordMax: { classPropertyName: "searchLimitWordMax", publicName: "searchLimitWordMax", isSignal: true, isRequired: false, transformFunction: null }, enableCaseSensitive: { classPropertyName: "enableCaseSensitive", publicName: "enableCaseSensitive", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:keydown": "filterShortcuts($event)" } }, queries: [{ propertyName: "templates", predicate: TableHeaderWithFiltersTemplateDirective, isSignal: true }], viewQueries: [{ propertyName: "filterOverlay", first: true, predicate: Popover, descendants: true, isSignal: true }, { propertyName: "filterFormComponent", first: true, predicate: TableFilterFormComponent, descendants: true, isSignal: true }, { propertyName: "filterSplitButton", first: true, predicate: ["filterSplitButton"], descendants: true, isSignal: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"flex items-center grow flex-wrap\">\n    @if (titleTemplate()) {\n        <ng-container *ngTemplateOutlet=\"titleTemplate()\"></ng-container>\n    }\n    @if (showOverlayFilterFormButton()) {\n        <p-splitbutton\n            #filterSplitButton\n            [label]=\"'mngFilter.titleAdd' | translate\"\n            [severity]=\"'secondary'\"\n            (onClick)=\"onFilterAdd($event)\"\n            [class]=\"'mng-filter-add-button mr-2' + (titleTemplate() ? ' ml-3' : '')\"\n            (onMenuShow)=\"onFilterSplitButtonShow()\"\n            showDelay=\"500\"\n            [pTooltip]=\"('mngFilter.titleAdd' | translate) + ' ( ' + addFilterShortcutText + ' )'\"\n            icon=\"pi pi-filter\"\n            [model]=\"filterMenuItems()\">\n        </p-splitbutton>\n    }\n    @if (enableSearch()) {\n        @let shouldShowShortcut = !isInsideOverlay();\n        <div\n            class=\"mng-search mr-3\"\n            [ngClass]=\"{'ml-3': !showOverlayFilterFormButton() && titleTemplate()}\"\n            showDelay=\"500\"\n            [pTooltip]=\"('mngFilter.search.input' | translate) + (shouldShowShortcut ? ' ( / )' : '')\">\n            <span class=\"p-input-icon-left w-full\">\n                <p-iconfield>\n                    <p-inputicon class=\"pi pi-search\" />\n                    <input\n                        #searchInput\n                        [ngModel]=\"searchValue()\"\n                        (ngModelChange)=\"onSearchChange($event)\"\n                        (keydown.enter)=\"onSearchSubmit($event)\"\n                        name=\"globalSearch\"\n                        type=\"text\"\n                        pInputText\n                        class=\"search-input w-full\"\n                        [ngClass]=\"{'ng-invalid': searchWordLimitMaxError()}\"\n                        [attr.placeholder]=\"'mngFilter.search.input' | translate\"\n                        [placeholder]=\"'mngFilter.search.input' | translate\" />\n                    @if (shouldShowShortcut) {\n                        <span class=\"search-shortcut-hint\">/</span>\n                    }\n                </p-iconfield>\n                @if (enableCaseSensitive()) {\n                    <span class=\"toggle-button-input\">\n                        <p-toggleButton\n                            styleClass=\"ml-1 p-1 p-button-sm\"\n                            [ngModel]=\"searchCaseSensitive()\"\n                            (ngModelChange)=\"onSearchCaseSensitiveChange($event)\"\n                            onLabel=\"Aa\"\n                            offLabel=\"Aa\" />\n                    </span>\n                }\n            </span>\n            @if (searchWordLimitMaxError()) {\n                <small class=\"p-error block\">\n                    {{ 'mngFilter.search.maxWordsExceededMessage' | translate }}\n                </small>\n            }\n        </div>\n    }\n    @if (directInputMetadata().length > 0) {\n        <div class=\"mng-direct-input-filters flex flex-wrap items-center my-1\">\n            @for (metadata of directInputMetadata(); track metadata.descriptor.property) {\n                @if (metadata.descriptor.filterType !== FilterTypeEnum.Component) {\n                    @defer (on idle) {\n                        <mng-table-filter [config]=\"metadata\" [model]=\"model()\" [showFilterIcon]=\"true\" [showTitleAsPlaceholder]=\"true\" class=\"mx-1 my-1\" />\n                    }\n                } @else if (metadata.descriptor.customComponentType) {\n                    <ng-container [mngComponent]=\"metadata.descriptor.customComponentType\" [inputs]=\"{descriptor: metadata.descriptor}\"></ng-container>\n                }\n            }\n        </div>\n    }\n    @if (titleRowRightTemplate()) {\n        <ng-container *ngTemplateOutlet=\"titleRowRightTemplate()\"></ng-container>\n    }\n</div>\n@if (activeFilters().length > 0 || unsetRequiredFilters().length > 0) {\n    <div class=\"flex items-center flex-wrap mt-2\">\n        @for (filter of unsetRequiredFilters(); track filter.config.descriptor.property) {\n            @defer (on viewport) {\n                <mng-table-filter-active-tag\n                    [model]=\"model()\"\n                    [filter]=\"filter\"\n                    (edit)=\"onFilterEdit($event)\"\n                    (remove)=\"onFilterRemove($event)\"\n                    (toggleDisabled)=\"onFilterToggleDisabled($event)\" />\n            } @placeholder {\n                <p-skeleton width=\"10rem\" height=\"2rem\"></p-skeleton>\n            }\n        }\n        @for (filter of activeFilters(); track filter.config.descriptor.property) {\n            @defer (on viewport) {\n                <mng-table-filter-active-tag\n                    [model]=\"model()\"\n                    [filter]=\"filter\"\n                    (edit)=\"onFilterEdit($event)\"\n                    (remove)=\"onFilterRemove($event)\"\n                    (toggleDisabled)=\"onFilterToggleDisabled($event)\" />\n            } @placeholder {\n                <p-skeleton width=\"10rem\" height=\"2rem\"></p-skeleton>\n            }\n        }\n    </div>\n}\n<p-popover #op showCloseIcon=\"true\" (onHide)=\"onOverlayHide()\" appendTo=\"body\">\n    @defer (on viewport) {\n        <mng-table-filter-form\n            [model]=\"model()\"\n            [metadata]=\"overlayFormMetadata()\"\n            [genericDescriptor]=\"genericFilterDescriptor()\"\n            [filter]=\"filterEdit()\"\n            [disabledProperties]=\"activeFilterProperties()\"\n            [propertySearch]=\"genericFilterDescriptor()?.propertySearch\"\n            [overlay]=\"op\"\n            [enableCaseSensitive]=\"enableCaseSensitive()\"\n            (apply)=\"onFilterFormApply($event)\" />\n    } @placeholder {\n        <p-skeleton width=\"20rem\" height=\"3rem\"></p-skeleton>\n    }\n</p-popover>\n", styles: [".toggle-button-input{position:absolute;right:.35rem;top:50%;transform:translateY(-50%)}.mng-search{min-width:20rem}.search-shortcut-hint{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.1rem;pointer-events:none;opacity:.5;transition:opacity .15s}.search-input:not(:placeholder-shown)~.search-shortcut-hint,.search-input:focus~.search-shortcut-hint{opacity:0;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: TagModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ToggleButton, selector: "p-toggleButton, p-togglebutton, p-toggle-button", inputs: ["onLabel", "offLabel", "onIcon", "offIcon", "ariaLabel", "ariaLabelledBy", "styleClass", "inputId", "tabindex", "iconPos", "autofocus", "size", "allowEmpty", "fluid"], outputs: ["onChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }, { kind: "component", type: Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: ComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "injectionToken", "inputs", "attachToHost", "parentInjector"], outputs: ["instanceCreated"] }, { kind: "component", type: Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: SplitButton, selector: "p-splitbutton, p-splitButton, p-split-button", inputs: ["model", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "icon", "iconPos", "label", "tooltip", "tooltipOptions", "styleClass", "menuStyle", "menuStyleClass", "dropdownIcon", "appendTo", "dir", "expandAriaLabel", "showTransitionOptions", "hideTransitionOptions", "motionOptions", "buttonProps", "menuButtonProps", "autofocus", "disabled", "tabindex", "menuButtonDisabled", "buttonDisabled"], outputs: ["onClick", "onMenuHide", "onMenuShow", "onDropdownClick"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [Promise.resolve().then(function () { return filter_component; }).then(m => m.TableFilterComponent)], () => [Promise.resolve().then(function () { return filterActiveTag_component; }).then(m => m.TableFilterActiveTagComponent)], () => [Promise.resolve().then(function () { return filterActiveTag_component; }).then(m => m.TableFilterActiveTagComponent)], () => [TableFilterFormComponent]] }); }
 }
 i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.0.8", ngImport: i0, type: TableHeaderWithFiltersComponent, resolveDeferredDeps: () => [Promise.resolve().then(function () { return filter_component; }).then(m => m.TableFilterComponent), Promise.resolve().then(function () { return filterActiveTag_component; }).then(m => m.TableFilterActiveTagComponent)], resolveMetadata: (TableFilterComponent, TableFilterActiveTagComponent) => ({ decorators: [{
                 type: Component,
@@ -1686,7 +1691,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.0.8", ng
                             Skeleton,
                             SplitButton,
                             Tooltip
-                        ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex items-center grow flex-wrap\">\n    @if (titleTemplate()) {\n        <ng-container *ngTemplateOutlet=\"titleTemplate()\"></ng-container>\n    }\n    @if (showOverlayFilterFormButton()) {\n        <p-splitbutton\n            #filterSplitButton\n            [label]=\"'mngFilter.titleAdd' | translate\"\n            [severity]=\"'secondary'\"\n            (onClick)=\"onFilterAdd($event)\"\n            [class]=\"'mng-filter-add-button mr-2' + (titleTemplate() ? ' ml-3' : '')\"\n            (onMenuShow)=\"onFilterSplitButtonShow()\"\n            showDelay=\"500\"\n            [pTooltip]=\"('mngFilter.titleAdd' | translate) + ' ( ' + addFilterShortcutText + ' )'\"\n            icon=\"pi pi-filter\"\n            [model]=\"filterMenuItems()\">\n        </p-splitbutton>\n    }\n    @if (enableSearch()) {\n        <div\n            class=\"mng-search mr-3\"\n            [ngClass]=\"{'ml-3': !showOverlayFilterFormButton() && titleTemplate()}\"\n            showDelay=\"500\"\n            [pTooltip]=\"('mngFilter.search.input' | translate) + ' ( / )'\">\n            <span class=\"p-input-icon-left w-full\">\n                <p-iconfield>\n                    <p-inputicon class=\"pi pi-search\" />\n                    <input\n                        #searchInput\n                        [ngModel]=\"searchValue()\"\n                        (ngModelChange)=\"onSearchChange($event)\"\n                        (keydown.enter)=\"onSearchSubmit($event)\"\n                        name=\"globalSearch\"\n                        type=\"text\"\n                        pInputText\n                        class=\"search-input w-full\"\n                        [ngClass]=\"{'ng-invalid': searchWordLimitMaxError()}\"\n                        [attr.placeholder]=\"'mngFilter.search.input' | translate\"\n                        [placeholder]=\"'mngFilter.search.input' | translate\" />\n                    <span class=\"search-shortcut-hint\">/</span>\n                </p-iconfield>\n                @if (enableCaseSensitive()) {\n                    <span class=\"toggle-button-input\">\n                        <p-toggleButton\n                            styleClass=\"ml-1 p-1 p-button-sm\"\n                            [ngModel]=\"searchCaseSensitive()\"\n                            (ngModelChange)=\"onSearchCaseSensitiveChange($event)\"\n                            onLabel=\"Aa\"\n                            offLabel=\"Aa\" />\n                    </span>\n                }\n            </span>\n            @if (searchWordLimitMaxError()) {\n                <small class=\"p-error block\">\n                    {{ 'mngFilter.search.maxWordsExceededMessage' | translate }}\n                </small>\n            }\n        </div>\n    }\n    @if (directInputMetadata().length > 0) {\n        <div class=\"mng-direct-input-filters flex flex-wrap items-center my-1\">\n            @for (metadata of directInputMetadata(); track metadata.descriptor.property) {\n                @if (metadata.descriptor.filterType !== FilterTypeEnum.Component) {\n                    @defer (on idle) {\n                        <mng-table-filter [config]=\"metadata\" [model]=\"model()\" [showFilterIcon]=\"true\" [showTitleAsPlaceholder]=\"true\" class=\"mx-1 my-1\" />\n                    }\n                } @else if (metadata.descriptor.customComponentType) {\n                    <ng-container [mngComponent]=\"metadata.descriptor.customComponentType\" [inputs]=\"{descriptor: metadata.descriptor}\"></ng-container>\n                }\n            }\n        </div>\n    }\n    @if (titleRowRightTemplate()) {\n        <ng-container *ngTemplateOutlet=\"titleRowRightTemplate()\"></ng-container>\n    }\n</div>\n@if (activeFilters().length > 0 || unsetRequiredFilters().length > 0) {\n    <div class=\"flex items-center flex-wrap mt-2\">\n        @for (filter of unsetRequiredFilters(); track filter.config.descriptor.property) {\n            @defer (on viewport) {\n                <mng-table-filter-active-tag\n                    [model]=\"model()\"\n                    [filter]=\"filter\"\n                    (edit)=\"onFilterEdit($event)\"\n                    (remove)=\"onFilterRemove($event)\"\n                    (toggleDisabled)=\"onFilterToggleDisabled($event)\" />\n            } @placeholder {\n                <p-skeleton width=\"10rem\" height=\"2rem\"></p-skeleton>\n            }\n        }\n        @for (filter of activeFilters(); track filter.config.descriptor.property) {\n            @defer (on viewport) {\n                <mng-table-filter-active-tag\n                    [model]=\"model()\"\n                    [filter]=\"filter\"\n                    (edit)=\"onFilterEdit($event)\"\n                    (remove)=\"onFilterRemove($event)\"\n                    (toggleDisabled)=\"onFilterToggleDisabled($event)\" />\n            } @placeholder {\n                <p-skeleton width=\"10rem\" height=\"2rem\"></p-skeleton>\n            }\n        }\n    </div>\n}\n<p-popover #op showCloseIcon=\"true\" (onHide)=\"onOverlayHide()\" appendTo=\"body\">\n    @defer (on viewport) {\n        <mng-table-filter-form\n            [model]=\"model()\"\n            [metadata]=\"overlayFormMetadata()\"\n            [genericDescriptor]=\"genericFilterDescriptor()\"\n            [filter]=\"filterEdit()\"\n            [disabledProperties]=\"activeFilterProperties()\"\n            [propertySearch]=\"genericFilterDescriptor()?.propertySearch\"\n            [overlay]=\"op\"\n            [enableCaseSensitive]=\"enableCaseSensitive()\"\n            (apply)=\"onFilterFormApply($event)\" />\n    } @placeholder {\n        <p-skeleton width=\"20rem\" height=\"3rem\"></p-skeleton>\n    }\n</p-popover>\n", styles: [".toggle-button-input{position:absolute;right:.35rem;top:50%;transform:translateY(-50%)}.mng-search{min-width:20rem}.search-shortcut-hint{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.1rem;pointer-events:none;opacity:.5;transition:opacity .15s}.search-input:not(:placeholder-shown)~.search-shortcut-hint,.search-input:focus~.search-shortcut-hint{opacity:0;pointer-events:none}\n"] }]
+                        ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex items-center grow flex-wrap\">\n    @if (titleTemplate()) {\n        <ng-container *ngTemplateOutlet=\"titleTemplate()\"></ng-container>\n    }\n    @if (showOverlayFilterFormButton()) {\n        <p-splitbutton\n            #filterSplitButton\n            [label]=\"'mngFilter.titleAdd' | translate\"\n            [severity]=\"'secondary'\"\n            (onClick)=\"onFilterAdd($event)\"\n            [class]=\"'mng-filter-add-button mr-2' + (titleTemplate() ? ' ml-3' : '')\"\n            (onMenuShow)=\"onFilterSplitButtonShow()\"\n            showDelay=\"500\"\n            [pTooltip]=\"('mngFilter.titleAdd' | translate) + ' ( ' + addFilterShortcutText + ' )'\"\n            icon=\"pi pi-filter\"\n            [model]=\"filterMenuItems()\">\n        </p-splitbutton>\n    }\n    @if (enableSearch()) {\n        @let shouldShowShortcut = !isInsideOverlay();\n        <div\n            class=\"mng-search mr-3\"\n            [ngClass]=\"{'ml-3': !showOverlayFilterFormButton() && titleTemplate()}\"\n            showDelay=\"500\"\n            [pTooltip]=\"('mngFilter.search.input' | translate) + (shouldShowShortcut ? ' ( / )' : '')\">\n            <span class=\"p-input-icon-left w-full\">\n                <p-iconfield>\n                    <p-inputicon class=\"pi pi-search\" />\n                    <input\n                        #searchInput\n                        [ngModel]=\"searchValue()\"\n                        (ngModelChange)=\"onSearchChange($event)\"\n                        (keydown.enter)=\"onSearchSubmit($event)\"\n                        name=\"globalSearch\"\n                        type=\"text\"\n                        pInputText\n                        class=\"search-input w-full\"\n                        [ngClass]=\"{'ng-invalid': searchWordLimitMaxError()}\"\n                        [attr.placeholder]=\"'mngFilter.search.input' | translate\"\n                        [placeholder]=\"'mngFilter.search.input' | translate\" />\n                    @if (shouldShowShortcut) {\n                        <span class=\"search-shortcut-hint\">/</span>\n                    }\n                </p-iconfield>\n                @if (enableCaseSensitive()) {\n                    <span class=\"toggle-button-input\">\n                        <p-toggleButton\n                            styleClass=\"ml-1 p-1 p-button-sm\"\n                            [ngModel]=\"searchCaseSensitive()\"\n                            (ngModelChange)=\"onSearchCaseSensitiveChange($event)\"\n                            onLabel=\"Aa\"\n                            offLabel=\"Aa\" />\n                    </span>\n                }\n            </span>\n            @if (searchWordLimitMaxError()) {\n                <small class=\"p-error block\">\n                    {{ 'mngFilter.search.maxWordsExceededMessage' | translate }}\n                </small>\n            }\n        </div>\n    }\n    @if (directInputMetadata().length > 0) {\n        <div class=\"mng-direct-input-filters flex flex-wrap items-center my-1\">\n            @for (metadata of directInputMetadata(); track metadata.descriptor.property) {\n                @if (metadata.descriptor.filterType !== FilterTypeEnum.Component) {\n                    @defer (on idle) {\n                        <mng-table-filter [config]=\"metadata\" [model]=\"model()\" [showFilterIcon]=\"true\" [showTitleAsPlaceholder]=\"true\" class=\"mx-1 my-1\" />\n                    }\n                } @else if (metadata.descriptor.customComponentType) {\n                    <ng-container [mngComponent]=\"metadata.descriptor.customComponentType\" [inputs]=\"{descriptor: metadata.descriptor}\"></ng-container>\n                }\n            }\n        </div>\n    }\n    @if (titleRowRightTemplate()) {\n        <ng-container *ngTemplateOutlet=\"titleRowRightTemplate()\"></ng-container>\n    }\n</div>\n@if (activeFilters().length > 0 || unsetRequiredFilters().length > 0) {\n    <div class=\"flex items-center flex-wrap mt-2\">\n        @for (filter of unsetRequiredFilters(); track filter.config.descriptor.property) {\n            @defer (on viewport) {\n                <mng-table-filter-active-tag\n                    [model]=\"model()\"\n                    [filter]=\"filter\"\n                    (edit)=\"onFilterEdit($event)\"\n                    (remove)=\"onFilterRemove($event)\"\n                    (toggleDisabled)=\"onFilterToggleDisabled($event)\" />\n            } @placeholder {\n                <p-skeleton width=\"10rem\" height=\"2rem\"></p-skeleton>\n            }\n        }\n        @for (filter of activeFilters(); track filter.config.descriptor.property) {\n            @defer (on viewport) {\n                <mng-table-filter-active-tag\n                    [model]=\"model()\"\n                    [filter]=\"filter\"\n                    (edit)=\"onFilterEdit($event)\"\n                    (remove)=\"onFilterRemove($event)\"\n                    (toggleDisabled)=\"onFilterToggleDisabled($event)\" />\n            } @placeholder {\n                <p-skeleton width=\"10rem\" height=\"2rem\"></p-skeleton>\n            }\n        }\n    </div>\n}\n<p-popover #op showCloseIcon=\"true\" (onHide)=\"onOverlayHide()\" appendTo=\"body\">\n    @defer (on viewport) {\n        <mng-table-filter-form\n            [model]=\"model()\"\n            [metadata]=\"overlayFormMetadata()\"\n            [genericDescriptor]=\"genericFilterDescriptor()\"\n            [filter]=\"filterEdit()\"\n            [disabledProperties]=\"activeFilterProperties()\"\n            [propertySearch]=\"genericFilterDescriptor()?.propertySearch\"\n            [overlay]=\"op\"\n            [enableCaseSensitive]=\"enableCaseSensitive()\"\n            (apply)=\"onFilterFormApply($event)\" />\n    } @placeholder {\n        <p-skeleton width=\"20rem\" height=\"3rem\"></p-skeleton>\n    }\n</p-popover>\n", styles: [".toggle-button-input{position:absolute;right:.35rem;top:50%;transform:translateY(-50%)}.mng-search{min-width:20rem}.search-shortcut-hint{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.1rem;pointer-events:none;opacity:.5;transition:opacity .15s}.search-input:not(:placeholder-shown)~.search-shortcut-hint,.search-input:focus~.search-shortcut-hint{opacity:0;pointer-events:none}\n"] }]
             }], ctorParameters: () => [], propDecorators: { metadata: [{ type: i0.Input, args: [{ isSignal: true, alias: "metadata", required: true }] }], genericFilterDescriptor: [{ type: i0.Input, args: [{ isSignal: true, alias: "genericFilterDescriptor", required: false }] }], model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: true }] }], enableSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableSearch", required: false }] }], search: [{ type: i0.Input, args: [{ isSignal: true, alias: "search", required: false }] }], searchLimitWordMax: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchLimitWordMax", required: false }] }], enableCaseSensitive: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableCaseSensitive", required: false }] }], filterOverlay: [{ type: i0.ViewChild, args: [i0.forwardRef(() => Popover), { isSignal: true }] }], filterFormComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TableFilterFormComponent), { isSignal: true }] }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => TableHeaderWithFiltersTemplateDirective), { isSignal: true }] }], filterSplitButton: [{ type: i0.ViewChild, args: ['filterSplitButton', { isSignal: true }] }], searchInput: [{ type: i0.ViewChild, args: ['searchInput', { isSignal: true }] }], filterShortcuts: [{
                     type: HostListener,
                     args: ['window:keydown', ['$event']]
@@ -2430,7 +2435,6 @@ class TableComponent {
     // subscriptions and refs
     #previousDataProvider;
     constructor() {
-        this.filterKeyPrepend = 'f_';
         this.FilterTypeEnum = FilterTypeEnum;
         this.logger = inject(LoggerService).create(TableMetadataService.cmpTypeName);
         this.router = inject(Router);
@@ -2448,7 +2452,9 @@ class TableComponent {
         this.loadingInput = input(undefined, { ...(ngDevMode ? { debugName: "loadingInput" } : {}), alias: 'loading', transform: booleanOrUndefinedAttribute });
         this.dataProvider = input(...(ngDevMode ? [undefined, { debugName: "dataProvider" }] : []));
         // extra features input
+        this.queryParamPrepend = input(...(ngDevMode ? [undefined, { debugName: "queryParamPrepend" }] : []));
         this.useQueryParams = input(false, { ...(ngDevMode ? { debugName: "useQueryParams" } : {}), transform: booleanAttribute });
+        this.filterKeyPrepend = computed(() => 'f_' + (this.useQueryParams() ? (this.queryParamPrepend() ?? '') : ''), ...(ngDevMode ? [{ debugName: "filterKeyPrepend" }] : []));
         this.cellClickEnabled = input(true, { ...(ngDevMode ? { debugName: "cellClickEnabled" } : {}), transform: booleanAttribute });
         this.selectionMode = input('multiple', ...(ngDevMode ? [{ debugName: "selectionMode" }] : []));
         this.selectionEnabled = input(false, { ...(ngDevMode ? { debugName: "selectionEnabled" } : {}), transform: booleanAttribute });
@@ -2608,12 +2614,21 @@ class TableComponent {
             if (!this.navigationOutOfTableInProgress && !this.navigationInTableInProgress) {
                 // this check is necessary: from some reason, primeNG commits one last lazy load event whenever any angular router navigation occurs
                 this.navigationInTableInProgress = true;
-                const newParams = dataListParamsToUrlQuery(params, this.metadata.defaultParams(), { prependFilterName: this.filterKeyPrepend, skipPresetDefaultsLimit: true });
+                const queryParamPrepend = this.queryParamPrepend();
+                const newParams = dataListParamsToUrlQuery(params, this.metadata.defaultParams(), {
+                    prependFilterName: this.filterKeyPrepend(),
+                    queryParamPrepend: queryParamPrepend,
+                    skipPresetDefaultsLimit: true
+                });
                 const newParamsWithParamsToRemove = { ...newParams };
                 const currentQp = this.route.snapshot.queryParams;
                 if (currentQp) {
+                    const limitQpKey = (queryParamPrepend ?? '') + 'limit';
+                    const offsetQpKey = (queryParamPrepend ?? '') + 'offset';
+                    const searchQpKey = (queryParamPrepend ?? '') + 'q';
+                    const sortQpKey = (queryParamPrepend ?? '') + 'sort';
                     Object.keys(currentQp)
-                        .filter(k => (k.startsWith(this.filterKeyPrepend) || ['offset', 'limit', 'sort', 'q'].indexOf(k) >= 0) && newParams[k] === undefined)
+                        .filter(k => (k.startsWith(this.filterKeyPrepend()) || [limitQpKey, offsetQpKey, searchQpKey, sortQpKey].indexOf(k) >= 0) && newParams[k] === undefined)
                         .forEach(k => (newParamsWithParamsToRemove[k] = null));
                 }
                 this.router
@@ -2689,22 +2704,23 @@ class TableComponent {
     }
     loadTableFromRouteUpdate(urlParams) {
         const paramsWithDefaults = mergeDataListParamsWithDefaults(fromUrlQueryToDataListParams(urlParams, {
-            prependFilterName: this.filterKeyPrepend,
+            queryParamPrepend: this.queryParamPrepend(),
+            prependFilterName: this.filterKeyPrepend(),
             searchAsGlobal: true
         }), this.metadata.defaultParams());
         this.data.setParams(paramsWithDefaults, true);
         this.loadTableWithDataProvider(paramsWithDefaults);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: TableComponent, isStandalone: true, selector: "mng-table", inputs: { descriptorInput: { classPropertyName: "descriptorInput", publicName: "descriptor", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, result: { classPropertyName: "result", publicName: "result", isSignal: true, isRequired: false, transformFunction: null }, loadingInput: { classPropertyName: "loadingInput", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, dataProvider: { classPropertyName: "dataProvider", publicName: "dataProvider", isSignal: true, isRequired: false, transformFunction: null }, useQueryParams: { classPropertyName: "useQueryParams", publicName: "useQueryParams", isSignal: true, isRequired: false, transformFunction: null }, cellClickEnabled: { classPropertyName: "cellClickEnabled", publicName: "cellClickEnabled", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, selectionEnabled: { classPropertyName: "selectionEnabled", publicName: "selectionEnabled", isSignal: true, isRequired: false, transformFunction: null }, rowReorderEnabledInput: { classPropertyName: "rowReorderEnabledInput", publicName: "rowReorderEnabled", isSignal: true, isRequired: false, transformFunction: null }, featureConfig: { classPropertyName: "featureConfig", publicName: "featureConfig", isSignal: true, isRequired: false, transformFunction: null }, columnLastMinWidth: { classPropertyName: "columnLastMinWidth", publicName: "columnLastMinWidth", isSignal: true, isRequired: false, transformFunction: null }, globalFilterFieldsInput: { classPropertyName: "globalFilterFieldsInput", publicName: "globalFilterFields", isSignal: true, isRequired: false, transformFunction: null }, templates: { classPropertyName: "templates", publicName: "templates", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tableLoad: "tableLoad", cellClick: "cellClick", selectionChange: "selectionChange", rowReorder: "rowReorder" }, host: { properties: { "class.mng-table-no-header": "!isCaptionVisible()" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: TableComponent, isStandalone: true, selector: "mng-table", inputs: { descriptorInput: { classPropertyName: "descriptorInput", publicName: "descriptor", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, result: { classPropertyName: "result", publicName: "result", isSignal: true, isRequired: false, transformFunction: null }, loadingInput: { classPropertyName: "loadingInput", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, dataProvider: { classPropertyName: "dataProvider", publicName: "dataProvider", isSignal: true, isRequired: false, transformFunction: null }, queryParamPrepend: { classPropertyName: "queryParamPrepend", publicName: "queryParamPrepend", isSignal: true, isRequired: false, transformFunction: null }, useQueryParams: { classPropertyName: "useQueryParams", publicName: "useQueryParams", isSignal: true, isRequired: false, transformFunction: null }, cellClickEnabled: { classPropertyName: "cellClickEnabled", publicName: "cellClickEnabled", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, selectionEnabled: { classPropertyName: "selectionEnabled", publicName: "selectionEnabled", isSignal: true, isRequired: false, transformFunction: null }, rowReorderEnabledInput: { classPropertyName: "rowReorderEnabledInput", publicName: "rowReorderEnabled", isSignal: true, isRequired: false, transformFunction: null }, featureConfig: { classPropertyName: "featureConfig", publicName: "featureConfig", isSignal: true, isRequired: false, transformFunction: null }, columnLastMinWidth: { classPropertyName: "columnLastMinWidth", publicName: "columnLastMinWidth", isSignal: true, isRequired: false, transformFunction: null }, globalFilterFieldsInput: { classPropertyName: "globalFilterFieldsInput", publicName: "globalFilterFields", isSignal: true, isRequired: false, transformFunction: null }, templates: { classPropertyName: "templates", publicName: "templates", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tableLoad: "tableLoad", cellClick: "cellClick", selectionChange: "selectionChange", rowReorder: "rowReorder" }, host: { properties: { "class.mng-table-no-header": "!isCaptionVisible()" } }, providers: [
             TableMetadataService,
             TableDataService,
             { provide: ADataListService, useExisting: TableDataService },
             { provide: ADataListMetaService, useExisting: TableMetadataService },
             TablePreferencesService
-        ], queries: [{ propertyName: "contentTemplates", predicate: TableTemplateDirective, isSignal: true }], viewQueries: [{ propertyName: "primeTable", first: true, predicate: (Table), descendants: true, isSignal: true }], ngImport: i0, template: "<div>\n    <!-- MUST NOT use observable for value when using virtual scroll - does not work for some reason -->\n    @if (data.isAllPaginationMetaInitialized()) {\n        <p-table\n            [value]=\"requiredFiltersMissing() ? [] : data.data()\"\n            [dataKey]=\"metadata.descriptor().trackProperty\"\n            [lazy]=\"isLazy()\"\n            [loading]=\"data.loading()\"\n            [paginator]=\"isPagination()\"\n            [rows]=\"data.rows()\"\n            [first]=\"data.offset()\"\n            [totalRecords]=\"data.count()\"\n            [rowsPerPageOptions]=\"metadata.rowsPerPageOptions()\"\n            [showCurrentPageReport]=\"true\"\n            [currentPageReportTemplate]=\"'mngTable.paginationMsg' | translate\"\n            [multiSortMeta]=\"data.sortStates()\"\n            [filters]=\"data.primeFilterStates()\"\n            [globalFilterFields]=\"metadata.searchFields()\"\n            sortMode=\"multiple\"\n            [selection]=\"[]\"\n            (selectionChange)=\"onSelectionChange($event)\"\n            [selectionMode]=\"selectionEnabled() ? selectionMode() : null\"\n            [scrollable]=\"true\"\n            scrollHeight=\"flex\"\n            [rowHover]=\"metadata.descriptor().hasHover\"\n            [styleClass]=\"className()\"\n            [resizableColumns]=\"metadata.descriptor().hasResizableColumns ?? metadata.tableConfig().columnResize ?? false\"\n            [columnResizeMode]=\"metadata.descriptor().columnResizeMode ?? metadata.tableConfig().columnResizeMode ?? 'expand'\"\n            [reorderableColumns]=\"areColumnsReorderable()\"\n            paginatorDropdownAppendTo=\"body\"\n            [columns]=\"visibleColumns()\"\n            [expandedRowKeys]=\"expandedRowKeys()\"\n            (onColResize)=\"prefs.onColumnResize($event)\"\n            (onColReorder)=\"prefs.onColumnReorder($event)\"\n            (onLazyLoad)=\"onTableLazyLoad($event)\"\n            (onFilter)=\"onTableFilter($event)\"\n            (onRowReorder)=\"onRowReorder($event)\"\n            mngRemovableSort>\n            <ng-template #caption>\n                @if (isCaptionVisible()) {\n                    <div class=\"table-header\">\n                        @if (headerTemplate()) {\n                            <ng-container *ngTemplateOutlet=\"headerTemplate(); context: {data: data.data(), totalCount: data.count(), table: this}\"></ng-container>\n                        } @else {\n                            <mng-table-header-with-filters\n                                [metadata]=\"tableHeaderFilters()\"\n                                [genericFilterDescriptor]=\"metadata.genericFilterDescriptor()\"\n                                [model]=\"metadata.descriptor().model\"\n                                [enableSearch]=\"metadata.descriptor().search\"\n                                [search]=\"data.searchState()\"\n                                [searchLimitWordMax]=\"metadata.descriptor().searchLimitMaxWords\"\n                                [enableCaseSensitive]=\"isLazy()\">\n                                @if (hasTitleDisplay()) {\n                                    <ng-template mngTableHeaderWithFiltersTemplate name=\"title\">\n                                        @if (headerTitleTemplate()) {\n                                            <ng-container\n                                                *ngTemplateOutlet=\"headerTitleTemplate(); context: {data: data.data(), totalCount: data.count(), table: this}\"></ng-container>\n                                        } @else if (metadata.descriptor().title) {\n                                            <h5 class=\"p-0 m-0\">{{ metadata.descriptor().title! | translate }}</h5>\n                                        }\n                                    </ng-template>\n                                }\n                                @if (titleRowRightTemplate()) {\n                                    <ng-template mngTableHeaderWithFiltersTemplate name=\"titleRowRight\">\n                                        <ng-container *ngTemplateOutlet=\"titleRowRightTemplate()\"></ng-container>\n                                    </ng-template>\n                                }\n                            </mng-table-header-with-filters>\n                        }\n                    </div>\n                }\n            </ng-template>\n            <ng-template #header>\n                @if (!metadata.descriptor().hideHeader) {\n                    <tr class=\"mng-table-header\" [class]=\"metadata.descriptor().headerClassName\">\n                        @if (selectionEnabled()) {\n                            @if (selectionMode() === 'multiple') {\n                                <th style=\"min-width: 36px\" pFrozenColumn [frozen]=\"metadata.descriptor().selectionColumnFrozen ?? true\">\n                                    <p-tableHeaderCheckbox />\n                                </th>\n                            } @else {\n                                <!-- We need the line below, because otherwise p-tableRadioButton shifts the rest of the columns in table -->\n                                <th style=\"min-width: 36px\" pFrozenColumn [frozen]=\"metadata.descriptor().selectionColumnFrozen ?? true\"></th>\n                            }\n                        }\n                        @if (metadata.descriptor().rowExpandable) {\n                            <th scope=\"col\" pFrozenColumn [frozen]=\"true\"></th>\n                        }\n                        @if (rowReorderEnabled()) {\n                            <th scope=\"col\"></th>\n                        }\n                        @for (col of visibleColumns(); track col.id) {\n                            <ng-template #sortableColumnTHTemplate>\n                                @if (columnHeaderTemplate()) {\n                                    <ng-container\n                                        *ngTemplateOutlet=\"\n                                            columnHeaderTemplate();\n                                            context: {data: data.data(), totalCount: data.count(), property: col.descriptor.property, table: this}\n                                        \"></ng-container>\n                                } @else {\n                                    <div class=\"flex justify-between items-center\">\n                                        {{\n                                            (col.descriptor.title && !col.descriptor.titleUseModelBase\n                                                ? col.descriptor.title\n                                                : (col.descriptor.title ?? col.descriptor.property | mngI18nProperty: metadata.descriptor().model)\n                                            ) | translate\n                                        }}\n                                        <p-sortIcon [field]=\"col.sort?.property\" class=\"flex\"></p-sortIcon>\n                                    </div>\n                                }\n                            </ng-template>\n                            <ng-template #nonSortableColumnTHTemplate>\n                                @if (columnHeaderTemplate()) {\n                                    <ng-container\n                                        *ngTemplateOutlet=\"\n                                            columnHeaderTemplate();\n                                            context: {data: data.data(), totalCount: data.count(), property: col.descriptor.property, table: this}\n                                        \"></ng-container>\n                                } @else {\n                                    {{\n                                        (col.descriptor.title && !col.descriptor.titleUseModelBase\n                                            ? col.descriptor.title\n                                            : (col.descriptor.title ?? col.descriptor.property | mngI18nProperty: metadata.descriptor().model)\n                                        ) | translate\n                                    }}\n                                }\n                            </ng-template>\n                            @if (col.reorderable) {\n                                <th\n                                    pResizableColumn\n                                    pReorderableColumn\n                                    [id]=\"col.descriptor.property\"\n                                    [pSortableColumn]=\"col.sort?.property\"\n                                    [pSortableColumnDisabled]=\"!col.sort\"\n                                    [style.width]=\"col.width ? col.width + 'px' : col.descriptor.width + '%'\"\n                                    [style.min-width.px]=\"col.width ? null : col.descriptor.minWidth\"\n                                    [style.max-width.px]=\"col.width ?? col.descriptor.maxWidth\"\n                                    [class]=\"col.descriptor.headerClassName | mngTableFilterClass: col.filter?.descriptor : hasColumnFilters() && !col.width\">\n                                    <ng-container *ngTemplateOutlet=\"col.sort ? sortableColumnTHTemplate : nonSortableColumnTHTemplate\"></ng-container>\n                                </th>\n                            } @else {\n                                <th\n                                    pResizableColumn\n                                    [id]=\"col.descriptor.property\"\n                                    [pSortableColumn]=\"col.sort?.property\"\n                                    [pSortableColumnDisabled]=\"!col.sort\"\n                                    [style.width]=\"col.width ? col.width + 'px' : col.descriptor.width + '%'\"\n                                    [style.min-width.px]=\"col.width ? null : col.descriptor.minWidth\"\n                                    [style.max-width.px]=\"col.width ?? col.descriptor.maxWidth\"\n                                    [class]=\"col.descriptor.headerClassName | mngTableFilterClass: col.filter?.descriptor : hasColumnFilters() && !col.width\">\n                                    <ng-container *ngTemplateOutlet=\"col.sort ? sortableColumnTHTemplate : nonSortableColumnTHTemplate\"></ng-container>\n                                </th>\n                            }\n                        }\n                        @if (hasLastColumn()) {\n                            <th\n                                [style.min-width.px]=\"columnLastMinWidth()\"\n                                pFrozenColumn\n                                [frozen]=\"metadata.descriptor().actionColumnFrozen ?? areColumnsToggleable()\"\n                                alignFrozen=\"right\"\n                                class=\"mng-table-column-custom-last text-right!\">\n                                @if (areColumnsToggleable()) {\n                                    @defer (on idle) {\n                                        <mng-table-column-toggle [columns]=\"visibleColumns()\" />\n                                    }\n                                }\n                            </th>\n                        }\n                    </tr>\n                }\n                @if (hasColumnFilters()) {\n                    <tr class=\"mng-column-filter-row\">\n                        <!-- We need the line below, because otherwise p-tableRadioButton shifts the rest of the columns in table -->\n                        @if (selectionEnabled()) {\n                            <th style=\"min-width: 36px\" pFrozenColumn [frozen]=\"metadata.descriptor().selectionColumnFrozen ?? true\"></th>\n                        }\n                        @if (rowReorderEnabled()) {\n                            <th scope=\"col\"></th>\n                        }\n                        @if (metadata.descriptor().rowExpandable) {\n                            <th scope=\"col\"></th>\n                        }\n                        @for (col of visibleColumns(); track col.id) {\n                            <th\n                                [class]=\"'px-1! ' + col.filter?.descriptor?.columnClassName | mngTableFilterClass: col.filter?.descriptor : hasColumnFilters() && !col.width\"\n                                [style.width.px]=\"col.width\"\n                                [style.width.%]=\"col.width ? null : (col.filter?.descriptor?.columnWidth ?? col.descriptor.width ?? null)\"\n                                [style.min-width.px]=\"col.width ? null : (col.filter?.descriptor?.columnMinWidth ?? col.descriptor.minWidth)\"\n                                [style.max-width.px]=\"col.width ?? col.descriptor.maxWidth\">\n                                @if (col.filter && col.filter.descriptor.filterType !== FilterTypeEnum.Component) {\n                                    @defer (on idle) {\n                                        <mng-table-filter [config]=\"col.filter\" [model]=\"metadata.descriptor().model\"></mng-table-filter>\n                                    }\n                                } @else if (col.filter && col.filter.descriptor.customComponentType) {\n                                    <ng-container [mngComponent]=\"col.filter.descriptor.customComponentType\" [inputs]=\"{descriptor: col.filter.descriptor}\"></ng-container>\n                                }\n                            </th>\n                        }\n                        @if (hasLastColumn()) {\n                            <th pFrozenColumn alignFrozen=\"right\" class=\"mng-table-column-custom-last\" [style.min-width.px]=\"columnLastMinWidth()\"></th>\n                        }\n                    </tr>\n                }\n            </ng-template>\n            <ng-template #body let-item let-idx=\"rowIndex\" let-expanded=\"expanded\">\n                <tr\n                    [pReorderableRow]=\"idx\"\n                    [ngClass]=\"\n                        metadata.descriptor().rowClassName | mngClassMap: metadata.descriptor().rowClassNameMapFn : item | mngLocaleDefaultRowClass: metadata.descriptor() : item\n                    \">\n                    @if (selectionEnabled()) {\n                        @if (selectionMode() === 'multiple') {\n                            <td style=\"min-width: 36px\" pFrozenColumn [frozen]=\"metadata.descriptor().selectionColumnFrozen ?? true\">\n                                <p-tableCheckbox [value]=\"item\"></p-tableCheckbox>\n                            </td>\n                        } @else {\n                            <td style=\"min-width: 36px\" pFrozenColumn [frozen]=\"metadata.descriptor().selectionColumnFrozen ?? true\">\n                                <p-tableRadioButton [value]=\"item\"></p-tableRadioButton>\n                            </td>\n                        }\n                    }\n                    @if (metadata.descriptor().rowExpandable) {\n                        <td>\n                            @let expandProp = metadata.descriptor().rowExpandableProperty;\n                            @if (!expandProp || item[expandProp]) {\n                                <button\n                                    pButton\n                                    type=\"button\"\n                                    [pRowToggler]=\"item\"\n                                    rounded=\"true\"\n                                    text=\"true\"\n                                    size=\"small\"\n                                    [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"></button>\n                            }\n                        </td>\n                    }\n                    @if (rowReorderEnabled()) {\n                        <td>\n                            <span class=\"pi pi-bars\" pReorderableRowHandle></span>\n                        </td>\n                    }\n                    @for (col of visibleColumns(); track col.id) {\n                        <td\n                            (click)=\"onCellClick($event, col.descriptor, item, idx)\"\n                            [class]=\"\n                                col.descriptor.className\n                                    | mngClassMap: col.descriptor.classNameMapFn : item\n                                    | mngTableFilterClass: col.filter?.descriptor : hasColumnFilters() && !col.width\n                            \"\n                            [class.clickable]=\"isCellClickEnabled()\"\n                            [style.width]=\"col.width ? col.width + 'px' : col.descriptor.width + '%'\"\n                            [style.min-width.px]=\"col.width ? null : col.descriptor.minWidth\"\n                            [style.max-width.px]=\"col.width ?? col.descriptor.maxWidth\">\n                            <mng-table-column-value [descriptor]=\"col.descriptor\" [item]=\"item\"></mng-table-column-value>\n                        </td>\n                    }\n                    @if (hasLastColumn()) {\n                        <td\n                            class=\"mng-table-column-custom-last justify-end text-right!\"\n                            [style.min-width.px]=\"columnLastMinWidth()\"\n                            pFrozenColumn\n                            alignFrozen=\"right\"\n                            [frozen]=\"metadata.descriptor().actionColumnFrozen ?? true\">\n                            @if (columnCustomLastTemplate()) {\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        columnCustomLastTemplate();\n                                        context: {item: item, index: idx, data: data.data(), totalCount: data.count(), table: this}\n                                    \"></ng-container>\n                            }\n                        </td>\n                    }\n                </tr>\n            </ng-template>\n            <ng-template #expandedrow let-item let-idx=\"rowIndex\">\n                @if (metadata.descriptor().rowExpandable) {\n                    <tr>\n                        <td></td>\n                        <td [colSpan]=\"metadata.descriptor().rowExpandableColSpan\">\n                            @if (metadata.descriptor().rowExpandableComponentType !== undefined) {\n                                <ng-container [mngComponent]=\"metadata.descriptor().rowExpandableComponentType\" [inputs]=\"{item}\"> </ng-container>\n                            } @else {\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        rowExpandTemplate();\n                                        context: {item: item, index: idx, data: data.data(), totalCount: data.count(), table: this}\n                                    \"></ng-container>\n                            }\n                        </td>\n                    </tr>\n                }\n            </ng-template>\n            <ng-template #loadingicon>\n                <div class=\"flex flex-col items-center\">\n                    @if (metadata.descriptor().loadingIcon) {\n                        <i [class]=\"'text-white text-4xl pi-spin ' + metadata.descriptor().loadingIcon\"></i>\n                    }\n                    @if (metadata.descriptor().loadingText) {\n                        <div class=\"text text-white text-lg font-semibold\" [ngClass]=\"{'mt-3': metadata.descriptor().loadingIcon}\">\n                            {{ metadata.descriptor().loadingText ?? '' | translate }}\n                        </div>\n                    }\n                </div>\n            </ng-template>\n            <ng-template #loadingbody>\n                <tr>\n                    <td [attr.colspan]=\"columnsColspan()\">\n                        <div class=\"loading-text\"></div>\n                        <p-skeleton width=\"100%\"></p-skeleton>\n                    </td>\n                </tr>\n            </ng-template>\n            <ng-template #emptymessage>\n                <tr>\n                    <td [attr.colspan]=\"columnsColspan()\">\n                        @if (requiredFiltersMissing()) {\n                            <i class=\"pi pi-exclamation-triangle mr-2\"></i> <strong>{{ 'mngTable.requiredFiltersMissing' | translate }}</strong>\n                        } @else {\n                            {{ 'mngTable.noItems' | translate }}\n                        }\n                    </td>\n                </tr>\n            </ng-template>\n            @if (footerTemplate()) {\n                <ng-template #summary>\n                    <ng-container *ngTemplateOutlet=\"footerTemplate(); context: {data: data.data(), totalCount: data.count(), table: this}\"></ng-container>\n                </ng-template>\n            }\n        </p-table>\n    }\n</div>\n", styles: ["mng-table .p-datatable .p-datatable-header{border-top:0}mng-table .p-datatable:not(.p-datatable-gridlines) .p-datatable-tbody>tr>td{cursor:auto}mng-table .p-datatable:not(.p-datatable-gridlines) .p-datatable-tbody>tr>td.clickable{cursor:pointer}:is(mng-table .p-datatable .p-datatable-thead>tr>th,mng-table .p-datatable .p-datatable-tbody>tr>td):hover mng-table-column-value .help-buttons{display:block}mng-table .p-datatable .p-datatable-thead>tr>th.mng-table-column-custom-last{padding:var(--mng-table-column-head-custom-last, .1rem 1rem)}mng-table .p-datatable .p-datatable-tbody>tr>td{position:relative}mng-table .p-datatable .p-datatable-tbody>tr>td.mng-table-column-custom-last{padding-top:.1rem;padding-bottom:.1rem}mng-table .p-datatable .p-datatable-tbody>tr>td.p-datatable-frozen-column{position:sticky;z-index:1;background:transparent}mng-table .p-datatable.p-datatable-lg .p-datatable-tbody>tr>td.mng-table-column-custom-last{padding:var(--mng-table-column-body-custom-last, .15rem 1rem)}mng-table .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td.mng-table-column-custom-last{padding:var(--mng-table-sm-column-body-custom-last, .05rem 1rem)}mng-table .p-datatable.p-datatable-flex-scrollable .p-datatable-thead>tr>th{overflow:hidden;text-overflow:ellipsis}mng-table .p-datatable.p-datatable-flex-scrollable .p-datatable-tbody>tr>td{overflow:hidden}mng-table .p-datatable .mng-table-row-localization-default-locale{background:var(--p-surface-100)!important}mng-table .mng-table-header>th:not(:first-child):not(:last-child){border-radius:0!important}mng-table .mng-table-header>th:first-child{border-top-right-radius:0!important;border-bottom-right-radius:0!important}mng-table .mng-table-header>th:last-child{border-radius:0!important}mng-table .mng-table-header .mng-table-columns-multiselect{width:36px}mng-table .mng-table-header .mng-table-columns-multiselect .p-multiselect-label-container{width:0}mng-table.mng-table-no-header p-datatable .p-datatable-header{display:none}mng-table.mng-table-header-compact .p-datatable-header{padding:var(--mng-table-header-compact-padding, 0 0 .5rem 0)!important}\n"], dependencies: [{ kind: "directive", type: ComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "injectionToken", "inputs", "attachToHost", "parentInjector"], outputs: ["instanceCreated"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TableColumnValueComponent, selector: "mng-table-column-value", inputs: ["descriptor", "item"] }, { kind: "component", type: TableHeaderWithFiltersComponent, selector: "mng-table-header-with-filters", inputs: ["metadata", "genericFilterDescriptor", "model", "enableSearch", "search", "searchLimitWordMax", "enableCaseSensitive"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i1$1.FrozenColumn, selector: "[pFrozenColumn]", inputs: ["frozen", "alignFrozen"] }, { kind: "directive", type: i1$1.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "directive", type: i1$1.ResizableColumn, selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { kind: "directive", type: i1$1.ReorderableColumn, selector: "[pReorderableColumn]", inputs: ["pReorderableColumnDisabled"] }, { kind: "component", type: i1$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i1$1.TableRadioButton, selector: "p-tableRadioButton", inputs: ["value", "disabled", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i1$1.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i1$1.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "directive", type: i1$1.ReorderableRowHandle, selector: "[pReorderableRowHandle]" }, { kind: "directive", type: i1$1.ReorderableRow, selector: "[pReorderableRow]", inputs: ["pReorderableRow", "pReorderableRowDisabled"] }, { kind: "component", type: Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "directive", type: ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "directive", type: TableRemovableSortDirective, selector: "[mngRemovableSort]" }, { kind: "directive", type: TableHeaderWithFiltersTemplateDirective, selector: "[mngTableHeaderWithFiltersTemplate]", inputs: ["name"] }, { kind: "pipe", type: I18nPropertyPipe, name: "mngI18nProperty" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: ClassMapPipe, name: "mngClassMap" }, { kind: "pipe", type: LocaleDefaultRowClassPipe, name: "mngLocaleDefaultRowClass" }, { kind: "pipe", type: TableFilterClassPipe, name: "mngTableFilterClass" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None, deferBlockDependencies: [() => [import('./mediusinc-mng-commons-table-column-toggle.component-BZU9-ZJV.mjs').then(m => m.TableColumnToggleComponent)], () => [Promise.resolve().then(function () { return filter_component; }).then(m => m.TableFilterComponent)]] }); }
+        ], queries: [{ propertyName: "contentTemplates", predicate: TableTemplateDirective, isSignal: true }], viewQueries: [{ propertyName: "primeTable", first: true, predicate: (Table), descendants: true, isSignal: true }], ngImport: i0, template: "<div>\n    <!-- MUST NOT use observable for value when using virtual scroll - does not work for some reason -->\n    @if (data.isAllPaginationMetaInitialized()) {\n        <p-table\n            [value]=\"requiredFiltersMissing() ? [] : data.data()\"\n            [dataKey]=\"metadata.descriptor().trackProperty\"\n            [lazy]=\"isLazy()\"\n            [loading]=\"data.loading()\"\n            [paginator]=\"isPagination()\"\n            [rows]=\"data.rows()\"\n            [first]=\"data.offset()\"\n            [totalRecords]=\"data.count()\"\n            [rowsPerPageOptions]=\"metadata.rowsPerPageOptions()\"\n            [showCurrentPageReport]=\"true\"\n            [currentPageReportTemplate]=\"'mngTable.paginationMsg' | translate\"\n            [multiSortMeta]=\"data.sortStates()\"\n            [filters]=\"data.primeFilterStates()\"\n            [globalFilterFields]=\"metadata.searchFields()\"\n            sortMode=\"multiple\"\n            [selection]=\"[]\"\n            (selectionChange)=\"onSelectionChange($event)\"\n            [selectionMode]=\"selectionEnabled() ? selectionMode() : null\"\n            [scrollable]=\"true\"\n            scrollHeight=\"flex\"\n            [rowHover]=\"metadata.descriptor().hasHover\"\n            [styleClass]=\"className()\"\n            [resizableColumns]=\"metadata.descriptor().hasResizableColumns ?? metadata.tableConfig().columnResize ?? false\"\n            [columnResizeMode]=\"metadata.descriptor().columnResizeMode ?? metadata.tableConfig().columnResizeMode ?? 'expand'\"\n            [reorderableColumns]=\"areColumnsReorderable()\"\n            paginatorDropdownAppendTo=\"body\"\n            [columns]=\"visibleColumns()\"\n            [expandedRowKeys]=\"expandedRowKeys()\"\n            (onColResize)=\"prefs.onColumnResize($event)\"\n            (onColReorder)=\"prefs.onColumnReorder($event)\"\n            (onLazyLoad)=\"onTableLazyLoad($event)\"\n            (onFilter)=\"onTableFilter($event)\"\n            (onRowReorder)=\"onRowReorder($event)\"\n            mngRemovableSort>\n            <ng-template #caption>\n                @if (isCaptionVisible()) {\n                    <div class=\"table-header\">\n                        @if (headerTemplate()) {\n                            <ng-container *ngTemplateOutlet=\"headerTemplate(); context: {data: data.data(), totalCount: data.count(), table: this}\"></ng-container>\n                        } @else {\n                            <mng-table-header-with-filters\n                                [metadata]=\"tableHeaderFilters()\"\n                                [genericFilterDescriptor]=\"metadata.genericFilterDescriptor()\"\n                                [model]=\"metadata.descriptor().model\"\n                                [enableSearch]=\"metadata.descriptor().search\"\n                                [search]=\"data.searchState()\"\n                                [searchLimitWordMax]=\"metadata.descriptor().searchLimitMaxWords\"\n                                [enableCaseSensitive]=\"isLazy()\">\n                                @if (hasTitleDisplay()) {\n                                    <ng-template mngTableHeaderWithFiltersTemplate name=\"title\">\n                                        @if (headerTitleTemplate()) {\n                                            <ng-container\n                                                *ngTemplateOutlet=\"headerTitleTemplate(); context: {data: data.data(), totalCount: data.count(), table: this}\"></ng-container>\n                                        } @else if (metadata.descriptor().title) {\n                                            <h5 class=\"p-0 m-0\">{{ metadata.descriptor().title! | translate }}</h5>\n                                        }\n                                    </ng-template>\n                                }\n                                @if (titleRowRightTemplate()) {\n                                    <ng-template mngTableHeaderWithFiltersTemplate name=\"titleRowRight\">\n                                        <ng-container *ngTemplateOutlet=\"titleRowRightTemplate()\"></ng-container>\n                                    </ng-template>\n                                }\n                            </mng-table-header-with-filters>\n                        }\n                    </div>\n                }\n            </ng-template>\n            <ng-template #header>\n                @if (!metadata.descriptor().hideHeader) {\n                    <tr class=\"mng-table-header\" [class]=\"metadata.descriptor().headerClassName\">\n                        @if (selectionEnabled()) {\n                            @if (selectionMode() === 'multiple') {\n                                <th style=\"min-width: 36px\" pFrozenColumn [frozen]=\"metadata.descriptor().selectionColumnFrozen ?? true\">\n                                    <p-tableHeaderCheckbox />\n                                </th>\n                            } @else {\n                                <!-- We need the line below, because otherwise p-tableRadioButton shifts the rest of the columns in table -->\n                                <th style=\"min-width: 36px\" pFrozenColumn [frozen]=\"metadata.descriptor().selectionColumnFrozen ?? true\"></th>\n                            }\n                        }\n                        @if (metadata.descriptor().rowExpandable) {\n                            <th scope=\"col\" pFrozenColumn [frozen]=\"true\"></th>\n                        }\n                        @if (rowReorderEnabled()) {\n                            <th scope=\"col\"></th>\n                        }\n                        @for (col of visibleColumns(); track col.id) {\n                            <ng-template #sortableColumnTHTemplate>\n                                @if (columnHeaderTemplate()) {\n                                    <ng-container\n                                        *ngTemplateOutlet=\"\n                                            columnHeaderTemplate();\n                                            context: {data: data.data(), totalCount: data.count(), property: col.descriptor.property, table: this}\n                                        \"></ng-container>\n                                } @else {\n                                    <div class=\"flex justify-between items-center\">\n                                        {{\n                                            (col.descriptor.title && !col.descriptor.titleUseModelBase\n                                                ? col.descriptor.title\n                                                : (col.descriptor.title ?? col.descriptor.property | mngI18nProperty: metadata.descriptor().model)\n                                            ) | translate\n                                        }}\n                                        <p-sortIcon [field]=\"col.sort?.property\" class=\"flex\"></p-sortIcon>\n                                    </div>\n                                }\n                            </ng-template>\n                            <ng-template #nonSortableColumnTHTemplate>\n                                @if (columnHeaderTemplate()) {\n                                    <ng-container\n                                        *ngTemplateOutlet=\"\n                                            columnHeaderTemplate();\n                                            context: {data: data.data(), totalCount: data.count(), property: col.descriptor.property, table: this}\n                                        \"></ng-container>\n                                } @else {\n                                    {{\n                                        (col.descriptor.title && !col.descriptor.titleUseModelBase\n                                            ? col.descriptor.title\n                                            : (col.descriptor.title ?? col.descriptor.property | mngI18nProperty: metadata.descriptor().model)\n                                        ) | translate\n                                    }}\n                                }\n                            </ng-template>\n                            @if (col.reorderable) {\n                                <th\n                                    pResizableColumn\n                                    pReorderableColumn\n                                    [id]=\"col.descriptor.property\"\n                                    [pSortableColumn]=\"col.sort?.property\"\n                                    [pSortableColumnDisabled]=\"!col.sort\"\n                                    [style.width]=\"col.width ? col.width + 'px' : col.descriptor.width + '%'\"\n                                    [style.min-width.px]=\"col.width ? null : col.descriptor.minWidth\"\n                                    [style.max-width.px]=\"col.width ?? col.descriptor.maxWidth\"\n                                    [class]=\"col.descriptor.headerClassName | mngTableFilterClass: col.filter?.descriptor : hasColumnFilters() && !col.width\">\n                                    <ng-container *ngTemplateOutlet=\"col.sort ? sortableColumnTHTemplate : nonSortableColumnTHTemplate\"></ng-container>\n                                </th>\n                            } @else {\n                                <th\n                                    pResizableColumn\n                                    [id]=\"col.descriptor.property\"\n                                    [pSortableColumn]=\"col.sort?.property\"\n                                    [pSortableColumnDisabled]=\"!col.sort\"\n                                    [style.width]=\"col.width ? col.width + 'px' : col.descriptor.width + '%'\"\n                                    [style.min-width.px]=\"col.width ? null : col.descriptor.minWidth\"\n                                    [style.max-width.px]=\"col.width ?? col.descriptor.maxWidth\"\n                                    [class]=\"col.descriptor.headerClassName | mngTableFilterClass: col.filter?.descriptor : hasColumnFilters() && !col.width\">\n                                    <ng-container *ngTemplateOutlet=\"col.sort ? sortableColumnTHTemplate : nonSortableColumnTHTemplate\"></ng-container>\n                                </th>\n                            }\n                        }\n                        @if (hasLastColumn()) {\n                            <th\n                                [style.min-width.px]=\"columnLastMinWidth()\"\n                                pFrozenColumn\n                                [frozen]=\"metadata.descriptor().actionColumnFrozen ?? areColumnsToggleable()\"\n                                alignFrozen=\"right\"\n                                class=\"mng-table-column-custom-last text-right!\">\n                                @if (areColumnsToggleable()) {\n                                    @defer (on idle) {\n                                        <mng-table-column-toggle [columns]=\"visibleColumns()\" />\n                                    }\n                                }\n                            </th>\n                        }\n                    </tr>\n                }\n                @if (hasColumnFilters()) {\n                    <tr class=\"mng-column-filter-row\">\n                        <!-- We need the line below, because otherwise p-tableRadioButton shifts the rest of the columns in table -->\n                        @if (selectionEnabled()) {\n                            <th style=\"min-width: 36px\" pFrozenColumn [frozen]=\"metadata.descriptor().selectionColumnFrozen ?? true\"></th>\n                        }\n                        @if (rowReorderEnabled()) {\n                            <th scope=\"col\"></th>\n                        }\n                        @if (metadata.descriptor().rowExpandable) {\n                            <th scope=\"col\"></th>\n                        }\n                        @for (col of visibleColumns(); track col.id) {\n                            <th\n                                [class]=\"'px-1! ' + col.filter?.descriptor?.columnClassName | mngTableFilterClass: col.filter?.descriptor : hasColumnFilters() && !col.width\"\n                                [style.width.px]=\"col.width\"\n                                [style.width.%]=\"col.width ? null : (col.filter?.descriptor?.columnWidth ?? col.descriptor.width ?? null)\"\n                                [style.min-width.px]=\"col.width ? null : (col.filter?.descriptor?.columnMinWidth ?? col.descriptor.minWidth)\"\n                                [style.max-width.px]=\"col.width ?? col.descriptor.maxWidth\">\n                                @if (col.filter && col.filter.descriptor.filterType !== FilterTypeEnum.Component) {\n                                    @defer (on idle) {\n                                        <mng-table-filter [config]=\"col.filter\" [model]=\"metadata.descriptor().model\"></mng-table-filter>\n                                    }\n                                } @else if (col.filter && col.filter.descriptor.customComponentType) {\n                                    <ng-container [mngComponent]=\"col.filter.descriptor.customComponentType\" [inputs]=\"{descriptor: col.filter.descriptor}\"></ng-container>\n                                }\n                            </th>\n                        }\n                        @if (hasLastColumn()) {\n                            <th pFrozenColumn alignFrozen=\"right\" class=\"mng-table-column-custom-last\" [style.min-width.px]=\"columnLastMinWidth()\"></th>\n                        }\n                    </tr>\n                }\n            </ng-template>\n            <ng-template #body let-item let-idx=\"rowIndex\" let-expanded=\"expanded\">\n                <tr\n                    [pReorderableRow]=\"idx\"\n                    [ngClass]=\"\n                        metadata.descriptor().rowClassName | mngClassMap: metadata.descriptor().rowClassNameMapFn : item | mngLocaleDefaultRowClass: metadata.descriptor() : item\n                    \">\n                    @if (selectionEnabled()) {\n                        @if (selectionMode() === 'multiple') {\n                            <td style=\"min-width: 36px\" pFrozenColumn [frozen]=\"metadata.descriptor().selectionColumnFrozen ?? true\">\n                                <p-tableCheckbox [value]=\"item\"></p-tableCheckbox>\n                            </td>\n                        } @else {\n                            <td style=\"min-width: 36px\" pFrozenColumn [frozen]=\"metadata.descriptor().selectionColumnFrozen ?? true\">\n                                <p-tableRadioButton [value]=\"item\"></p-tableRadioButton>\n                            </td>\n                        }\n                    }\n                    @if (metadata.descriptor().rowExpandable) {\n                        <td>\n                            @let expandProp = metadata.descriptor().rowExpandableProperty;\n                            @if (!expandProp || item[expandProp]) {\n                                <button\n                                    pButton\n                                    type=\"button\"\n                                    [pRowToggler]=\"item\"\n                                    rounded=\"true\"\n                                    text=\"true\"\n                                    size=\"small\"\n                                    [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"></button>\n                            }\n                        </td>\n                    }\n                    @if (rowReorderEnabled()) {\n                        <td>\n                            <span class=\"pi pi-bars\" pReorderableRowHandle></span>\n                        </td>\n                    }\n                    @for (col of visibleColumns(); track col.id) {\n                        <td\n                            (click)=\"onCellClick($event, col.descriptor, item, idx)\"\n                            [class]=\"\n                                col.descriptor.className\n                                    | mngClassMap: col.descriptor.classNameMapFn : item\n                                    | mngTableFilterClass: col.filter?.descriptor : hasColumnFilters() && !col.width\n                            \"\n                            [class.clickable]=\"isCellClickEnabled()\"\n                            [style.width]=\"col.width ? col.width + 'px' : col.descriptor.width + '%'\"\n                            [style.min-width.px]=\"col.width ? null : col.descriptor.minWidth\"\n                            [style.max-width.px]=\"col.width ?? col.descriptor.maxWidth\">\n                            <mng-table-column-value [descriptor]=\"col.descriptor\" [item]=\"item\"></mng-table-column-value>\n                        </td>\n                    }\n                    @if (hasLastColumn()) {\n                        <td\n                            class=\"mng-table-column-custom-last justify-end text-right!\"\n                            [style.min-width.px]=\"columnLastMinWidth()\"\n                            pFrozenColumn\n                            alignFrozen=\"right\"\n                            [frozen]=\"metadata.descriptor().actionColumnFrozen ?? true\">\n                            @if (columnCustomLastTemplate()) {\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        columnCustomLastTemplate();\n                                        context: {item: item, index: idx, data: data.data(), totalCount: data.count(), table: this}\n                                    \"></ng-container>\n                            }\n                        </td>\n                    }\n                </tr>\n            </ng-template>\n            <ng-template #expandedrow let-item let-idx=\"rowIndex\">\n                @if (metadata.descriptor().rowExpandable) {\n                    <tr>\n                        <td></td>\n                        <td [colSpan]=\"metadata.descriptor().rowExpandableColSpan\">\n                            @if (metadata.descriptor().rowExpandableComponentType !== undefined) {\n                                <ng-container [mngComponent]=\"metadata.descriptor().rowExpandableComponentType\" [inputs]=\"{item}\"> </ng-container>\n                            } @else {\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        rowExpandTemplate();\n                                        context: {item: item, index: idx, data: data.data(), totalCount: data.count(), table: this}\n                                    \"></ng-container>\n                            }\n                        </td>\n                    </tr>\n                }\n            </ng-template>\n            <ng-template #loadingicon>\n                <div class=\"flex flex-col items-center\">\n                    @if (metadata.descriptor().loadingIcon) {\n                        <i [class]=\"'text-white text-4xl pi-spin ' + metadata.descriptor().loadingIcon\"></i>\n                    }\n                    @if (metadata.descriptor().loadingText) {\n                        <div class=\"text text-white text-lg font-semibold\" [ngClass]=\"{'mt-3': metadata.descriptor().loadingIcon}\">\n                            {{ metadata.descriptor().loadingText ?? '' | translate }}\n                        </div>\n                    }\n                </div>\n            </ng-template>\n            <ng-template #loadingbody>\n                <tr>\n                    <td [attr.colspan]=\"columnsColspan()\">\n                        <div class=\"loading-text\"></div>\n                        <p-skeleton width=\"100%\"></p-skeleton>\n                    </td>\n                </tr>\n            </ng-template>\n            <ng-template #emptymessage>\n                <tr>\n                    <td [attr.colspan]=\"columnsColspan()\">\n                        @if (requiredFiltersMissing()) {\n                            <i class=\"pi pi-exclamation-triangle mr-2\"></i> <strong>{{ 'mngTable.requiredFiltersMissing' | translate }}</strong>\n                        } @else {\n                            {{ 'mngTable.noItems' | translate }}\n                        }\n                    </td>\n                </tr>\n            </ng-template>\n            @if (footerTemplate()) {\n                <ng-template #summary>\n                    <ng-container *ngTemplateOutlet=\"footerTemplate(); context: {data: data.data(), totalCount: data.count(), table: this}\"></ng-container>\n                </ng-template>\n            }\n        </p-table>\n    }\n</div>\n", styles: ["mng-table .p-datatable .p-datatable-header{border-top:0}mng-table .p-datatable:not(.p-datatable-gridlines) .p-datatable-tbody>tr>td{cursor:auto}mng-table .p-datatable:not(.p-datatable-gridlines) .p-datatable-tbody>tr>td.clickable{cursor:pointer}:is(mng-table .p-datatable .p-datatable-thead>tr>th,mng-table .p-datatable .p-datatable-tbody>tr>td):hover mng-table-column-value .help-buttons{display:block}mng-table .p-datatable .p-datatable-thead>tr>th.mng-table-column-custom-last{padding:var(--mng-table-column-head-custom-last, .1rem 1rem)}mng-table .p-datatable .p-datatable-tbody>tr>td{position:relative}mng-table .p-datatable .p-datatable-tbody>tr>td.mng-table-column-custom-last{padding-top:.1rem;padding-bottom:.1rem}mng-table .p-datatable .p-datatable-tbody>tr>td.p-datatable-frozen-column{position:sticky;z-index:1;background:transparent}mng-table .p-datatable.p-datatable-lg .p-datatable-tbody>tr>td.mng-table-column-custom-last{padding:var(--mng-table-column-body-custom-last, .15rem 1rem)}mng-table .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td.mng-table-column-custom-last{padding:var(--mng-table-sm-column-body-custom-last, .05rem 1rem)}mng-table .p-datatable.p-datatable-flex-scrollable .p-datatable-thead>tr>th{overflow:hidden;text-overflow:ellipsis}mng-table .p-datatable.p-datatable-flex-scrollable .p-datatable-tbody>tr>td{overflow:hidden}mng-table .p-datatable .mng-table-row-localization-default-locale{background:var(--p-surface-100)!important}mng-table .mng-table-header>th:not(:first-child):not(:last-child){border-radius:0!important}mng-table .mng-table-header>th:first-child{border-top-right-radius:0!important;border-bottom-right-radius:0!important}mng-table .mng-table-header>th:last-child{border-radius:0!important}mng-table .mng-table-header .mng-table-columns-multiselect{width:36px}mng-table .mng-table-header .mng-table-columns-multiselect .p-multiselect-label-container{width:0}mng-table.mng-table-no-header p-datatable .p-datatable-header{display:none}mng-table.mng-table-header-compact .p-datatable-header{padding:var(--mng-table-header-compact-padding, 0 0 .5rem 0)!important}\n"], dependencies: [{ kind: "directive", type: ComponentDirective, selector: "[mngComponent]", inputs: ["mngComponent", "injectionToken", "inputs", "attachToHost", "parentInjector"], outputs: ["instanceCreated"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TableColumnValueComponent, selector: "mng-table-column-value", inputs: ["descriptor", "item"] }, { kind: "component", type: TableHeaderWithFiltersComponent, selector: "mng-table-header-with-filters", inputs: ["metadata", "genericFilterDescriptor", "model", "enableSearch", "search", "searchLimitWordMax", "enableCaseSensitive"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i1$1.FrozenColumn, selector: "[pFrozenColumn]", inputs: ["frozen", "alignFrozen"] }, { kind: "directive", type: i1$1.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "directive", type: i1$1.ResizableColumn, selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { kind: "directive", type: i1$1.ReorderableColumn, selector: "[pReorderableColumn]", inputs: ["pReorderableColumnDisabled"] }, { kind: "component", type: i1$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i1$1.TableRadioButton, selector: "p-tableRadioButton", inputs: ["value", "disabled", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i1$1.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i1$1.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "directive", type: i1$1.ReorderableRowHandle, selector: "[pReorderableRowHandle]" }, { kind: "directive", type: i1$1.ReorderableRow, selector: "[pReorderableRow]", inputs: ["pReorderableRow", "pReorderableRowDisabled"] }, { kind: "component", type: Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "directive", type: ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "directive", type: TableRemovableSortDirective, selector: "[mngRemovableSort]" }, { kind: "directive", type: TableHeaderWithFiltersTemplateDirective, selector: "[mngTableHeaderWithFiltersTemplate]", inputs: ["name"] }, { kind: "pipe", type: I18nPropertyPipe, name: "mngI18nProperty" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: ClassMapPipe, name: "mngClassMap" }, { kind: "pipe", type: LocaleDefaultRowClassPipe, name: "mngLocaleDefaultRowClass" }, { kind: "pipe", type: TableFilterClassPipe, name: "mngTableFilterClass" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None, deferBlockDependencies: [() => [import('./mediusinc-mng-commons-table-column-toggle.component-4BDcYyDd.mjs').then(m => m.TableColumnToggleComponent)], () => [Promise.resolve().then(function () { return filter_component; }).then(m => m.TableFilterComponent)]] }); }
 }
-i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.0.8", ngImport: i0, type: TableComponent, resolveDeferredDeps: () => [import('./mediusinc-mng-commons-table-column-toggle.component-BZU9-ZJV.mjs').then(m => m.TableColumnToggleComponent), Promise.resolve().then(function () { return filter_component; }).then(m => m.TableFilterComponent)], resolveMetadata: (TableColumnToggleComponent, TableFilterComponent) => ({ decorators: [{
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.0.8", ngImport: i0, type: TableComponent, resolveDeferredDeps: () => [import('./mediusinc-mng-commons-table-column-toggle.component-4BDcYyDd.mjs').then(m => m.TableColumnToggleComponent), Promise.resolve().then(function () { return filter_component; }).then(m => m.TableFilterComponent)], resolveMetadata: (TableColumnToggleComponent, TableFilterComponent) => ({ decorators: [{
                 type: Component,
                 args: [{ selector: 'mng-table', imports: [
                             ComponentDirective,
@@ -2734,7 +2750,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.0.8", ng
                         ], host: {
                             '[class.mng-table-no-header]': '!isCaptionVisible()'
                         }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div>\n    <!-- MUST NOT use observable for value when using virtual scroll - does not work for some reason -->\n    @if (data.isAllPaginationMetaInitialized()) {\n        <p-table\n            [value]=\"requiredFiltersMissing() ? [] : data.data()\"\n            [dataKey]=\"metadata.descriptor().trackProperty\"\n            [lazy]=\"isLazy()\"\n            [loading]=\"data.loading()\"\n            [paginator]=\"isPagination()\"\n            [rows]=\"data.rows()\"\n            [first]=\"data.offset()\"\n            [totalRecords]=\"data.count()\"\n            [rowsPerPageOptions]=\"metadata.rowsPerPageOptions()\"\n            [showCurrentPageReport]=\"true\"\n            [currentPageReportTemplate]=\"'mngTable.paginationMsg' | translate\"\n            [multiSortMeta]=\"data.sortStates()\"\n            [filters]=\"data.primeFilterStates()\"\n            [globalFilterFields]=\"metadata.searchFields()\"\n            sortMode=\"multiple\"\n            [selection]=\"[]\"\n            (selectionChange)=\"onSelectionChange($event)\"\n            [selectionMode]=\"selectionEnabled() ? selectionMode() : null\"\n            [scrollable]=\"true\"\n            scrollHeight=\"flex\"\n            [rowHover]=\"metadata.descriptor().hasHover\"\n            [styleClass]=\"className()\"\n            [resizableColumns]=\"metadata.descriptor().hasResizableColumns ?? metadata.tableConfig().columnResize ?? false\"\n            [columnResizeMode]=\"metadata.descriptor().columnResizeMode ?? metadata.tableConfig().columnResizeMode ?? 'expand'\"\n            [reorderableColumns]=\"areColumnsReorderable()\"\n            paginatorDropdownAppendTo=\"body\"\n            [columns]=\"visibleColumns()\"\n            [expandedRowKeys]=\"expandedRowKeys()\"\n            (onColResize)=\"prefs.onColumnResize($event)\"\n            (onColReorder)=\"prefs.onColumnReorder($event)\"\n            (onLazyLoad)=\"onTableLazyLoad($event)\"\n            (onFilter)=\"onTableFilter($event)\"\n            (onRowReorder)=\"onRowReorder($event)\"\n            mngRemovableSort>\n            <ng-template #caption>\n                @if (isCaptionVisible()) {\n                    <div class=\"table-header\">\n                        @if (headerTemplate()) {\n                            <ng-container *ngTemplateOutlet=\"headerTemplate(); context: {data: data.data(), totalCount: data.count(), table: this}\"></ng-container>\n                        } @else {\n                            <mng-table-header-with-filters\n                                [metadata]=\"tableHeaderFilters()\"\n                                [genericFilterDescriptor]=\"metadata.genericFilterDescriptor()\"\n                                [model]=\"metadata.descriptor().model\"\n                                [enableSearch]=\"metadata.descriptor().search\"\n                                [search]=\"data.searchState()\"\n                                [searchLimitWordMax]=\"metadata.descriptor().searchLimitMaxWords\"\n                                [enableCaseSensitive]=\"isLazy()\">\n                                @if (hasTitleDisplay()) {\n                                    <ng-template mngTableHeaderWithFiltersTemplate name=\"title\">\n                                        @if (headerTitleTemplate()) {\n                                            <ng-container\n                                                *ngTemplateOutlet=\"headerTitleTemplate(); context: {data: data.data(), totalCount: data.count(), table: this}\"></ng-container>\n                                        } @else if (metadata.descriptor().title) {\n                                            <h5 class=\"p-0 m-0\">{{ metadata.descriptor().title! | translate }}</h5>\n                                        }\n                                    </ng-template>\n                                }\n                                @if (titleRowRightTemplate()) {\n                                    <ng-template mngTableHeaderWithFiltersTemplate name=\"titleRowRight\">\n                                        <ng-container *ngTemplateOutlet=\"titleRowRightTemplate()\"></ng-container>\n                                    </ng-template>\n                                }\n                            </mng-table-header-with-filters>\n                        }\n                    </div>\n                }\n            </ng-template>\n            <ng-template #header>\n                @if (!metadata.descriptor().hideHeader) {\n                    <tr class=\"mng-table-header\" [class]=\"metadata.descriptor().headerClassName\">\n                        @if (selectionEnabled()) {\n                            @if (selectionMode() === 'multiple') {\n                                <th style=\"min-width: 36px\" pFrozenColumn [frozen]=\"metadata.descriptor().selectionColumnFrozen ?? true\">\n                                    <p-tableHeaderCheckbox />\n                                </th>\n                            } @else {\n                                <!-- We need the line below, because otherwise p-tableRadioButton shifts the rest of the columns in table -->\n                                <th style=\"min-width: 36px\" pFrozenColumn [frozen]=\"metadata.descriptor().selectionColumnFrozen ?? true\"></th>\n                            }\n                        }\n                        @if (metadata.descriptor().rowExpandable) {\n                            <th scope=\"col\" pFrozenColumn [frozen]=\"true\"></th>\n                        }\n                        @if (rowReorderEnabled()) {\n                            <th scope=\"col\"></th>\n                        }\n                        @for (col of visibleColumns(); track col.id) {\n                            <ng-template #sortableColumnTHTemplate>\n                                @if (columnHeaderTemplate()) {\n                                    <ng-container\n                                        *ngTemplateOutlet=\"\n                                            columnHeaderTemplate();\n                                            context: {data: data.data(), totalCount: data.count(), property: col.descriptor.property, table: this}\n                                        \"></ng-container>\n                                } @else {\n                                    <div class=\"flex justify-between items-center\">\n                                        {{\n                                            (col.descriptor.title && !col.descriptor.titleUseModelBase\n                                                ? col.descriptor.title\n                                                : (col.descriptor.title ?? col.descriptor.property | mngI18nProperty: metadata.descriptor().model)\n                                            ) | translate\n                                        }}\n                                        <p-sortIcon [field]=\"col.sort?.property\" class=\"flex\"></p-sortIcon>\n                                    </div>\n                                }\n                            </ng-template>\n                            <ng-template #nonSortableColumnTHTemplate>\n                                @if (columnHeaderTemplate()) {\n                                    <ng-container\n                                        *ngTemplateOutlet=\"\n                                            columnHeaderTemplate();\n                                            context: {data: data.data(), totalCount: data.count(), property: col.descriptor.property, table: this}\n                                        \"></ng-container>\n                                } @else {\n                                    {{\n                                        (col.descriptor.title && !col.descriptor.titleUseModelBase\n                                            ? col.descriptor.title\n                                            : (col.descriptor.title ?? col.descriptor.property | mngI18nProperty: metadata.descriptor().model)\n                                        ) | translate\n                                    }}\n                                }\n                            </ng-template>\n                            @if (col.reorderable) {\n                                <th\n                                    pResizableColumn\n                                    pReorderableColumn\n                                    [id]=\"col.descriptor.property\"\n                                    [pSortableColumn]=\"col.sort?.property\"\n                                    [pSortableColumnDisabled]=\"!col.sort\"\n                                    [style.width]=\"col.width ? col.width + 'px' : col.descriptor.width + '%'\"\n                                    [style.min-width.px]=\"col.width ? null : col.descriptor.minWidth\"\n                                    [style.max-width.px]=\"col.width ?? col.descriptor.maxWidth\"\n                                    [class]=\"col.descriptor.headerClassName | mngTableFilterClass: col.filter?.descriptor : hasColumnFilters() && !col.width\">\n                                    <ng-container *ngTemplateOutlet=\"col.sort ? sortableColumnTHTemplate : nonSortableColumnTHTemplate\"></ng-container>\n                                </th>\n                            } @else {\n                                <th\n                                    pResizableColumn\n                                    [id]=\"col.descriptor.property\"\n                                    [pSortableColumn]=\"col.sort?.property\"\n                                    [pSortableColumnDisabled]=\"!col.sort\"\n                                    [style.width]=\"col.width ? col.width + 'px' : col.descriptor.width + '%'\"\n                                    [style.min-width.px]=\"col.width ? null : col.descriptor.minWidth\"\n                                    [style.max-width.px]=\"col.width ?? col.descriptor.maxWidth\"\n                                    [class]=\"col.descriptor.headerClassName | mngTableFilterClass: col.filter?.descriptor : hasColumnFilters() && !col.width\">\n                                    <ng-container *ngTemplateOutlet=\"col.sort ? sortableColumnTHTemplate : nonSortableColumnTHTemplate\"></ng-container>\n                                </th>\n                            }\n                        }\n                        @if (hasLastColumn()) {\n                            <th\n                                [style.min-width.px]=\"columnLastMinWidth()\"\n                                pFrozenColumn\n                                [frozen]=\"metadata.descriptor().actionColumnFrozen ?? areColumnsToggleable()\"\n                                alignFrozen=\"right\"\n                                class=\"mng-table-column-custom-last text-right!\">\n                                @if (areColumnsToggleable()) {\n                                    @defer (on idle) {\n                                        <mng-table-column-toggle [columns]=\"visibleColumns()\" />\n                                    }\n                                }\n                            </th>\n                        }\n                    </tr>\n                }\n                @if (hasColumnFilters()) {\n                    <tr class=\"mng-column-filter-row\">\n                        <!-- We need the line below, because otherwise p-tableRadioButton shifts the rest of the columns in table -->\n                        @if (selectionEnabled()) {\n                            <th style=\"min-width: 36px\" pFrozenColumn [frozen]=\"metadata.descriptor().selectionColumnFrozen ?? true\"></th>\n                        }\n                        @if (rowReorderEnabled()) {\n                            <th scope=\"col\"></th>\n                        }\n                        @if (metadata.descriptor().rowExpandable) {\n                            <th scope=\"col\"></th>\n                        }\n                        @for (col of visibleColumns(); track col.id) {\n                            <th\n                                [class]=\"'px-1! ' + col.filter?.descriptor?.columnClassName | mngTableFilterClass: col.filter?.descriptor : hasColumnFilters() && !col.width\"\n                                [style.width.px]=\"col.width\"\n                                [style.width.%]=\"col.width ? null : (col.filter?.descriptor?.columnWidth ?? col.descriptor.width ?? null)\"\n                                [style.min-width.px]=\"col.width ? null : (col.filter?.descriptor?.columnMinWidth ?? col.descriptor.minWidth)\"\n                                [style.max-width.px]=\"col.width ?? col.descriptor.maxWidth\">\n                                @if (col.filter && col.filter.descriptor.filterType !== FilterTypeEnum.Component) {\n                                    @defer (on idle) {\n                                        <mng-table-filter [config]=\"col.filter\" [model]=\"metadata.descriptor().model\"></mng-table-filter>\n                                    }\n                                } @else if (col.filter && col.filter.descriptor.customComponentType) {\n                                    <ng-container [mngComponent]=\"col.filter.descriptor.customComponentType\" [inputs]=\"{descriptor: col.filter.descriptor}\"></ng-container>\n                                }\n                            </th>\n                        }\n                        @if (hasLastColumn()) {\n                            <th pFrozenColumn alignFrozen=\"right\" class=\"mng-table-column-custom-last\" [style.min-width.px]=\"columnLastMinWidth()\"></th>\n                        }\n                    </tr>\n                }\n            </ng-template>\n            <ng-template #body let-item let-idx=\"rowIndex\" let-expanded=\"expanded\">\n                <tr\n                    [pReorderableRow]=\"idx\"\n                    [ngClass]=\"\n                        metadata.descriptor().rowClassName | mngClassMap: metadata.descriptor().rowClassNameMapFn : item | mngLocaleDefaultRowClass: metadata.descriptor() : item\n                    \">\n                    @if (selectionEnabled()) {\n                        @if (selectionMode() === 'multiple') {\n                            <td style=\"min-width: 36px\" pFrozenColumn [frozen]=\"metadata.descriptor().selectionColumnFrozen ?? true\">\n                                <p-tableCheckbox [value]=\"item\"></p-tableCheckbox>\n                            </td>\n                        } @else {\n                            <td style=\"min-width: 36px\" pFrozenColumn [frozen]=\"metadata.descriptor().selectionColumnFrozen ?? true\">\n                                <p-tableRadioButton [value]=\"item\"></p-tableRadioButton>\n                            </td>\n                        }\n                    }\n                    @if (metadata.descriptor().rowExpandable) {\n                        <td>\n                            @let expandProp = metadata.descriptor().rowExpandableProperty;\n                            @if (!expandProp || item[expandProp]) {\n                                <button\n                                    pButton\n                                    type=\"button\"\n                                    [pRowToggler]=\"item\"\n                                    rounded=\"true\"\n                                    text=\"true\"\n                                    size=\"small\"\n                                    [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"></button>\n                            }\n                        </td>\n                    }\n                    @if (rowReorderEnabled()) {\n                        <td>\n                            <span class=\"pi pi-bars\" pReorderableRowHandle></span>\n                        </td>\n                    }\n                    @for (col of visibleColumns(); track col.id) {\n                        <td\n                            (click)=\"onCellClick($event, col.descriptor, item, idx)\"\n                            [class]=\"\n                                col.descriptor.className\n                                    | mngClassMap: col.descriptor.classNameMapFn : item\n                                    | mngTableFilterClass: col.filter?.descriptor : hasColumnFilters() && !col.width\n                            \"\n                            [class.clickable]=\"isCellClickEnabled()\"\n                            [style.width]=\"col.width ? col.width + 'px' : col.descriptor.width + '%'\"\n                            [style.min-width.px]=\"col.width ? null : col.descriptor.minWidth\"\n                            [style.max-width.px]=\"col.width ?? col.descriptor.maxWidth\">\n                            <mng-table-column-value [descriptor]=\"col.descriptor\" [item]=\"item\"></mng-table-column-value>\n                        </td>\n                    }\n                    @if (hasLastColumn()) {\n                        <td\n                            class=\"mng-table-column-custom-last justify-end text-right!\"\n                            [style.min-width.px]=\"columnLastMinWidth()\"\n                            pFrozenColumn\n                            alignFrozen=\"right\"\n                            [frozen]=\"metadata.descriptor().actionColumnFrozen ?? true\">\n                            @if (columnCustomLastTemplate()) {\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        columnCustomLastTemplate();\n                                        context: {item: item, index: idx, data: data.data(), totalCount: data.count(), table: this}\n                                    \"></ng-container>\n                            }\n                        </td>\n                    }\n                </tr>\n            </ng-template>\n            <ng-template #expandedrow let-item let-idx=\"rowIndex\">\n                @if (metadata.descriptor().rowExpandable) {\n                    <tr>\n                        <td></td>\n                        <td [colSpan]=\"metadata.descriptor().rowExpandableColSpan\">\n                            @if (metadata.descriptor().rowExpandableComponentType !== undefined) {\n                                <ng-container [mngComponent]=\"metadata.descriptor().rowExpandableComponentType\" [inputs]=\"{item}\"> </ng-container>\n                            } @else {\n                                <ng-container\n                                    *ngTemplateOutlet=\"\n                                        rowExpandTemplate();\n                                        context: {item: item, index: idx, data: data.data(), totalCount: data.count(), table: this}\n                                    \"></ng-container>\n                            }\n                        </td>\n                    </tr>\n                }\n            </ng-template>\n            <ng-template #loadingicon>\n                <div class=\"flex flex-col items-center\">\n                    @if (metadata.descriptor().loadingIcon) {\n                        <i [class]=\"'text-white text-4xl pi-spin ' + metadata.descriptor().loadingIcon\"></i>\n                    }\n                    @if (metadata.descriptor().loadingText) {\n                        <div class=\"text text-white text-lg font-semibold\" [ngClass]=\"{'mt-3': metadata.descriptor().loadingIcon}\">\n                            {{ metadata.descriptor().loadingText ?? '' | translate }}\n                        </div>\n                    }\n                </div>\n            </ng-template>\n            <ng-template #loadingbody>\n                <tr>\n                    <td [attr.colspan]=\"columnsColspan()\">\n                        <div class=\"loading-text\"></div>\n                        <p-skeleton width=\"100%\"></p-skeleton>\n                    </td>\n                </tr>\n            </ng-template>\n            <ng-template #emptymessage>\n                <tr>\n                    <td [attr.colspan]=\"columnsColspan()\">\n                        @if (requiredFiltersMissing()) {\n                            <i class=\"pi pi-exclamation-triangle mr-2\"></i> <strong>{{ 'mngTable.requiredFiltersMissing' | translate }}</strong>\n                        } @else {\n                            {{ 'mngTable.noItems' | translate }}\n                        }\n                    </td>\n                </tr>\n            </ng-template>\n            @if (footerTemplate()) {\n                <ng-template #summary>\n                    <ng-container *ngTemplateOutlet=\"footerTemplate(); context: {data: data.data(), totalCount: data.count(), table: this}\"></ng-container>\n                </ng-template>\n            }\n        </p-table>\n    }\n</div>\n", styles: ["mng-table .p-datatable .p-datatable-header{border-top:0}mng-table .p-datatable:not(.p-datatable-gridlines) .p-datatable-tbody>tr>td{cursor:auto}mng-table .p-datatable:not(.p-datatable-gridlines) .p-datatable-tbody>tr>td.clickable{cursor:pointer}:is(mng-table .p-datatable .p-datatable-thead>tr>th,mng-table .p-datatable .p-datatable-tbody>tr>td):hover mng-table-column-value .help-buttons{display:block}mng-table .p-datatable .p-datatable-thead>tr>th.mng-table-column-custom-last{padding:var(--mng-table-column-head-custom-last, .1rem 1rem)}mng-table .p-datatable .p-datatable-tbody>tr>td{position:relative}mng-table .p-datatable .p-datatable-tbody>tr>td.mng-table-column-custom-last{padding-top:.1rem;padding-bottom:.1rem}mng-table .p-datatable .p-datatable-tbody>tr>td.p-datatable-frozen-column{position:sticky;z-index:1;background:transparent}mng-table .p-datatable.p-datatable-lg .p-datatable-tbody>tr>td.mng-table-column-custom-last{padding:var(--mng-table-column-body-custom-last, .15rem 1rem)}mng-table .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td.mng-table-column-custom-last{padding:var(--mng-table-sm-column-body-custom-last, .05rem 1rem)}mng-table .p-datatable.p-datatable-flex-scrollable .p-datatable-thead>tr>th{overflow:hidden;text-overflow:ellipsis}mng-table .p-datatable.p-datatable-flex-scrollable .p-datatable-tbody>tr>td{overflow:hidden}mng-table .p-datatable .mng-table-row-localization-default-locale{background:var(--p-surface-100)!important}mng-table .mng-table-header>th:not(:first-child):not(:last-child){border-radius:0!important}mng-table .mng-table-header>th:first-child{border-top-right-radius:0!important;border-bottom-right-radius:0!important}mng-table .mng-table-header>th:last-child{border-radius:0!important}mng-table .mng-table-header .mng-table-columns-multiselect{width:36px}mng-table .mng-table-header .mng-table-columns-multiselect .p-multiselect-label-container{width:0}mng-table.mng-table-no-header p-datatable .p-datatable-header{display:none}mng-table.mng-table-header-compact .p-datatable-header{padding:var(--mng-table-header-compact-padding, 0 0 .5rem 0)!important}\n"] }]
-            }], ctorParameters: () => [], propDecorators: { descriptorInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "descriptor", required: true }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], result: [{ type: i0.Input, args: [{ isSignal: true, alias: "result", required: false }] }], loadingInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], dataProvider: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataProvider", required: false }] }], useQueryParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "useQueryParams", required: false }] }], cellClickEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellClickEnabled", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], selectionEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionEnabled", required: false }] }], rowReorderEnabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowReorderEnabled", required: false }] }], featureConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "featureConfig", required: false }] }], columnLastMinWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnLastMinWidth", required: false }] }], globalFilterFieldsInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "globalFilterFields", required: false }] }], tableLoad: [{ type: i0.Output, args: ["tableLoad"] }], cellClick: [{ type: i0.Output, args: ["cellClick"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], rowReorder: [{ type: i0.Output, args: ["rowReorder"] }], templates: [{ type: i0.Input, args: [{ isSignal: true, alias: "templates", required: false }] }], contentTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => TableTemplateDirective), { isSignal: true }] }], primeTable: [{ type: i0.ViewChild, args: [i0.forwardRef(() => Table), { isSignal: true }] }] } }) });
+            }], ctorParameters: () => [], propDecorators: { descriptorInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "descriptor", required: true }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], result: [{ type: i0.Input, args: [{ isSignal: true, alias: "result", required: false }] }], loadingInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], dataProvider: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataProvider", required: false }] }], queryParamPrepend: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryParamPrepend", required: false }] }], useQueryParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "useQueryParams", required: false }] }], cellClickEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellClickEnabled", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], selectionEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionEnabled", required: false }] }], rowReorderEnabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowReorderEnabled", required: false }] }], featureConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "featureConfig", required: false }] }], columnLastMinWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnLastMinWidth", required: false }] }], globalFilterFieldsInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "globalFilterFields", required: false }] }], tableLoad: [{ type: i0.Output, args: ["tableLoad"] }], cellClick: [{ type: i0.Output, args: ["cellClick"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], rowReorder: [{ type: i0.Output, args: ["rowReorder"] }], templates: [{ type: i0.Input, args: [{ isSignal: true, alias: "templates", required: false }] }], contentTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => TableTemplateDirective), { isSignal: true }] }], primeTable: [{ type: i0.ViewChild, args: [i0.forwardRef(() => Table), { isSignal: true }] }] } }) });
 
 /**
  * Prepares providers for usage of the tableview functionalities.
@@ -2773,4 +2789,4 @@ function provideTableChild(config) {
  */
 
 export { ADataListService as A, ADataListMetaService as B, TableDataService as C, COMMONS_TABLE_FEATURE_CONFIG_IT as D, withTable as E, FilterService as F, provideTableChild as G, LocaleDefaultRowClassPipe as L, TableMetadataService as T, TablePreferencesService as a, TableFilterComponent as b, TableColumnValueComponent as c, TableFilterActiveTagComponent as d, TableFilterFormComponent as e, TableHeaderWithFiltersComponent as f, TableHeaderWithFiltersTemplateDirective as g, TableComponent as h, TableTemplateDirective as i, filterGenerateMatchModeOptions as j, filterGetDefaultMatchMode as k, filterSetStateOnChange as l, filterSetStateOnDisplayChange as m, filterAreDatesEqual as n, filterApplySerializationConfigToCmp as o, filterAdjustDisplayValueOnMatchModeChange as p, filterGetDateConfig as q, filterGetNumberConfig as r, createFilterDescriptorsFromGeneric as s, isFilterValueBlank as t, tableNotificationError as u, tableCreateFilterState as v, tableCreateSortState as w, generateTableLayoutPrefsKey as x, FilterValuePipe as y, TableFilterClassPipe as z };
-//# sourceMappingURL=mediusinc-mng-commons-table-mediusinc-mng-commons-table-D-cGtZ6e.mjs.map
+//# sourceMappingURL=mediusinc-mng-commons-table-mediusinc-mng-commons-table-DoXp48ZT.mjs.map