@acorex/components 6.5.91 → 6.6.0

package/esm2022/lib/context-menu/context-menu.component.mjs

@@ -0,0 +1,68 @@
+import { Component, Input, ElementRef, ViewChild, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class AXContextMenuComponent {
+    container;
+    size = 'md';
+    width;
+    items = [];
+    onItemClick = new EventEmitter();
+    onClosed = new EventEmitter();
+    contex;
+    show = false;
+    constructor(container) {
+        this.container = container;
+    }
+    ngAfterViewInit() {
+    }
+    close() {
+        this.show = false;
+        this.onClosed.emit({
+            component: this
+        });
+    }
+    open(_left, _top, _rtl = false) {
+        this.show = true;
+        setTimeout(() => {
+            const containRec = this.container.nativeElement.getBoundingClientRect();
+            let left = _rtl === false ? _left : _left - containRec.width;
+            let top = _top;
+            if (_rtl === false && _left + containRec.width > window.innerWidth) {
+                left = window.innerWidth - containRec.width;
+            }
+            else if (_rtl === true && _left - containRec.width < 0) {
+                left = 0;
+            }
+            if (top + containRec.height > window.innerHeight) {
+                top = _top - containRec.height;
+            }
+            this.container.nativeElement.style.left = left + 'px';
+            this.container.nativeElement.style.top = top + 'px';
+        }, 5);
+    }
+    handleClickItem(item) {
+        if (!item.disable || item.disable === undefined) {
+            this.onItemClick.emit(item);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXContextMenuComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AXContextMenuComponent, selector: "ax-context-menu", inputs: { size: "size", width: "width", items: "items" }, outputs: { onItemClick: "onItemClick", onClosed: "onClosed" }, host: { classAttribute: "ax context-menu-container" }, viewQueries: [{ propertyName: "contex", first: true, predicate: ["contex"], descendants: true }], ngImport: i0, template: "<!-- <ul class=\"ax context-menu {{size}}\" [style.width.px]=\"width\">\n    <ng-container *ngFor=\"let item of items\">\n        <li class=\"context-menu-item\" [class.divider]=\"item.divider\" [class.disabled]=\"item.disable\">\n            <div class=\"startIcon\">\n                <i class=\"{{item.icon}}\"></i>\n                <i class=\"{{item.startIcon}}\" *ngIf=\"!item.icon && item.startIcon\"></i>\n            </div>\n            <span>{{item.text}}</span>\n\n            <div class=\"endIcon\">\n                <i class=\"{{item.endIcon}}\" *ngIf=\"!item.icon && item.startIcon\"></i>\n                <i class=\"far fa-angle-left ax-menu-item-drop-icon\"></i>\n            </div>\n        </li>\n    </ng-container>\n\n</ul> -->\n\n<ul #contex class=\"ax context-menu {{size}}\" [style.width.px]=\"width\"\n    [ngClass]=\"{'animate__animated animate__faster animate__fadeIn': show}\">\n    <ng-container *ngTemplateOutlet=\"recursiveContextMenu; context:{ $implicit: items }\"></ng-container>\n</ul>\n\n<ng-template #recursiveContextMenu let-items>\n    <li *ngFor=\"let item of items\" class=\"context-menu-item\" [class.divider]=\"item.divider\"\n        [class.disabled]=\"item.disable\" (click)=\"handleClickItem(item)\">\n        <div class=\"startIcon\">\n            <i class=\"{{item.icon}}\"></i>\n            <i class=\"{{item.startIcon}}\" *ngIf=\"!item.icon && item.startIcon\"></i>\n        </div>\n        <span>{{item.text}}</span>\n\n        <div class=\"endIcon\">\n            <i class=\"{{item.endIcon}}\" *ngIf=\"!item.icon && item.startIcon\"></i>\n            <i class=\"far fa-angle-left ax-menu-item-drop-icon\" *ngIf=\"item.items?.length > 0\"></i>\n        </div>\n        <ul class=\"ax context-menu child\" *ngIf=\"item.items?.length > 0\">\n            <ng-container *ngTemplateOutlet=\"recursiveContextMenu; context:{ $implicit: item.items }\">\n            </ng-container>\n        </ul>\n    </li>\n</ng-template>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXContextMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-context-menu', host: { class: 'ax context-menu-container' }, template: "<!-- <ul class=\"ax context-menu {{size}}\" [style.width.px]=\"width\">\n    <ng-container *ngFor=\"let item of items\">\n        <li class=\"context-menu-item\" [class.divider]=\"item.divider\" [class.disabled]=\"item.disable\">\n            <div class=\"startIcon\">\n                <i class=\"{{item.icon}}\"></i>\n                <i class=\"{{item.startIcon}}\" *ngIf=\"!item.icon && item.startIcon\"></i>\n            </div>\n            <span>{{item.text}}</span>\n\n            <div class=\"endIcon\">\n                <i class=\"{{item.endIcon}}\" *ngIf=\"!item.icon && item.startIcon\"></i>\n                <i class=\"far fa-angle-left ax-menu-item-drop-icon\"></i>\n            </div>\n        </li>\n    </ng-container>\n\n</ul> -->\n\n<ul #contex class=\"ax context-menu {{size}}\" [style.width.px]=\"width\"\n    [ngClass]=\"{'animate__animated animate__faster animate__fadeIn': show}\">\n    <ng-container *ngTemplateOutlet=\"recursiveContextMenu; context:{ $implicit: items }\"></ng-container>\n</ul>\n\n<ng-template #recursiveContextMenu let-items>\n    <li *ngFor=\"let item of items\" class=\"context-menu-item\" [class.divider]=\"item.divider\"\n        [class.disabled]=\"item.disable\" (click)=\"handleClickItem(item)\">\n        <div class=\"startIcon\">\n            <i class=\"{{item.icon}}\"></i>\n            <i class=\"{{item.startIcon}}\" *ngIf=\"!item.icon && item.startIcon\"></i>\n        </div>\n        <span>{{item.text}}</span>\n\n        <div class=\"endIcon\">\n            <i class=\"{{item.endIcon}}\" *ngIf=\"!item.icon && item.startIcon\"></i>\n            <i class=\"far fa-angle-left ax-menu-item-drop-icon\" *ngIf=\"item.items?.length > 0\"></i>\n        </div>\n        <ul class=\"ax context-menu child\" *ngIf=\"item.items?.length > 0\">\n            <ng-container *ngTemplateOutlet=\"recursiveContextMenu; context:{ $implicit: item.items }\">\n            </ng-container>\n        </ul>\n    </li>\n</ng-template>" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { size: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], onItemClick: [{
+                type: Output
+            }], onClosed: [{
+                type: Output
+            }], contex: [{
+                type: ViewChild,
+                args: ['contex']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGV4dC1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvbnRleHQtbWVudS9jb250ZXh0LW1lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvY29udGV4dC1tZW51L2NvbnRleHQtbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQWdCLFNBQVMsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFVNUcsTUFBTSxPQUFPLHNCQUFzQjtJQXVCYjtJQXJCcEIsSUFBSSxHQUFrQixJQUFJLENBQUM7SUFHM0IsS0FBSyxDQUFTO0lBR2QsS0FBSyxHQUFpQixFQUFFLENBQUM7SUFHekIsV0FBVyxHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO0lBR3pELFFBQVEsR0FBOEIsSUFBSSxZQUFZLEVBQWUsQ0FBQztJQUd0RSxNQUFNLENBQStCO0lBSXJDLElBQUksR0FBWSxLQUFLLENBQUM7SUFFdEIsWUFBb0IsU0FBcUI7UUFBckIsY0FBUyxHQUFULFNBQVMsQ0FBWTtJQUN6QyxDQUFDO0lBRUQsZUFBZTtJQUNmLENBQUM7SUFFRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7UUFDbEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUM7WUFDakIsU0FBUyxFQUFFLElBQUk7U0FDaEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUlELElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLElBQUksR0FBRyxLQUFLO1FBQzVCLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBQ3hFLElBQUksSUFBSSxHQUFHLElBQUksS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLFVBQVUsQ0FBQyxLQUFLLENBQUM7WUFDN0QsSUFBSSxHQUFHLEdBQUcsSUFBSSxDQUFDO1lBQ2YsSUFBSSxJQUFJLEtBQUssS0FBSyxJQUFJLEtBQUssR0FBRyxVQUFVLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxVQUFVLEVBQUU7Z0JBQ2xFLElBQUksR0FBRyxNQUFNLENBQUMsVUFBVSxHQUFHLFVBQVUsQ0FBQyxLQUFLLENBQUM7YUFDN0M7aUJBQU0sSUFBSSxJQUFJLEtBQUssSUFBSSxJQUFJLEtBQUssR0FBRyxVQUFVLENBQUMsS0FBSyxHQUFHLENBQUMsRUFBRTtnQkFDeEQsSUFBSSxHQUFHLENBQUMsQ0FBQzthQUNWO1lBQ0QsSUFBSSxHQUFHLEdBQUcsVUFBVSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUMsV0FBVyxFQUFFO2dCQUNoRCxHQUFHLEdBQUcsSUFBSSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7YUFDaEM7WUFDRCxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLElBQUksR0FBRyxJQUFJLENBQUM7WUFDdEQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLEdBQUcsR0FBRyxHQUFHLEdBQUcsSUFBSSxDQUFDO1FBRXRELENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUdSLENBQUM7SUFJRCxlQUFlLENBQUMsSUFBZ0I7UUFDOUIsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLE9BQU8sS0FBSyxTQUFTLEVBQUU7WUFDL0MsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDN0I7SUFDSCxDQUFDO3dHQWxFVSxzQkFBc0I7NEZBQXRCLHNCQUFzQix5VUNWbkMsNjZEQXlDYzs7NEZEL0JELHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxpQkFBaUIsUUFFckIsRUFBRSxLQUFLLEVBQUUsMkJBQTJCLEVBQUU7aUdBSTVDLElBQUk7c0JBREgsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLFdBQVc7c0JBRFYsTUFBTTtnQkFJUCxRQUFRO3NCQURQLE1BQU07Z0JBSVAsTUFBTTtzQkFETCxTQUFTO3VCQUFDLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIsIFZpZXdDaGlsZCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYTWVudUl0ZW0gfSBmcm9tICdAYWNvcmV4L2NvcmUnO1xuaW1wb3J0IHsgQVhFbGVtZW50U2l6ZSB9IGZyb20gJy4uL2Jhc2UvZWxlbWVudC5jbGFzcyc7XG5pbXBvcnQgeyBBWEJhc2VFdmVudCB9IGZyb20gJy4uL2Jhc2UvZXZlbnRzLmNsYXNzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtY29udGV4dC1tZW51JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbnRleHQtbWVudS5jb21wb25lbnQuaHRtbCcsXG4gIGhvc3Q6IHsgY2xhc3M6ICdheCBjb250ZXh0LW1lbnUtY29udGFpbmVyJyB9XG59KVxuZXhwb3J0IGNsYXNzIEFYQ29udGV4dE1lbnVDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBzaXplOiBBWEVsZW1lbnRTaXplID0gJ21kJztcblxuICBASW5wdXQoKVxuICB3aWR0aDogbnVtYmVyO1xuXG4gIEBJbnB1dCgpXG4gIGl0ZW1zOiBBWE1lbnVJdGVtW10gPSBbXTtcblxuICBAT3V0cHV0KClcbiAgb25JdGVtQ2xpY2s6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgQE91dHB1dCgpXG4gIG9uQ2xvc2VkOiBFdmVudEVtaXR0ZXI8QVhCYXNlRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxBWEJhc2VFdmVudD4oKTtcblxuICBAVmlld0NoaWxkKCdjb250ZXgnKVxuICBjb250ZXg6IEVsZW1lbnRSZWY8SFRNTFVMaXN0RWxlbWVudD47XG5cblxuXG4gIHNob3c6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNvbnRhaW5lcjogRWxlbWVudFJlZikge1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICB9XG5cbiAgY2xvc2UoKSB7XG4gICAgdGhpcy5zaG93ID0gZmFsc2U7XG4gICAgdGhpcy5vbkNsb3NlZC5lbWl0KHtcbiAgICAgIGNvbXBvbmVudDogdGhpc1xuICAgIH0pO1xuICB9XG5cblxuXG4gIG9wZW4oX2xlZnQsIF90b3AsIF9ydGwgPSBmYWxzZSkge1xuICAgIHRoaXMuc2hvdyA9IHRydWU7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBjb25zdCBjb250YWluUmVjID0gdGhpcy5jb250YWluZXIubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgIGxldCBsZWZ0ID0gX3J0bCA9PT0gZmFsc2UgPyBfbGVmdCA6IF9sZWZ0IC0gY29udGFpblJlYy53aWR0aDtcbiAgICAgIGxldCB0b3AgPSBfdG9wO1xuICAgICAgaWYgKF9ydGwgPT09IGZhbHNlICYmIF9sZWZ0ICsgY29udGFpblJlYy53aWR0aCA+IHdpbmRvdy5pbm5lcldpZHRoKSB7XG4gICAgICAgIGxlZnQgPSB3aW5kb3cuaW5uZXJXaWR0aCAtIGNvbnRhaW5SZWMud2lkdGg7XG4gICAgICB9IGVsc2UgaWYgKF9ydGwgPT09IHRydWUgJiYgX2xlZnQgLSBjb250YWluUmVjLndpZHRoIDwgMCkge1xuICAgICAgICBsZWZ0ID0gMDtcbiAgICAgIH1cbiAgICAgIGlmICh0b3AgKyBjb250YWluUmVjLmhlaWdodCA+IHdpbmRvdy5pbm5lckhlaWdodCkge1xuICAgICAgICB0b3AgPSBfdG9wIC0gY29udGFpblJlYy5oZWlnaHQ7XG4gICAgICB9XG4gICAgICB0aGlzLmNvbnRhaW5lci5uYXRpdmVFbGVtZW50LnN0eWxlLmxlZnQgPSBsZWZ0ICsgJ3B4JztcbiAgICAgIHRoaXMuY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuc3R5bGUudG9wID0gdG9wICsgJ3B4JztcblxuICAgIH0sIDUpO1xuXG5cbiAgfVxuXG5cblxuICBoYW5kbGVDbGlja0l0ZW0oaXRlbTogQVhNZW51SXRlbSkge1xuICAgIGlmICghaXRlbS5kaXNhYmxlIHx8IGl0ZW0uZGlzYWJsZSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aGlzLm9uSXRlbUNsaWNrLmVtaXQoaXRlbSk7XG4gICAgfVxuICB9XG59XG4iLCI8IS0tIDx1bCBjbGFzcz1cImF4IGNvbnRleHQtbWVudSB7e3NpemV9fVwiIFtzdHlsZS53aWR0aC5weF09XCJ3aWR0aFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIj5cbiAgICAgICAgPGxpIGNsYXNzPVwiY29udGV4dC1tZW51LWl0ZW1cIiBbY2xhc3MuZGl2aWRlcl09XCJpdGVtLmRpdmlkZXJcIiBbY2xhc3MuZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RhcnRJY29uXCI+XG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJ7e2l0ZW0uaWNvbn19XCI+PC9pPlxuICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwie3tpdGVtLnN0YXJ0SWNvbn19XCIgKm5nSWY9XCIhaXRlbS5pY29uICYmIGl0ZW0uc3RhcnRJY29uXCI+PC9pPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8c3Bhbj57e2l0ZW0udGV4dH19PC9zcGFuPlxuXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZW5kSWNvblwiPlxuICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwie3tpdGVtLmVuZEljb259fVwiICpuZ0lmPVwiIWl0ZW0uaWNvbiAmJiBpdGVtLnN0YXJ0SWNvblwiPjwvaT5cbiAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImZhciBmYS1hbmdsZS1sZWZ0IGF4LW1lbnUtaXRlbS1kcm9wLWljb25cIj48L2k+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9saT5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuPC91bD4gLS0+XG5cbjx1bCAjY29udGV4IGNsYXNzPVwiYXggY29udGV4dC1tZW51IHt7c2l6ZX19XCIgW3N0eWxlLndpZHRoLnB4XT1cIndpZHRoXCJcbiAgICBbbmdDbGFzc109XCJ7J2FuaW1hdGVfX2FuaW1hdGVkIGFuaW1hdGVfX2Zhc3RlciBhbmltYXRlX19mYWRlSW4nOiBzaG93fVwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJyZWN1cnNpdmVDb250ZXh0TWVudTsgY29udGV4dDp7ICRpbXBsaWNpdDogaXRlbXMgfVwiPjwvbmctY29udGFpbmVyPlxuPC91bD5cblxuPG5nLXRlbXBsYXRlICNyZWN1cnNpdmVDb250ZXh0TWVudSBsZXQtaXRlbXM+XG4gICAgPGxpICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCIgY2xhc3M9XCJjb250ZXh0LW1lbnUtaXRlbVwiIFtjbGFzcy5kaXZpZGVyXT1cIml0ZW0uZGl2aWRlclwiXG4gICAgICAgIFtjbGFzcy5kaXNhYmxlZF09XCJpdGVtLmRpc2FibGVcIiAoY2xpY2spPVwiaGFuZGxlQ2xpY2tJdGVtKGl0ZW0pXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzdGFydEljb25cIj5cbiAgICAgICAgICAgIDxpIGNsYXNzPVwie3tpdGVtLmljb259fVwiPjwvaT5cbiAgICAgICAgICAgIDxpIGNsYXNzPVwie3tpdGVtLnN0YXJ0SWNvbn19XCIgKm5nSWY9XCIhaXRlbS5pY29uICYmIGl0ZW0uc3RhcnRJY29uXCI+PC9pPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHNwYW4+e3tpdGVtLnRleHR9fTwvc3Bhbj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiZW5kSWNvblwiPlxuICAgICAgICAgICAgPGkgY2xhc3M9XCJ7e2l0ZW0uZW5kSWNvbn19XCIgKm5nSWY9XCIhaXRlbS5pY29uICYmIGl0ZW0uc3RhcnRJY29uXCI+PC9pPlxuICAgICAgICAgICAgPGkgY2xhc3M9XCJmYXIgZmEtYW5nbGUtbGVmdCBheC1tZW51LWl0ZW0tZHJvcC1pY29uXCIgKm5nSWY9XCJpdGVtLml0ZW1zPy5sZW5ndGggPiAwXCI+PC9pPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHVsIGNsYXNzPVwiYXggY29udGV4dC1tZW51IGNoaWxkXCIgKm5nSWY9XCJpdGVtLml0ZW1zPy5sZW5ndGggPiAwXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwicmVjdXJzaXZlQ29udGV4dE1lbnU7IGNvbnRleHQ6eyAkaW1wbGljaXQ6IGl0ZW0uaXRlbXMgfVwiPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvdWw+XG4gICAgPC9saT5cbjwvbmctdGVtcGxhdGU+Il19

package/esm2022/lib/context-menu/context-menu.directive.mjs

@@ -0,0 +1,146 @@
+import { Directive, ElementRef, HostListener, Input, Output, EventEmitter, ComponentFactoryResolver, Injector, ViewContainerRef } from '@angular/core';
+import { AXBaseEvent } from '../base/events.class';
+import { AXContextMenuComponent } from './context-menu.component';
+import * as i0 from "@angular/core";
+export class AXContextMenuItemClickEvent extends AXBaseEvent {
+    dataItem;
+    menuItem;
+}
+export class AXContextMenuDirective {
+    ref;
+    factoryResolver;
+    viewContainerRef;
+    injector;
+    contextMenu;
+    contextDataItem;
+    contextMenuItems;
+    onContextMenuItemClick = new EventEmitter();
+    rtl = false;
+    internalItems = [];
+    clickSubscribe;
+    closeSubscribe;
+    onContextMenu(e) {
+        this.getMenuItems().then(items => {
+            e.stopPropagation();
+            e.preventDefault();
+            this.createContextMenu();
+            this.contextMenu.items = items;
+            this.contextMenu.open(e.x, e.y, this.rtl);
+        });
+    }
+    constructor(ref, factoryResolver, viewContainerRef, injector) {
+        this.ref = ref;
+        this.factoryResolver = factoryResolver;
+        this.viewContainerRef = viewContainerRef;
+        this.injector = injector;
+    }
+    ngOnInit() {
+        if (this.rtl == null) {
+            this.rtl = window.getComputedStyle(this.ref.nativeElement, null).getPropertyValue('direction') === 'rtl';
+        }
+    }
+    createContextMenu() {
+        const wrapper = document.createElement('div');
+        wrapper.classList.add('ax-overlay-wrapper');
+        wrapper.addEventListener('click', this.wrapperClick.bind(this));
+        wrapper.addEventListener('contextmenu', this.wrapperRClick.bind(this));
+        //
+        document.body.appendChild(wrapper);
+        const factory = this.factoryResolver.resolveComponentFactory(AXContextMenuComponent);
+        const componentRef = this.viewContainerRef.createComponent(factory);
+        this.contextMenu = componentRef.instance;
+        wrapper.appendChild(componentRef.location.nativeElement);
+        //
+        this.clearComponentSubscriptions();
+        this.createComponentSubscriptions();
+    }
+    wrapperClick(e) {
+        this.remove();
+    }
+    wrapperRClick(e) {
+        if (document.elementsFromPoint(e.clientX, e.clientY).includes(this.ref.nativeElement)) {
+            e.stopPropagation();
+            e.preventDefault();
+            this.contextMenu.open(e.x, e.y, this.rtl);
+        }
+        else {
+            e.preventDefault();
+            this.remove();
+        }
+    }
+    clearComponentSubscriptions() {
+        if (this.clickSubscribe) {
+            this.clickSubscribe.unsubscribe();
+            this.clickSubscribe = undefined;
+        }
+        if (this.closeSubscribe) {
+            this.closeSubscribe.unsubscribe();
+            this.closeSubscribe = undefined;
+        }
+    }
+    createComponentSubscriptions() {
+        this.clickSubscribe = this.contextMenu.onItemClick.subscribe(c => {
+            this.remove();
+            this.onContextMenuItemClick.emit({
+                component: this,
+                dataItem: this.contextDataItem,
+                htmlElement: this.ref.nativeElement,
+                menuItem: c
+            });
+        });
+        this.closeSubscribe = this.contextMenu.onClosed.subscribe(c => {
+            this.clearComponentSubscriptions();
+        });
+    }
+    remove() {
+        this.viewContainerRef.clear();
+        this.clearComponentSubscriptions();
+        document.querySelector('.ax-overlay-wrapper')?.remove();
+    }
+    getMenuItems() {
+        return new Promise((resolve, reject) => {
+            if (typeof (this.contextMenuItems) === 'function') {
+                const val = this.contextMenuItems(this.contextDataItem);
+                if (val instanceof Promise) {
+                    val.then(_data => {
+                        resolve(_data);
+                    });
+                }
+                else {
+                    resolve(val);
+                }
+            }
+            else if (Array.isArray(this.contextMenuItems)) {
+                resolve(this.contextMenuItems);
+            }
+            else {
+                resolve([]);
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.clearComponentSubscriptions();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXContextMenuDirective, deps: [{ token: i0.ElementRef }, { token: i0.ComponentFactoryResolver }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AXContextMenuDirective, selector: "[axContextMenu]", inputs: { contextMenu: "contextMenu", contextDataItem: "contextDataItem", contextMenuItems: "contextMenuItems", rtl: "rtl" }, outputs: { onContextMenuItemClick: "onContextMenuItemClick" }, host: { listeners: { "contextmenu": "onContextMenu($event)" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXContextMenuDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[axContextMenu]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ComponentFactoryResolver }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { contextMenu: [{
+                type: Input
+            }], contextDataItem: [{
+                type: Input
+            }], contextMenuItems: [{
+                type: Input
+            }], onContextMenuItemClick: [{
+                type: Output
+            }], rtl: [{
+                type: Input
+            }], onContextMenu: [{
+                type: HostListener,
+                args: ['contextmenu', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGV4dC1tZW51LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvbnRleHQtbWVudS9jb250ZXh0LW1lbnUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSx3QkFBd0IsRUFBRSxRQUFRLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdkosT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDOztBQUtsRSxNQUFNLE9BQU8sMkJBQTRCLFNBQVEsV0FBVztJQUMxRCxRQUFRLENBQU87SUFDZixRQUFRLENBQWE7Q0FDdEI7QUFLRCxNQUFNLE9BQU8sc0JBQXNCO0lBdUN2QjtJQUNBO0lBQ0E7SUFDQTtJQXhDVixXQUFXLENBQXlCO0lBR3BDLGVBQWUsQ0FBTTtJQUdyQixnQkFBZ0IsQ0FBc0U7SUFHdEYsc0JBQXNCLEdBQThDLElBQUksWUFBWSxFQUErQixDQUFDO0lBR3BILEdBQUcsR0FBWSxLQUFLLENBQUM7SUFFckIsYUFBYSxHQUFpQixFQUFFLENBQUM7SUFFekIsY0FBYyxDQUFlO0lBQzdCLGNBQWMsQ0FBZTtJQUdyQyxhQUFhLENBQUMsQ0FBYTtRQUN6QixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQy9CLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUNwQixDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDbkIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7WUFDekIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1lBRy9CLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7UUFHNUMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBSUQsWUFDVSxHQUFlLEVBQ2YsZUFBeUMsRUFDekMsZ0JBQWtDLEVBQ2xDLFFBQWtCO1FBSGxCLFFBQUcsR0FBSCxHQUFHLENBQVk7UUFDZixvQkFBZSxHQUFmLGVBQWUsQ0FBMEI7UUFDekMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyxhQUFRLEdBQVIsUUFBUSxDQUFVO0lBRTVCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsR0FBRyxJQUFJLElBQUksRUFBRTtZQUNwQixJQUFJLENBQUMsR0FBRyxHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxXQUFXLENBQUMsS0FBSyxLQUFLLENBQUM7U0FDMUc7SUFDSCxDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsTUFBTSxPQUFPLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM5QyxPQUFPLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBQzVDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztRQUNoRSxPQUFPLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDdkUsRUFBRTtRQUNGLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ25DLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsdUJBQXVCLENBQUMsc0JBQXNCLENBQUMsQ0FBQztRQUNyRixNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3BFLElBQUksQ0FBQyxXQUFXLEdBQUcsWUFBWSxDQUFDLFFBQVEsQ0FBQztRQUN6QyxPQUFPLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDekQsRUFBRTtRQUNGLElBQUksQ0FBQywyQkFBMkIsRUFBRSxDQUFDO1FBQ25DLElBQUksQ0FBQyw0QkFBNEIsRUFBRSxDQUFDO0lBQ3RDLENBQUM7SUFFRCxZQUFZLENBQUMsQ0FBYTtRQUN4QixJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDaEIsQ0FBQztJQUVELGFBQWEsQ0FBQyxDQUFhO1FBQ3pCLElBQUksUUFBUSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxFQUFFO1lBQ3JGLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUNwQixDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7WUFFbkIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztTQUMzQzthQUNJO1lBQ0gsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztTQUNmO0lBQ0gsQ0FBQztJQUlPLDJCQUEyQjtRQUNqQyxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDdkIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNsQyxJQUFJLENBQUMsY0FBYyxHQUFHLFNBQVMsQ0FBQztTQUNqQztRQUNELElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN2QixJQUFJLENBQUMsY0FBYyxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ2xDLElBQUksQ0FBQyxjQUFjLEdBQUcsU0FBUyxDQUFDO1NBQ2pDO0lBQ0gsQ0FBQztJQUVPLDRCQUE0QjtRQUNsQyxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUMvRCxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDZCxJQUFJLENBQUMsc0JBQXNCLENBQUMsSUFBSSxDQUFDO2dCQUMvQixTQUFTLEVBQUUsSUFBSTtnQkFDZixRQUFRLEVBQUUsSUFBSSxDQUFDLGVBQWU7Z0JBQzlCLFdBQVcsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWE7Z0JBQ25DLFFBQVEsRUFBRSxDQUFDO2FBQ1osQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFRLENBQUM7UUFDVixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUM1RCxJQUFJLENBQUMsMkJBQTJCLEVBQUUsQ0FBQztRQUNyQyxDQUFDLENBQVEsQ0FBQztJQUNaLENBQUM7SUFFTyxNQUFNO1FBQ1osSUFBSSxDQUFDLGdCQUFnQixDQUFDLEtBQUssRUFBRSxDQUFDO1FBQzlCLElBQUksQ0FBQywyQkFBMkIsRUFBRSxDQUFDO1FBQ25DLFFBQVEsQ0FBQyxhQUFhLENBQUMscUJBQXFCLENBQUMsRUFBRSxNQUFNLEVBQUUsQ0FBQztJQUMxRCxDQUFDO0lBRU8sWUFBWTtRQUNsQixPQUFPLElBQUksT0FBTyxDQUFlLENBQUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxFQUFFO1lBQ25ELElBQUksT0FBTyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLFVBQVUsRUFBRTtnQkFDakQsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDeEQsSUFBSSxHQUFHLFlBQVksT0FBTyxFQUFFO29CQUMxQixHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFO3dCQUNmLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztvQkFDakIsQ0FBQyxDQUFDLENBQUM7aUJBQ0o7cUJBQU07b0JBQ0wsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDO2lCQUNkO2FBQ0Y7aUJBQU0sSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFFO2dCQUMvQyxPQUFPLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7YUFDaEM7aUJBQ0k7Z0JBQ0gsT0FBTyxDQUFDLEVBQUUsQ0FBQyxDQUFDO2FBQ2I7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLDJCQUEyQixFQUFFLENBQUM7SUFDckMsQ0FBQzt3R0E3SVUsc0JBQXNCOzRGQUF0QixzQkFBc0I7OzRGQUF0QixzQkFBc0I7a0JBSGxDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtpQkFDNUI7OExBR0MsV0FBVztzQkFEVixLQUFLO2dCQUlOLGVBQWU7c0JBRGQsS0FBSztnQkFJTixnQkFBZ0I7c0JBRGYsS0FBSztnQkFJTixzQkFBc0I7c0JBRHJCLE1BQU07Z0JBSVAsR0FBRztzQkFERixLQUFLO2dCQVNOLGFBQWE7c0JBRFosWUFBWTt1QkFBQyxhQUFhLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIsIEluamVjdG9yLCBWaWV3Q29udGFpbmVyUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWE1lbnVJdGVtIH0gZnJvbSAnQGFjb3JleC9jb3JlJztcbmltcG9ydCB7IEFYQmFzZUV2ZW50IH0gZnJvbSAnLi4vYmFzZS9ldmVudHMuY2xhc3MnO1xuaW1wb3J0IHsgQVhDb250ZXh0TWVudUNvbXBvbmVudCB9IGZyb20gJy4vY29udGV4dC1tZW51LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcblxuZXhwb3J0IHR5cGUgQVhDb250ZXh0TWVudVByb21pc2VGdW5jdGlvbiA9IChpdGVtOiBhbnkpID0+IFByb21pc2U8QVhNZW51SXRlbVtdPjtcbmV4cG9ydCB0eXBlIEFYQ29udGV4dE1lbnVGdW5jdGlvbiA9IChpdGVtOiBhbnkpID0+IEFYTWVudUl0ZW1bXTtcbmV4cG9ydCBjbGFzcyBBWENvbnRleHRNZW51SXRlbUNsaWNrRXZlbnQgZXh0ZW5kcyBBWEJhc2VFdmVudCB7XG4gIGRhdGFJdGVtPzogYW55O1xuICBtZW51SXRlbTogQVhNZW51SXRlbTtcbn1cblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2F4Q29udGV4dE1lbnVdJ1xufSlcbmV4cG9ydCBjbGFzcyBBWENvbnRleHRNZW51RGlyZWN0aXZlIHtcbiAgQElucHV0KClcbiAgY29udGV4dE1lbnU6IEFYQ29udGV4dE1lbnVDb21wb25lbnQ7XG5cbiAgQElucHV0KClcbiAgY29udGV4dERhdGFJdGVtOiBhbnk7XG5cbiAgQElucHV0KClcbiAgY29udGV4dE1lbnVJdGVtczogQVhNZW51SXRlbVtdIHwgQVhDb250ZXh0TWVudVByb21pc2VGdW5jdGlvbiB8IEFYQ29udGV4dE1lbnVGdW5jdGlvbjtcblxuICBAT3V0cHV0KClcbiAgb25Db250ZXh0TWVudUl0ZW1DbGljazogRXZlbnRFbWl0dGVyPEFYQ29udGV4dE1lbnVJdGVtQ2xpY2tFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEFYQ29udGV4dE1lbnVJdGVtQ2xpY2tFdmVudD4oKTtcblxuICBASW5wdXQoKVxuICBydGw6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBpbnRlcm5hbEl0ZW1zOiBBWE1lbnVJdGVtW10gPSBbXTtcblxuICBwcml2YXRlIGNsaWNrU3Vic2NyaWJlOiBTdWJzY3JpcHRpb247XG4gIHByaXZhdGUgY2xvc2VTdWJzY3JpYmU6IFN1YnNjcmlwdGlvbjtcblxuICBASG9zdExpc3RlbmVyKCdjb250ZXh0bWVudScsIFsnJGV2ZW50J10pXG4gIG9uQ29udGV4dE1lbnUoZTogTW91c2VFdmVudCkge1xuICAgIHRoaXMuZ2V0TWVudUl0ZW1zKCkudGhlbihpdGVtcyA9PiB7XG4gICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgdGhpcy5jcmVhdGVDb250ZXh0TWVudSgpO1xuICAgICAgdGhpcy5jb250ZXh0TWVudS5pdGVtcyA9IGl0ZW1zO1xuXG5cbiAgICAgIHRoaXMuY29udGV4dE1lbnUub3BlbihlLngsIGUueSwgdGhpcy5ydGwpO1xuXG5cbiAgICB9KTtcbiAgfVxuXG5cblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlZjogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIGZhY3RvcnlSZXNvbHZlcjogQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyLFxuICAgIHByaXZhdGUgdmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZixcbiAgICBwcml2YXRlIGluamVjdG9yOiBJbmplY3RvclxuICApIHtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnJ0bCA9PSBudWxsKSB7XG4gICAgICB0aGlzLnJ0bCA9IHdpbmRvdy5nZXRDb21wdXRlZFN0eWxlKHRoaXMucmVmLm5hdGl2ZUVsZW1lbnQsIG51bGwpLmdldFByb3BlcnR5VmFsdWUoJ2RpcmVjdGlvbicpID09PSAncnRsJztcbiAgICB9XG4gIH1cblxuICBjcmVhdGVDb250ZXh0TWVudSgpOiB2b2lkIHtcbiAgICBjb25zdCB3cmFwcGVyID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgd3JhcHBlci5jbGFzc0xpc3QuYWRkKCdheC1vdmVybGF5LXdyYXBwZXInKTtcbiAgICB3cmFwcGVyLmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgdGhpcy53cmFwcGVyQ2xpY2suYmluZCh0aGlzKSk7XG4gICAgd3JhcHBlci5hZGRFdmVudExpc3RlbmVyKCdjb250ZXh0bWVudScsIHRoaXMud3JhcHBlclJDbGljay5iaW5kKHRoaXMpKTtcbiAgICAvL1xuICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQod3JhcHBlcik7XG4gICAgY29uc3QgZmFjdG9yeSA9IHRoaXMuZmFjdG9yeVJlc29sdmVyLnJlc29sdmVDb21wb25lbnRGYWN0b3J5KEFYQ29udGV4dE1lbnVDb21wb25lbnQpO1xuICAgIGNvbnN0IGNvbXBvbmVudFJlZiA9IHRoaXMudmlld0NvbnRhaW5lclJlZi5jcmVhdGVDb21wb25lbnQoZmFjdG9yeSk7XG4gICAgdGhpcy5jb250ZXh0TWVudSA9IGNvbXBvbmVudFJlZi5pbnN0YW5jZTtcbiAgICB3cmFwcGVyLmFwcGVuZENoaWxkKGNvbXBvbmVudFJlZi5sb2NhdGlvbi5uYXRpdmVFbGVtZW50KTtcbiAgICAvL1xuICAgIHRoaXMuY2xlYXJDb21wb25lbnRTdWJzY3JpcHRpb25zKCk7XG4gICAgdGhpcy5jcmVhdGVDb21wb25lbnRTdWJzY3JpcHRpb25zKCk7XG4gIH1cblxuICB3cmFwcGVyQ2xpY2soZTogTW91c2VFdmVudCkge1xuICAgIHRoaXMucmVtb3ZlKCk7XG4gIH1cblxuICB3cmFwcGVyUkNsaWNrKGU6IE1vdXNlRXZlbnQpIHtcbiAgICBpZiAoZG9jdW1lbnQuZWxlbWVudHNGcm9tUG9pbnQoZS5jbGllbnRYLCBlLmNsaWVudFkpLmluY2x1ZGVzKHRoaXMucmVmLm5hdGl2ZUVsZW1lbnQpKSB7XG4gICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgICB0aGlzLmNvbnRleHRNZW51Lm9wZW4oZS54LCBlLnksIHRoaXMucnRsKTtcbiAgICB9XG4gICAgZWxzZSB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB0aGlzLnJlbW92ZSgpO1xuICAgIH1cbiAgfVxuXG5cblxuICBwcml2YXRlIGNsZWFyQ29tcG9uZW50U3Vic2NyaXB0aW9ucygpIHtcbiAgICBpZiAodGhpcy5jbGlja1N1YnNjcmliZSkge1xuICAgICAgdGhpcy5jbGlja1N1YnNjcmliZS51bnN1YnNjcmliZSgpO1xuICAgICAgdGhpcy5jbGlja1N1YnNjcmliZSA9IHVuZGVmaW5lZDtcbiAgICB9XG4gICAgaWYgKHRoaXMuY2xvc2VTdWJzY3JpYmUpIHtcbiAgICAgIHRoaXMuY2xvc2VTdWJzY3JpYmUudW5zdWJzY3JpYmUoKTtcbiAgICAgIHRoaXMuY2xvc2VTdWJzY3JpYmUgPSB1bmRlZmluZWQ7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBjcmVhdGVDb21wb25lbnRTdWJzY3JpcHRpb25zKCkge1xuICAgIHRoaXMuY2xpY2tTdWJzY3JpYmUgPSB0aGlzLmNvbnRleHRNZW51Lm9uSXRlbUNsaWNrLnN1YnNjcmliZShjID0+IHtcbiAgICAgIHRoaXMucmVtb3ZlKCk7XG4gICAgICB0aGlzLm9uQ29udGV4dE1lbnVJdGVtQ2xpY2suZW1pdCh7XG4gICAgICAgIGNvbXBvbmVudDogdGhpcyxcbiAgICAgICAgZGF0YUl0ZW06IHRoaXMuY29udGV4dERhdGFJdGVtLFxuICAgICAgICBodG1sRWxlbWVudDogdGhpcy5yZWYubmF0aXZlRWxlbWVudCxcbiAgICAgICAgbWVudUl0ZW06IGNcbiAgICAgIH0pO1xuICAgIH0pIGFzIGFueTtcbiAgICB0aGlzLmNsb3NlU3Vic2NyaWJlID0gdGhpcy5jb250ZXh0TWVudS5vbkNsb3NlZC5zdWJzY3JpYmUoYyA9PiB7XG4gICAgICB0aGlzLmNsZWFyQ29tcG9uZW50U3Vic2NyaXB0aW9ucygpO1xuICAgIH0pIGFzIGFueTtcbiAgfVxuXG4gIHByaXZhdGUgcmVtb3ZlKCkge1xuICAgIHRoaXMudmlld0NvbnRhaW5lclJlZi5jbGVhcigpO1xuICAgIHRoaXMuY2xlYXJDb21wb25lbnRTdWJzY3JpcHRpb25zKCk7XG4gICAgZG9jdW1lbnQucXVlcnlTZWxlY3RvcignLmF4LW92ZXJsYXktd3JhcHBlcicpPy5yZW1vdmUoKTtcbiAgfVxuXG4gIHByaXZhdGUgZ2V0TWVudUl0ZW1zKCk6IFByb21pc2U8QVhNZW51SXRlbVtdPiB7XG4gICAgcmV0dXJuIG5ldyBQcm9taXNlPEFYTWVudUl0ZW1bXT4oKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgaWYgKHR5cGVvZiAodGhpcy5jb250ZXh0TWVudUl0ZW1zKSA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgICBjb25zdCB2YWwgPSB0aGlzLmNvbnRleHRNZW51SXRlbXModGhpcy5jb250ZXh0RGF0YUl0ZW0pO1xuICAgICAgICBpZiAodmFsIGluc3RhbmNlb2YgUHJvbWlzZSkge1xuICAgICAgICAgIHZhbC50aGVuKF9kYXRhID0+IHtcbiAgICAgICAgICAgIHJlc29sdmUoX2RhdGEpO1xuICAgICAgICAgIH0pO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHJlc29sdmUodmFsKTtcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIGlmIChBcnJheS5pc0FycmF5KHRoaXMuY29udGV4dE1lbnVJdGVtcykpIHtcbiAgICAgICAgcmVzb2x2ZSh0aGlzLmNvbnRleHRNZW51SXRlbXMpO1xuICAgICAgfVxuICAgICAgZWxzZSB7XG4gICAgICAgIHJlc29sdmUoW10pO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5jbGVhckNvbXBvbmVudFN1YnNjcmlwdGlvbnMoKTtcbiAgfVxufVxuIl19

package/esm2022/lib/context-menu/context-menu.module.mjs

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AXContextMenuComponent } from './context-menu.component';
+import { AXContextMenuDirective } from './context-menu.directive';
+import * as i0 from "@angular/core";
+export class AXContextMenuModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXContextMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AXContextMenuModule, declarations: [AXContextMenuComponent, AXContextMenuDirective], imports: [CommonModule], exports: [AXContextMenuComponent, AXContextMenuDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXContextMenuModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXContextMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AXContextMenuComponent, AXContextMenuDirective],
+                    imports: [CommonModule],
+                    exports: [AXContextMenuComponent, AXContextMenuDirective],
+                    providers: [],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGV4dC1tZW51Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2NvbnRleHQtbWVudS9jb250ZXh0LW1lbnUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFDaEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDOztBQVNsRSxNQUFNLE9BQU8sbUJBQW1CO3dHQUFuQixtQkFBbUI7eUdBQW5CLG1CQUFtQixpQkFMYixzQkFBc0IsRUFBRSxzQkFBc0IsYUFDbkQsWUFBWSxhQUNaLHNCQUFzQixFQUFFLHNCQUFzQjt5R0FHL0MsbUJBQW1CLFlBSmxCLFlBQVk7OzRGQUliLG1CQUFtQjtrQkFOL0IsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUUsQ0FBQyxzQkFBc0IsRUFBRSxzQkFBc0IsQ0FBQztvQkFDOUQsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsRUFBRSxzQkFBc0IsQ0FBQztvQkFDekQsU0FBUyxFQUFFLEVBQUU7aUJBQ2hCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQVhDb250ZXh0TWVudUNvbXBvbmVudCB9IGZyb20gJy4vY29udGV4dC1tZW51LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWENvbnRleHRNZW51RGlyZWN0aXZlIH0gZnJvbSAnLi9jb250ZXh0LW1lbnUuZGlyZWN0aXZlJztcblxuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW0FYQ29udGV4dE1lbnVDb21wb25lbnQsIEFYQ29udGV4dE1lbnVEaXJlY3RpdmVdLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICAgIGV4cG9ydHM6IFtBWENvbnRleHRNZW51Q29tcG9uZW50LCBBWENvbnRleHRNZW51RGlyZWN0aXZlXSxcbiAgICBwcm92aWRlcnM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBBWENvbnRleHRNZW51TW9kdWxlIHtcblxufSJdfQ==

package/esm2022/lib/data-filter/columns/filter-column-date.component.mjs

@@ -0,0 +1,140 @@
+import { Component, ChangeDetectionStrategy, ChangeDetectorRef, ViewChild } from '@angular/core';
+import { AXFilterColumnComponent } from '../filter.class';
+import { AXDateTime } from '@acorex/core';
+import { AXSelectionListComponent } from '../../selection-list/selection-list.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../date-picker/date-picker.component";
+import * as i2 from "../../selection-list/selection-list.component";
+export class AXFilterColumnDateComponent extends AXFilterColumnComponent {
+    cdr;
+    selection;
+    items = [
+        {
+            text: 'Today',
+            value: 'today'
+        },
+        {
+            text: 'This Week',
+            value: 'this-week'
+        },
+        {
+            text: 'This Month',
+            value: 'this-month'
+        },
+        {
+            text: 'This Year',
+            value: 'this-year'
+        },
+        {
+            text: 'Specific',
+            value: 'specific'
+        },
+        {
+            text: 'Range',
+            value: 'range'
+        }
+    ];
+    fromDate = new AXDateTime();
+    toDate = new AXDateTime();
+    selectedItem = null;
+    showCustom = false;
+    showSpecific = false;
+    constructor(cdr) {
+        super(cdr);
+        this.cdr = cdr;
+    }
+    ngAfterViewInit() {
+        this.selection.selectedItems = [this.items[0]];
+    }
+    dateChange(e) {
+        this.valueChange.emit();
+    }
+    onSelectedChanged(items) {
+        this.selectedItem = items[0];
+        this.showCustom = this.selectedItem && this.selectedItem.value == 'range';
+        this.showSpecific = this.selectedItem && this.selectedItem.value == 'specific';
+        this.cdr.detectChanges();
+        this.valueChange.emit();
+    }
+    get condition() {
+        let today = new AXDateTime();
+        switch (this.selectedItem.value) {
+            case 'today':
+                this.fromDate = this.toDate = today;
+                return {
+                    condition: 'equal',
+                    field: this.field,
+                    dataType: 'date',
+                    value: this.fromDate.toISOString()
+                };
+            case 'specific':
+                return {
+                    condition: 'equal',
+                    field: this.field,
+                    dataType: 'date',
+                    value: this.fromDate.toISOString()
+                };
+            case 'this-week':
+                this.toDate = today.endOf('week');
+                this.fromDate = today.startOf('week');
+                break;
+            case 'this-month':
+                this.toDate = today.endOf('month');
+                this.fromDate = today.startOf('month');
+                break;
+            case 'this-year':
+                this.toDate = today.endOf('year');
+                this.fromDate = today.startOf('year');
+                break;
+        }
+        return {
+            condition: 'between',
+            field: this.field,
+            dataType: 'date',
+            value: [this.fromDate.toISOString(), this.toDate.toISOString()]
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXFilterColumnDateComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AXFilterColumnDateComponent, selector: "ax-filter-column-date", providers: [
+            { provide: AXFilterColumnComponent, useExisting: AXFilterColumnDateComponent }
+        ], viewQueries: [{ propertyName: "selection", first: true, predicate: AXSelectionListComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-filter-section">
+    <ax-selection-list [items]="items" mode="single" direction="vertical" (selectedItemsChange)="onSelectedChanged($event)">
+    </ax-selection-list>
+    </div>
+    <div class="ax-filter-section-value" [hidden]="!showCustom">
+        <ax-date-picker label="From" [(value)]="fromDate" (onValueChanged)="dateChange($event)"></ax-date-picker>
+        <ax-date-picker label="To" [(value)]="toDate" (onValueChanged)="dateChange($event)"></ax-date-picker>
+    </div>
+    <div class="ax-filter-section-value" [hidden]="!showSpecific">
+        <ax-date-picker label="Date" [(value)]="fromDate" (onValueChanged)="dateChange($event)"></ax-date-picker>            
+    </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: i1.AXDatePickerComponent, selector: "ax-date-picker", inputs: ["dayStyle", "dayMinMaxResoan", "validation", "placeholder", "min", "max", "readonly", "disabled", "allowClear", "textAlign", "showToday", "selectableHoliday", "dateType", "showTodayButton", "openByClick", "size", "type", "value"], outputs: ["typeChange", "onValueChanged", "valueChange"] }, { kind: "component", type: i2.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["readonly", "value", "disabled", "size", "direction", "items", "mode", "textField", "valueField", "selectedItems", "selectedValues"], outputs: ["selectionChanged", "selectedItemsChange", "selectedValuesChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXFilterColumnDateComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-filter-column-date',
+                    template: `
+    <div class="ax-filter-section">
+    <ax-selection-list [items]="items" mode="single" direction="vertical" (selectedItemsChange)="onSelectedChanged($event)">
+    </ax-selection-list>
+    </div>
+    <div class="ax-filter-section-value" [hidden]="!showCustom">
+        <ax-date-picker label="From" [(value)]="fromDate" (onValueChanged)="dateChange($event)"></ax-date-picker>
+        <ax-date-picker label="To" [(value)]="toDate" (onValueChanged)="dateChange($event)"></ax-date-picker>
+    </div>
+    <div class="ax-filter-section-value" [hidden]="!showSpecific">
+        <ax-date-picker label="Date" [(value)]="fromDate" (onValueChanged)="dateChange($event)"></ax-date-picker>            
+    </div>
+    `,
+                    providers: [
+                        { provide: AXFilterColumnComponent, useExisting: AXFilterColumnDateComponent }
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { selection: [{
+                type: ViewChild,
+                args: [AXSelectionListComponent, { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWNvbHVtbi1kYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmlsdGVyL2NvbHVtbnMvZmlsdGVyLWNvbHVtbi1kYXRlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBd0IsTUFBTSxlQUFlLENBQUM7QUFDdkgsT0FBTyxFQUFxQix1QkFBdUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzdFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDMUMsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sK0NBQStDLENBQUM7Ozs7QUFzQnpGLE1BQU0sT0FBTywyQkFBNEIsU0FBUSx1QkFBdUI7SUFzQzlDO0lBckNpQyxTQUFTLENBQTJCO0lBRTNGLEtBQUssR0FBUTtRQUNUO1lBQ0ksSUFBSSxFQUFFLE9BQU87WUFDYixLQUFLLEVBQUUsT0FBTztTQUNqQjtRQUNEO1lBQ0ksSUFBSSxFQUFFLFdBQVc7WUFDakIsS0FBSyxFQUFFLFdBQVc7U0FDckI7UUFDRDtZQUNJLElBQUksRUFBRSxZQUFZO1lBQ2xCLEtBQUssRUFBRSxZQUFZO1NBQ3RCO1FBQ0Q7WUFDSSxJQUFJLEVBQUUsV0FBVztZQUNqQixLQUFLLEVBQUUsV0FBVztTQUNyQjtRQUNEO1lBQ0ksSUFBSSxFQUFFLFVBQVU7WUFDaEIsS0FBSyxFQUFFLFVBQVU7U0FDcEI7UUFDRDtZQUNJLElBQUksRUFBRSxPQUFPO1lBQ2IsS0FBSyxFQUFFLE9BQU87U0FDakI7S0FDSixDQUFDO0lBRUYsUUFBUSxHQUFlLElBQUksVUFBVSxFQUFFLENBQUM7SUFDeEMsTUFBTSxHQUFlLElBQUksVUFBVSxFQUFFLENBQUM7SUFFdEMsWUFBWSxHQUFRLElBQUksQ0FBQztJQUV6QixVQUFVLEdBQVksS0FBSyxDQUFDO0lBQzVCLFlBQVksR0FBWSxLQUFLLENBQUM7SUFFOUIsWUFBc0IsR0FBc0I7UUFDeEMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBRE8sUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFFNUMsQ0FBQztJQUVELGVBQWU7UUFDWCxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBQ0QsVUFBVSxDQUFDLENBQUM7UUFDUixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFDRCxpQkFBaUIsQ0FBQyxLQUFZO1FBRTFCLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzdCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssSUFBSSxPQUFPLENBQUM7UUFDMUUsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxJQUFJLFVBQVUsQ0FBQztRQUMvRSxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELElBQUksU0FBUztRQUNULElBQUksS0FBSyxHQUFHLElBQUksVUFBVSxFQUFFLENBQUM7UUFDN0IsUUFBUSxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRTtZQUM3QixLQUFLLE9BQU87Z0JBQ1IsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztnQkFFcEMsT0FBTztvQkFDSCxTQUFTLEVBQUUsT0FBTztvQkFDbEIsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLO29CQUNqQixRQUFRLEVBQUUsTUFBTTtvQkFDaEIsS0FBSyxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxFQUFFO2lCQUNyQyxDQUFBO1lBQ0wsS0FBSyxVQUFVO2dCQUNYLE9BQU87b0JBQ0gsU0FBUyxFQUFFLE9BQU87b0JBQ2xCLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztvQkFDakIsUUFBUSxFQUFFLE1BQU07b0JBQ2hCLEtBQUssRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsRUFBRTtpQkFDckMsQ0FBQTtZQUNMLEtBQUssV0FBVztnQkFDWixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQ2xDLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFDdEMsTUFBTTtZQUNWLEtBQUssWUFBWTtnQkFDYixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUE7Z0JBQ2xDLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQztnQkFDdkMsTUFBTTtZQUNWLEtBQUssV0FBVztnQkFDWixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUE7Z0JBQ2pDLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFDdEMsTUFBTTtTQUNiO1FBRUQsT0FBTztZQUNILFNBQVMsRUFBRSxTQUFTO1lBQ3BCLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztZQUNqQixRQUFRLEVBQUUsTUFBTTtZQUNoQixLQUFLLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsRUFBRSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDbEUsQ0FBQTtJQUNMLENBQUM7d0dBaEdRLDJCQUEyQjs0RkFBM0IsMkJBQTJCLGdEQUx6QjtZQUNQLEVBQUUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFdBQVcsRUFBRSwyQkFBMkIsRUFBRTtTQUNqRixxRUFJVSx3QkFBd0IscUZBbkJ6Qjs7Ozs7Ozs7Ozs7O0tBWVQ7OzRGQU1RLDJCQUEyQjtrQkFwQnZDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHVCQUF1QjtvQkFDakMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7S0FZVDtvQkFDRCxTQUFTLEVBQUU7d0JBQ1AsRUFBRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsV0FBVyw2QkFBNkIsRUFBRTtxQkFDakY7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2xEO3dHQUUwRCxTQUFTO3NCQUEvRCxTQUFTO3VCQUFDLHdCQUF3QixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBWaWV3Q2hpbGQsIEV2ZW50RW1pdHRlciwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWEZpbHRlckNvbmRpdGlvbiwgQVhGaWx0ZXJDb2x1bW5Db21wb25lbnQgfSBmcm9tICcuLi9maWx0ZXIuY2xhc3MnO1xuaW1wb3J0IHsgQVhEYXRlVGltZSB9IGZyb20gJ0BhY29yZXgvY29yZSc7XG5pbXBvcnQgeyBBWFNlbGVjdGlvbkxpc3RDb21wb25lbnQgfSBmcm9tICcuLi8uLi9zZWxlY3Rpb24tbGlzdC9zZWxlY3Rpb24tbGlzdC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2F4LWZpbHRlci1jb2x1bW4tZGF0ZScsXG4gICAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiYXgtZmlsdGVyLXNlY3Rpb25cIj5cbiAgICA8YXgtc2VsZWN0aW9uLWxpc3QgW2l0ZW1zXT1cIml0ZW1zXCIgbW9kZT1cInNpbmdsZVwiIGRpcmVjdGlvbj1cInZlcnRpY2FsXCIgKHNlbGVjdGVkSXRlbXNDaGFuZ2UpPVwib25TZWxlY3RlZENoYW5nZWQoJGV2ZW50KVwiPlxuICAgIDwvYXgtc2VsZWN0aW9uLWxpc3Q+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImF4LWZpbHRlci1zZWN0aW9uLXZhbHVlXCIgW2hpZGRlbl09XCIhc2hvd0N1c3RvbVwiPlxuICAgICAgICA8YXgtZGF0ZS1waWNrZXIgbGFiZWw9XCJGcm9tXCIgWyh2YWx1ZSldPVwiZnJvbURhdGVcIiAob25WYWx1ZUNoYW5nZWQpPVwiZGF0ZUNoYW5nZSgkZXZlbnQpXCI+PC9heC1kYXRlLXBpY2tlcj5cbiAgICAgICAgPGF4LWRhdGUtcGlja2VyIGxhYmVsPVwiVG9cIiBbKHZhbHVlKV09XCJ0b0RhdGVcIiAob25WYWx1ZUNoYW5nZWQpPVwiZGF0ZUNoYW5nZSgkZXZlbnQpXCI+PC9heC1kYXRlLXBpY2tlcj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiYXgtZmlsdGVyLXNlY3Rpb24tdmFsdWVcIiBbaGlkZGVuXT1cIiFzaG93U3BlY2lmaWNcIj5cbiAgICAgICAgPGF4LWRhdGUtcGlja2VyIGxhYmVsPVwiRGF0ZVwiIFsodmFsdWUpXT1cImZyb21EYXRlXCIgKG9uVmFsdWVDaGFuZ2VkKT1cImRhdGVDaGFuZ2UoJGV2ZW50KVwiPjwvYXgtZGF0ZS1waWNrZXI+ICAgICAgICAgICAgXG4gICAgPC9kaXY+XG4gICAgYCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgeyBwcm92aWRlOiBBWEZpbHRlckNvbHVtbkNvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYRmlsdGVyQ29sdW1uRGF0ZUNvbXBvbmVudCB9XG4gICAgXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBBWEZpbHRlckNvbHVtbkRhdGVDb21wb25lbnQgZXh0ZW5kcyBBWEZpbHRlckNvbHVtbkNvbXBvbmVudCB7XG4gICAgQFZpZXdDaGlsZChBWFNlbGVjdGlvbkxpc3RDb21wb25lbnQsIHsgc3RhdGljOiB0cnVlIH0pIHNlbGVjdGlvbjogQVhTZWxlY3Rpb25MaXN0Q29tcG9uZW50O1xuXG4gICAgaXRlbXM6IGFueSA9IFtcbiAgICAgICAge1xuICAgICAgICAgICAgdGV4dDogJ1RvZGF5JyxcbiAgICAgICAgICAgIHZhbHVlOiAndG9kYXknXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICAgIHRleHQ6ICdUaGlzIFdlZWsnLFxuICAgICAgICAgICAgdmFsdWU6ICd0aGlzLXdlZWsnXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICAgIHRleHQ6ICdUaGlzIE1vbnRoJyxcbiAgICAgICAgICAgIHZhbHVlOiAndGhpcy1tb250aCdcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgICAgdGV4dDogJ1RoaXMgWWVhcicsXG4gICAgICAgICAgICB2YWx1ZTogJ3RoaXMteWVhcidcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgICAgdGV4dDogJ1NwZWNpZmljJyxcbiAgICAgICAgICAgIHZhbHVlOiAnc3BlY2lmaWMnXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICAgIHRleHQ6ICdSYW5nZScsXG4gICAgICAgICAgICB2YWx1ZTogJ3JhbmdlJ1xuICAgICAgICB9XG4gICAgXTtcblxuICAgIGZyb21EYXRlOiBBWERhdGVUaW1lID0gbmV3IEFYRGF0ZVRpbWUoKTtcbiAgICB0b0RhdGU6IEFYRGF0ZVRpbWUgPSBuZXcgQVhEYXRlVGltZSgpO1xuXG4gICAgc2VsZWN0ZWRJdGVtOiBhbnkgPSBudWxsO1xuXG4gICAgc2hvd0N1c3RvbTogYm9vbGVhbiA9IGZhbHNlO1xuICAgIHNob3dTcGVjaWZpYzogYm9vbGVhbiA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IocHJvdGVjdGVkIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICAgICAgc3VwZXIoY2RyKTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2VsZWN0aW9uLnNlbGVjdGVkSXRlbXMgPSBbdGhpcy5pdGVtc1swXV07XG4gICAgfVxuICAgIGRhdGVDaGFuZ2UoZSkge1xuICAgICAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQoKTtcbiAgICB9XG4gICAgb25TZWxlY3RlZENoYW5nZWQoaXRlbXM6IGFueVtdKSB7XG5cbiAgICAgICAgdGhpcy5zZWxlY3RlZEl0ZW0gPSBpdGVtc1swXTtcbiAgICAgICAgdGhpcy5zaG93Q3VzdG9tID0gdGhpcy5zZWxlY3RlZEl0ZW0gJiYgdGhpcy5zZWxlY3RlZEl0ZW0udmFsdWUgPT0gJ3JhbmdlJztcbiAgICAgICAgdGhpcy5zaG93U3BlY2lmaWMgPSB0aGlzLnNlbGVjdGVkSXRlbSAmJiB0aGlzLnNlbGVjdGVkSXRlbS52YWx1ZSA9PSAnc3BlY2lmaWMnO1xuICAgICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCgpO1xuICAgIH1cblxuICAgIGdldCBjb25kaXRpb24oKTogQVhGaWx0ZXJDb25kaXRpb24ge1xuICAgICAgICBsZXQgdG9kYXkgPSBuZXcgQVhEYXRlVGltZSgpO1xuICAgICAgICBzd2l0Y2ggKHRoaXMuc2VsZWN0ZWRJdGVtLnZhbHVlKSB7XG4gICAgICAgICAgICBjYXNlICd0b2RheSc6XG4gICAgICAgICAgICAgICAgdGhpcy5mcm9tRGF0ZSA9IHRoaXMudG9EYXRlID0gdG9kYXk7XG5cbiAgICAgICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgICAgICBjb25kaXRpb246ICdlcXVhbCcsXG4gICAgICAgICAgICAgICAgICAgIGZpZWxkOiB0aGlzLmZpZWxkLFxuICAgICAgICAgICAgICAgICAgICBkYXRhVHlwZTogJ2RhdGUnLFxuICAgICAgICAgICAgICAgICAgICB2YWx1ZTogdGhpcy5mcm9tRGF0ZS50b0lTT1N0cmluZygpXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgY2FzZSAnc3BlY2lmaWMnOlxuICAgICAgICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbmRpdGlvbjogJ2VxdWFsJyxcbiAgICAgICAgICAgICAgICAgICAgZmllbGQ6IHRoaXMuZmllbGQsXG4gICAgICAgICAgICAgICAgICAgIGRhdGFUeXBlOiAnZGF0ZScsXG4gICAgICAgICAgICAgICAgICAgIHZhbHVlOiB0aGlzLmZyb21EYXRlLnRvSVNPU3RyaW5nKClcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICBjYXNlICd0aGlzLXdlZWsnOlxuICAgICAgICAgICAgICAgIHRoaXMudG9EYXRlID0gdG9kYXkuZW5kT2YoJ3dlZWsnKTtcbiAgICAgICAgICAgICAgICB0aGlzLmZyb21EYXRlID0gdG9kYXkuc3RhcnRPZignd2VlaycpO1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSAndGhpcy1tb250aCc6XG4gICAgICAgICAgICAgICAgdGhpcy50b0RhdGUgPSB0b2RheS5lbmRPZignbW9udGgnKVxuICAgICAgICAgICAgICAgIHRoaXMuZnJvbURhdGUgPSB0b2RheS5zdGFydE9mKCdtb250aCcpO1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSAndGhpcy15ZWFyJzpcbiAgICAgICAgICAgICAgICB0aGlzLnRvRGF0ZSA9IHRvZGF5LmVuZE9mKCd5ZWFyJylcbiAgICAgICAgICAgICAgICB0aGlzLmZyb21EYXRlID0gdG9kYXkuc3RhcnRPZigneWVhcicpO1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIGNvbmRpdGlvbjogJ2JldHdlZW4nLFxuICAgICAgICAgICAgZmllbGQ6IHRoaXMuZmllbGQsXG4gICAgICAgICAgICBkYXRhVHlwZTogJ2RhdGUnLFxuICAgICAgICAgICAgdmFsdWU6IFt0aGlzLmZyb21EYXRlLnRvSVNPU3RyaW5nKCksIHRoaXMudG9EYXRlLnRvSVNPU3RyaW5nKCldXG4gICAgICAgIH1cbiAgICB9XG59XG4iXX0=

package/esm2022/lib/data-filter/columns/filter-column-number.component.mjs

@@ -0,0 +1,119 @@
+import { Component, ChangeDetectorRef } from '@angular/core';
+import { AXFilterColumnComponent } from '../filter.class';
+import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "../../textbox/textbox.component";
+export class AXFilterColumnNumberComponent extends AXFilterColumnComponent {
+    cdr;
+    operator = 'equal';
+    operators = [
+        {
+            title: 'is',
+            value: 'equal'
+        },
+        {
+            title: `isn't`,
+            value: 'not-equal'
+        },
+        {
+            title: 'less than',
+            value: 'less-than'
+        },
+        {
+            title: 'less than or equal',
+            value: 'less-than-equal'
+        },
+        {
+            title: 'greater than',
+            value: 'greater-than'
+        },
+        {
+            title: 'greater than or equal',
+            value: 'greater-than-equal'
+        },
+        {
+            title: 'is empty',
+            value: 'is-empty'
+        },
+        {
+            title: `isn't empty`,
+            value: 'is-not-empty'
+        }
+    ];
+    constructor(cdr) {
+        super(cdr);
+        this.cdr = cdr;
+    }
+    searchChangeObserver;
+    onOperatorChange(e) {
+        this.valueChange.emit();
+    }
+    onTextChange(e) {
+        // TODO: Check this method work correctly
+        if (!this.searchChangeObserver) {
+            return new Observable(observer => {
+                this.searchChangeObserver = observer;
+            })
+                .pipe(debounceTime(500))
+                .pipe(distinctUntilChanged())
+                .subscribe(c => {
+                this.valueChange.emit();
+            });
+        }
+        this.searchChangeObserver.next(e);
+    }
+    get condition() {
+        return {
+            condition: this.operator,
+            field: this.field,
+            dataType: 'number',
+            value: this.value
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXFilterColumnNumberComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AXFilterColumnNumberComponent, selector: "ax-filter-column-number", providers: [
+            { provide: AXFilterColumnComponent, useExisting: AXFilterColumnNumberComponent }
+        ], usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-filter-section">
+    <div>
+        <select (ngModelChange)="onOperatorChange($event)" class="form-control form-control-sm"  [(ngModel)]="operator">
+            <option *ngFor="let o of operators" value="{{o.value}}">
+                {{o.title}}
+            </option>
+        </select>
+    </div>
+    <div>
+        <ax-text-box placeholder="Type here" (textChange)="onTextChange($event)" [(value)]="value" *ngIf="operator!='is-not-empty' && operator!='is-empty'">
+        </ax-text-box>
+    </div>
+</div>
+    `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AXFilterColumnNumberComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-filter-column-number',
+                    template: `
+    <div class="ax-filter-section">
+    <div>
+        <select (ngModelChange)="onOperatorChange($event)" class="form-control form-control-sm"  [(ngModel)]="operator">
+            <option *ngFor="let o of operators" value="{{o.value}}">
+                {{o.title}}
+            </option>
+        </select>
+    </div>
+    <div>
+        <ax-text-box placeholder="Type here" (textChange)="onTextChange($event)" [(value)]="value" *ngIf="operator!='is-not-empty' && operator!='is-empty'">
+        </ax-text-box>
+    </div>
+</div>
+    `,
+                    providers: [
+                        { provide: AXFilterColumnComponent, useExisting: AXFilterColumnNumberComponent }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWNvbHVtbi1udW1iZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWx0ZXIvY29sdW1ucy9maWx0ZXItY29sdW1uLW51bWJlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQXFCLHVCQUF1QixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDN0UsT0FBTyxFQUFFLFlBQVksRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXBFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7O0FBd0JsQyxNQUFNLE9BQU8sNkJBQThCLFNBQVEsdUJBQXVCO0lBc0NoRDtJQXBDdEIsUUFBUSxHQUFXLE9BQU8sQ0FBQztJQUUzQixTQUFTLEdBQVU7UUFDZjtZQUNJLEtBQUssRUFBRSxJQUFJO1lBQ1gsS0FBSyxFQUFFLE9BQU87U0FDakI7UUFDRDtZQUNJLEtBQUssRUFBRSxPQUFPO1lBQ2QsS0FBSyxFQUFFLFdBQVc7U0FDckI7UUFDRDtZQUNJLEtBQUssRUFBRSxXQUFXO1lBQ2xCLEtBQUssRUFBRSxXQUFXO1NBQ3JCO1FBQ0Q7WUFDSSxLQUFLLEVBQUUsb0JBQW9CO1lBQzNCLEtBQUssRUFBRSxpQkFBaUI7U0FDM0I7UUFDRDtZQUNJLEtBQUssRUFBRSxjQUFjO1lBQ3JCLEtBQUssRUFBRSxjQUFjO1NBQ3hCO1FBQ0Q7WUFDSSxLQUFLLEVBQUUsdUJBQXVCO1lBQzlCLEtBQUssRUFBRSxvQkFBb0I7U0FDOUI7UUFDRDtZQUNJLEtBQUssRUFBRSxVQUFVO1lBQ2pCLEtBQUssRUFBRSxVQUFVO1NBQ3BCO1FBQ0Q7WUFDSSxLQUFLLEVBQUUsYUFBYTtZQUNwQixLQUFLLEVBQUUsY0FBYztTQUN4QjtLQUNKLENBQUM7SUFDRixZQUFzQixHQUFzQjtRQUN4QyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7UUFETyxRQUFHLEdBQUgsR0FBRyxDQUFtQjtJQUU1QyxDQUFDO0lBQ08sb0JBQW9CLENBQU07SUFDbEMsZ0JBQWdCLENBQUMsQ0FBQztRQUVkLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFFNUIsQ0FBQztJQUNELFlBQVksQ0FBQyxDQUFDO1FBQ1YseUNBQXlDO1FBQ3pDLElBQUksQ0FBQyxJQUFJLENBQUMsb0JBQW9CLEVBQUU7WUFDNUIsT0FBTyxJQUFJLFVBQVUsQ0FBQyxRQUFRLENBQUMsRUFBRTtnQkFDN0IsSUFBSSxDQUFDLG9CQUFvQixHQUFHLFFBQVEsQ0FBQztZQUN6QyxDQUFDLENBQUM7aUJBQ0csSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsQ0FBQztpQkFDdkIsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7aUJBQzVCLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRTtnQkFDWCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO1lBQzVCLENBQUMsQ0FBQyxDQUFDO1NBQ1Y7UUFDRCxJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDVCxPQUFPO1lBQ0gsU0FBUyxFQUFFLElBQUksQ0FBQyxRQUFRO1lBQ3hCLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztZQUNqQixRQUFRLEVBQUUsUUFBUTtZQUNsQixLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUs7U0FDcEIsQ0FBQztJQUNOLENBQUM7d0dBckVRLDZCQUE2Qjs0RkFBN0IsNkJBQTZCLGtEQUozQjtZQUNQLEVBQUUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFdBQVcsRUFBRSw2QkFBNkIsRUFBRTtTQUNuRixpREFqQlM7Ozs7Ozs7Ozs7Ozs7O0tBY1Q7OzRGQUtRLDZCQUE2QjtrQkFyQnpDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHlCQUF5QjtvQkFDbkMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7OztLQWNUO29CQUNELFNBQVMsRUFBRTt3QkFDUCxFQUFFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxXQUFXLCtCQUErQixFQUFFO3FCQUNuRjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0b3JSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYRmlsdGVyQ29uZGl0aW9uLCBBWEZpbHRlckNvbHVtbkNvbXBvbmVudCB9IGZyb20gJy4uL2ZpbHRlci5jbGFzcyc7XG5pbXBvcnQgeyBkZWJvdW5jZVRpbWUsIGRpc3RpbmN0VW50aWxDaGFuZ2VkIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdheC1maWx0ZXItY29sdW1uLW51bWJlcicsXG4gICAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiYXgtZmlsdGVyLXNlY3Rpb25cIj5cbiAgICA8ZGl2PlxuICAgICAgICA8c2VsZWN0IChuZ01vZGVsQ2hhbmdlKT1cIm9uT3BlcmF0b3JDaGFuZ2UoJGV2ZW50KVwiIGNsYXNzPVwiZm9ybS1jb250cm9sIGZvcm0tY29udHJvbC1zbVwiICBbKG5nTW9kZWwpXT1cIm9wZXJhdG9yXCI+XG4gICAgICAgICAgICA8b3B0aW9uICpuZ0Zvcj1cImxldCBvIG9mIG9wZXJhdG9yc1wiIHZhbHVlPVwie3tvLnZhbHVlfX1cIj5cbiAgICAgICAgICAgICAgICB7e28udGl0bGV9fVxuICAgICAgICAgICAgPC9vcHRpb24+XG4gICAgICAgIDwvc2VsZWN0PlxuICAgIDwvZGl2PlxuICAgIDxkaXY+XG4gICAgICAgIDxheC10ZXh0LWJveCBwbGFjZWhvbGRlcj1cIlR5cGUgaGVyZVwiICh0ZXh0Q2hhbmdlKT1cIm9uVGV4dENoYW5nZSgkZXZlbnQpXCIgWyh2YWx1ZSldPVwidmFsdWVcIiAqbmdJZj1cIm9wZXJhdG9yIT0naXMtbm90LWVtcHR5JyAmJiBvcGVyYXRvciE9J2lzLWVtcHR5J1wiPlxuICAgICAgICA8L2F4LXRleHQtYm94PlxuICAgIDwvZGl2PlxuPC9kaXY+XG4gICAgYCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgeyBwcm92aWRlOiBBWEZpbHRlckNvbHVtbkNvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYRmlsdGVyQ29sdW1uTnVtYmVyQ29tcG9uZW50IH1cbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIEFYRmlsdGVyQ29sdW1uTnVtYmVyQ29tcG9uZW50IGV4dGVuZHMgQVhGaWx0ZXJDb2x1bW5Db21wb25lbnQge1xuXG4gICAgb3BlcmF0b3I6IHN0cmluZyA9ICdlcXVhbCc7XG5cbiAgICBvcGVyYXRvcnM6IGFueVtdID0gW1xuICAgICAgICB7XG4gICAgICAgICAgICB0aXRsZTogJ2lzJyxcbiAgICAgICAgICAgIHZhbHVlOiAnZXF1YWwnXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICAgIHRpdGxlOiBgaXNuJ3RgLFxuICAgICAgICAgICAgdmFsdWU6ICdub3QtZXF1YWwnXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICAgIHRpdGxlOiAnbGVzcyB0aGFuJyxcbiAgICAgICAgICAgIHZhbHVlOiAnbGVzcy10aGFuJ1xuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgICB0aXRsZTogJ2xlc3MgdGhhbiBvciBlcXVhbCcsXG4gICAgICAgICAgICB2YWx1ZTogJ2xlc3MtdGhhbi1lcXVhbCdcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgICAgdGl0bGU6ICdncmVhdGVyIHRoYW4nLFxuICAgICAgICAgICAgdmFsdWU6ICdncmVhdGVyLXRoYW4nXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICAgIHRpdGxlOiAnZ3JlYXRlciB0aGFuIG9yIGVxdWFsJyxcbiAgICAgICAgICAgIHZhbHVlOiAnZ3JlYXRlci10aGFuLWVxdWFsJ1xuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgICB0aXRsZTogJ2lzIGVtcHR5JyxcbiAgICAgICAgICAgIHZhbHVlOiAnaXMtZW1wdHknXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICAgIHRpdGxlOiBgaXNuJ3QgZW1wdHlgLFxuICAgICAgICAgICAgdmFsdWU6ICdpcy1ub3QtZW1wdHknXG4gICAgICAgIH1cbiAgICBdO1xuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gICAgICAgIHN1cGVyKGNkcik7XG4gICAgfVxuICAgIHByaXZhdGUgc2VhcmNoQ2hhbmdlT2JzZXJ2ZXI6IGFueTtcbiAgICBvbk9wZXJhdG9yQ2hhbmdlKGUpIHtcblxuICAgICAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQoKTtcblxuICAgIH1cbiAgICBvblRleHRDaGFuZ2UoZSkge1xuICAgICAgICAvLyBUT0RPOiBDaGVjayB0aGlzIG1ldGhvZCB3b3JrIGNvcnJlY3RseVxuICAgICAgICBpZiAoIXRoaXMuc2VhcmNoQ2hhbmdlT2JzZXJ2ZXIpIHtcbiAgICAgICAgICAgIHJldHVybiBuZXcgT2JzZXJ2YWJsZShvYnNlcnZlciA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5zZWFyY2hDaGFuZ2VPYnNlcnZlciA9IG9ic2VydmVyO1xuICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICAucGlwZShkZWJvdW5jZVRpbWUoNTAwKSlcbiAgICAgICAgICAgICAgICAucGlwZShkaXN0aW5jdFVudGlsQ2hhbmdlZCgpKVxuICAgICAgICAgICAgICAgIC5zdWJzY3JpYmUoYyA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCgpO1xuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuc2VhcmNoQ2hhbmdlT2JzZXJ2ZXIubmV4dChlKTtcbiAgICB9XG5cbiAgICBnZXQgY29uZGl0aW9uKCk6IEFYRmlsdGVyQ29uZGl0aW9uIHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIGNvbmRpdGlvbjogdGhpcy5vcGVyYXRvcixcbiAgICAgICAgICAgIGZpZWxkOiB0aGlzLmZpZWxkLFxuICAgICAgICAgICAgZGF0YVR5cGU6ICdudW1iZXInLFxuICAgICAgICAgICAgdmFsdWU6IHRoaXMudmFsdWVcbiAgICAgICAgfTtcbiAgICB9XG5cbn1cbiJdfQ==