import { CommonFilterService } from './../common-filter/common-filter.service';
import { Component, ViewEncapsulation } from '@angular/core';
import { AxOperator } from '../../enlighten-lib/filters/ax-operator';
import { AxExpNumberRangeValue } from '../../enlighten-lib/ax-expression/ax-exp-number-range-value';
import { AxExpNumberValue } from '../../enlighten-lib/ax-expression/ax-exp-number-value';
import { NumberOperatorIndex } from '../../enlighten-lib/filters/general-filter-type';
import { CommonFilterComponent } from '../common-filter/common-filter.component';
import * as i0 from "@angular/core";
import * as i1 from "./../common-filter/common-filter.service";
import * as i2 from "@angular/material/form-field";
import * as i3 from "@angular/material/select";
import * as i4 from "@angular/material/tooltip";
import * as i5 from "@angular/material/menu";
import * as i6 from "@angular/material/radio";
import * as i7 from "@angular/common";
import * as i8 from "../filter-footer/filter-footer.component";
import * as i9 from "@angular/material/icon";
import * as i10 from "@angular/material/input";
import * as i11 from "@angular/forms";
function NumberFilterComponent_div_11_Template(rf, ctx) { if (rf & 1) {
    const _r7 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div");
    i0.ɵɵelementStart(1, "mat-form-field", 16);
    i0.ɵɵelementStart(2, "input", 17);
    i0.ɵɵlistener("ngModelChange", function NumberFilterComponent_div_11_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return ctx_r6.expression.value.value = $event; })("change", function NumberFilterComponent_div_11_Template_input_change_2_listener() { i0.ɵɵrestoreView(_r7); const ctx_r8 = i0.ɵɵnextContext(); return ctx_r8.filterValueChanged(); });
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r2 = i0.ɵɵnextContext();
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngModel", ctx_r2.expression.value.value);
} }
function NumberFilterComponent_div_16_Template(rf, ctx) { if (rf & 1) {
    const _r10 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div");
    i0.ɵɵelementStart(1, "mat-form-field", 16);
    i0.ɵɵelementStart(2, "input", 18);
    i0.ɵɵlistener("ngModelChange", function NumberFilterComponent_div_16_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return ctx_r9.expression.value.value = $event; })("change", function NumberFilterComponent_div_16_Template_input_change_2_listener() { i0.ɵɵrestoreView(_r10); const ctx_r11 = i0.ɵɵnextContext(); return ctx_r11.filterValueChanged(); });
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r3 = i0.ɵɵnextContext();
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngModel", ctx_r3.expression.value.value);
} }
function NumberFilterComponent_div_21_Template(rf, ctx) { if (rf & 1) {
    const _r13 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div");
    i0.ɵɵelementStart(1, "mat-form-field", 16);
    i0.ɵɵelementStart(2, "input", 19);
    i0.ɵɵlistener("ngModelChange", function NumberFilterComponent_div_21_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r12 = i0.ɵɵnextContext(); return ctx_r12.expression.value.value = $event; })("change", function NumberFilterComponent_div_21_Template_input_change_2_listener() { i0.ɵɵrestoreView(_r13); const ctx_r14 = i0.ɵɵnextContext(); return ctx_r14.filterValueChanged(); });
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r4 = i0.ɵɵnextContext();
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngModel", ctx_r4.expression.value.value);
} }
function NumberFilterComponent_div_26_mat_form_field_1_Template(rf, ctx) { if (rf & 1) {
    const _r18 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "mat-form-field", 16);
    i0.ɵɵelementStart(1, "input", 23);
    i0.ɵɵlistener("ngModelChange", function NumberFilterComponent_div_26_mat_form_field_1_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(2); return ctx_r17.expression.value.value.from = $event; })("change", function NumberFilterComponent_div_26_mat_form_field_1_Template_input_change_1_listener() { i0.ɵɵrestoreView(_r18); const ctx_r19 = i0.ɵɵnextContext(2); return ctx_r19.filterValueChanged(); });
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r15 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngModel", ctx_r15.expression.value.value.from);
} }
function NumberFilterComponent_div_26_mat_form_field_4_Template(rf, ctx) { if (rf & 1) {
    const _r21 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "mat-form-field", 16);
    i0.ɵɵelementStart(1, "input", 24);
    i0.ɵɵlistener("ngModelChange", function NumberFilterComponent_div_26_mat_form_field_4_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r20 = i0.ɵɵnextContext(2); return ctx_r20.expression.value.value.to = $event; })("change", function NumberFilterComponent_div_26_mat_form_field_4_Template_input_change_1_listener() { i0.ɵɵrestoreView(_r21); const ctx_r22 = i0.ɵɵnextContext(2); return ctx_r22.filterValueChanged(); });
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r16 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngModel", ctx_r16.expression.value.value.to);
} }
function NumberFilterComponent_div_26_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 20);
    i0.ɵɵtemplate(1, NumberFilterComponent_div_26_mat_form_field_1_Template, 2, 1, "mat-form-field", 21);
    i0.ɵɵelementStart(2, "span", 22);
    i0.ɵɵtext(3, " - ");
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(4, NumberFilterComponent_div_26_mat_form_field_4_Template, 2, 1, "mat-form-field", 21);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r5 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r5.expression == null ? null : ctx_r5.expression.value == null ? null : ctx_r5.expression.value.value);
    i0.ɵɵadvance(3);
    i0.ɵɵproperty("ngIf", ctx_r5.expression == null ? null : ctx_r5.expression.value == null ? null : ctx_r5.expression.value.value);
} }
const _c0 = function (a0) { return { "between_date_active": a0 }; };
export class NumberFilterComponent extends CommonFilterComponent {
    constructor(_commonFilterService) {
        super(_commonFilterService);
        //<----------< Inputs >---------------------------->
        //<-----------<Outputs >--------------------------->
        //<-------------(Enums )--------------------------->
        this.numberOperatorIndex = NumberOperatorIndex;
        this.selectedOperator = null;
    }
    /**
     * On change Life cycle hook.
     *
     * @param changes
     */
    // eslint-disable-next-line @angular-eslint/use-lifecycle-interface
    ngOnChanges(changes) {
        super.ngOnChanges(changes);
    }
    /**
     * On Init life cycle hook.
     */
    ngOnInit() {
        super.ngOnInit();
        this.numberOperators = AxOperator.getNumericOperator();
        this.setDisplayValue();
    }
    /**
     *  Set the operator wise expression value object
     *
     * @param operatorIndex
     */
    setNumericOperator(operatorIndex) {
        this.expression.comparisonOperator = this.numberOperators[operatorIndex];
        if (operatorIndex === NumberOperatorIndex.between) {
            this.expression.value = new AxExpNumberRangeValue();
        }
        else {
            this.expression.value = new AxExpNumberValue();
        }
        this.expression.value.isInputVisible = this.selectedOperator;
    }
    /**
     * set field select value
     */
    setDisplayValue() {
        this.displayValue = this.expression.field.label;
        if (this.expression.value instanceof AxExpNumberRangeValue) {
            const expressionValue = new AxExpNumberRangeValue(this.expression.value);
            if (expressionValue.value.from !== null && expressionValue.value.to !== 0) {
                this.displayValue = this.expression.field.label + ' Between ' + expressionValue.value.from + ' To ' + expressionValue.value.to;
            }
        }
        else {
            const expressionValue = new AxExpNumberValue(this.expression.value);
            if (expressionValue.value !== null) {
                this.displayValue = this.expression.field.label + ' ' + this.expression.comparisonOperator.text + ' ' + expressionValue.value;
            }
        }
        this.addEllipsesToDisplayValue(this.displayValue);
    }
    /**
     * Clear select value into expression value
     */
    clearAllValue() {
        this.setNumericOperator(this.selectedOperator);
        this.selectedOperator = null;
        this.displayValue = this.expression.field.label;
        this.filterValueChanged();
        this.applyFilterEvent.emit();
    }
    /**
     * set the number input visible value
     *
     * @param dateOperatorType
     */
    onNumberFilterOptionChange(numberOperatorType) {
        this.selectedOperator = numberOperatorType;
        this.expression.value.isInputVisible = numberOperatorType;
    }
    /**
     * Filter value Change Event
     *
     * @Overridden
     */
    filterValueChanged() {
        this.setDisplayValue();
        this.filterValueChange.emit(this.filter);
        this._commonFilterService.filterValueChange.emit(this.filter);
    }
    /**
     * THis will reset Filter value.
     *
     * @overridden
     */
    resetFilter() {
        if (this.defaultValue && this.defaultValue.isInputVisible === NumberOperatorIndex.between) {
            this.expression.value = new AxExpNumberRangeValue(this.defaultValue);
        }
        else {
            this.expression.value = new AxExpNumberValue(this.defaultValue);
        }
        this.expression.comparisonOperator = this.defaultComparisonOperator;
        this.expression.value.isInputVisible = this.defaultOperatorIndex;
        this.selectedOperator = this.defaultOperatorIndex;
        this.setDisplayValue();
    }
    /**
     * Set Default Value
     *
     * @overridden
     */
    setDefaultValue() {
        if (this.expression.value.isInputVisible === NumberOperatorIndex.between) {
            this.defaultValue = new AxExpNumberRangeValue(this.expression.value);
        }
        else {
            this.defaultValue = new AxExpNumberValue(this.expression.value);
        }
        this.defaultComparisonOperator = this.expression.comparisonOperator;
        this.defaultOperatorIndex = this.expression.value.isInputVisible;
        this.selectedOperator = this.expression.value.isInputVisible;
    }
    /**
     * This function clear the filter value.
     *
     * @overridden
     */
    clearValue() {
        this.expression.value = new AxExpNumberValue();
    }
}
NumberFilterComponent.ɵfac = function NumberFilterComponent_Factory(t) { return new (t || NumberFilterComponent)(i0.ɵɵdirectiveInject(i1.CommonFilterService)); };
NumberFilterComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NumberFilterComponent, selectors: [["lib-number-filter"]], features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 29, vars: 20, consts: [[1, "fields"], ["appearance", "none"], [1, "number-filter-dropdown", 3, "placeholder", "matTooltip", "matMenuTriggerFor", "selectionChange"], ["numberSelectList", ""], ["yPosition", "below", "backdropClass", "number-filter-backdrop-class", 1, "paneltest"], ["belowMenu", "matMenu"], [1, "radio-group", 3, "ngClass", "click"], [1, "equal-to"], ["name", "selectedOperator", "type", "radio", 3, "value", "checked", "change", "click"], [4, "ngIf"], [1, "more-than"], [1, "less-than"], [1, "between-range"], ["class", "between-dates flex items-center", 4, "ngIf"], [3, "isFilterValue", "clearAllValue", "applyFilter", "closeFilter"], [1, "down-arrow", 3, "svgIcon", "click"], ["appearance", "standard"], ["matInput", "", "type", "number", "placeholder", "Equals To", 3, "ngModel", "ngModelChange", "change"], ["matInput", "", "placeholder", "More Than", "type", "number", 3, "ngModel", "ngModelChange", "change"], ["matInput", "", "placeholder", "Less Than", "type", "number", 3, "ngModel", "ngModelChange", "change"], [1, "between-dates", "flex", "items-center"], ["appearance", "standard", 4, "ngIf"], [1, "range"], ["matInput", "", "placeholder", "From", "type", "number", 3, "ngModel", "ngModelChange", "change"], ["matInput", "", "placeholder", "TO", "type", "number", 3, "ngModel", "ngModelChange", "change"]], template: function NumberFilterComponent_Template(rf, ctx) { if (rf & 1) {
        const _r23 = i0.ɵɵgetCurrentView();
        i0.ɵɵelementStart(0, "div", 0);
        i0.ɵɵelementStart(1, "mat-form-field", 1);
        i0.ɵɵelementStart(2, "mat-select", 2, 3);
        i0.ɵɵlistener("selectionChange", function NumberFilterComponent_Template_mat_select_selectionChange_2_listener() { return ctx.filterValueChanged(); });
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(4, "mat-menu", 4, 5);
        i0.ɵɵelementStart(6, "mat-radio-group", 6);
        i0.ɵɵlistener("click", function NumberFilterComponent_Template_mat_radio_group_click_6_listener($event) { return $event.stopPropagation(); });
        i0.ɵɵelementStart(7, "div", 7);
        i0.ɵɵelementStart(8, "label");
        i0.ɵɵelementStart(9, "input", 8);
        i0.ɵɵlistener("change", function NumberFilterComponent_Template_input_change_9_listener() { return ctx.onNumberFilterOptionChange(ctx.numberOperatorIndex.equalTo); })("click", function NumberFilterComponent_Template_input_click_9_listener() { return ctx.setNumericOperator(ctx.numberOperatorIndex.equalTo); });
        i0.ɵɵelementEnd();
        i0.ɵɵtext(10, " Equals To ");
        i0.ɵɵtemplate(11, NumberFilterComponent_div_11_Template, 3, 1, "div", 9);
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(12, "div", 10);
        i0.ɵɵelementStart(13, "label");
        i0.ɵɵelementStart(14, "input", 8);
        i0.ɵɵlistener("change", function NumberFilterComponent_Template_input_change_14_listener() { return ctx.onNumberFilterOptionChange(ctx.numberOperatorIndex.moreThan); })("click", function NumberFilterComponent_Template_input_click_14_listener() { return ctx.setNumericOperator(ctx.numberOperatorIndex.moreThan); });
        i0.ɵɵelementEnd();
        i0.ɵɵtext(15, " More Than Or Equals To ");
        i0.ɵɵtemplate(16, NumberFilterComponent_div_16_Template, 3, 1, "div", 9);
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(17, "div", 11);
        i0.ɵɵelementStart(18, "label");
        i0.ɵɵelementStart(19, "input", 8);
        i0.ɵɵlistener("change", function NumberFilterComponent_Template_input_change_19_listener() { return ctx.onNumberFilterOptionChange(ctx.numberOperatorIndex.lessThan); })("click", function NumberFilterComponent_Template_input_click_19_listener() { return ctx.setNumericOperator(ctx.numberOperatorIndex.lessThan); });
        i0.ɵɵelementEnd();
        i0.ɵɵtext(20, " Less Than Or Equals To ");
        i0.ɵɵtemplate(21, NumberFilterComponent_div_21_Template, 3, 1, "div", 9);
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(22, "div", 12);
        i0.ɵɵelementStart(23, "label");
        i0.ɵɵelementStart(24, "input", 8);
        i0.ɵɵlistener("change", function NumberFilterComponent_Template_input_change_24_listener() { return ctx.onNumberFilterOptionChange(ctx.numberOperatorIndex.between); })("click", function NumberFilterComponent_Template_input_click_24_listener() { return ctx.setNumericOperator(ctx.numberOperatorIndex.between); });
        i0.ɵɵelementEnd();
        i0.ɵɵtext(25, " Between ");
        i0.ɵɵtemplate(26, NumberFilterComponent_div_26_Template, 5, 2, "div", 13);
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(27, "lib-filter-footer", 14);
        i0.ɵɵlistener("clearAllValue", function NumberFilterComponent_Template_lib_filter_footer_clearAllValue_27_listener() { return ctx.clearAllValue(); })("applyFilter", function NumberFilterComponent_Template_lib_filter_footer_applyFilter_27_listener() { return ctx.applyFilter(); })("closeFilter", function NumberFilterComponent_Template_lib_filter_footer_closeFilter_27_listener() { i0.ɵɵrestoreView(_r23); const _r1 = i0.ɵɵreference(5); return _r1 == null ? null : _r1.close(); });
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(28, "mat-icon", 15);
        i0.ɵɵlistener("click", function NumberFilterComponent_Template_mat_icon_click_28_listener() { i0.ɵɵrestoreView(_r23); const _r0 = i0.ɵɵreference(3); return _r0.open(); });
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
    } if (rf & 2) {
        const _r1 = i0.ɵɵreference(5);
        i0.ɵɵadvance(2);
        i0.ɵɵproperty("placeholder", ctx.displayValue)("matTooltip", ctx.toolTipValue)("matMenuTriggerFor", _r1);
        i0.ɵɵadvance(4);
        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(18, _c0, ctx.selectedOperator === ctx.numberOperatorIndex.between));
        i0.ɵɵadvance(3);
        i0.ɵɵproperty("value", ctx.numberOperatorIndex.equalTo)("checked", ctx.selectedOperator === ctx.numberOperatorIndex.equalTo);
        i0.ɵɵadvance(2);
        i0.ɵɵproperty("ngIf", ctx.selectedOperator === ctx.numberOperatorIndex.equalTo);
        i0.ɵɵadvance(3);
        i0.ɵɵproperty("value", ctx.numberOperatorIndex.moreThan)("checked", ctx.selectedOperator === ctx.numberOperatorIndex.moreThan);
        i0.ɵɵadvance(2);
        i0.ɵɵproperty("ngIf", ctx.selectedOperator === ctx.numberOperatorIndex.moreThan);
        i0.ɵɵadvance(3);
        i0.ɵɵproperty("value", ctx.numberOperatorIndex.lessThan)("checked", ctx.selectedOperator === ctx.numberOperatorIndex.lessThan);
        i0.ɵɵadvance(2);
        i0.ɵɵproperty("ngIf", ctx.selectedOperator === ctx.numberOperatorIndex.lessThan);
        i0.ɵɵadvance(3);
        i0.ɵɵproperty("value", ctx.numberOperatorIndex.between)("checked", ctx.selectedOperator === ctx.numberOperatorIndex.between);
        i0.ɵɵadvance(2);
        i0.ɵɵproperty("ngIf", ctx.selectedOperator === ctx.numberOperatorIndex.between);
        i0.ɵɵadvance(1);
        i0.ɵɵproperty("isFilterValue", true);
        i0.ɵɵadvance(1);
        i0.ɵɵproperty("svgIcon", "axo_arrow");
    } }, directives: [i2.MatFormField, i3.MatSelect, i4.MatTooltip, i5.MatMenuTrigger, i5.MatMenu, i6.MatRadioGroup, i7.NgClass, i7.NgIf, i8.FilterFooterComponent, i9.MatIcon, i10.MatInput, i11.NumberValueAccessor, i11.DefaultValueAccessor, i11.NgControlStatus, i11.NgModel], styles: [""], encapsulation: 2 });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NumberFilterComponent, [{
        type: Component,
        args: [{ selector: 'lib-number-filter', encapsulation: ViewEncapsulation.None, template: "<div class=\"fields\" >\n  <mat-form-field appearance=\"none\">\n    <mat-select\n        [placeholder]=\"displayValue\"\n        [matTooltip]=\"toolTipValue\"\n        class=\"number-filter-dropdown\"\n        [matMenuTriggerFor]=\"belowMenu\"\n        (selectionChange)=\"filterValueChanged()\" \n        #numberSelectList>\n    </mat-select>\n  </mat-form-field>\n\n<mat-menu #belowMenu=\"matMenu\" class=\"paneltest\"   yPosition=\"below\"  backdropClass=\"number-filter-backdrop-class\">\n  <mat-radio-group class=\"radio-group\" (click)=\"$event.stopPropagation()\" [ngClass]=\"{'between_date_active':  selectedOperator === numberOperatorIndex.between}\">\n    <div class=\"equal-to\">\n      <label>\n        <input\n          [value]=\"numberOperatorIndex.equalTo\"\n          name=\"selectedOperator\"\n          type=\"radio\"\n          (change)=\"onNumberFilterOptionChange(numberOperatorIndex.equalTo)\"\n          [checked]=\"selectedOperator === numberOperatorIndex.equalTo\"\n          (click)=\"setNumericOperator(numberOperatorIndex.equalTo)\"\n\n        />\n        Equals To\n        <div  *ngIf=\"selectedOperator === numberOperatorIndex.equalTo\">\n          <mat-form-field appearance=\"standard\" >\n            <input\n              matInput\n              type=\"number\"\n              placeholder=\"Equals To\"\n              [(ngModel)]=\"expression.value.value\"\n              (change)=\"filterValueChanged()\"\n            />\n          </mat-form-field>\n        </div>\n      </label>\n    </div>\n    <div class=\"more-than\">\n      <label>\n        <input\n          [value]=\"numberOperatorIndex.moreThan\"\n          name=\"selectedOperator\"\n          type=\"radio\"\n          (change)=\"onNumberFilterOptionChange(numberOperatorIndex.moreThan)\"\n          [checked]=\"selectedOperator === numberOperatorIndex.moreThan\"\n          (click)=\"setNumericOperator(numberOperatorIndex.moreThan)\"\n        />\n        More Than Or Equals To\n        <div  *ngIf=\"selectedOperator === numberOperatorIndex.moreThan\">\n          <mat-form-field appearance=\"standard\" >\n            <input\n              matInput\n              placeholder=\"More Than\"\n              type=\"number\"\n              [(ngModel)]=\"expression.value.value\"\n              (change)=\"filterValueChanged()\"\n            />\n          </mat-form-field>\n        </div>\n      </label>\n    </div>\n    <div class=\"less-than\">\n    <label>\n      <input\n        [value]=\"numberOperatorIndex.lessThan\"\n        name=\"selectedOperator\"\n        type=\"radio\"\n        (change)=\"onNumberFilterOptionChange(numberOperatorIndex.lessThan)\"\n        [checked]=\"selectedOperator === numberOperatorIndex.lessThan\"\n        (click)=\"setNumericOperator(numberOperatorIndex.lessThan)\"\n      />\n    Less Than Or Equals To\n      <div  *ngIf=\"selectedOperator === numberOperatorIndex.lessThan\">\n        <mat-form-field appearance=\"standard\" >\n          <input\n            matInput\n            placeholder=\"Less Than\"\n            type=\"number\"\n            [(ngModel)]=\"expression.value.value\"\n            (change)=\"filterValueChanged()\"\n          />\n        </mat-form-field>\n      </div>\n    </label>\n    </div>\n    <div class=\"between-range\">\n    <label>\n      <input\n        [value]=\"numberOperatorIndex.between\"\n        name=\"selectedOperator\"\n        type=\"radio\"\n        (change)=\"onNumberFilterOptionChange(numberOperatorIndex.between)\"\n        [checked]=\"selectedOperator === numberOperatorIndex.between\"\n        (click)=\"setNumericOperator(numberOperatorIndex.between)\"\n      />\n      Between\n    <div class=\"between-dates flex items-center\"  *ngIf=\"selectedOperator === numberOperatorIndex.between\">\n        <mat-form-field appearance=\"standard\" *ngIf=\"expression?.value?.value\">\n          <input\n            matInput\n            placeholder=\"From\"\n            type=\"number\"\n            [(ngModel)]=\"expression.value.value.from\"\n            (change)=\"filterValueChanged()\"\n          />\n        </mat-form-field>\n        <span class=\"range\"> - </span>\n        <mat-form-field appearance=\"standard\" *ngIf=\"expression?.value?.value\">\n          <input\n            matInput\n            placeholder=\"TO\"\n            type=\"number\"\n            [(ngModel)]=\"expression.value.value.to\"\n            (change)=\"filterValueChanged()\"\n          />\n        </mat-form-field>\n      </div>\n    </label>\n    </div>\n  </mat-radio-group>\n  <lib-filter-footer\n    [isFilterValue]=\"true\"\n    (clearAllValue)=\"clearAllValue()\"\n    (applyFilter)=\"applyFilter()\"\n    (closeFilter)=\"belowMenu?.close()\"\n    ></lib-filter-footer>\n</mat-menu>\n<mat-icon class=\"down-arrow\" [svgIcon]=\"'axo_arrow'\" (click)=\"numberSelectList.open()\"></mat-icon>\n</div>\n", styles: [""] }]
    }], function () { return [{ type: i1.CommonFilterService }]; }, null); })();
//# sourceMappingURL=data:application/json;base64, 