@pepperi-addons/ngx-composite-lib 0.4.2-beta.99 → 0.5.0-ng16.2

package/{fesm2015 → fesm2022}/pepperi-addons-ngx-composite-lib.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pepperi-addons-ngx-composite-lib.mjs","sources":["../../../projects/ngx-composite-lib/src/core/common/directives/reset-configuration-field.directive.ts","../../../projects/ngx-composite-lib/src/core/common/services/utilities.service.ts","../../../projects/ngx-composite-lib/src/core/common/services/dimx.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/ngx-composite-lib.module.ts","../../../projects/ngx-composite-lib/src/core/common/directives/public-api.ts","../../../projects/ngx-composite-lib/src/core/common/directives/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 { Directive, HostListener, ElementRef, AfterViewInit, TemplateRef, ViewContainerRef, Renderer2, Output, EventEmitter, Input, OnDestroy } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { PepSizeType, PepStyleStateType, PepStyleType } from '@pepperi-addons/ngx-lib';\r\nimport { PepIconService, pepIconDeviceResponsive } from '@pepperi-addons/ngx-lib/icon';\r\n\r\n\r\n@Directive({\r\n    selector: '[pepResetConfigurationField]',\r\n})\r\nexport class PepResetConfigurationFieldDirective implements AfterViewInit, OnDestroy {\r\n    @Input('pepResetConfigurationField') resetFieldKey = '';\r\n    @Input() resetHostEvents: EventEmitter<any> = new EventEmitter();\r\n    \r\n    private _disabled = false;\r\n    @Input() \r\n    set disabled(value: boolean) {\r\n        this._disabled = value;\r\n        // this.renderer.setStyle(this.buttonContainer, 'visibility', this.getVisibility());\r\n        this.setButtonStyle(this.resetButton);\r\n    }\r\n    get disabled(): boolean {\r\n        return this._disabled;\r\n    }\r\n\r\n    private _hideReset = false;\r\n    @Input() \r\n    set hideReset(value: boolean) {\r\n        this._hideReset = value;\r\n        // this.renderer.setStyle(this.buttonContainer, 'visibility', this.getVisibility());\r\n        this.setButtonStyle(this.resetButton);\r\n    }\r\n    get hideReset(): boolean {\r\n        return this._hideReset;\r\n    }\r\n\r\n    private _dir: 'rtl' | 'ltr' = 'ltr';\r\n    @Input() \r\n    set dir(value: 'rtl' | 'ltr') {\r\n        this._dir = value;\r\n        this.renderer.setStyle(this.buttonContainer, 'float', this.getFloat());\r\n    }\r\n    get dir(): 'rtl' | 'ltr' {\r\n        return this._dir;\r\n    }\r\n\r\n    // styleType: PepStyleType = 'weak';\r\n    // styleStateType: PepStyleStateType = 'system';\r\n    sizeType: PepSizeType = 'sm';\r\n    resetPosition = 'bottom-end';\r\n    \r\n    private unlistener: (() => void) | undefined;\r\n    private buttonContainer!: HTMLDivElement;\r\n    private resetButton!: HTMLButtonElement;\r\n\r\n    constructor(\r\n        private renderer:Renderer2,\r\n        private element: ElementRef,\r\n        private pepIconService: PepIconService,\r\n        private translate: TranslateService) {\r\n        // Create the buton container.\r\n        this.buttonContainer = this.renderer.createElement('div');\r\n\r\n        this.translate.get('GENERAL.RESET_HINT').toPromise().then(hint => {\r\n            this.renderer.setAttribute(this.buttonContainer, 'title', hint);\r\n        });\r\n    }\r\n\r\n    private getVisibility() {\r\n        return this.disabled || this.hideReset ? 'hidden' : 'visible';\r\n    }\r\n\r\n    private getFloat() {\r\n        return this.dir === 'rtl' ? 'left' : 'right';\r\n    }\r\n\r\n    private setButtonContainerStyle() {\r\n        const css = `\r\n            display: flex;\r\n            justify-content: flex-end;\r\n            `;\r\n            \r\n        // This was removed.\r\n        // float: ${this.getFloat()};\r\n        // margin-bottom: 1rem;\r\n\r\n        this.buttonContainer.setAttribute(\"style\", css);\r\n    }\r\n\r\n    private setButtonStyle(button: HTMLButtonElement) {\r\n        if (button) {\r\n            const css = `\r\n                display: flex !important;\r\n                align-items: center !important;\r\n                height: 1rem !important;\r\n                line-height: unset !important;\r\n                padding: unset !important;\r\n                background: unset !important;\r\n                font-size: var(--pep-button-2xs-font-size) !important;\r\n                visibility: ${this.getVisibility()};\r\n            `;\r\n    \r\n            button.setAttribute(\"style\", css);\r\n        }\r\n    }\r\n\r\n    private setSvgStyle(svg: SVGElement) {\r\n        const css = `\r\n            transform: rotate(270deg);\r\n            width: 0.75rem;\r\n        `;\r\n        svg.setAttribute('style', css);\r\n    }\r\n\r\n    private async getResetElement(): Promise<HTMLElement> {\r\n        this.setButtonContainerStyle();\r\n        this.renderer.addClass(this.buttonContainer, 'pep-reset-configuration-field-container');\r\n\r\n        // Append button\r\n        this.resetButton = this.renderer.createElement('button');\r\n        await this.translate.get('ACTIONS.RESET').toPromise().then(resetText => {\r\n            const buttonText = this.renderer.createText(resetText);\r\n            this.renderer.appendChild(this.resetButton, buttonText);\r\n        });\r\n        \r\n        this.renderer.addClass(this.resetButton, 'pep-button');\r\n        // this.renderer.addClass(button, this.styleType);\r\n        // this.renderer.addClass(button, this.styleStateType);\r\n        this.renderer.addClass(this.resetButton, 'color-link');\r\n        this.renderer.addClass(this.resetButton, this.sizeType);\r\n        this.setButtonStyle(this.resetButton);\r\n        // this.renderer.addClass(button, 'reset-configuration-field-button');\r\n        \r\n        this.unlistener = this.renderer.listen(this.resetButton, 'click', () => this.onResetClicked());\r\n        \r\n        this.renderer.appendChild(this.buttonContainer, this.resetButton);\r\n\r\n        // Append svg\r\n        const svgIcon = this.pepIconService.getSvgIcon(pepIconDeviceResponsive.name);\r\n        this.setSvgStyle(svgIcon);\r\n        this.renderer.appendChild(this.buttonContainer, svgIcon);\r\n\r\n        return this.buttonContainer;\r\n    }\r\n    \r\n    ngAfterViewInit(): void {\r\n        this.getResetElement().then(element => {\r\n            if (this.resetPosition === 'top-end' && this.element.nativeElement.children?.length > 0) {\r\n                this.renderer.insertBefore(this.element.nativeElement, element, this.element.nativeElement.children[0]);\r\n            } else {\r\n                this.renderer.appendChild(this.element.nativeElement, element);\r\n            }\r\n        });\r\n    }\r\n\r\n    ngOnDestroy() {\r\n        if (this.unlistener) {\r\n            this.unlistener();\r\n        }\r\n    }\r\n\r\n    onResetClicked() {\r\n        this.resetHostEvents.emit({\r\n            action: 'set-configuration-field',\r\n            key: this.resetFieldKey,\r\n            value: undefined\r\n        });\r\n    }\r\n}\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","import { Injectable, ViewContainerRef } from \"@angular/core\";\r\nimport { PepAddonBlockLoaderService } from \"@pepperi-addons/ngx-lib/remote-loader\";\r\n\r\nexport interface DIMXHostObject {\r\n    DIMXAddonUUID: string;\r\n    DIMXResource: string;\r\n}\r\n\r\nexport interface DIMXImportOptions {\r\n    OverwriteObject?: boolean;\r\n    Delimiter?: string;\r\n    OwnerID?: string;\r\n    ActionID?: string;\r\n    AdditionalData?: any;\r\n}\r\n\r\nexport interface DIMXRecursiveImportOptions {\r\n    OverwriteObject?: boolean;\r\n    OwnerID?: string;\r\n    ActionID?: string;\r\n    AdditionalData?: any;\r\n}\r\n\r\nexport interface DIMXExportOptions {\r\n    DIMXExportFormat?: string;\r\n    DIMXExportIncludeDeleted?: boolean;\r\n    DIMXExportFileName?: string;\r\n    DIMXExportWhere?: string;\r\n    DIMXExportFields?: string;\r\n    DIMXExportDelimiter?: string;\r\n    ActionID?: string;\r\n    AdditionalData?: any;\r\n}\r\n\r\nexport interface DIMXRecursiveExportOptions {\r\n    DIMXExportIncludeDeleted?: boolean;\r\n    DIMXExportFileName?: string;\r\n    DIMXExportWhere?: string;\r\n    DIMXExportFields?: string;\r\n    ActionID?: string;\r\n    AdditionalData?: any;\r\n}\r\n\r\n@Injectable()\r\nexport class PepDIMXHelperService {\r\n    private dimxFunctions!: {\r\n        DIMXImport: (options?: DIMXImportOptions) => void,\r\n        DIMXRecursiveImport: (options?: DIMXRecursiveImportOptions) => void,\r\n        DIMXExport: (options?: DIMXExportOptions) => void,\r\n        DIMXRecursiveExport: (options?: DIMXRecursiveExportOptions) => void\r\n    };\r\n\r\n    constructor(\r\n        private addonBlockLoaderService: PepAddonBlockLoaderService\r\n    ) {\r\n    }\r\n\r\n    register(viewContainerRef: ViewContainerRef, dimxHostObject: DIMXHostObject, onDIMXProcessDoneCallback: (dimxEvent: any) => void) {\r\n        return this.addonBlockLoaderService.loadAddonBlockInContainer({\r\n            container: viewContainerRef,\r\n            name: 'DIMX',\r\n            hostObject: dimxHostObject,\r\n            hostEventsCallback: (event: any) => {\r\n                if (event.action === 'DIMXFunctionsRegister') {\r\n                    this.dimxFunctions = event.value;\r\n                } else if (event.action === 'DIMXProcessDone') {\r\n                    onDIMXProcessDoneCallback(event.value);\r\n                } else {\r\n                    console.error('Unknown event action: ' + event.action);\r\n                }\r\n            }\r\n        });\r\n    }\r\n\r\n    import(options?: DIMXImportOptions) {\r\n        if (typeof (this.dimxFunctions?.DIMXImport) === 'function') {\r\n            this.dimxFunctions.DIMXImport(options);\r\n        } else {\r\n            console.error('DIMXImport function not found, are you registered?');\r\n        }\r\n    }\r\n\r\n    recursive_import(options?: DIMXRecursiveImportOptions) {\r\n        if (typeof (this.dimxFunctions?.DIMXRecursiveImport) === 'function') {\r\n            this.dimxFunctions.DIMXRecursiveImport(options);\r\n        } else {\r\n            console.error('DIMXRecursiveImport function not found, are you registered?');\r\n        }\r\n    }\r\n\r\n    export(options?: DIMXExportOptions) {\r\n        if (typeof (this.dimxFunctions?.DIMXExport) === 'function') {\r\n            this.dimxFunctions.DIMXExport(options);\r\n        } else {\r\n            console.error('DIMXExport function not found, are you registered?');\r\n        }\r\n    }\r\n\r\n    recursive_export(options?: DIMXRecursiveExportOptions) {\r\n        if (typeof (this.dimxFunctions?.DIMXRecursiveExport) === 'function') {\r\n            this.dimxFunctions.DIMXRecursiveExport(options);\r\n        } else {\r\n            console.error('DIMXRecursiveExport function not found, are you registered?');\r\n        }\r\n    }\r\n}","/*\n * Public API Surface of ngx-composite-lib/core/common/services\n */\nexport * from './utilities.service';\nexport * from './dimx.service';\n","/*\n * export from ngx-composite-lib/core/common/services\n */\nexport * from './public-api';\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n//import { TranslateModule } from '@ngx-translate/core';\n// import { HttpClientModule } from '@angular/common/http';\n// import { ReactiveFormsModule } from '@angular/forms';\nimport { PepResetConfigurationFieldDirective } from './core/common/directives/reset-configuration-field.directive';\nimport { PepDIMXHelperService, PepCompositeLibUtilitiesService } from './core/common/services/index';\n\nimport { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';\n\nimport {\n    PepIconModule,\n    PepIconRegistry,\n    pepIconDeviceResponsive,\n} from '@pepperi-addons/ngx-lib/icon';\n\nconst utilitiesList = [\n    PepResetConfigurationFieldDirective\n];\n\n@NgModule({\n    declarations: [\n        utilitiesList\n    ],\n    imports: [\n        CommonModule,\n        PepIconModule,\n        PepRemoteLoaderModule,\n    ],\n    exports: [\n        utilitiesList\n        //TranslateModule\n    ],\n    providers: [\n        PepDIMXHelperService,\n        PepCompositeLibUtilitiesService\n    ]\n})\nexport class PepNgxCompositeLibModule {\n    constructor(\n        private pepIconRegistry: PepIconRegistry\n    ) {\n        this.pepIconRegistry.registerIcons([\n            pepIconDeviceResponsive\n        ]);\n    }\n}\n","/*\n * Public API Surface of ngx-composite-lib/core/common/directives\n */\nexport * from '../directives/reset-configuration-field.directive';\n","/*\n * export from ngx-composite-lib/core/common/directives\n */\nexport * from './public-api';\n","/*\n * Public API Surface of ngx-composite-lib/core/common\n */\nexport * from './services/index';\nexport * from './directives/index';\n","/*\n * export from ngx-composite-lib/core/common\n */\nexport * from './public-api';\n","/*\n * Public API Surface of ngx-composite-lib/core\n */\nexport * from './common/index';","/*\n * export from ngx-composite-lib/core\n */\nexport * from './public-api';\n","/*\n * Public API Surface of ngx-composite-lib\n */\nexport * from './ngx-composite-lib.module';\nexport * from './core/index';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"pepperi-addons-ngx-composite-lib.mjs","sources":["../../../projects/ngx-composite-lib/src/core/common/directives/reset-configuration-field.directive.ts","../../../projects/ngx-composite-lib/src/core/common/services/utilities.service.ts","../../../projects/ngx-composite-lib/src/core/common/services/dimx.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/ngx-composite-lib.module.ts","../../../projects/ngx-composite-lib/src/core/common/directives/public-api.ts","../../../projects/ngx-composite-lib/src/core/common/directives/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 { Directive, HostListener, ElementRef, AfterViewInit, TemplateRef, ViewContainerRef, Renderer2, Output, EventEmitter, Input, OnDestroy } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { PepSizeType, PepStyleStateType, PepStyleType } from '@pepperi-addons/ngx-lib';\r\nimport { PepIconService, pepIconDeviceResponsive } from '@pepperi-addons/ngx-lib/icon';\r\n\r\n\r\n@Directive({\r\n    selector: '[pepResetConfigurationField]',\r\n})\r\nexport class PepResetConfigurationFieldDirective implements AfterViewInit, OnDestroy {\r\n    @Input('pepResetConfigurationField') resetFieldKey = '';\r\n    @Input() resetHostEvents: EventEmitter<any> = new EventEmitter();\r\n    \r\n    private _disabled = false;\r\n    @Input() \r\n    set disabled(value: boolean) {\r\n        this._disabled = value;\r\n        // this.renderer.setStyle(this.buttonContainer, 'visibility', this.getVisibility());\r\n        this.setButtonStyle(this.resetButton);\r\n    }\r\n    get disabled(): boolean {\r\n        return this._disabled;\r\n    }\r\n\r\n    private _hideReset = false;\r\n    @Input() \r\n    set hideReset(value: boolean) {\r\n        this._hideReset = value;\r\n        // this.renderer.setStyle(this.buttonContainer, 'visibility', this.getVisibility());\r\n        this.setButtonStyle(this.resetButton);\r\n    }\r\n    get hideReset(): boolean {\r\n        return this._hideReset;\r\n    }\r\n\r\n    private _dir: 'rtl' | 'ltr' = 'ltr';\r\n    @Input() \r\n    set dir(value: 'rtl' | 'ltr') {\r\n        this._dir = value;\r\n        this.renderer.setStyle(this.buttonContainer, 'float', this.getFloat());\r\n    }\r\n    get dir(): 'rtl' | 'ltr' {\r\n        return this._dir;\r\n    }\r\n\r\n    // styleType: PepStyleType = 'weak';\r\n    // styleStateType: PepStyleStateType = 'system';\r\n    sizeType: PepSizeType = 'sm';\r\n    resetPosition = 'bottom-end';\r\n    \r\n    private unlistener: (() => void) | undefined;\r\n    private buttonContainer!: HTMLDivElement;\r\n    private resetButton!: HTMLButtonElement;\r\n\r\n    constructor(\r\n        private renderer:Renderer2,\r\n        private element: ElementRef,\r\n        private pepIconService: PepIconService,\r\n        private translate: TranslateService) {\r\n        // Create the buton container.\r\n        this.buttonContainer = this.renderer.createElement('div');\r\n\r\n        this.translate.get('GENERAL.RESET_HINT').toPromise().then(hint => {\r\n            this.renderer.setAttribute(this.buttonContainer, 'title', hint);\r\n        });\r\n    }\r\n\r\n    private getVisibility() {\r\n        return this.disabled || this.hideReset ? 'hidden' : 'visible';\r\n    }\r\n\r\n    private getFloat() {\r\n        return this.dir === 'rtl' ? 'left' : 'right';\r\n    }\r\n\r\n    private setButtonContainerStyle() {\r\n        const css = `\r\n            display: flex;\r\n            justify-content: flex-end;\r\n            `;\r\n            \r\n        // This was removed.\r\n        // float: ${this.getFloat()};\r\n        // margin-bottom: 1rem;\r\n\r\n        this.buttonContainer.setAttribute(\"style\", css);\r\n    }\r\n\r\n    private setButtonStyle(button: HTMLButtonElement) {\r\n        if (button) {\r\n            const css = `\r\n                display: flex !important;\r\n                align-items: center !important;\r\n                height: 1rem !important;\r\n                line-height: unset !important;\r\n                padding: unset !important;\r\n                background: unset !important;\r\n                font-size: var(--pep-button-2xs-font-size) !important;\r\n                visibility: ${this.getVisibility()};\r\n            `;\r\n    \r\n            button.setAttribute(\"style\", css);\r\n        }\r\n    }\r\n\r\n    private setSvgStyle(svg: SVGElement) {\r\n        const css = `\r\n            transform: rotate(270deg);\r\n            width: 0.75rem;\r\n        `;\r\n        svg.setAttribute('style', css);\r\n    }\r\n\r\n    private async getResetElement(): Promise<HTMLElement> {\r\n        this.setButtonContainerStyle();\r\n        this.renderer.addClass(this.buttonContainer, 'pep-reset-configuration-field-container');\r\n\r\n        // Append button\r\n        this.resetButton = this.renderer.createElement('button');\r\n        await this.translate.get('ACTIONS.RESET').toPromise().then(resetText => {\r\n            const buttonText = this.renderer.createText(resetText);\r\n            this.renderer.appendChild(this.resetButton, buttonText);\r\n        });\r\n        \r\n        this.renderer.addClass(this.resetButton, 'pep-button');\r\n        // this.renderer.addClass(button, this.styleType);\r\n        // this.renderer.addClass(button, this.styleStateType);\r\n        this.renderer.addClass(this.resetButton, 'color-link');\r\n        this.renderer.addClass(this.resetButton, this.sizeType);\r\n        this.setButtonStyle(this.resetButton);\r\n        // this.renderer.addClass(button, 'reset-configuration-field-button');\r\n        \r\n        this.unlistener = this.renderer.listen(this.resetButton, 'click', () => this.onResetClicked());\r\n        \r\n        this.renderer.appendChild(this.buttonContainer, this.resetButton);\r\n\r\n        // Append svg\r\n        const svgIcon = this.pepIconService.getSvgIcon(pepIconDeviceResponsive.name);\r\n        this.setSvgStyle(svgIcon);\r\n        this.renderer.appendChild(this.buttonContainer, svgIcon);\r\n\r\n        return this.buttonContainer;\r\n    }\r\n    \r\n    ngAfterViewInit(): void {\r\n        this.getResetElement().then(element => {\r\n            if (this.resetPosition === 'top-end' && this.element.nativeElement.children?.length > 0) {\r\n                this.renderer.insertBefore(this.element.nativeElement, element, this.element.nativeElement.children[0]);\r\n            } else {\r\n                this.renderer.appendChild(this.element.nativeElement, element);\r\n            }\r\n        });\r\n    }\r\n\r\n    ngOnDestroy() {\r\n        if (this.unlistener) {\r\n            this.unlistener();\r\n        }\r\n    }\r\n\r\n    onResetClicked() {\r\n        this.resetHostEvents.emit({\r\n            action: 'set-configuration-field',\r\n            key: this.resetFieldKey,\r\n            value: undefined\r\n        });\r\n    }\r\n}\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","import { Injectable, ViewContainerRef } from \"@angular/core\";\r\nimport { PepAddonBlockLoaderService } from \"@pepperi-addons/ngx-lib/remote-loader\";\r\n\r\nexport interface DIMXHostObject {\r\n    DIMXAddonUUID: string;\r\n    DIMXResource: string;\r\n}\r\n\r\nexport interface DIMXImportOptions {\r\n    OverwriteObject?: boolean;\r\n    Delimiter?: string;\r\n    OwnerID?: string;\r\n    ActionID?: string;\r\n    AdditionalData?: any;\r\n}\r\n\r\nexport interface DIMXRecursiveImportOptions {\r\n    OverwriteObject?: boolean;\r\n    OwnerID?: string;\r\n    ActionID?: string;\r\n    AdditionalData?: any;\r\n}\r\n\r\nexport interface DIMXExportOptions {\r\n    DIMXExportFormat?: string;\r\n    DIMXExportIncludeDeleted?: boolean;\r\n    DIMXExportFileName?: string;\r\n    DIMXExportWhere?: string;\r\n    DIMXExportFields?: string;\r\n    DIMXExportDelimiter?: string;\r\n    ActionID?: string;\r\n    AdditionalData?: any;\r\n}\r\n\r\nexport interface DIMXRecursiveExportOptions {\r\n    DIMXExportIncludeDeleted?: boolean;\r\n    DIMXExportFileName?: string;\r\n    DIMXExportWhere?: string;\r\n    DIMXExportFields?: string;\r\n    ActionID?: string;\r\n    AdditionalData?: any;\r\n}\r\n\r\n@Injectable()\r\nexport class PepDIMXHelperService {\r\n    private dimxFunctions!: {\r\n        DIMXImport: (options?: DIMXImportOptions) => void,\r\n        DIMXRecursiveImport: (options?: DIMXRecursiveImportOptions) => void,\r\n        DIMXExport: (options?: DIMXExportOptions) => void,\r\n        DIMXRecursiveExport: (options?: DIMXRecursiveExportOptions) => void\r\n    };\r\n\r\n    constructor(\r\n        private addonBlockLoaderService: PepAddonBlockLoaderService\r\n    ) {\r\n    }\r\n\r\n    register(viewContainerRef: ViewContainerRef, dimxHostObject: DIMXHostObject, onDIMXProcessDoneCallback: (dimxEvent: any) => void) {\r\n        return this.addonBlockLoaderService.loadAddonBlockInContainer({\r\n            container: viewContainerRef,\r\n            name: 'DIMX',\r\n            hostObject: dimxHostObject,\r\n            hostEventsCallback: (event: any) => {\r\n                if (event.action === 'DIMXFunctionsRegister') {\r\n                    this.dimxFunctions = event.value;\r\n                } else if (event.action === 'DIMXProcessDone') {\r\n                    onDIMXProcessDoneCallback(event.value);\r\n                } else {\r\n                    console.error('Unknown event action: ' + event.action);\r\n                }\r\n            }\r\n        });\r\n    }\r\n\r\n    import(options?: DIMXImportOptions) {\r\n        if (typeof (this.dimxFunctions?.DIMXImport) === 'function') {\r\n            this.dimxFunctions.DIMXImport(options);\r\n        } else {\r\n            console.error('DIMXImport function not found, are you registered?');\r\n        }\r\n    }\r\n\r\n    recursive_import(options?: DIMXRecursiveImportOptions) {\r\n        if (typeof (this.dimxFunctions?.DIMXRecursiveImport) === 'function') {\r\n            this.dimxFunctions.DIMXRecursiveImport(options);\r\n        } else {\r\n            console.error('DIMXRecursiveImport function not found, are you registered?');\r\n        }\r\n    }\r\n\r\n    export(options?: DIMXExportOptions) {\r\n        if (typeof (this.dimxFunctions?.DIMXExport) === 'function') {\r\n            this.dimxFunctions.DIMXExport(options);\r\n        } else {\r\n            console.error('DIMXExport function not found, are you registered?');\r\n        }\r\n    }\r\n\r\n    recursive_export(options?: DIMXRecursiveExportOptions) {\r\n        if (typeof (this.dimxFunctions?.DIMXRecursiveExport) === 'function') {\r\n            this.dimxFunctions.DIMXRecursiveExport(options);\r\n        } else {\r\n            console.error('DIMXRecursiveExport function not found, are you registered?');\r\n        }\r\n    }\r\n}","/*\n * Public API Surface of ngx-composite-lib/core/common/services\n */\nexport * from './utilities.service';\nexport * from './dimx.service';\n","/*\n * export from ngx-composite-lib/core/common/services\n */\nexport * from './public-api';\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n//import { TranslateModule } from '@ngx-translate/core';\n// import { HttpClientModule } from '@angular/common/http';\n// import { ReactiveFormsModule } from '@angular/forms';\nimport { PepResetConfigurationFieldDirective } from './core/common/directives/reset-configuration-field.directive';\nimport { PepDIMXHelperService, PepCompositeLibUtilitiesService } from './core/common/services/index';\n\nimport { PepRemoteLoaderModule } from '@pepperi-addons/ngx-lib/remote-loader';\n\nimport {\n    PepIconModule,\n    PepIconRegistry,\n    pepIconDeviceResponsive,\n} from '@pepperi-addons/ngx-lib/icon';\n\nconst utilitiesList = [\n    PepResetConfigurationFieldDirective\n];\n\n@NgModule({\n    declarations: [\n        utilitiesList\n    ],\n    imports: [\n        CommonModule,\n        PepIconModule,\n        PepRemoteLoaderModule,\n    ],\n    exports: [\n        utilitiesList\n        //TranslateModule\n    ],\n    providers: [\n        PepDIMXHelperService,\n        PepCompositeLibUtilitiesService\n    ]\n})\nexport class PepNgxCompositeLibModule {\n    constructor(\n        private pepIconRegistry: PepIconRegistry\n    ) {\n        this.pepIconRegistry.registerIcons([\n            pepIconDeviceResponsive\n        ]);\n    }\n}\n","/*\n * Public API Surface of ngx-composite-lib/core/common/directives\n */\nexport * from '../directives/reset-configuration-field.directive';\n","/*\n * export from ngx-composite-lib/core/common/directives\n */\nexport * from './public-api';\n","/*\n * Public API Surface of ngx-composite-lib/core/common\n */\nexport * from './services/index';\nexport * from './directives/index';\n","/*\n * export from ngx-composite-lib/core/common\n */\nexport * from './public-api';\n","/*\n * Public API Surface of ngx-composite-lib/core\n */\nexport * from './common/index';","/*\n * export from ngx-composite-lib/core\n */\nexport * from './public-api';\n","/*\n * Public API Surface of ngx-composite-lib\n */\nexport * from './ngx-composite-lib.module';\nexport * from './core/index';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}

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

@@ -10,5 +10,5 @@ export declare class FileStatusPanelComponent implements OnInit {
     ngOnInit(): void;
     onCloseClicked(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileStatusPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileStatusPanelComponent, "pep-file-status-panel", never, {}, { "closeClick": "closeClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileStatusPanelComponent, "pep-file-status-panel", never, {}, { "closeClick": "closeClick"; }, never, never, false, never>;
 }

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

@@ -1,4 +1,4 @@
-export declare type FileStatusType = 'uploading' | 'downloading' | 'done' | 'failed' | 'hidden' | 'deleting';
+export type FileStatusType = 'uploading' | 'downloading' | 'done' | 'failed' | 'hidden' | 'deleting';
 export declare class FileStatus {
     key: number;
     name: string;

package/flow-picker-button/flow-picker-button.component.d.ts

@@ -23,5 +23,5 @@ export declare class FlowPickerButtonComponent implements OnInit {
     ngOnInit(): void;
     openFlowPickerDialog(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FlowPickerButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FlowPickerButtonComponent, "pep-flow-picker-button", never, { "flowHostObject": "flowHostObject"; "disabled": "disabled"; "styleType": "styleType"; "flowDlgSize": "flowDlgSize"; }, { "flowChange": "flowChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FlowPickerButtonComponent, "pep-flow-picker-button", never, { "flowHostObject": { "alias": "flowHostObject"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "styleType": { "alias": "styleType"; "required": false; }; "flowDlgSize": { "alias": "flowDlgSize"; "required": false; }; }, { "flowChange": "flowChange"; }, never, never, false, never>;
 }

package/generic-fields-builder/field-container/field-container.component.d.ts

@@ -0,0 +1,10 @@
+import { OnInit } from '@angular/core';
+import { GenericFieldsBuilderService } from '../generic-fields-builder.service';
+import * as i0 from "@angular/core";
+export declare class FieldContainerComponent implements OnInit {
+    private genericFieldsBuilderService;
+    constructor(genericFieldsBuilderService: GenericFieldsBuilderService);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldContainerComponent, "pep-field-container", never, {}, {}, never, ["*"], false, never>;
+}

package/generic-fields-builder/generic-fields-builder.component.d.ts

@@ -0,0 +1,46 @@
+import { CdkDragDrop, CdkDragEnd, CdkDragStart } from '@angular/cdk/drag-drop';
+import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
+import { IPepDraggableItem, IPepDraggableItemData } from '@pepperi-addons/ngx-lib/draggable-items';
+import { GenericFieldsBuilderService } from './generic-fields-builder.service';
+import * as i0 from "@angular/core";
+export interface IPepGenericField {
+    key: string;
+    title: string;
+    draggableItemData: IPepDraggableItemData;
+    [key: string]: any;
+}
+export interface IPepGenericFieldAddedEvent {
+    field: IPepGenericField;
+    index: number;
+}
+export declare class GenericFieldsBuilderComponent implements OnInit {
+    private genericFieldsBuilderService;
+    builderTitle: string;
+    builderTitleHint: string;
+    showAddSeparator: boolean;
+    itemKeyLabel: string;
+    itemTitleLabel: string;
+    setAddedFieldDataCallback: (() => void) | undefined;
+    private _availableFields;
+    set availableFields(value: Array<IPepDraggableItem>);
+    get availableFields(): Array<IPepDraggableItem>;
+    fieldTemplate: TemplateRef<any> | undefined;
+    private _fields;
+    set fields(value: IPepGenericField[]);
+    get fields(): IPepGenericField[];
+    fieldsChange: EventEmitter<IPepGenericField[]>;
+    fieldAdd: EventEmitter<IPepGenericFieldAddedEvent>;
+    emptyDropAreaId: string;
+    mappedFieldsId: string;
+    isGrabbing: boolean;
+    constructor(genericFieldsBuilderService: GenericFieldsBuilderService);
+    private notifyFieldsChange;
+    private addNewField;
+    private spliceMappedFields;
+    ngOnInit(): void;
+    onDragStart(event: CdkDragStart): void;
+    onDragEnd(event: CdkDragEnd): void;
+    onDropField(event: CdkDragDrop<any[]>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GenericFieldsBuilderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GenericFieldsBuilderComponent, "pep-generic-fields-builder", never, { "builderTitle": { "alias": "builderTitle"; "required": false; }; "builderTitleHint": { "alias": "builderTitleHint"; "required": false; }; "showAddSeparator": { "alias": "showAddSeparator"; "required": false; }; "itemKeyLabel": { "alias": "itemKeyLabel"; "required": false; }; "itemTitleLabel": { "alias": "itemTitleLabel"; "required": false; }; "setAddedFieldDataCallback": { "alias": "setAddedFieldDataCallback"; "required": false; }; "availableFields": { "alias": "availableFields"; "required": false; }; "fieldTemplate": { "alias": "fieldTemplate"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; }, { "fieldsChange": "fieldsChange"; "fieldAdd": "fieldAdd"; }, never, never, false, never>;
+}

package/generic-fields-builder/generic-fields-builder.module.d.ts

@@ -0,0 +1,23 @@
+import { PepIconRegistry } from '@pepperi-addons/ngx-lib/icon';
+import * as i0 from "@angular/core";
+import * as i1 from "./generic-fields-builder.component";
+import * as i2 from "./field-container/field-container.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/cdk/drag-drop";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "@pepperi-addons/ngx-lib";
+import * as i7 from "@pepperi-addons/ngx-lib/button";
+import * as i8 from "@pepperi-addons/ngx-lib/dialog";
+import * as i9 from "@pepperi-addons/ngx-lib/icon";
+import * as i10 from "@pepperi-addons/ngx-lib/menu";
+import * as i11 from "@pepperi-addons/ngx-lib/page-layout";
+import * as i12 from "@pepperi-addons/ngx-lib/textbox";
+import * as i13 from "@pepperi-addons/ngx-lib/top-bar";
+import * as i14 from "@pepperi-addons/ngx-lib/draggable-items";
+export declare class PepGenericFieldsBuilderModule {
+    private pepIconRegistry;
+    constructor(pepIconRegistry: PepIconRegistry);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepGenericFieldsBuilderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PepGenericFieldsBuilderModule, [typeof i1.GenericFieldsBuilderComponent, typeof i2.FieldContainerComponent], [typeof i3.CommonModule, typeof i4.DragDropModule, typeof i5.MatIconModule, typeof i6.PepNgxLibModule, typeof i7.PepButtonModule, typeof i8.PepDialogModule, typeof i9.PepIconModule, typeof i10.PepMenuModule, typeof i11.PepPageLayoutModule, typeof i12.PepTextboxModule, typeof i13.PepTopBarModule, typeof i14.PepDraggableItemsModule], [typeof i1.GenericFieldsBuilderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PepGenericFieldsBuilderModule>;
+}

package/generic-fields-builder/generic-fields-builder.service.d.ts

@@ -0,0 +1,14 @@
+import { CdkDragEnd, CdkDragStart } from '@angular/cdk/drag-drop';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class GenericFieldsBuilderService {
+    private _isGrabbingSubject;
+    get isGrabbingChange$(): Observable<boolean>;
+    constructor();
+    private changeCursorOnDragStart;
+    private changeCursorOnDragEnd;
+    onDragStart(event: CdkDragStart): void;
+    onDragEnd(event: CdkDragEnd): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GenericFieldsBuilderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<GenericFieldsBuilderService>;
+}

package/generic-fields-builder/index.d.ts

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

package/generic-fields-builder/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './generic-fields-builder.module';
+export * from './generic-fields-builder.component';

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

@@ -39,5 +39,5 @@ export declare class GenericFormComponent implements OnInit {
     onfieldClicked(event: any): void;
     onFormValidationChanged(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GenericFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GenericFormComponent, "pep-generic-form", never, { "dataSource": "dataSource"; "dataView": "dataView"; "isLocked": "isLocked"; "inline": "inline"; "showTopBar": "showTopBar"; "addPadding": "addPadding"; }, { "valueChange": "valueChange"; "fieldClick": "fieldClick"; "formValidationChange": "formValidationChange"; }, never, ["[left-buttons]", "[right-buttons]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GenericFormComponent, "pep-generic-form", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "dataView": { "alias": "dataView"; "required": false; }; "isLocked": { "alias": "isLocked"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "showTopBar": { "alias": "showTopBar"; "required": false; }; "addPadding": { "alias": "addPadding"; "required": false; }; }, { "valueChange": "valueChange"; "fieldClick": "fieldClick"; "formValidationChange": "formValidationChange"; }, never, ["[left-buttons]", "[right-buttons]"], false, never>;
 }

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

@@ -1,34 +1,39 @@
-import { OnInit, EventEmitter, ViewContainerRef } from '@angular/core';
+import { OnInit, EventEmitter, ViewContainerRef, OnDestroy } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
-import { PepDataConvertorService, PepLayoutService, ObjectsDataRow, PepLoaderService, PepSessionService } from '@pepperi-addons/ngx-lib';
+import { PepDataConvertorService, PepLayoutService, ObjectsDataRow, PepLoaderService, PepSessionService, PepScreenSizeType, PepCustomizationService } from '@pepperi-addons/ngx-lib';
 import { IPepFormFieldClickEvent } from '@pepperi-addons/ngx-lib/form';
-import { PepListComponent, PepSelectionData, PepListSelectionType, IPepListSortingChangeEvent, PepListTableViewType, IPepListSortingData, IPepListStartIndexChangeEvent } from '@pepperi-addons/ngx-lib/list';
+import { PepListComponent, PepSelectionData, PepListSelectionType, IPepListSortingChangeEvent, PepListTableViewType, IPepListSortingData, IPepListStartIndexChangeEvent, IPepListItemClickEvent } 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, PepSearchComponent } from '@pepperi-addons/ngx-lib/search';
+import { IPepSearchClickEvent, IPepSearchStateChangeEvent, PepSearchComponent } from '@pepperi-addons/ngx-lib/search';
 import { IPepGenericListDataSource, IPepGenericListPager, IPepGenericListActions, IPepGenericListSmartFilter, IPepSmartFilters, IPepGenericListEmptyState } from './generic-list.model';
 import { PepGenericListService } from './generic-list.service';
 import { IPepSmartFilterData, PepSmartFiltersComponent } from '@pepperi-addons/ngx-lib/smart-filters';
+import { PepSideBarComponent } from '@pepperi-addons/ngx-lib/side-bar';
 import * as i0 from "@angular/core";
-export declare class GenericListComponent implements OnInit {
+export declare class GenericListComponent implements OnInit, OnDestroy {
     private _dataConvertorService;
     private _layoutService;
     private _loaderService;
     private _translate;
     private _genericListService;
     private _sessionService;
+    protected customizationService: PepCustomizationService;
     search: PepSearchComponent | undefined;
     smartFiltersComponent: PepSmartFiltersComponent | undefined;
+    sideBarComponent: PepSideBarComponent | undefined;
     private _pepListContainer;
     set pepListContainer(val: ViewContainerRef);
     private _dataSource;
     set dataSource(val: IPepGenericListDataSource);
-    actions: IPepGenericListActions;
+    private _actions;
+    set actions(val: IPepGenericListActions);
     uuidMapping: string;
     disabled: boolean;
     addPadding: boolean;
     title: string;
+    sideBarTitle: string;
     description: string;
     inline: boolean;
     showSearch: boolean;
@@ -50,6 +55,7 @@ export declare class GenericListComponent implements OnInit {
     selectAll: boolean;
     scrollPosition: number;
     unknownCount: boolean;
+    itemClick: EventEmitter<IPepListItemClickEvent>;
     fieldClick: EventEmitter<IPepFormFieldClickEvent>;
     valueChange: EventEmitter<IPepFormFieldValueChangeEvent>;
     breadCrumbItemClick: EventEmitter<IPepBreadCrumbItemClickEvent>;
@@ -74,8 +80,17 @@ export declare class GenericListComponent implements OnInit {
         [key: string]: (obj: any) => Promise<void>;
     };
     menuActions: Array<PepMenuItem>;
-    constructor(_dataConvertorService: PepDataConvertorService, _layoutService: PepLayoutService, _loaderService: PepLoaderService, _translate: TranslateService, _genericListService: PepGenericListService, _sessionService: PepSessionService);
+    protected screenSize: PepScreenSizeType;
+    protected PepScreenSizeType: typeof PepScreenSizeType;
+    protected searchStateIsOpen: boolean;
+    protected searchOpenOnSmallDevice: boolean;
+    protected openSideBarButtonValue: string;
+    protected showSideBar: boolean;
+    constructor(_dataConvertorService: PepDataConvertorService, _layoutService: PepLayoutService, _loaderService: PepLoaderService, _translate: TranslateService, _genericListService: PepGenericListService, _sessionService: PepSessionService, customizationService: PepCustomizationService);
     ngOnInit(): void;
+    ngOnDestroy(): void;
+    private setOpenSidebarButtonText;
+    private setIfSearchIsOpenOnSmallDevice;
     private initList;
     /**
      * loads inputs in case they are provided and merge with selector inputs
@@ -107,6 +122,7 @@ export declare class GenericListComponent implements OnInit {
     getPageIndex(): number;
     onActionItemClicked(action: IPepMenuItemClickEvent): void;
     onSearchChanged(event: IPepSearchClickEvent): void;
+    onSearchStateChange(event: IPepSearchStateChangeEvent): void;
     onSelectedItemsChanged(selectedRowsCount: number): void;
     onCustomizeFieldClick(fieldClickEvent: IPepFormFieldClickEvent): void;
     onBreadCrumbItemClick(event: IPepBreadCrumbItemClickEvent): void;
@@ -114,7 +130,7 @@ export declare class GenericListComponent implements OnInit {
     onSortingChange(event: IPepListSortingChangeEvent): void;
     onFiltersChange(filters: IPepSmartFilterData[]): void;
     onListLoad(): void;
-    ngOnDestroy(): void;
+    openSideBar(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GenericListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GenericListComponent, "pep-generic-list", never, { "dataSource": "dataSource"; "actions": "actions"; "uuidMapping": "uuidMapping"; "disabled": "disabled"; "addPadding": "addPadding"; "title": "title"; "description": "description"; "inline": "inline"; "showSearch": "showSearch"; "noDataFoundMsg": "noDataFoundMsg"; "emptyState": "emptyState"; "selectionType": "selectionType"; "supportSorting": "supportSorting"; "supportSortingFields": "supportSortingFields"; "separator": "separator"; "sorting": "sorting"; "cacheSize": "cacheSize"; "hideSelectAll": "hideSelectAll"; "pager": "pager"; "tableViewType": "tableViewType"; "zebraStripes": "zebraStripes"; "smartFilter": "smartFilter"; "showTopBar": "showTopBar"; "breadCrumbsItems": "breadCrumbsItems"; "selectAll": "selectAll"; "scrollPosition": "scrollPosition"; "unknownCount": "unknownCount"; }, { "fieldClick": "fieldClick"; "valueChange": "valueChange"; "breadCrumbItemClick": "breadCrumbItemClick"; "startIndexChange": "startIndexChange"; "listLoad": "listLoad"; }, never, ["[left-buttons]", "[right-buttons]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GenericListComponent, "pep-generic-list", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "uuidMapping": { "alias": "uuidMapping"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "addPadding": { "alias": "addPadding"; "required": false; }; "title": { "alias": "title"; "required": false; }; "sideBarTitle": { "alias": "sideBarTitle"; "required": false; }; "description": { "alias": "description"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "noDataFoundMsg": { "alias": "noDataFoundMsg"; "required": false; }; "emptyState": { "alias": "emptyState"; "required": false; }; "selectionType": { "alias": "selectionType"; "required": false; }; "supportSorting": { "alias": "supportSorting"; "required": false; }; "supportSortingFields": { "alias": "supportSortingFields"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "sorting": { "alias": "sorting"; "required": false; }; "cacheSize": { "alias": "cacheSize"; "required": false; }; "hideSelectAll": { "alias": "hideSelectAll"; "required": false; }; "pager": { "alias": "pager"; "required": false; }; "tableViewType": { "alias": "tableViewType"; "required": false; }; "zebraStripes": { "alias": "zebraStripes"; "required": false; }; "smartFilter": { "alias": "smartFilter"; "required": false; }; "showTopBar": { "alias": "showTopBar"; "required": false; }; "breadCrumbsItems": { "alias": "breadCrumbsItems"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "scrollPosition": { "alias": "scrollPosition"; "required": false; }; "unknownCount": { "alias": "unknownCount"; "required": false; }; }, { "itemClick": "itemClick"; "fieldClick": "fieldClick"; "valueChange": "valueChange"; "breadCrumbItemClick": "breadCrumbItemClick"; "startIndexChange": "startIndexChange"; "listLoad": "listLoad"; }, never, ["[left-buttons]", "[right-buttons]", "[left-bottom-area]", "[right-bottom-area]"], false, never>;
 }

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

@@ -4,20 +4,22 @@ import * as i1 from "./generic-list.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@pepperi-addons/ngx-lib";
 import * as i4 from "@angular/material/icon";
-import * as i5 from "@pepperi-addons/ngx-lib/list";
-import * as i6 from "@pepperi-addons/ngx-lib/form";
-import * as i7 from "@pepperi-addons/ngx-lib/menu";
-import * as i8 from "@pepperi-addons/ngx-lib/page-layout";
-import * as i9 from "@pepperi-addons/ngx-lib/top-bar";
-import * as i10 from "@pepperi-addons/ngx-lib/side-bar";
-import * as i11 from "@pepperi-addons/ngx-lib/search";
-import * as i12 from "@pepperi-addons/ngx-lib/bread-crumbs";
-import * as i13 from "@pepperi-addons/ngx-lib/icon";
-import * as i14 from "@pepperi-addons/ngx-lib/smart-filters";
+import * as i5 from "@pepperi-addons/ngx-lib/button";
+import * as i6 from "@pepperi-addons/ngx-lib/list";
+import * as i7 from "@pepperi-addons/ngx-lib/form";
+import * as i8 from "@pepperi-addons/ngx-lib/menu";
+import * as i9 from "@pepperi-addons/ngx-lib/page-layout";
+import * as i10 from "@pepperi-addons/ngx-lib/top-bar";
+import * as i11 from "@pepperi-addons/ngx-lib/side-bar";
+import * as i12 from "@pepperi-addons/ngx-lib/search";
+import * as i13 from "@pepperi-addons/ngx-lib/bread-crumbs";
+import * as i14 from "@pepperi-addons/ngx-lib/icon";
+import * as i15 from "@pepperi-addons/ngx-lib/smart-filters";
+import * as i16 from "@pepperi-addons/ngx-lib/size-detector";
 export declare class PepGenericListModule {
     private pepIconRegistry;
     constructor(pepIconRegistry: PepIconRegistry);
     static ɵfac: i0.ɵɵFactoryDeclaration<PepGenericListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PepGenericListModule, [typeof i1.GenericListComponent], [typeof i2.CommonModule, typeof i3.PepNgxLibModule, typeof i4.MatIconModule, typeof i5.PepListModule, typeof i6.PepFormModule, typeof i7.PepMenuModule, typeof i8.PepPageLayoutModule, typeof i9.PepTopBarModule, typeof i10.PepSideBarModule, typeof i11.PepSearchModule, typeof i12.PepBreadCrumbsModule, typeof i13.PepIconModule, typeof i14.PepSmartFiltersModule], [typeof i1.GenericListComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PepGenericListModule, [typeof i1.GenericListComponent], [typeof i2.CommonModule, typeof i3.PepNgxLibModule, typeof i4.MatIconModule, typeof i5.PepButtonModule, typeof i6.PepListModule, typeof i7.PepFormModule, typeof i8.PepMenuModule, typeof i9.PepPageLayoutModule, typeof i10.PepTopBarModule, typeof i11.PepSideBarModule, typeof i12.PepSearchModule, typeof i13.PepBreadCrumbsModule, typeof i14.PepIconModule, typeof i15.PepSmartFiltersModule, typeof i16.PepSizeDetectorModule], [typeof i1.GenericListComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PepGenericListModule>;
 }

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

@@ -1,5 +1,5 @@
 import { TranslateService } from '@ngx-translate/core';
-import { IPepGenericListSmartFilter, IPepSmartFilters } from './generic-list.model';
+import { IPepGenericListSmartFilter, IPepGenericListDataViewField, IPepSmartFilters } from './generic-list.model';
 import { PepSmartFilterBaseField } from '@pepperi-addons/ngx-lib/smart-filters';
 import { PepQueryBuilderService } from '@pepperi-addons/ngx-lib/query-builder';
 import { PepRowData, ObjectsDataRow } from '@pepperi-addons/ngx-lib';
@@ -17,6 +17,8 @@ export declare class PepGenericListService {
     hasProperty(obj: any, prop: string): boolean;
     getListViewType(dataViewType: string): "table" | "cards" | "lines";
     convertToPepRowData(item: any, dataView: any, uuidMapping: string): PepRowData;
+    getFieldValue(itemFields: any, field: IPepGenericListDataViewField): string;
+    getValueByPath(obj: any, path: string): any;
     convertToUiControlField(field: any): {
         ApiName: any;
         FieldType: any;

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

@@ -33,5 +33,5 @@ export declare class GroupButtonsSettingsComponent implements OnInit {
         callback: (event: IPepButtonClickEvent) => void;
     }[];
     static ɵfac: i0.ɵɵFactoryDeclaration<GroupButtonsSettingsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GroupButtonsSettingsComponent, "pep-group-buttons-settings", never, { "header": "header"; "subHeader": "subHeader"; "groupType": "groupType"; "btnsArray": "btnsArray"; "excludeKeys": "excludeKeys"; "useNone": "useNone"; "disabled": "disabled"; "dir": "dir"; "titleSize": "titleSize"; "bold": "bold"; "btnKey": "btnKey"; }, { "btnkeyChange": "btnkeyChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GroupButtonsSettingsComponent, "pep-group-buttons-settings", never, { "header": { "alias": "header"; "required": false; }; "subHeader": { "alias": "subHeader"; "required": false; }; "groupType": { "alias": "groupType"; "required": false; }; "btnsArray": { "alias": "btnsArray"; "required": false; }; "excludeKeys": { "alias": "excludeKeys"; "required": false; }; "useNone": { "alias": "useNone"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "titleSize": { "alias": "titleSize"; "required": false; }; "bold": { "alias": "bold"; "required": false; }; "btnKey": { "alias": "btnKey"; "required": false; }; }, { "btnkeyChange": "btnkeyChange"; }, never, never, false, never>;
 }

package/group-buttons-settings/group-buttons-settings.model.d.ts

@@ -1 +1 @@
-export declare type PepGroupbuttonsTypes = 'sizes' | 'font-weight' | 'width-sizes' | 'vertical-align' | 'horizontal-align' | 'left-right-arrows' | 'boolean' | 'custom';
+export type PepGroupbuttonsTypes = 'sizes' | 'font-weight' | 'width-sizes' | 'vertical-align' | 'horizontal-align' | 'left-right-arrows' | 'boolean' | 'custom';

package/icon-picker/icon-picker.component.d.ts

@@ -20,5 +20,5 @@ export declare class IconPickerComponent implements OnInit {
     openIconPickerDialog(): void;
     onUseIconChange(event: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconPickerComponent, "pep-icon-picker", never, { "disabled": "disabled"; "header": "header"; "preview_header": "preview_header"; "select_btn_header": "select_btn_header"; "dir": "dir"; "iconURL": "iconURL"; "useCheckBoxHeader": "useCheckBoxHeader"; "titleSize": "titleSize"; }, { "iconChange": "iconChange"; "iconDisableChange": "iconDisableChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconPickerComponent, "pep-icon-picker", never, { "disabled": { "alias": "disabled"; "required": false; }; "header": { "alias": "header"; "required": false; }; "preview_header": { "alias": "preview_header"; "required": false; }; "select_btn_header": { "alias": "select_btn_header"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "iconURL": { "alias": "iconURL"; "required": false; }; "useCheckBoxHeader": { "alias": "useCheckBoxHeader"; "required": false; }; "titleSize": { "alias": "titleSize"; "required": false; }; }, { "iconChange": "iconChange"; "iconDisableChange": "iconDisableChange"; }, never, never, false, never>;
 }

package/layout-builder/hide-in/hide-in.component.d.ts

@@ -20,6 +20,6 @@ export declare class HideInComponent implements OnInit {
     onMenuOpened(): void;
     onMenuClosed(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HideInComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HideInComponent, "hide-in", never, { "hideIn": "hideIn"; }, { "hideInChange": "hideInChange"; "menuOpened": "menuOpened"; "menuClosed": "menuClosed"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HideInComponent, "hide-in", never, { "hideIn": { "alias": "hideIn"; "required": false; }; }, { "hideInChange": "hideInChange"; "menuOpened": "menuOpened"; "menuClosed": "menuClosed"; }, never, never, false, never>;
 }
 export {};

package/layout-builder/hide-in/hide-in.component.theme.scss

@@ -1,7 +1,7 @@
 @use '@pepperi-addons/ngx-lib/src/core/style/abstracts/functions' as ngx-functions;
 
 .hide-in-menu {
-    .mat-menu-item {
+    .mat-mdc-menu-item {
         &.title {
             color: ngx-functions.get-pep-color(color-text, color-dimmed);
         }

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

@@ -1,17 +1,20 @@
-import { ElementRef, Renderer2, OnInit, EventEmitter, TemplateRef } from '@angular/core';
+import { ElementRef, Renderer2, OnInit, EventEmitter, TemplateRef, OnDestroy } from '@angular/core';
 import { CdkDragDrop, CdkDragEnd, CdkDragStart } from '@angular/cdk/drag-drop';
 import { BaseDestroyerDirective } from '@pepperi-addons/ngx-lib';
-import { LayoutBuilderInternalService } from '../layout-builder-internal.service';
-import { IPepLayoutSection, IPepLayoutView, PepLayoutSizeType } from '../layout-builder.model';
 import { Observable } from 'rxjs';
 import { DataViewScreenSize } from '@pepperi-addons/papi-sdk';
+import { IPepLayoutSection, IPepLayoutView, PepLayoutSizeType } from '../layout-builder.model';
+import { LayoutBuilderInternalService } from '../layout-builder-internal.service';
+import { PepLayoutBuilderComponent } from '../layout-builder.component';
 import * as i0 from "@angular/core";
-export declare class PepLayoutComponent extends BaseDestroyerDirective implements OnInit {
-    layoutBuilderInternalService: LayoutBuilderInternalService;
+export declare class PepLayoutComponent extends BaseDestroyerDirective implements OnInit, OnDestroy {
+    private parent;
+    private layoutBuilderInternalService;
     private hostElement;
     private renderer;
     skeletonContainer: ElementRef;
     sectionsContainer: ElementRef;
+    editorMode: boolean;
     private _layoutView;
     set layoutView(value: IPepLayoutView);
     get layoutView(): IPepLayoutView;
@@ -34,16 +37,17 @@ export declare class PepLayoutComponent extends BaseDestroyerDirective implement
     private _sectionsSubject;
     protected get sections$(): Observable<IPepLayoutSection[]>;
     protected selectedScreenType: DataViewScreenSize;
-    constructor(layoutBuilderInternalService: LayoutBuilderInternalService, hostElement: ElementRef, renderer: Renderer2);
+    constructor(parent: PepLayoutBuilderComponent, layoutBuilderInternalService: LayoutBuilderInternalService, hostElement: ElementRef, renderer: Renderer2);
     private convertLayoutSizeType;
     private animateSkeleton;
     private setLayoutDataProperties;
     private setScreentType;
     ngOnInit(): void;
+    ngOnDestroy(): void;
     getSectionsTemplateRows(): string;
     onSectionDropped(event: CdkDragDrop<any[]>): void;
     onDragStart(event: CdkDragStart): void;
     onDragEnd(event: CdkDragEnd): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PepLayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepLayoutComponent, "pep-layout", never, { "layoutView": "layoutView"; "blockTemplate": "blockTemplate"; "showSkeleton": "showSkeleton"; }, { "layoutViewChange": "layoutViewChange"; "screenTypeChange": "screenTypeChange"; }, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepLayoutComponent, [{ optional: true; }, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepLayoutComponent, "pep-layout", never, { "editorMode": { "alias": "editorMode"; "required": false; }; "layoutView": { "alias": "layoutView"; "required": false; }; "blockTemplate": { "alias": "blockTemplate"; "required": false; }; "showSkeleton": { "alias": "showSkeleton"; "required": false; }; }, { "layoutViewChange": "layoutViewChange"; "screenTypeChange": "screenTypeChange"; }, never, never, false, never>;
 }

package/layout-builder/layout-builder-editor/layout-builder-editor.component.d.ts

@@ -8,5 +8,5 @@ export declare class PepLayoutBuilderEditorComponent extends BaseDestroyerDirect
     editorTabs: IPepEditorTab[];
     constructor(hostElement: ElementRef, renderer: Renderer2);
     static ɵfac: i0.ɵɵFactoryDeclaration<PepLayoutBuilderEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepLayoutBuilderEditorComponent, "pep-layout-builder-editor", never, { "editorTabs": "editorTabs"; }, {}, never, ["*", "*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepLayoutBuilderEditorComponent, "pep-layout-builder-editor", never, { "editorTabs": { "alias": "editorTabs"; "required": false; }; }, {}, never, ["*", "*"], false, never>;
 }

package/layout-builder/layout-builder-internal.service.d.ts

@@ -5,6 +5,7 @@ import { DataViewScreenSize, SplitType } from "@pepperi-addons/papi-sdk";
 import { Observable } from 'rxjs';
 import { PepLayoutEditorType, IPepLayoutBlockAddedEvent, IPepLayoutSection, IPepLayoutSectionColumn, IPepLayoutView, IPepLayoutBlockConfig, PepLayoutSizeType, IEditor } from "./layout-builder.model";
 import { PepDialogService } from "@pepperi-addons/ngx-lib/dialog";
+import { PepPaddingSettings } from "@pepperi-addons/ngx-composite-lib/padding-settings";
 import * as i0 from "@angular/core";
 export interface ILayoutEditor {
     maxWidth: number;
@@ -21,6 +22,7 @@ export interface ILayoutSectionEditor {
     height: number;
     collapseOnTablet: boolean;
     fillHeight: boolean;
+    padding: PepPaddingSettings;
 }
 export declare class LayoutBuilderInternalService {
     protected translate: TranslateService;
@@ -34,9 +36,9 @@ export declare class LayoutBuilderInternalService {
     private _getBlockTitle;
     setBlocksConfig(value: IPepLayoutBlockConfig): void;
     private _editorsBreadCrumb;
-    private _editMode;
-    get editMode(): boolean;
-    setEditMode(value: boolean): void;
+    private _editorMode;
+    get editorMode(): boolean;
+    setEditorMode(value: boolean): void;
     private _editableState;
     get editableState(): boolean;
     private _screenSizeSubject;
@@ -55,16 +57,12 @@ export declare class LayoutBuilderInternalService {
     get draggingBlockKey(): Observable<string>;
     private _draggingSectionKey;
     get draggingSectionKey(): Observable<string>;
-    private _lockScreenSubject;
-    get lockScreenChange$(): Observable<boolean>;
     private _previewModeSubject;
     get previewModeChange$(): Observable<boolean>;
     private _blockAddedEventSubject;
     get blockAddedEventSubject$(): Observable<IPepLayoutBlockAddedEvent | null>;
     private _blocksRemovedEventSubject;
     get blocksRemovedEventSubject$(): Observable<string[]>;
-    private _showSkeletonSubject;
-    get showSkeletonChange$(): Observable<boolean>;
     constructor(translate: TranslateService, dialogService: PepDialogService, layoutService: PepLayoutService);
     private setEditableState;
     private notifyLayoutViewChange;
@@ -72,7 +70,6 @@ export declare class LayoutBuilderInternalService {
     private notifyBlocksRemoved;
     private notifyEditorChange;
     private notifyPreviewModeChange;
-    private notifyLockScreen;
     private notifySectionsColumnsDropListChange;
     private notifyScreenSizeChange;
     private updateLayoutEditorProperties;
@@ -112,8 +109,6 @@ export declare class LayoutBuilderInternalService {
     onBlockDragEnd(event: CdkDragEnd): void;
     doesColumnContainBlock(sectionId: string, columnIndex: number): boolean;
     setScreenWidth(screenType: DataViewScreenSize): void;
-    showSkeleton(show: boolean): void;
-    lockScreen(value: boolean): void;
     loadLayoutBuilder(layoutView: IPepLayoutView): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutBuilderInternalService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<LayoutBuilderInternalService>;