@pepperi-addons/ngx-lib 0.4.2-storybook.1 → 0.5.0-ng15.1

package/separator/separator.component.d.ts

@@ -18,5 +18,5 @@ export declare class PepSeparatorComponent implements OnInit {
     constructor(renderer: Renderer2, element: ElementRef);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepSeparatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepSeparatorComponent, "pep-separator", never, { "key": "key"; "label": "label"; "xAlignment": "xAlignment"; "form": "form"; "layoutType": "layoutType"; "visible": "visible"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepSeparatorComponent, "pep-separator", never, { "key": "key"; "label": "label"; "xAlignment": "xAlignment"; "form": "form"; "layoutType": "layoutType"; "visible": "visible"; }, {}, never, never, false, never>;
 }

package/side-bar/side-bar.component.d.ts

@@ -13,6 +13,9 @@ export declare class PepSideBarComponent implements OnInit {
     showHeader: boolean;
     showFooter: boolean;
     showToggle: boolean;
+    private _stateType;
+    set stateType(value: PepSideBarStateType | undefined);
+    get stateType(): PepSideBarStateType | undefined;
     private _useAsWebComponent;
     private readonly _animationTime;
     state: PepSideBarStateType;
@@ -37,6 +40,6 @@ export declare class PepSideBarComponent implements OnInit {
     toggleSideWrapper(): void;
     toggleSidenav(isOpen: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepSideBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepSideBarComponent, "pep-side-bar", never, { "position": "position"; "ignoreResize": "ignoreResize"; "showHeader": "showHeader"; "showFooter": "showFooter"; "showToggle": "showToggle"; "useAsWebComponent": "useAsWebComponent"; }, { "stateChange": "stateChange"; }, never, ["[header-content]", "[start-content]", "*", "[end-content]", "pep-smart-filters", "[footer-content]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepSideBarComponent, "pep-side-bar", never, { "position": "position"; "ignoreResize": "ignoreResize"; "showHeader": "showHeader"; "showFooter": "showFooter"; "showToggle": "showToggle"; "stateType": "stateType"; "useAsWebComponent": "useAsWebComponent"; }, { "stateChange": "stateChange"; }, never, ["[header-content]", "[start-content]", "*", "[end-content]", "pep-smart-filters", "[footer-content]"], false, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PepSideBarComponent>;
 }

package/side-bar/side-bar.model.d.ts

@@ -1,4 +1,4 @@
-export declare type PepSideBarStateType = 'open' | 'close';
+export type PepSideBarStateType = 'open' | 'close';
 export interface IPepSideBarStateChangeEvent {
     state: PepSideBarStateType;
 }

package/signature/signature-dialog.component.d.ts

@@ -1,6 +1,6 @@
 import { OnInit, AfterViewInit } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
-import { SignaturePad } from 'ngx-signaturepad';
+import { SignaturePad } from 'ngx-signaturepad/signature-pad';
 import * as i0 from "@angular/core";
 interface IPepSignatureDialogData {
     title: string;
@@ -24,6 +24,6 @@ export declare class PepSignatureDialogComponent implements OnInit, AfterViewIni
     saveSignModal(event: any): void;
     closeDialog(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepSignatureDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepSignatureDialogComponent, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepSignatureDialogComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }
 export {};

package/signature/signature.component.d.ts

@@ -37,6 +37,7 @@ export declare class PepSignatureComponent implements OnInit, OnChanges, OnDestr
     chooseFile: EventEmitter<void>;
     fileChange: EventEmitter<any>;
     elementClick: EventEmitter<IPepFieldClickEvent>;
+    validationChange: EventEmitter<boolean>;
     dialogRef: MatDialogRef<any>;
     fieldHeight: string;
     standAlone: boolean;
@@ -55,5 +56,5 @@ export declare class PepSignatureComponent implements OnInit, OnChanges, OnDestr
     changeValue(fileData: any): void;
     onKeyPress_OpenSignModal(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepSignatureComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepSignatureComponent, "pep-signature", never, { "key": "key"; "src": "src"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "signatureURL": "signatureURL"; "visible": "visible"; "form": "form"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "layoutType": "layoutType"; "isActive": "isActive"; "handleActions": "handleActions"; }, { "chooseFile": "chooseFile"; "fileChange": "fileChange"; "elementClick": "elementClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepSignatureComponent, "pep-signature", never, { "key": "key"; "src": "src"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "signatureURL": "signatureURL"; "visible": "visible"; "form": "form"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "layoutType": "layoutType"; "isActive": "isActive"; "handleActions": "handleActions"; }, { "chooseFile": "chooseFile"; "fileChange": "fileChange"; "elementClick": "elementClick"; "validationChange": "validationChange"; }, never, never, false, never>;
 }

package/size-detector/size-detector.component.d.ts

@@ -24,6 +24,6 @@ export declare class PepSizeDetectorComponent implements AfterViewInit {
     private exportFunctionsOnHostElement;
     getCurrentSize(): IPepSizeDetectorItem;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepSizeDetectorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepSizeDetectorComponent, "pep-size-detector", never, { "showScreenSize": "showScreenSize"; "useAsWebComponent": "useAsWebComponent"; }, { "sizeChange": "sizeChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepSizeDetectorComponent, "pep-size-detector", never, { "showScreenSize": "showScreenSize"; "useAsWebComponent": "useAsWebComponent"; }, { "sizeChange": "sizeChange"; }, never, never, false, never>;
 }
 export {};

package/skeleton-loader/skeleton-loader.component.d.ts

@@ -1,20 +1,20 @@
 import { MatDialogRef } from '@angular/material/dialog';
-import { PepSizeType } from '@pepperi-addons/ngx-lib';
 import * as i0 from "@angular/core";
+export type PepSkeletonSizeType = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'max';
 interface IPepSkeletonLoaderDialogData {
-    rowHeightType: PepSizeType;
+    rowHeightType: PepSkeletonSizeType;
     rowsNumber: number;
     lastRowOffset: boolean;
 }
 export declare class PepSkeletonLoaderComponent {
     private dialogRef;
     private data;
-    rowHeightType: PepSizeType;
+    rowHeightType: PepSkeletonSizeType;
     rowsNumber: number;
     lastRowOffset: boolean;
     constructor(dialogRef: MatDialogRef<PepSkeletonLoaderComponent>, data: IPepSkeletonLoaderDialogData);
     counter(i: number): any[];
     static ɵfac: i0.ɵɵFactoryDeclaration<PepSkeletonLoaderComponent, [{ optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepSkeletonLoaderComponent, "pep-skeleton-loader", never, { "rowHeightType": "rowHeightType"; "rowsNumber": "rowsNumber"; "lastRowOffset": "lastRowOffset"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepSkeletonLoaderComponent, "pep-skeleton-loader", never, { "rowHeightType": "rowHeightType"; "rowsNumber": "rowsNumber"; "lastRowOffset": "lastRowOffset"; }, {}, never, never, false, never>;
 }
 export {};

package/slider/slider.component.d.ts

@@ -35,5 +35,5 @@ export declare class PepSliderComponent implements OnInit {
     onValueChange(event: any): void;
     onInputChange(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepSliderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepSliderComponent, "pep-slider", never, { "label": "label"; "disabled": "disabled"; "hint": "hint"; "background": "background"; "step": "step"; "minValue": "minValue"; "maxValue": "maxValue"; "value": "value"; }, { "valueChange": "valueChange"; "inputChange": "inputChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepSliderComponent, "pep-slider", never, { "label": "label"; "disabled": "disabled"; "hint": "hint"; "background": "background"; "step": "step"; "minValue": "minValue"; "maxValue": "maxValue"; "value": "value"; }, { "valueChange": "valueChange"; "inputChange": "inputChange"; }, never, never, false, never>;
 }

package/slider/slider.component.theme.scss

@@ -5,14 +5,21 @@
     ::ng-deep.mat-slider {
         background: functions.get-pep-color(color-system-primary, color-tran-30);
 
-        &.mat-slider-horizontal {
+        &.mat-slider-disabled,
+        &.mdc-slider--disabled {
+            opacity: 0.5;
+        }
+
+        &.mat-slider-horizontal,
+        &.mdc-slider--horizontal {
             height: 1rem;
             width: 100%;
             padding: 0.5rem 0.25rem;
             border-radius: variables.$border-radius-lg;
         }
 
-        .mat-slider-wrapper {
+        .mat-slider-wrapper,
+        .mdc-slider {
             $wrapperHeight: 0.375rem;
             height: $wrapperHeight;
             position: relative;
@@ -21,7 +28,8 @@
             right: unset;
             border-radius: variables.$border-radius-md;
 
-            .mat-slider-track-wrapper {
+            .mat-slider-track-wrapper,
+            .mdc-slider__track {
                 display: none;
             }
 
@@ -29,11 +37,13 @@
             //     // Not in use.
             // }
 
-            .mat-slider-thumb-container {
+            .mat-slider-thumb-container,
+            .mdc-slider__thumb {
                 width: 94%;
                 left: 3%;
 
-                .mat-slider-thumb {
+                .mat-slider-thumb,
+                .mdc-slider__thumb-knob {
                     // position: absolute;
                     $sliderSize: 18px;
                     width: $sliderSize;

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

@@ -12,6 +12,9 @@ export declare class PepBooleanFilterComponent extends BaseFilterComponent imple
         LessThanVariable: IPepSmartFilterOperator;
         GreaterThanVariable: IPepSmartFilterOperator;
         DateRangeVariable: IPepSmartFilterOperator;
+        InVariable: IPepSmartFilterOperator;
+        IsEmpty: IPepSmartFilterOperator;
+        IsNotEmpty: IPepSmartFilterOperator;
     };
     chooseTypeOptions: Array<IPepOption>;
     operatorWidth: string;
@@ -24,5 +27,5 @@ export declare class PepBooleanFilterComponent extends BaseFilterComponent imple
     onOperatorChanged(value: string): void;
     onValueChanged(value: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepBooleanFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepBooleanFilterComponent, "pep-boolean-filter", never, { "options": "options"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepBooleanFilterComponent, "pep-boolean-filter", never, { "options": "options"; }, {}, never, never, false, never>;
 }

package/smart-filters/common/filter-actions.component.d.ts

@@ -8,5 +8,5 @@ export declare class PepFilterActionsComponent {
     clear(): void;
     apply(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepFilterActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepFilterActionsComponent, "pep-filter-actions", never, { "form": "form"; }, { "clearClick": "clearClick"; "applyClick": "applyClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepFilterActionsComponent, "pep-filter-actions", never, { "form": "form"; }, { "clearClick": "clearClick"; "applyClick": "applyClick"; }, never, never, false, never>;
 }

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

@@ -1,12 +1,12 @@
 import { EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, ViewContainerRef, ComponentFactoryResolver, Injector } from '@angular/core';
 import { AbstractControl, FormBuilder, FormGroup } from '@angular/forms';
-import { PepValidatorService, IPepOption, PepUtilitiesService } from '@pepperi-addons/ngx-lib';
+import { PepValidatorService, IPepOption, PepUtilitiesService, BaseDestroyerDirective } from '@pepperi-addons/ngx-lib';
 import { IPepSmartFilterOperator, IPepSmartFilterOperatorUnit } from './operator';
 import { IPepSmartFilterData, IPepSmartFilterDataValue } from './filter';
 import { PepSmartFilterBaseField } from './field';
 import { TranslateService } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
-export declare abstract class BaseFilterComponent implements OnInit, OnChanges, OnDestroy {
+export declare abstract class BaseFilterComponent extends BaseDestroyerDirective implements OnInit, OnChanges, OnDestroy {
     private viewContainerRef;
     private injector;
     private resolver;
@@ -15,7 +15,6 @@ export declare abstract class BaseFilterComponent implements OnInit, OnChanges,
     protected validator: PepValidatorService;
     protected utilitiesService: PepUtilitiesService;
     protected renderer: Renderer2;
-    private readonly _destroyed;
     private actionsContainerRef;
     private _fieldIdWithNoDots;
     private _field;
@@ -56,7 +55,6 @@ export declare abstract class BaseFilterComponent implements OnInit, OnChanges,
     private setupOperators;
     private setupFilter;
     protected updateParentForm(): void;
-    protected getDestroyer(): import("rxjs").MonoTypeOperatorFunction<unknown>;
     private updateValidity;
     protected loadOperatorsOptions(): void;
     protected setFieldsStateAndValidators(): void;
@@ -70,5 +68,5 @@ export declare abstract class BaseFilterComponent implements OnInit, OnChanges,
     ngOnChanges(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseFilterComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseFilterComponent, never, never, { "field": "field"; "variableField": "variableField"; "filter": "filter"; "parentForm": "parentForm"; "emitOnChange": "emitOnChange"; "inline": "inline"; "showActionButtons": "showActionButtons"; "renderTitle": "renderTitle"; "showAdditionalOperators": "showAdditionalOperators"; }, { "filterClear": "filterClear"; "filterChange": "filterChange"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseFilterComponent, never, never, { "field": "field"; "variableField": "variableField"; "filter": "filter"; "parentForm": "parentForm"; "emitOnChange": "emitOnChange"; "inline": "inline"; "showActionButtons": "showActionButtons"; "renderTitle": "renderTitle"; "showAdditionalOperators": "showAdditionalOperators"; }, { "filterClear": "filterClear"; "filterChange": "filterChange"; }, never, never, false, never>;
 }

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

@@ -37,6 +37,9 @@ export declare const PepSmartFilterVariableOperators: {
     LessThanVariable: IPepSmartFilterOperator;
     GreaterThanVariable: IPepSmartFilterOperator;
     DateRangeVariable: IPepSmartFilterOperator;
+    InVariable: IPepSmartFilterOperator;
+    IsEmpty: IPepSmartFilterOperator;
+    IsNotEmpty: IPepSmartFilterOperator;
 };
 export declare class IPepSmartFilterOperatorUnit {
     id: PepSmartFilterOperatorUnitType;

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

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

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

@@ -37,6 +37,9 @@ export declare class PepDateFilterComponent extends BaseFilterComponent implemen
         LessThanVariable: IPepSmartFilterOperator;
         GreaterThanVariable: IPepSmartFilterOperator;
         DateRangeVariable: IPepSmartFilterOperator;
+        InVariable: IPepSmartFilterOperator;
+        IsEmpty: IPepSmartFilterOperator;
+        IsNotEmpty: IPepSmartFilterOperator;
     };
     chooseTimeOptions: Array<IPepOption>;
     chooseTimeUnitOptions: Array<IPepOption>;
@@ -56,5 +59,5 @@ export declare class PepDateFilterComponent extends BaseFilterComponent implemen
     onSecondVariableChanged(value: any): void;
     onDateValueChanged(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepDateFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepDateFilterComponent, "pep-date-filter", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepDateFilterComponent, "pep-date-filter", never, {}, {}, never, never, false, never>;
 }

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

@@ -21,6 +21,9 @@ export declare class PepMultiSelectFilterComponent extends BaseFilterComponent i
         LessThanVariable: IPepSmartFilterOperator;
         GreaterThanVariable: IPepSmartFilterOperator;
         DateRangeVariable: IPepSmartFilterOperator;
+        InVariable: IPepSmartFilterOperator;
+        IsEmpty: IPepSmartFilterOperator;
+        IsNotEmpty: IPepSmartFilterOperator;
     };
     options: PepMultiSelectFilterOption[];
     filteredOptions$: Observable<any>;
@@ -51,6 +54,6 @@ export declare class PepMultiSelectFilterComponent extends BaseFilterComponent i
     onMultiSelectChanged(value: string): void;
     onValueChanged(value: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepMultiSelectFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepMultiSelectFilterComponent, "pep-multi-select-filter", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepMultiSelectFilterComponent, "pep-multi-select-filter", never, {}, {}, never, never, false, never>;
 }
 export {};

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

@@ -33,6 +33,9 @@ export declare class PepNumberFilterComponent extends BaseFilterComponent implem
         LessThanVariable: IPepSmartFilterOperator;
         GreaterThanVariable: IPepSmartFilterOperator;
         DateRangeVariable: IPepSmartFilterOperator;
+        InVariable: IPepSmartFilterOperator;
+        IsEmpty: IPepSmartFilterOperator;
+        IsNotEmpty: IPepSmartFilterOperator;
     };
     chooseTypeOptions: Array<IPepOption>;
     operatorWidth: string;
@@ -48,5 +51,5 @@ export declare class PepNumberFilterComponent extends BaseFilterComponent implem
     onVariableChanged(value: any): void;
     onValueChanged(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepNumberFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepNumberFilterComponent, "pep-number-filter", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepNumberFilterComponent, "pep-number-filter", never, {}, {}, never, never, false, never>;
 }

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

@@ -31,5 +31,5 @@ export declare class PepSmartFiltersComponent {
     onFilterClear(field: IPepSmartFilterField): void;
     onFilterChange(field: IPepSmartFilterField, filterData: IPepSmartFilterData): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepSmartFiltersComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepSmartFiltersComponent, "pep-smart-filters", never, { "title": "title"; "filters": "filters"; "fields": "fields"; "useAsWebComponent": "useAsWebComponent"; }, { "filtersChange": "filtersChange"; "fieldToggleChange": "fieldToggleChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepSmartFiltersComponent, "pep-smart-filters", never, { "title": "title"; "filters": "filters"; "fields": "fields"; "useAsWebComponent": "useAsWebComponent"; }, { "filtersChange": "filtersChange"; "fieldToggleChange": "fieldToggleChange"; }, never, never, false, never>;
 }

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

@@ -11,6 +11,9 @@ export declare class PepTextFilterComponent extends BaseFilterComponent implemen
         LessThanVariable: IPepSmartFilterOperator;
         GreaterThanVariable: IPepSmartFilterOperator;
         DateRangeVariable: IPepSmartFilterOperator;
+        InVariable: IPepSmartFilterOperator;
+        IsEmpty: IPepSmartFilterOperator;
+        IsNotEmpty: IPepSmartFilterOperator;
     };
     chooseTypeOptions: Array<IPepOption>;
     operatorWidth: string;
@@ -20,9 +23,10 @@ export declare class PepTextFilterComponent extends BaseFilterComponent implemen
     getFilterValue(): IPepSmartFilterDataValue;
     loadOperatorsOptions(): void;
     setFieldsStateAndValidators(): void;
+    setControlsWidth(): void;
     onOperatorChanged(value: string): void;
     onVariableChanged(value: any): void;
     onValueChanged(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepTextFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepTextFilterComponent, "pep-text-filter", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepTextFilterComponent, "pep-text-filter", never, {}, {}, never, never, false, never>;
 }

package/snack-bar/default-snack-bar.component.d.ts

@@ -9,5 +9,5 @@ export declare class PepDefaultSnackBarComponent {
     constructor(data: PepSnackBarData, snackBarRef: MatSnackBarRef<PepDefaultSnackBarComponent>);
     onCloseClicked(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepDefaultSnackBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepDefaultSnackBarComponent, "ng-component", never, {}, { "closeClick": "closeClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepDefaultSnackBarComponent, "ng-component", never, {}, { "closeClick": "closeClick"; }, never, never, false, never>;
 }

package/snack-bar/snack-bar.component.d.ts

@@ -8,5 +8,5 @@ export declare class PepSnackBarComponent {
     constructor();
     onCloseClicked(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepSnackBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepSnackBarComponent, "pep-snack-bar", never, { "snackBarRef": "snackBarRef"; "title": "title"; }, { "closeClick": "closeClick"; }, never, ["[pep-snack-bar-content]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepSnackBarComponent, "pep-snack-bar", never, { "snackBarRef": "snackBarRef"; "title": "title"; }, { "closeClick": "closeClick"; }, never, ["[pep-snack-bar-content]"], false, never>;
 }

package/src/assets/i18n/ar.ngx-lib.json

@@ -0,0 +1,180 @@
+{
+    "COLOR": {
+        "AA_COMPLIENT": "AA Compliant",
+        "ADD_VALUE_HERE": "Or add (hsl, reg, hex)",
+        "CHANGE_HUE": "Change hue",
+        "CHANGE_SATURATION": "Change saturation",
+        "CHANGE_LIGHTNESS": "Change lightness",
+        "DIALOG_TITLE": "Color picker"
+    },
+    "CHECKBOX": {
+        "TRUE": "True",
+        "FALSE": "False"
+    },
+    "CHIPS": {
+        "ADD_CHIP": "Add Chip"
+    },
+    "IMAGE": {
+        "NO_IMAGE": "No image",
+        "CLICK_TO_ENLARGE": "Click to enlarge"
+    },
+    "FILE": {
+        "HINT": "Drag and drop a file here or click",
+        "UPLOADING_FILE": "Uploading File",
+        "SEE_ORIGINAL": "See original"
+    },
+    "QS": {
+        "ORDER": "Order"
+    },
+    "INTERNAL_PAGE": {
+        "CLICK_TO_ORDER": "Click to order"
+    },
+    "PROFILE_DATA_VIEWS_LIST": {
+        "ADD_PROFILE": "Add profile",
+        "SELECT_PROFILE_DIALOG_TITLE": "Select profile",
+        "SELECT_PROFILE": "Select a profile",
+        "IMPORT_PROFILE_DIALOG_TITLE": "Import to {{ profileTitle }}",
+        "IMPORT_FROM_PROFILE": "Import from",
+        "IMPORT_FROM_PROFILE_DESC": "You can select a profile to copy its configuration to the added profile. Leave this option empty for a default profile hierarchy configuration",
+        "DEFAULT_PROFILE": "(Default profile)",
+        "NO_FIELDS_ASSIGNED": "No fields were assigned"
+    },
+    "RICH_TEXTAREA": {
+        "HINT": "Enter Text"
+    },
+    "SEARCH": {
+        "HINT": "Search",
+        "MORE_RESULTS": "More Results"
+    },
+    "SELECT": {
+        "HINT": "Please select an option"
+    },
+    "SIGNATURE": {
+        "HINT": "Signature",
+        "TAP_TO_SIGN": "Tap to Sign",
+        "DIALOG_TITLE": "Add signature here"
+    },
+    "SMART_FILTERS": {
+        "TITLE": "Smart filters",
+        "IS_ON": "Is on",
+        "CHOOSE_TIME": "Choose time",
+        "AMOUNT": "Amount",
+        "VALUE": "Value",
+        "TIME_UNIT": "Time unit",
+        "START_DATE": "Start date",
+        "END_DATE": "End date",
+        "CHOOSE_DATE": "Choose a date",
+        "TYPE": "Type",
+        "MIN": "Min",
+        "MAX": "Max",
+        "SEARCH": "Search",
+        "NO_SEARCH_RESULTS": "No results found",
+        "NO_OPTIONS": "No options",
+        "OPERATORS": {
+            "IN_THE_LAST": "In the last",
+            "IN_THE_LAST_CALENDAR": "In the last (calendar)",
+            "IN_THE_LAST_VARIABLE": "In the last (variable)",
+            "TODAY": "Today",
+            "THIS_WEEK": "This week",
+            "THIS_MONTH": "This month",
+            "DATE_RANGE": "Between",
+            "DATE_RANGE_VARIABLE": "Between (variable)",
+            "DUE_IN": "Due in",
+            "ON": "On",
+            "NOT_IN_THE_LAST": "Not in the last",
+            "NOT_IN_THE_LAST_CALENDAR": "Not in the last (calendar)",
+            "NOT_DUE_IN": "Not due in",
+            "IS_EMPTY": "Is empty",
+            "IS_NOT_EMPTY": "Is not empty",
+            "NOT_EQUAL": "Not equal",
+            "NOT_EQUAL_TO_VARIABLE": "Not equal to (variable)",
+            "LESS_THEN_OR_EQUAL": "Less than or equal to",
+            "LESS_THEN": "Less than",
+            "LESS_THAN_VARIABLE": "Less than (variable)",
+            "EQUAL": "Equal",
+            "EQUAL_TO_VARIABLE": "Equal to (variable)",
+            "IN_VARIABLE": "In (variable)",
+            "GREATER_THEN": "Greater than",
+            "GREATER_THEN_OR_EQUAL": "Greater than or equal to",
+            "GREATER_THAN_VARIABLE": "Greater than (variable)",
+            "NUMBER_RANGE": "Between",
+            "CONTAINS": "Contains",
+            "IN": "In",
+            "BEGINS_WITH": "Begins with",
+            "ENDS_WITH": "Ends with"
+        },
+        "OPERATOR_UNITS": {
+            "DAYS": "Days",
+            "WEEKS": "Weeks",
+            "MONTHS": "Months",
+            "YEARS": "Years"
+        }
+    },
+    "ACTIONS": {
+        "APPLY": "Apply",
+        "CANCEL": "Cancel",
+        "CLEAR": "Clear",
+        "CLEAR_ALL": "Clear All",
+        "CLOSE": "Close",
+        "CONTINUE": "Continue",
+        "CREATE_NEW": "Create new",
+        "DELETE": "Delete",
+        "DONE": "Done",
+        "OK": "Ok",
+        "REMOVE": "Remove",
+        "SAVE": "Save",
+        "IMPORT": "Import"
+    },
+    "LIST": {
+        "ALL": "All",
+        "NONE": "None",
+        "PAGER_PREVIOUS": "Previous",
+        "PAGER_NEXT": "Next",
+        "PAGER_OUT_OF": "Out of",
+        "PAGER_PAGE": "Page",
+        "SELECT": "Select",
+        "SELECTED": "selected",
+        "SORT_BY": "Sort by",
+        "SORT_ASC": "Ascending",
+        "SORT_DESC": "Descending",
+        "TOTAL_RESULTS": "<span class='bold number'>{{ totalRows }}{{ unknownCount }}</span> results",
+        "TOTAL_RESULT": "<span class='bold number'>{{ totalRows }}</span> result",
+        "TOTAL_RESULTS_OUT_OF": "<span class='bold number'>{{ xRows }}</span> of <span class='bold number'>{{ totalRows }}</span> results",
+        "TOTAL_RESULT_OUT_OF_RESULT": "<span class='bold number'>{{ xRows }}</span> of <span class='bold number'>{{ totalRows }}</span> result",
+        "TOTAL_OF": "At total of: ",
+        "NO_DATA_FOUND": "No results were found.",
+        "NO_DATA_FOUND_SUGGESTIONS_TITLE": "We have some suggestions:",
+        "NO_DATA_FOUND_SUGGESTIONS_LIST": "<li>Make sure that all words are spelled correctly.</li><li>Try different keywords.</li><li>Try more general keywords.</li>"
+    },
+    "MESSAGES": {
+        "TITLE_NOTICE": "Notice",
+        "ERROR_CASE_QUANTITY_LIMIT": "Case quantity",
+        "ERROR_FAILD_TO_LOAD_EXTENSION": "Failed to upload file, {{fileExtension}} format is not supported",
+        "ERROR_FAILD_TO_LOAD_SIZE": "Failed to upload file, file size limitation is - {{fileSize}} MB",
+        "ERROR_INVALID_FIELDS": "Please validate the following fields:",
+        "ERROR_INVENTORY_LIMIT": "Max quantity",
+        "ERROR_IS_NOT_VALID": "{{field}} is not valid",
+        "ERROR_IS_REQUIRED": "{{field}} is mandatory",
+        "ERROR_MANDATORY_FIELDS": "Required fields:",
+        "ERROR_MAX_QUANTITY_LIMIT": "Max quantity",
+        "ERROR_MIN_QUANTITY_LIMIT": "Min quantity",
+        "ERROR_RANGE_IS_NOT_VALID": "Value should be between {{min}} and {{max}}",
+        "ERROR_INVALID_PATTERN": "Invalid Character",
+        "INFO_LOADING_FILE": "Loading",
+        "INFO_MISSING_FILE": "Missing file",
+        "INFO_MISSING_IMAGE": "Missing image",
+        "INFO_MISSING_SIGNATURE": "Signature missing"
+    },
+    "DATE_AGO": {
+        "JUST_NOW": "Just now",
+        "SECOND": "second",
+        "MINUTE": "minute",
+        "HOUR": "hour",
+        "DAY": "day",
+        "WEEK": "week",
+        "MONTH": "month",
+        "YEAR": "year",
+        "SINGULAR": " ago",
+        "PLURAL": "'s ago"
+    }
+}