@mediusinc/mng-commons 0.2.1-rc → 0.2.4

package/src/lib/components/layout/menu-item.component.ts

@@ -1,170 +0,0 @@
-import {Component, Input, OnInit, ChangeDetectorRef, OnDestroy, ChangeDetectionStrategy} from '@angular/core';
-import {Router, NavigationEnd} from '@angular/router';
-import {trigger, state, style, transition, animate} from '@angular/animations';
-
-import {Subscription} from 'rxjs';
-import {filter} from 'rxjs/operators';
-
-import {MngCommonsService} from '../../services';
-import {MngMainLayoutComponentService} from './services';
-
-@Component({
-    /* tslint:disable:component-selector */
-    selector: '[mng-menuitem]',
-    /* tslint:enable:component-selector */
-    templateUrl: './menu-item.component.html',
-    host: {
-        '[class.layout-root-menuitem]': 'root',
-        '[class.active-menuitem]': 'active'
-    },
-    animations: [
-        trigger('children', [
-            state('void', style({
-                height: '0px'
-            })),
-            state('hiddenAnimated', style({
-                height: '0px'
-            })),
-            state('visibleAnimated', style({
-                height: '*'
-            })),
-            state('visible', style({
-                height: '*',
-                'z-index': 100
-            })),
-            state('hidden', style({
-                height: '0px',
-                'z-index': '*'
-            })),
-            transition('visibleAnimated => hiddenAnimated', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)')),
-            transition('hiddenAnimated => visibleAnimated', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)')),
-            transition('void => visibleAnimated, visibleAnimated => void', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)'))
-        ])
-    ],
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class MngMenuItemComponent implements OnInit, OnDestroy {
-
-    @Input() item: any;
-
-    @Input() index: number = 0;
-
-    @Input() root: boolean = false;
-
-    @Input() parentKey: string|null = null;
-
-    active = false;
-
-    hover: boolean = false;
-
-    menuSourceSubscription: Subscription;
-
-    menuResetSubscription: Subscription;
-
-    key: string = '';
-
-    constructor(
-        public router: Router,
-        private cd: ChangeDetectorRef,
-        public mngCommons: MngCommonsService, 
-        public mainLayoutService: MngMainLayoutComponentService
-    ) {
-        this.menuSourceSubscription = this.mngCommons.menuActiveKey$.subscribe(key => {
-            // deactivate current active menu
-            if (this.active && this.key !== key && key.indexOf(this.key) !== 0) {
-                this.active = false;
-            }
-        });
-
-        this.menuResetSubscription = this.mngCommons.menuReset$.subscribe(() => {
-            this.active = false;
-        });
-
-        this.router.events
-            .pipe(filter(event => event instanceof NavigationEnd))
-            .subscribe(params => {
-                if (this.mngCommons.menuModeIsSlim && !this.mainLayoutService.isMobile()) {
-                    this.active = false;
-                } else {
-                    if (this.item.routerLink) {
-                        this.updateActiveStateFromRoute();
-                    } else {
-                        this.active = false;
-                    }
-                }
-            });
-    }
-
-    ngOnInit() {
-        if (!this.mngCommons.menuModeIsSlim && this.item.routerLink) {
-            this.updateActiveStateFromRoute();
-        }
-
-        this.key = this.parentKey ? this.parentKey + '-' + this.index : String(this.index);
-    }
-
-    updateActiveStateFromRoute() {
-        this.active = this.router.isActive(this.item.routerLink[0], this.item.items ? false : true);
-    }
-
-    itemClick(event: Event) {
-        // avoid processing disabled items
-        if (this.item.disabled) {
-            event.preventDefault();
-            return;
-        }
-
-        // navigate with hover in horizontal mode
-        if (this.root) {
-            this.mainLayoutService.menuHoverActive = !this.mainLayoutService.menuHoverActive;
-        }
-
-        // notify other items
-        this.mngCommons.menuChangeActiveKey(this.key);
-
-        // execute command
-        if (this.item.command) {
-            this.item.command({originalEvent: event, item: this.item});
-        }
-
-        // toggle active state
-        if (this.item.items) {
-            this.active = !this.active;
-        } else {
-            // activate item
-            this.active = true;
-
-            if (this.mainLayoutService.isMobile()) {
-                this.mainLayoutService.staticMenuMobileActive = false;
-            }
-
-            if (this.mngCommons.menuModeIsOverlay) {
-                this.mainLayoutService.overlayMenuActive = false;
-            }
-
-            // reset horizontal menu
-            if (this.mngCommons.menuModeIsSlim && !this.mainLayoutService.isMobile()){
-                this.mngCommons.menuReset();
-                this.mainLayoutService.menuHoverActive = false;
-            }
-        }
-    }
-
-    onMouseEnter() {
-        // activate item on hover
-        if (this.root && this.mainLayoutService.menuHoverActive && (this.mngCommons.menuModeIsSlim) && this.mainLayoutService.isDesktop()) {
-            this.mngCommons.menuChangeActiveKey(this.key);
-            this.active = true;
-        }
-    }
-
-    ngOnDestroy() {
-        if (this.menuSourceSubscription) {
-            this.menuSourceSubscription.unsubscribe();
-        }
-
-        if (this.menuResetSubscription) {
-            this.menuResetSubscription.unsubscribe();
-        }
-    }
-}

package/src/lib/components/layout/menu.component.html

@@ -1,27 +0,0 @@
-<div class="layout-menu-wrapper" [ngClass]="{ 'layout-sidebar-active': (mainLayoutService.sidebarActive$ | async) }"
-     (click)="mainLayoutService.onSidebarClick($event)" (mouseover)="mainLayoutService.onSidebarMouseOver($event)" (mouseleave)="mainLayoutService.onSidebarMouseLeave($event)">
-    <div class="menu-logo">
-
-        <a routerLink="/" class="logo">
-            <img [src]="mngCommons.colorSchemeIsLight ? mngCommons.appLogoDark : mngCommons.appLogoLight" />
-        </a>
-
-        <a routerLink="/" class="app-name" *ngIf="!(mngCommons.menuModeIsSlim$ | async) || (mainLayoutService.isMobile$ | async)">
-            <img [src]="mngCommons.colorSchemeIsLight ? mngCommons.appLogoNameDark : mngCommons.appLogoNameLight" />
-        </a>
-        <a *ngIf="mngCommons.menuPinEnabled" class="menu-pin" (click)="mainLayoutService.onToggleMenu($event)">
-            <span *ngIf="mngCommons.menuModeIsOverlay$ | async" class="pi pi-times"></span>
-            <span *ngIf="(mngCommons.menuModeIsSidebar$ | async) && !(mainLayoutService.sidebarStatic$ | async) && (mainLayoutService.pinActive$ | async)" class="pi pi-unlock"></span>
-            <span *ngIf="(mngCommons.menuModeIsSidebar$ | async) && (mainLayoutService.sidebarStatic$ | async) && (mainLayoutService.pinActive$ | async)" class="pi pi-lock"></span>
-        </a>
-    </div>
-
-    <div class="layout-menu-container">
-        <ul class="layout-menu">
-            <ng-container *ngFor="let item of (mngCommons.menuItems); let i = index;">
-                <li mng-menuitem *ngIf="!item.separator" [item]="item" [index]="i" [root]="true"></li>
-                <li *ngIf="item.separator" class="menu-separator"></li>
-            </ng-container>
-        </ul>
-    </div>
-</div>

package/src/lib/components/layout/menu.component.ts

@@ -1,17 +0,0 @@
-import {ChangeDetectionStrategy, Component} from '@angular/core';
-
-import {MngCommonsService} from '../../services';
-import {MngMainLayoutComponentService} from './services';
-
-@Component({
-    selector: 'mng-menu',
-    templateUrl: './menu.component.html',
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class MngMenuComponent {
-
-    constructor(
-        public mngCommons: MngCommonsService,
-        public mainLayoutService: MngMainLayoutComponentService
-    ) {}
-}

package/src/lib/components/layout/services/main-layout.component.service.ts

@@ -1,231 +0,0 @@
-import {Injectable} from '@angular/core';
-
-import {MngCommonsService} from '../../../services';
-import {BehaviorSubject, Observable, Subject} from 'rxjs';
-import {map} from 'rxjs/operators';
-
-@Injectable()
-export class MngMainLayoutComponentService {
-
-    private _overlayMenuActive: boolean = false;
-    private _overlayMenuActiveSubject: Subject<boolean> = new BehaviorSubject(this._overlayMenuActive);
-    private _staticMenuDesktopInactive = false;
-    private _staticMenuDesktopInactiveSubject: Subject<boolean> = new BehaviorSubject(this._staticMenuDesktopInactive);
-    private _staticMenuMobileActive: boolean = false;
-    private _staticMenuMobileActiveSubject: Subject<boolean> = new BehaviorSubject(this._staticMenuMobileActive);
-
-    private _sidebarActive = true;
-    private _sidebarActiveSubject: Subject<boolean> = new BehaviorSubject(this._sidebarActive);
-    private _sidebarStatic = true;
-    private _sidebarStaticSubject: Subject<boolean> = new BehaviorSubject(this._sidebarStatic);
-
-    private _menuClick: boolean = false;
-    private _menuHoverActive = false;
-    private _topbarItemClick: boolean = false;
-
-    private _activeTopbarItem: any = null;
-    private _activeTopbarItemSubject: Subject<any> = new BehaviorSubject(this._activeTopbarItem);
-
-    private _pinActive: boolean = true;
-    private _pinActiveSubject: Subject<boolean> = new BehaviorSubject(this._pinActive);
-
-    private _innerWidth: number = 1920;
-    private _innerWidthSubject: Subject<number> = new BehaviorSubject(this._innerWidth);
-
-    constructor(private mngCommons: MngCommonsService) { }
-
-    get overlayMenuActive$(): Observable<boolean> {
-        return this._overlayMenuActiveSubject.asObservable();
-    }
-
-    set overlayMenuActive(value: boolean) {
-        this._overlayMenuActive = value;
-        this._overlayMenuActiveSubject.next(value);
-    }
-
-    get staticMenuDesktopInactive$(): Observable<boolean> {
-        return this._staticMenuDesktopInactiveSubject.asObservable();
-    }
-
-    set staticMenuDesktopInactive(value: boolean) {
-        this._staticMenuDesktopInactive = value;
-        this._staticMenuDesktopInactiveSubject.next(value);
-    }
-
-    get staticMenuMobileActive$(): Observable<boolean> {
-        return this._staticMenuMobileActiveSubject.asObservable();
-    }
-
-    set staticMenuMobileActive(value: boolean) {
-        this._staticMenuMobileActive = value;
-        this._staticMenuMobileActiveSubject.next(value);
-    }
-
-    get sidebarActive$(): Observable<boolean> {
-        return this._sidebarActiveSubject.asObservable();
-    }
-
-    set sidebarActive(value: boolean) {
-        this._sidebarActive = value;
-        this._sidebarActiveSubject.next(value);
-    }
-
-    get sidebarStatic$(): Observable<boolean> {
-        return this._sidebarStaticSubject.asObservable();
-    }
-
-    set sidebarStatic(value: boolean) {
-        this._sidebarStatic = value;
-        this._sidebarStaticSubject.next(value);
-    }
-
-    set menuHoverActive(value: boolean) {
-        this._menuHoverActive = value;
-    }
-
-    set topbarItemClick(value: boolean) {
-        this._topbarItemClick = value;
-    }
-
-    get activeTopbarItem$(): Observable<any> {
-        return this._activeTopbarItemSubject.asObservable();
-    }
-
-    set activeTopbarItem(value: any) {
-        this._activeTopbarItem = value;
-        this._activeTopbarItemSubject.next(value);
-    }
-
-    get pinActive$(): Observable<boolean> {
-        return this._pinActiveSubject.asObservable();
-    }
-
-    set pinActive(value: boolean) {
-        this._pinActive = value;
-        this._pinActiveSubject.next(value);
-    }
-
-    get isDesktop$() {
-        return this._innerWidthSubject.asObservable().pipe(map(e => this.isWidthDesktop(e)));
-    }
-
-    get isMobile$() {
-        return this._innerWidthSubject.asObservable().pipe(map(e => this.isWidthMobile(e))) ;
-    }
-
-    set innerWidth(value: number) {
-        this._innerWidth = value;
-        this._innerWidthSubject.next(value);
-    }
-
-    onLayoutClick() {
-        if (!this._topbarItemClick) {
-            this.activeTopbarItem = null;
-        }
-
-        if (!this._menuClick) {
-            if (this.mngCommons.menuModeIsSlim && !this.isMobile()) {
-                this.mngCommons.menuReset();
-                this.menuHoverActive = false;
-            }
-
-            if (this._overlayMenuActive || this._staticMenuMobileActive) {
-                this.overlayMenuActive = false;
-                this.staticMenuMobileActive = false;
-            }
-        }
-
-        this._menuClick = false;
-        this.topbarItemClick = false;
-    }
-
-    onSidebarClick(event: any) {
-        this._menuClick = true;
-    }
-
-    onToggleMenu(event: any) {
-        this._menuClick = true;
-
-        if (this._overlayMenuActive) {
-            this.overlayMenuActive = false;
-        }
-
-        if (this._sidebarActive) {
-            this.sidebarStatic = !this._sidebarStatic;
-        }
-
-        event.preventDefault();
-    }
-
-    onSidebarMouseOver(event: any) {
-        if (this.mngCommons.menuModeIsSidebar && !this._sidebarStatic) {
-            this.sidebarActive = this.isDesktop();
-            setTimeout(() => {
-                this.pinActive = this.isDesktop();
-            }, 200);
-        }
-    }
-
-    onSidebarMouseLeave(event: any) {
-        if (this.mngCommons.menuModeIsSidebar && !this._sidebarStatic) {
-            setTimeout(() => {
-                this.sidebarActive = false;
-                this.pinActive = false;
-            }, 250);
-        }
-    }
-
-    onMenuButtonClick(event: any) {
-        this._menuClick = true;
-
-        if (this.mngCommons.menuModeIsOverlay) {
-            this.overlayMenuActive = !this._overlayMenuActive;
-        }
-
-        if (this.isDesktop()) {
-            this.staticMenuDesktopInactive = !this._staticMenuDesktopInactive;
-        } else {
-            this.staticMenuMobileActive = !this._staticMenuMobileActive;
-        }
-
-        event.preventDefault();
-    }
-
-    onTopbarItemClick(event: any, item: any) {
-        this._topbarItemClick = true;
-
-        if (this._activeTopbarItem === item) {
-            this.activeTopbarItem = null;
-        } else {
-            this.activeTopbarItem = item;
-        }
-
-        event.preventDefault();
-    }
-
-    onTopbarSubItemClick(event: any) {
-        event.preventDefault();
-    }
-
-    /**
-     * Checks if is desktop width, DO NOT use within HTML templates or within functions called by HTML templates
-     */
-    public isDesktop() {
-        return this.isWidthDesktop(this._innerWidth);
-    }
-
-    /**
-     * Checks if is mobile width, DO NOT use within HTML templates or within functions called by HTML templates
-     */
-    public isMobile() {
-        return this.isWidthMobile(this._innerWidth);
-    }
-
-    private isWidthDesktop(width: number) {
-        return width > 991;
-    }
-
-    private isWidthMobile(width: number) {
-        return width <= 991;
-    }
-}

package/src/lib/components/layout/topbar.component.html

@@ -1,38 +0,0 @@
-<div class="layout-topbar">
-    <div class="layout-topbar-left">
-        <a href="#" class="topbar-menu-button" (click)="mainLayoutService.onMenuButtonClick($event)" *ngIf="(mngCommons.menuModeIsOverlay$ | async) || (mainLayoutService.isMobile$ | async)">
-            <i class="pi pi-bars"></i>
-        </a>
-
-        <ng-container [mngComponent]="breadcrumbComponent"></ng-container>
-    </div>
-
-    <ng-container [mngComponent]="menuComponent"></ng-container>
-
-    <div class="layout-topbar-right">
-        <ul class="layout-topbar-right-items">
-            <li #profile class="profile-item" [ngClass]="{ 'active-topmenuitem': (mainLayoutService.activeTopbarItem$ | async) === profile }">
-                <a href="#" (click)="mainLayoutService.onTopbarItemClick($event,profile)">
-                    <i class="pi pi-fw pi-user"></i>
-                </a>
-                <ul class="fadeInDown" *ngIf="user">
-                    <li role="menuitem">
-                        <a>
-                            {{ user?.displayName ?? user?.username }}
-                        </a>
-                    </li>
-                    <li role="menuitem" *ngIf="user?.logout || user?.logoutUrl">
-                        <a [href]="user?.logoutUrl" (click)="logout(user, $event)">
-                            <i class="pi pi-fw pi-sign-out"></i>
-                            <span>{{ 'mngTopbar.logout' | translate }}</span>
-                        </a>
-                    </li>
-                </ul>
-            </li>
-            <li *ngIf="languages.length > 1" class="profile-item" [ngClass]="{ 'active-topmenuitem': (mainLayoutService.activeTopbarItem$ | async) === profile }">
-                <i class="pi pi-fw pi-globe"></i>
-                <p-dropdown [ngModel]="selectedLanguage" [options]="languages" (onChange)="switchLanguage($event.value)"></p-dropdown>
-            </li>
-        </ul>
-    </div>
-</div>

package/src/lib/components/layout/topbar.component.ts

@@ -1,62 +0,0 @@
-import {ChangeDetectionStrategy, Component, OnInit, QueryList, Type, ViewChildren} from '@angular/core';
-import {ActivatedRoute} from '@angular/router';
-
-import {MngMainLayoutComponentService} from './services';
-import {MngCommonsService} from '../../services';
-import {MngTemplateDirective} from '../../directives';
-import {MngRouterData, IUser} from '../../models';
-import {MngMenuComponent} from './menu.component';
-import {MngBreadcrumbComponent} from './breadcrumb.component';
-
-@Component({
-    selector: 'mng-topbar',
-    templateUrl: './topbar.component.html',
-    changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class MngTopbarComponent implements OnInit {
-
-    @ViewChildren(MngTemplateDirective) templates!: QueryList<MngTemplateDirective>;
-
-    public breadcrumbComponent: Type<any> = MngBreadcrumbComponent;
-    public menuComponent: Type<any> = MngMenuComponent;
-
-    public languages: Array<string> = ['en'];
-    public selectedLanguage: string = 'en';
-    public user?: IUser;
-
-    constructor(
-        private route: ActivatedRoute,
-        public mngCommons: MngCommonsService,
-        public mainLayoutService: MngMainLayoutComponentService
-    ) {}
-
-    ngOnInit(): void {
-        const routeData = this.route.snapshot.data as MngRouterData;
-        if (routeData?.breadcrumbComponent) {
-            this.breadcrumbComponent = routeData.breadcrumbComponent;
-        }
-        if (routeData?.menuComponent) {
-            this.menuComponent = routeData.menuComponent;
-        }
-
-        this.languages = this.mngCommons.appLanguages;
-        this.selectedLanguage = this.mngCommons.appLanguage;
-        this.mngCommons.user$.subscribe(u => {
-            this.user = u;
-        })
-    }
-
-    ngAfterViewInit(): void {
-        this.mainLayoutService.innerWidth = window.innerWidth;
-    }
-
-    public switchLanguage(language: string) {
-        this.mngCommons.appLanguage = language;
-    }
-
-    public logout(user: IUser, event: Event) {
-        if (typeof user.logout === 'function') {
-            user.logout();
-        }
-    }
-}

package/src/lib/components/tableview/models/table.event.ts

@@ -1,22 +0,0 @@
-import {LazyLoadEvent} from 'primeng/api';
-
-import {MediusQueryParam} from '../../../api/models';
-import {ColumnDescriptor} from '../../../descriptors';
-
-export class MngTableLoadEvent {
-    public queryParam?: MediusQueryParam;
-    public originalEvent?: LazyLoadEvent;
-}
-
-export class MngTableCellClickEvent<T> {
-    constructor(
-        public readonly column: ColumnDescriptor<any, T>,
-        public readonly rowItem: T,
-        public readonly rowIndex: number
-    ) {}
-}
-
-export class MngTableReloadEvent {
-    public resetParams: boolean = false;
-    public emitEvent: boolean = false;
-}

package/src/lib/components/tableview/route/tableview-route.abstract.component.ts

@@ -1,31 +0,0 @@
-import {Directive} from '@angular/core';
-
-import {TableviewDescriptor, ActionDeleteDescriptor, ActionDescriptor, ActionEditorAddDescriptor, ActionEditorEditDescriptor, ActionEditorDetailsDescriptor} from '../../../descriptors';
-import {ITableviewDataProvider} from '../../../data-providers';
-
-@Directive()
-export abstract class AMngTableviewRouteComponent<T, S> {
-
-    public descriptor: TableviewDescriptor<T>;
-    public dataProvider: ITableviewDataProvider<T, S>;
-    public actions: Array<ActionDescriptor<T>>;
-
-    protected constructor(
-    ) {
-        this.descriptor = this.createTableviewDescriptor();
-        this.dataProvider = this.createTableviewDataProvider();
-        this.actions = this.createActionDescriptors();
-    }
-
-    protected abstract createTableviewDescriptor(): TableviewDescriptor<T>;
-    protected abstract createTableviewDataProvider(): ITableviewDataProvider<T, S>;
-
-    protected createActionDescriptors(): Array<ActionDescriptor<T>> {
-        const actions: Array<ActionDescriptor<T>> = [];
-        actions.push(new ActionEditorDetailsDescriptor(this.descriptor.viewEditor));
-        actions.push(new ActionEditorAddDescriptor(this.descriptor.addEditor));
-        actions.push(new ActionEditorEditDescriptor(this.descriptor.editEditor));
-        actions.push(new ActionDeleteDescriptor(this.descriptor.model));
-        return actions;
-    }
-}

package/src/lib/components/tableview/services/tableview.component.service.ts

@@ -1,22 +0,0 @@
-import {Injectable} from '@angular/core';
-
-import {MessageService} from 'primeng/api';
-
-import {ITableviewDataProvider} from '../../../data-providers';
-import {ActionDescriptor} from '../../../descriptors';
-
-@Injectable()
-export class TableviewComponentService<T, S> {
-
-    dataProvider?: ITableviewDataProvider<T, S>;
-    messageService?: MessageService;
-    actions: Array<ActionDescriptor<T>> = [];
-
-    constructor() {
-        console.log('TableviewComponentService init.');
-    }
-
-    reloadTable() {
-        // TODO: add callback functions to implement
-    }
-}

package/src/lib/components/tableview/table/column-filter/column-filter.component.html

@@ -1,36 +0,0 @@
-<p-columnFilter class="ml-auto"
-                [type]="primeType" matchMode="equals"
-                [field]="descriptor.property" [display]="primeDisplay"
-                [matchMode]="primeDefaultMatchMode"
-                [placeholder]="(descriptor.placeholder ?? 'mngTable.typeToFilter') | translate"
-                [showMatchModes]="primeType === 'text' || primeType === 'date' || primeType === 'numeric'"
-                [showOperator]="false" [showAddButton]="false" [hideOnClear]="true">
-    <ng-template *ngIf="lookupDescriptor" pTemplate="filter" let-value let-filterCallback="filterCallback">
-        <ng-container [ngSwitch]="lookupDescriptor.lookupType">
-            <mng-autocomplete *ngSwitchCase="lookupTypeAutocomplete"
-                              [ngModel]="value"
-                              [dataProvider]="lookupDescriptor.dataProvider"
-                              [dataKeyProperty]="lookupDescriptor.dataKeyProperty"
-                              [itemsLabelProperty]="lookupDescriptor.itemsLabelProperty"
-                              [multiselect]="lookupDescriptor.multiselect"
-                              [placeholder]="(descriptor.placeholder ?? 'mngTable.searchToFilter') | translate"
-                              [className]="lookupDescriptor.className"
-                              [dropdownClassName]="lookupDescriptor.dropdownClassName"
-                              (onChange)="autocompleteFilter($event, filterCallback)">
-            </mng-autocomplete>
-            <mng-dropdown *ngSwitchCase="lookupTypeDropdown"
-                          [ngModel]="value"
-                          [dataProvider]="lookupDescriptor.dataProvider"
-                          [dataKeyProperty]="lookupDescriptor.dataKeyProperty"
-                          [itemsLabelProperty]="lookupDescriptor.itemsLabelProperty"
-                          [itemsValueProperty]="lookupDescriptor.itemsValueProperty"
-                          [multiselect]="lookupDescriptor.multiselect"
-                          [placeholder]="(descriptor.placeholder ?? 'mngTable.selectToFilter') | translate"
-                          [className]="lookupDescriptor.className"
-                          [dropdownClassName]="lookupDescriptor.dropdownClassName"
-                          [showClear]="true"
-                          (onChange)="filterCallback($event)">
-            </mng-dropdown>
-        </ng-container>
-    </ng-template>
-</p-columnFilter>