@pepperi-addons/ngx-composite-lib 0.0.10-beta.2 → 0.0.10-beta.21

package/fesm2015/pepperi-addons-ngx-composite-lib-shadow-settings.js

@@ -11,121 +11,121 @@ import { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';
 import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
 import { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';
 
-class PepShadowSettings {
-    constructor() {
-        this.use = false;
-        this.size = 'md';
-        this.intensity = 'regular';
-    }
+class PepShadowSettings {
+    constructor() {
+        this.use = false;
+        this.size = 'md';
+        this.intensity = 'regular';
+    }
 }
 
-class ShadowSettingsComponent {
-    constructor(translate) {
-        this.translate = translate;
-        this._shadow = new PepShadowSettings();
-        this.shadowChange = new EventEmitter();
-        this.shadowSizes = [];
-        this.shadowIntensities = [];
-    }
-    set shadow(value) {
-        if (!value) {
-            this._shadow = new PepShadowSettings();
-        }
-        else {
-            this._shadow = value;
-        }
-    }
-    get shadow() {
-        return this._shadow;
-    }
-    ngOnInit() {
-        // Get the first translation for load all translations.
-        this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {
-            this.shadowSizes = [
-                { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: () => this.onSizeChange('sm') },
-                { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: () => this.onSizeChange('md') },
-                { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: () => this.onSizeChange('lg') },
-                { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: () => this.onSizeChange('xl') }
-            ];
-            this.shadowIntensities = [
-                { key: 'soft', value: typeSoft, callback: () => this.onIntensityChange('soft') },
-                { key: 'regular', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_REGULAR'), callback: () => this.onIntensityChange('regular') },
-                { key: 'hard', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_HARD'), callback: () => this.onIntensityChange('hard') }
-            ];
-        });
-    }
-    raiseShadowChange() {
-        this.shadowChange.emit(this.shadow);
-    }
-    onUseChanged(value) {
-        this.shadow.use = value;
-        this.raiseShadowChange();
-    }
-    onSizeChange(value) {
-        this.shadow.size = value;
-        this.raiseShadowChange();
-    }
-    onIntensityChange(value) {
-        this.shadow.intensity = value;
-        this.raiseShadowChange();
-    }
-}
-ShadowSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: ShadowSettingsComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-ShadowSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: ShadowSettingsComponent, selector: "pep-shadow-settings", inputs: { shadow: "shadow" }, outputs: { shadowChange: "shadowChange" }, ngImport: i0, template: "<pep-checkbox class=\"checkbox-as-title\" [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n<pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n<pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n</pep-group-buttons>\n<pep-field-title [label]=\"'SHADOW_SETTINGS.INTENSITY' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n<pep-group-buttons class=\"shadow-intensity-group\" [buttons]=\"shadowIntensities\" [selectedButtonKey]=\"shadow.intensity\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n</pep-group-buttons>", styles: [":host{width:100%}:host .shadow-size-group,:host .shadow-type-group{display:block;margin-bottom:var(--pep-form-spacing, 1rem)}\n"], components: [{ type: i2.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "form", "isActive", "showTitle", "renderTitle", "layoutType", "type", "additionalValue", "visible"], outputs: ["valueChange"] }, { type: i3.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength"] }, { type: i4.PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: ["viewType", "styleType", "sizeType", "buttons", "buttonsDisabled", "selectedButtonKey", "stretch"], outputs: ["buttonClick"] }], pipes: { "translate": i1.TranslatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: ShadowSettingsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'pep-shadow-settings',
-                    templateUrl: './shadow-settings.component.html',
-                    styleUrls: ['./shadow-settings.component.scss']
-                }]
-        }], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { shadow: [{
-                type: Input
-            }], shadowChange: [{
-                type: Output
+class ShadowSettingsComponent {
+    constructor(translate) {
+        this.translate = translate;
+        this._shadow = new PepShadowSettings();
+        this.shadowChange = new EventEmitter();
+        this.shadowSizes = [];
+        this.shadowIntensities = [];
+    }
+    set shadow(value) {
+        if (!value) {
+            this._shadow = new PepShadowSettings();
+        }
+        else {
+            this._shadow = value;
+        }
+    }
+    get shadow() {
+        return this._shadow;
+    }
+    ngOnInit() {
+        // Get the first translation for load all translations.
+        this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {
+            this.shadowSizes = [
+                { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: () => this.onSizeChange('sm') },
+                { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: () => this.onSizeChange('md') },
+                { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: () => this.onSizeChange('lg') },
+                { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: () => this.onSizeChange('xl') }
+            ];
+            this.shadowIntensities = [
+                { key: 'soft', value: typeSoft, callback: () => this.onIntensityChange('soft') },
+                { key: 'regular', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_REGULAR'), callback: () => this.onIntensityChange('regular') },
+                { key: 'hard', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_HARD'), callback: () => this.onIntensityChange('hard') }
+            ];
+        });
+    }
+    raiseShadowChange() {
+        this.shadowChange.emit(this.shadow);
+    }
+    onUseChanged(value) {
+        this.shadow.use = value;
+        this.raiseShadowChange();
+    }
+    onSizeChange(value) {
+        this.shadow.size = value;
+        this.raiseShadowChange();
+    }
+    onIntensityChange(value) {
+        this.shadow.intensity = value;
+        this.raiseShadowChange();
+    }
+}
+ShadowSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: ShadowSettingsComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+ShadowSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: ShadowSettingsComponent, selector: "pep-shadow-settings", inputs: { shadow: "shadow" }, outputs: { shadowChange: "shadowChange" }, ngImport: i0, template: "<pep-checkbox class=\"checkbox-as-title\" [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\r\n<pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\r\n<pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\r\n</pep-group-buttons>\r\n<pep-field-title [label]=\"'SHADOW_SETTINGS.INTENSITY' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\r\n<pep-group-buttons class=\"shadow-intensity-group\" [buttons]=\"shadowIntensities\" [selectedButtonKey]=\"shadow.intensity\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\r\n</pep-group-buttons>", styles: [":host{width:100%}:host .shadow-size-group,:host .shadow-type-group{display:block;margin-bottom:var(--pep-form-spacing, 1rem)}\n"], components: [{ type: i2.PepCheckboxComponent, selector: "pep-checkbox", inputs: ["key", "value", "label", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "form", "isActive", "showTitle", "renderTitle", "layoutType", "type", "additionalValue", "visible"], outputs: ["valueChange"] }, { type: i3.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength"] }, { type: i4.PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: ["viewType", "styleType", "sizeType", "buttons", "buttonsDisabled", "selectedButtonKey", "stretch"], outputs: ["buttonClick"] }], pipes: { "translate": i1.TranslatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: ShadowSettingsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pep-shadow-settings',
+                    templateUrl: './shadow-settings.component.html',
+                    styleUrls: ['./shadow-settings.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { shadow: [{
+                type: Input
+            }], shadowChange: [{
+                type: Output
             }] } });
 
-class PepShadowSettingsModule {
-}
-PepShadowSettingsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepShadowSettingsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PepShadowSettingsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepShadowSettingsModule, declarations: [ShadowSettingsComponent], imports: [CommonModule,
-        PepNgxLibModule,
-        PepCheckboxModule,
-        PepFieldTitleModule,
-        PepGroupButtonsModule,
-        PepSliderModule], exports: [ShadowSettingsComponent] });
-PepShadowSettingsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepShadowSettingsModule, imports: [[
-            CommonModule,
-            PepNgxLibModule,
-            PepCheckboxModule,
-            PepFieldTitleModule,
-            PepGroupButtonsModule,
-            PepSliderModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepShadowSettingsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ShadowSettingsComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        PepNgxLibModule,
-                        PepCheckboxModule,
-                        PepFieldTitleModule,
-                        PepGroupButtonsModule,
-                        PepSliderModule
-                    ],
-                    exports: [ShadowSettingsComponent],
-                }]
+class PepShadowSettingsModule {
+}
+PepShadowSettingsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepShadowSettingsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepShadowSettingsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepShadowSettingsModule, declarations: [ShadowSettingsComponent], imports: [CommonModule,
+        PepNgxLibModule,
+        PepCheckboxModule,
+        PepFieldTitleModule,
+        PepGroupButtonsModule,
+        PepSliderModule], exports: [ShadowSettingsComponent] });
+PepShadowSettingsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepShadowSettingsModule, imports: [[
+            CommonModule,
+            PepNgxLibModule,
+            PepCheckboxModule,
+            PepFieldTitleModule,
+            PepGroupButtonsModule,
+            PepSliderModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepShadowSettingsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ShadowSettingsComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        PepNgxLibModule,
+                        PepCheckboxModule,
+                        PepFieldTitleModule,
+                        PepGroupButtonsModule,
+                        PepSliderModule
+                    ],
+                    exports: [ShadowSettingsComponent],
+                }]
         }] });
 
