@pepperi-addons/ngx-lib 0.4.2-beta.32 → 0.4.2-beta.320

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-pager.component.d.ts

@@ -1,5 +1,5 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { PepLayoutService } from '@pepperi-addons/ngx-lib';
+import { EventEmitter, OnDestroy } from '@angular/core';
+import { IPepOption, PepLayoutService, PepScreenSizeType } from '@pepperi-addons/ngx-lib';
 import * as i0 from "@angular/core";
 export declare class IPepListPagerChangeEvent {
     pageIndex: number;
@@ -7,17 +7,26 @@ export declare class IPepListPagerChangeEvent {
     pageSize: number;
     length: number;
 }
-export declare class PepListPagerComponent {
-    private _changeDetectorRef;
+export declare class PepListPagerComponent implements OnDestroy {
     layoutService: PepLayoutService;
     disabled: boolean;
+    showPageSizeSelector: boolean;
+    showFirstLastButtons: boolean;
+    PepScreenSizeType: typeof PepScreenSizeType;
+    screenSize: PepScreenSizeType;
+    private resizeSub;
+    pageSizeOptionsForSelect: Array<IPepOption>;
+    private _pageSizeOptions;
+    set pageSizeOptions(value: number[]);
+    get pageSizeOptions(): number[];
     private _pageIndex;
     set pageIndex(value: number);
     get pageIndex(): number;
     length: number;
     pageSize: number;
     pagerChange: EventEmitter<IPepListPagerChangeEvent>;
-    constructor(_changeDetectorRef: ChangeDetectorRef, layoutService: PepLayoutService);
+    constructor(layoutService: PepLayoutService);
+    ngOnDestroy(): void;
     nextPage(): void;
     previousPage(): void;
     firstPage(): void;
@@ -30,10 +39,11 @@ export declare class PepListPagerComponent {
     /** Checks whether the buttons for going backwards should be disabled. */
     _previousButtonsDisabled(): boolean;
     onValueChange(value: string): void;
+    onPageSizeChange(value: string): void;
     private setPageIndex;
     /** Emits an event notifying that a change of the paginator's properties has been triggered. */
     private _emitChangeEvent;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepListPagerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepListPagerComponent, "pep-list-pager", never, { "disabled": "disabled"; "pageIndex": "pageIndex"; "length": "length"; "pageSize": "pageSize"; }, { "pagerChange": "pagerChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepListPagerComponent, "pep-list-pager", never, { "disabled": "disabled"; "showPageSizeSelector": "showPageSizeSelector"; "showFirstLastButtons": "showFirstLastButtons"; "pageSizeOptions": "pageSizeOptions"; "pageIndex": "pageIndex"; "length": "length"; "pageSize": "pageSize"; }, { "pagerChange": "pagerChange"; }, never, never, false>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PepListPagerComponent>;
 }

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);
@@ -48,11 +53,15 @@ export declare class PepListComponent implements OnInit, OnChanges, OnDestroy {
     totalsRow: any[];
     pagerType: PepListPagerType;
     pageSize: number;
+    showPageSizeSelector: boolean;
+    pageSizeOptions: number[];
+    showFirstLastButtons: boolean;
     pageIndex: number;
     bufferAmount: number;
     scrollAnimationTime: number;
     scrollDebounceTime: number;
     scrollThrottlingTime: number;
+    SEPARATOR: string;
     private _useAsWebComponent;
     set useAsWebComponent(value: boolean);
     get useAsWebComponent(): boolean;
@@ -78,7 +87,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 +100,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 +114,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;
@@ -113,8 +125,13 @@ export declare class PepListComponent implements OnInit, OnChanges, OnDestroy {
     private toggleLoadingItemsFropApi;
     private updateCurrentPageItems;
     private setSelectionItems;
+    private getSelectableItemsCount;
+    private normalizeMultiSelectionState;
     private getUniqItemId;
     private setLayout;
+    private setLastColumnsWidth;
+    private setVirtualScrollWidth;
+    private setColumnsWidth;
     private calcColumnsWidth;
     private calcObjectHeight;
     private initResizeData;
@@ -135,12 +152,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 +171,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 +182,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"; "showPageSizeSelector": "showPageSizeSelector"; "pageSizeOptions": "pageSizeOptions"; "showFirstLastButtons": "showFirstLastButtons"; "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/list/list.module.d.ts

@@ -23,12 +23,13 @@ import * as i20 from "@pepperi-addons/ngx-lib/carousel";
 import * as i21 from "@pepperi-addons/ngx-lib/icon";
 import * as i22 from "@pepperi-addons/ngx-lib/form";
 import * as i23 from "@pepperi-addons/ngx-lib/menu";
-import * as i24 from "@pepperi-addons/ngx-lib/textbox";
-import * as i25 from "./virtual-scroller";
+import * as i24 from "@pepperi-addons/ngx-lib/select";
+import * as i25 from "@pepperi-addons/ngx-lib/textbox";
+import * as i26 from "./virtual-scroller";
 export declare class PepListModule {
     private pepIconRegistry;
     constructor(pepIconRegistry: PepIconRegistry);
     static ɵfac: i0.ɵɵFactoryDeclaration<PepListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PepListModule, [typeof i1.PepListComponent, typeof i2.PepListActionsComponent, typeof i3.PepListCarouselComponent, typeof i4.PepListChooserComponent, typeof i5.PepListPagerComponent, typeof i6.PepListSortingComponent, typeof i7.PepListTotalComponent, typeof i8.PepListViewsComponent, typeof i9.IsItemSelectedPipe, typeof i9.IsItemDisabledPipe], [typeof i10.CommonModule, typeof i11.MatCommonModule, typeof i12.MatButtonModule, typeof i13.MatCheckboxModule, typeof i14.MatRadioModule, typeof i15.MatIconModule, typeof i16.MatMenuModule, typeof i17.PepNgxLibModule, typeof i18.PepBreadCrumbsModule, typeof i19.PepButtonModule, typeof i20.PepCarouselModule, typeof i21.PepIconModule, typeof i22.PepFormModule, typeof i23.PepMenuModule, typeof i24.PepTextboxModule, typeof i25.VirtualScrollerModule], [typeof i1.PepListComponent, typeof i2.PepListActionsComponent, typeof i3.PepListCarouselComponent, typeof i4.PepListChooserComponent, typeof i5.PepListPagerComponent, typeof i6.PepListSortingComponent, typeof i7.PepListTotalComponent, typeof i8.PepListViewsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PepListModule, [typeof i1.PepListComponent, typeof i2.PepListActionsComponent, typeof i3.PepListCarouselComponent, typeof i4.PepListChooserComponent, typeof i5.PepListPagerComponent, typeof i6.PepListSortingComponent, typeof i7.PepListTotalComponent, typeof i8.PepListViewsComponent, typeof i9.IsItemSelectedPipe, typeof i9.IsItemDisabledPipe], [typeof i10.CommonModule, typeof i11.MatCommonModule, typeof i12.MatButtonModule, typeof i13.MatCheckboxModule, typeof i14.MatRadioModule, typeof i15.MatIconModule, typeof i16.MatMenuModule, typeof i17.PepNgxLibModule, typeof i18.PepBreadCrumbsModule, typeof i19.PepButtonModule, typeof i20.PepCarouselModule, typeof i21.PepIconModule, typeof i22.PepFormModule, typeof i23.PepMenuModule, typeof i24.PepSelectModule, typeof i25.PepTextboxModule, typeof i26.VirtualScrollerModule], [typeof i1.PepListComponent, typeof i2.PepListActionsComponent, typeof i3.PepListCarouselComponent, typeof i4.PepListChooserComponent, typeof i5.PepListPagerComponent, typeof i6.PepListSortingComponent, typeof i7.PepListTotalComponent, typeof i8.PepListViewsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PepListModule>;
 }

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;