@pepperi-addons/ngx-lib 0.4.1-yaron.1 → 0.4.2-beta.2

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

@@ -14,7 +14,6 @@ export declare class PepFieldGeneratorComponent implements OnChanges, OnDestroy
     showTitle: boolean;
     checkForChanges: any;
     valueChange: EventEmitter<IPepFieldValueChangeEvent>;
-    formValidationChange: EventEmitter<boolean>;
     elementClick: EventEmitter<IPepFieldClickEvent>;
     internalFormFieldChange: EventEmitter<any>;
     internalFormFieldClick: EventEmitter<any>;
@@ -27,7 +26,6 @@ export declare class PepFieldGeneratorComponent implements OnChanges, OnDestroy
     onAddressValueChanged(valueChange: IPepFieldValueChangeEvent, field: PepFieldBase): void;
     onValueChanged(value: any, field: PepFieldBase): void;
     onInternalFormFieldChanged(internalFormFieldChange: any): void;
-    onFormValidationChanged(formValidationChange: any): void;
     onClick(fieldClicked: any): void;
     onInternalFormFieldClick(internalFormFieldClick: any): void;
     onFormValueChanged(event: IPepFormFieldValueChangeEvent): void;
@@ -35,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"; "formValidationChange": "formValidationChange"; "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>;
 }

package/form/form.component.d.ts

@@ -81,7 +81,7 @@ export declare class PepFormComponent implements OnInit, DoCheck, OnChanges, OnD
     private getFormControlById;
     private setSpecialFields;
     convertCustomFields(controlFields: Array<any>, dataFields: Array<any>): PepFieldBase[];
-    onFormValidationChanged(formValidationChange: any): void;
+    private onFormValidationChanged;
     onValueChanged(event: IPepFieldValueChangeEvent): void;
     onClick(fieldClickEvent: IPepFieldClickEvent): void;
     onInternalFormFieldClicked(internalFormFieldClick: any): void;

package/form/form.module.d.ts

@@ -33,17 +33,18 @@ import * as i30 from "@pepperi-addons/ngx-lib/images-filmstrip";
 import * as i31 from "@pepperi-addons/ngx-lib/quantity-selector";
 import * as i32 from "@pepperi-addons/ngx-lib/rich-html-textarea";
 import * as i33 from "@pepperi-addons/ngx-lib/select";