-/*
- * Public API Surface of ngx-composite-lib/shadow-settings
+/*
+ * Public API Surface of ngx-composite-lib/shadow-settings
  */
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { PepShadowSettings, PepShadowSettingsModule, ShadowSettingsComponent };

package/fesm2015/pepperi-addons-ngx-composite-lib-shadow-settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"pepperi-addons-ngx-composite-lib-shadow-settings.js","sources":["../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.model.ts","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.component.ts","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.component.html","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.module.ts","../../../projects/ngx-composite-lib/shadow-settings/public-api.ts","../../../projects/ngx-composite-lib/shadow-settings/pepperi-addons-ngx-composite-lib-shadow-settings.ts"],"sourcesContent":["import { PepSizeType } from \"@pepperi-addons/ngx-lib\";\r\n\r\nexport type PepShadowIntensityType = 'soft' | 'regular' | 'hard';\r\n\r\nexport class PepShadowSettings {\r\n    use: boolean = false;\r\n    size: PepSizeType = 'md';\r\n    intensity: PepShadowIntensityType = 'regular';\r\n}","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { PepSizeType } from '@pepperi-addons/ngx-lib';\nimport { IPepButtonClickEvent, PepButton } from '@pepperi-addons/ngx-lib/button';\nimport { PepShadowIntensityType, PepShadowSettings } from './shadow-settings.model';\n\n@Component({\n    selector: 'pep-shadow-settings',\n    templateUrl: './shadow-settings.component.html',\n    styleUrls: ['./shadow-settings.component.scss']\n})\nexport class ShadowSettingsComponent implements OnInit {\n\n    private _shadow: PepShadowSettings = new PepShadowSettings();\n    @Input()\n    set shadow(value: PepShadowSettings) {\n        if (!value) {\n            this._shadow = new PepShadowSettings();\n        } else {\n            this._shadow = value;\n        }\n    }\n    get shadow(): PepShadowSettings {\n        return this._shadow;\n    }\n\n    @Output()\n    shadowChange: EventEmitter<PepShadowSettings> = new EventEmitter<PepShadowSettings>();\n    \n    shadowSizes: Array<PepButton> = [];\n    shadowIntensities: Array<PepButton> = [];\n\n    constructor(\n        private translate: TranslateService,\n    ) {\n    }\n\n    ngOnInit(): void { \n        // Get the first translation for load all translations.\n        this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {\n            this.shadowSizes = [\n                { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: () => this.onSizeChange('sm') },\n                { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: () => this.onSizeChange('md') },\n                { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: () => this.onSizeChange('lg') },\n                { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: () => this.onSizeChange('xl') }\n            ];\n\n            this.shadowIntensities = [\n                { key: 'soft', value: typeSoft, callback: () => this.onIntensityChange('soft') },\n                { key: 'regular', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_REGULAR'), callback: () => this.onIntensityChange('regular') },\n                { key: 'hard', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_HARD'), callback: () => this.onIntensityChange('hard') }\n            ];\n        });\n    }\n\n\n    private raiseShadowChange() {\n        this.shadowChange.emit(this.shadow);\n    }\n\n    onUseChanged(value: boolean) {\n        this.shadow.use = value;\n        this.raiseShadowChange();\n    }\n\n    onSizeChange(value: PepSizeType) {\n        this.shadow.size = value;\n        this.raiseShadowChange();\n    }\n\n    onIntensityChange(value: PepShadowIntensityType) {\n        this.shadow.intensity = value;\n        this.raiseShadowChange();\n    }\n}\n","<pep-checkbox class=\"checkbox-as-title\" [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\n<pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n<pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n</pep-group-buttons>\n<pep-field-title [label]=\"'SHADOW_SETTINGS.INTENSITY' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\n<pep-group-buttons class=\"shadow-intensity-group\" [buttons]=\"shadowIntensities\" [selectedButtonKey]=\"shadow.intensity\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\n</pep-group-buttons>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ShadowSettingsComponent } from './shadow-settings.component';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\nimport { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\n\n@NgModule({\n    declarations: [\n        ShadowSettingsComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepCheckboxModule,\n        PepFieldTitleModule,\n        PepGroupButtonsModule,\n        PepSliderModule\n    ],\n    exports: [ShadowSettingsComponent],\n})\nexport class PepShadowSettingsModule { }\n","/*\n * Public API Surface of ngx-composite-lib/shadow-settings\n */\nexport * from './shadow-settings.module';\nexport * from './shadow-settings.component';\nexport * from './shadow-settings.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"pepperi-addons-ngx-composite-lib-shadow-settings.js","sources":["../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.model.ts","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.component.ts","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.component.html","../../../projects/ngx-composite-lib/shadow-settings/shadow-settings.module.ts","../../../projects/ngx-composite-lib/shadow-settings/public-api.ts","../../../projects/ngx-composite-lib/shadow-settings/pepperi-addons-ngx-composite-lib-shadow-settings.ts"],"sourcesContent":["import { PepSizeType } from \"@pepperi-addons/ngx-lib\";\r\n\r\nexport type PepShadowIntensityType = 'soft' | 'regular' | 'hard';\r\n\r\nexport class PepShadowSettings {\r\n    use = false;\r\n    size: PepSizeType = 'md';\r\n    intensity: PepShadowIntensityType = 'regular';\r\n}","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { PepSizeType } from '@pepperi-addons/ngx-lib';\r\nimport { IPepButtonClickEvent, PepButton } from '@pepperi-addons/ngx-lib/button';\r\nimport { PepShadowIntensityType, PepShadowSettings } from './shadow-settings.model';\r\n\r\n@Component({\r\n    selector: 'pep-shadow-settings',\r\n    templateUrl: './shadow-settings.component.html',\r\n    styleUrls: ['./shadow-settings.component.scss']\r\n})\r\nexport class ShadowSettingsComponent implements OnInit {\r\n\r\n    private _shadow: PepShadowSettings = new PepShadowSettings();\r\n    @Input()\r\n    set shadow(value: PepShadowSettings) {\r\n        if (!value) {\r\n            this._shadow = new PepShadowSettings();\r\n        } else {\r\n            this._shadow = value;\r\n        }\r\n    }\r\n    get shadow(): PepShadowSettings {\r\n        return this._shadow;\r\n    }\r\n\r\n    @Output()\r\n    shadowChange: EventEmitter<PepShadowSettings> = new EventEmitter<PepShadowSettings>();\r\n    \r\n    shadowSizes: Array<PepButton> = [];\r\n    shadowIntensities: Array<PepButton> = [];\r\n\r\n    constructor(\r\n        private translate: TranslateService,\r\n    ) {\r\n    }\r\n\r\n    ngOnInit(): void { \r\n        // Get the first translation for load all translations.\r\n        this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {\r\n            this.shadowSizes = [\r\n                { key: 'sm', value: this.translate.instant('GENERAL.SM'), callback: () => this.onSizeChange('sm') },\r\n                { key: 'md', value: this.translate.instant('GENERAL.MD'), callback: () => this.onSizeChange('md') },\r\n                { key: 'lg', value: this.translate.instant('GENERAL.LG'), callback: () => this.onSizeChange('lg') },\r\n                { key: 'xl', value: this.translate.instant('GENERAL.XL'), callback: () => this.onSizeChange('xl') }\r\n            ];\r\n\r\n            this.shadowIntensities = [\r\n                { key: 'soft', value: typeSoft, callback: () => this.onIntensityChange('soft') },\r\n                { key: 'regular', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_REGULAR'), callback: () => this.onIntensityChange('regular') },\r\n                { key: 'hard', value: this.translate.instant('SHADOW_SETTINGS.INTENSITY_HARD'), callback: () => this.onIntensityChange('hard') }\r\n            ];\r\n        });\r\n    }\r\n\r\n\r\n    private raiseShadowChange() {\r\n        this.shadowChange.emit(this.shadow);\r\n    }\r\n\r\n    onUseChanged(value: boolean) {\r\n        this.shadow.use = value;\r\n        this.raiseShadowChange();\r\n    }\r\n\r\n    onSizeChange(value: PepSizeType) {\r\n        this.shadow.size = value;\r\n        this.raiseShadowChange();\r\n    }\r\n\r\n    onIntensityChange(value: PepShadowIntensityType) {\r\n        this.shadow.intensity = value;\r\n        this.raiseShadowChange();\r\n    }\r\n}\r\n","<pep-checkbox class=\"checkbox-as-title\" [label]=\"'SHADOW_SETTINGS.TITLE' | translate\" [renderTitle]=\"false\" [value]=\"shadow.use\" (valueChange)=\"onUseChanged($event)\"></pep-checkbox>\r\n<pep-field-title [label]=\"'SHADOW_SETTINGS.SIZE' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\r\n<pep-group-buttons class=\"shadow-size-group\" [buttons]=\"shadowSizes\" [selectedButtonKey]=\"shadow.size\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\r\n</pep-group-buttons>\r\n<pep-field-title [label]=\"'SHADOW_SETTINGS.INTENSITY' | translate\" [disabled]=\"!shadow.use\"></pep-field-title>\r\n<pep-group-buttons class=\"shadow-intensity-group\" [buttons]=\"shadowIntensities\" [selectedButtonKey]=\"shadow.intensity\" [stretch]=\"true\" buttonsClass=\"md regular\" [buttonsDisabled]=\"!shadow.use\" viewType=\"toggle\">\r\n</pep-group-buttons>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ShadowSettingsComponent } from './shadow-settings.component';\r\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\r\nimport { PepCheckboxModule } from '@pepperi-addons/ngx-lib/checkbox';\r\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\r\nimport { PepGroupButtonsModule } from '@pepperi-addons/ngx-lib/group-buttons';\r\nimport { PepSliderModule } from '@pepperi-addons/ngx-lib/slider';\r\n\r\n@NgModule({\r\n    declarations: [\r\n        ShadowSettingsComponent\r\n    ],\r\n    imports: [\r\n        CommonModule,\r\n        PepNgxLibModule,\r\n        PepCheckboxModule,\r\n        PepFieldTitleModule,\r\n        PepGroupButtonsModule,\r\n        PepSliderModule\r\n    ],\r\n    exports: [ShadowSettingsComponent],\r\n})\r\nexport class PepShadowSettingsModule { }\r\n","/*\r\n * Public API Surface of ngx-composite-lib/shadow-settings\r\n */\r\nexport * from './shadow-settings.module';\r\nexport * from './shadow-settings.component';\r\nexport * from './shadow-settings.model';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/pepperi-addons-ngx-composite-lib.js

@@ -1,37 +1,78 @@
 import * as i0 from '@angular/core';
-import { NgModule } from '@angular/core';
-
-// import { TranslateModule } from '@ngx-translate/core';
-// import { CommonModule } from '@angular/common';
-// import { HttpClientModule } from '@angular/common/http';
-// import { ReactiveFormsModule } from '@angular/forms';
-class PepNgxCompositeLibModule {
-}
-PepNgxCompositeLibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepNgxCompositeLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PepNgxCompositeLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepNgxCompositeLibModule });
-PepNgxCompositeLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepNgxCompositeLibModule, imports: [[
-        // CommonModule, HttpClientModule, ReactiveFormsModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepNgxCompositeLibModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [
-                    // CommonModule, HttpClientModule, ReactiveFormsModule
-                    ],
-                    exports: [
-                    // TranslateModule
-                    ]
-                }]
+import { NgModule, Injectable } from '@angular/core';
+
+// import { TranslateModule } from '@ngx-translate/core';
+// import { CommonModule } from '@angular/common';
+// import { HttpClientModule } from '@angular/common/http';
+// import { ReactiveFormsModule } from '@angular/forms';
+class PepNgxCompositeLibModule {
+}
+PepNgxCompositeLibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepNgxCompositeLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepNgxCompositeLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepNgxCompositeLibModule });
+PepNgxCompositeLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepNgxCompositeLibModule, imports: [[
+        // CommonModule, HttpClientModule, ReactiveFormsModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepNgxCompositeLibModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [
+                    // CommonModule, HttpClientModule, ReactiveFormsModule
+                    ],
+                    exports: [
+                    // TranslateModule
+                    ]
+                }]
         }] });
 
