@pepperi-addons/ngx-lib 0.3.15-beta.20 → 0.3.15-beta.21

package/query-builder/pepperi-addons-ngx-lib-query-builder.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"PepQueryBuilderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":17,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":18,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/select","name":"PepSelectModule","line":19,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/button","name":"PepButtonModule","line":20,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/group-buttons","name":"PepGroupButtonsModule","line":21,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/smart-filters","name":"PepSmartFiltersModule","line":22,"character":8}],"exports":[{"__symbolic":"reference","name":"PepQueryBuilderComponent"}],"declarations":[{"__symbolic":"reference","name":"PepQueryBuilderComponent"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}]}]}],"members":{}},"PepQueryBuilderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"pep-query-builder","providers":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵb"}],"template":"<pep-query-builder-section #rootContainer [form]=\"queryStructureService.form\" [depth]=\"depth\" [hasFields]=\"hasFields\"\n    (createSection)=\"onCreateSection()\" (createItem)=\"onCreateItem()\" (operatorChange)=\"onOperatorChange()\">\n</pep-query-builder-section>","styles":[""]}]}],"members":{"query":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"variableFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}}]}],"maxDepth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5}}]}],"queryChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":5}}]}],"formValidationChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":5}}]}],"root":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":52,"character":5},"arguments":["rootContainer",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":61,"character":21},{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"setupForm":[{"__symbolic":"method"}],"initDepth":[{"__symbolic":"method"}],"loadQuery":[{"__symbolic":"method"}],"onCreateSection":[{"__symbolic":"method"}],"onCreateItem":[{"__symbolic":"method"}],"onOperatorChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"PepQueryBuilderService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":22,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"getFilter":[{"__symbolic":"method"}],"convertToSmartFilterFields":[{"__symbolic":"method"}],"getFilterValues":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"IPepQueryBuilderFieldContainer":{"__symbolic":"interface"},"IPepQueryBuilderFieldType":{"__symbolic":"interface"},"IPepQueryBuilderField":{"__symbolic":"interface"},"IPepQuerySection":{"__symbolic":"interface"},"IPepQueryItem":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":27,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":39,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":40,"character":27},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"PepQueryBuilderService"}]}],"buildQueryStructure":[{"__symbolic":"method"}],"hasProperty":[{"__symbolic":"method"}],"flatten":[{"__symbolic":"method"}],"createSection":[{"__symbolic":"method"}],"createItem":[{"__symbolic":"method"}],"getSelectedField":[{"__symbolic":"method"}],"convertSmartFilterComponentType":[{"__symbolic":"method"}],"createOutputQuery":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"generateQuery":[{"__symbolic":"method"}],"initParams":[{"__symbolic":"method"}],"sectionWalk":[{"__symbolic":"method"}],"addToSection":[{"__symbolic":"method"}],"createSection":[{"__symbolic":"method"}],"getItemValues":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"initOperators":[{"__symbolic":"method"}],"initBooleans":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"pep-query-builder-section","template":"<div fxLayout=\"row\" fxLayoutGap=\".5rem\">\n    <div class=\"query-section-container\" fxLayout=\"column\" fxLayoutGap=\".5rem\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between\">\n            <pep-group-buttons [buttons]=\"toggleButtons\" [selectedButtonKey]=\"f.operator?.value || ''\" styleType=\"weak\"\n                sizeType=\"sm\" [viewType]=\"'toggle'\" [buttonsDisabled]=\"!hasFields\">\n            </pep-group-buttons>\n            <div fxLayout=\"row\" fxLayoutGap=\".5rem\">\n                <pep-button value=\"Add Filter\" styleType=\"weak\" styleStateType=\"system\" sizeType=\"sm\" classNames=\"\"\n                    [disabled]=\"!hasFields\" iconName=\"number_plus\" iconPosition=\"end\" [visible]=\"true\"\n                    (buttonClick)=\"onAddRuleClicked()\"></pep-button>\n                <ng-container *ngIf=\"depth.current < depth.max-1\">\n                    <pep-button value=\"Add Filter Group\" styleType=\"weak\" styleStateType=\"system\" sizeType=\"sm\"\n                        classNames=\"\" [disabled]=\"!hasFields\" iconName=\"number_plus\" iconPosition=\"end\" [visible]=\"true\"\n                        (buttonClick)=\"onAddRuleSetClicked()\"></pep-button>\n                </ng-container>\n            </div>\n        </div>\n        <ng-container #sectionContainer></ng-container>\n    </div>\n    <pep-button *ngIf=\"depth.current > 0\" styleType=\"weak\" styleStateType=\"system_bin\" sizeType=\"md\" classNames=\"\"\n        [disabled]=\"false\" iconName=\"system_bin\" iconPosition=\"end\" [visible]=\"true\"\n        (buttonClick)=\"onDeleteSectionClicked()\">\n    </pep-button>\n</div>","styles":[".query-section-container{border-radius:.25rem;border-radius:var(--pep-border-radius-md,.25rem);padding:.5rem;width:100%}",".query-section-container{box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.08);box-shadow:var(--pep-shadow-sm-offset,0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.08);border:1px solid rgba(26,26,26,.24);border:1px solid hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.24)}"]}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"depth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"hasFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"createSection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":5}}]}],"createItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":5}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":5}}]}],"operatorChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":5}}]}],"sectionContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":5},"arguments":["sectionContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":36,"character":43},"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"initOperators":[{"__symbolic":"method"}],"onOperatorChanged":[{"__symbolic":"method"}],"onAddRuleClicked":[{"__symbolic":"method"}],"onAddRuleSetClicked":[{"__symbolic":"method"}],"onDeleteSectionClicked":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"pep-query-builder-item","template":"<div fxLayout=\"column\" fxLayoutGap=\".5rem\">\n    <div fxLayout=\"row\" fxLayoutGap=\".5rem\">\n        <pep-select fxFlex=\"25%\" [value]=\"_selectedField?.id\" xAlignment=\"left\" [options]=\"_options\"\n            [renderTitle]=\"false\" (valueChange)=\"onFieldChanged($event)\"></pep-select>\n        <ng-container *ngIf=\"_selectedField?.componentType\">\n            <ng-container [ngSwitch]=\"_selectedField.componentType\">\n                <ng-container *ngSwitchCase=\"'text'\">\n                    <pep-text-filter fxFlex=\"auto\" [showActionButtons]=\"false\" [variableField]=\"variableFields?.text\"\n                        [field]=\"_selectedField\" [filter]=\"_filter\" [parentForm]=\"f.smart\" [emitOnChange]=\"true\"\n                        [inline]=\"true\" [renderTitle]=\"false\" (filterChange)=\"onFilterChanged()\">\n                    </pep-text-filter>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'boolean'\">\n                    <pep-boolean-filter fxFlex=\"auto\" [showActionButtons]=\"false\"\n                        [variableField]=\"variableFields?.boolean\" [field]=\"_selectedField\" [filter]=\"_filter\"\n                        [parentForm]=\"f.smart\" [emitOnChange]=\"true\" [inline]=\"true\"\n                        [options]=\"typeConvertorService.booleans\" [renderTitle]=\"false\"\n                        (filterChange)=\"onFilterChanged()\">\n                    </pep-boolean-filter>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'date'\">\n                    <pep-date-filter fxFlex=\"auto\" [showActionButtons]=\"false\" [showAdditionalOperators]=\"true\"\n                        [variableField]=\"variableFields?.date\" [field]=\"_selectedField\" [filter]=\"_filter\"\n                        [parentForm]=\"f.smart\" [emitOnChange]=\"true\" [inline]=\"true\" [renderTitle]=\"false\"\n                        (filterChange)=\"onFilterChanged()\">\n                    </pep-date-filter>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'multi-select'\">\n                    <pep-multi-select-filter fxFlex=\"auto\" [showActionButtons]=\"false\" [field]=\"_selectedField\"\n                        [filter]=\"_filter\" [parentForm]=\"f.smart\" [emitOnChange]=\"true\" [inline]=\"true\"\n                        [renderTitle]=\"false\" (filterChange)=\"onFilterChanged()\">\n                    </pep-multi-select-filter>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'number'\">\n                    <pep-number-filter fxFlex=\"auto\" [showActionButtons]=\"false\"\n                        [variableField]=\"variableFields?.number\" [field]=\"_selectedField\" [filter]=\"_filter\"\n                        [parentForm]=\"f.smart\" [emitOnChange]=\"true\" [inline]=\"true\" [renderTitle]=\"false\"\n                        (filterChange)=\"onFilterChanged()\">\n                    </pep-number-filter>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n        <pep-button styleType=\"weak\" styleStateType=\"system_bin\" sizeType=\"md\" classNames=\"\" [disabled]=\"false\"\n            iconName=\"system_bin\" iconPosition=\"end\" [visible]=\"true\" (buttonClick)=\"onDeleteItemClicked()\">\n        </pep-button>\n    </div>\n</div>","styles":["::ng-deep .pep-field-no-spacing{min-height:0!important;margin-bottom:0!important}"]}]}],"members":{"formKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5}}]}],"parentForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}}]}],"variableFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":5}}]}],"filterChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":57,"character":5}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":65,"character":21},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"setupForm":[{"__symbolic":"method"}],"addToParentForm":[{"__symbolic":"method"}],"onFieldChanged":[{"__symbolic":"method"}],"onFilterChanged":[{"__symbolic":"method"}],"onDeleteItemClicked":[{"__symbolic":"method"}]}}},"origins":{"PepQueryBuilderModule":"./query-builder.module","PepQueryBuilderComponent":"./query-builder.component","PepQueryBuilderService":"./query-builder.service","IPepQueryBuilderFieldContainer":"./common/model/legacy","IPepQueryBuilderFieldType":"./common/model/legacy","IPepQueryBuilderField":"./common/model/legacy","IPepQuerySection":"./common/model/legacy","IPepQueryItem":"./common/model/legacy","ɵa":"./common/services/query-structure.service","ɵb":"./common/services/output-query.service","ɵc":"./common/services/type-convertor.service","ɵd":"./query-builder-section/query-builder-section.component","ɵe":"./query-builder-item/query-builder-item.component"},"importAs":"@pepperi-addons/ngx-lib/query-builder"}
+{"__symbolic":"module","version":4,"metadata":{"PepQueryBuilderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":17,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":18,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/select","name":"PepSelectModule","line":19,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/button","name":"PepButtonModule","line":20,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/group-buttons","name":"PepGroupButtonsModule","line":21,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/smart-filters","name":"PepSmartFiltersModule","line":22,"character":8}],"exports":[{"__symbolic":"reference","name":"PepQueryBuilderComponent"}],"declarations":[{"__symbolic":"reference","name":"PepQueryBuilderComponent"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}]}]}],"members":{}},"PepQueryBuilderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"pep-query-builder","providers":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵb"}],"template":"<pep-query-builder-section #rootContainer [form]=\"queryStructureService.form\" [depth]=\"depth\" [hasFields]=\"hasFields\"\n    (createSection)=\"onCreateSection()\" (createItem)=\"onCreateItem()\" (operatorChange)=\"onOperatorChange()\">\n</pep-query-builder-section>","styles":[""]}]}],"members":{"query":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"variableFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}}]}],"maxDepth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5}}]}],"queryChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":5}}]}],"formValidationChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":5}}]}],"root":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":52,"character":5},"arguments":["rootContainer",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":61,"character":21},{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"setupForm":[{"__symbolic":"method"}],"initDepth":[{"__symbolic":"method"}],"loadQuery":[{"__symbolic":"method"}],"onCreateSection":[{"__symbolic":"method"}],"onCreateItem":[{"__symbolic":"method"}],"onOperatorChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"PepQueryBuilderService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":22,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"getFilter":[{"__symbolic":"method"}],"convertToSmartFilterFields":[{"__symbolic":"method"}],"getFilterValues":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"IPepQueryBuilderFieldContainer":{"__symbolic":"interface"},"IPepQueryBuilderFieldType":{"__symbolic":"interface"},"IPepQueryBuilderField":{"__symbolic":"interface"},"IPepQuerySection":{"__symbolic":"interface"},"IPepQueryItem":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":27,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":39,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":40,"character":27},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"PepQueryBuilderService"}]}],"buildQueryStructure":[{"__symbolic":"method"}],"hasProperty":[{"__symbolic":"method"}],"flatten":[{"__symbolic":"method"}],"createSection":[{"__symbolic":"method"}],"createItem":[{"__symbolic":"method"}],"getSelectedField":[{"__symbolic":"method"}],"convertSmartFilterComponentType":[{"__symbolic":"method"}],"createOutputQuery":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"generateQuery":[{"__symbolic":"method"}],"initParams":[{"__symbolic":"method"}],"sectionWalk":[{"__symbolic":"method"}],"addToSection":[{"__symbolic":"method"}],"createSection":[{"__symbolic":"method"}],"getItemValues":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"initOperators":[{"__symbolic":"method"}],"initBooleans":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"pep-query-builder-section","template":"<div fxLayout=\"row\" fxLayoutGap=\".5rem\">\n    <div class=\"query-section-container\" fxLayout=\"column\" fxLayoutGap=\".5rem\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between\">\n            <pep-group-buttons [buttons]=\"toggleButtons\" [selectedButtonKey]=\"f.operator?.value || ''\" styleType=\"weak\"\n                sizeType=\"sm\" [viewType]=\"'toggle'\" [buttonsDisabled]=\"!hasFields\">\n            </pep-group-buttons>\n            <div fxLayout=\"row\" fxLayoutGap=\".5rem\">\n                <pep-button value=\"Add Filter\" styleType=\"weak\" styleStateType=\"system\" sizeType=\"sm\" classNames=\"\"\n                    [disabled]=\"!hasFields\" iconName=\"number_plus\" iconPosition=\"end\" [visible]=\"true\"\n                    (buttonClick)=\"onAddRuleClicked()\"></pep-button>\n                <ng-container *ngIf=\"depth.current < depth.max-1\">\n                    <pep-button value=\"Add Filter Group\" styleType=\"weak\" styleStateType=\"system\" sizeType=\"sm\"\n                        classNames=\"\" [disabled]=\"!hasFields\" iconName=\"number_plus\" iconPosition=\"end\" [visible]=\"true\"\n                        (buttonClick)=\"onAddRuleSetClicked()\"></pep-button>\n                </ng-container>\n            </div>\n        </div>\n        <ng-container #sectionContainer></ng-container>\n    </div>\n    <pep-button *ngIf=\"depth.current > 0\" styleType=\"weak\" styleStateType=\"system_bin\" sizeType=\"md\" classNames=\"\"\n        [disabled]=\"false\" iconName=\"system_bin\" iconPosition=\"end\" [visible]=\"true\"\n        (buttonClick)=\"onDeleteSectionClicked()\">\n    </pep-button>\n</div>","styles":[".query-section-container{border-radius:.25rem;border-radius:var(--pep-border-radius-md,.25rem);padding:.5rem;width:100%}",".query-section-container{box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.08);box-shadow:var(--pep-shadow-sm-offset,0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.08);border:1px solid rgba(26,26,26,.24);border:1px solid hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.24)}"]}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"depth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"hasFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"createSection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":5}}]}],"createItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":5}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":5}}]}],"operatorChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":5}}]}],"sectionContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":5},"arguments":["sectionContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":36,"character":43},"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"initOperators":[{"__symbolic":"method"}],"onOperatorChanged":[{"__symbolic":"method"}],"onAddRuleClicked":[{"__symbolic":"method"}],"onAddRuleSetClicked":[{"__symbolic":"method"}],"onDeleteSectionClicked":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"pep-query-builder-item","template":"<div fxLayout=\"column\" fxLayoutGap=\".5rem\">\n    <div fxLayout=\"row\" fxLayoutGap=\".5rem\">\n        <pep-select fxFlex=\"25%\" [value]=\"_selectedField?.id\" xAlignment=\"left\" [options]=\"_options\"\n            [renderTitle]=\"false\" (valueChange)=\"onFieldChanged($event)\"></pep-select>\n        <ng-container *ngIf=\"_selectedField?.componentType\">\n            <ng-container [ngSwitch]=\"_selectedField.componentType\">\n                <ng-container *ngSwitchCase=\"'text'\">\n                    <pep-text-filter fxFlex=\"auto\" [showActionButtons]=\"false\" [variableField]=\"variableFields?.text\"\n                        [field]=\"_selectedField\" [filter]=\"_filter\" [parentForm]=\"f.smart\" [emitOnChange]=\"true\"\n                        [inline]=\"true\" [renderTitle]=\"false\" (filterChange)=\"onFilterChanged()\">\n                    </pep-text-filter>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'boolean'\">\n                    <pep-boolean-filter fxFlex=\"auto\" [showActionButtons]=\"false\"\n                        [variableField]=\"variableFields?.boolean\" [field]=\"_selectedField\" [filter]=\"_filter\"\n                        [parentForm]=\"f.smart\" [emitOnChange]=\"true\" [inline]=\"true\"\n                        [options]=\"typeConvertorService.booleans\" [renderTitle]=\"false\"\n                        (filterChange)=\"onFilterChanged()\">\n                    </pep-boolean-filter>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'date'\">\n                    <pep-date-filter fxFlex=\"auto\" [showActionButtons]=\"false\" [showAdditionalOperators]=\"true\"\n                        [variableField]=\"variableFields?.date\" [field]=\"_selectedField\" [filter]=\"_filter\"\n                        [parentForm]=\"f.smart\" [emitOnChange]=\"true\" [inline]=\"true\" [renderTitle]=\"false\"\n                        (filterChange)=\"onFilterChanged()\">\n                    </pep-date-filter>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'multi-select'\">\n                    <pep-multi-select-filter fxFlex=\"auto\" [showActionButtons]=\"false\"\n                        [variableField]=\"variableFields?.['multi-select']\" [field]=\"_selectedField\" [filter]=\"_filter\"\n                        [parentForm]=\"f.smart\" [emitOnChange]=\"true\" [inline]=\"true\" [renderTitle]=\"false\"\n                        (filterChange)=\"onFilterChanged()\">\n                    </pep-multi-select-filter>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'number'\">\n                    <pep-number-filter fxFlex=\"auto\" [showActionButtons]=\"false\"\n                        [variableField]=\"variableFields?.number\" [field]=\"_selectedField\" [filter]=\"_filter\"\n                        [parentForm]=\"f.smart\" [emitOnChange]=\"true\" [inline]=\"true\" [renderTitle]=\"false\"\n                        (filterChange)=\"onFilterChanged()\">\n                    </pep-number-filter>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n        <pep-button styleType=\"weak\" styleStateType=\"system_bin\" sizeType=\"md\" classNames=\"\" [disabled]=\"false\"\n            iconName=\"system_bin\" iconPosition=\"end\" [visible]=\"true\" (buttonClick)=\"onDeleteItemClicked()\">\n        </pep-button>\n    </div>\n</div>","styles":["::ng-deep .pep-field-no-spacing{min-height:0!important;margin-bottom:0!important}"]}]}],"members":{"formKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5}}]}],"parentForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}}]}],"variableFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":5}}]}],"filterChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":57,"character":5}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":65,"character":21},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"setupForm":[{"__symbolic":"method"}],"addToParentForm":[{"__symbolic":"method"}],"onFieldChanged":[{"__symbolic":"method"}],"onFilterChanged":[{"__symbolic":"method"}],"onDeleteItemClicked":[{"__symbolic":"method"}]}}},"origins":{"PepQueryBuilderModule":"./query-builder.module","PepQueryBuilderComponent":"./query-builder.component","PepQueryBuilderService":"./query-builder.service","IPepQueryBuilderFieldContainer":"./common/model/legacy","IPepQueryBuilderFieldType":"./common/model/legacy","IPepQueryBuilderField":"./common/model/legacy","IPepQuerySection":"./common/model/legacy","IPepQueryItem":"./common/model/legacy","ɵa":"./common/services/query-structure.service","ɵb":"./common/services/output-query.service","ɵc":"./common/services/type-convertor.service","ɵd":"./query-builder-section/query-builder-section.component","ɵe":"./query-builder-item/query-builder-item.component"},"importAs":"@pepperi-addons/ngx-lib/query-builder"}

package/smart-filters/boolean-filter/boolean-filter.component.d.ts

@@ -11,7 +11,6 @@ export declare class PepBooleanFilterComponent extends BaseFilterComponent imple
         LessThanVariable: IPepSmartFilterOperator;
         GreaterThanVariable: IPepSmartFilterOperator;
         DateRangeVariable: IPepSmartFilterOperator;
-        InTheLastVariable: IPepSmartFilterOperator;
     };
     chooseTypeOptions: Array<IPepOption>;
     operatorWidth: string;

package/smart-filters/common/model/operator.d.ts

@@ -12,6 +12,8 @@ export declare const PepSmartFilterOperators: {
     GreaterThan: IPepSmartFilterOperator;
     NumberRange: IPepSmartFilterOperator;
     Contains: IPepSmartFilterOperator;
+    BeginsWith: IPepSmartFilterOperator;
+    EndsWith: IPepSmartFilterOperator;
     InTheLast: IPepSmartFilterOperator;
     Today: IPepSmartFilterOperator;
     ThisWeek: IPepSmartFilterOperator;
@@ -35,7 +37,6 @@ export declare const PepSmartFilterVariableOperators: {
     LessThanVariable: IPepSmartFilterOperator;
     GreaterThanVariable: IPepSmartFilterOperator;
     DateRangeVariable: IPepSmartFilterOperator;
-    InTheLastVariable: IPepSmartFilterOperator;
 };
 export declare class IPepSmartFilterOperatorUnit {
     id: PepSmartFilterOperatorUnitType;

package/smart-filters/common/model/type.d.ts

@@ -1,4 +1,4 @@
 export declare type PepSmartFilterComponentType = 'text' | 'number' | 'date' | 'multi-select' | 'boolean';
 export declare type PepSmartFilterType = 'text' | 'boolean' | 'currency' | 'date' | 'date-time' | 'int' | 'multi-select' | 'percentage' | 'real';
-export declare type PepSmartFilterOperatorType = 'eq' | 'eqv' | 'neq' | 'neqv' | 'lt' | 'ltv' | 'gt' | 'gtv' | 'ltoe' | 'gtoe' | 'numberRange' | 'contains' | 'beginsWith' | 'endsWith' | 'after' | 'before' | 'inTheLast' | 'inTheLastCalendar' | 'inTheLastVariable' | 'today' | 'thisWeek' | 'thisMonth' | 'dateRange' | 'dateRangeVariable' | 'dueIn' | 'on' | 'notInTheLast' | 'notInTheLastCalendar' | 'notDueIn' | 'isEmpty' | 'isNotEmpty' | 'in';
+export declare type PepSmartFilterOperatorType = 'eq' | 'eqv' | 'neq' | 'neqv' | 'lt' | 'ltv' | 'gt' | 'gtv' | 'ltoe' | 'gtoe' | 'numberRange' | 'contains' | 'beginsWith' | 'endsWith' | 'after' | 'before' | 'inTheLast' | 'inTheLastCalendar' | 'today' | 'thisWeek' | 'thisMonth' | 'dateRange' | 'dateRangeVariable' | 'dueIn' | 'on' | 'notInTheLast' | 'notInTheLastCalendar' | 'notDueIn' | 'isEmpty' | 'isNotEmpty' | 'in';
 export declare type PepSmartFilterOperatorUnitType = 'days' | 'weeks' | 'months' | 'years';

package/smart-filters/date-filter/date-filter.component.d.ts

@@ -11,6 +11,8 @@ export declare class PepDateFilterComponent extends BaseFilterComponent implemen
         GreaterThan: IPepSmartFilterOperator;
         NumberRange: IPepSmartFilterOperator;
         Contains: IPepSmartFilterOperator;
+        BeginsWith: IPepSmartFilterOperator;
+        EndsWith: IPepSmartFilterOperator;
         InTheLast: IPepSmartFilterOperator;
         Today: IPepSmartFilterOperator;
         ThisWeek: IPepSmartFilterOperator;
@@ -34,7 +36,6 @@ export declare class PepDateFilterComponent extends BaseFilterComponent implemen
         LessThanVariable: IPepSmartFilterOperator;
         GreaterThanVariable: IPepSmartFilterOperator;
         DateRangeVariable: IPepSmartFilterOperator;
-        InTheLastVariable: IPepSmartFilterOperator;
     };
     chooseTimeOptions: Array<IPepOption>;
     chooseTimeUnitOptions: Array<IPepOption>;
@@ -50,5 +51,6 @@ export declare class PepDateFilterComponent extends BaseFilterComponent implemen
     onOperatorChanged(value: string): void;
     onTimeUnitChanged(value: string): void;
     onVariableChanged(value: any): void;
+    onSecondVariableChanged(value: any): void;
     onDateValueChanged(): void;
 }

package/smart-filters/multi-select-filter/multi-select-filter.component.d.ts

@@ -14,11 +14,21 @@ declare class PepMultiSelectFilterOption implements IPepSmartFilterFieldOption {
     selected: boolean;
 }
 export declare class PepMultiSelectFilterComponent extends BaseFilterComponent implements OnInit, AfterViewInit {
+    PepSmartFilterVariableOperators: {
+        EqualsToVariable: IPepSmartFilterOperator;
+        NotEqualsToVariable: IPepSmartFilterOperator;
+        LessThanVariable: IPepSmartFilterOperator;
+        GreaterThanVariable: IPepSmartFilterOperator;
+        DateRangeVariable: IPepSmartFilterOperator;
+    };
     options: PepMultiSelectFilterOption[];
     filteredOptions$: Observable<any>;
+    chooseTypeOptions: Array<IPepOption>;
     searchControl: FormControl;
     selected: string;
     inlineOptions: IPepOption[];
+    operatorWidth: string;
+    valueWidth: string;
     optionsContainer: ElementRef;
     private readonly MAX_OPTIONS_TO_SHOW;
     private virtualScroller;
@@ -32,8 +42,12 @@ export declare class PepMultiSelectFilterComponent extends BaseFilterComponent i
     private filterOptions;
     getDefaultOperator(): IPepSmartFilterOperator;
     getFilterValue(): IPepSmartFilterDataValue;
+    loadOperatorsOptions(): void;
+    setControlsWidth(): void;
+    onOperatorChanged(value: string): void;
     initFilter(): void;
     onOptionChange(option: PepMultiSelectFilterOption, event: MatCheckboxChange): void;
     onMultiSelectChanged(value: string): void;
+    onValueChanged(value: any): void;
 }
 export {};

package/smart-filters/number-filter/number-filter.component.d.ts

@@ -11,6 +11,8 @@ export declare class PepNumberFilterComponent extends BaseFilterComponent implem
         GreaterThan: IPepSmartFilterOperator;
         NumberRange: IPepSmartFilterOperator;
         Contains: IPepSmartFilterOperator;
+        BeginsWith: IPepSmartFilterOperator;
+        EndsWith: IPepSmartFilterOperator;
         InTheLast: IPepSmartFilterOperator;
         Today: IPepSmartFilterOperator;
         ThisWeek: IPepSmartFilterOperator;
@@ -30,7 +32,6 @@ export declare class PepNumberFilterComponent extends BaseFilterComponent implem
         LessThanVariable: IPepSmartFilterOperator;
         GreaterThanVariable: IPepSmartFilterOperator;
         DateRangeVariable: IPepSmartFilterOperator;
-        InTheLastVariable: IPepSmartFilterOperator;
     };
     chooseTypeOptions: Array<IPepOption>;
     operatorWidth: string;

