{"__symbolic":"module","version":4,"metadata":{"BixiFilterModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":49,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":50,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":50,"character":26},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":50,"character":39},{"__symbolic":"reference","module":"ng-zorro-antd/checkbox","name":"NzCheckboxModule","line":36,"character":2},{"__symbolic":"reference","module":"ng-zorro-antd/popover","name":"NzPopoverModule","line":37,"character":2},{"__symbolic":"reference","module":"ng-zorro-antd/input","name":"NzInputModule","line":38,"character":2},{"__symbolic":"reference","module":"ng-zorro-antd/select","name":"NzSelectModule","line":39,"character":2},{"__symbolic":"reference","module":"ng-zorro-antd/date-picker","name":"NzDatePickerModule","line":40,"character":2},{"__symbolic":"reference","module":"ng-zorro-antd/divider","name":"NzDividerModule","line":41,"character":2},{"__symbolic":"reference","module":"ng-zorro-antd/button","name":"NzButtonModule","line":42,"character":2},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":43,"character":2},{"__symbolic":"reference","module":"ng-zorro-antd/form","name":"NzFormModule","line":44,"character":2}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"}],"providers":[[{"__symbolic":"reference","name":"ɵb"}]],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"}]}]}],"members":{}},"IFilterBaseOption":{"__symbolic":"interface"},"IFilterTextOption":{"__symbolic":"interface"},"IFilterSelectOption":{"__symbolic":"interface"},"IFilterSelectOptionOptions":{"__symbolic":"interface"},"IFilterDateRangeOption":{"__symbolic":"interface"},"IFilterSearchSelectGetListOption":{"__symbolic":"interface"},"IFilterOptions":{"__symbolic":"interface"},"IFilterKeywordPlacement":{"__symbolic":"interface"},"IFilterParams":{"__symbolic":"interface"},"IFilterValue":{"__symbolic":"interface"},"IFilterCol":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"selector":"bixi-filter","exportAs":"bixiFilter","template":"\n    <div class=\"bixi-filter\">\n      <div class=\"bixi-filter-header\">\n        <div class=\"bixi-filter-header-left-wrap\">\n          <ng-content select=\"bixi-filter-actions,[bixi-filter-actions]\"></ng-content>\n        </div>\n        <div class=\"bixi-filter-header-right\">\n          <nz-input-group class=\"keyword-text\" *ngIf=\"showKeyword && keywordPlacement !== 'inner'\" [nzSuffix]=\"suffixIconSearch\">\n            <input\n              nz-input\n              [placeholder]=\"keywordPlaceholder ? keywordPlaceholder : localeTranslation.placeholder\"\n              [(ngModel)]=\"filterParams[keyword]\"\n              (keyup.enter)=\"onKeywordChange(updateMode.onEnter)\"\n              (blur)=\"onKeywordChange(updateMode.onBlur)\"\n              (ngModelChange)=\"onKeywordChange(updateMode.normal)\"\n            />\n          </nz-input-group>\n          <ng-template #suffixIconSearch>\n            <i nz-icon nzType=\"search\" [ngStyle]=\"{ cursor: 'pointer' }\" (click)=\"onKeywordChange(updateMode.onSearchIconClick)\"></i>\n          </ng-template>\n          <div\n            *ngIf=\"(options && options.length) || content\"\n            [ngClass]=\"{ 'bixi-filter-advance-button': true, 'bixi-filter-advance-button-active': advancePanelActive }\"\n            nz-popover\n            nzPopoverTrigger=\"click\"\n            [nzPopoverTitle]=\"content ? content : contentTemplate\"\n            [nzPopoverContent]=\"footer ? footer : footerTemplate\"\n            [(nzPopoverVisible)]=\"advancePanelOpen\"\n            nzPopoverPlacement=\"bottomRight\"\n          >\n            <i nz-icon nzType=\"filter\" nzTheme=\"outline\"></i>{{ localeTranslation.filter }}\n            <span class=\"point\" *ngIf=\"advancePanelActive\"></span>\n          </div>\n          <bixi-filter-keys [cols]=\"cols\" *ngIf=\"cols.length\" (filterColsChange)=\"onKeysChange($event)\"></bixi-filter-keys>\n        </div>\n      </div>\n      <ng-template #contentTemplate>\n        <bixi-filter-advance\n          [(filterParams)]=\"filterParams\"\n          [options]=\"options\"\n          (searchChange)=\"onSearchChange($event)\"\n        ></bixi-filter-advance>\n      </ng-template>\n      <ng-template #footerTemplate>\n        <span\n          (click)=\"onReset()\"\n          [class.bixi-filter-footer-active]=\"advancePanelActive\"\n          [class.bixi-filter-footer-normal]=\"!advancePanelActive\"\n          [ngStyle]=\"{ cursor: 'pointer' }\"\n          ><i nz-icon nzType=\"undo\" nzTheme=\"outline\"></i> {{ localeTranslation.reset }}\n        </span>\n      </ng-template>\n    </div>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":87,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":88,"character":19},"member":"OnPush"}}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3}}]}],"filterParams":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3}}]}],"footer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3}}]}],"showKeyword":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":3}}]}],"keyword":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":3}}]}],"keywordPlacement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":3}}]}],"keywordPlaceholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":3}}]}],"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":3}}]}],"strategies":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3}}]}],"debounceTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":137,"character":3}}]}],"colsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":138,"character":3}}]}],"filterParamsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":139,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":140,"character":3}}]}],"cols":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":142,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@bixi/core/i18n","name":"BixiI18nService","line":156,"character":70},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":156,"character":100}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onKeysChange":[{"__symbolic":"method"}],"onSearchChange":[{"__symbolic":"method"}],"onKeywordChange":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}],"mergeWithCache":[{"__symbolic":"method"}],"setTranslation":[{"__symbolic":"method"}],"makeOptions":[{"__symbolic":"method"}],"unSubscribeAll":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"getBoolean":[{"__symbolic":"method"}],"genOptions":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"bixi-filter-keys","exportAs":"bixiFilterKeys","host":{"[class.bixi-filter-keys]":"true","[class.bixi-filter-header-right-element]":"true","$quoted$":["[class.bixi-filter-keys]","[class.bixi-filter-header-right-element]"]},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":19},"member":"OnPush"},"template":"<i nz-icon nzType=\"table\" nzTheme=\"outline\"\n  [ngClass]=\"{'filter-keys-toggle': true, 'filter-keys-toggle-active': popoverVisible}\" nz-popover\n  nzPopoverTrigger=\"click\" nzPopoverPlacement=\"bottomRight\" [(nzPopoverVisible)]=\"popoverVisible\"\n  nzPopoverOverlayClassName=\"filter-key-popover\" [nzPopoverContent]=\"contentTemplate\"></i>\n<ng-template #contentTemplate>\n  <div id=\"_cols\" class=\"key-list\" cdkDropList [cdkDropListData]=\"_cols\"\n    (cdkDropListDropped)=\"drop($event)\">\n    <div class=\"filter-col-box\">\n      <label nz-checkbox [(ngModel)]=\"allChecked\" (ngModelChange)=\"onSelectAll($event)\"\n        class=\"filter-col-name\">{{title}}</label>\n    </div>\n    <div class=\"filter-col-box\" *ngFor=\"let item of _cols\" cdkDrag>\n      <label nz-checkbox class=\"filter-col-name\" [ngModel]=\"item.visible !== false\"\n        [nzDisabled]=\"item.disabled\" (ngModelChange)=\"onColClick($event, item)\"\n        [nzValue]=\"item.keyAlias\">{{item.name}}</label>\n      <i nz-icon nzType=\"bars\" nzTheme=\"outline\" class=\"filter-col-icon\"></i>\n    </div>\n  </div>\n</ng-template>\n"}]}],"members":{"cols":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"filterColsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@bixi/core/i18n","name":"BixiI18nService","line":35,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":36,"character":17}]}],"ngOnInit":[{"__symbolic":"method"}],"drop":[{"__symbolic":"method"}],"updateChecked":[{"__symbolic":"method"}],"onSelectAll":[{"__symbolic":"method"}],"onColClick":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"bixi-filter-advance","host":{"[class.bixi-filter-advance]":"true","$quoted$":["[class.bixi-filter-advance]"]},"template":"\n    <div class=\"container\">\n      <ng-container *ngFor=\"let option of options\">\n        <ng-container [ngSwitch]=\"option.type\">\n          <bixi-filter-advance-text\n            *ngSwitchCase=\"'text'\"\n            [filterParams]=\"filterParams\"\n            [option]=\"option\"\n            (valueChange)=\"onModelChange($event, option.key)\"\n          ></bixi-filter-advance-text>\n          <bixi-filter-advance-date-range\n            *ngSwitchCase=\"'dateRange'\"\n            [filterParams]=\"filterParams\"\n            [option]=\"option\"\n            (valueChange)=\"onModelChange($event, option.key)\"\n          ></bixi-filter-advance-date-range>\n          <bixi-filter-advance-select\n            *ngSwitchCase=\"'select'\"\n            [filterParams]=\"filterParams\"\n            [option]=\"option\"\n            (valueChange)=\"onModelChange($event, option.key)\"\n          ></bixi-filter-advance-select>\n        </ng-container>\n      </ng-container>\n    </div>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":34,"character":19},"member":"OnPush"}}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"filterParams":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"filterParamsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"searchChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"onModelChange":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"bixi-filter-advance-text","template":"\n    <nz-form-item>\n      <nz-form-control [nzSpan]=\"24\">\n        <nz-input-group [nzSuffix]=\"suffixIconSearch\">\n          <input\n            type=\"text\" nz-input\n            [disabled]=\"option.disabled\"\n            [(ngModel)]=\"filterParams[option.key]\"\n            [placeholder]=\"option.placeholder\"\n            (ngModelChange)=\"onInput()\"\n            (keyup.enter)=\"onEnter()\"\n            (blur)=\"onBlur()\"\n          />\n        </nz-input-group>\n        <ng-template #suffixIconSearch>\n          <i nz-icon [ngStyle]=\"{ cursor: 'pointer' }\" (click)=\"onSearchIconClick()\" nzType=\"search\"></i>\n        </ng-template>\n      </nz-form-control>\n    </nz-form-item >\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":25,"character":19},"member":"OnPush"}}]}],"members":{"option":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"filterParams":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"onModelChange":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"onEnter":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"onSearchIconClick":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"bixi-filter-advance-select","template":"\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"5\">{{ option.title }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"19\">\n        <nz-select\n          nzShowSearch\n          nzAllowClear\n          [nzMode]=\"mode\"\n          [(ngModel)]=\"filterParams[option.key]\"\n          [nzPlaceHolder]=\"option.placeholder\"\n          [nzDisabled]=\"option.disabled\"\n          [nzServerSearch]=\"option.serverSearch\"\n          (ngModelChange)=\"onModelChange($event)\"\n          (nzOnSearch)=\"onSearch($event)\"\n        >\n          <nz-option *ngFor=\"let item of option.options | async\" [nzLabel]=\"item.label\" [nzValue]=\"item.value\"></nz-option>\n        </nz-select>\n      </nz-form-control>\n    </nz-form-item>\n  ","styles":["\n      nz-select {\n        width: 100%;\n      }\n    "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":34,"character":19},"member":"OnPush"}}]}],"members":{"option":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"filterParams":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"onModelChange":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"bixi-filter-advance-date-range","template":"\n    <nz-form-item>\n      <nz-form-label [nzSpan]=\"5\">{{ option.title }}</nz-form-label>\n      <nz-form-control [nzSpan]=\"19\">\n        <nz-date-picker\n          [nzFormat]=\"option.format\"\n          [nzShowTime]=\"option.showTime\"\n          [nzShowToday]=\"option.showToday\"\n          [nzDisabled]=\"option.disabled\"\n          [(ngModel)]=\"_date[0]\"\n          (ngModelChange)=\"onStartDateChange()\"\n        ></nz-date-picker>\n        ~\n        <nz-date-picker\n          [nzFormat]=\"option.format\"\n          [nzShowTime]=\"option.showTime\"\n          [nzShowToday]=\"option.showToday\"\n          [nzDisabled]=\"option.disabled\"\n          [(ngModel)]=\"_date[1]\"\n          (ngModelChange)=\"onEndDateChange()\"\n        ></nz-date-picker>\n      </nz-form-control>\n    </nz-form-item>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":32,"character":19},"member":"OnPush"}}]}],"members":{"option":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"filterParams":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"onStartDateChange":[{"__symbolic":"method"}],"onEndDateChange":[{"__symbolic":"method"}],"onDateChange":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"bixi-filter-actions, [bixi-filter-actions]","exportAs":"bixiFilterActions","host":{"class":"bixi-filter-actions"}}]}],"members":{}}},"origins":{"BixiFilterModule":"./filter.module","IFilterBaseOption":"./filter.type","IFilterTextOption":"./filter.type","IFilterSelectOption":"./filter.type","IFilterSelectOptionOptions":"./filter.type","IFilterDateRangeOption":"./filter.type","IFilterSearchSelectGetListOption":"./filter.type","IFilterOptions":"./filter.type","IFilterKeywordPlacement":"./filter.type","IFilterParams":"./filter.type","IFilterValue":"./filter.type","IFilterCol":"./filter.type","ɵa":"./filter.component","ɵb":"./filter.service","ɵc":"./filter-keys/filter-keys.component","ɵd":"./filter-advance/fitler-advance.component","ɵe":"./filter-advance/filter-advance-text.component","ɵf":"./filter-advance/filter-advance-select.component","ɵg":"./filter-advance/filter-advance-date-range.component","ɵh":"./filter.directive"},"importAs":"@bixi/core/filter"}