-/*
- * Public API Surface of ngx-composite-lib
+/*
+    This service is for utillity usege.
+*/
+class PepCompositeLibUtilitiesService {
+    constructor() {
+        //
+    }
+}
+PepCompositeLibUtilitiesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepCompositeLibUtilitiesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+PepCompositeLibUtilitiesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepCompositeLibUtilitiesService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepCompositeLibUtilitiesService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return []; } });
+
+/*
+ * Public API Surface of ngx-composite-lib/core/common/services
+ */
+
+/*
+ * export from ngx-composite-lib/core/common/services
+ */
+
+/*
+ * Public API Surface of ngx-composite-lib/core/common
+ */
+
+/*
+ * export from ngx-composite-lib/core/common
+ */
+
+/*
+ * Public API Surface of ngx-composite-lib/core
+ */
+
+/*
+ * export from ngx-composite-lib/core
+ */
+
+/*
+ * Public API Surface of ngx-composite-lib
  */
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
-export { PepNgxCompositeLibModule };
+export { PepCompositeLibUtilitiesService, PepNgxCompositeLibModule };
 //# sourceMappingURL=pepperi-addons-ngx-composite-lib.js.map

package/fesm2015/pepperi-addons-ngx-composite-lib.js.map

@@ -1 +1 @@
-{"version":3,"file":"pepperi-addons-ngx-composite-lib.js","sources":["../../../projects/ngx-composite-lib/src/ngx-composite-lib.module.ts","../../../projects/ngx-composite-lib/src/public-api.ts","../../../projects/ngx-composite-lib/src/pepperi-addons-ngx-composite-lib.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\n// import { TranslateModule } from '@ngx-translate/core';\n// import { CommonModule } from '@angular/common';\n// import { HttpClientModule } from '@angular/common/http';\n// import { ReactiveFormsModule } from '@angular/forms';\n\n@NgModule({\n    declarations: [\n        \n    ],\n    imports: [\n        // CommonModule, HttpClientModule, ReactiveFormsModule\n    ],\n    exports: [\n        // TranslateModule\n    ]\n})\nexport class PepNgxCompositeLibModule { }\n","/*\n * Public API Surface of ngx-composite-lib\n */\nexport * from './ngx-composite-lib.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AACA;AACA;AACA;AACA;MAaa,wBAAwB;;qHAAxB,wBAAwB;sHAAxB,wBAAwB;sHAAxB,wBAAwB,YAPxB;;SAER;2FAKQ,wBAAwB;kBAXpC,QAAQ;mBAAC;oBACN,YAAY,EAAE,EAEb;oBACD,OAAO,EAAE;;qBAER;oBACD,OAAO,EAAE;;qBAER;iBACJ;;;AChBD;;;;ACAA;;;;;;"}
+{"version":3,"file":"pepperi-addons-ngx-composite-lib.js","sources":["../../../projects/ngx-composite-lib/src/ngx-composite-lib.module.ts","../../../projects/ngx-composite-lib/src/core/common/services/utilities.service.ts","../../../projects/ngx-composite-lib/src/core/common/services/public-api.ts","../../../projects/ngx-composite-lib/src/core/common/services/index.ts","../../../projects/ngx-composite-lib/src/core/common/public-api.ts","../../../projects/ngx-composite-lib/src/core/common/index.ts","../../../projects/ngx-composite-lib/src/core/public-api.ts","../../../projects/ngx-composite-lib/src/core/index.ts","../../../projects/ngx-composite-lib/src/public-api.ts","../../../projects/ngx-composite-lib/src/pepperi-addons-ngx-composite-lib.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\r\n// import { TranslateModule } from '@ngx-translate/core';\r\n// import { CommonModule } from '@angular/common';\r\n// import { HttpClientModule } from '@angular/common/http';\r\n// import { ReactiveFormsModule } from '@angular/forms';\r\n\r\n@NgModule({\r\n    declarations: [\r\n        \r\n    ],\r\n    imports: [\r\n        // CommonModule, HttpClientModule, ReactiveFormsModule\r\n    ],\r\n    exports: [\r\n        // TranslateModule\r\n    ]\r\n})\r\nexport class PepNgxCompositeLibModule { }\r\n","import { Injectable } from '@angular/core';\r\n\r\n/*\r\n    This service is for utillity usege.\r\n*/\r\n@Injectable({\r\n    providedIn: 'root',\r\n})\r\nexport class PepCompositeLibUtilitiesService {\r\n    constructor(\r\n        // private sessionService: PepSessionService,\r\n        // private httpService: PepHttpService,\r\n        // private loaderService: PepLoaderService\r\n    ) {\r\n        //\r\n    }\r\n}\r\n","/*\r\n * Public API Surface of ngx-composite-lib/core/common/services\r\n */\r\nexport * from './utilities.service';\r\n","/*\r\n * export from ngx-composite-lib/core/common/services\r\n */\r\nexport * from './public-api';\r\n","/*\r\n * Public API Surface of ngx-composite-lib/core/common\r\n */\r\nexport * from './services/index';\r\n","/*\r\n * export from ngx-composite-lib/core/common\r\n */\r\nexport * from './public-api';\r\n","/*\r\n * Public API Surface of ngx-composite-lib/core\r\n */\r\nexport * from './common/index';","/*\r\n * export from ngx-composite-lib/core\r\n */\r\nexport * from './public-api';\r\n","/*\r\n * Public API Surface of ngx-composite-lib\r\n */\r\nexport * from './ngx-composite-lib.module';\r\nexport * from './core/index';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AACA;AACA;AACA;AACA;MAaa,wBAAwB;;qHAAxB,wBAAwB;sHAAxB,wBAAwB;sHAAxB,wBAAwB,YAPxB;;SAER;2FAKQ,wBAAwB;kBAXpC,QAAQ;mBAAC;oBACN,YAAY,EAAE,EAEb;oBACD,OAAO,EAAE;;qBAER;oBACD,OAAO,EAAE;;qBAER;iBACJ;;;ACdD;;;MAMa,+BAA+B;IACxC;;KAMC;;4HAPQ,+BAA+B;gIAA/B,+BAA+B,cAF5B,MAAM;2FAET,+BAA+B;kBAH3C,UAAU;mBAAC;oBACR,UAAU,EAAE,MAAM;iBACrB;;;ACPD;;;;ACAA;;;;ACAA;;;;ACAA;;;;ACAA;;;;ACAA;;;;ACAA;;;;ACAA;;;;;;"}

package/file-status-panel/file-status-panel.component.d.ts

@@ -0,0 +1,14 @@
+import { OnInit } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { IFile } from './file-status-panel.model';
+import * as i0 from "@angular/core";
+export declare class FileStatusPanelComponent implements OnInit {
+    translate: TranslateService;
+    title: string;
+    filesList: Array<IFile>;
+    constructor(translate: TranslateService);
+    ngOnInit(): void;
+    closeClick(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileStatusPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileStatusPanelComponent, "pep-file-status-panel", never, { "title": "title"; "filesList": "filesList"; }, {}, never, never>;
+}

package/file-status-panel/file-status-panel.model.d.ts

@@ -0,0 +1,6 @@
+export declare type fileStatus = 'uploading' | 'downloading' | 'done' | 'failed' | 'hidden';
+export declare class IFile {
+    key: number;
+    name: string;
+    status: fileStatus;
+}

package/file-status-panel/file-status-panel.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./file-status-panel.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@pepperi-addons/ngx-lib/top-bar";
+import * as i4 from "@pepperi-addons/ngx-lib/textbox";
+import * as i5 from "@pepperi-addons/ngx-lib/button";
+import * as i6 from "@pepperi-addons/ngx-lib/dialog";
+export declare class PepFileStatusPanelModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepFileStatusPanelModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PepFileStatusPanelModule, [typeof i1.FileStatusPanelComponent], [typeof i2.CommonModule, typeof i3.PepTopBarModule, typeof i4.PepTextboxModule, typeof i5.PepButtonModule, typeof i6.PepDialogModule], [typeof i1.FileStatusPanelComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PepFileStatusPanelModule>;
+}

package/file-status-panel/package.json

@@ -0,0 +1,13 @@
+{
+  "peerDependencies": {
+    "@pepperi-addons/ngx-lib": "^0.3.0"
+  },
+  "main": "../bundles/pepperi-addons-ngx-composite-lib-file-status-panel.umd.js",
+  "module": "../fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.js",
+  "es2015": "../fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.js",
+  "esm2015": "../esm2015/file-status-panel/pepperi-addons-ngx-composite-lib-file-status-panel.js",
+  "fesm2015": "../fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.js",
+  "typings": "pepperi-addons-ngx-composite-lib-file-status-panel.d.ts",
+  "sideEffects": false,
+  "name": "@pepperi-addons/ngx-composite-lib/file-status-panel"
+}

package/file-status-panel/pepperi-addons-ngx-composite-lib-file-status-panel.d.ts

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

package/file-status-panel/public-api.d.ts

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

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

@@ -1,45 +1,60 @@
-import { OnInit, AfterViewInit, EventEmitter } from '@angular/core';
-import { TranslateService } from '@ngx-translate/core';
-import { PepDataConvertorService, PepLayoutService } from '@pepperi-addons/ngx-lib';
-import { IPepFormFieldClickEvent } from '@pepperi-addons/ngx-lib/form';
-import { PepListComponent } from '@pepperi-addons/ngx-lib/list';
-import { PepMenuItem, IPepMenuItemClickEvent } from '@pepperi-addons/ngx-lib/menu';
-import { IPepSearchClickEvent } from '@pepperi-addons/ngx-lib/search';
-import { GenericListDataSource } from './generic-list.model';
-import * as i0 from "@angular/core";
-export declare class GenericListComponent implements OnInit, AfterViewInit {
-    private dataConvertorService;
-    private layoutService;
-    private translate;
-    customList: PepListComponent | undefined;
-    dataSource: GenericListDataSource | undefined;
-    dataObjects: any[];
-    searchString: string;
-    addPadding: boolean;
-    title: string;
-    inline: boolean;
-    showSearch: boolean;
-    allowSelection: boolean;
-    noDataMessage: string;
-    allowMultipleSelection: boolean;
-    fieldClick: EventEmitter<IPepFormFieldClickEvent>;
-    menuHandlers: {
-        [key: string]: (obj: any) => Promise<void>;
-    };
-    menuActions: Array<PepMenuItem>;
-    constructor(dataConvertorService: PepDataConvertorService, layoutService: PepLayoutService, translate: TranslateService);
-    private loadMenuItems;
-    private convertToPepRowData;
-    private getMenuActions;
-    private getMenuObjects;
-    private getObject;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    onMenuItemClicked(action: IPepMenuItemClickEvent): void;
-    onSearchChanged(event: IPepSearchClickEvent): void;
-    reload(): Promise<void>;
-    selectedRowsChanged(selectedRowsCount: number): void;
-    onCustomizeFieldClick(fieldClickEvent: IPepFormFieldClickEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GenericListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GenericListComponent, "pep-generic-list", never, { "dataSource": "dataSource"; "addPadding": "addPadding"; "title": "title"; "inline": "inline"; "showSearch": "showSearch"; "allowSelection": "allowSelection"; "noDataMessage": "noDataMessage"; "allowMultipleSelection": "allowMultipleSelection"; }, { "fieldClick": "fieldClick"; }, never, ["[left-buttons]", "[right-buttons]"]>;
-}
+import { OnInit, AfterViewInit, EventEmitter } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { PepDataConvertorService, PepLayoutService } from '@pepperi-addons/ngx-lib';
+import { IPepFormFieldClickEvent } from '@pepperi-addons/ngx-lib/form';
+import { PepListComponent, IPepListLoadPageEvent, IPepListLoadItemsEvent } from '@pepperi-addons/ngx-lib/list';
+import { PepMenuItem, IPepMenuItemClickEvent } from '@pepperi-addons/ngx-lib/menu';
+import { IPepFormFieldValueChangeEvent } from '@pepperi-addons/ngx-lib/form';
+import { PepBreadCrumbItem, IPepBreadCrumbItemClickEvent } from '@pepperi-addons/ngx-lib/bread-crumbs';
+import { IPepSearchClickEvent } from '@pepperi-addons/ngx-lib/search';
+import { IPepGenericListDataSource, IPepGenericListPager, IPepGenericListActions } from './generic-list.model';
+import * as i0 from "@angular/core";
+export declare class GenericListComponent implements OnInit, AfterViewInit {
+    private dataConvertorService;
+    private layoutService;
+    private translate;
+    customList: PepListComponent | undefined;
+    data: IPepGenericListDataSource;
+    actions: IPepGenericListActions;
+    addPadding: boolean;
+    title: string;
+    inline: boolean;
+    showSearch: boolean;
+    allowSelection: boolean;
+    noDataFoundMsg: string;
+    allowMultipleSelection: boolean;
+    firstFieldAsLink: boolean;
+    supportSorting: boolean;
+    showTopBar: boolean;
+    breadCrumbsItems: PepBreadCrumbItem[];
+    pager: IPepGenericListPager;
+    fieldClick: EventEmitter<IPepFormFieldClickEvent>;
+    valueChange: EventEmitter<IPepFormFieldValueChangeEvent>;
+    breadCrumbItemClick: EventEmitter<IPepBreadCrumbItemClickEvent>;
+    searchString: string;
+    menuHandlers: {
+        [key: string]: (obj: any) => Promise<void>;
+    };
+    menuActions: Array<PepMenuItem>;
+    hasRows: boolean;
+    constructor(dataConvertorService: PepDataConvertorService, layoutService: PepLayoutService, translate: TranslateService);
+    private loadMenuItems;
+    private convertToPepRowData;
+    private getMenuActions;
+    private getMenuObjects;
+    getObject(uuid: string): import("@pepperi-addons/ngx-lib").ObjectsDataRow | undefined;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    onMenuItemClicked(action: IPepMenuItemClickEvent): void;
+    onSearchChanged(event: IPepSearchClickEvent): void;
+    reload(): Promise<void>;
+    onSelectedRowsChanged(selectedRowsCount: number): void;
+    onCustomizeFieldClick(fieldClickEvent: IPepFormFieldClickEvent): void;
+    onBreadCrumbItemClick(event: IPepBreadCrumbItemClickEvent): void;
+    onValueChanged(event: IPepFormFieldValueChangeEvent): void;
+    private getDataList;
+    onLoadItems(event: IPepListLoadItemsEvent): Promise<void>;
+    onLoadPage(event: IPepListLoadPageEvent): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GenericListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GenericListComponent, "pep-generic-list", never, { "data": "data"; "actions": "actions"; "addPadding": "addPadding"; "title": "title"; "inline": "inline"; "showSearch": "showSearch"; "allowSelection": "allowSelection"; "noDataFoundMsg": "noDataFoundMsg"; "allowMultipleSelection": "allowMultipleSelection"; "firstFieldAsLink": "firstFieldAsLink"; "supportSorting": "supportSorting"; "showTopBar": "showTopBar"; "breadCrumbsItems": "breadCrumbsItems"; "pager": "pager"; }, { "fieldClick": "fieldClick"; "valueChange": "valueChange"; "breadCrumbItemClick": "breadCrumbItemClick"; }, never, ["[left-buttons]", "[right-buttons]"]>;
+}

package/generic-list/generic-list.model.d.ts

@@ -1,11 +1,22 @@
-import { GridDataView } from '@pepperi-addons/papi-sdk/dist/entities/data-view';
-export interface GenericListDataSource {
-    getList(state: {
-        searchString: string;
-    }): Promise<any[]>;
-    getDataView(): Promise<GridDataView>;
-    getActions(objs: any[]): Promise<{
-        title: string;
-        handler: (obj: any) => Promise<void>;
-    }[]>;
-}
+import { GridDataView } from '@pepperi-addons/papi-sdk/dist/entities/data-view';
+import { PepListPagerType } from '@pepperi-addons/ngx-lib/list';
+export interface IPepGenericListDataSource {
+    getList(params: {
+        searchString: string;
+        fromIndex: number;
+        toIndex: number;
+    }): Promise<any[]>;
+    dataView: GridDataView;
+    totalCount: number;
+}
+export interface IPepGenericListActions {
+    get(data: any): Promise<{
+        title: string;
+        handler: (obj: any) => Promise<void>;
+    }[]>;
+}
+export interface IPepGenericListPager {
+    type: PepListPagerType;
+    size: number;
+    index: number;
+}