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

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, never>;
 }

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

@@ -55,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"; "hint": "hint"; }, { "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, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PepFilesUploaderComponent>;
 }

package/form/field-generator.component.d.ts

@@ -33,5 +33,5 @@ export declare class PepFieldGeneratorComponent implements OnChanges, OnDestroy
     ngOnChanges(changes: any): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepFieldGeneratorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepFieldGeneratorComponent, "pep-field-generator", never, { "field": "field"; "isActive": "isActive"; "uid": "uid"; "form": "form"; "layoutType": "layoutType"; "showTitle": "showTitle"; "checkForChanges": "checkForChanges"; }, { "valueChange": "valueChange"; "elementClick": "elementClick"; "internalFormFieldChange": "internalFormFieldChange"; "internalFormFieldClick": "internalFormFieldClick"; "formValueChange": "formValueChange"; "formFieldClick": "formFieldClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepFieldGeneratorComponent, "pep-field-generator", never, { "field": "field"; "isActive": "isActive"; "uid": "uid"; "form": "form"; "layoutType": "layoutType"; "showTitle": "showTitle"; "checkForChanges": "checkForChanges"; }, { "valueChange": "valueChange"; "elementClick": "elementClick"; "internalFormFieldChange": "internalFormFieldChange"; "internalFormFieldClick": "internalFormFieldClick"; "formValueChange": "formValueChange"; "formFieldClick": "formFieldClick"; }, never, never, false, never>;
 }

package/form/form.component.d.ts

