@pepperi-addons/ngx-lib 0.2.59-query-builder.7 → 0.2.61

package/slider/slider.component.theme.scss

@@ -1,65 +1,65 @@
-@mixin pep-slider-component-theme($pepperi-theme) {
-    .pep-slider-container {
-        // .mat-slider {
-        //     .mat-slider-wrapper {
-        //         background: linear-gradient(to right,
-        //             hsl(0, 100%, 50%) 0%,
-        //             hsl(60, 100%, 50%) 17%,
-        //             hsl(120, 100%, 50%) 33%,
-        //             hsl(180, 100%, 50%) 50%,
-        //             hsl(240, 100%, 50%) 67%,
-        //             hsl(300, 100%, 50%) 83%,
-        //             hsl(360, 100%, 50%) 100%);
-        //     }
-        // }
-
-        .mat-slider {
-            background: get-pep-color($pepperi-theme, color-system-primary, color-tran-30);
-
-            &.mat-slider-horizontal {
-                height: 1rem;
-                width: 100%;
-                padding: 0.5rem 0.25rem;
-                border-radius: $border-radius-lg;
-            }
-
-            .mat-slider-wrapper {
-                $wrapperHeight: 0.375rem;
-                height: $wrapperHeight;
-                position: relative;
-                top: $wrapperHeight / 2 * -1;
-                left: unset;
-                right: unset;
-                border-radius: $border-radius-md;
-
-                .mat-slider-track-wrapper {
-                    display: none;
-                }
-
-                // .mat-slider-ticks-container {
-                //     // Not in use.
-                // }
-
-                .mat-slider-thumb-container {
-                    width: 94%;
-                    left: 3%;
-
-                    .mat-slider-thumb {
-                        // position: absolute;
-                        $sliderSize: 18px;
-                        width: $sliderSize;
-                        height: $sliderSize;
-                        right: $sliderSize / 2 * -1;
-                        bottom: $sliderSize / 2 * -1;
-                        transform: scale(.7) !important;
-                        border-color: get-pep-color($pepperi-theme, color-system-primary-invert, color-base); //get-pep-color($pepperi-theme, color-system-primary, color-tran-50);
-                        border-width: 5px;
-                        background-color: transparent !important;
-                        box-shadow: 0 0 0 $spacing-2xs get-pep-color($pepperi-theme, color-text, color-link-focus);
-                        // .default-theme .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb
-                    }
-                }
-            }
-        }
-    }
-}
+@mixin pep-slider-component-theme($pepperi-theme) {
+    .pep-slider-container {
+        // .mat-slider {
+        //     .mat-slider-wrapper {
+        //         background: linear-gradient(to right,
+        //             hsl(0, 100%, 50%) 0%,
+        //             hsl(60, 100%, 50%) 17%,
+        //             hsl(120, 100%, 50%) 33%,
+        //             hsl(180, 100%, 50%) 50%,
+        //             hsl(240, 100%, 50%) 67%,
+        //             hsl(300, 100%, 50%) 83%,
+        //             hsl(360, 100%, 50%) 100%);
+        //     }
+        // }
+
+        .mat-slider {
+            background: get-pep-color($pepperi-theme, color-system-primary, color-tran-30);
+
+            &.mat-slider-horizontal {
+                height: 1rem;
+                width: 100%;
+                padding: 0.5rem 0.25rem;
+                border-radius: $border-radius-lg;
+            }
+
+            .mat-slider-wrapper {
+                $wrapperHeight: 0.375rem;
+                height: $wrapperHeight;
+                position: relative;
+                top: $wrapperHeight / 2 * -1;
+                left: unset;
+                right: unset;
+                border-radius: $border-radius-md;
+
+                .mat-slider-track-wrapper {
+                    display: none;
+                }
+
+                // .mat-slider-ticks-container {
+                //     // Not in use.
+                // }
+
+                .mat-slider-thumb-container {
+                    width: 94%;
+                    left: 3%;
+
+                    .mat-slider-thumb {
+                        // position: absolute;
+                        $sliderSize: 18px;
+                        width: $sliderSize;
+                        height: $sliderSize;
+                        right: $sliderSize / 2 * -1;
+                        bottom: $sliderSize / 2 * -1;
+                        transform: scale(.7) !important;
+                        border-color: get-pep-color($pepperi-theme, color-system-primary-invert, color-base); //get-pep-color($pepperi-theme, color-system-primary, color-tran-50);
+                        border-width: 5px;
+                        background-color: transparent !important;
+                        box-shadow: 0 0 0 $spacing-2xs get-pep-color($pepperi-theme, color-text, color-link-focus);
+                        // .default-theme .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb
+                    }
+                }
+            }
+        }
+    }
+}

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

@@ -1,12 +1,7 @@
-import { OnInit } from '@angular/core';
 import { BaseFilterComponent } from '../common/model/base-filter-component';
 import { IPepSmartFilterOperator } from '../common/model/operator';
 import { IPepSmartFilterDataValue } from '../common/model/filter';