package/smart-filters/pepperi-addons-ngx-lib-smart-filters.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"PepSmartFiltersModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":41,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":43,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":44,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":45,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":47,"character":8},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":48,"character":8},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":49,"character":8},{"__symbolic":"reference","module":"@angular/material/expansion","name":"MatExpansionModule","line":50,"character":8},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":51,"character":8},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":52,"character":8},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":53,"character":8},{"__symbolic":"reference","module":"@angular/material/radio","name":"MatRadioModule","line":54,"character":8},{"__symbolic":"reference","module":"ngx-virtual-scroller","name":"VirtualScrollerModule","line":56,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepNgxLibModule","line":58,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/checkbox","name":"PepCheckboxModule","line":59,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/date","name":"PepDateModule","line":60,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/select","name":"PepSelectModule","line":61,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/textbox","name":"PepTextboxModule","line":62,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/search","name":"PepSearchModule","line":63,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconModule","line":64,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/button","name":"PepButtonModule","line":65,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/group-buttons","name":"PepGroupButtonsModule","line":66,"character":8}],"exports":[{"__symbolic":"reference","name":"PepSmartFiltersComponent"},{"__symbolic":"reference","name":"PepTextFilterComponent"},{"__symbolic":"reference","name":"PepBooleanFilterComponent"},{"__symbolic":"reference","name":"PepDateFilterComponent"},{"__symbolic":"reference","name":"PepMultiSelectFilterComponent"},{"__symbolic":"reference","name":"PepNumberFilterComponent"}],"declarations":[{"__symbolic":"reference","name":"PepSmartFiltersComponent"},{"__symbolic":"reference","name":"PepFilterActionsComponent"},{"__symbolic":"reference","name":"PepTextFilterComponent"},{"__symbolic":"reference","name":"PepBooleanFilterComponent"},{"__symbolic":"reference","name":"PepDateFilterComponent"},{"__symbolic":"reference","name":"PepMultiSelectFilterComponent"},{"__symbolic":"reference","name":"PepNumberFilterComponent"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconRegistry","line":88,"character":41}]}]}},"PepSmartFiltersComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"pep-smart-filters","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":21},"member":"OnPush"},"template":"<div class=\"smart-filters-container\" dir=\"{{ layoutService.isRtl() ? 'rtl' : 'ltr' }}\">\n    <div *ngIf=\"fields?.length > 0\" class=\"title\">\n        <span class=\"body-md bold\">{{ title?.length > 0 ? title : (\"SMART_FILTERS.TITLE\" | translate)}}</span>\n        <mat-chip *ngIf=\"filtersDataMap.size > 0\" [selectable]=\"false\" [removable]=\"true\" (click)=\"onFiltersClear()\"\n            class=\"clear-filter pep-button chip xs weak\">\n            <span class=\"body-xs ellipsis \">\n                {{ \"ACTIONS.CLEAR\" | translate}}\n            </span>\n        </mat-chip>\n    </div>\n\n    <mat-accordion [displayMode]=\"'flat'\" [multi]=\"true\" class=\"pep-accordion2\">\n        <mat-expansion-panel *ngFor=\"let field of fields; let i = index\" hideToggle=\"true\" [expanded]=\"field.isOpen\"\n            (opened)=\"toggleField(i, true)\" (closed)=\"toggleField(i, false)\">\n            <mat-expansion-panel-header [collapsedHeight]=\"expansionPanelHeaderHeight\"\n                [expandedHeight]=\"expansionPanelHeaderHeight\">\n                <mat-panel-title class=\"pep-spacing-element-negative\">\n                    <div class=\"smart-filter-title-container\">\n                        <mat-icon class=\"pep-spacing-element\">\n                            <pep-icon [name]=\"field.isOpen ? 'number_minus' : 'number_plus'\"></pep-icon>\n                        </mat-icon>\n                        <span class=\"body-sm ellipsis\" [title]=\"field.name\">\n                            {{ field.name }}\n                        </span>\n                        <mat-chip *ngIf=\"filtersDataMap.get(field.id)\" [selectable]=\"false\" [removable]=\"true\"\n                            (click)=\"onFilterClear(field)\" class=\"clear-filter pep-button chip xs weak\">\n                            <span *ngIf=\"field.componentType === 'multi-select'\" class=\"body-xs pep-spacing-element\">\n                                {{ filtersDataMap.get(field.id).value?.first?.length }}\n                                <!-- {{ field.componentType === 'multi-select' ?\n                                filtersDataMap.get(field.id).value?.first?.length : 1 }} -->\n                            </span>\n                            <mat-icon>\n                                <pep-icon name=\"system_close\"></pep-icon>\n                            </mat-icon>\n                        </mat-chip>\n                    </div>\n                </mat-panel-title>\n            </mat-expansion-panel-header>\n            <div class=\"expansion-content smart-filter-content\">\n                <ng-container [ngSwitch]=\"field.componentType\">\n                    <ng-container *ngSwitchCase=\"'boolean'\">\n                        <pep-boolean-filter [field]=\"field\" [filter]=\"filtersDataMap.get(field.id)\"\n                            (filterChange)=\"onFilterChange(field, $event)\" (filterClear)=\"onFilterClear(field)\">\n                        </pep-boolean-filter>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'date'\">\n                        <pep-date-filter [field]=\"field\" [filter]=\"filtersDataMap.get(field.id)\"\n                            (filterChange)=\"onFilterChange(field, $event)\" (filterClear)=\"onFilterClear(field)\">\n                        </pep-date-filter>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'multi-select'\">\n                        <pep-multi-select-filter [field]=\"field\" [filter]=\"filtersDataMap.get(field.id)\"\n                            (filterChange)=\"onFilterChange(field, $event)\" (filterClear)=\"onFilterClear(field)\">\n                        </pep-multi-select-filter>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'number'\">\n                        <pep-number-filter [field]=\"field\" [filter]=\"filtersDataMap.get(field.id)\"\n                            (filterChange)=\"onFilterChange(field, $event)\" (filterClear)=\"onFilterClear(field)\">\n                        </pep-number-filter>\n                    </ng-container>\n                    <!-- <div *ngSwitchDefault>\n                    </div> -->\n                </ng-container>\n            </div>\n        </mat-expansion-panel>\n    </mat-accordion>\n</div>","styles":[".smart-filters-container .title{height:calc(.5rem + 2.5rem);height:calc(var(--pep-top-bar-spacing-bottom, .5rem) + var(--pep-top-bar-field-height, 2.5rem));display:flex;flex-flow:wrap;align-items:center;justify-content:space-between}.smart-filters-container .title .clear-filter{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0 .25rem;margin:0 var(--pep-spacing-xs,.25rem);padding:0 .75rem;padding:0 var(--pep-spacing-md,.75rem)}.smart-filters-container .title .clear-filter:after{background-color:transparent}.smart-filters-container .smart-filter-title-container{display:grid;grid-auto-flow:column;grid-template-columns:auto 1fr auto;width:100%}.smart-filters-container .smart-filter-title-container>*{align-self:center}.smart-filters-container .smart-filter-title-container .clear-filter{display:flex;flex-direction:row;align-items:center;justify-content:center;-webkit-margin-end:.5rem;margin-inline-end:.5rem;-webkit-margin-end:var(--pep-spacing-sm,.5rem);margin-inline-end:var(--pep-spacing-sm,.5rem)}.smart-filters-container .smart-filter-title-container .clear-filter:after{background-color:transparent}.smart-filters-container .smart-filter-title-container .mat-icon pep-icon{height:.75rem;width:.75rem}",".smart-filters-container .clear-filter.weak{background:rgba(26,26,26,.12);background:hsla(var(--pep-color-weak-h,0),var(--pep-color-weak-s,0%),var(--pep-color-weak-l,10%),.12)}.smart-filters-container .clear-filter.weak:hover{background:rgba(26,26,26,.16);background:hsla(var(--pep-color-weak-h,0),var(--pep-color-weak-s,0%),var(--pep-color-weak-l,10%),.16)}.smart-filters-container .clear-filter.weak:focus{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);box-shadow:var(--pep-shadow-xs-offset,0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.08);position:relative;box-shadow:0 0 0 .25rem rgba(23,102,166,.5);box-shadow:0 0 0 var(--pep-spacing-xs,.25rem) hsla(var(--pep-color-text-link-h,207),var(--pep-color-text-link-s,76%),var(--pep-color-text-link-l,37%),.5)}.smart-filters-container .clear-filter.weak:focus:not(.keep-background-on-focus){background:#fff;background:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}.smart-filters-container .clear-filter.weak:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:inherit;border:1px solid #1a1a1a;border:1px solid hsl(var(--pep-color-weak-h,0),var(--pep-color-weak-s,0%),var(--pep-color-weak-l,10%))}.smart-filters-container .clear-filter.weak:active{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);box-shadow:var(--pep-shadow-xs-offset,0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.08);position:relative}.smart-filters-container .clear-filter.weak:active:not(.keep-background-on-focus){background:#fff;background:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}.smart-filters-container .clear-filter.weak:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:inherit;border:1px solid #1a1a1a;border:1px solid hsl(var(--pep-color-weak-h,0),var(--pep-color-weak-s,0%),var(--pep-color-weak-l,10%))}.smart-filters-container .clear-filter.weak:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:rgba(26,26,26,.35)!important;color:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.35)!important;background:rgba(26,26,26,.04)!important;background:hsla(var(--pep-color-weak-h,0),var(--pep-color-weak-s,0%),var(--pep-color-weak-l,10%),.04)!important}.smart-filters-container .clear-filter.weak:disabled:not(.ignore-disabled):after{border:unset}.smart-filters-container .clear-filter.weak:disabled:not(.ignore-disabled) .svg-icon{fill:rgba(26,26,26,.35);fill:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.35)}.smart-filters-container .clear-filter.weak:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:rgba(26,26,26,.35);stroke:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.35)}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"filters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5}}]}],"useAsWebComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":5}}]}],"filtersChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":70,"character":5}}]}],"fieldToggleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":81,"character":29},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepLayoutService","line":82,"character":30}]}],"exportFunctionsOnHostElement":[{"__symbolic":"method"}],"setupFilters":[{"__symbolic":"method"}],"raiseFiltersChange":[{"__symbolic":"method"}],"toggleField":[{"__symbolic":"method"}],"clearFilters":[{"__symbolic":"method"}],"clearFilter":[{"__symbolic":"method"}],"onFiltersClear":[{"__symbolic":"method"}],"onFilterClear":[{"__symbolic":"method"}],"onFilterChange":[{"__symbolic":"method"}]}},"BaseFilterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":52,"character":1},"arguments":[{}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":5}}]}],"variableField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":5}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":5}}]}],"parentForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":5}}]}],"emitOnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":5}}]}],"inline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":5}}]}],"showActionButtons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":5}}]}],"renderTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":5}}]}],"showAdditionalOperators":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":5}}]}],"filterClear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":105,"character":5}}]}],"filterChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":106,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":171,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":172,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":173,"character":26},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":174,"character":25},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":175,"character":29},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepValidatorService","line":176,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":177,"character":28}]}],"createActionsComponent":[{"__symbolic":"method"}],"setupForm":[{"__symbolic":"method"}],"setupOperators":[{"__symbolic":"method"}],"setupFilter":[{"__symbolic":"method"}],"updateParentForm":[{"__symbolic":"method"}],"getDestroyer":[{"__symbolic":"method"}],"updateValidity":[{"__symbolic":"method"}],"loadOperatorsOptions":[{"__symbolic":"method"}],"setFieldsStateAndValidators":[{"__symbolic":"method"}],"getDefaultOperatorUnit":[{"__symbolic":"method"}],"initFilter":[{"__symbolic":"method"}],"getDefaultOperator":[{"__symbolic":"method"}],"getFilterValue":[{"__symbolic":"method"}],"clearFilter":[{"__symbolic":"method"}],"applyFilter":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"PepFilterActionsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"pep-filter-actions","template":"<div [formGroup]=\"form\" class=\"filter-actions pep-spacing-element-negative\">\n    <button mat-button class=\"pep-spacing-element pep-button sm weak\" (click)=\"clear()\">\n        {{ 'ACTIONS.CLEAR' | translate }}\n    </button>\n    <button mat-button class=\"pep-spacing-element pep-button sm strong\" (click)=\"apply()\" [disabled]=\"form.invalid\">\n        {{ 'ACTIONS.APPLY' | translate }}\n    </button>\n</div>","styles":[".filter-actions{margin:1rem 0 calc(1rem / 2);margin:var(--pep-spacing-lg,1rem) 0 calc(var(--pep-spacing-lg, 1rem) / 2);display:flex;justify-content:flex-end}"]}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":5}}]}],"clearClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":5}}]}],"applyClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":5}}]}],"clear":[{"__symbolic":"method"}],"apply":[{"__symbolic":"method"}]}},"PepBooleanFilterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFilterComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"pep-boolean-filter","template":"<ng-container *ngIf=\"inline\">\n    <ng-container *ngIf=\"variableFieldOptions?.length\">\n        <div fxLayout=\"row\" fxLayoutGap=\".5rem\">\n            <pep-select [fxFlex]=\"operatorWidth\" [key]=\"'typeOperator'\" [value]=\"operator.id\"\n                [label]=\"'SMART_FILTERS.TYPE' | translate\" [renderTitle]=\"renderTitle\" [emptyOption]=\"false\"\n                [options]=\"chooseTypeOptions\" (valueChange)=\"onOperatorChanged($event)\">\n            </pep-select>\n            <ng-container *ngIf=\"operator === PepSmartFilterVariableOperators.EqualsToVariable || \n                operator === PepSmartFilterVariableOperators.NotEqualsToVariable\">\n                <pep-select [fxFlex]=\"valueWidth\" [key]=\"firstControlKey\" [value]=\"firstControl?.value || ''\"\n                    [label]=\"'SMART_FILTERS.TYPE' | translate\" [renderTitle]=\"renderTitle\" [emptyOption]=\"false\"\n                    [options]=\"variableFieldOptions\" (valueChange)=\"onValueChanged($event)\">\n                </pep-select>\n            </ng-container>\n            <ng-container *ngIf=\"operator !== PepSmartFilterVariableOperators.EqualsToVariable && \n                operator !== PepSmartFilterVariableOperators.NotEqualsToVariable\">\n                <pep-select [fxFlex]=\"valueWidth\" [value]=\"firstControl?.value || ''\" xAlignment=\"left\"\n                    [options]=\"options\" [renderTitle]=\"renderTitle\" [emptyOption]=\"false\"\n                    (valueChange)=\"onValueChanged($event)\">\n                </pep-select>\n            </ng-container>\n        </div>\n    </ng-container>\n    <ng-container *ngIf=\"!variableFieldOptions || !variableFieldOptions.length\">\n        <pep-select [fxFlex]=\"valueWidth\" [value]=\"firstControl?.value || ''\" xAlignment=\"left\" [options]=\"options\"\n            [renderTitle]=\"renderTitle\" [emptyOption]=\"false\" (valueChange)=\"onValueChanged($event)\">\n        </pep-select>\n    </ng-container>\n    <div *ngIf=\"!inline\" [formGroup]=\"form\">\n        <mat-radio-group class=\"radio-group\" [formControlName]=\"firstControlKey\">\n            <mat-radio-button class=\"pep-radio-button md pep-input no-default-background\" value=\"true\">\n                {{ 'CHECKBOX.TRUE' | translate }}\n            </mat-radio-button>\n            <mat-radio-button class=\"pep-radio-button md pep-input no-default-background\" value=\"false\">\n                {{ 'CHECKBOX.FALSE' | translate }}\n            </mat-radio-button>\n        </mat-radio-group>\n    </div>","styles":[".radio-group{display:flex;flex-direction:column}.radio-group .pep-radio-button.pep-input{height:2.25rem;display:flex}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"getDefaultOperator":[{"__symbolic":"method"}],"getFilterValue":[{"__symbolic":"method"}],"loadOperatorsOptions":[{"__symbolic":"method"}],"setControlsWidth":[{"__symbolic":"method"}],"onOperatorChanged":[{"__symbolic":"method"}],"onValueChanged":[{"__symbolic":"method"}]}},"PepDateFilterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFilterComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"pep-date-filter","template":"<div [formGroup]=\"form\" [fxLayout]=\"inline ? 'row' : 'column'\" [fxLayoutGap]=\"inline ? '.5rem' : '0rem'\">\n    <ng-container>\n        <pep-select [key]=\"'timeOperator'\" [value]=\"operator.id\" [label]=\"'SMART_FILTERS.CHOOSE_TIME' | translate\"\n            [renderTitle]=\"renderTitle\" [emptyOption]=\"false\" [options]=\"chooseTimeOptions\"\n            [fxFlex]=\"inline ? operatorWidth : null\" (valueChange)=\"onOperatorChanged($event)\">\n        </pep-select>\n    </ng-container>\n    <div *ngIf=\"operator === PepSmartFilterOperators.InTheLast ||\n                operator === PepSmartFilterAdditionalOperators.InTheLastCalendar || \n                operator === PepSmartFilterOperators.NotInTheLast ||\n                operator === PepSmartFilterAdditionalOperators.NotInTheLastCalendar || \n                operator === PepSmartFilterOperators.DueIn ||\n                operator === PepSmartFilterOperators.NotDueIn\" fxLayout=\"row\" fxLayout.xs=\"column\"\n        [fxLayoutGap]=\"inline ? '.5rem' : '1rem'\" [fxFlex]=\"inline ? fieldsWidth : null\">\n        <!-- Amount -->\n        <pep-textbox [form]=\"form\" [key]=\"firstControlKey\" [label]=\"'SMART_FILTERS.AMOUNT' | translate\"\n            [renderError]=\"false\" [renderTitle]=\"renderTitle\" fxFlex=\"50%\" [type]=\"'int'\"\n            [formattedValue]=\"firstControl?.value || ''\" [value]=\"firstControl?.value || ''\"\n            (valueChange)=\"onDateValueChanged()\">\n        </pep-textbox>\n        <!-- Time unit -->\n        <pep-select [form]=\"form\" [key]=\"'timeUnit'\" [value]=\"operatorUnit?.id\"\n            [label]=\"'SMART_FILTERS.TIME_UNIT' | translate\" [renderTitle]=\"renderTitle\" fxFlex=\"50%\"\n            [emptyOption]=\"false\" [options]=\"chooseTimeUnitOptions\" (valueChange)=\"onTimeUnitChanged($event)\">\n        </pep-select>\n    </div>\n    <div pepRtlDirection *ngIf=\"operator === PepSmartFilterOperators.DateRange\" fxLayout=\"row\" fxLayout.xs=\"column\"\n        [fxLayoutGap]=\"inline ? '.5rem' : '1rem'\" [fxFlex]=\"inline ? fieldsWidth : null\">\n        <!-- Start date -->\n        <pep-date [form]=\"form\" [key]=\"firstControlKey\" [label]=\"'SMART_FILTERS.START_DATE' | translate\"\n            [renderError]=\"false\" [renderTitle]=\"renderTitle\" fxFlex=\"50%\"\n            [type]=\"field.type === 'date' ? 'date' : 'datetime'\" [value]=\"firstControl?.value || ''\"\n            [maxDateValue]=\"secondControl?.value\" (valueChange)=\"onDateValueChanged()\">\n        </pep-date>\n        <!-- End date -->\n        <pep-date [form]=\"form\" [key]=\"secondControlKey\" [label]=\"'SMART_FILTERS.END_DATE' | translate\"\n            [renderError]=\"false\" [renderTitle]=\"renderTitle\" fxFlex=\"50%\"\n            [type]=\"field.type === 'date' ? 'date' : 'datetime'\" [value]=\"secondControl?.value || ''\"\n            [minDateValue]=\"firstControl?.value\" (valueChange)=\"onDateValueChanged()\">\n        </pep-date>\n    </div>\n    <ng-container *ngIf=\"operator === PepSmartFilterOperators.On\">\n        <!-- Choose a date -->\n        <pep-date [form]=\"form\" [key]=\"firstControlKey\" [label]=\"'SMART_FILTERS.CHOOSE_DATE' | translate\"\n            [renderError]=\"false\" [renderTitle]=\"renderTitle\" [type]=\"field.type === 'date' ? 'date' : 'datetime'\"\n            [fxFlex]=\"inline ? fieldsWidth : null\" [value]=\"firstControl?.value || ''\"\n            (valueChange)=\"onDateValueChanged()\">\n        </pep-date>\n    </ng-container>\n    <ng-container *ngIf=\"operator === PepSmartFilterVariableOperators.DateRangeVariable ||\n        operator === PepSmartFilterVariableOperators.InTheLastVariable\">\n        <pep-select [fxFlex]=\"inline ? fieldsWidth : null\" [key]=\"firstControlKey\" [value]=\"firstControl?.value || ''\"\n            [label]=\"'SMART_FILTERS.TYPE' | translate\" [renderTitle]=\"renderTitle\" [emptyOption]=\"false\"\n            [options]=\"variableFieldOptions\" (valueChange)=\"onVariableChanged($event)\"></pep-select>\n    </ng-container>\n</div>","styles":[""]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"getDefaultOperator":[{"__symbolic":"method"}],"getDefaultOperatorUnit":[{"__symbolic":"method"}],"getFilterValue":[{"__symbolic":"method"}],"loadOperatorsOptions":[{"__symbolic":"method"}],"setFieldsStateAndValidators":[{"__symbolic":"method"}],"setControlsWidth":[{"__symbolic":"method"}],"onOperatorChanged":[{"__symbolic":"method"}],"onTimeUnitChanged":[{"__symbolic":"method"}],"onVariableChanged":[{"__symbolic":"method"}],"onDateValueChanged":[{"__symbolic":"method"}]}},"PepMultiSelectFilterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFilterComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"pep-multi-select-filter","template":"<ng-container *ngIf=\"inline\">\n    <pep-select [key]=\"'multi1'\" [label]=\"'Pepperi Multi Select'\" [type]=\"'multi'\" [value]=\"selected\"\n        [xAlignment]=\"'left'\" [renderTitle]=\"renderTitle\" [options]='inlineOptions'\n        (valueChange)=\"onMultiSelectChanged($event)\">\n    </pep-select>\n</ng-container>\n<div *ngIf=\"!inline\" [formGroup]=\"form\">\n    <pep-search *ngIf=\"options?.length > numberOptionsToShowSearch\" [searchControl]=\"searchControl\"\n        [triggerOn]=\"'keydown'\" shrink=\"never\"></pep-search>\n    <div pepRtlClass class=\"multi-select-options pep-border-top pep-border-bottom\"\n        [ngClass]=\"{'with-no-search': options?.length <= numberOptionsToShowSearch}\">\n        <div #optionsContainer class=\"flip-scroll\" pepRtlClass>\n            <virtual-scroller #scroll [items]=\"filteredOptions$ | async\" [parentScroll]=\"optionsContainer\">\n                <mat-checkbox *ngFor=\"let opt of scroll.viewPortItems\"\n                    class=\"pep-checkbox-container pep-input no-default-background md\" [title]=\"opt.value\"\n                    [checked]=\"opt.selected\" (change)=\"onOptionChange(opt, $event)\">\n                    <div class=\"title\">\n                        <span class=\"body-sm ellipsis\">{{ opt.value }}</span>\n                        <span *ngIf=\"opt.count\" class=\"color-dimmed body-xs ellipsis\">({{opt.count}})</span>\n                    </div>\n                </mat-checkbox>\n                <ng-container *ngIf=\"scroll.viewPortItems?.length === 0\">\n                    <span class=\"no-options body-sm ellipsis\" [title]=\"field.name\">\n                        {{ ( options.length > 0 ? \"SMART_FILTERS.NO_SEARCH_RESULTS\" : \"SMART_FILTERS.NO_OPTIONS\") |\n                        translate }}\n                    </span>\n                </ng-container>\n            </virtual-scroller>\n        </div>\n    </div>\n</div>","styles":[".multi-select-options{margin:.5rem calc(.25rem * -1) 0;margin:var(--pep-spacing-sm,.5rem) calc(var(--pep-spacing-xs, .25rem) * -1) 0}.multi-select-options.with-no-search{margin:calc(.5rem * -1) calc(.25rem * -1) 0;margin:calc(var(--pep-spacing-sm, .5rem) * -1) calc(var(--pep-spacing-xs, .25rem) * -1) 0}.multi-select-options .no-options{display:flex;padding:.5rem .75rem;padding:var(--pep-spacing-sm,.5rem) var(--pep-spacing-md,.75rem)}.multi-select-options .flip-scroll{padding:.5rem .25rem;padding:var(--pep-spacing-sm,.5rem) var(--pep-spacing-xs,.25rem);min-height:3.25rem;max-height:34.75rem;direction:rtl}.multi-select-options .flip-scroll.rtl,.multi-select-options .flip-scroll virtual-scroller{direction:ltr}.multi-select-options .flip-scroll.rtl virtual-scroller{direction:rtl}.multi-select-options .pep-checkbox-container{height:2.25rem;-webkit-padding-end:0;padding-inline-end:0}.multi-select-options .pep-checkbox-container ::ng-deep.mat-checkbox-layout{width:100%;height:100%;grid-template-columns:auto 1fr}.multi-select-options .pep-checkbox-container ::ng-deep.mat-checkbox-layout .mat-checkbox-label{align-self:center}.multi-select-options .pep-checkbox-container .title{display:grid;grid-auto-flow:column;justify-content:space-between;align-items:center;margin:0 .25rem;margin:0 var(--pep-spacing-xs,.25rem)}"]}]}],"members":{"optionsContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":44,"character":5},"arguments":["optionsContainer"]}]}],"virtualScroller":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":48,"character":5},"arguments":[{"__symbolic":"reference","module":"ngx-virtual-scroller","name":"VirtualScrollerComponent","line":48,"character":15}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"inlineControlInit":[{"__symbolic":"method"}],"noneInlineControlInit":[{"__symbolic":"method"}],"initOptionsSelectedValues":[{"__symbolic":"method"}],"calcOptionsHeight":[{"__symbolic":"method"}],"filterOptions":[{"__symbolic":"method"}],"getDefaultOperator":[{"__symbolic":"method"}],"getFilterValue":[{"__symbolic":"method"}],"initFilter":[{"__symbolic":"method"}],"onOptionChange":[{"__symbolic":"method"}],"onMultiSelectChanged":[{"__symbolic":"method"}]}},"PepNumberFilterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFilterComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"pep-number-filter","template":"<div [formGroup]=\"form\" [fxLayout]=\"inline ? 'row' : 'column'\" [fxLayoutGap]=\"inline ? '.5rem' : '0rem'\">\n    <ng-container>\n        <pep-select [fxFlex]=\"inline ? operatorWidth : null\" [key]=\"'typeOperator'\" [value]=\"operator.id\"\n            [label]=\"'SMART_FILTERS.TYPE' | translate\" [renderTitle]=\"renderTitle\" [emptyOption]=\"false\"\n            [options]=\"chooseTypeOptions\" (valueChange)=\"onOperatorChanged($event)\">\n        </pep-select>\n    </ng-container>\n    <ng-container [ngSwitch]=\"operator\">\n        <ng-container *ngSwitchCase=\"PepSmartFilterOperators.NumberRange\">\n            <div fxLayout=\"row\" fxLayout.xs=\"column\" [fxLayoutGap]=\"inline ? '.5rem' : '1rem'\"\n                [fxFlex]=\"inline ? fieldsWidth : null\">\n                <!-- Min number -->\n                <pep-textbox [form]=\"form\" [key]=\"firstControlKey\" [label]=\"'SMART_FILTERS.MIN' | translate\"\n                    [renderError]=\"false\" [renderTitle]=\"renderTitle\" [type]=\"field.type\" fxFlex=\"50%\"\n                    [formattedValue]=\"firstControl?.value || ''\" [value]=\"firstControl?.value || ''\"\n                    [maxValue]=\"secondControl?.value || ''\" (valueChange)=\"onValueChanged()\">\n                </pep-textbox>\n                <!-- Max number -->\n                <pep-textbox [form]=\"form\" [key]=\"secondControlKey\" [label]=\"'SMART_FILTERS.MAX' | translate\"\n                    [renderError]=\"false\" [renderTitle]=\"renderTitle\" [type]=\"field.type\" fxFlex=\"50%\"\n                    [formattedValue]=\"secondControl?.value || ''\" [value]=\"secondControl?.value || ''\"\n                    [minValue]=\"firstControl?.value || ''\" (valueChange)=\"onValueChanged()\">\n                </pep-textbox>\n            </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"PepSmartFilterVariableOperators.LessThanVariable || \n            PepSmartFilterVariableOperators.GreaterThanVariable || \n            PepSmartFilterVariableOperators.EqualsToVariable\">\n            <pep-select [fxFlex]=\"inline ? fieldsWidth : null\" [key]=\"firstControlKey\"\n                [value]=\"firstControl?.value || ''\" [label]=\"'SMART_FILTERS.TYPE' | translate\"\n                [renderTitle]=\"renderTitle\" [emptyOption]=\"false\" [options]=\"variableFieldOptions\"\n                (valueChange)=\"onVariableChanged($event)\">\n            </pep-select>\n        </ng-container>\n        <ng-container *ngSwitchDefault>\n            <div [fxFlex]=\"inline ? fieldsWidth : null\">\n                <!-- Amount -->\n                <pep-textbox [form]=\"form\" [key]=\"firstControlKey\" [label]=\"'SMART_FILTERS.AMOUNT' | translate\"\n                    [renderError]=\"false\" [renderTitle]=\"renderTitle\" [type]=\"field.type\"\n                    [formattedValue]=\"firstControl?.value || ''\" [value]=\"firstControl?.value || ''\"\n                    (valueChange)=\"onValueChanged()\">\n                </pep-textbox>\n            </div>\n        </ng-container>\n    </ng-container>\n</div>","styles":[""]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"getDefaultOperator":[{"__symbolic":"method"}],"getFilterValue":[{"__symbolic":"method"}],"loadOperatorsOptions":[{"__symbolic":"method"}],"setFieldsStateAndValidators":[{"__symbolic":"method"}],"setControlsWidth":[{"__symbolic":"method"}],"onOperatorChanged":[{"__symbolic":"method"}],"onVariableChanged":[{"__symbolic":"method"}],"onValueChanged":[{"__symbolic":"method"}]}},"PepTextFilterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFilterComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"pep-text-filter","template":"<div [formGroup]=\"form\" [fxLayout]=\"inline ? 'row' : 'column'\" [fxLayoutGap]=\"inline ? '.5rem' : '0rem'\">\n    <pep-select [fxFlex]=\"inline ? operatorWidth : null\" [key]=\"'typeOperator'\" [value]=\"operator.id\"\n        [label]=\"'SMART_FILTERS.TYPE' | translate\" [renderTitle]=\"renderTitle\" [emptyOption]=\"false\"\n        [options]=\"chooseTypeOptions\" (valueChange)=\"onOperatorChanged($event)\">\n    </pep-select>\n    <ng-container *ngIf=\"operator !== PepSmartFilterVariableOperators.EqualsToVariable\">\n        <pep-textbox [fxFlex]=\"inline ? firstControlWidth : null\" [form]=\"form\" [key]=\"firstControlKey\"\n            [label]=\"'SMART_FILTERS.AMOUNT' | translate\" [renderError]=\"false\" [renderTitle]=\"renderTitle\"\n            [type]=\"field.type\" [formattedValue]=\"firstControl?.value || ''\" [value]=\"firstControl?.value || ''\"\n            (valueChange)=\"onValueChanged()\">\n        </pep-textbox>\n    </ng-container>\n    <ng-container *ngIf=\"operator === PepSmartFilterVariableOperators.EqualsToVariable\">\n        <pep-select [fxFlex]=\"inline ? firstControlWidth : null\" [key]=\"firstControlKey\"\n            [value]=\"firstControl?.value || ''\" [label]=\"'SMART_FILTERS.TYPE' | translate\" [renderTitle]=\"renderTitle\"\n            [emptyOption]=\"false\" [options]=\"variableFieldOptions\" (valueChange)=\"onVariableChanged($event)\">\n        </pep-select>\n    </ng-container>\n</div>","styles":[""]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"getDefaultOperator":[{"__symbolic":"method"}],"getFilterValue":[{"__symbolic":"method"}],"loadOperatorsOptions":[{"__symbolic":"method"}],"setFieldsStateAndValidators":[{"__symbolic":"method"}],"onOperatorChanged":[{"__symbolic":"method"}],"onVariableChanged":[{"__symbolic":"method"}],"onValueChanged":[{"__symbolic":"method"}]}},"createSmartFilterField":{"__symbolic":"function"},"createSmartFilter":{"__symbolic":"function","parameters":["fieldId","operator","first","second","operatorUnit"],"value":{"fieldId":{"__symbolic":"reference","name":"fieldId"},"operator":{"__symbolic":"reference","name":"operator"},"operatorUnit":{"__symbolic":"reference","name":"operatorUnit"},"value":{"first":{"__symbolic":"reference","name":"first"},"second":{"__symbolic":"reference","name":"second"}}}},"IPepSmartFilterFieldOption":{"__symbolic":"interface"},"IPepSmartFilterField":{"__symbolic":"interface"},"PepSmartFilterBaseField":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"getType":[{"__symbolic":"method"}]}},"PepSmartFilterTextField":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PepSmartFilterBaseField"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"getType":[{"__symbolic":"method"}]}},"PepSmartFilterBooleanField":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PepSmartFilterBaseField"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"getType":[{"__symbolic":"method"}]}},"PepSmartFilterDateBaseField":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PepSmartFilterBaseField"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"PepSmartFilterDateField":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PepSmartFilterDateBaseField"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"getType":[{"__symbolic":"method"}]}},"PepSmartFilterDateTimeField":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PepSmartFilterDateBaseField"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"getType":[{"__symbolic":"method"}]}},"PepSmartFilterMultiSelectField":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PepSmartFilterBaseField"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"getType":[{"__symbolic":"method"}]}},"PepSmartFilterNumberBaseField":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PepSmartFilterBaseField"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"PepSmartFilterIntField":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PepSmartFilterNumberBaseField"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"getType":[{"__symbolic":"method"}]}},"PepSmartFilterRealField":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PepSmartFilterNumberBaseField"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"getType":[{"__symbolic":"method"}]}},"PepSmartFilterCurrencyField":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PepSmartFilterNumberBaseField"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"getType":[{"__symbolic":"method"}]}},"PepSmartFilterPercentageField":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PepSmartFilterNumberBaseField"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"getType":[{"__symbolic":"method"}]}},"IPepSmartFilterData":{"__symbolic":"interface"},"IPepSmartFilterDataValue":{"__symbolic":"interface"},"IPepSmartFilterOperator":{"__symbolic":"class","members":{}},"PepSmartFilterOperators":{"Equals":{"id":"eq","name":"EQUAL","short":"=","componentType":["number","boolean"]},"NotEqual":{"id":"neq","name":"NOT_EQUAL","short":"<>","componentType":["number"]},"LessThan":{"id":"lt","name":"LESS_THEN","short":"<","componentType":["number"]},"GreaterThan":{"id":"gt","name":"GREATER_THEN","short":">","componentType":["number"]},"NumberRange":{"id":"numberRange","name":"NUMBER_RANGE","short":"Range","componentType":["number"]},"Contains":{"id":"contains","name":"CONTAINS","short":"Contains","componentType":["text"]},"InTheLast":{"id":"inTheLast","name":"IN_THE_LAST","short":"In the last","componentType":["date"]},"Today":{"id":"today","name":"TODAY","short":"Today","componentType":["date"]},"ThisWeek":{"id":"thisWeek","name":"THIS_WEEK","short":"This week","componentType":["date"]},"ThisMonth":{"id":"thisMonth","name":"THIS_MONTH","short":"This month","componentType":["date"]},"DateRange":{"id":"dateRange","name":"DATE_RANGE","short":"Range","componentType":["date"]},"DueIn":{"id":"dueIn","name":"DUE_IN","short":"Due in","componentType":["date"]},"On":{"id":"on","name":"ON","short":"On","componentType":["date"]},"NotInTheLast":{"id":"notInTheLast","name":"NOT_IN_THE_LAST","short":"Not in the last","componentType":["date"]},"NotDueIn":{"id":"notDueIn","name":"NOT_DUE_IN","short":"Not due in","componentType":["date"]},"IsEmpty":{"id":"isEmpty","name":"IS_EMPTY","short":"Is empty","componentType":["date"]},"IsNotEmpty":{"id":"isNotEmpty","name":"IS_NOT_EMPTY","short":"Is not empty","componentType":["date"]},"In":{"id":"in","name":"IN","short":"In","componentType":["multi-select"]}},"PepSmartFilterAdditionalOperators":{"InTheLastCalendar":{"id":"inTheLastCalendar","name":"IN_THE_LAST_CALENDAR","short":"In the last (calendar)","componentType":["date"]},"NotInTheLastCalendar":{"id":"notInTheLastCalendar","name":"NOT_IN_THE_LAST_CALENDAR","short":"Not in the last (calendar)","componentType":["date"]}},"PepSmartFilterVariableOperators":{"EqualsToVariable":{"id":"eqv","name":"EQUAL_TO_VARIABLE","short":"=","componentType":["text","number","boolean"]},"NotEqualsToVariable":{"id":"neqv","name":"NOT_EQUAL_TO_VARIABLE","short":"<>","componentType":["boolean"]},"LessThanVariable":{"id":"ltv","name":"LESS_THAN_VARIABLE","short":"<","componentType":["number"]},"GreaterThanVariable":{"id":"gtv","name":"GREATER_THAN_VARIABLE","short":">","componentType":["number"]},"DateRangeVariable":{"id":"dateRangeVariable","name":"DATE_RANGE_VARIABLE","short":"Range Variable","componentType":["date"]},"InTheLastVariable":{"id":"inTheLastVariable","name":"IN_THE_LAST_VARIABLE","short":"In the last Variable","componentType":["date"]}},"IPepSmartFilterOperatorUnit":{"__symbolic":"class","members":{}},"PepSmartFilterOperatorUnits":{"Days":{"id":"days","name":"DAYS","componentType":["date"]},"Weeks":{"id":"weeks","name":"WEEKS","componentType":["date"]},"Months":{"id":"months","name":"MONTHS","componentType":["date"]},"Years":{"id":"years","name":"YEARS","componentType":["date"]}},"PepSmartFilterComponentType":{"__symbolic":"interface"},"PepSmartFilterType":{"__symbolic":"interface"},"PepSmartFilterOperatorType":{"__symbolic":"interface"},"PepSmartFilterOperatorUnitType":{"__symbolic":"interface"}},"origins":{"PepSmartFiltersModule":"./smart-filters.module","PepSmartFiltersComponent":"./smart-filters.component","BaseFilterComponent":"./common/model/base-filter-component","PepFilterActionsComponent":"./common/filter-actions.component","PepBooleanFilterComponent":"./boolean-filter/boolean-filter.component","PepDateFilterComponent":"./date-filter/date-filter.component","PepMultiSelectFilterComponent":"./multi-select-filter/multi-select-filter.component","PepNumberFilterComponent":"./number-filter/number-filter.component","PepTextFilterComponent":"./text-filter/text-filter.component","createSmartFilterField":"./common/model/creator","createSmartFilter":"./common/model/creator","IPepSmartFilterFieldOption":"./common/model/field","IPepSmartFilterField":"./common/model/field","PepSmartFilterBaseField":"./common/model/field","PepSmartFilterTextField":"./common/model/field","PepSmartFilterBooleanField":"./common/model/field","PepSmartFilterDateBaseField":"./common/model/field","PepSmartFilterDateField":"./common/model/field","PepSmartFilterDateTimeField":"./common/model/field","PepSmartFilterMultiSelectField":"./common/model/field","PepSmartFilterNumberBaseField":"./common/model/field","PepSmartFilterIntField":"./common/model/field","PepSmartFilterRealField":"./common/model/field","PepSmartFilterCurrencyField":"./common/model/field","PepSmartFilterPercentageField":"./common/model/field","IPepSmartFilterData":"./common/model/filter","IPepSmartFilterDataValue":"./common/model/filter","IPepSmartFilterOperator":"./common/model/operator","PepSmartFilterOperators":"./common/model/operator","PepSmartFilterAdditionalOperators":"./common/model/operator","PepSmartFilterVariableOperators":"./common/model/operator","IPepSmartFilterOperatorUnit":"./common/model/operator","PepSmartFilterOperatorUnits":"./common/model/operator","PepSmartFilterComponentType":"./common/model/type","PepSmartFilterType":"./common/model/type","PepSmartFilterOperatorType":"./common/model/type","PepSmartFilterOperatorUnitType":"./common/model/type"},"importAs":"@pepperi-addons/ngx-lib/smart-filters"}
+{"__symbolic":"module","version":4,"metadata":{"PepSmartFiltersModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":41,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":43,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":44,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":45,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":47,"character":8},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":48,"character":8},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":49,"character":8},{"__symbolic":"reference","module":"@angular/material/expansion","name":"MatExpansionModule","line":50,"character":8},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":51,"character":8},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":52,"character":8},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":53,"character":8},{"__symbolic":"reference","module":"@angular/material/radio","name":"MatRadioModule","line":54,"character":8},{"__symbolic":"reference","module":"ngx-virtual-scroller","name":"VirtualScrollerModule","line":56,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepNgxLibModule","line":58,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/checkbox","name":"PepCheckboxModule","line":59,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/date","name":"PepDateModule","line":60,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/select","name":"PepSelectModule","line":61,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/textbox","name":"PepTextboxModule","line":62,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/search","name":"PepSearchModule","line":63,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconModule","line":64,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/button","name":"PepButtonModule","line":65,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/group-buttons","name":"PepGroupButtonsModule","line":66,"character":8}],"exports":[{"__symbolic":"reference","name":"PepSmartFiltersComponent"},{"__symbolic":"reference","name":"PepTextFilterComponent"},{"__symbolic":"reference","name":"PepBooleanFilterComponent"},{"__symbolic":"reference","name":"PepDateFilterComponent"},{"__symbolic":"reference","name":"PepMultiSelectFilterComponent"},{"__symbolic":"reference","name":"PepNumberFilterComponent"}],"declarations":[{"__symbolic":"reference","name":"PepSmartFiltersComponent"},{"__symbolic":"reference","name":"PepFilterActionsComponent"},{"__symbolic":"reference","name":"PepTextFilterComponent"},{"__symbolic":"reference","name":"PepBooleanFilterComponent"},{"__symbolic":"reference","name":"PepDateFilterComponent"},{"__symbolic":"reference","name":"PepMultiSelectFilterComponent"},{"__symbolic":"reference","name":"PepNumberFilterComponent"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconRegistry","line":88,"character":41}]}]}},"PepSmartFiltersComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"pep-smart-filters","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":21},"member":"OnPush"},"template":"<div class=\"smart-filters-container\" dir=\"{{ layoutService.isRtl() ? 'rtl' : 'ltr' }}\">\n    <div *ngIf=\"fields?.length > 0\" class=\"title\">\n        <span class=\"body-md bold\">{{ title?.length > 0 ? title : (\"SMART_FILTERS.TITLE\" | translate)}}</span>\n        <mat-chip *ngIf=\"filtersDataMap.size > 0\" [selectable]=\"false\" [removable]=\"true\" (click)=\"onFiltersClear()\"\n            class=\"clear-filter pep-button chip xs weak\">\n            <span class=\"body-xs ellipsis \">\n                {{ \"ACTIONS.CLEAR\" | translate}}\n            </span>\n        </mat-chip>\n    </div>\n\n    <mat-accordion [displayMode]=\"'flat'\" [multi]=\"true\" class=\"pep-accordion2\">\n        <mat-expansion-panel *ngFor=\"let field of fields; let i = index\" hideToggle=\"true\" [expanded]=\"field.isOpen\"\n            (opened)=\"toggleField(i, true)\" (closed)=\"toggleField(i, false)\">\n            <mat-expansion-panel-header [collapsedHeight]=\"expansionPanelHeaderHeight\"\n                [expandedHeight]=\"expansionPanelHeaderHeight\">\n                <mat-panel-title class=\"pep-spacing-element-negative\">\n                    <div class=\"smart-filter-title-container\">\n                        <mat-icon class=\"pep-spacing-element\">\n                            <pep-icon [name]=\"field.isOpen ? 'number_minus' : 'number_plus'\"></pep-icon>\n                        </mat-icon>\n                        <span class=\"body-sm ellipsis\" [title]=\"field.name\">\n                            {{ field.name }}\n                        </span>\n                        <mat-chip *ngIf=\"filtersDataMap.get(field.id)\" [selectable]=\"false\" [removable]=\"true\"\n                            (click)=\"onFilterClear(field)\" class=\"clear-filter pep-button chip xs weak\">\n                            <span *ngIf=\"field.componentType === 'multi-select'\" class=\"body-xs pep-spacing-element\">\n                                {{ filtersDataMap.get(field.id).value?.first?.length }}\n                                <!-- {{ field.componentType === 'multi-select' ?\n                                filtersDataMap.get(field.id).value?.first?.length : 1 }} -->\n                            </span>\n                            <mat-icon>\n                                <pep-icon name=\"system_close\"></pep-icon>\n                            </mat-icon>\n                        </mat-chip>\n                    </div>\n                </mat-panel-title>\n            </mat-expansion-panel-header>\n            <div class=\"expansion-content smart-filter-content\">\n                <ng-container [ngSwitch]=\"field.componentType\">\n                    <ng-container *ngSwitchCase=\"'boolean'\">\n                        <pep-boolean-filter [field]=\"field\" [filter]=\"filtersDataMap.get(field.id)\"\n                            (filterChange)=\"onFilterChange(field, $event)\" (filterClear)=\"onFilterClear(field)\">\n                        </pep-boolean-filter>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'date'\">\n                        <pep-date-filter [field]=\"field\" [filter]=\"filtersDataMap.get(field.id)\"\n                            (filterChange)=\"onFilterChange(field, $event)\" (filterClear)=\"onFilterClear(field)\">\n                        </pep-date-filter>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'multi-select'\">\n                        <pep-multi-select-filter [field]=\"field\" [filter]=\"filtersDataMap.get(field.id)\"\n                            (filterChange)=\"onFilterChange(field, $event)\" (filterClear)=\"onFilterClear(field)\">\n                        </pep-multi-select-filter>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'number'\">\n                        <pep-number-filter [field]=\"field\" [filter]=\"filtersDataMap.get(field.id)\"\n                            (filterChange)=\"onFilterChange(field, $event)\" (filterClear)=\"onFilterClear(field)\">\n                        </pep-number-filter>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'text'\">\n                        <pep-text-filter [field]=\"field\" [filter]=\"filtersDataMap.get(field.id)\"\n                            (filterChange)=\"onFilterChange(field, $event)\" (filterClear)=\"onFilterClear(field)\">\n                        </pep-text-filter>\n                    </ng-container>\n                    <!-- <div *ngSwitchDefault>\n                    </div> -->\n                </ng-container>\n            </div>\n        </mat-expansion-panel>\n    </mat-accordion>\n</div>","styles":[".smart-filters-container .title{height:calc(.5rem + 2.5rem);height:calc(var(--pep-top-bar-spacing-bottom, .5rem) + var(--pep-top-bar-field-height, 2.5rem));display:flex;flex-flow:wrap;align-items:center;justify-content:space-between}.smart-filters-container .title .clear-filter{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0 .25rem;margin:0 var(--pep-spacing-xs,.25rem);padding:0 .75rem;padding:0 var(--pep-spacing-md,.75rem)}.smart-filters-container .title .clear-filter:after{background-color:transparent}.smart-filters-container .smart-filter-title-container{display:grid;grid-auto-flow:column;grid-template-columns:auto 1fr auto;width:100%}.smart-filters-container .smart-filter-title-container>*{align-self:center}.smart-filters-container .smart-filter-title-container .clear-filter{display:flex;flex-direction:row;align-items:center;justify-content:center;-webkit-margin-end:.5rem;margin-inline-end:.5rem;-webkit-margin-end:var(--pep-spacing-sm,.5rem);margin-inline-end:var(--pep-spacing-sm,.5rem)}.smart-filters-container .smart-filter-title-container .clear-filter:after{background-color:transparent}.smart-filters-container .smart-filter-title-container .mat-icon pep-icon{height:.75rem;width:.75rem}",".smart-filters-container .clear-filter.weak{background:rgba(26,26,26,.12);background:hsla(var(--pep-color-weak-h,0),var(--pep-color-weak-s,0%),var(--pep-color-weak-l,10%),.12)}.smart-filters-container .clear-filter.weak:hover{background:rgba(26,26,26,.16);background:hsla(var(--pep-color-weak-h,0),var(--pep-color-weak-s,0%),var(--pep-color-weak-l,10%),.16)}.smart-filters-container .clear-filter.weak:focus{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);box-shadow:var(--pep-shadow-xs-offset,0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.08);position:relative;box-shadow:0 0 0 .25rem rgba(23,102,166,.5);box-shadow:0 0 0 var(--pep-spacing-xs,.25rem) hsla(var(--pep-color-text-link-h,207),var(--pep-color-text-link-s,76%),var(--pep-color-text-link-l,37%),.5)}.smart-filters-container .clear-filter.weak:focus:not(.keep-background-on-focus){background:#fff;background:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}.smart-filters-container .clear-filter.weak:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:inherit;border:1px solid #1a1a1a;border:1px solid hsl(var(--pep-color-weak-h,0),var(--pep-color-weak-s,0%),var(--pep-color-weak-l,10%))}.smart-filters-container .clear-filter.weak:active{box-shadow:0 .125rem .25rem 0 rgba(26,26,26,.08);box-shadow:var(--pep-shadow-xs-offset,0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.08);position:relative}.smart-filters-container .clear-filter.weak:active:not(.keep-background-on-focus){background:#fff;background:hsl(var(--pep-color-system-primary-invert-h,255),var(--pep-color-system-primary-invert-s,100%),var(--pep-color-system-primary-invert-l,100%))}.smart-filters-container .clear-filter.weak:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:inherit;border:1px solid #1a1a1a;border:1px solid hsl(var(--pep-color-weak-h,0),var(--pep-color-weak-s,0%),var(--pep-color-weak-l,10%))}.smart-filters-container .clear-filter.weak:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;color:rgba(26,26,26,.35)!important;color:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.35)!important;background:rgba(26,26,26,.04)!important;background:hsla(var(--pep-color-weak-h,0),var(--pep-color-weak-s,0%),var(--pep-color-weak-l,10%),.04)!important}.smart-filters-container .clear-filter.weak:disabled:not(.ignore-disabled):after{border:unset}.smart-filters-container .clear-filter.weak:disabled:not(.ignore-disabled) .svg-icon{fill:rgba(26,26,26,.35);fill:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.35)}.smart-filters-container .clear-filter.weak:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:rgba(26,26,26,.35);stroke:hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.35)}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"filters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5}}]}],"useAsWebComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":5}}]}],"filtersChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":70,"character":5}}]}],"fieldToggleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":81,"character":29},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepLayoutService","line":82,"character":30}]}],"exportFunctionsOnHostElement":[{"__symbolic":"method"}],"setupFilters":[{"__symbolic":"method"}],"raiseFiltersChange":[{"__symbolic":"method"}],"toggleField":[{"__symbolic":"method"}],"clearFilters":[{"__symbolic":"method"}],"clearFilter":[{"__symbolic":"method"}],"onFiltersClear":[{"__symbolic":"method"}],"onFilterClear":[{"__symbolic":"method"}],"onFilterChange":[{"__symbolic":"method"}]}},"BaseFilterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":52,"character":1},"arguments":[{}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":5}}]}],"variableField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":5}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":5}}]}],"parentForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":5}}]}],"emitOnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":5}}]}],"inline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":5}}]}],"showActionButtons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":5}}]}],"renderTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":5}}]}],"showAdditionalOperators":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":5}}]}],"filterClear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":105,"character":5}}]}],"filterChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":106,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":171,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":172,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":173,"character":26},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":174,"character":25},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":175,"character":29},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepValidatorService","line":176,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":177,"character":28}]}],"createActionsComponent":[{"__symbolic":"method"}],"setupForm":[{"__symbolic":"method"}],"setupOperators":[{"__symbolic":"method"}],"setupFilter":[{"__symbolic":"method"}],"updateParentForm":[{"__symbolic":"method"}],"getDestroyer":[{"__symbolic":"method"}],"updateValidity":[{"__symbolic":"method"}],"loadOperatorsOptions":[{"__symbolic":"method"}],"setFieldsStateAndValidators":[{"__symbolic":"method"}],"getDefaultOperatorUnit":[{"__symbolic":"method"}],"initFilter":[{"__symbolic":"method"}],"getDefaultOperator":[{"__symbolic":"method"}],"getFilterValue":[{"__symbolic":"method"}],"clearFilter":[{"__symbolic":"method"}],"applyFilter":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"PepFilterActionsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"pep-filter-actions","template":"<div [formGroup]=\"form\" class=\"filter-actions pep-spacing-element-negative\">\n    <button mat-button class=\"pep-spacing-element pep-button sm weak\" (click)=\"clear()\">\n        {{ 'ACTIONS.CLEAR' | translate }}\n    </button>\n    <button mat-button class=\"pep-spacing-element pep-button sm strong\" (click)=\"apply()\" [disabled]=\"form.invalid\">\n        {{ 'ACTIONS.APPLY' | translate }}\n    </button>\n</div>","styles":[".filter-actions{margin:1rem 0 calc(1rem / 2);margin:var(--pep-spacing-lg,1rem) 0 calc(var(--pep-spacing-lg, 1rem) / 2);display:flex;justify-content:flex-end}"]}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":5}}]}],"clearClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":5}}]}],"applyClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":5}}]}],"clear":[{"__symbolic":"method"}],"apply":[{"__symbolic":"method"}]}},"PepBooleanFilterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFilterComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"pep-boolean-filter","template":"<ng-container *ngIf=\"inline\">\n    <ng-container *ngIf=\"variableFieldOptions?.length\">\n        <div fxLayout=\"row\" fxLayoutGap=\".5rem\">\n            <pep-select [fxFlex]=\"operatorWidth\" [key]=\"'typeOperator'\" [value]=\"operator.id\"\n                [label]=\"'SMART_FILTERS.TYPE' | translate\" [renderTitle]=\"renderTitle\" [emptyOption]=\"false\"\n                [options]=\"chooseTypeOptions\" (valueChange)=\"onOperatorChanged($event)\">\n            </pep-select>\n            <ng-container *ngIf=\"operator === PepSmartFilterVariableOperators.EqualsToVariable || \n                operator === PepSmartFilterVariableOperators.NotEqualsToVariable\">\n                <pep-select [fxFlex]=\"valueWidth\" [key]=\"firstControlKey\" [value]=\"firstControl?.value || ''\"\n                    [label]=\"'SMART_FILTERS.TYPE' | translate\" [renderTitle]=\"renderTitle\" [emptyOption]=\"false\"\n                    [options]=\"variableFieldOptions\" (valueChange)=\"onValueChanged($event)\">\n                </pep-select>\n            </ng-container>\n            <ng-container *ngIf=\"operator !== PepSmartFilterVariableOperators.EqualsToVariable && \n                operator !== PepSmartFilterVariableOperators.NotEqualsToVariable\">\n                <pep-select [fxFlex]=\"valueWidth\" [value]=\"firstControl?.value || ''\" xAlignment=\"left\"\n                    [options]=\"options\" [renderTitle]=\"renderTitle\" [emptyOption]=\"false\"\n                    (valueChange)=\"onValueChanged($event)\">\n                </pep-select>\n            </ng-container>\n        </div>\n    </ng-container>\n    <ng-container *ngIf=\"!variableFieldOptions || !variableFieldOptions.length\">\n        <pep-select [fxFlex]=\"valueWidth\" [value]=\"firstControl?.value || ''\" xAlignment=\"left\" [options]=\"options\"\n            [renderTitle]=\"renderTitle\" [emptyOption]=\"false\" (valueChange)=\"onValueChanged($event)\">\n        </pep-select>\n    </ng-container>\n    <div *ngIf=\"!inline\" [formGroup]=\"form\">\n        <mat-radio-group class=\"radio-group\" [formControlName]=\"firstControlKey\">\n            <mat-radio-button class=\"pep-radio-button md pep-input no-default-background\" value=\"true\">\n                {{ 'CHECKBOX.TRUE' | translate }}\n            </mat-radio-button>\n            <mat-radio-button class=\"pep-radio-button md pep-input no-default-background\" value=\"false\">\n                {{ 'CHECKBOX.FALSE' | translate }}\n            </mat-radio-button>\n        </mat-radio-group>\n    </div>","styles":[".radio-group{display:flex;flex-direction:column}.radio-group .pep-radio-button.pep-input{height:2.25rem;display:flex}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"getDefaultOperator":[{"__symbolic":"method"}],"getFilterValue":[{"__symbolic":"method"}],"loadOperatorsOptions":[{"__symbolic":"method"}],"setControlsWidth":[{"__symbolic":"method"}],"onOperatorChanged":[{"__symbolic":"method"}],"onValueChanged":[{"__symbolic":"method"}]}},"PepDateFilterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFilterComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"pep-date-filter","template":"<div [formGroup]=\"form\" [fxLayout]=\"inline ? 'row' : 'column'\" [fxLayoutGap]=\"inline ? '.5rem' : '0rem'\">\n    <ng-container>\n        <pep-select [key]=\"'timeOperator'\" [value]=\"operator.id\" [label]=\"'SMART_FILTERS.CHOOSE_TIME' | translate\"\n            [renderTitle]=\"renderTitle\" [emptyOption]=\"false\" [options]=\"chooseTimeOptions\"\n            [fxFlex]=\"inline ? operatorWidth : null\" (valueChange)=\"onOperatorChanged($event)\">\n        </pep-select>\n    </ng-container>\n    <div *ngIf=\"operator === PepSmartFilterOperators.InTheLast ||\n                operator === PepSmartFilterAdditionalOperators.InTheLastCalendar || \n                operator === PepSmartFilterOperators.NotInTheLast ||\n                operator === PepSmartFilterAdditionalOperators.NotInTheLastCalendar || \n                operator === PepSmartFilterOperators.DueIn ||\n                operator === PepSmartFilterOperators.NotDueIn\" fxLayout=\"row\" fxLayout.xs=\"column\"\n        [fxLayoutGap]=\"inline ? '.5rem' : '1rem'\" [fxFlex]=\"inline ? fieldsWidth : null\">\n        <!-- Amount -->\n        <pep-textbox [form]=\"form\" [key]=\"firstControlKey\" [label]=\"'SMART_FILTERS.AMOUNT' | translate\"\n            [renderError]=\"false\" [renderTitle]=\"renderTitle\" fxFlex=\"50%\" [type]=\"'int'\"\n            [formattedValue]=\"firstControl?.value || ''\" [value]=\"firstControl?.value || ''\"\n            (valueChange)=\"onDateValueChanged()\">\n        </pep-textbox>\n        <!-- Time unit -->\n        <pep-select [form]=\"form\" [key]=\"'timeUnit'\" [value]=\"operatorUnit?.id\"\n            [label]=\"'SMART_FILTERS.TIME_UNIT' | translate\" [renderTitle]=\"renderTitle\" fxFlex=\"50%\"\n            [emptyOption]=\"false\" [options]=\"chooseTimeUnitOptions\" (valueChange)=\"onTimeUnitChanged($event)\">\n        </pep-select>\n    </div>\n    <div pepRtlDirection *ngIf=\"operator === PepSmartFilterOperators.DateRange\" fxLayout=\"row\" fxLayout.xs=\"column\"\n        [fxLayoutGap]=\"inline ? '.5rem' : '1rem'\" [fxFlex]=\"inline ? fieldsWidth : null\">\n        <!-- Start date -->\n        <pep-date [form]=\"form\" [key]=\"firstControlKey\" [label]=\"'SMART_FILTERS.START_DATE' | translate\"\n            [renderError]=\"false\" [renderTitle]=\"renderTitle\" fxFlex=\"50%\"\n            [type]=\"field.type === 'date' ? 'date' : 'datetime'\" [value]=\"firstControl?.value || ''\"\n            [maxDateValue]=\"secondControl?.value\" (valueChange)=\"onDateValueChanged()\">\n        </pep-date>\n        <!-- End date -->\n        <pep-date [form]=\"form\" [key]=\"secondControlKey\" [label]=\"'SMART_FILTERS.END_DATE' | translate\"\n            [renderError]=\"false\" [renderTitle]=\"renderTitle\" fxFlex=\"50%\"\n            [type]=\"field.type === 'date' ? 'date' : 'datetime'\" [value]=\"secondControl?.value || ''\"\n            [minDateValue]=\"firstControl?.value\" (valueChange)=\"onDateValueChanged()\">\n        </pep-date>\n    </div>\n    <ng-container *ngIf=\"operator === PepSmartFilterOperators.On\">\n        <!-- Choose a date -->\n        <pep-date [form]=\"form\" [key]=\"firstControlKey\" [label]=\"'SMART_FILTERS.CHOOSE_DATE' | translate\"\n            [renderError]=\"false\" [renderTitle]=\"renderTitle\" [type]=\"field.type === 'date' ? 'date' : 'datetime'\"\n            [fxFlex]=\"inline ? fieldsWidth : null\" [value]=\"firstControl?.value || ''\"\n            (valueChange)=\"onDateValueChanged()\">\n        </pep-date>\n    </ng-container>\n    <div pepRtlDirection *ngIf=\"operator === PepSmartFilterVariableOperators.DateRangeVariable\" fxLayout=\"row\"\n        fxLayout.xs=\"column\" fxLayoutGap=\".5rem\" fxFlex=\"fieldsWidth\">\n        <pep-select fxFlex=\"50%\" [key]=\"firstControlKey\" [value]=\"firstControl?.value || ''\"\n            [label]=\"'SMART_FILTERS.TYPE' | translate\" [renderTitle]=\"renderTitle\" [emptyOption]=\"false\"\n            [options]=\"variableFieldOptions\" (valueChange)=\"onVariableChanged($event)\"></pep-select>\n        <pep-select fxFlex=\"50%\" [key]=\"secondControlKey\" [value]=\"secondControl?.value || ''\"\n            [label]=\"'SMART_FILTERS.TYPE' | translate\" [renderTitle]=\"renderTitle\" [emptyOption]=\"false\"\n            [options]=\"variableFieldOptions\" (valueChange)=\"onSecondVariableChanged($event)\"></pep-select>\n    </div>\n</div>\n","styles":[""]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"getDefaultOperator":[{"__symbolic":"method"}],"getDefaultOperatorUnit":[{"__symbolic":"method"}],"getFilterValue":[{"__symbolic":"method"}],"loadOperatorsOptions":[{"__symbolic":"method"}],"setFieldsStateAndValidators":[{"__symbolic":"method"}],"setControlsWidth":[{"__symbolic":"method"}],"onOperatorChanged":[{"__symbolic":"method"}],"onTimeUnitChanged":[{"__symbolic":"method"}],"onVariableChanged":[{"__symbolic":"method"}],"onSecondVariableChanged":[{"__symbolic":"method"}],"onDateValueChanged":[{"__symbolic":"method"}]}},"PepMultiSelectFilterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFilterComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"selector":"pep-multi-select-filter","template":"<ng-container *ngIf=\"inline\">\n    <ng-container *ngIf=\"variableFieldOptions?.length\">\n        <div fxLayout=\"row\" fxLayoutGap=\".5rem\">\n            <pep-select [fxFlex]=\"operatorWidth\" [key]=\"'typeOperator'\" [value]=\"operator.id\"\n                [label]=\"'SMART_FILTERS.TYPE' | translate\" [renderTitle]=\"renderTitle\" [emptyOption]=\"false\"\n                [options]=\"chooseTypeOptions\" (valueChange)=\"onOperatorChanged($event)\">\n            </pep-select>\n            <ng-container *ngIf=\"operator === PepSmartFilterVariableOperators.EqualsToVariable || \n                operator === PepSmartFilterVariableOperators.NotEqualsToVariable\">\n                <pep-select [fxFlex]=\"valueWidth\" [key]=\"firstControlKey\" [value]=\"firstControl?.value || ''\"\n                    [label]=\"'SMART_FILTERS.TYPE' | translate\" [renderTitle]=\"renderTitle\" [emptyOption]=\"false\"\n                    [options]=\"variableFieldOptions\" (valueChange)=\"onValueChanged($event)\">\n                </pep-select>\n            </ng-container>\n            <ng-container *ngIf=\"operator !== PepSmartFilterVariableOperators.EqualsToVariable && \n                operator !== PepSmartFilterVariableOperators.NotEqualsToVariable\">\n                <pep-select [fxFlex]=\"valueWidth\" [label]=\"'Pepperi Multi Select'\" [type]=\"'multi'\"\n                    [value]=\"selected\" [xAlignment]=\"'left'\" [renderTitle]=\"renderTitle\" [options]='inlineOptions'\n                    (valueChange)=\"onMultiSelectChanged($event)\">\n                </pep-select>\n            </ng-container>\n        </div>\n    </ng-container>\n    <ng-container *ngIf=\"!variableFieldOptions || !variableFieldOptions.length\">\n        <pep-select [label]=\"'Pepperi Multi Select'\" [type]=\"'multi'\" [value]=\"selected\"\n            [xAlignment]=\"'left'\" [renderTitle]=\"renderTitle\" [options]='inlineOptions'\n            (valueChange)=\"onMultiSelectChanged($event)\">\n        </pep-select>\n    </ng-container>\n</ng-container>\n<div *ngIf=\"!inline\" [formGroup]=\"form\">\n    <pep-search *ngIf=\"options?.length > numberOptionsToShowSearch\" [searchControl]=\"searchControl\"\n        [triggerOn]=\"'keydown'\" shrink=\"never\"></pep-search>\n    <div pepRtlClass class=\"multi-select-options pep-border-top pep-border-bottom\"\n        [ngClass]=\"{'with-no-search': options?.length <= numberOptionsToShowSearch}\">\n        <div #optionsContainer class=\"flip-scroll\" pepRtlClass>\n            <virtual-scroller #scroll [items]=\"filteredOptions$ | async\" [parentScroll]=\"optionsContainer\">\n                <mat-checkbox *ngFor=\"let opt of scroll.viewPortItems\"\n                    class=\"pep-checkbox-container pep-input no-default-background md\" [title]=\"opt.value\"\n                    [checked]=\"opt.selected\" (change)=\"onOptionChange(opt, $event)\">\n                    <div class=\"title\">\n                        <span class=\"body-sm ellipsis\">{{ opt.value }}</span>\n                        <span *ngIf=\"opt.count\" class=\"color-dimmed body-xs ellipsis\">({{opt.count}})</span>\n                    </div>\n                </mat-checkbox>\n                <ng-container *ngIf=\"scroll.viewPortItems?.length === 0\">\n                    <span class=\"no-options body-sm ellipsis\" [title]=\"field.name\">\n                        {{ ( options.length > 0 ? \"SMART_FILTERS.NO_SEARCH_RESULTS\" : \"SMART_FILTERS.NO_OPTIONS\") |\n                        translate }}\n                    </span>\n                </ng-container>\n            </virtual-scroller>\n        </div>\n    </div>\n</div>","styles":[".multi-select-options{margin:.5rem calc(.25rem * -1) 0;margin:var(--pep-spacing-sm,.5rem) calc(var(--pep-spacing-xs, .25rem) * -1) 0}.multi-select-options.with-no-search{margin:calc(.5rem * -1) calc(.25rem * -1) 0;margin:calc(var(--pep-spacing-sm, .5rem) * -1) calc(var(--pep-spacing-xs, .25rem) * -1) 0}.multi-select-options .no-options{display:flex;padding:.5rem .75rem;padding:var(--pep-spacing-sm,.5rem) var(--pep-spacing-md,.75rem)}.multi-select-options .flip-scroll{padding:.5rem .25rem;padding:var(--pep-spacing-sm,.5rem) var(--pep-spacing-xs,.25rem);min-height:3.25rem;max-height:34.75rem;direction:rtl}.multi-select-options .flip-scroll.rtl,.multi-select-options .flip-scroll virtual-scroller{direction:ltr}.multi-select-options .flip-scroll.rtl virtual-scroller{direction:rtl}.multi-select-options .pep-checkbox-container{height:2.25rem;-webkit-padding-end:0;padding-inline-end:0}.multi-select-options .pep-checkbox-container ::ng-deep.mat-checkbox-layout{width:100%;height:100%;grid-template-columns:auto 1fr}.multi-select-options .pep-checkbox-container ::ng-deep.mat-checkbox-layout .mat-checkbox-label{align-self:center}.multi-select-options .pep-checkbox-container .title{display:grid;grid-auto-flow:column;justify-content:space-between;align-items:center;margin:0 .25rem;margin:0 var(--pep-spacing-xs,.25rem)}"]}]}],"members":{"optionsContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":50,"character":5},"arguments":["optionsContainer"]}]}],"virtualScroller":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":54,"character":5},"arguments":[{"__symbolic":"reference","module":"ngx-virtual-scroller","name":"VirtualScrollerComponent","line":54,"character":15}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"inlineControlInit":[{"__symbolic":"method"}],"noneInlineControlInit":[{"__symbolic":"method"}],"initOptionsSelectedValues":[{"__symbolic":"method"}],"calcOptionsHeight":[{"__symbolic":"method"}],"filterOptions":[{"__symbolic":"method"}],"getDefaultOperator":[{"__symbolic":"method"}],"getFilterValue":[{"__symbolic":"method"}],"loadOperatorsOptions":[{"__symbolic":"method"}],"setControlsWidth":[{"__symbolic":"method"}],"onOperatorChanged":[{"__symbolic":"method"}],"initFilter":[{"__symbolic":"method"}],"onOptionChange":[{"__symbolic":"method"}],"onMultiSelectChanged":[{"__symbolic":"method"}],"onValueChanged":[{"__symbolic":"method"}]}},"PepNumberFilterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFilterComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"pep-number-filter","template":"<div [formGroup]=\"form\" [fxLayout]=\"inline ? 'row' : 'column'\" [fxLayoutGap]=\"inline ? '.5rem' : '0rem'\">\n    <ng-container>\n        <pep-select [fxFlex]=\"inline ? operatorWidth : null\" [key]=\"'typeOperator'\" [value]=\"operator.id\"\n            [label]=\"'SMART_FILTERS.TYPE' | translate\" [renderTitle]=\"renderTitle\" [emptyOption]=\"false\"\n            [options]=\"chooseTypeOptions\" (valueChange)=\"onOperatorChanged($event)\">\n        </pep-select>\n    </ng-container>\n    <ng-container [ngSwitch]=\"operator\">\n        <ng-container *ngSwitchCase=\"PepSmartFilterOperators.NumberRange\">\n            <div fxLayout=\"row\" fxLayout.xs=\"column\" [fxLayoutGap]=\"inline ? '.5rem' : '1rem'\"\n                [fxFlex]=\"inline ? fieldsWidth : null\">\n                <!-- Min number -->\n                <pep-textbox [form]=\"form\" [key]=\"firstControlKey\" [label]=\"'SMART_FILTERS.MIN' | translate\"\n                    [renderError]=\"false\" [renderTitle]=\"renderTitle\" [type]=\"field.type\" fxFlex=\"50%\"\n                    [formattedValue]=\"firstControl?.value || ''\" [value]=\"firstControl?.value || ''\"\n                    [maxValue]=\"secondControl?.value || ''\" (valueChange)=\"onValueChanged()\">\n                </pep-textbox>\n                <!-- Max number -->\n                <pep-textbox [form]=\"form\" [key]=\"secondControlKey\" [label]=\"'SMART_FILTERS.MAX' | translate\"\n                    [renderError]=\"false\" [renderTitle]=\"renderTitle\" [type]=\"field.type\" fxFlex=\"50%\"\n                    [formattedValue]=\"secondControl?.value || ''\" [value]=\"secondControl?.value || ''\"\n                    [minValue]=\"firstControl?.value || ''\" (valueChange)=\"onValueChanged()\">\n                </pep-textbox>\n            </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"PepSmartFilterVariableOperators.LessThanVariable || \n            PepSmartFilterVariableOperators.GreaterThanVariable || \n            PepSmartFilterVariableOperators.EqualsToVariable\">\n            <pep-select [fxFlex]=\"inline ? fieldsWidth : null\" [key]=\"firstControlKey\"\n                [value]=\"firstControl?.value || ''\" [label]=\"'SMART_FILTERS.TYPE' | translate\"\n                [renderTitle]=\"renderTitle\" [emptyOption]=\"false\" [options]=\"variableFieldOptions\"\n                (valueChange)=\"onVariableChanged($event)\">\n            </pep-select>\n        </ng-container>\n        <ng-container *ngSwitchDefault>\n            <div [fxFlex]=\"inline ? fieldsWidth : null\">\n                <!-- Amount -->\n                <pep-textbox [form]=\"form\" [key]=\"firstControlKey\" [label]=\"'SMART_FILTERS.AMOUNT' | translate\"\n                    [renderError]=\"false\" [renderTitle]=\"renderTitle\" [type]=\"field.type\"\n                    [formattedValue]=\"firstControl?.value || ''\" [value]=\"firstControl?.value || ''\"\n                    (valueChange)=\"onValueChanged()\">\n                </pep-textbox>\n            </div>\n        </ng-container>\n    </ng-container>\n</div>","styles":[""]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"getDefaultOperator":[{"__symbolic":"method"}],"getFilterValue":[{"__symbolic":"method"}],"loadOperatorsOptions":[{"__symbolic":"method"}],"setFieldsStateAndValidators":[{"__symbolic":"method"}],"setControlsWidth":[{"__symbolic":"method"}],"onOperatorChanged":[{"__symbolic":"method"}],"onVariableChanged":[{"__symbolic":"method"}],"onValueChanged":[{"__symbolic":"method"}]}},"PepTextFilterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFilterComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"pep-text-filter","template":"<div [formGroup]=\"form\" [fxLayout]=\"inline ? 'row' : 'column'\" [fxLayoutGap]=\"inline ? '.5rem' : '0rem'\">\n    <pep-select [fxFlex]=\"inline ? operatorWidth : null\" [key]=\"'typeOperator'\" [value]=\"operator.id\"\n        [label]=\"'SMART_FILTERS.TYPE' | translate\" [renderTitle]=\"renderTitle\" [emptyOption]=\"false\"\n        [options]=\"chooseTypeOptions\" (valueChange)=\"onOperatorChanged($event)\">\n    </pep-select>\n    <ng-container *ngIf=\"operator !== PepSmartFilterVariableOperators.EqualsToVariable\">\n        <pep-textbox [fxFlex]=\"inline ? firstControlWidth : null\" [form]=\"form\" [key]=\"firstControlKey\"\n            [label]=\"'SMART_FILTERS.VALUE' | translate\" [renderError]=\"false\" [renderTitle]=\"renderTitle\"\n            [type]=\"field.type\" [formattedValue]=\"firstControl?.value || ''\" [value]=\"firstControl?.value || ''\"\n            (valueChange)=\"onValueChanged()\">\n        </pep-textbox>\n    </ng-container>\n    <ng-container *ngIf=\"operator === PepSmartFilterVariableOperators.EqualsToVariable\">\n        <pep-select [fxFlex]=\"inline ? firstControlWidth : null\" [key]=\"firstControlKey\"\n            [value]=\"firstControl?.value || ''\" [label]=\"'SMART_FILTERS.TYPE' | translate\" [renderTitle]=\"renderTitle\"\n            [emptyOption]=\"false\" [options]=\"variableFieldOptions\" (valueChange)=\"onVariableChanged($event)\">\n        </pep-select>\n    </ng-container>\n</div>","styles":[""]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"getDefaultOperator":[{"__symbolic":"method"}],"getFilterValue":[{"__symbolic":"method"}],"loadOperatorsOptions":[{"__symbolic":"method"}],"setFieldsStateAndValidators":[{"__symbolic":"method"}],"onOperatorChanged":[{"__symbolic":"method"}],"onVariableChanged":[{"__symbolic":"method"}],"onValueChanged":[{"__symbolic":"method"}]}},"createSmartFilterField":{"__symbolic":"function"},"createSmartFilter":{"__symbolic":"function","parameters":["fieldId","operator","first","second","operatorUnit"],"value":{"fieldId":{"__symbolic":"reference","name":"fieldId"},"operator":{"__symbolic":"reference","name":"operator"},"operatorUnit":{"__symbolic":"reference","name":"operatorUnit"},"value":{"first":{"__symbolic":"reference","name":"first"},"second":{"__symbolic":"reference","name":"second"}}}},"IPepSmartFilterFieldOption":{"__symbolic":"interface"},"IPepSmartFilterField":{"__symbolic":"interface"},"PepSmartFilterBaseField":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"getType":[{"__symbolic":"method"}]}},"PepSmartFilterTextField":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PepSmartFilterBaseField"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"getType":[{"__symbolic":"method"}]}},"PepSmartFilterBooleanField":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PepSmartFilterBaseField"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"getType":[{"__symbolic":"method"}]}},"PepSmartFilterDateBaseField":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PepSmartFilterBaseField"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"PepSmartFilterDateField":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PepSmartFilterDateBaseField"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"getType":[{"__symbolic":"method"}]}},"PepSmartFilterDateTimeField":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PepSmartFilterDateBaseField"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"getType":[{"__symbolic":"method"}]}},"PepSmartFilterMultiSelectField":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PepSmartFilterBaseField"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"getType":[{"__symbolic":"method"}]}},"PepSmartFilterNumberBaseField":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PepSmartFilterBaseField"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"PepSmartFilterIntField":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PepSmartFilterNumberBaseField"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"getType":[{"__symbolic":"method"}]}},"PepSmartFilterRealField":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PepSmartFilterNumberBaseField"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"getType":[{"__symbolic":"method"}]}},"PepSmartFilterCurrencyField":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PepSmartFilterNumberBaseField"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"getType":[{"__symbolic":"method"}]}},"PepSmartFilterPercentageField":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PepSmartFilterNumberBaseField"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"getType":[{"__symbolic":"method"}]}},"IPepSmartFilterData":{"__symbolic":"interface"},"IPepSmartFilterDataValue":{"__symbolic":"interface"},"IPepSmartFilterOperator":{"__symbolic":"class","members":{}},"PepSmartFilterOperators":{"Equals":{"id":"eq","name":"EQUAL","short":"=","componentType":["number","boolean","text"]},"NotEqual":{"id":"neq","name":"NOT_EQUAL","short":"<>","componentType":["number","text"]},"LessThan":{"id":"lt","name":"LESS_THEN","short":"<","componentType":["number"]},"GreaterThan":{"id":"gt","name":"GREATER_THEN","short":">","componentType":["number"]},"NumberRange":{"id":"numberRange","name":"NUMBER_RANGE","short":"Range","componentType":["number"]},"Contains":{"id":"contains","name":"CONTAINS","short":"Contains","componentType":["text"]},"BeginsWith":{"id":"beginsWith","name":"BEGINS_WITH","short":"Begins With","componentType":["text"]},"EndsWith":{"id":"endsWith","name":"ENDS_WITH","short":"End With","componentType":["text"]},"InTheLast":{"id":"inTheLast","name":"IN_THE_LAST","short":"In the last","componentType":["date"]},"Today":{"id":"today","name":"TODAY","short":"Today","componentType":["date"]},"ThisWeek":{"id":"thisWeek","name":"THIS_WEEK","short":"This week","componentType":["date"]},"ThisMonth":{"id":"thisMonth","name":"THIS_MONTH","short":"This month","componentType":["date"]},"DateRange":{"id":"dateRange","name":"DATE_RANGE","short":"Range","componentType":["date"]},"DueIn":{"id":"dueIn","name":"DUE_IN","short":"Due in","componentType":["date"]},"On":{"id":"on","name":"ON","short":"On","componentType":["date"]},"NotInTheLast":{"id":"notInTheLast","name":"NOT_IN_THE_LAST","short":"Not in the last","componentType":["date"]},"NotDueIn":{"id":"notDueIn","name":"NOT_DUE_IN","short":"Not due in","componentType":["date"]},"IsEmpty":{"id":"isEmpty","name":"IS_EMPTY","short":"Is empty","componentType":["date"]},"IsNotEmpty":{"id":"isNotEmpty","name":"IS_NOT_EMPTY","short":"Is not empty","componentType":["date"]},"In":{"id":"in","name":"IN","short":"In","componentType":["multi-select"]}},"PepSmartFilterAdditionalOperators":{"InTheLastCalendar":{"id":"inTheLastCalendar","name":"IN_THE_LAST_CALENDAR","short":"In the last (calendar)","componentType":["date"]},"NotInTheLastCalendar":{"id":"notInTheLastCalendar","name":"NOT_IN_THE_LAST_CALENDAR","short":"Not in the last (calendar)","componentType":["date"]}},"PepSmartFilterVariableOperators":{"EqualsToVariable":{"id":"eqv","name":"EQUAL_TO_VARIABLE","short":"=","componentType":["text","number","boolean","multi-select"]},"NotEqualsToVariable":{"id":"neqv","name":"NOT_EQUAL_TO_VARIABLE","short":"<>","componentType":["boolean","multi-select"]},"LessThanVariable":{"id":"ltv","name":"LESS_THAN_VARIABLE","short":"<","componentType":["number"]},"GreaterThanVariable":{"id":"gtv","name":"GREATER_THAN_VARIABLE","short":">","componentType":["number"]},"DateRangeVariable":{"id":"dateRangeVariable","name":"DATE_RANGE_VARIABLE","short":"Range Variable","componentType":["date"]}},"IPepSmartFilterOperatorUnit":{"__symbolic":"class","members":{}},"PepSmartFilterOperatorUnits":{"Days":{"id":"days","name":"DAYS","componentType":["date"]},"Weeks":{"id":"weeks","name":"WEEKS","componentType":["date"]},"Months":{"id":"months","name":"MONTHS","componentType":["date"]},"Years":{"id":"years","name":"YEARS","componentType":["date"]}},"PepSmartFilterComponentType":{"__symbolic":"interface"},"PepSmartFilterType":{"__symbolic":"interface"},"PepSmartFilterOperatorType":{"__symbolic":"interface"},"PepSmartFilterOperatorUnitType":{"__symbolic":"interface"}},"origins":{"PepSmartFiltersModule":"./smart-filters.module","PepSmartFiltersComponent":"./smart-filters.component","BaseFilterComponent":"./common/model/base-filter-component","PepFilterActionsComponent":"./common/filter-actions.component","PepBooleanFilterComponent":"./boolean-filter/boolean-filter.component","PepDateFilterComponent":"./date-filter/date-filter.component","PepMultiSelectFilterComponent":"./multi-select-filter/multi-select-filter.component","PepNumberFilterComponent":"./number-filter/number-filter.component","PepTextFilterComponent":"./text-filter/text-filter.component","createSmartFilterField":"./common/model/creator","createSmartFilter":"./common/model/creator","IPepSmartFilterFieldOption":"./common/model/field","IPepSmartFilterField":"./common/model/field","PepSmartFilterBaseField":"./common/model/field","PepSmartFilterTextField":"./common/model/field","PepSmartFilterBooleanField":"./common/model/field","PepSmartFilterDateBaseField":"./common/model/field","PepSmartFilterDateField":"./common/model/field","PepSmartFilterDateTimeField":"./common/model/field","PepSmartFilterMultiSelectField":"./common/model/field","PepSmartFilterNumberBaseField":"./common/model/field","PepSmartFilterIntField":"./common/model/field","PepSmartFilterRealField":"./common/model/field","PepSmartFilterCurrencyField":"./common/model/field","PepSmartFilterPercentageField":"./common/model/field","IPepSmartFilterData":"./common/model/filter","IPepSmartFilterDataValue":"./common/model/filter","IPepSmartFilterOperator":"./common/model/operator","PepSmartFilterOperators":"./common/model/operator","PepSmartFilterAdditionalOperators":"./common/model/operator","PepSmartFilterVariableOperators":"./common/model/operator","IPepSmartFilterOperatorUnit":"./common/model/operator","PepSmartFilterOperatorUnits":"./common/model/operator","PepSmartFilterComponentType":"./common/model/type","PepSmartFilterType":"./common/model/type","PepSmartFilterOperatorType":"./common/model/type","PepSmartFilterOperatorUnitType":"./common/model/type"},"importAs":"@pepperi-addons/ngx-lib/smart-filters"}

package/smart-filters/text-filter/text-filter.component.d.ts

@@ -10,7 +10,6 @@ export declare class PepTextFilterComponent extends BaseFilterComponent implemen
         LessThanVariable: IPepSmartFilterOperator;
         GreaterThanVariable: IPepSmartFilterOperator;
         DateRangeVariable: IPepSmartFilterOperator;
-        InTheLastVariable: IPepSmartFilterOperator;
     };
     chooseTypeOptions: Array<IPepOption>;
     operatorWidth: string;