@@ -89,5 +89,5 @@ export declare class PepFormComponent implements OnInit, DoCheck, OnChanges, OnD
     onFormValueChanged(event: IPepFormFieldValueChangeEvent): void;
     onFormFieldClick(event: IPepFormFieldClickEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepFormComponent, "pep-form", never, { "isInternal": "isInternal"; "isReport": "isReport"; "layout": "layout"; "lockEvents": "lockEvents"; "canEditObject": "canEditObject"; "data": "data"; "lockFields": "lockFields"; "isActive": "isActive"; "layoutType": "layoutType"; "objectId": "objectId"; "parentId": "parentId"; "searchCode": "searchCode"; "showTitle": "showTitle"; "firstFieldAsLink": "firstFieldAsLink"; "checkForChanges": "checkForChanges"; }, { "valueChange": "valueChange"; "formValidationChange": "formValidationChange"; "fieldClick": "fieldClick"; "internalFormFieldClick": "internalFormFieldClick"; "internalFormFieldChange": "internalFormFieldChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepFormComponent, "pep-form", never, { "isInternal": "isInternal"; "isReport": "isReport"; "layout": "layout"; "lockEvents": "lockEvents"; "canEditObject": "canEditObject"; "data": "data"; "lockFields": "lockFields"; "isActive": "isActive"; "layoutType": "layoutType"; "objectId": "objectId"; "parentId": "parentId"; "searchCode": "searchCode"; "showTitle": "showTitle"; "firstFieldAsLink": "firstFieldAsLink"; "checkForChanges": "checkForChanges"; }, { "valueChange": "valueChange"; "formValidationChange": "formValidationChange"; "fieldClick": "fieldClick"; "internalFormFieldClick": "internalFormFieldClick"; "internalFormFieldChange": "internalFormFieldChange"; }, never, never, false, never>;
 }

package/form/indicators.component.d.ts

@@ -6,5 +6,5 @@ export declare class PepIndicatorsComponent {
     controlType: string;
     layoutType: PepLayoutType;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepIndicatorsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepIndicatorsComponent, "pep-indicators", never, { "key": "key"; "value": "value"; "layoutType": "layoutType"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepIndicatorsComponent, "pep-indicators", never, { "key": "key"; "value": "value"; "layoutType": "layoutType"; }, {}, never, never, false, never>;
 }

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

@@ -38,5 +38,5 @@ export declare class PepInternalButtonComponent implements OnInit, OnChanges, On
     openReferenceObjectInternal(event: any): void;
     remove(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepInternalButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepInternalButtonComponent, "pep-internal-button", never, { "key": "key"; "value": "value"; "formattedValue": "formattedValue"; "label": "label"; "referenceObjectInternalType": "referenceObjectInternalType"; "type": "type"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "visible": "visible"; "form": "form"; "showTitle": "showTitle"; "layoutType": "layoutType"; }, { "elementClick": "elementClick"; "valueChange": "valueChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepInternalButtonComponent, "pep-internal-button", never, { "key": "key"; "value": "value"; "formattedValue": "formattedValue"; "label": "label"; "referenceObjectInternalType": "referenceObjectInternalType"; "type": "type"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "visible": "visible"; "form": "form"; "showTitle": "showTitle"; "layoutType": "layoutType"; }, { "elementClick": "elementClick"; "valueChange": "valueChange"; }, never, never, false, never>;
 }

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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepInternalCaruselComponent, "pep-internal-carusel", never, { "field": "field"; "layoutType": "layoutType"; }, { "internalFormFieldChange": "internalFormFieldChange"; "internalFormFieldClick": "internalFormFieldClick"; }, never, never, false, never>;
 }

package/form/internal-field-generator.component.d.ts

@@ -29,5 +29,5 @@ export declare class PepInternalFieldGeneratorComponent implements OnChanges, On
     onFormFieldClick(event: IPepFormFieldClickEvent): void;
     ngOnChanges(changes: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepInternalFieldGeneratorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepInternalFieldGeneratorComponent, "pep-internal-field-generator", never, { "field": "field"; "isActive": "isActive"; "uid": "uid"; "form": "form"; "layoutType": "layoutType"; "showTitle": "showTitle"; "checkForChanges": "checkForChanges"; }, { "valueChange": "valueChange"; "elementClick": "elementClick"; "formValueChange": "formValueChange"; "formFieldClick": "formFieldClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepInternalFieldGeneratorComponent, "pep-internal-field-generator", never, { "field": "field"; "isActive": "isActive"; "uid": "uid"; "form": "form"; "layoutType": "layoutType"; "showTitle": "showTitle"; "checkForChanges": "checkForChanges"; }, { "valueChange": "valueChange"; "elementClick": "elementClick"; "formValueChange": "formValueChange"; "formFieldClick": "formFieldClick"; }, never, never, false, never>;
 }

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

@@ -85,5 +85,5 @@ export declare class PepInternalFormComponent implements OnInit, DoCheck, OnChan
     onFormValueChanged(event: IPepFormFieldValueChangeEvent): void;
     onFormFieldClick(event: IPepFormFieldClickEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepInternalFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepInternalFormComponent, "pep-internal-form", never, { "isInternal": "isInternal"; "isReport": "isReport"; "layout": "layout"; "lockEvents": "lockEvents"; "canEditObject": "canEditObject"; "data": "data"; "lockFields": "lockFields"; "isActive": "isActive"; "layoutType": "layoutType"; "objectId": "objectId"; "parentId": "parentId"; "searchCode": "searchCode"; "showTitle": "showTitle"; "firstFieldAsLink": "firstFieldAsLink"; "checkForChanges": "checkForChanges"; }, { "valueChange": "valueChange"; "formValidationChange": "formValidationChange"; "fieldClick": "fieldClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepInternalFormComponent, "pep-internal-form", never, { "isInternal": "isInternal"; "isReport": "isReport"; "layout": "layout"; "lockEvents": "lockEvents"; "canEditObject": "canEditObject"; "data": "data"; "lockFields": "lockFields"; "isActive": "isActive"; "layoutType": "layoutType"; "objectId": "objectId"; "parentId": "parentId"; "searchCode": "searchCode"; "showTitle": "showTitle"; "firstFieldAsLink": "firstFieldAsLink"; "checkForChanges": "checkForChanges"; }, { "valueChange": "valueChange"; "formValidationChange": "formValidationChange"; "fieldClick": "fieldClick"; }, never, never, false, never>;
 }

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

@@ -2,7 +2,7 @@ import { EventEmitter, OnInit, Renderer2, ElementRef, ChangeDetectorRef, OnDestr
 import { PepLayoutService, UIControl, ObjectsDataRow } from '@pepperi-addons/ngx-lib';
 import { IPepFormFieldClickEvent, IPepFormFieldValueChangeEvent } from './form.model';
 import * as i0 from "@angular/core";
-export declare type PepListViewType = 'cards' | 'lines' | 'table';
+export type PepListViewType = 'cards' | 'lines' | 'table';
 export declare class PepInternalListComponent implements OnInit, OnChanges, OnDestroy {
     private element;
     private layoutService;
@@ -91,5 +91,5 @@ export declare class PepInternalListComponent implements OnInit, OnChanges, OnDe
     getIsItemEditable(uid: string): boolean;
     getItemDataByID(uid: string): ObjectsDataRow;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepInternalListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepInternalListComponent, "pep-internal-list", never, { "noDataFoundMsg": "noDataFoundMsg"; "hideAllSelectionInMulti": "hideAllSelectionInMulti"; "top": "top"; "objectId": "objectId"; "parentId": "parentId"; "searchCode": "searchCode"; "supportResizing": "supportResizing"; "parentScroll": "parentScroll"; "disabled": "disabled"; "disableEvents": "disableEvents"; "disableSelectionItems": "disableSelectionItems"; "totalsRow": "totalsRow"; }, { "fieldClick": "fieldClick"; "valueChange": "valueChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepInternalListComponent, "pep-internal-list", never, { "noDataFoundMsg": "noDataFoundMsg"; "hideAllSelectionInMulti": "hideAllSelectionInMulti"; "top": "top"; "objectId": "objectId"; "parentId": "parentId"; "searchCode": "searchCode"; "supportResizing": "supportResizing"; "parentScroll": "parentScroll"; "disabled": "disabled"; "disableEvents": "disableEvents"; "disableSelectionItems": "disableSelectionItems"; "totalsRow": "totalsRow"; }, { "fieldClick": "fieldClick"; "valueChange": "valueChange"; }, never, never, false, never>;
 }

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, never>;
 }

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

@@ -69,5 +69,5 @@ export declare class PepInternalPageComponent implements OnInit, OnDestroy {
     onCustomizeObjectChanged(customizeObjectChangedData: IPepFormFieldValueChangeEvent): void;
     onCustomizeFieldClick(fieldClickEvent: IPepFormFieldClickEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepInternalPageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepInternalPageComponent, "pep-internal-page", never, { "field": "field"; "layoutType": "layoutType"; }, { "internalFormFieldChange": "internalFormFieldChange"; "internalFormFieldClick": "internalFormFieldClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepInternalPageComponent, "pep-internal-page", never, { "field": "field"; "layoutType": "layoutType"; }, { "internalFormFieldChange": "internalFormFieldChange"; "internalFormFieldClick": "internalFormFieldClick"; }, never, never, false, never>;
 }

package/group-buttons/group-buttons.component.d.ts

@@ -2,7 +2,7 @@ import { OnDestroy, EventEmitter } from '@angular/core';
 import { PepLayoutService, PepScreenSizeType, PepStyleType, PepSizeType } from '@pepperi-addons/ngx-lib';
 import { PepButton, IPepButtonClickEvent } from '@pepperi-addons/ngx-lib/button';
 import * as i0 from "@angular/core";
-export declare type PepGroupButtonsViewType = 'regular' | 'dropdown' | 'split' | 'toggle';
+export type PepGroupButtonsViewType = 'regular' | 'dropdown' | 'split' | 'toggle';
 export declare class PepGroupButtonsComponent implements OnDestroy {
     layoutService: PepLayoutService;
     PepScreenSizeType: typeof PepScreenSizeType;
@@ -20,5 +20,5 @@ export declare class PepGroupButtonsComponent implements OnDestroy {
     ngOnDestroy(): void;
     onButtonClicked(event: Event, button: PepButton): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepGroupButtonsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepGroupButtonsComponent, "pep-group-buttons", never, { "viewType": "viewType"; "styleType": "styleType"; "sizeType": "sizeType"; "buttons": "buttons"; "buttonsDisabled": "buttonsDisabled"; "supportUnselect": "supportUnselect"; "selectedButtonKey": "selectedButtonKey"; "stretch": "stretch"; }, { "buttonClick": "buttonClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepGroupButtonsComponent, "pep-group-buttons", never, { "viewType": "viewType"; "styleType": "styleType"; "sizeType": "sizeType"; "buttons": "buttons"; "buttonsDisabled": "buttonsDisabled"; "supportUnselect": "supportUnselect"; "selectedButtonKey": "selectedButtonKey"; "stretch": "stretch"; }, { "buttonClick": "buttonClick"; }, never, never, false, never>;
 }

package/icon/icon-generated.model.d.ts

@@ -450,9 +450,9 @@ export declare const pepIconViewTable: {
     name: 'view_table';
     data: string;
 };
-export declare type PepIconType = 'arrow_back_left' | 'arrow_back_right' | 'arrow_back' | 'arrow_down_alt' | 'arrow_down' | 'arrow_either' | 'arrow_left_alt' | 'arrow_left' | 'arrow_right_alt' | 'arrow_right' | 'arrow_two_ways_hor_l' | 'arrow_two_ways_hor_r' | 'arrow_two_ways_ver_b' | 'arrow_two_ways_ver_t' | 'arrow_up_alt' | 'arrow_up' | 'barnd_pepperi' | 'device_desktop' | 'device_mobile' | 'device_responsive' | 'device_tablet' | 'indicator_dot_placeholder' | 'leaf_round' | 'leaf_skiny' | 'misc_excel' | 'no_image_2' | 'no_image' | 'number_coins' | 'number_decimal' | 'number_dollar' | 'number_euro' | 'number_minus' | 'number_number' | 'number_percent' | 'number_plus' | 'ripples_transparent' | 'shopping_cart' | 'shopping_paper' | 'system_alert' | 'system_attach' | 'system_avatar' | 'system_bell_on' | 'system_bell' | 'system_bin' | 'system_bolt' | 'system_boolean' | 'system_chat' | 'system_circle' | 'system_close' | 'system_copy' | 'system_doc' | 'system_door' | 'system_dot_ellipsis' | 'system_edit' | 'system_education' | 'system_email' | 'system_file_download' | 'system_file_upload_cloud' | 'system_file_upload' | 'system_filter_2' | 'system_filter' | 'system_flag' | 'system_folder' | 'system_full_screen' | 'system_heart' | 'system_help' | 'system_home' | 'system_image' | 'system_info' | 'system_inventory' | 'system_link' | 'system_lock' | 'system_logic' | 'system_map' | 'system_megaphone' | 'system_menu_dots' | 'system_menu' | 'system_move' | 'system_must' | 'system_off_line' | 'system_ok' | 'system_pause' | 'system_phone' | 'system_play' | 'system_print' | 'system_processing' | 'system_question' | 'system_radio_btn' | 'system_rotate_device' | 'system_search' | 'system_select' | 'system_settings' | 'system_signature' | 'system_spinner' | 'system_support' | 'system_texterea' | 'system_tool' | 'system_view' | 'text_align_center' | 'text_align_left' | 'text_align_right' | 'text_long_text' | 'text_short_text' | 'time_cal' | 'time_datetime' | 'time_duration' | 'time_time' | 'view_card_lg' | 'view_card_md' | 'view_card_sm' | 'view_line' | 'view_matrix' | 'view_table';
+export type PepIconType = 'arrow_back_left' | 'arrow_back_right' | 'arrow_back' | 'arrow_down_alt' | 'arrow_down' | 'arrow_either' | 'arrow_left_alt' | 'arrow_left' | 'arrow_right_alt' | 'arrow_right' | 'arrow_two_ways_hor_l' | 'arrow_two_ways_hor_r' | 'arrow_two_ways_ver_b' | 'arrow_two_ways_ver_t' | 'arrow_up_alt' | 'arrow_up' | 'barnd_pepperi' | 'device_desktop' | 'device_mobile' | 'device_responsive' | 'device_tablet' | 'indicator_dot_placeholder' | 'leaf_round' | 'leaf_skiny' | 'misc_excel' | 'no_image_2' | 'no_image' | 'number_coins' | 'number_decimal' | 'number_dollar' | 'number_euro' | 'number_minus' | 'number_number' | 'number_percent' | 'number_plus' | 'ripples_transparent' | 'shopping_cart' | 'shopping_paper' | 'system_alert' | 'system_attach' | 'system_avatar' | 'system_bell_on' | 'system_bell' | 'system_bin' | 'system_bolt' | 'system_boolean' | 'system_chat' | 'system_circle' | 'system_close' | 'system_copy' | 'system_doc' | 'system_door' | 'system_dot_ellipsis' | 'system_edit' | 'system_education' | 'system_email' | 'system_file_download' | 'system_file_upload_cloud' | 'system_file_upload' | 'system_filter_2' | 'system_filter' | 'system_flag' | 'system_folder' | 'system_full_screen' | 'system_heart' | 'system_help' | 'system_home' | 'system_image' | 'system_info' | 'system_inventory' | 'system_link' | 'system_lock' | 'system_logic' | 'system_map' | 'system_megaphone' | 'system_menu_dots' | 'system_menu' | 'system_move' | 'system_must' | 'system_off_line' | 'system_ok' | 'system_pause' | 'system_phone' | 'system_play' | 'system_print' | 'system_processing' | 'system_question' | 'system_radio_btn' | 'system_rotate_device' | 'system_search' | 'system_select' | 'system_settings' | 'system_signature' | 'system_spinner' | 'system_support' | 'system_texterea' | 'system_tool' | 'system_view' | 'text_align_center' | 'text_align_left' | 'text_align_right' | 'text_long_text' | 'text_short_text' | 'time_cal' | 'time_datetime' | 'time_duration' | 'time_time' | 'view_card_lg' | 'view_card_md' | 'view_card_sm' | 'view_line' | 'view_matrix' | 'view_table';
 export interface IPepIconData {
     name: PepIconType;
     data: string;
 }
-export declare type IconNameSubset<T extends Readonly<IPepIconData[]>> = T[number]['name'];
+export type IconNameSubset<T extends Readonly<IPepIconData[]>> = T[number]['name'];

package/icon/icon.component.d.ts

@@ -45,5 +45,5 @@ export declare class PepIconComponent {
      */
     private setSpin;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepIconComponent, "pep-icon", never, { "spin": "spin"; "name": "name"; "fill": "fill"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepIconComponent, "pep-icon", never, { "spin": "spin"; "name": "name"; "fill": "fill"; }, {}, never, ["*"], false, never>;
 }

package/image/image.component.d.ts

@@ -51,6 +51,7 @@ export declare class PepImageComponent implements OnChanges, OnInit, OnDestroy {
     chooseFile: EventEmitter<void>;
     fileChange: EventEmitter<any>;
     elementClick: EventEmitter<IPepFieldClickEvent>;
+    validationChange: EventEmitter<boolean>;
     fieldHeight: string;
     standAlone: boolean;
     dataURI: any;
@@ -70,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"; "hint": "hint"; }, { "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, never>;
 }

package/image/image.component.theme.scss

@@ -28,8 +28,10 @@
 }
 
 .image-container {
-    ::ng-deep.mat-form-field-disabled { 
-        .mat-form-field-flex {
+    ::ng-deep.mat-form-field-disabled,
+    ::ng-deep.mat-mdc-form-field-disabled { 
+        .mat-form-field-flex,
+        .mdc-form-field-flex {
             background: transparent !important;
         }
     }

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

@@ -82,6 +82,6 @@ export declare class PepImagesFilmstripComponent implements OnInit, OnChanges, A
     setThumbnailDimension(galleryContainer: any): void;
     indexChange(item: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepImagesFilmstripComponent, [null, null, null, null, null, null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepImagesFilmstripComponent, "pep-images-filmstrip", never, { "key": "key"; "value": "value"; "label": "label"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "form": "form"; "uid": "uid"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "layoutType": "layoutType"; "currIndex": "currIndex"; "showThumbnails": "showThumbnails"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepImagesFilmstripComponent, "pep-images-filmstrip", never, { "key": "key"; "value": "value"; "label": "label"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "form": "form"; "uid": "uid"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "layoutType": "layoutType"; "currIndex": "currIndex"; "showThumbnails": "showThumbnails"; }, {}, never, never, false, never>;
 }
 export {};

package/link/link.component.d.ts

@@ -97,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;
@@ -112,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, never>;
 }

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

@@ -13,6 +13,6 @@ export declare class PepListActionsComponent {
     onActionClicked(action: any): void;
     onStateChanged(menuStateChangeEvent: IPepMenuStateChangeEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepListActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepListActionsComponent, "pep-list-actions", never, { "actions": "actions"; "sizeType": "sizeType"; "xPosition": "xPosition"; "hidden": "hidden"; }, { "actionClick": "actionClick"; "stateChange": "stateChange"; "menuClick": "menuClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepListActionsComponent, "pep-list-actions", never, { "actions": "actions"; "sizeType": "sizeType"; "xPosition": "xPosition"; "hidden": "hidden"; }, { "actionClick": "actionClick"; "stateChange": "stateChange"; "menuClick": "menuClick"; }, never, never, false, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PepListActionsComponent>;
 }

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

@@ -2,7 +2,7 @@ import { EventEmitter, OnDestroy, AfterViewInit } from '@angular/core';
 import { ObjectsDataRow, UIControl, PepLayoutService, PepScreenSizeType } from '@pepperi-addons/ngx-lib';
 import { PepCarouselComponent } from '@pepperi-addons/ngx-lib/carousel';
 import * as i0 from "@angular/core";
-export declare type PepListCarouselSizeType = 'xs' | 'sm' | 'md';
+export type PepListCarouselSizeType = 'xs' | 'sm' | 'md';
 export interface IPepListCarouselItemClickEvent {
     source: ObjectsDataRow;
 }
@@ -35,6 +35,6 @@ export declare class PepListCarouselComponent implements AfterViewInit, OnDestro
     onReachesLeftBound(event: boolean): void;
     onReachesRightBound(event: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepListCarouselComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepListCarouselComponent, "pep-list-carousel", never, { "duration": "duration"; "layout": "layout"; "itemsToMove": "itemsToMove"; "lockItemInnerEvents": "lockItemInnerEvents"; "hideArrowsInSmallScreen": "hideArrowsInSmallScreen"; "items": "items"; "itemSize": "itemSize"; }, { "itemClick": "itemClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepListCarouselComponent, "pep-list-carousel", never, { "duration": "duration"; "layout": "layout"; "itemsToMove": "itemsToMove"; "lockItemInnerEvents": "lockItemInnerEvents"; "hideArrowsInSmallScreen": "hideArrowsInSmallScreen"; "items": "items"; "itemSize": "itemSize"; }, { "itemClick": "itemClick"; }, never, never, false, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PepListCarouselComponent>;
 }

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

@@ -24,6 +24,6 @@ export declare class PepListChooserComponent {
     currentItem: PepMenuItem;
     onMenuItemClicked(menuItemClickEvent: IPepMenuItemClickEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepListChooserComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepListChooserComponent, "pep-list-chooser", never, { "options": "options"; "currentList": "currentList"; "sizeType": "sizeType"; }, { "change": "change"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepListChooserComponent, "pep-list-chooser", never, { "options": "options"; "currentList": "currentList"; "sizeType": "sizeType"; }, { "change": "change"; }, never, never, false, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PepListChooserComponent>;
 }

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

@@ -34,6 +34,6 @@ export declare class PepListPagerComponent {
     /** 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"; "pageIndex": "pageIndex"; "length": "length"; "pageSize": "pageSize"; }, { "pagerChange": "pagerChange"; }, never, never, false, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PepListPagerComponent>;
 }

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

@@ -25,6 +25,6 @@ export declare class PepListSortingComponent implements OnInit {
     ngOnInit(): void;
     onMenuItemClicked(menuItemClickEvent: IPepMenuItemClickEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepListSortingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepListSortingComponent, "pep-list-sorting", never, { "options": "options"; "currentSorting": "currentSorting"; "sizeType": "sizeType"; }, { "change": "change"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepListSortingComponent, "pep-list-sorting", never, { "options": "options"; "currentSorting": "currentSorting"; "sizeType": "sizeType"; }, { "change": "change"; }, never, never, false, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PepListSortingComponent>;
 }

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, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PepListTotalComponent>;
 }

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

@@ -2,7 +2,7 @@ import { OnInit, EventEmitter } from '@angular/core';
 import { PepSizeType, PepStyleType } from '@pepperi-addons/ngx-lib';
 import { PepMenuItem, IPepMenuItemClickEvent } from '@pepperi-addons/ngx-lib/menu';
 import * as i0 from "@angular/core";
-export declare type PepListViewDisplayType = 'menu' | 'buttons';
+export type PepListViewDisplayType = 'menu' | 'buttons';
 export declare class IPepListView {
     key: string;
     iconName: string;
@@ -30,6 +30,6 @@ export declare class PepListViewsComponent implements OnInit {
     onViewChanged(view: IPepListView): void;
     private raiseChangeEvent;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepListViewsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepListViewsComponent, "pep-list-views", never, { "views": "views"; "currentView": "currentView"; "displayType": "displayType"; "styleType": "styleType"; "sizeType": "sizeType"; "classNames": "classNames"; }, { "change": "change"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepListViewsComponent, "pep-list-views", never, { "views": "views"; "currentView": "currentView"; "displayType": "displayType"; "styleType": "styleType"; "sizeType": "sizeType"; "classNames": "classNames"; }, { "change": "change"; }, never, never, false, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PepListViewsComponent>;
 }

package/list/list.component.d.ts

@@ -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;
@@ -36,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);
@@ -56,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;
@@ -81,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>;
@@ -145,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;
@@ -172,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, { "sorting": "sorting"; "cacheSize": "cacheSize"; "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, never>;
 }

package/list/list.model.d.ts

@@ -1,9 +1,9 @@
 import { ObjectsDataRow } from '@pepperi-addons/ngx-lib';
-export declare type PepListSelectionType = 'none' | 'single' | 'multi';
-export declare type PepListPagerType = 'pages' | 'scroll';
-export declare type PepListViewType = '' | 'cards' | 'lines' | 'table';
-export declare type PepListCardSizeType = 'sm' | 'md';
-export declare type PepListTableViewType = 'compact' | 'regular';
+export type PepListSelectionType = 'none' | 'single' | 'multi';
+export type PepListPagerType = 'pages' | 'scroll';
+export type PepListViewType = '' | 'cards' | 'lines' | 'table';
+export type PepListCardSizeType = 'sm' | 'md';
+export type PepListTableViewType = 'compact' | 'regular';
 export interface IPepListItemClickEvent {
     source: ObjectsDataRow;
     viewType: PepListViewType;
@@ -29,4 +29,4 @@ export interface IPepListSortingData {
     sortBy: string;
     isAsc: boolean;
 }
-export declare type IPepListSortingChangeEvent = IPepListSortingData;
+export type IPepListSortingChangeEvent = IPepListSortingData;

package/list/virtual-scroller.d.ts

@@ -37,7 +37,7 @@ export interface IDimensions {
     viewportLength: number;
     wrapGroupsPerPage: number;
 }
-export declare type ScrollDirectionType = 'backward' | 'forward';
+export type ScrollDirectionType = 'backward' | 'forward';
 export interface IPageInfo {
     endIndex: number;
     endIndexWithBuffer: number;
@@ -174,7 +174,7 @@ export declare class VirtualScrollerComponent implements OnInit, OnChanges, OnDe
     protected calculatePageInfo(scrollPosition: number, dimensions: IDimensions): IPageInfo;
     protected calculateViewport(): IViewport;
     static ɵfac: i0.ɵɵFactoryDeclaration<VirtualScrollerComponent, [null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VirtualScrollerComponent, "virtual-scroller,[virtualScroller]", ["virtualScroller"], { "disable": "disable"; "executeRefreshOutsideAngularZone": "executeRefreshOutsideAngularZone"; "enableUnequalChildrenSizes": "enableUnequalChildrenSizes"; "RTL": "RTL"; "useMarginInsteadOfTranslate": "useMarginInsteadOfTranslate"; "modifyOverflowStyleOfParentScroll": "modifyOverflowStyleOfParentScroll"; "stripedTable": "stripedTable"; "scrollbarWidth": "scrollbarWidth"; "scrollbarHeight": "scrollbarHeight"; "childWidth": "childWidth"; "childHeight": "childHeight"; "ssrChildWidth": "ssrChildWidth"; "ssrChildHeight": "ssrChildHeight"; "ssrViewportWidth": "ssrViewportWidth"; "ssrViewportHeight": "ssrViewportHeight"; "bufferAmount": "bufferAmount"; "scrollAnimationTime": "scrollAnimationTime"; "resizeBypassRefreshThreshold": "resizeBypassRefreshThreshold"; "scrollThrottlingTime": "scrollThrottlingTime"; "scrollDebounceTime": "scrollDebounceTime"; "checkResizeInterval": "checkResizeInterval"; "items": "items"; "compareItems": "compareItems"; "horizontal": "horizontal"; "parentScroll": "parentScroll"; }, { "vsChildRectChange": "vsChildRectChange"; "vsUpdate": "vsUpdate"; "vsChange": "vsChange"; "vsStart": "vsStart"; "vsEnd": "vsEnd"; }, ["headerElementRef", "containerElementRef"], ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VirtualScrollerComponent, "virtual-scroller,[virtualScroller]", ["virtualScroller"], { "disable": "disable"; "executeRefreshOutsideAngularZone": "executeRefreshOutsideAngularZone"; "enableUnequalChildrenSizes": "enableUnequalChildrenSizes"; "RTL": "RTL"; "useMarginInsteadOfTranslate": "useMarginInsteadOfTranslate"; "modifyOverflowStyleOfParentScroll": "modifyOverflowStyleOfParentScroll"; "stripedTable": "stripedTable"; "scrollbarWidth": "scrollbarWidth"; "scrollbarHeight": "scrollbarHeight"; "childWidth": "childWidth"; "childHeight": "childHeight"; "ssrChildWidth": "ssrChildWidth"; "ssrChildHeight": "ssrChildHeight"; "ssrViewportWidth": "ssrViewportWidth"; "ssrViewportHeight": "ssrViewportHeight"; "bufferAmount": "bufferAmount"; "scrollAnimationTime": "scrollAnimationTime"; "resizeBypassRefreshThreshold": "resizeBypassRefreshThreshold"; "scrollThrottlingTime": "scrollThrottlingTime"; "scrollDebounceTime": "scrollDebounceTime"; "checkResizeInterval": "checkResizeInterval"; "items": "items"; "compareItems": "compareItems"; "horizontal": "horizontal"; "parentScroll": "parentScroll"; }, { "vsChildRectChange": "vsChildRectChange"; "vsUpdate": "vsUpdate"; "vsChange": "vsChange"; "vsStart": "vsStart"; "vsEnd": "vsEnd"; }, ["headerElementRef", "containerElementRef"], ["*"], false, never>;
 }
 export declare class VirtualScrollerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<VirtualScrollerModule, never>;

package/menu/menu-item.component.d.ts

@@ -24,5 +24,5 @@ export declare class PepMenuItemComponent implements OnDestroy {
     onChildClicked(click: IPepMenuItemClickEvent): void;
     onMenuItemClicked(item: PepMenuItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepMenuItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepMenuItemComponent, "pep-menu-item", never, { "type": "type"; "parent": "parent"; "items": "items"; "selectedItem": "selectedItem"; "xPosition": "xPosition"; "subMenuIconName": "subMenuIconName"; }, { "menuItemClick": "menuItemClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepMenuItemComponent, "pep-menu-item", never, { "type": "type"; "parent": "parent"; "items": "items"; "selectedItem": "selectedItem"; "xPosition": "xPosition"; "subMenuIconName": "subMenuIconName"; }, { "menuItemClick": "menuItemClick"; }, never, never, false, never>;
 }

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, never>;
 }

package/menu/menu.model.d.ts

@@ -1,6 +1,6 @@
-export declare type PepMenuType = 'action' | 'action-select' | 'select';
-export declare type PepMenuItemType = 'regular' | 'splitter';
-export declare type PepMenuStateType = 'visible' | 'hidden';
+export type PepMenuType = 'action' | 'action-select' | 'select';
+export type PepMenuItemType = 'regular' | 'splitter';
+export type PepMenuStateType = 'visible' | 'hidden';
 export declare class PepMenuItemParent {
     key: string;
     parent?: PepMenuItemParent;
@@ -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,17 +1,17 @@
 {
   "name": "@pepperi-addons/ngx-lib",
-  "version": "0.4.2-storybook.1",
+  "version": "0.5.0-ng15.2",
   "peerDependencies": {
-    "@angular/animations": ">= 14.0.2",
-    "@angular/cdk": ">= 14.0.2",
-    "@angular/common": ">= 14.0.2",
-    "@angular/compiler": ">= 14.0.2",
-    "@angular/core": ">= 14.0.2",
-    "@angular/elements": ">= 14.0.2",
-    "@angular/forms": ">= 14.0.2",
-    "@angular/material": ">= 14.0.2",
-    "@angular/platform-browser": ">= 14.0.2",
-    "@angular/platform-browser-dynamic": ">= 14.0.2",
+    "@angular/animations": ">= 15.0.0",
+    "@angular/cdk": ">= 15.0.0",
+    "@angular/common": ">= 15.0.0",
+    "@angular/compiler": ">= 15.0.0",
+    "@angular/core": ">= 15.0.0",
+    "@angular/elements": ">= 15.0.0",
+    "@angular/forms": ">= 15.0.0",
+    "@angular/material": ">= 15.0.0",
+    "@angular/platform-browser": ">= 15.0.0",
+    "@angular/platform-browser-dynamic": ">= 15.0.0",
     "@angular-architects/module-federation": ">= ^14.3.8",
     "@angular-architects/module-federation-tools": ">= ^14.3.10",
     "@ngx-translate/core": ">= 14.0.0",

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

@@ -15,5 +15,5 @@ export declare class PepPageLayoutComponent implements AfterViewInit, AfterConte
     ngAfterViewInit(): void;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepPageLayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepPageLayoutComponent, "pep-page-layout", never, { "addPadding": "addPadding"; "showShadow": "showShadow"; }, {}, never, ["[pep-header-area]", "pep-side-bar", "[pep-side-area]", "pep-side-bar[position='end']", "[pep-side-area-end]", "[pep-top-area]", "[pep-main-area]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepPageLayoutComponent, "pep-page-layout", never, { "addPadding": "addPadding"; "showShadow": "showShadow"; }, {}, never, ["[pep-header-area]", "pep-side-bar", "[pep-side-area]", "pep-side-bar[position='end']", "[pep-side-area-end]", "[pep-top-area]", "[pep-main-area]"], false, never>;
 }

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

@@ -1,18 +1,18 @@
 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;
     onDeleteClicked(event: IPepButtonClickEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProfileDataViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProfileDataViewComponent, "pep-profile-data-view", never, { "dataViewId": "dataViewId"; "title": "title"; "fields": "fields"; "canDelete": "canDelete"; }, { "editClick": "editClick"; "deleteClick": "deleteClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProfileDataViewComponent, "pep-profile-data-view", never, { "dataViewId": "dataViewId"; "title": "title"; "fields": "fields"; "canDelete": "canDelete"; }, { "editClick": "editClick"; "deleteClick": "deleteClick"; }, never, never, false, never>;
 }