npm - @pepperi-addons/ngx-lib - Versions diffs - 0.3.3 → 0.3.4 - Mend

@pepperi-addons/ngx-lib 0.3.3 → 0.3.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (28) hide show

package/page-layout/pepperi-addons-ngx-lib-page-layout.metadata.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"PepPageLayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":13,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepNgxLibModule","line":15,"character":8}],"exports":[{"__symbolic":"reference","name":"PepPageLayoutComponent"}],"declarations":[{"__symbolic":"reference","name":"PepPageLayoutComponent"}]}]}],"members":{}},"PepPageLayoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"pep-page-layout","template":"<div class=\"pep-page-header-layout\">\n <ng-content select=\"[pep-header-area]\"></ng-content>\n</div>\n<div class=\"pep-page-side-layout\" [ngClass]=\"{ 'show-shadow': showShadow }\">\n <ng-content select=\"pep-side-bar\"></ng-content>\n <ng-content select=\"[pep-side-area]\"></ng-content>\n</div>\n<div class=\"pep-page-main-layout\" [ngClass]=\"{ 'add-padding': addPadding }\">\n <div class=\"pep-top-area\">\n <ng-content select=\"[pep-top-area]\"></ng-content>\n </div>\n <div class=\"pep-main-area\">\n <ng-content select=\"[pep-main-area]\"></ng-content>\n </div>\n</div>","styles":[":host.pep-page-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:\"header-layout header-layout\" \"side-layout main-layout\";height:100%;width:100%;overflow:hidden}:host.pep-page-layout .pep-page-header-layout{grid-area:header-layout;z-index:10}:host.pep-page-layout .pep-page-side-layout{grid-area:side-layout;overflow:hidden;height:100%;z-index:5}:host.pep-page-layout .pep-page-side-layout.show-shadow{-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-end:var(--pep-spacing-lg,1rem);padding-inline-end:var(--pep-spacing-lg,1rem)}:host.pep-page-layout .pep-page-main-layout{grid-area:main-layout;overflow:hidden;height:100%;z-index:1;padding-bottom:4.5rem;padding-bottom:var(--pep-footer-bar-height,4.5rem);display:grid;grid-template-rows:auto 1fr;grid-template-areas:\"top-area\" \"main-area\"}:host.pep-page-layout .pep-page-main-layout.add-padding{padding-inline:1rem;padding-inline:var(--pep-spacing-lg,1rem)}:host.pep-page-layout .pep-page-main-layout .pep-top-area{grid-area:top-area}:host.pep-page-layout .pep-page-main-layout .pep-main-area{grid-area:main-area;overflow:auto;height:100%;display:block}:host.pep-page-layout .pep-page-main-layout .pep-main-area>*{height:inherit}"]}]}],"members":{"addPadding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"showShadow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepCustomizationService","line":33,"character":37},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepLayoutService","line":34,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":35,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":36,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":37,"character":26}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}]}}},"origins":{"PepPageLayoutModule":"./page-layout.module","PepPageLayoutComponent":"./page-layout.component"},"importAs":"@pepperi-addons/ngx-lib/page-layout"}
1	+ {"__symbolic":"module","version":4,"metadata":{"PepPageLayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":13,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepNgxLibModule","line":15,"character":8}],"exports":[{"__symbolic":"reference","name":"PepPageLayoutComponent"}],"declarations":[{"__symbolic":"reference","name":"PepPageLayoutComponent"}]}]}],"members":{}},"PepPageLayoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"pep-page-layout","template":"<div class=\"pep-page-header-layout\">\n <ng-content select=\"[pep-header-area]\"></ng-content>\n</div>\n<div class=\"pep-page-side-layout\" [ngClass]=\"{ 'show-shadow': showShadow }\">\n <ng-content select=\"pep-side-bar\"></ng-content>\n <ng-content select=\"[pep-side-area]\"></ng-content>\n</div>\n<div class=\"pep-page-main-layout\" [ngClass]=\"{ 'add-padding': addPadding }\">\n <div class=\"pep-top-area\">\n <ng-content select=\"[pep-top-area]\"></ng-content>\n </div>\n <div class=\"pep-main-area\">\n <ng-content select=\"[pep-main-area]\"></ng-content>\n </div>\n</div>","styles":[":host.pep-page-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:\"header-layout header-layout\" \"side-layout main-layout\";height:100%;width:100%;overflow:hidden}:host.pep-page-layout .pep-page-header-layout{grid-area:header-layout;z-index:10}:host.pep-page-layout .pep-page-side-layout{grid-area:side-layout;overflow:hidden;height:100%;z-index:5}:host.pep-page-layout .pep-page-side-layout.show-shadow{-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-end:var(--pep-spacing-lg,1rem);padding-inline-end:var(--pep-spacing-lg,1rem)}:host.pep-page-layout .pep-page-main-layout{grid-area:main-layout;overflow:hidden;height:100%;z-index:1;padding-bottom:4.5rem;padding-bottom:var(--pep-footer-bar-height,4.5rem);display:grid;grid-template-rows:auto 1fr;grid-template-areas:\"top-area\" \"main-area\"}:host.pep-page-layout .pep-page-main-layout.add-padding{padding-inline:1rem;padding-inline:var(--pep-spacing-lg,1rem)}:host.pep-page-layout .pep-page-main-layout .pep-top-area{grid-area:top-area}:host.pep-page-layout .pep-page-main-layout .pep-main-area{grid-area:main-area;overflow:auto;height:100%;display:block}:host.pep-page-layout .pep-page-main-layout .pep-main-area>*{height:inherit}",".pep-page-side-layout.show-shadow{box-shadow:0 .5rem 1rem 0 rgba(26,26,26,.32);box-shadow:var(--pep-shadow-md-offset,0 .5rem 1rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.32)}"]}]}],"members":{"addPadding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"showShadow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepCustomizationService","line":33,"character":37},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepLayoutService","line":34,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":35,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":36,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":37,"character":26}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}]}}},"origins":{"PepPageLayoutModule":"./page-layout.module","PepPageLayoutComponent":"./page-layout.component"},"importAs":"@pepperi-addons/ngx-lib/page-layout"}

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

	@@ -1 +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 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":47,"character":1},"arguments":[{}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":5}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":5}}]}],"parentForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":5}}]}],"emitOnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":5}}]}],"inline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":5}}]}],"showActionButtons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":5}}]}],"renderTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":5}}]}],"filterClear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":85,"character":5}}]}],"filterChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":151,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":152,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":153,"character":26},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":154,"character":25},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":155,"character":29},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepValidatorService","line":156,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":157,"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":9,"character":1},"arguments":[{"selector":"pep-boolean-filter","template":"<ng-container ngIf=\"inline\">\n <pep-select [value]=\"firstControl?.value \|\| ''\" xAlignment=\"left\" [options]=\"options\" [renderTitle]=\"renderTitle\"\n [emptyOption]=\"true\" (valueChange)=\"onValueChanged($event)\">\n </pep-select>\n\n</ng-container>\n\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":15,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"getDefaultOperator":[{"__symbolic":"method"}],"getFilterValue":[{"__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":12,"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 === PepSmartFilterOperators.NotInTheLast \|\|\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>","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"}],"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'\" [shrinkInSmallScreen]=\"false\"></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:flex;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":11,"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 <div ngIf=\"operator !== PepSmartFilterOperators.NumberRange\" [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 <div ngIf=\"operator === PepSmartFilterOperators.NumberRange\" fxLayout=\"row\" fxLayout.xs=\"column\"\n [fxLayoutGap]=\"inline ? '.5rem' : '1rem'\" [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</div>","styles":[""]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"getDefaultOperator":[{"__symbolic":"method"}],"getFilterValue":[{"__symbolic":"method"}],"loadOperatorsOptions":[{"__symbolic":"method"}],"setFieldsStateAndValidators":[{"__symbolic":"method"}],"setControlsWidth":[{"__symbolic":"method"}],"onOperatorChanged":[{"__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":11,"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 <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</div>","styles":[""]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"getDefaultOperator":[{"__symbolic":"method"}],"getFilterValue":[{"__symbolic":"method"}],"loadOperatorsOptions":[{"__symbolic":"method"}],"setFieldsStateAndValidators":[{"__symbolic":"method"}],"onOperatorChanged":[{"__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"]}},"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","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"}
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 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":47,"character":1},"arguments":[{}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":5}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":5}}]}],"parentForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":5}}]}],"emitOnChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":5}}]}],"inline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":5}}]}],"showActionButtons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":5}}]}],"renderTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":5}}]}],"filterClear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":85,"character":5}}]}],"filterChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":151,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":152,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":153,"character":26},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":154,"character":25},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":155,"character":29},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepValidatorService","line":156,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":157,"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":9,"character":1},"arguments":[{"selector":"pep-boolean-filter","template":"<ng-container ngIf=\"inline\">\n <pep-select [value]=\"firstControl?.value \|\| ''\" xAlignment=\"left\" [options]=\"options\" [renderTitle]=\"renderTitle\"\n [emptyOption]=\"true\" (valueChange)=\"onValueChanged($event)\">\n </pep-select>\n\n</ng-container>\n\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":15,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"getDefaultOperator":[{"__symbolic":"method"}],"getFilterValue":[{"__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":12,"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 === PepSmartFilterOperators.NotInTheLast \|\|\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>","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"}],"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'\" [shrinkInSmallScreen]=\"false\"></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":11,"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 <div ngIf=\"operator !== PepSmartFilterOperators.NumberRange\" [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 <div ngIf=\"operator === PepSmartFilterOperators.NumberRange\" fxLayout=\"row\" fxLayout.xs=\"column\"\n [fxLayoutGap]=\"inline ? '.5rem' : '1rem'\" [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</div>","styles":[""]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"getDefaultOperator":[{"__symbolic":"method"}],"getFilterValue":[{"__symbolic":"method"}],"loadOperatorsOptions":[{"__symbolic":"method"}],"setFieldsStateAndValidators":[{"__symbolic":"method"}],"setControlsWidth":[{"__symbolic":"method"}],"onOperatorChanged":[{"__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":11,"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 <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</div>","styles":[""]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"getDefaultOperator":[{"__symbolic":"method"}],"getFilterValue":[{"__symbolic":"method"}],"loadOperatorsOptions":[{"__symbolic":"method"}],"setFieldsStateAndValidators":[{"__symbolic":"method"}],"onOperatorChanged":[{"__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"]}},"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","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"}