-import { IPepOption } from '@pepperi-addons/ngx-lib';
-export declare class PepBooleanFilterComponent extends BaseFilterComponent implements OnInit {
-    options: IPepOption[];
-    ngOnInit(): void;
+export declare class PepBooleanFilterComponent extends BaseFilterComponent {
     getDefaultOperator(): IPepSmartFilterOperator;
     getFilterValue(): IPepSmartFilterDataValue;
-    onValueChanged(value: any): void;
 }

package/smart-filters/common/model/base-filter-component.d.ts

@@ -22,12 +22,6 @@ export declare abstract class BaseFilterComponent implements OnInit, OnChanges,
     private _filter;
     set filter(value: IPepSmartFilterData);
     get filter(): IPepSmartFilterData;
-    protected _parentForm: FormGroup;
-    set parentForm(form: FormGroup);
-    emitOnChange: boolean;
-    inline: boolean;
-    showActionButtons: boolean;
-    renderTitle: boolean;
     filterClear: EventEmitter<void>;
     filterChange: EventEmitter<IPepSmartFilterData>;
     private _operator;
@@ -50,7 +44,6 @@ export declare abstract class BaseFilterComponent implements OnInit, OnChanges,
     private setupForm;
     private setupOperators;
     private setupFilter;
-    protected updateParentForm(): void;
     protected getDestroyer(): import("rxjs").MonoTypeOperatorFunction<unknown>;
     private updateValidity;
     protected loadOperatorsOptions(): void;

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

@@ -25,10 +25,6 @@ export declare abstract class PepSmartFilterBaseField implements IPepSmartFilter
     constructor(field: IPepSmartFilterField);
     protected abstract getType(): PepSmartFilterType;
 }