-import * as i34 from "@pepperi-addons/ngx-lib/separator";
-import * as i35 from "@pepperi-addons/ngx-lib/signature";
-import * as i36 from "@pepperi-addons/ngx-lib/textarea";
-import * as i37 from "@pepperi-addons/ngx-lib/textbox";
-import * as i38 from "@pepperi-addons/ngx-lib/link";
-import * as i39 from "@pepperi-addons/ngx-lib/field-title";
-import * as i40 from "@pepperi-addons/ngx-lib/group-buttons";
+import * as i34 from "@pepperi-addons/ngx-lib/select-panel";
+import * as i35 from "@pepperi-addons/ngx-lib/separator";
+import * as i36 from "@pepperi-addons/ngx-lib/signature";
+import * as i37 from "@pepperi-addons/ngx-lib/textarea";
+import * as i38 from "@pepperi-addons/ngx-lib/textbox";
+import * as i39 from "@pepperi-addons/ngx-lib/link";
+import * as i40 from "@pepperi-addons/ngx-lib/field-title";
+import * as i41 from "@pepperi-addons/ngx-lib/group-buttons";
 export declare class PepFormModule {
     private pepIconRegistry;
     constructor(pepIconRegistry: PepIconRegistry);
     static ɵfac: i0.ɵɵFactoryDeclaration<PepFormModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PepFormModule, [typeof i1.PepFormComponent, typeof i2.PepInternalFormComponent, typeof i3.PepFieldGeneratorComponent, typeof i4.PepInternalFieldGeneratorComponent, typeof i5.PepIndicatorsComponent, typeof i6.PepInternalButtonComponent, typeof i7.PepInternalListComponent, typeof i8.PepInternalMenuComponent, typeof i9.PepInternalPageComponent, typeof i10.PepInternalCaruselComponent], [typeof i11.CommonModule, typeof i12.ReactiveFormsModule, typeof i13.MatCommonModule, typeof i14.MatFormFieldModule, typeof i15.MatButtonModule, typeof i16.MatGridListModule, typeof i17.MatIconModule, typeof i18.MatMenuModule, typeof i19.SignaturePadModule, typeof i20.PepNgxLibModule, typeof i21.PepDialogModule, typeof i22.PepIconModule, typeof i23.PepAddressModule, typeof i24.PepAttachmentModule, typeof i25.PepButtonModule, typeof i26.PepCarouselModule, typeof i27.PepCheckboxModule, typeof i28.PepDateModule, typeof i29.PepImageModule, typeof i30.PepImagesFilmstripModule, typeof i31.PepQuantitySelectorModule, typeof i32.PepRichHtmlTextareaModule, typeof i33.PepSelectModule, typeof i34.PepSeparatorModule, typeof i35.PepSignatureModule, typeof i36.PepTextareaModule, typeof i37.PepTextboxModule, typeof i38.PepLinkModule, typeof i39.PepFieldTitleModule, typeof i40.PepGroupButtonsModule], [typeof i1.PepFormComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PepFormModule, [typeof i1.PepFormComponent, typeof i2.PepInternalFormComponent, typeof i3.PepFieldGeneratorComponent, typeof i4.PepInternalFieldGeneratorComponent, typeof i5.PepIndicatorsComponent, typeof i6.PepInternalButtonComponent, typeof i7.PepInternalListComponent, typeof i8.PepInternalMenuComponent, typeof i9.PepInternalPageComponent, typeof i10.PepInternalCaruselComponent], [typeof i11.CommonModule, typeof i12.ReactiveFormsModule, typeof i13.MatCommonModule, typeof i14.MatFormFieldModule, typeof i15.MatButtonModule, typeof i16.MatGridListModule, typeof i17.MatIconModule, typeof i18.MatMenuModule, typeof i19.SignaturePadModule, typeof i20.PepNgxLibModule, typeof i21.PepDialogModule, typeof i22.PepIconModule, typeof i23.PepAddressModule, typeof i24.PepAttachmentModule, typeof i25.PepButtonModule, typeof i26.PepCarouselModule, typeof i27.PepCheckboxModule, typeof i28.PepDateModule, typeof i29.PepImageModule, typeof i30.PepImagesFilmstripModule, typeof i31.PepQuantitySelectorModule, typeof i32.PepRichHtmlTextareaModule, typeof i33.PepSelectModule, typeof i34.PepSelectPanelModule, typeof i35.PepSeparatorModule, typeof i36.PepSignatureModule, typeof i37.PepTextareaModule, typeof i38.PepTextboxModule, typeof i39.PepLinkModule, typeof i40.PepFieldTitleModule, typeof i41.PepGroupButtonsModule], [typeof i1.PepFormComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PepFormModule>;
 }

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

@@ -14,7 +14,6 @@ export declare class PepInternalFieldGeneratorComponent implements OnChanges, On
     showTitle: boolean;
     checkForChanges: any;
     valueChange: EventEmitter<IPepFieldValueChangeEvent>;
-    formValidationChange: EventEmitter<boolean>;
     elementClick: EventEmitter<IPepFieldClickEvent>;
     formValueChange: EventEmitter<IPepFormFieldValueChangeEvent>;
     formFieldClick: EventEmitter<IPepFormFieldClickEvent>;
@@ -25,11 +24,10 @@ export declare class PepInternalFieldGeneratorComponent implements OnChanges, On
     onFileChanged(fileData: any, field: PepFieldBase): void;
     onAddressValueChanged(valueChange: IPepFieldValueChangeEvent, field: PepFieldBase): void;
     onValueChanged(value: any, field: PepFieldBase): void;
-    onFormValidationChanged(formValidationChange: any): void;
     onClick(fieldClicked: any): void;
     onFormValueChanged(event: IPepFormFieldValueChangeEvent): void;
     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"; "formValidationChange": "formValidationChange"; "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>;
 }

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

@@ -79,7 +79,7 @@ export declare class PepInternalFormComponent implements OnInit, DoCheck, OnChan
     private getFormControlById;
     private setSpecialFields;
     convertCustomFields(controlFields: Array<any>, dataFields: Array<any>): PepFieldBase[];
-    onFormValidationChanged(formValidationChange: any): void;
+    private onFormValidationChanged;
     onValueChanged(event: IPepFieldValueChangeEvent): void;
     onClick(fieldClickEvent: IPepFieldClickEvent): void;
     onFormValueChanged(event: IPepFormFieldValueChangeEvent): void;

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

@@ -37,6 +37,7 @@ export declare const allIcons: {
     ripples_transparent: string;
     shopping_cart: string;
     shopping_paper: string;
+    system_alert: string;
     system_attach: string;
     system_avatar: string;
     system_bell_on: string;
@@ -59,13 +60,18 @@ export declare const allIcons: {
     system_file_upload: string;
     system_filter_2: string;
     system_filter: string;
+    system_flag: string;
     system_folder: string;
     system_full_screen: string;
     system_heart: string;
+    system_help: string;
     system_home: string;
+    system_image: string;
     system_info: string;
     system_inventory: string;
     system_link: string;
+    system_lock: string;
+    system_logic: string;
     system_map: string;
     system_megaphone: string;
     system_menu_dots: string;

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

@@ -150,6 +150,10 @@ export declare const pepIconShoppingPaper: {
     name: 'shopping_paper';
     data: string;
 };
+export declare const pepIconSystemAlert: {
+    name: 'system_alert';
+    data: string;
+};
 export declare const pepIconSystemAttach: {
     name: 'system_attach';
     data: string;
@@ -238,6 +242,10 @@ export declare const pepIconSystemFilter: {
     name: 'system_filter';
     data: string;
 };
+export declare const pepIconSystemFlag: {
+    name: 'system_flag';
+    data: string;
+};
 export declare const pepIconSystemFolder: {
     name: 'system_folder';
     data: string;
@@ -250,10 +258,18 @@ export declare const pepIconSystemHeart: {
     name: 'system_heart';
     data: string;
 };
+export declare const pepIconSystemHelp: {
+    name: 'system_help';
+    data: string;
+};
 export declare const pepIconSystemHome: {
     name: 'system_home';
     data: string;
 };
+export declare const pepIconSystemImage: {
+    name: 'system_image';
+    data: string;
+};
 export declare const pepIconSystemInfo: {
     name: 'system_info';
     data: string;
@@ -266,6 +282,14 @@ export declare const pepIconSystemLink: {
     name: 'system_link';
     data: string;
 };
+export declare const pepIconSystemLock: {
+    name: 'system_lock';
+    data: string;
+};
+export declare const pepIconSystemLogic: {
+    name: 'system_logic';
+    data: string;
+};
 export declare const pepIconSystemMap: {
     name: 'system_map';
     data: string;
@@ -426,7 +450,7 @@ 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_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_folder' | 'system_full_screen' | 'system_heart' | 'system_home' | 'system_info' | 'system_inventory' | 'system_link' | '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 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 interface IPepIconData {
     name: PepIconType;
     data: string;

package/link/link.component.d.ts

@@ -37,14 +37,7 @@ export declare class PepLinkComponent implements OnChanges, OnInit, OnDestroy {
      */
     set value(value: string);
     get value(): string;
-    private _formattedValue;
-    /**
-     * The formatted value.
-     *
-     * @memberof PepTextboxComponent
-     */
-    set formattedValue(value: string);
-    get formattedValue(): string;
+    protected formattedValue: string;
     /**
      * The title of the textbox.
      *
@@ -103,7 +96,6 @@ export declare class PepLinkComponent implements OnChanges, OnInit, OnDestroy {
      * @memberof PepTextboxComponent
      */
     valueChange: EventEmitter<string>;
-    formValidationChange: EventEmitter<boolean>;
     elementClick: EventEmitter<IPepFieldClickEvent>;
     input: ElementRef;
     private _calculateFormattedValue;
@@ -129,5 +121,5 @@ export declare class PepLinkComponent implements OnChanges, OnInit, OnDestroy {
     anchorClicked(): void;
     cardTemplateClicked(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepLinkComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepLinkComponent, "pep-link", never, { "key": "key"; "value": "value"; "formattedValue": "formattedValue"; "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"; "formValidationChange": "formValidationChange"; "elementClick": "elementClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepLinkComponent, "pep-link", never, { "key": "key"; "value": "value"; "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>;
 }

package/link/public-api.d.ts

@@ -1,2 +1,3 @@
 export * from './link.module';
 export * from './link.component';
+export * from './link.pipes';

package/list/list.component.d.ts

@@ -49,6 +49,7 @@ export declare class PepListComponent implements OnInit, OnChanges, OnDestroy {
     pagerType: PepListPagerType;
     pageSize: number;
     pageIndex: number;
+    bufferAmount: number;
     scrollAnimationTime: number;
     scrollDebounceTime: number;
     scrollThrottlingTime: number;
@@ -108,12 +109,14 @@ export declare class PepListComponent implements OnInit, OnChanges, OnDestroy {
     private setContainerWidth;
     private saveSortingToSession;
     private getTopItems;
+    private disableScroll;
     private toggleLoadingItemsFropApi;
     private updateCurrentPageItems;
     private setSelectionItems;
     private getUniqItemId;
     private setLayout;
     private calcColumnsWidth;
+    private calcObjectHeight;
     private initResizeData;
     private getParent;
     private cleanItems;
@@ -122,6 +125,7 @@ export declare class PepListComponent implements OnInit, OnChanges, OnDestroy {
     private getNumberOfStartItems;
     private setItemClicked;
     private exportFunctionsOnHostElement;
+    getisItemDisabled(item: ObjectsDataRow): boolean;
     getIsAllSelectedForActions(): boolean;
     setIsAllSelected(isChecked: boolean): void;
     selectAllItemsForActions(e: any): void;
@@ -145,7 +149,7 @@ export declare class PepListComponent implements OnInit, OnChanges, OnDestroy {
     getSelectedItemsData(isForEdit?: boolean): PepSelectionData;
     getIsItemEditable(uid: string): boolean;
     getItemDataByID(uid: string): ObjectsDataRow;
-    refresh(): void;
+    refresh(refreshCompletedCallback?: () => void): void;
     onWinResize(e: any): void;
     onListResizeStart(event: any, columnKey: any): void;
     onListResize(event: any): void;
@@ -156,9 +160,8 @@ export declare class PepListComponent implements OnInit, OnChanges, OnDestroy {
     onPagerChange(event: IPepListPagerChangeEvent): void;
     onVirtualScrollerChange(event: IPageInfo): void;
     onListLoad(): void;
-    onChildRectChange(event: ClientRect): void;
     onValueChanged(valueChange: IPepFormFieldValueChangeEvent): void;
     onCustomizeFieldClick(customizeFieldClickedData: IPepFormFieldClickEvent): void;
     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"; "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, { "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>;
 }

package/list/virtual-scroller.d.ts

@@ -111,8 +111,7 @@ export declare class VirtualScrollerComponent implements OnInit, OnChanges, OnDe
     protected _parentScroll: Element | Window;
     get parentScroll(): Element | Window;
     set parentScroll(value: Element | Window);
-    private _lastChildRect;
-    vsChildRectChange: EventEmitter<ClientRect>;
+    vsChildRectChange: EventEmitter<DOMRect>;
     vsUpdate: EventEmitter<any[]>;
     vsChange: EventEmitter<IPageInfo>;
     vsStart: EventEmitter<IPageInfo>;
@@ -125,7 +124,7 @@ export declare class VirtualScrollerComponent implements OnInit, OnChanges, OnDe
     ngOnDestroy(): void;
     ngOnChanges(changes: any): void;
     ngDoCheck(): void;
-    refresh(): void;
+    refresh(refreshCompletedCallback?: () => void): void;
     invalidateAllCachedMeasurements(): void;
     invalidateCachedMeasurementForItem(item: any): void;
     invalidateCachedMeasurementAtIndex(index: number): void;
@@ -135,8 +134,9 @@ export declare class VirtualScrollerComponent implements OnInit, OnChanges, OnDe
     scrollToPosition(scrollPosition: number, animationMilliseconds?: number, animationCompletedCallback?: () => void): void;
     protected isAngularUniversalSSR: boolean;
     constructor(element: ElementRef, renderer: Renderer2, zone: NgZone, changeDetectorRef: ChangeDetectorRef, platformId: any, options: VirtualScrollerDefaultOptions);
-    protected getElementSize(element: HTMLElement): any;
-    protected previousScrollBoundingRect: ClientRect;
+    getElementSize(element: HTMLElement): any;
+    getContent(): any;
+    protected previousScrollBoundingRect: DOMRect;
     protected checkScrollElementResized(): void;
     protected _invisiblePaddingProperty: any;
     protected _offsetType: any;

package/ngx-lib.module.d.ts

@@ -8,16 +8,17 @@ import * as i6 from "./core/common/directives/menu-blur.directive";
 import * as i7 from "./core/common/directives/data-qa.directive";
 import * as i8 from "./core/common/directives/prevent-multi-click.directive";
 import * as i9 from "./core/common/directives/print.directive";
-import * as i10 from "./core/clipboard/clipboard.directive";
-import * as i11 from "./core/layout/rtl.directive";
-import * as i12 from "./core/portal/attach.directive";
-import * as i13 from "./core/portal/target.directive";
-import * as i14 from "@angular/common";
-import * as i15 from "@angular/common/http";
-import * as i16 from "@angular/forms";
-import * as i17 from "@ngx-translate/core";
+import * as i10 from "./core/common/directives/div-loader.directive";
+import * as i11 from "./core/clipboard/clipboard.directive";
+import * as i12 from "./core/layout/rtl.directive";
+import * as i13 from "./core/portal/attach.directive";
+import * as i14 from "./core/portal/target.directive";
+import * as i15 from "@angular/common";
+import * as i16 from "@angular/common/http";
+import * as i17 from "@angular/forms";
+import * as i18 from "@ngx-translate/core";
 export declare class PepNgxLibModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PepNgxLibModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PepNgxLibModule, [typeof i1.PepCapitalizePipe, typeof i1.PepEncodePipe, typeof i1.PepEscapePipe, typeof i1.PepReplaceLineBreaksPipe, typeof i1.PepDateFormatterPipe, typeof i1.PepDateStringFormatterPipe, typeof i1.PepSafeHtmlPipe, typeof i1.PepSafePipe, typeof i1.PepSplitUppercasePipe, typeof i1.PepToNumberPipe, typeof i2.DateAgoPipe, typeof i3.PepInputAutoWidthDirective, typeof i4.PepButtonBlurDirective, typeof i5.PepButtonLoaderDirective, typeof i6.PepMenuBlurDirective, typeof i7.PepDataQaDirective, typeof i8.PepPreventMultiClickDirective, typeof i9.PepPrintDirective, typeof i10.PepClipboardDirective, typeof i11.PepRtlClassDirective, typeof i11.PepRtlDirectionDirective, typeof i12.PepAttachDirective, typeof i13.PepTargetDirective], [typeof i14.CommonModule, typeof i15.HttpClientModule, typeof i16.ReactiveFormsModule], [typeof i1.PepCapitalizePipe, typeof i1.PepEncodePipe, typeof i1.PepEscapePipe, typeof i1.PepReplaceLineBreaksPipe, typeof i1.PepDateFormatterPipe, typeof i1.PepDateStringFormatterPipe, typeof i1.PepSafeHtmlPipe, typeof i1.PepSafePipe, typeof i1.PepSplitUppercasePipe, typeof i1.PepToNumberPipe, typeof i2.DateAgoPipe, typeof i3.PepInputAutoWidthDirective, typeof i4.PepButtonBlurDirective, typeof i5.PepButtonLoaderDirective, typeof i6.PepMenuBlurDirective, typeof i7.PepDataQaDirective, typeof i8.PepPreventMultiClickDirective, typeof i9.PepPrintDirective, typeof i10.PepClipboardDirective, typeof i11.PepRtlClassDirective, typeof i11.PepRtlDirectionDirective, typeof i12.PepAttachDirective, typeof i13.PepTargetDirective, typeof i17.TranslateModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PepNgxLibModule, [typeof i1.PepCapitalizePipe, typeof i1.PepEncodePipe, typeof i1.PepEscapePipe, typeof i1.PepReplaceLineBreaksPipe, typeof i1.PepDateFormatterPipe, typeof i1.PepDateStringFormatterPipe, typeof i1.PepSafeHtmlPipe, typeof i1.PepSafePipe, typeof i1.PepSplitUppercasePipe, typeof i1.PepToNumberPipe, typeof i2.DateAgoPipe, typeof i3.PepInputAutoWidthDirective, typeof i4.PepButtonBlurDirective, typeof i5.PepButtonLoaderDirective, typeof i6.PepMenuBlurDirective, typeof i7.PepDataQaDirective, typeof i8.PepPreventMultiClickDirective, typeof i9.PepPrintDirective, typeof i10.PepDivLoaderDirective, typeof i11.PepClipboardDirective, typeof i12.PepRtlClassDirective, typeof i12.PepRtlDirectionDirective, typeof i13.PepAttachDirective, typeof i14.PepTargetDirective], [typeof i15.CommonModule, typeof i16.HttpClientModule, typeof i17.ReactiveFormsModule], [typeof i1.PepCapitalizePipe, typeof i1.PepEncodePipe, typeof i1.PepEscapePipe, typeof i1.PepReplaceLineBreaksPipe, typeof i1.PepDateFormatterPipe, typeof i1.PepDateStringFormatterPipe, typeof i1.PepSafeHtmlPipe, typeof i1.PepSafePipe, typeof i1.PepSplitUppercasePipe, typeof i1.PepToNumberPipe, typeof i2.DateAgoPipe, typeof i3.PepInputAutoWidthDirective, typeof i4.PepButtonBlurDirective, typeof i5.PepButtonLoaderDirective, typeof i6.PepMenuBlurDirective, typeof i7.PepDataQaDirective, typeof i8.PepPreventMultiClickDirective, typeof i9.PepPrintDirective, typeof i10.PepDivLoaderDirective, typeof i11.PepClipboardDirective, typeof i12.PepRtlClassDirective, typeof i12.PepRtlDirectionDirective, typeof i13.PepAttachDirective, typeof i14.PepTargetDirective, typeof i18.TranslateModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PepNgxLibModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pepperi-addons/ngx-lib",
-  "version": "0.4.1-yaron.1",
+  "version": "0.4.2-beta.2",
   "peerDependencies": {
     "@angular/animations": ">= 14.0.2",
     "@angular/cdk": ">= 14.0.2",
@@ -277,6 +277,14 @@
       "node": "./fesm2015/pepperi-addons-ngx-lib-search.mjs",
       "default": "./fesm2020/pepperi-addons-ngx-lib-search.mjs"
     },
+    "./select-panel": {
+      "types": "./select-panel/index.d.ts",
+      "esm2020": "./esm2020/select-panel/pepperi-addons-ngx-lib-select-panel.mjs",
+      "es2020": "./fesm2020/pepperi-addons-ngx-lib-select-panel.mjs",
+      "es2015": "./fesm2015/pepperi-addons-ngx-lib-select-panel.mjs",
+      "node": "./fesm2015/pepperi-addons-ngx-lib-select-panel.mjs",
+      "default": "./fesm2020/pepperi-addons-ngx-lib-select-panel.mjs"
+    },
     "./select": {
       "types": "./select/index.d.ts",
       "esm2020": "./esm2020/select/pepperi-addons-ngx-lib-select.mjs",

package/quantity-selector/quantity-selector-validation.directive.d.ts

@@ -1,12 +1,13 @@
 import { ElementRef, OnInit } from '@angular/core';
-import { PepValidatorService } from '@pepperi-addons/ngx-lib';
+import { PepUtilitiesService, PepValidatorService } from '@pepperi-addons/ngx-lib';
 import * as i0 from "@angular/core";
 export declare class PepQuantitySelectorValidationDirective implements OnInit {
     private hostElement;
+    private utilitiesService;
     private validatorService;
     allowDecimal: boolean;
     previousValue: string;
-    constructor(hostElement: ElementRef, validatorService: PepValidatorService);
+    constructor(hostElement: ElementRef, utilitiesService: PepUtilitiesService, validatorService: PepValidatorService);
     ngOnInit(): void;
     onChange(e: any): void;
     onKeyDown(e: KeyboardEvent): void;

package/quantity-selector/quantity-selector.component.d.ts

@@ -1,6 +1,7 @@
 import { OnInit, OnChanges, OnDestroy, EventEmitter, ElementRef, ChangeDetectorRef, Renderer2, AfterViewInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { PepLayoutType, PepStyleType, PepCustomizationService, PepHorizontalAlignment, IPepFieldClickEvent, PepQuantitySelectorFieldType, PepUtilitiesService } from '@pepperi-addons/ngx-lib';
+import { Observable } from 'rxjs';
 import { TranslateService } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
 export declare class PepQuantitySelectorComponent implements OnChanges, OnInit, AfterViewInit, OnDestroy {
@@ -18,9 +19,8 @@ export declare class PepQuantitySelectorComponent implements OnChanges, OnInit,
     private _value;
     set value(value: string);
     get value(): string;
-    private _formattedValue;
-    set formattedValue(value: string);
-    get formattedValue(): string;
+    get valueAsCurrentCulture(): string;
+    protected formattedValue: string;
     private _minFractionDigits;
     set minFractionDigits(value: number);
     get minFractionDigits(): number;
@@ -65,17 +65,22 @@ export declare class PepQuantitySelectorComponent implements OnChanges, OnInit,
     lastQsContClientWidth: number;
     showQsBtn: boolean;
     standAlone: boolean;
-    isInFocus: boolean;
+    private _isInFocus;
+    set isInFocus(isInFocus: boolean);
+    get isInFocus(): boolean;
     isMatrixFocus: boolean;
     isCaution: boolean;
     messages: Array<any>;
     sameElementInTheWantedRow: any;
     isEmptyKey: boolean;
+    private _displayValueSubject;
+    get displayValue$(): Observable<string>;
     constructor(cd: ChangeDetectorRef, customizationService: PepCustomizationService, renderer: Renderer2, element: ElementRef, translate: TranslateService, utilitiesService: PepUtilitiesService);
     setForm(): void;
     private setFormattedValue;
+    private notifyDisplayValueChange;
+    private changeDisplayValue;
     private updateFormFieldValue;
-    get displayValue(): string;
     protected getDestroyer(): import("rxjs").MonoTypeOperatorFunction<unknown>;
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -103,5 +108,5 @@ export declare class PepQuantitySelectorComponent implements OnChanges, OnInit,
     setupQsButtons(qsWidth: number): void;
     setQsView(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepQuantitySelectorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepQuantitySelectorComponent, "pep-quantity-selector", never, { "key": "key"; "value": "value"; "formattedValue": "formattedValue"; "minFractionDigits": "minFractionDigits"; "maxFractionDigits": "maxFractionDigits"; "label": "label"; "type": "type"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "textColor": "textColor"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "allowDecimal": "allowDecimal"; "additionalValue": "additionalValue"; "notificationInfo": "notificationInfo"; "visible": "visible"; "form": "form"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "layoutType": "layoutType"; "isActive": "isActive"; "styleType": "styleType"; }, { "valueChange": "valueChange"; "elementClick": "elementClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepQuantitySelectorComponent, "pep-quantity-selector", never, { "key": "key"; "value": "value"; "minFractionDigits": "minFractionDigits"; "maxFractionDigits": "maxFractionDigits"; "label": "label"; "type": "type"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "textColor": "textColor"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "allowDecimal": "allowDecimal"; "additionalValue": "additionalValue"; "notificationInfo": "notificationInfo"; "visible": "visible"; "form": "form"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "layoutType": "layoutType"; "isActive": "isActive"; "styleType": "styleType"; "isInFocus": "isInFocus"; }, { "valueChange": "valueChange"; "elementClick": "elementClick"; }, never, never, false>;
 }

package/remote-loader/remote-loader-element.component.d.ts

@@ -1,10 +1,10 @@
-import { AfterContentInit, ElementRef, EventEmitter, OnChanges, Renderer2 } from '@angular/core';
+import { AfterContentInit, ElementRef, EventEmitter, OnChanges, OnDestroy, Renderer2 } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { PepAddonService } from '@pepperi-addons/ngx-lib';
 import { PepRemoteLoaderOptions } from './remote-loader.model';
 import { PepRemoteLoaderService } from './remote-loader.service';
 import * as i0 from "@angular/core";
-export declare class PepRemoteLoaderElementComponent implements AfterContentInit, OnChanges {
+export declare class PepRemoteLoaderElementComponent implements AfterContentInit, OnChanges, OnDestroy {
     private renderer;
     private el;
     private pepAddonService;
@@ -19,11 +19,13 @@ export declare class PepRemoteLoaderElementComponent implements AfterContentInit
     };
     load: EventEmitter<any>;
     element: HTMLElement;
+    private _elementName;
     constructor(renderer: Renderer2, el: ElementRef, pepAddonService: PepAddonService, remoteLoaderService: PepRemoteLoaderService, route: ActivatedRoute);
-    ngOnChanges(): void;
     private populateProps;
     private setupEvents;
     private loadOptionsFromRoute;
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
     ngAfterContentInit(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepRemoteLoaderElementComponent, [null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PepRemoteLoaderElementComponent, "pep-remote-loader-element", never, { "options": "options"; "props": "props"; "events": "events"; }, { "load": "load"; }, never, never, false>;

package/select/select.component.d.ts

@@ -34,8 +34,8 @@ export declare class PepSelectComponent implements OnChanges, OnInit, OnDestroy
     isActive: boolean;
     showTitle: boolean;
     renderTitle: boolean;
+    typeaheadDebounceInterval: number;
     valueChange: EventEmitter<string>;
-    formValidationChange: EventEmitter<boolean>;
     select: MatSelect;
     standAlone: boolean;
     isInEditMode: boolean;
@@ -55,5 +55,5 @@ export declare class PepSelectComponent implements OnChanges, OnInit, OnDestroy
     changeValue(value: any): void;
     cardTemplateClicked(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepSelectComponent, "pep-select", never, { "key": "key"; "value": "value"; "label": "label"; "type": "type"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "options": "options"; "visible": "visible"; "emptyOption": "emptyOption"; "form": "form"; "layoutType": "layoutType"; "parentFieldKey": "parentFieldKey"; "isActive": "isActive"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; }, { "valueChange": "valueChange"; "formValidationChange": "formValidationChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepSelectComponent, "pep-select", never, { "key": "key"; "value": "value"; "label": "label"; "type": "type"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "xAlignment": "xAlignment"; "rowSpan": "rowSpan"; "options": "options"; "visible": "visible"; "emptyOption": "emptyOption"; "form": "form"; "layoutType": "layoutType"; "parentFieldKey": "parentFieldKey"; "isActive": "isActive"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "typeaheadDebounceInterval": "typeaheadDebounceInterval"; }, { "valueChange": "valueChange"; }, never, never, false>;
 }

package/select-panel/index.d.ts

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

package/select-panel/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './select-panel.module';
+export * from './select-panel.component';
+export * from './select-panel.model';

package/select-panel/select-panel.component.d.ts

@@ -0,0 +1,51 @@
+import { OnDestroy, EventEmitter, Renderer2, ElementRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { IPepOption, PepCustomizationService, PepHorizontalAlignment, PepLayoutType } from '@pepperi-addons/ngx-lib';
+import { IPepSelectionOption } from './select-panel.model';
+import * as i0 from "@angular/core";
+/**
+ * This is a button component that support pepperi theme
+ * style & state & sizes
+ *
+ * @export
+ * @class PepSelectPanelComponent
+ * @implements {OnDestroy}
+ */
+export declare class PepSelectPanelComponent implements OnDestroy {
+    private renderer;
+    private customizationService;
+    private element;
+    form: FormGroup;
+    layoutType: PepLayoutType;
+    xAlignment: PepHorizontalAlignment;
+    renderTitle: boolean;
+    showTitle: boolean;
+    label: string;
+    mandatory: boolean;
+    disabled: boolean;
+    classNames: string;
+    isMultiSelect: boolean;
+    private _numOfCol;
+    set numOfCol(value: number);
+    private _value;
+    set value(value: string);
+    get value(): string;
+    private _options;
+    set options(value: Array<IPepOption>);
+    get options(): Array<IPepOption>;
+    groupName: string;
+    valueChange: EventEmitter<string>;
+    selectPanel: ElementRef;
+    optionsMap: Array<IPepSelectionOption>;
+    constructor(renderer: Renderer2, customizationService: PepCustomizationService, element: ElementRef);
+    private setDefaultForm;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    setNumOfColumns(): void;
+    initOptionsMap(): void;
+    selectionChange(option: any, event: any): void;
+    isChecked(option: any): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepSelectPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepSelectPanelComponent, "pep-select-panel", never, { "form": "form"; "layoutType": "layoutType"; "xAlignment": "xAlignment"; "renderTitle": "renderTitle"; "showTitle": "showTitle"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "classNames": "classNames"; "isMultiSelect": "isMultiSelect"; "numOfCol": "numOfCol"; "value": "value"; "options": "options"; }, { "valueChange": "valueChange"; }, never, never, false>;
+}

package/select-panel/select-panel.component.theme.scss

@@ -0,0 +1,25 @@
+@use '../src/core/style/abstracts/mixins';
+
+.select-panel {
+    @include mixins.pep-state-default();
+
+    // &:hover {
+    //      @include mixins.pep-state-hover();
+    //  }
+ 
+ 
+ 
+    // &:active {
+    //      @include mixins.pep-state-active();
+    //  }
+     
+    //  &.mat-focused {
+         
+    //  }
+    &.disable,
+    &:disabled {
+        &:not(.ignore-disabled) {
+            @include mixins.pep-state-disable();
+        }
+    }
+}

package/select-panel/select-panel.model.d.ts

@@ -0,0 +1,5 @@
+export interface IPepSelectionOption {
+    key: string;
+    value: string;
+    isChecked: boolean;
+}