@pepperi-addons/ngx-lib 0.4.2-beta.31 → 0.4.2-beta.310

package/field-title/field-title.component.d.ts

@@ -10,6 +10,7 @@ export declare class PepFieldTitleComponent {
     showTitle: boolean;
     inputLength: number;
     fontBodyType: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    multiLine: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepFieldTitleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepFieldTitleComponent, "pep-field-title", never, { "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "maxFieldCharacters": "maxFieldCharacters"; "hint": "hint"; "xAlignment": "xAlignment"; "showTitle": "showTitle"; "inputLength": "inputLength"; "fontBodyType": "fontBodyType"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepFieldTitleComponent, "pep-field-title", never, { "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "maxFieldCharacters": "maxFieldCharacters"; "hint": "hint"; "xAlignment": "xAlignment"; "showTitle": "showTitle"; "inputLength": "inputLength"; "fontBodyType": "fontBodyType"; "multiLine": "multiLine"; }, {}, never, never, false>;
 }

package/files-uploader/files-uploader.component.d.ts

@@ -10,6 +10,7 @@ export interface IPepFileChangeEvent {
     fileStr?: string;
     fileName?: string;
     fileExt?: string;
+    fileSize?: number;
 }
 export declare class PepFilesUploaderComponent implements OnInit {
     private dialogService;
@@ -32,6 +33,7 @@ export declare class PepFilesUploaderComponent implements OnInit {
     layoutType: PepLayoutType;
     fieldHeight: string;
     handleActions: boolean;
+    hint: string;
     chooseFile: EventEmitter<void>;
     fileChange: EventEmitter<IPepFileChangeEvent>;
     elementClick: EventEmitter<IPepFieldClickEvent>;
@@ -43,9 +45,9 @@ export declare class PepFilesUploaderComponent implements OnInit {
     constructor(dialogService: PepDialogService, customizationService: PepCustomizationService, fileService: PepFileService, translate: TranslateService);
     getFileName(filename: any): any;
     getFileExtension(filename: any): any;
+    private setDefaultForm;
     ngOnInit(): void;
     isValidFile(fileStr: any, fileExtension: any, acceptedExtensions: any, sizeLimitMB?: number): string;
-    getBase64FileSize(base64String: string): number;
     errorHandler(event: any): void;
     private setProgress;
     deleteFile(): void;
@@ -53,6 +55,6 @@ export declare class PepFilesUploaderComponent implements OnInit {
     onClick_ChooseFile(event: any): void;
     onKeyPress_ChooseFile(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepFilesUploaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepFilesUploaderComponent, "pep-files-uploader", never, { "key": "key"; "src": "src"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "controlType": "controlType"; "sizeLimitMB": "sizeLimitMB"; "form": "form"; "acceptedExtensions": "acceptedExtensions"; "layoutType": "layoutType"; "fieldHeight": "fieldHeight"; "handleActions": "handleActions"; }, { "chooseFile": "chooseFile"; "fileChange": "fileChange"; "elementClick": "elementClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepFilesUploaderComponent, "pep-files-uploader", never, { "key": "key"; "src": "src"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "controlType": "controlType"; "sizeLimitMB": "sizeLimitMB"; "form": "form"; "acceptedExtensions": "acceptedExtensions"; "layoutType": "layoutType"; "fieldHeight": "fieldHeight"; "handleActions": "handleActions"; "hint": "hint"; }, { "chooseFile": "chooseFile"; "fileChange": "fileChange"; "elementClick": "elementClick"; }, never, never, false>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PepFilesUploaderComponent>;
 }

package/form/internal-carusel.component.d.ts

@@ -34,6 +34,7 @@ export declare class PepInternalCaruselComponent implements OnInit, AfterViewIni
     moveTo(index: number): void;
     onReachesLeftBound(event: boolean): void;
     onReachesRightBound(event: boolean): void;
+    onIndexChanged(event: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepInternalCaruselComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PepInternalCaruselComponent, "pep-internal-carusel", never, { "field": "field"; "layoutType": "layoutType"; }, { "internalFormFieldChange": "internalFormFieldChange"; "internalFormFieldClick": "internalFormFieldClick"; }, never, never, false>;
 }

package/form/internal-menu.component.d.ts

@@ -7,7 +7,6 @@ export declare class PepInternalMenuComponent implements OnDestroy {
     disabled: boolean;
     xAlignment: PepHorizontalAlignment;
     options: IPepOption[];
-    invertClass: boolean;
     controlType: string;
     layoutType: PepLayoutType;
     elementClick: EventEmitter<IPepFieldClickEvent>;
@@ -15,5 +14,5 @@ export declare class PepInternalMenuComponent implements OnDestroy {
     menuClicked(event: any): void;
     menuItemClicked(itemKey: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepInternalMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepInternalMenuComponent, "pep-internal-menu", never, { "key": "key"; "label": "label"; "disabled": "disabled"; "xAlignment": "xAlignment"; "options": "options"; "invertClass": "invertClass"; "layoutType": "layoutType"; }, { "elementClick": "elementClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepInternalMenuComponent, "pep-internal-menu", never, { "key": "key"; "label": "label"; "disabled": "disabled"; "xAlignment": "xAlignment"; "options": "options"; "layoutType": "layoutType"; }, { "elementClick": "elementClick"; }, never, never, false>;
 }

package/icon/icon.component.d.ts

@@ -7,6 +7,7 @@ export declare class PepIconComponent {
     private element;
     private pepIconService;
     private svgIcon;
+    private _name;
     private _spin;
     /**
      * If icon spin
@@ -14,6 +15,7 @@ export declare class PepIconComponent {
      * @memberof PepIconComponent
      */
     set spin(value: boolean);
+    get spin(): boolean;
     /**
      * The icon name. look in (#ICON LIST)
      *
@@ -21,6 +23,7 @@ export declare class PepIconComponent {
      * @memberof PepIconComponent
      */
     set name(iconName: PepIconType);
+    get name(): PepIconType;
     private _fill;
     /**
      * The fill color of the icon like #cccccc
@@ -29,6 +32,7 @@ export declare class PepIconComponent {
      * @memberof PepIconComponent
      */
     set fill(value: string);
+    get fill(): string;
     constructor(renderer: Renderer2, element: ElementRef, pepIconService: PepIconService);
     /**
      * Set fill on the svg icon.

package/image/image.component.d.ts

@@ -47,9 +47,11 @@ export declare class PepImageComponent implements OnChanges, OnInit, OnDestroy {
     sizeLimitMB: number;
     acceptImagesType: string;
     handleActions: boolean;
+    hint: string;
     chooseFile: EventEmitter<void>;
     fileChange: EventEmitter<any>;
     elementClick: EventEmitter<IPepFieldClickEvent>;
+    validationChange: EventEmitter<boolean>;
     fieldHeight: string;
     standAlone: boolean;
     dataURI: any;
@@ -69,5 +71,5 @@ export declare class PepImageComponent implements OnChanges, OnInit, OnDestroy {
     itemImageClick(event: any): void;
     onChooseFile(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepImageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepImageComponent, "pep-image", never, { "key": "key"; "srcLarge": "srcLarge"; "src": "src"; "options": "options"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "indicatorsField": "indicatorsField"; "menuField": "menuField"; "hasCampaignField": "hasCampaignField"; "visible": "visible"; "form": "form"; "uid": "uid"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "layoutType": "layoutType"; "isActive": "isActive"; "sizeLimitMB": "sizeLimitMB"; "acceptImagesType": "acceptImagesType"; "handleActions": "handleActions"; }, { "chooseFile": "chooseFile"; "fileChange": "fileChange"; "elementClick": "elementClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepImageComponent, "pep-image", never, { "key": "key"; "srcLarge": "srcLarge"; "src": "src"; "options": "options"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "indicatorsField": "indicatorsField"; "menuField": "menuField"; "hasCampaignField": "hasCampaignField"; "visible": "visible"; "form": "form"; "uid": "uid"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "layoutType": "layoutType"; "isActive": "isActive"; "sizeLimitMB": "sizeLimitMB"; "acceptImagesType": "acceptImagesType"; "handleActions": "handleActions"; "hint": "hint"; }, { "chooseFile": "chooseFile"; "fileChange": "fileChange"; "elementClick": "elementClick"; "validationChange": "validationChange"; }, never, never, false>;
 }

package/images-filmstrip/images-filmstrip.component.d.ts

@@ -30,23 +30,39 @@ export declare class PepImagesFilmstripComponent implements OnInit, OnChanges, A
     private document;
     private dialogRef;
     private data;
-    key: string;
-    value: string;
-    label: string;
-    xAlignment: PepHorizontalAlignment;
+    protected _key: string;
+    set key(value: string);
+    get key(): string;
+    protected _value: string;
+    set value(value: string);
+    get value(): string;
+    protected _label: string;
+    set label(value: string);
+    get label(): string;
+    protected _xAlignment: PepHorizontalAlignment;
+    set xAlignment(value: PepHorizontalAlignment);
+    get xAlignment(): PepHorizontalAlignment;
     private _rowSpan;
     set rowSpan(value: number);
     get rowSpan(): number;
     controlType: string;
     form: FormGroup;
     uid: string;
-    showTitle: boolean;
-    renderTitle: boolean;
+    protected _showTitle: boolean;
+    set showTitle(value: boolean);
+    get showTitle(): boolean;
+    protected _renderTitle: boolean;
+    set renderTitle(value: boolean);
+    get renderTitle(): boolean;
     private _layoutType;
     set layoutType(value: PepLayoutType);
     get layoutType(): PepLayoutType;
-    currIndex: number;
-    showThumbnails: boolean;
+    protected _currIndex: number;
+    set currIndex(value: number);
+    get currIndex(): number;
+    protected _showThumbnails: boolean;
+    set showThumbnails(value: boolean);
+    get showThumbnails(): boolean;
     galleryCont: ElementRef;
     galleryDialogTemplate: TemplateRef<any>;
     galleryDialogCont: ElementRef;

package/json-editor/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@pepperi-addons/ngx-lib/json-editor" />
+export * from './public-api';

package/json-editor/json-editor.component.d.ts

@@ -0,0 +1,75 @@
+import { OnInit, OnChanges, EventEmitter, ElementRef, OnDestroy, Renderer2, TemplateRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { MatDialogRef } from '@angular/material/dialog';
+import { PepLayoutType, PepCustomizationService, PepHorizontalAlignment } from '@pepperi-addons/ngx-lib';
+import { PepDialogService } from '@pepperi-addons/ngx-lib/dialog';
+import * as i0 from "@angular/core";
+interface JsonTreeNode {
+    key: string;
+    value: any;
+    path: string;
+    isObject: boolean;
+    isArray: boolean;
+    children?: JsonTreeNode[];
+}
+export declare class PepJsonEditorComponent implements OnChanges, OnInit, OnDestroy {
+    private dialogService;
+    private customizationService;
+    private renderer;
+    private element;
+    key: string;
+    value: string;
+    label: string;
+    mandatory: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    textColor: string;
+    xAlignment: PepHorizontalAlignment;
+    jsonType: 'object' | 'array';
+    private _rowSpan;
+    set rowSpan(value: number);
+    get rowSpan(): number;
+    private _visible;
+    set visible(visible: boolean);
+    get visible(): boolean;
+    controlType: string;
+    form: FormGroup;
+    isActive: boolean;
+    showTitle: boolean;
+    renderTitle: boolean;
+    private _layoutType;
+    set layoutType(value: PepLayoutType);
+    get layoutType(): PepLayoutType;
+    valueChange: EventEmitter<string>;
+    keyup: EventEmitter<any>;
+    validationChange: EventEmitter<boolean>;
+    jsonEditorDialogTemplate: TemplateRef<any>;
+    fieldHeight: string;
+    standAlone: boolean;
+    isInEditMode: boolean;
+    dialogRef: MatDialogRef<any>;
+    dialogValue: string;
+    treeData: JsonTreeNode[];
+    dialogError: string | null;
+    constructor(dialogService: PepDialogService, customizationService: PepCustomizationService, renderer: Renderer2, element: ElementRef);
+    private setFieldHeight;
+    private setDefaultForm;
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    onKeyup(event: any): void;
+    onBlur(event: any): void;
+    changeValue(value: string): void;
+    cardTemplateClicked(): void;
+    openDialog(): void;
+    closeDialog(data?: any): void;
+    private attachJsonValidator;
+    isValidJson(text: string): boolean;
+    private jsonValidatorFactory;
+    refreshTree(text: string): void;
+    private buildTree;
+    get displayValueString(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepJsonEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepJsonEditorComponent, "pep-json-editor", never, { "key": "key"; "value": "value"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "textColor": "textColor"; "xAlignment": "xAlignment"; "jsonType": "jsonType"; "rowSpan": "rowSpan"; "visible": "visible"; "form": "form"; "isActive": "isActive"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "layoutType": "layoutType"; }, { "valueChange": "valueChange"; "keyup": "keyup"; "validationChange": "validationChange"; }, never, never, false>;
+}
+export {};

package/json-editor/json-editor.component.theme.scss

@@ -0,0 +1,5 @@
+// Theme placeholder for json-editor. Add themed styles if/when a core style mixin is available.
+@use '../src/core/style/components/textarea';
+
+// @include textarea.pep-textarea-theme();
+@include textarea.pep-json-editor-theme();

package/json-editor/json-editor.module.d.ts

@@ -0,0 +1,24 @@
+import { PepIconRegistry } from '@pepperi-addons/ngx-lib/icon';
+import * as i0 from "@angular/core";
+import * as i1 from "./json-editor.component";
+import * as i2 from "./json-tree-node.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/material/core";
+import * as i6 from "@angular/material/button";
+import * as i7 from "@angular/material/form-field";
+import * as i8 from "@angular/material/input";
+import * as i9 from "@angular/material/icon";
+import * as i10 from "@angular/material/dialog";
+import * as i11 from "@pepperi-addons/ngx-lib";
+import * as i12 from "@pepperi-addons/ngx-lib/icon";
+import * as i13 from "@pepperi-addons/ngx-lib/field-title";
+import * as i14 from "@pepperi-addons/ngx-lib/textbox-icon";
+import * as i15 from "@pepperi-addons/ngx-lib/dialog";
+export declare class PepJsonEditorModule {
+    private pepIconRegistry;
+    constructor(pepIconRegistry: PepIconRegistry);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepJsonEditorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PepJsonEditorModule, [typeof i1.PepJsonEditorComponent, typeof i2.PepJsonTreeNodeComponent], [typeof i3.CommonModule, typeof i4.ReactiveFormsModule, typeof i5.MatCommonModule, typeof i6.MatButtonModule, typeof i7.MatFormFieldModule, typeof i8.MatInputModule, typeof i9.MatIconModule, typeof i10.MatDialogModule, typeof i11.PepNgxLibModule, typeof i12.PepIconModule, typeof i13.PepFieldTitleModule, typeof i14.PepTextboxIconModule, typeof i15.PepDialogModule], [typeof i1.PepJsonEditorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PepJsonEditorModule>;
+}

package/json-editor/json-tree-node.component.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+interface JsonTreeNode {
+    key: string;
+    value: any;
+    path: string;
+    isObject: boolean;
+    isArray: boolean;
+    children?: JsonTreeNode[];
+}
+export declare class PepJsonTreeNodeComponent {
+    node: JsonTreeNode;
+    isCollapsed: boolean;
+    toggle(): void;
+    displayValue(val: any): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepJsonTreeNodeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepJsonTreeNodeComponent, "pep-json-tree-node", never, { "node": "node"; }, {}, never, never, false>;
+}
+export {};

package/json-editor/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './json-editor.module';
+export * from './json-editor.component';

package/lib/i18n/embedded-i18n.d.ts

@@ -0,0 +1 @@
+export declare const PEP_NGX_LIB_EMBEDDED_I18N: Record<string, any>;

package/link/link.component.d.ts

@@ -42,7 +42,9 @@ export declare class PepLinkComponent implements OnChanges, OnInit, OnDestroy {
      *
      * @memberof PepLinkComponent
      */
-    displayValue: string;
+    private _displayValue;
+    set displayValue(value: string);
+    get displayValue(): string;
     /**
      * The title of the link.
      *
@@ -95,6 +97,8 @@ export declare class PepLinkComponent implements OnChanges, OnInit, OnDestroy {
      */
     valueChange: EventEmitter<string>;
     elementClick: EventEmitter<IPepFieldClickEvent>;
+    keyup: EventEmitter<any>;
+    validationChange: EventEmitter<boolean>;
     input: ElementRef;
     controlType: string;
     standAlone: boolean;
@@ -110,10 +114,11 @@ export declare class PepLinkComponent implements OnChanges, OnInit, OnDestroy {
     onFocus(event: any): void;
     isValueValid(value: string): boolean;
     onChange(e: any): void;
+    onKeyup(event: any): any;
     onBlur(e: any): void;
     onClick(): void;
     anchorClicked(): void;
     cardTemplateClicked(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepLinkComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepLinkComponent, "pep-link", never, { "key": "key"; "value": "value"; "displayValue": "displayValue"; "label": "label"; "placeholder": "placeholder"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "maxFieldCharacters": "maxFieldCharacters"; "textColor": "textColor"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "visible": "visible"; "form": "form"; "isActive": "isActive"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "renderError": "renderError"; "renderSymbol": "renderSymbol"; "layoutType": "layoutType"; }, { "valueChange": "valueChange"; "elementClick": "elementClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepLinkComponent, "pep-link", never, { "key": "key"; "value": "value"; "displayValue": "displayValue"; "label": "label"; "placeholder": "placeholder"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "maxFieldCharacters": "maxFieldCharacters"; "textColor": "textColor"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "visible": "visible"; "form": "form"; "isActive": "isActive"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "renderError": "renderError"; "renderSymbol": "renderSymbol"; "layoutType": "layoutType"; }, { "valueChange": "valueChange"; "elementClick": "elementClick"; "keyup": "keyup"; "validationChange": "validationChange"; }, never, never, false>;
 }

package/list/list-total.component.d.ts

@@ -5,7 +5,8 @@ export declare class PepListTotalComponent {
     totalAmount: number;
     isMapView: boolean;
     sizeType: PepSizeType;
+    unknownCount: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepListTotalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepListTotalComponent, "pep-list-total", never, { "totalRows": "totalRows"; "totalAmount": "totalAmount"; "isMapView": "isMapView"; "sizeType": "sizeType"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepListTotalComponent, "pep-list-total", never, { "totalRows": "totalRows"; "totalAmount": "totalAmount"; "isMapView": "isMapView"; "sizeType": "sizeType"; "unknownCount": "unknownCount"; }, {}, never, never, false>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PepListTotalComponent>;
 }

package/list/list.component.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter, OnInit, Renderer2, ElementRef, ChangeDetectorRef, OnDestr
 import { PepLayoutService, PepScreenSizeType, PepSessionService, UIControl, ObjectsDataRow } from '@pepperi-addons/ngx-lib';
 import { IPepFormFieldValueChangeEvent, IPepFormFieldClickEvent } from '@pepperi-addons/ngx-lib/form';
 import { IPageInfo } from './virtual-scroller';
-import { IPepListLoadItemsEvent, IPepListSortingChangeEvent, IPepListItemClickEvent, PepListSelectionType, PepListViewType, PepSelectionData, PepListPagerType, IPepListLoadPageEvent, IPepListStartIndexChangeEvent, PepListCardSizeType, PepListTableViewType } from './list.model';
+import { IPepListLoadItemsEvent, IPepListSortingChangeEvent, IPepListItemClickEvent, PepListSelectionType, PepListViewType, PepSelectionData, PepListPagerType, IPepListLoadPageEvent, IPepListStartIndexChangeEvent, PepListCardSizeType, PepListTableViewType, IPepListSortingData } from './list.model';
 import { IPepListPagerChangeEvent } from './list-pager.component';
 import * as i0 from "@angular/core";
 export declare class PepListComponent implements OnInit, OnChanges, OnDestroy {
@@ -12,6 +12,7 @@ export declare class PepListComponent implements OnInit, OnChanges, OnDestroy {
     private cd;
     private renderer;
     private zone;
+    private listContainerResizableElementRef;
     static TOP_ITEMS_DEFAULT: number;
     static TOP_ITEMS_TABLE: number;
     static TOP_ITEMS_THUMBNAILS: number;
@@ -22,6 +23,9 @@ export declare class PepListComponent implements OnInit, OnChanges, OnDestroy {
     static SORT_BY_STATE_KEY: string;
     static ASCENDING_STATE_KEY: string;
     static MINIMUM_COLUMN_WIDTH: number;
+    set sorting(value: IPepListSortingData);
+    get sorting(): IPepListSortingData;
+    cacheSize: number;
     noDataFoundMsg: string;
     selectionTypeForActions: PepListSelectionType;
     showCardSelection: boolean;
@@ -33,6 +37,7 @@ export declare class PepListComponent implements OnInit, OnChanges, OnDestroy {
     get viewType(): PepListViewType;
     firstFieldAsLink: boolean;
     supportSorting: boolean;
+    supportSortingFields: string[];
     supportResizing: boolean;
     private _parentScroll;
     set parentScroll(value: Element | Window);
@@ -53,6 +58,7 @@ export declare class PepListComponent implements OnInit, OnChanges, OnDestroy {
     scrollAnimationTime: number;
     scrollDebounceTime: number;
     scrollThrottlingTime: number;
+    SEPARATOR: string;
     private _useAsWebComponent;
     set useAsWebComponent(value: boolean);
     get useAsWebComponent(): boolean;
@@ -78,7 +84,6 @@ export declare class PepListComponent implements OnInit, OnChanges, OnDestroy {
     get items(): Array<ObjectsDataRow>;
     private itemsCounter;
     currentPageItems: Array<ObjectsDataRow>;
-    SEPARATOR: string;
     isAllSelected: boolean;
     selectedItems: Map<string, string>;
     unSelectedItems: Map<string, string>;
@@ -92,9 +97,11 @@ export declare class PepListComponent implements OnInit, OnChanges, OnDestroy {
     screenSize: PepScreenSizeType;
     deviceHasMouse: boolean;
     pressedColumn: string;
+    pressedColumnIndex: number;
     startX: number;
     startWidth: number;
     tableStartWidth: number;
+    private lastColumnsWidth;
     isAsc: boolean;
     sortBy: string;
     isUserSelected: boolean;
@@ -104,8 +111,10 @@ export declare class PepListComponent implements OnInit, OnChanges, OnDestroy {
     ngOnInit(): void;
     ngOnChanges(changes: any): void;
     ngOnDestroy(): void;
+    getCachedItemsNumber(): number;
     private getScrollingElement;
     private scrollToTop;
+    private getSelectionCheckBoxWidth;
     private setContainerWidth;
     private saveSortingToSession;
     private getTopItems;
@@ -115,6 +124,9 @@ export declare class PepListComponent implements OnInit, OnChanges, OnDestroy {
     private setSelectionItems;
     private getUniqItemId;
     private setLayout;
+    private setLastColumnsWidth;
+    private setVirtualScrollWidth;
+    private setColumnsWidth;
     private calcColumnsWidth;
     private calcObjectHeight;
     private initResizeData;
@@ -135,12 +147,15 @@ export declare class PepListComponent implements OnInit, OnChanges, OnDestroy {
     itemClicked(e: any, item: ObjectsDataRow): void;
     onTableRowMouseEnter(event: any, itemId: string, itemType: string): void;
     onTableRowMouseLeave(event: any, itemId: string, itemType: string): void;
+    onTabKeydown(event: any, itemId: string, itemType: string): void;
+    isLastColunm(el: any, parentSelector: any, isNext?: boolean): boolean;
+    getParentByClass(el: any, parentSelector: any): any;
     onCardMouseEnter(event: any, itemId: string, itemType: string): void;
     onCardMouseLeave(event: any, itemId: string, itemType: string): void;
     clear(): void;
     setSelectedIds(selectedIds: string[], items?: any): void;
     setSelectionDataInSession(): void;
-    initListData(layout: UIControl, totalRows: number, items: ObjectsDataRow[]): void;
+    initListData(layout: UIControl, totalRows: number, items: ObjectsDataRow[], selectionTypeForActions?: PepListSelectionType | undefined): void;
     updateItems(items: ObjectsDataRow[], event?: IPepListLoadItemsEvent): void;
     updatePage(items: ObjectsDataRow[], event: IPepListLoadPageEvent): void;
     updateItem(data: ObjectsDataRow): void;
@@ -151,7 +166,7 @@ export declare class PepListComponent implements OnInit, OnChanges, OnDestroy {
     getItemDataByID(uid: string): ObjectsDataRow;
     refresh(refreshCompletedCallback?: () => void): void;
     onWinResize(e: any): void;
-    onListResizeStart(event: any, columnKey: any): void;
+    onListResizeStart(event: any, columnKey: string, columnIndex: number): void;
     onListResize(event: any): void;
     onListResizeEnd(event: any): void;
     onListSortingChange(sortBy: string, isAsc: boolean, event?: any): void;
@@ -162,6 +177,7 @@ export declare class PepListComponent implements OnInit, OnChanges, OnDestroy {
     onListLoad(): void;
     onValueChanged(valueChange: IPepFormFieldValueChangeEvent): void;
     onCustomizeFieldClick(customizeFieldClickedData: IPepFormFieldClickEvent): void;
+    isSortableColumn(apiName: string): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepListComponent, "pep-list", never, { "noDataFoundMsg": "noDataFoundMsg"; "selectionTypeForActions": "selectionTypeForActions"; "showCardSelection": "showCardSelection"; "hideAllSelectionInMulti": "hideAllSelectionInMulti"; "cardSize": "cardSize"; "tableViewType": "tableViewType"; "viewType": "viewType"; "firstFieldAsLink": "firstFieldAsLink"; "supportSorting": "supportSorting"; "supportResizing": "supportResizing"; "parentScroll": "parentScroll"; "disabled": "disabled"; "lockEvents": "lockEvents"; "lockItemInnerEvents": "lockItemInnerEvents"; "printMode": "printMode"; "isReport": "isReport"; "zebraStripes": "zebraStripes"; "totalsRow": "totalsRow"; "pagerType": "pagerType"; "pageSize": "pageSize"; "pageIndex": "pageIndex"; "bufferAmount": "bufferAmount"; "scrollAnimationTime": "scrollAnimationTime"; "scrollDebounceTime": "scrollDebounceTime"; "scrollThrottlingTime": "scrollThrottlingTime"; "useAsWebComponent": "useAsWebComponent"; }, { "itemClick": "itemClick"; "fieldClick": "fieldClick"; "valueChange": "valueChange"; "sortingChange": "sortingChange"; "selectedItemsChange": "selectedItemsChange"; "selectedItemChange": "selectedItemChange"; "selectAllClick": "selectAllClick"; "listLoad": "listLoad"; "loadItems": "loadItems"; "loadPage": "loadPage"; "startIndexChange": "startIndexChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepListComponent, "pep-list", never, { "sorting": "sorting"; "cacheSize": "cacheSize"; "noDataFoundMsg": "noDataFoundMsg"; "selectionTypeForActions": "selectionTypeForActions"; "showCardSelection": "showCardSelection"; "hideAllSelectionInMulti": "hideAllSelectionInMulti"; "cardSize": "cardSize"; "tableViewType": "tableViewType"; "viewType": "viewType"; "firstFieldAsLink": "firstFieldAsLink"; "supportSorting": "supportSorting"; "supportSortingFields": "supportSortingFields"; "supportResizing": "supportResizing"; "parentScroll": "parentScroll"; "disabled": "disabled"; "lockEvents": "lockEvents"; "lockItemInnerEvents": "lockItemInnerEvents"; "printMode": "printMode"; "isReport": "isReport"; "zebraStripes": "zebraStripes"; "totalsRow": "totalsRow"; "pagerType": "pagerType"; "pageSize": "pageSize"; "pageIndex": "pageIndex"; "bufferAmount": "bufferAmount"; "scrollAnimationTime": "scrollAnimationTime"; "scrollDebounceTime": "scrollDebounceTime"; "scrollThrottlingTime": "scrollThrottlingTime"; "SEPARATOR": "SEPARATOR"; "useAsWebComponent": "useAsWebComponent"; }, { "itemClick": "itemClick"; "fieldClick": "fieldClick"; "valueChange": "valueChange"; "sortingChange": "sortingChange"; "selectedItemsChange": "selectedItemsChange"; "selectedItemChange": "selectedItemChange"; "selectAllClick": "selectAllClick"; "listLoad": "listLoad"; "loadItems": "loadItems"; "loadPage": "loadPage"; "startIndexChange": "startIndexChange"; }, never, never, false>;
 }

package/list/list.model.d.ts

@@ -25,7 +25,8 @@ export interface IPepListStartIndexChangeEvent {
     startIndex: number;
 }
 export declare const DEFAULT_PAGE_SIZE = 50;
-export interface IPepListSortingChangeEvent {
+export interface IPepListSortingData {
     sortBy: string;
     isAsc: boolean;
 }
+export declare type IPepListSortingChangeEvent = IPepListSortingData;

package/menu/menu.component.d.ts

@@ -13,6 +13,7 @@ export declare class PepMenuComponent implements OnChanges, OnDestroy {
      * @memberof PepMenuComponent
      */
     iconName: PepIconType;
+    iconPosition: 'before' | 'after';
     type: PepMenuType;
     styleType: PepStyleType;
     sizeType: PepSizeType;
@@ -44,5 +45,5 @@ export declare class PepMenuComponent implements OnChanges, OnDestroy {
     onMenuOpened(): void;
     onMenuClosed(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepMenuComponent, "pep-menu", never, { "text": "text"; "iconName": "iconName"; "type": "type"; "styleType": "styleType"; "sizeType": "sizeType"; "classNames": "classNames"; "xPosition": "xPosition"; "hideOnEmptyItems": "hideOnEmptyItems"; "items": "items"; "selectedItem": "selectedItem"; "disabled": "disabled"; }, { "stateChange": "stateChange"; "menuItemClick": "menuItemClick"; "menuClick": "menuClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepMenuComponent, "pep-menu", never, { "text": "text"; "iconName": "iconName"; "iconPosition": "iconPosition"; "type": "type"; "styleType": "styleType"; "sizeType": "sizeType"; "classNames": "classNames"; "xPosition": "xPosition"; "hideOnEmptyItems": "hideOnEmptyItems"; "items": "items"; "selectedItem": "selectedItem"; "disabled": "disabled"; }, { "stateChange": "stateChange"; "menuItemClick": "menuItemClick"; "menuClick": "menuClick"; }, never, never, false>;
 }

package/menu/menu.model.d.ts

@@ -12,6 +12,7 @@ export declare class PepMenuItem {
     disabled?: boolean;
     hidden?: boolean;
     iconName?: string;
+    iconPosition?: 'before' | 'after';
     type?: PepMenuItemType;
     children?: Array<PepMenuItem>;
     parent?: PepMenuItemParent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pepperi-addons/ngx-lib",
-  "version": "0.4.2-beta.31",
+  "version": "0.4.2-beta.310",
   "peerDependencies": {
     "@angular/animations": ">= 14.0.2",
     "@angular/cdk": ">= 14.0.2",
@@ -17,7 +17,7 @@
     "@ngx-translate/core": ">= 14.0.0",
     "@ngx-translate/http-loader": ">= 7.0.0",
     "ngx-translate-multi-http-loader": ">= 3.0.0",
-    "rxjs": ">= 6.5.5"
+    "rxjs": ">= 7.5.0"
   },
   "description": "This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.0.1.",
   "main": "karma.conf.js",
@@ -197,6 +197,14 @@
       "node": "./fesm2015/pepperi-addons-ngx-lib-images-filmstrip.mjs",
       "default": "./fesm2020/pepperi-addons-ngx-lib-images-filmstrip.mjs"
     },
+    "./json-editor": {
+      "types": "./json-editor/index.d.ts",
+      "esm2020": "./esm2020/json-editor/pepperi-addons-ngx-lib-json-editor.mjs",
+      "es2020": "./fesm2020/pepperi-addons-ngx-lib-json-editor.mjs",
+      "es2015": "./fesm2015/pepperi-addons-ngx-lib-json-editor.mjs",
+      "node": "./fesm2015/pepperi-addons-ngx-lib-json-editor.mjs",
+      "default": "./fesm2020/pepperi-addons-ngx-lib-json-editor.mjs"
+    },
     "./link": {
       "types": "./link/index.d.ts",
       "esm2020": "./esm2020/link/pepperi-addons-ngx-lib-link.mjs",
@@ -261,6 +269,14 @@
       "node": "./fesm2015/pepperi-addons-ngx-lib-remote-loader.mjs",
       "default": "./fesm2020/pepperi-addons-ngx-lib-remote-loader.mjs"
     },
+    "./reset-configuration-field": {
+      "types": "./reset-configuration-field/index.d.ts",
+      "esm2020": "./esm2020/reset-configuration-field/pepperi-addons-ngx-lib-reset-configuration-field.mjs",
+      "es2020": "./fesm2020/pepperi-addons-ngx-lib-reset-configuration-field.mjs",
+      "es2015": "./fesm2015/pepperi-addons-ngx-lib-reset-configuration-field.mjs",
+      "node": "./fesm2015/pepperi-addons-ngx-lib-reset-configuration-field.mjs",
+      "default": "./fesm2020/pepperi-addons-ngx-lib-reset-configuration-field.mjs"
+    },
     "./rich-html-textarea": {
       "types": "./rich-html-textarea/index.d.ts",
       "esm2020": "./esm2020/rich-html-textarea/pepperi-addons-ngx-lib-rich-html-textarea.mjs",

package/page-layout/page-layout.component.d.ts

@@ -8,8 +8,14 @@ export declare class PepPageLayoutComponent implements AfterViewInit, AfterConte
     private cdRef;
     private hostElement;
     private renderer;
-    addPadding: boolean;
-    showShadow: boolean;
+    private _addPadding;
+    private __pepLifecyclePhase;
+    private __pepViewReady;
+    set addPadding(value: boolean);
+    get addPadding(): boolean;
+    private _showShadow;
+    set showShadow(value: boolean);
+    get showShadow(): boolean;
     screenSize: PepScreenSizeType;
     constructor(customizationService: PepCustomizationService, layoutService: PepLayoutService, cdRef: ChangeDetectorRef, hostElement: ElementRef, renderer: Renderer2);
     ngAfterViewInit(): void;

package/profile-data-views-list/profile-data-view/profile-data-view.component.d.ts

@@ -1,14 +1,14 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { IPepButtonClickEvent } from '@pepperi-addons/ngx-lib/button';
-import { IPepProfileDataViewClickEvent } from '../profile-data-views-list.model';
+import { IPepDataViewClickEvent } from '../profile-data-views-list.model';
 import * as i0 from "@angular/core";
 export declare class ProfileDataViewComponent implements OnInit {
     dataViewId: string;
     title: string;
     fields: string[];
     canDelete: boolean;
-    editClick: EventEmitter<IPepProfileDataViewClickEvent>;
-    deleteClick: EventEmitter<IPepProfileDataViewClickEvent>;
+    editClick: EventEmitter<IPepDataViewClickEvent>;
+    deleteClick: EventEmitter<IPepDataViewClickEvent>;
     constructor();
     ngOnInit(): void;
     onEditClicked(event: IPepButtonClickEvent): void;