-export declare class PepSmartFilterTextField extends PepSmartFilterBaseField {
-    constructor(field: IPepSmartFilterField);
-    getType(): PepSmartFilterType;
-}
 export declare class PepSmartFilterBooleanField extends PepSmartFilterBaseField {
     constructor(field: IPepSmartFilterField);
     getType(): PepSmartFilterType;

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

@@ -11,7 +11,6 @@ export declare const PepSmartFilterOperators: {
     LessThan: IPepSmartFilterOperator;
     GreaterThan: IPepSmartFilterOperator;
     NumberRange: IPepSmartFilterOperator;
-    Contains: IPepSmartFilterOperator;
     InTheLast: IPepSmartFilterOperator;
     Today: IPepSmartFilterOperator;
     ThisWeek: IPepSmartFilterOperator;

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 PepSmartFilterComponentType = 'number' | 'date' | 'multi-select' | 'boolean';
+export declare type PepSmartFilterType = 'boolean' | 'currency' | 'date' | 'date-time' | 'int' | 'multi-select' | 'percentage' | 'real';
 export declare type PepSmartFilterOperatorType = 'eq' | 'neq' | 'lt' | 'gt' | 'ltoe' | 'gtoe' | 'numberRange' | 'contains' | 'beginsWith' | 'endsWith' | 'after' | 'before' | 'inTheLast' | 'today' | 'thisWeek' | 'thisMonth' | 'dateRange' | 'dueIn' | 'on' | 'notInTheLast' | 'notDueIn' | 'isEmpty' | 'isNotEmpty' | 'in';
 export declare type PepSmartFilterOperatorUnitType = 'days' | 'weeks' | 'months' | 'years';

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

@@ -1,16 +1,14 @@
-import { OnInit } from '@angular/core';
 import { BaseFilterComponent } from '../common/model/base-filter-component';
 import { IPepSmartFilterOperator, IPepSmartFilterOperatorUnit } from '../common/model/operator';
 import { IPepSmartFilterDataValue } from '../common/model/filter';
 import { IPepOption } from '@pepperi-addons/ngx-lib';
-export declare class PepDateFilterComponent extends BaseFilterComponent implements OnInit {
+export declare class PepDateFilterComponent extends BaseFilterComponent {
     PepSmartFilterOperators: {
         Equals: IPepSmartFilterOperator;
         NotEqual: IPepSmartFilterOperator;
         LessThan: IPepSmartFilterOperator;
         GreaterThan: IPepSmartFilterOperator;
         NumberRange: IPepSmartFilterOperator;
-        Contains: IPepSmartFilterOperator;
         InTheLast: IPepSmartFilterOperator;
         Today: IPepSmartFilterOperator;
         ThisWeek: IPepSmartFilterOperator;
@@ -26,16 +24,11 @@ export declare class PepDateFilterComponent extends BaseFilterComponent implemen
     };
     chooseTimeOptions: Array<IPepOption>;
     chooseTimeUnitOptions: Array<IPepOption>;
-    operatorWidth: string;
-    fieldsWidth: string;
-    ngOnInit(): void;
     getDefaultOperator(): IPepSmartFilterOperator;
     getDefaultOperatorUnit(): IPepSmartFilterOperatorUnit;
     getFilterValue(): IPepSmartFilterDataValue;
     loadOperatorsOptions(): void;
     setFieldsStateAndValidators(): void;
-    setControlsWidth(): void;
     onOperatorChanged(value: string): void;
     onTimeUnitChanged(value: string): void;
-    onDateValueChanged(): void;
 }

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

@@ -2,7 +2,6 @@ import { AfterViewInit, ElementRef } from '@angular/core';
 import { OnInit } from '@angular/core';
 import { BaseFilterComponent } from '../common/model/base-filter-component';
 import { IPepSmartFilterOperator } from '../common/model/operator';
-import { IPepOption } from '@pepperi-addons/ngx-lib';
 import { IPepSmartFilterDataValue } from '../common/model/filter';
 import { IPepSmartFilterFieldOption } from '../common/model/field';
 import { Observable } from 'rxjs';
@@ -17,16 +16,12 @@ export declare class PepMultiSelectFilterComponent extends BaseFilterComponent i
     options: PepMultiSelectFilterOption[];
     filteredOptions$: Observable<any>;
     searchControl: FormControl;
-    selected: string;
-    inlineOptions: IPepOption[];
     optionsContainer: ElementRef;
     private readonly MAX_OPTIONS_TO_SHOW;
     private virtualScroller;
     numberOptionsToShowSearch: number;
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    private inlineControlInit;
-    private noneInlineControlInit;
     initOptionsSelectedValues(selectedValues: string[]): void;
     private calcOptionsHeight;
     private filterOptions;
@@ -34,6 +29,5 @@ export declare class PepMultiSelectFilterComponent extends BaseFilterComponent i
     getFilterValue(): IPepSmartFilterDataValue;
     initFilter(): void;
     onOptionChange(option: PepMultiSelectFilterOption, event: MatCheckboxChange): void;
-    onMultiSelectChanged(value: string): void;
 }
 export {};

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

@@ -10,7 +10,6 @@ export declare class PepNumberFilterComponent extends BaseFilterComponent implem
         LessThan: IPepSmartFilterOperator;
         GreaterThan: IPepSmartFilterOperator;
         NumberRange: IPepSmartFilterOperator;
-        Contains: IPepSmartFilterOperator;
         InTheLast: IPepSmartFilterOperator;
         Today: IPepSmartFilterOperator;
         ThisWeek: IPepSmartFilterOperator;
@@ -25,14 +24,10 @@ export declare class PepNumberFilterComponent extends BaseFilterComponent implem
         In: IPepSmartFilterOperator;
     };
     chooseTypeOptions: Array<IPepOption>;
-    operatorWidth: string;
-    fieldsWidth: string;
     ngOnInit(): void;
     getDefaultOperator(): IPepSmartFilterOperator;
     getFilterValue(): IPepSmartFilterDataValue;
     loadOperatorsOptions(): void;
     setFieldsStateAndValidators(): void;
-    setControlsWidth(): void;
     onOperatorChanged(value: string): void;
-    onValueChanged(): void;
 }

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' }}\">\r\n    <div class=\"title\">\r\n        <span class=\"body-md bold\">{{ title?.length > 0 ? title : (\"SMART_FILTERS.TITLE\" | translate)}}</span>\r\n        <mat-chip *ngIf=\"filtersDataMap.size > 0\" [selectable]=\"false\" [removable]=\"true\" (click)=\"onFiltersClear()\"\r\n            class=\"clear-filter pep-button chip xs weak\">\r\n            <span class=\"body-xs ellipsis \">\r\n                {{ \"ACTIONS.CLEAR\" | translate}}\r\n            </span>\r\n        </mat-chip>\r\n    </div>\r\n\r\n    <mat-accordion [displayMode]=\"'flat'\" [multi]=\"true\" class=\"pep-accordion2\">\r\n        <mat-expansion-panel *ngFor=\"let field of fields; let i = index\" hideToggle=\"true\" [expanded]=\"field.isOpen\"\r\n            (opened)=\"toggleField(i, true)\" (closed)=\"toggleField(i, false)\">\r\n            <mat-expansion-panel-header [collapsedHeight]=\"expansionPanelHeaderHeight\"\r\n                [expandedHeight]=\"expansionPanelHeaderHeight\">\r\n                <mat-panel-title class=\"pep-spacing-element-negative\">\r\n                    <div class=\"smart-filter-title-container\">\r\n                        <mat-icon class=\"pep-spacing-element\">\r\n                            <pep-icon [name]=\"field.isOpen ? 'number_minus' : 'number_plus'\"></pep-icon>\r\n                        </mat-icon>\r\n                        <span class=\"body-sm ellipsis\" [title]=\"field.name\">\r\n                            {{ field.name }}\r\n                        </span>\r\n                        <mat-chip *ngIf=\"filtersDataMap.get(field.id)\" [selectable]=\"false\" [removable]=\"true\"\r\n                            (click)=\"onFilterClear(field)\" class=\"clear-filter pep-button chip xs weak\">\r\n                            <span *ngIf=\"field.componentType === 'multi-select'\" class=\"body-xs pep-spacing-element\">\r\n                                {{ filtersDataMap.get(field.id).value?.first?.length }}\r\n                                <!-- {{ field.componentType === 'multi-select' ?\r\n                                filtersDataMap.get(field.id).value?.first?.length : 1 }} -->\r\n                            </span>\r\n                            <mat-icon>\r\n                                <pep-icon name=\"system_close\"></pep-icon>\r\n                            </mat-icon>\r\n                        </mat-chip>\r\n                    </div>\r\n                </mat-panel-title>\r\n            </mat-expansion-panel-header>\r\n            <div class=\"expansion-content smart-filter-content\">\r\n                <ng-container [ngSwitch]=\"field.componentType\">\r\n                    <ng-container *ngSwitchCase=\"'boolean'\">\r\n                        <pep-boolean-filter [field]=\"field\" [filter]=\"filtersDataMap.get(field.id)\"\r\n                            (filterChange)=\"onFilterChange(field, $event)\" (filterClear)=\"onFilterClear(field)\">\r\n                        </pep-boolean-filter>\r\n                    </ng-container>\r\n                    <ng-container *ngSwitchCase=\"'date'\">\r\n                        <pep-date-filter [field]=\"field\" [filter]=\"filtersDataMap.get(field.id)\"\r\n                            (filterChange)=\"onFilterChange(field, $event)\" (filterClear)=\"onFilterClear(field)\">\r\n                        </pep-date-filter>\r\n                    </ng-container>\r\n                    <ng-container *ngSwitchCase=\"'multi-select'\">\r\n                        <pep-multi-select-filter [field]=\"field\" [filter]=\"filtersDataMap.get(field.id)\"\r\n                            (filterChange)=\"onFilterChange(field, $event)\" (filterClear)=\"onFilterClear(field)\">\r\n                        </pep-multi-select-filter>\r\n                    </ng-container>\r\n                    <ng-container *ngSwitchCase=\"'number'\">\r\n                        <pep-number-filter [field]=\"field\" [filter]=\"filtersDataMap.get(field.id)\"\r\n                            (filterChange)=\"onFilterChange(field, $event)\" (filterClear)=\"onFilterClear(field)\">\r\n                        </pep-number-filter>\r\n                    </ng-container>\r\n                    <!-- <div *ngSwitchDefault>\r\n                    </div> -->\r\n                </ng-container>\r\n            </div>\r\n        </mat-expansion-panel>\r\n    </mat-accordion>\r\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}"]}]}],"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\">\r\n    <button mat-button class=\"pep-spacing-element pep-button sm weak\" (click)=\"clear()\">\r\n        {{ 'ACTIONS.CLEAR' | translate }}\r\n    </button>\r\n    <button mat-button class=\"pep-spacing-element pep-button sm strong\" (click)=\"apply()\" [disabled]=\"form.invalid\">\r\n        {{ 'ACTIONS.APPLY' | translate }}\r\n    </button>\r\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\">\r\n    <pep-select [value]=\"firstControl?.value || ''\" xAlignment=\"left\" [options]=\"options\" [renderTitle]=\"renderTitle\"\r\n        [emptyOption]=\"true\" (valueChange)=\"onValueChanged($event)\">\r\n    </pep-select>\r\n\r\n</ng-container>\r\n\r\n<div *ngIf=\"!inline\" [formGroup]=\"form\">\r\n    <mat-radio-group class=\"radio-group\" [formControlName]=\"firstControlKey\">\r\n        <mat-radio-button class=\"pep-radio-button md pep-input no-default-background\" value=\"true\">\r\n            {{ 'CHECKBOX.TRUE' | translate }}\r\n        </mat-radio-button>\r\n        <mat-radio-button class=\"pep-radio-button md pep-input no-default-background\" value=\"false\">\r\n            {{ 'CHECKBOX.FALSE' | translate }}\r\n        </mat-radio-button>\r\n    </mat-radio-group>\r\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'\">\r\n    <ng-container>\r\n        <pep-select [key]=\"'timeOperator'\" [value]=\"operator.id\" [label]=\"'SMART_FILTERS.CHOOSE_TIME' | translate\"\r\n            [renderTitle]=\"renderTitle\" [emptyOption]=\"false\" [options]=\"chooseTimeOptions\"\r\n            [fxFlex]=\"inline ? operatorWidth : null\" (valueChange)=\"onOperatorChanged($event)\">\r\n        </pep-select>\r\n    </ng-container>\r\n    <div *ngIf=\"operator === PepSmartFilterOperators.InTheLast ||\r\n                operator === PepSmartFilterOperators.NotInTheLast ||\r\n                operator === PepSmartFilterOperators.DueIn ||\r\n                operator === PepSmartFilterOperators.NotDueIn\" fxLayout=\"row\" fxLayout.xs=\"column\"\r\n        [fxLayoutGap]=\"inline ? '.5rem' : '1rem'\" [fxFlex]=\"inline ? fieldsWidth : null\">\r\n        <!-- Amount -->\r\n        <pep-textbox [form]=\"form\" [key]=\"firstControlKey\" [label]=\"'SMART_FILTERS.AMOUNT' | translate\"\r\n            [renderError]=\"false\" [renderTitle]=\"renderTitle\" fxFlex=\"50%\" [type]=\"'int'\"\r\n            [formattedValue]=\"firstControl?.value || ''\" [value]=\"firstControl?.value || ''\"\r\n            (valueChange)=\"onDateValueChanged()\">\r\n        </pep-textbox>\r\n        <!-- Time unit -->\r\n        <pep-select [form]=\"form\" [key]=\"'timeUnit'\" [value]=\"operatorUnit?.id\"\r\n            [label]=\"'SMART_FILTERS.TIME_UNIT' | translate\" [renderTitle]=\"renderTitle\" fxFlex=\"50%\"\r\n            [emptyOption]=\"false\" [options]=\"chooseTimeUnitOptions\" (valueChange)=\"onTimeUnitChanged($event)\">\r\n        </pep-select>\r\n    </div>\r\n    <div pepRtlDirection *ngIf=\"operator === PepSmartFilterOperators.DateRange\" fxLayout=\"row\" fxLayout.xs=\"column\"\r\n        [fxLayoutGap]=\"inline ? '.5rem' : '1rem'\" [fxFlex]=\"inline ? fieldsWidth : null\">\r\n        <!-- Start date -->\r\n        <pep-date [form]=\"form\" [key]=\"firstControlKey\" [label]=\"'SMART_FILTERS.START_DATE' | translate\"\r\n            [renderError]=\"false\" [renderTitle]=\"renderTitle\" fxFlex=\"50%\"\r\n            [type]=\"field.type === 'date' ? 'date' : 'datetime'\" [value]=\"firstControl?.value || ''\"\r\n            [maxDateValue]=\"secondControl?.value\" (valueChange)=\"onDateValueChanged()\">\r\n        </pep-date>\r\n        <!-- End date -->\r\n        <pep-date [form]=\"form\" [key]=\"secondControlKey\" [label]=\"'SMART_FILTERS.END_DATE' | translate\"\r\n            [renderError]=\"false\" [renderTitle]=\"renderTitle\" fxFlex=\"50%\"\r\n            [type]=\"field.type === 'date' ? 'date' : 'datetime'\" [value]=\"secondControl?.value || ''\"\r\n            [minDateValue]=\"firstControl?.value\" (valueChange)=\"onDateValueChanged()\">\r\n        </pep-date>\r\n    </div>\r\n    <ng-container *ngIf=\"operator === PepSmartFilterOperators.On\">\r\n        <!-- Choose a date -->\r\n        <pep-date [form]=\"form\" [key]=\"firstControlKey\" [label]=\"'SMART_FILTERS.CHOOSE_DATE' | translate\"\r\n            [renderError]=\"false\" [renderTitle]=\"renderTitle\" [type]=\"field.type === 'date' ? 'date' : 'datetime'\"\r\n            [fxFlex]=\"inline ? fieldsWidth : null\" [value]=\"firstControl?.value || ''\"\r\n            (valueChange)=\"onDateValueChanged()\">\r\n        </pep-date>\r\n    </ng-container>\r\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\">\r\n    <pep-select [key]=\"'multi1'\" [label]=\"'Pepperi Multi Select'\" [type]=\"'multi'\" [value]=\"selected\"\r\n        [xAlignment]=\"'left'\" [renderTitle]=\"renderTitle\" [options]='inlineOptions'\r\n        (valueChange)=\"onMultiSelectChanged($event)\">\r\n    </pep-select>\r\n</ng-container>\r\n<div *ngIf=\"!inline\" [formGroup]=\"form\">\r\n    <pep-search *ngIf=\"options?.length > numberOptionsToShowSearch\" [searchControl]=\"searchControl\"\r\n        [triggerOn]=\"'keydown'\" [shrinkInSmallScreen]=\"false\"></pep-search>\r\n    <div pepRtlClass class=\"multi-select-options pep-border-top pep-border-bottom\"\r\n        [ngClass]=\"{'with-no-search': options?.length <= numberOptionsToShowSearch}\">\r\n        <div #optionsContainer class=\"flip-scroll\" pepRtlClass>\r\n            <virtual-scroller #scroll [items]=\"filteredOptions$ | async\" [parentScroll]=\"optionsContainer\">\r\n                <mat-checkbox *ngFor=\"let opt of scroll.viewPortItems\"\r\n                    class=\"pep-checkbox-container pep-input no-default-background md\" [title]=\"opt.value\"\r\n                    [checked]=\"opt.selected\" (change)=\"onOptionChange(opt, $event)\">\r\n                    <div class=\"title\">\r\n                        <span class=\"body-sm ellipsis\">{{ opt.value }}</span>\r\n                        <span *ngIf=\"opt.count\" class=\"color-dimmed body-xs ellipsis\">({{opt.count}})</span>\r\n                    </div>\r\n                </mat-checkbox>\r\n                <ng-container *ngIf=\"scroll.viewPortItems?.length === 0\">\r\n                    <span class=\"no-options body-sm ellipsis\" [title]=\"field.name\">\r\n                        {{ ( options.length > 0 ? \"SMART_FILTERS.NO_SEARCH_RESULTS\" : \"SMART_FILTERS.NO_OPTIONS\") |\r\n                        translate }}\r\n                    </span>\r\n                </ng-container>\r\n            </virtual-scroller>\r\n        </div>\r\n    </div>\r\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'\">\r\n    <ng-container>\r\n        <pep-select [fxFlex]=\"inline ? operatorWidth : null\" [key]=\"'typeOperator'\" [value]=\"operator.id\"\r\n            [label]=\"'SMART_FILTERS.TYPE' | translate\" [renderTitle]=\"renderTitle\" [emptyOption]=\"false\"\r\n            [options]=\"chooseTypeOptions\" (valueChange)=\"onOperatorChanged($event)\">\r\n        </pep-select>\r\n    </ng-container>\r\n    <div *ngIf=\"operator !== PepSmartFilterOperators.NumberRange\" [fxFlex]=\"inline ? fieldsWidth : null\">\r\n        <!-- Amount -->\r\n        <pep-textbox [form]=\"form\" [key]=\"firstControlKey\" [label]=\"'SMART_FILTERS.AMOUNT' | translate\"\r\n            [renderError]=\"false\" [renderTitle]=\"renderTitle\" [type]=\"field.type\"\r\n            [formattedValue]=\"firstControl?.value || ''\" [value]=\"firstControl?.value || ''\"\r\n            (valueChange)=\"onValueChanged()\">\r\n        </pep-textbox>\r\n    </div>\r\n    <div *ngIf=\"operator === PepSmartFilterOperators.NumberRange\" fxLayout=\"row\" fxLayout.xs=\"column\"\r\n        [fxLayoutGap]=\"inline ? '.5rem' : '1rem'\" [fxFlex]=\"inline ? fieldsWidth : null\">\r\n        <!-- Min number -->\r\n        <pep-textbox [form]=\"form\" [key]=\"firstControlKey\" [label]=\"'SMART_FILTERS.MIN' | translate\"\r\n            [renderError]=\"false\" [renderTitle]=\"renderTitle\" [type]=\"field.type\" fxFlex=\"50%\"\r\n            [formattedValue]=\"firstControl?.value || ''\" [value]=\"firstControl?.value || ''\"\r\n            [maxValue]=\"secondControl?.value || ''\" (valueChange)=\"onValueChanged()\">\r\n        </pep-textbox>\r\n        <!-- Max number -->\r\n        <pep-textbox [form]=\"form\" [key]=\"secondControlKey\" [label]=\"'SMART_FILTERS.MAX' | translate\"\r\n            [renderError]=\"false\" [renderTitle]=\"renderTitle\" [type]=\"field.type\" fxFlex=\"50%\"\r\n            [formattedValue]=\"secondControl?.value || ''\" [value]=\"secondControl?.value || ''\"\r\n            [minValue]=\"firstControl?.value || ''\" (valueChange)=\"onValueChanged()\">\r\n        </pep-textbox>\r\n    </div>\r\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'\">\r\n    <pep-select [fxFlex]=\"inline ? operatorWidth : null\" [key]=\"'typeOperator'\" [value]=\"operator.id\"\r\n        [label]=\"'SMART_FILTERS.TYPE' | translate\" [renderTitle]=\"renderTitle\" [emptyOption]=\"false\"\r\n        [options]=\"chooseTypeOptions\" (valueChange)=\"onOperatorChanged($event)\">\r\n    </pep-select>\r\n    <pep-textbox [fxFlex]=\"inline ? firstControlWidth : null\" [form]=\"form\" [key]=\"firstControlKey\"\r\n        [label]=\"'SMART_FILTERS.AMOUNT' | translate\" [renderError]=\"false\" [renderTitle]=\"renderTitle\"\r\n        [type]=\"field.type\" [formattedValue]=\"firstControl?.value || ''\" [value]=\"firstControl?.value || ''\"\r\n        (valueChange)=\"onValueChanged()\">\r\n    </pep-textbox>\r\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"}
+{"__symbolic":"module","version":4,"metadata":{"PepSmartFiltersModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":37,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":39,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":40,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":41,"character":8},{"__symbolic":"reference","module":"@angular/material/core","name":"MatCommonModule","line":43,"character":8},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":44,"character":8},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":45,"character":8},{"__symbolic":"reference","module":"@angular/material/expansion","name":"MatExpansionModule","line":46,"character":8},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":47,"character":8},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":48,"character":8},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":49,"character":8},{"__symbolic":"reference","module":"@angular/material/radio","name":"MatRadioModule","line":50,"character":8},{"__symbolic":"reference","module":"ngx-virtual-scroller","name":"VirtualScrollerModule","line":52,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepNgxLibModule","line":54,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/checkbox","name":"PepCheckboxModule","line":55,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/date","name":"PepDateModule","line":56,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/select","name":"PepSelectModule","line":57,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/textbox","name":"PepTextboxModule","line":58,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/search","name":"PepSearchModule","line":59,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/icon","name":"PepIconModule","line":60,"character":8}],"exports":[{"__symbolic":"reference","name":"PepSmartFiltersComponent"}],"declarations":[{"__symbolic":"reference","name":"PepSmartFiltersComponent"},{"__symbolic":"reference","name":"PepFilterActionsComponent"},{"__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":74,"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}"]}]}],"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":46,"character":1},"arguments":[{}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":5}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":5}}]}],"filterClear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":74,"character":5}}]}],"filterChange":[{"__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":"ViewContainerRef","line":140,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":141,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":142,"character":26},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":143,"character":25},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":144,"character":29},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib","name":"PepValidatorService","line":145,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":146,"character":28}]}],"createActionsComponent":[{"__symbolic":"method"}],"setupForm":[{"__symbolic":"method"}],"setupOperators":[{"__symbolic":"method"}],"setupFilter":[{"__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":8,"character":1},"arguments":[{"selector":"pep-boolean-filter","template":"<div [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":{"getDefaultOperator":[{"__symbolic":"method"}],"getFilterValue":[{"__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\">\n    <ng-container>\n        <pep-select [key]=\"'timeOperator'\" [value]=\"operator.id\" [label]=\"'SMART_FILTERS.CHOOSE_TIME' | translate\"\n            [emptyOption]=\"false\" [options]=\"chooseTimeOptions\" (valueChange)=\"onOperatorChanged($event)\">\n        </pep-select>\n    </ng-container>\n\n    <div *ngIf=\"operator === PepSmartFilterOperators.InTheLast ||\n                operator === PepSmartFilterOperators.NotInTheLast ||\n                operator === PepSmartFilterOperators.DueIn ||\n                operator === PepSmartFilterOperators.NotDueIn\" fxLayout=\"row\" fxLayout.xs=\"column\" fxLayoutGap=\"1rem\">\n        <!-- Amount -->\n        <pep-textbox [form]=\"form\" [key]=\"firstControlKey\" [label]=\"'SMART_FILTERS.AMOUNT' | translate\"\n            [renderError]=\"false\" fxFlex=\"50%\" [type]=\"'int'\" [formattedValue]=\"firstControl.value\"\n            [value]=\"firstControl.value\">\n        </pep-textbox>\n        <!-- Time unit -->\n        <pep-select [form]=\"form\" [key]=\"'timeUnit'\" [value]=\"operatorUnit?.id\"\n            [label]=\"'SMART_FILTERS.TIME_UNIT' | translate\" fxFlex=\"50%\" [emptyOption]=\"false\"\n            [options]=\"chooseTimeUnitOptions\" (valueChange)=\"onTimeUnitChanged($event)\">\n        </pep-select>\n    </div>\n    <div pepRtlDirection *ngIf=\"operator === PepSmartFilterOperators.DateRange\" fxLayout=\"row\" fxLayout.xs=\"column\"\n        fxLayoutGap=\"1rem\">\n        <!-- Start date -->\n        <pep-date [form]=\"form\" [key]=\"firstControlKey\" [label]=\"'SMART_FILTERS.START_DATE' | translate\"\n            [renderError]=\"false\" fxFlex=\"50%\" [type]=\"field.type === 'date' ? 'date' : 'datetime'\"\n            [value]=\"firstControl.value\" [maxDateValue]=\"secondControl.value\">\n        </pep-date>\n        <!-- End date -->\n        <pep-date [form]=\"form\" [key]=\"secondControlKey\" [label]=\"'SMART_FILTERS.END_DATE' | translate\"\n            [renderError]=\"false\" fxFlex=\"50%\" [type]=\"field.type === 'date' ? 'date' : 'datetime'\"\n            [value]=\"secondControl.value\" [minDateValue]=\"firstControl.value\">\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\" [type]=\"field.type === 'date' ? 'date' : 'datetime'\" [value]=\"firstControl.value\">\n        </pep-date>\n    </ng-container>\n</div>","styles":[""]}]}],"members":{"getDefaultOperator":[{"__symbolic":"method"}],"getDefaultOperatorUnit":[{"__symbolic":"method"}],"getFilterValue":[{"__symbolic":"method"}],"loadOperatorsOptions":[{"__symbolic":"method"}],"setFieldsStateAndValidators":[{"__symbolic":"method"}],"onOperatorChanged":[{"__symbolic":"method"}],"onTimeUnitChanged":[{"__symbolic":"method"}]}},"PepMultiSelectFilterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseFilterComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"pep-multi-select-filter","template":"<div [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":40,"character":5},"arguments":["optionsContainer"]}]}],"virtualScroller":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":44,"character":5},"arguments":[{"__symbolic":"reference","module":"ngx-virtual-scroller","name":"VirtualScrollerComponent","line":44,"character":15}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"initOptionsSelectedValues":[{"__symbolic":"method"}],"calcOptionsHeight":[{"__symbolic":"method"}],"filterOptions":[{"__symbolic":"method"}],"getDefaultOperator":[{"__symbolic":"method"}],"getFilterValue":[{"__symbolic":"method"}],"initFilter":[{"__symbolic":"method"}],"onOptionChange":[{"__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\">\n    <ng-container>\n        <pep-select [key]=\"'typeOperator'\" [value]=\"operator.id\" [label]=\"'SMART_FILTERS.TYPE' | translate\"\n            [emptyOption]=\"false\" [options]=\"chooseTypeOptions\" (valueChange)=\"onOperatorChanged($event)\">\n        </pep-select>\n    </ng-container>\n    <div *ngIf=\"operator !== PepSmartFilterOperators.NumberRange\">\n        <!-- Amount -->\n        <pep-textbox [form]=\"form\" [key]=\"firstControlKey\" [label]=\"'SMART_FILTERS.AMOUNT' | translate\"\n            [renderError]=\"false\" [type]=\"field.type\" [formattedValue]=\"firstControl.value\"\n            [value]=\"firstControl.value\">\n        </pep-textbox>\n    </div>\n    <div *ngIf=\"operator === PepSmartFilterOperators.NumberRange\" fxLayout=\"row\" fxLayout.xs=\"column\"\n        fxLayoutGap=\"1rem\">\n        <!-- Min number -->\n        <pep-textbox [form]=\"form\" [key]=\"firstControlKey\" [label]=\"'SMART_FILTERS.MIN' | translate\"\n            [renderError]=\"false\" fxFlex=\"50%\" [type]=\"field.type\" [formattedValue]=\"firstControl.value\"\n            [value]=\"firstControl.value\" [maxValue]=\"secondControl.value\">\n        </pep-textbox>\n        <!-- Max number -->\n        <pep-textbox [form]=\"form\" [key]=\"secondControlKey\" [label]=\"'SMART_FILTERS.MAX' | translate\"\n            [renderError]=\"false\" fxFlex=\"50%\" [type]=\"field.type\" [formattedValue]=\"secondControl.value\"\n            [value]=\"secondControl.value\" [minValue]=\"firstControl.value\">\n        </pep-textbox>\n    </div>\n</div>","styles":[""]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"getDefaultOperator":[{"__symbolic":"method"}],"getFilterValue":[{"__symbolic":"method"}],"loadOperatorsOptions":[{"__symbolic":"method"}],"setFieldsStateAndValidators":[{"__symbolic":"method"}],"onOperatorChanged":[{"__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"}]}},"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"]},"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","createSmartFilterField":"./common/model/creator","createSmartFilter":"./common/model/creator","IPepSmartFilterFieldOption":"./common/model/field","IPepSmartFilterField":"./common/model/field","PepSmartFilterBaseField":"./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"}

package/smart-filters/public-api.d.ts

@@ -6,7 +6,6 @@ export * from './boolean-filter/boolean-filter.component';
 export * from './date-filter/date-filter.component';
 export * from './multi-select-filter/multi-select-filter.component';
 export * from './number-filter/number-filter.component';
-export * from './text-filter/text-filter.component';
 export * from './common/model/creator';
 export * from './common/model/field';
 export * from './common/model/filter';

package/smart-filters/smart-filters.component.theme.scss

@@ -1,11 +1,11 @@
-@mixin pep-smart-filters-component-theme($pepperi-theme) {
-    
-    .smart-filters-container {
-        .clear-filter {
-
-            &.weak {
-                @include pep-button-states($pepperi-theme, weak);
-            }
-        }
-    }
+@mixin pep-smart-filters-component-theme($pepperi-theme) {
+    
+    .smart-filters-container {
+        .clear-filter {
+
+            &.weak {
+                @include pep-button-states($pepperi-theme, weak);
+            }
+        }
+    }
 }