@pepperi-addons/ngx-composite-lib 0.4.2-beta.99 → 0.5.0-ng15.1

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

@@ -7,12 +7,12 @@ import { IPepSideBarStateChangeEvent } from '@pepperi-addons/ngx-lib/side-bar';
 import { IPepDraggableItem } from '@pepperi-addons/ngx-lib/draggable-items';
 import { IPepLayoutBlockAddedEvent, IPepLayoutBlockConfig, IEditor } from './layout-builder.model';
 import { ILayoutEditor, ILayoutSectionEditor, LayoutBuilderInternalService } from './layout-builder-internal.service';
+import { CdkDragEnd, CdkDragStart } from '@angular/cdk/drag-drop';
 import * as i0 from "@angular/core";
 export declare class PepLayoutBuilderComponent extends BaseDestroyerDirective implements OnInit, OnDestroy {
     private renderer;
     private hostElement;
     private translate;
-    private layoutBuilderInternalService;
     private pepAddonService;
     layoutBuilderWrapper: ElementRef;
     private sideBarComponent;
@@ -24,20 +24,24 @@ export declare class PepLayoutBuilderComponent extends BaseDestroyerDirective im
     private _layoutEditorTitle;
     set layoutEditorTitle(value: string);
     get layoutEditorTitle(): string;
+    lockScreen: boolean;
     backClick: EventEmitter<void>;
     editorChange: EventEmitter<IEditor>;
     blockAdded: EventEmitter<IPepLayoutBlockAddedEvent>;
     blocksRemoved: EventEmitter<string[]>;
-    protected lockScreen: boolean;
+    editableStateChange: EventEmitter<boolean>;
     protected previewMode: boolean;
     protected currentEditor: IEditor | null;
     protected viewportWidth: number;
     protected screenTypes: Array<PepButton>;
+    protected sectionsColumnsDropList: never[];
     protected selectedScreenType: DataViewScreenSize;
-    constructor(renderer: Renderer2, hostElement: ElementRef, translate: TranslateService, layoutBuilderInternalService: LayoutBuilderInternalService, pepAddonService: PepAddonService);
+    layoutBuilderInternalService: LayoutBuilderInternalService | undefined;
+    constructor(renderer: Renderer2, hostElement: ElementRef, translate: TranslateService, pepAddonService: PepAddonService);
     private setScreenWidth;
     private updateViewportWidth;
     private subscribeEvents;
+    private setBlocksConfig;
     ngOnInit(): void;
     ngOnDestroy(): void;
     onResize(event: any): void;
@@ -45,7 +49,10 @@ export declare class PepLayoutBuilderComponent extends BaseDestroyerDirective im
     onSidebarStateChange(event: IPepSideBarStateChangeEvent): void;
     onLayoutEditorObjectChange(pageEditor: ILayoutEditor): void;
     onSectionEditorObjectChange(sectionEditor: ILayoutSectionEditor): void;
+    onAddSectionClick(event: any): void;
+    onBlockDragStart(event: CdkDragStart): void;
+    onBlockDragEnd(event: CdkDragEnd): void;
     onNavigateBackFromEditor(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepLayoutBuilderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepLayoutBuilderComponent, "pep-layout-builder", never, { "availableBlocksForDrag": "availableBlocksForDrag"; "blocksLayoutConfig": "blocksLayoutConfig"; "layoutEditorTitle": "layoutEditorTitle"; }, { "backClick": "backClick"; "editorChange": "editorChange"; "blockAdded": "blockAdded"; "blocksRemoved": "blocksRemoved"; }, never, ["[layout-editor-top-content]", "[block-editor-content]", "[header-end-content]", "[layout-content]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepLayoutBuilderComponent, "pep-layout-builder", never, { "availableBlocksForDrag": "availableBlocksForDrag"; "blocksLayoutConfig": "blocksLayoutConfig"; "layoutEditorTitle": "layoutEditorTitle"; "lockScreen": "lockScreen"; }, { "backClick": "backClick"; "editorChange": "editorChange"; "blockAdded": "blockAdded"; "blocksRemoved": "blocksRemoved"; "editableStateChange": "editableStateChange"; }, never, ["[layout-editor-top-content]", "[block-editor-content]", "[header-end-content]", "[layout-content]"], false, never>;
 }

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

@@ -6,7 +6,7 @@
     ::ng-deep {
         .page-builder-editor-tabs,
         .layout-builder-editor-tabs {
-            .mat-tab-header {
+            .mat-tab-header, .mat-mdc-tab-header {
                 background: ngx-functions.get-pep-color(color-system-primary-invert, color-base);
             }
         }

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

@@ -1,7 +1,7 @@
 import { PageBlockContainer, PageLayout, PageSection, PageSectionColumn, PageSizeType } from "@pepperi-addons/papi-sdk";
 import { IPepDraggableItem } from "@pepperi-addons/ngx-lib/draggable-items";
 import { TemplateRef } from "@angular/core";
-export declare type PepLayoutSizeType = PageSizeType;
+export type PepLayoutSizeType = PageSizeType;
 export interface IPepLayoutView {
     Layout: IPepLayout;
 }
@@ -19,7 +19,7 @@ export interface IPepLayoutSection extends PageSection {
 export interface IPepLayoutSectionColumn extends PageSectionColumn {
     BlockContainer?: IPepLayoutBlockContainer;
 }
-export declare type IPepLayoutBlockContainer = PageBlockContainer;
+export type IPepLayoutBlockContainer = PageBlockContainer;
 export interface IPepLayoutBlockConfig {
     navigateToEditorAfterBlockAdded?: boolean;
     blocksLimitNumber?: number;
@@ -35,7 +35,7 @@ export interface IEditor {
     type: PepLayoutEditorType;
     hostObject?: any;
 }
-export declare type PepLayoutEditorType = 'layout-builder' | 'section' | 'block';
+export type PepLayoutEditorType = 'layout-builder' | 'section' | 'block';
 export interface IPepEditorTab {
     key: string;
     title: string;

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

@@ -1,14 +1,23 @@
 import { DataViewScreenSize } from "@pepperi-addons/papi-sdk";
-import { LayoutBuilderInternalService } from "./layout-builder-internal.service";
 import * as i0 from "@angular/core";
 export declare class PepLayoutBuilderService {
-    private layoutBuilderInternalService;
-    get editMode(): boolean;
-    get editableState(): boolean;
-    constructor(layoutBuilderInternalService: LayoutBuilderInternalService);
-    getCurrentScreenType(): DataViewScreenSize;
+    constructor();
     getIsHidden(hideIn: DataViewScreenSize[] | undefined, currentScreenType: DataViewScreenSize): boolean;
+    /**
+     * Deprecated
+     */
+    getCurrentScreenType(): DataViewScreenSize;
+    /**
+     * Deprecated
+     */
+    getEditableState(): boolean;
+    /**
+     * Deprecated
+     */
     showSkeleton(show: boolean): void;
+    /**
+     * Deprecated
+     */
     lockScreen(lock: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepLayoutBuilderService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PepLayoutBuilderService>;

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

@@ -4,19 +4,22 @@ import { OnInit, EventEmitter } from '@angular/core';
 import { BaseDestroyerDirective } from '@pepperi-addons/ngx-lib';
 import { IPepDraggableItem } from '@pepperi-addons/ngx-lib/draggable-items';
 import { PepLayoutSizeType } from '../layout-builder.model';
-import { ILayoutEditor, LayoutBuilderInternalService } from '../layout-builder-internal.service';
+import { ILayoutEditor } from '../layout-builder-internal.service';
 import * as i0 from "@angular/core";
 export declare class MainEditorComponent extends BaseDestroyerDirective implements OnInit, AfterContentInit {
-    private layoutBuilderInternalService;
     private hostElement;
     private renderer;
     _topContentRef: ElementRef;
     availableBlocksContainer: ElementRef;
     availableBlocksForDrag: Array<IPepDraggableItem>;
+    sectionsColumnsDropList: never[];
     private _hostObject;
     set hostObject(value: ILayoutEditor);
     get hostObject(): ILayoutEditor;
     hostObjectChange: EventEmitter<ILayoutEditor>;
+    addSectionClick: EventEmitter<void>;
+    onBlockDragStart: EventEmitter<CdkDragStart>;
+    onBlockDragEnd: EventEmitter<CdkDragEnd>;
     protected isFullWidth: boolean;
     protected maxWidth: number;
     protected horizontalSpacing: PepLayoutSizeType;
@@ -25,9 +28,8 @@ export declare class MainEditorComponent extends BaseDestroyerDirective implemen
     protected columnsGap: PepLayoutSizeType;
     protected roundedCorners: PepLayoutSizeType;
     protected availableBlocksContainerId: string;
-    protected sectionsColumnsDropList: never[];
     protected showTopContent: boolean;
-    constructor(layoutBuilderInternalService: LayoutBuilderInternalService, hostElement: ElementRef, renderer: Renderer2);
+    constructor(hostElement: ElementRef, renderer: Renderer2);
     private updateHostObject;
     ngOnInit(): void;
     ngAfterContentInit(): void;
@@ -42,5 +44,5 @@ export declare class MainEditorComponent extends BaseDestroyerDirective implemen
     onDragStart(event: CdkDragStart): void;
     onDragEnd(event: CdkDragEnd): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MainEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MainEditorComponent, "main-editor", never, { "availableBlocksForDrag": "availableBlocksForDrag"; "hostObject": "hostObject"; }, { "hostObjectChange": "hostObjectChange"; }, never, ["[layout-editor-top-content]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MainEditorComponent, "main-editor", never, { "availableBlocksForDrag": "availableBlocksForDrag"; "sectionsColumnsDropList": "sectionsColumnsDropList"; "hostObject": "hostObject"; }, { "hostObjectChange": "hostObjectChange"; "addSectionClick": "addSectionClick"; "onBlockDragStart": "onBlockDragStart"; "onBlockDragEnd": "onBlockDragEnd"; }, never, ["[layout-editor-top-content]"], false, never>;
 }

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

@@ -4,6 +4,7 @@ import { DataViewScreenSize, SplitType } from '@pepperi-addons/papi-sdk';
 import { BaseDestroyerDirective, PepScreenSizeType } from '@pepperi-addons/ngx-lib';
 import { LayoutBuilderInternalService } from '../layout-builder-internal.service';
 import { IPepLayoutSectionColumn, PepLayoutSizeType } from '../layout-builder.model';
+import { PepPaddingSettings } from '@pepperi-addons/ngx-composite-lib/padding-settings';
 import * as i0 from "@angular/core";
 export declare class SectionComponent extends BaseDestroyerDirective implements OnInit {
     private renderer;
@@ -22,6 +23,9 @@ export declare class SectionComponent extends BaseDestroyerDirective implements
     private _collapseOnTablet;
     set collapseOnTablet(value: boolean);
     get collapseOnTablet(): boolean;
+    private _padding;
+    set padding(value: PepPaddingSettings | undefined);
+    get padding(): PepPaddingSettings;
     private _columns;
     set columns(value: Array<IPepLayoutSectionColumn>);
     get columns(): Array<IPepLayoutSectionColumn>;
@@ -72,6 +76,9 @@ export declare class SectionComponent extends BaseDestroyerDirective implements
     onDragEnd(event: CdkDragEnd): void;
     onSectionBlockDragExited(event: CdkDragExit): void;
     onSectionBlockDragEntered(event: CdkDragEnter): void;
+    getPadding(): {
+        padding: string;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<SectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SectionComponent, "section", never, { "blockTemplate": "blockTemplate"; "key": "key"; "name": "name"; "split": "split"; "height": "height"; "collapseOnTablet": "collapseOnTablet"; "columns": "columns"; "hideIn": "hideIn"; "columnsGap": "columnsGap"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SectionComponent, "section", never, { "blockTemplate": "blockTemplate"; "key": "key"; "name": "name"; "split": "split"; "height": "height"; "collapseOnTablet": "collapseOnTablet"; "padding": "padding"; "columns": "columns"; "hideIn": "hideIn"; "columnsGap": "columnsGap"; }, {}, never, never, false, never>;
 }

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

@@ -34,5 +34,5 @@ export declare class SectionBlockComponent extends BaseDestroyerDirective implem
     onDragExited(event: CdkDragExit): void;
     onDragEntered(event: CdkDragEnter): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SectionBlockComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SectionBlockComponent, "section-block", never, { "blockTemplate": "blockTemplate"; "sectionKey": "sectionKey"; "sectionHeight": "sectionHeight"; "isMainEditorState": "isMainEditorState"; "editable": "editable"; "active": "active"; "blockContainer": "blockContainer"; "screenType": "screenType"; }, { "dragExited": "dragExited"; "dragEntered": "dragEntered"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SectionBlockComponent, "section-block", never, { "blockTemplate": "blockTemplate"; "sectionKey": "sectionKey"; "sectionHeight": "sectionHeight"; "isMainEditorState": "isMainEditorState"; "editable": "editable"; "active": "active"; "blockContainer": "blockContainer"; "screenType": "screenType"; }, { "dragExited": "dragExited"; "dragEntered": "dragEntered"; }, never, never, false, never>;
 }

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

@@ -4,6 +4,7 @@ import { IPepOption } from '@pepperi-addons/ngx-lib';
 import { SplitType } from '@pepperi-addons/papi-sdk';
 import { PepDialogService } from '@pepperi-addons/ngx-lib/dialog';
 import { ILayoutSectionEditor } from '../layout-builder-internal.service';
+import { PepPaddingSettings } from '@pepperi-addons/ngx-composite-lib/padding-settings';
 import * as i0 from "@angular/core";
 export interface ISplitOption {
     key: SplitType;
@@ -34,6 +35,7 @@ export declare class SectionEditorComponent implements OnInit {
     partsNumberOptions: IPepOption[];
     splitOptions: ISplitOption[];
     allSplitOptions: IAllSplitOption[];
+    padding: PepPaddingSettings;
     constructor(translate: TranslateService, dialog: PepDialogService);
     private initData;
     private loadSplitOptions;
@@ -44,10 +46,11 @@ export declare class SectionEditorComponent implements OnInit {
     onSectionNameChange(value: string): void;
     onCollapseOnTabletChange(value: boolean): void;
     onFillHeightChange(value: boolean): void;
+    onPaddingChange(value: PepPaddingSettings): void;
     onSubSectionsChange(value: boolean): void;
     onPartsNumberChange(key: string): void;
     showDeleteSectionMsg(continueCB: () => void, cancelCB: () => void): void;
     onSplitChange(key: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SectionEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SectionEditorComponent, "section-editor", never, { "hostObject": "hostObject"; }, { "hostObjectChange": "hostObjectChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SectionEditorComponent, "section-editor", never, { "hostObject": "hostObject"; }, { "hostObjectChange": "hostObjectChange"; }, never, never, false, never>;
 }

package/layout-builder/section-editor/section-editor.module.d.ts

@@ -6,9 +6,10 @@ import * as i4 from "@pepperi-addons/ngx-lib/textbox";
 import * as i5 from "@pepperi-addons/ngx-lib/select";
 import * as i6 from "@pepperi-addons/ngx-lib/checkbox";
 import * as i7 from "../layout-builder-editor/layout-builder-editor.module";
-import * as i8 from "@ngx-translate/core";
+import * as i8 from "@pepperi-addons/ngx-composite-lib/padding-settings";
+import * as i9 from "@ngx-translate/core";
 export declare class SectionEditorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SectionEditorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SectionEditorModule, [typeof i1.SectionEditorComponent], [typeof i2.CommonModule, typeof i3.PepButtonModule, typeof i4.PepTextboxModule, typeof i5.PepSelectModule, typeof i6.PepCheckboxModule, typeof i7.PepLayoutBuilderEditorModule, typeof i8.TranslateModule], [typeof i1.SectionEditorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SectionEditorModule, [typeof i1.SectionEditorComponent], [typeof i2.CommonModule, typeof i3.PepButtonModule, typeof i4.PepTextboxModule, typeof i5.PepSelectModule, typeof i6.PepCheckboxModule, typeof i7.PepLayoutBuilderEditorModule, typeof i8.PepPaddingSettingsModule, typeof i9.TranslateModule], [typeof i1.SectionEditorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SectionEditorModule>;
 }

package/manage-parameters/manage-parameter/manage-parameter.component.d.ts

@@ -14,7 +14,9 @@ export declare class ManageParameterComponent implements OnInit {
     parameter: IParamemeter | undefined;
     showType: boolean;
     showAccessibility: boolean;
+    showPersistency: boolean;
     dataView: IPepGenericFormDataView;
+    readonly: boolean;
     isValid: boolean;
     constructor(dialogRef: MatDialogRef<ManageParameterComponent>, manageParametersService: ManageParametersService, translate: TranslateService, incoming: IParameterFormData);
     private loadDataView;
@@ -24,5 +26,5 @@ export declare class ManageParameterComponent implements OnInit {
     getParameter(parameter: IParamemeter): IParamemeter;
     onValueChanged(event: IPepGenericFormValueChange): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ManageParameterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ManageParameterComponent, "manage-parameter", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ManageParameterComponent, "manage-parameter", never, {}, {}, never, never, false, never>;
 }

package/manage-parameters/manage-parameters.component.d.ts

@@ -12,9 +12,16 @@ export declare class ManageParametersComponent implements OnInit {
     private dialogService;
     showType: boolean;
     showAccessibility: boolean;
-    parametersColumns: IParametersColumn[];
-    parameters: IParamemeter[];
+    private _showPersistency;
+    set showPersistency(value: boolean);
+    get showPersistency(): boolean;
+    inline: boolean;
+    addPadding: boolean;
     parametersTitle: string;
+    parametersColumns: IParametersColumn[];
+    private _parameters;
+    set parameters(value: IParamemeter[]);
+    get parameters(): IParamemeter[];
     parametersChange: EventEmitter<IParamemeter[]>;
     dataSource: IPepGenericListDataSource;
     listMessages: {
@@ -29,5 +36,5 @@ export declare class ManageParametersComponent implements OnInit {
     openCreateParamForm(formMode: ParameterFormType, paramName?: string): void;
     showDeleteDialog(paramName: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ManageParametersComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ManageParametersComponent, "pep-manage-parameters", never, { "showType": "showType"; "showAccessibility": "showAccessibility"; "parametersColumns": "parametersColumns"; "parameters": "parameters"; "parametersTitle": "parametersTitle"; }, { "parametersChange": "parametersChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ManageParametersComponent, "pep-manage-parameters", never, { "showType": "showType"; "showAccessibility": "showAccessibility"; "showPersistency": "showPersistency"; "inline": "inline"; "addPadding": "addPadding"; "parametersTitle": "parametersTitle"; "parametersColumns": "parametersColumns"; "parameters": "parameters"; }, { "parametersChange": "parametersChange"; }, never, never, false, never>;
 }

package/manage-parameters/manage-parameters.model.d.ts

@@ -1,5 +1,5 @@
 import { DataViewFieldType, SchemeFieldType } from "@pepperi-addons/papi-sdk";
-export declare type ParameterFormType = 'add' | 'edit';
+export type ParameterFormType = 'add' | 'edit';
 export interface IParametersColumn {
     Key: string;
     Title: string;
@@ -11,6 +11,7 @@ export interface IParamemeter {
     Type: SchemeFieldType;
     Description?: string;
     DefaultValue: any;
+    Readonly?: boolean;
     [key: string]: any;
 }
 export interface IParameterFormData {
@@ -18,4 +19,6 @@ export interface IParameterFormData {
     Parameter: IParamemeter;
     ShowType?: boolean;
     ShowAccessibility?: boolean;
+    ShowPersistency?: boolean;
+    Readonly?: boolean;
 }

package/manage-parameters/manage-parameters.service.d.ts

@@ -9,8 +9,8 @@ export declare class ManageParametersService {
     private getAvailableTypes;
     private convertParamsTypeToDVType;
     private getDataViewField;
-    getParametersListDataView(parametersColumns: IParametersColumn[], showType: boolean, showAccessibility: boolean): GridDataView;
-    getParameterFormDataView(formMode: ParameterFormType, paramType: SchemeFieldType, showType: boolean, showAccessibility: boolean): IPepGenericFormDataView;
+    getParametersListDataView(parametersColumns: IParametersColumn[], showType: boolean, showAccessibility: boolean, showPersistency: boolean): GridDataView;
+    getParameterFormDataView(formMode: ParameterFormType, paramType: SchemeFieldType, showType: boolean, showAccessibility: boolean, showPersistency: boolean): IPepGenericFormDataView;
     static ɵfac: i0.ɵɵFactoryDeclaration<ManageParametersService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ManageParametersService>;
 }

package/mapping-parameters/index.d.ts

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

package/mapping-parameters/mapping-parameters.component.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { MappedParameter, MappedParameters } from './mapping-parameters.model';
+import { IParamemeter } from '@pepperi-addons/ngx-composite-lib/manage-parameters';
+import { PepMappingParametersService } from './mapping-parameters.service';
+import { AddonDataScheme } from '@pepperi-addons/papi-sdk';
+import * as i0 from "@angular/core";
+export declare class PepMappingParametersComponent implements OnInit {
+    private _mappingParametersService;
+    mapToParameters: AddonDataScheme['Fields'];
+    configurationParameters: IParamemeter[];
+    mappedParameters: Record<string, MappedParameter>;
+    maxHeight: string;
+    mappedParamValueChanged: EventEmitter<MappedParameters>;
+    constructor(_mappingParametersService: PepMappingParametersService);
+    ngOnInit(): void;
+    onMappedParamValueChanged(event: MappedParameter, key: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepMappingParametersComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepMappingParametersComponent, "pep-mapping-parameters", never, { "mapToParameters": "mapToParameters"; "configurationParameters": "configurationParameters"; "mappedParameters": "mappedParameters"; "maxHeight": "maxHeight"; }, { "mappedParamValueChanged": "mappedParamValueChanged"; }, never, never, false, never>;
+}

package/mapping-parameters/mapping-parameters.model.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Interface for mapping parameters
+ */
+export interface MappedParameter {
+    Value: string;
+    Type: 'Default' | 'Static' | 'Dynamic';
+}
+export type MappedParameters = Record<string, MappedParameter>;

package/mapping-parameters/mapping-parameters.module.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./mapping-parameters.component";
+import * as i2 from "./param-map/param-map.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@pepperi-addons/ngx-lib/button";
+import * as i5 from "@pepperi-addons/ngx-lib/checkbox";
+import * as i6 from "@pepperi-addons/ngx-lib/slider";
+import * as i7 from "@pepperi-addons/ngx-lib";
+import * as i8 from "@pepperi-addons/ngx-lib/select";
+import * as i9 from "@pepperi-addons/ngx-lib/group-buttons";
+import * as i10 from "@pepperi-addons/ngx-lib/textbox";
+import * as i11 from "@pepperi-addons/ngx-composite-lib/generic-form";
+import * as i12 from "@ngx-translate/core";
+export declare class PepMappingParametersModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepMappingParametersModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PepMappingParametersModule, [typeof i1.PepMappingParametersComponent, typeof i2.ParamMapComponent], [typeof i3.CommonModule, typeof i4.PepButtonModule, typeof i5.PepCheckboxModule, typeof i6.PepSliderModule, typeof i7.PepNgxLibModule, typeof i8.PepSelectModule, typeof i9.PepGroupButtonsModule, typeof i10.PepTextboxModule, typeof i11.PepGenericFormModule, typeof i12.TranslateModule], [typeof i1.PepMappingParametersComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PepMappingParametersModule>;
+}

package/mapping-parameters/mapping-parameters.service.d.ts

@@ -0,0 +1,12 @@
+import { AddonDataScheme, SchemeFieldType } from "@pepperi-addons/papi-sdk";
+import { IPepOption } from "@pepperi-addons/ngx-lib";
+import * as i0 from "@angular/core";
+export declare class PepMappingParametersService {
+    private _parameters;
+    private _parametersByType;
+    get parametersByType(): ReadonlyMap<SchemeFieldType, IPepOption[]>;
+    initParametersByType(parameters: AddonDataScheme['Fields']): void;
+    getParametersOptions(type: SchemeFieldType): IPepOption[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<PepMappingParametersService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PepMappingParametersService>;
+}

package/mapping-parameters/param-map/param-map.component.d.ts

@@ -0,0 +1,27 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { MappedParameter } from '../mapping-parameters.model';
+import { TranslateService } from '@ngx-translate/core';
+import { IParamemeter } from '@pepperi-addons/ngx-composite-lib/manage-parameters';
+import { PepMappingParametersService } from '../mapping-parameters.service';
+import { IPepOption } from '@pepperi-addons/ngx-lib';
+import * as i0 from "@angular/core";
+export declare class ParamMapComponent implements OnInit {
+    private translate;
+    private _mappingParametersService;
+    configurationParameter: IParamemeter;
+    private _mappedParam;
+    set mappedParam(value: MappedParameter | undefined);
+    get mappedParam(): MappedParameter | undefined;
+    mappedParamValueChanged: EventEmitter<MappedParameter>;
+    protected parametersByType: IPepOption[];
+    protected paramTypes: any[];
+    protected paramHasDefaultValue: boolean;
+    protected param: MappedParameter;
+    constructor(translate: TranslateService, _mappingParametersService: PepMappingParametersService);
+    private initParam;
+    ngOnInit(): void;
+    onParamKeyChanged(event: any): void;
+    onParamValueChanged(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ParamMapComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ParamMapComponent, "param-map", never, { "configurationParameter": "configurationParameter"; "mappedParam": "mappedParam"; }, { "mappedParamValueChanged": "mappedParamValueChanged"; }, never, never, false, never>;
+}

package/mapping-parameters/public-api.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pepperi-addons/ngx-composite-lib",
-  "version": "0.4.2-beta.99",
+  "version": "0.5.0-ng15.1",
   "peerDependencies": {
     "@angular/animations": ">= 14.0.2",
     "@angular/cdk": ">= 14.0.2",
@@ -13,7 +13,8 @@
     "@angular/platform-browser-dynamic": ">= 14.0.2",
     "@ngx-translate/core": ">= ^14.0.0",
     "@ngx-translate/http-loader": ">= ^7.0.0",
-    "@pepperi-addons/ngx-lib": ">= ^0.4.2-beta.82",
+    "@pepperi-addons/ngx-lib": ">= ^0.4.2-beta.261",
+    "@pepperi-addons/papi-sdk": ">= 1.81.25",
     "ngx-translate-multi-http-loader": ">= ^3.0.0",
     "rxjs": ">= 6.5.5"
   },
@@ -82,6 +83,14 @@
       "node": "./fesm2015/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs",
       "default": "./fesm2020/pepperi-addons-ngx-composite-lib-flow-picker-button.mjs"
     },
+    "./generic-fields-builder": {
+      "types": "./generic-fields-builder/index.d.ts",
+      "esm2020": "./esm2020/generic-fields-builder/pepperi-addons-ngx-composite-lib-generic-fields-builder.mjs",
+      "es2020": "./fesm2020/pepperi-addons-ngx-composite-lib-generic-fields-builder.mjs",
+      "es2015": "./fesm2015/pepperi-addons-ngx-composite-lib-generic-fields-builder.mjs",
+      "node": "./fesm2015/pepperi-addons-ngx-composite-lib-generic-fields-builder.mjs",
+      "default": "./fesm2020/pepperi-addons-ngx-composite-lib-generic-fields-builder.mjs"
+    },
     "./generic-form": {
       "types": "./generic-form/index.d.ts",
       "esm2020": "./esm2020/generic-form/pepperi-addons-ngx-composite-lib-generic-form.mjs",
@@ -130,6 +139,14 @@
       "node": "./fesm2015/pepperi-addons-ngx-composite-lib-manage-parameters.mjs",
       "default": "./fesm2020/pepperi-addons-ngx-composite-lib-manage-parameters.mjs"
     },
+    "./mapping-parameters": {
+      "types": "./mapping-parameters/index.d.ts",
+      "esm2020": "./esm2020/mapping-parameters/pepperi-addons-ngx-composite-lib-mapping-parameters.mjs",
+      "es2020": "./fesm2020/pepperi-addons-ngx-composite-lib-mapping-parameters.mjs",
+      "es2015": "./fesm2015/pepperi-addons-ngx-composite-lib-mapping-parameters.mjs",
+      "node": "./fesm2015/pepperi-addons-ngx-composite-lib-mapping-parameters.mjs",
+      "default": "./fesm2020/pepperi-addons-ngx-composite-lib-mapping-parameters.mjs"
+    },
     "./padding-settings": {
       "types": "./padding-settings/index.d.ts",
       "esm2020": "./esm2020/padding-settings/pepperi-addons-ngx-composite-lib-padding-settings.mjs",

package/padding-settings/padding-settings.component.d.ts

@@ -18,5 +18,5 @@ export declare class PaddingSettingsComponent {
     formatPaddingValue(): void;
     onPaddingChanged(value: any, uniformPos: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PaddingSettingsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PaddingSettingsComponent, "pep-padding-settings", never, { "padding": "padding"; }, { "paddingChange": "paddingChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaddingSettingsComponent, "pep-padding-settings", never, { "padding": "padding"; }, { "paddingChange": "paddingChange"; }, never, never, false, never>;
 }

package/padding-settings/padding-settings.model.d.ts

@@ -1,5 +1,5 @@
 export declare class PepPaddingSettings {
-    isUniform: boolean;
-    paddingValue: string;
+    IsUniform: boolean;
+    PaddingValue: string;
     constructor(isUniform?: boolean, paddingValue?: string);
 }

package/rich-text/rich-text.component.d.ts

@@ -39,5 +39,5 @@ export declare class RichTextComponent implements OnInit {
     insertAssets(assetUrl: string): void;
     valueChanged(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RichTextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RichTextComponent, "pep-rich-text", never, { "key": "key"; "value": "value"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "maxFieldCharacters": "maxFieldCharacters"; "xAlignment": "xAlignment"; "sanitize": "sanitize"; "rowSpan": "rowSpan"; "visible": "visible"; "isActive": "isActive"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "renderEnlargeButton": "renderEnlargeButton"; "layoutType": "layoutType"; "inlineMode": "inlineMode"; "useAssetsForImages": "useAssetsForImages"; "toolbarOptions": "toolbarOptions"; }, { "valueChange": "valueChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RichTextComponent, "pep-rich-text", never, { "key": "key"; "value": "value"; "label": "label"; "mandatory": "mandatory"; "disabled": "disabled"; "readonly": "readonly"; "maxFieldCharacters": "maxFieldCharacters"; "xAlignment": "xAlignment"; "sanitize": "sanitize"; "rowSpan": "rowSpan"; "visible": "visible"; "isActive": "isActive"; "showTitle": "showTitle"; "renderTitle": "renderTitle"; "renderEnlargeButton": "renderEnlargeButton"; "layoutType": "layoutType"; "inlineMode": "inlineMode"; "useAssetsForImages": "useAssetsForImages"; "toolbarOptions": "toolbarOptions"; }, { "valueChange": "valueChange"; }, never, never, false, never>;
 }

package/shadow-settings/shadow-settings.component.d.ts

@@ -20,5 +20,5 @@ export declare class ShadowSettingsComponent implements OnInit {
     onSizeChange(value: PepSizeType): void;
     onIntensityChange(value: PepShadowIntensityType): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ShadowSettingsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ShadowSettingsComponent, "pep-shadow-settings", never, { "titleSize": "titleSize"; "shadow": "shadow"; }, { "shadowChange": "shadowChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShadowSettingsComponent, "pep-shadow-settings", never, { "titleSize": "titleSize"; "shadow": "shadow"; }, { "shadowChange": "shadowChange"; }, never, never, false, never>;
 }

package/shadow-settings/shadow-settings.model.d.ts

@@ -1,5 +1,5 @@
 import { PepSizeType } from "@pepperi-addons/ngx-lib";
-export declare type PepShadowIntensityType = 'soft' | 'regular' | 'hard';
+export type PepShadowIntensityType = 'soft' | 'regular' | 'hard';
 export declare class PepShadowSettings {
     use: boolean;
     size: PepSizeType;

package/show-if-badge/show-if-badge.component.d.ts

@@ -16,5 +16,5 @@ export declare class ShowIfBadgeComponent {
     constructor(layoutService: PepLayoutService);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ShowIfBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ShowIfBadgeComponent, "pep-show-if-badge", never, { "showIf": "showIf"; "iconName": "iconName"; "backgroundColor": "backgroundColor"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShowIfBadgeComponent, "pep-show-if-badge", never, { "showIf": "showIf"; "iconName": "iconName"; "backgroundColor": "backgroundColor"; }, {}, never, never, false, never>;
 }

package/src/assets/i18n/en.ngx-composite-lib.json

@@ -12,7 +12,7 @@
         "INTENSITY": "Shadow intensity"
     },
     "PADDING_SETTINGS": {
-        "TITLE": "Drop shadow",
+        "TITLE": "Padding",
         "UNIFORM": "Uniform",
         "DESCRIPTION": "Uniform padding (Rems)",
         "TOP": "Top",
@@ -30,6 +30,16 @@
         "SEPARATOR_TITLE": "Separator title",
         "ADD_A_TITLE": "Add a title"
     },
+    "GENERIC_FIELDS_BUILDER": {
+        "AVAILABLE_FIELDS": "Available fields",
+        "MENU_ITEM_KEY_TITLE": "Item key",
+        "MENU_ITEM_VALUE_TITLE": "Item title",
+        "EMPTY_DROP_AREA_TEXT": "Drop here from available fields",
+        "ADD_SEPARATOR": "Add separator",
+        "SEPARATOR_TITLE": "Separator title",
+        "ADD_A_TITLE": "Add a title",
+        "TEMPLATE_NOT_SUPPLIED": "Template not supplied for - {{fieldTitle}}"
+    },
     "GENERAL": {
         "NONE": "None",
         "XS": "XS",
@@ -87,7 +97,9 @@
         "EMPTY_STATE": {
             "TITLE": "Nothing to see here",
             "DESCRIPTION": "Add or create an item to populate this list"
-        }
+        },
+        "OPEN_SIDEBAR": "Sidebar",
+        "OPEN_FILTERS": "Filters"
     },
     "MANAGE_PARAMETERS": {
         "TITLE": "Parameters",
@@ -103,10 +115,17 @@
         "DEFAULT_VALUE_TITLE": "Default Value",
         "INTERNAL_TITLE": "Internal",
         "ACCESSIBILITY_TITLE": "Accessibility",
+        "PERSISTENCY_TITLE": "Persistency (If changed by the user, the value is saved and used in future use)",
         "EDIT_FORM_TITLE": "Edit parameter",
         "INTERNAL_DESCRIPTION": "The Variable Accessibility feature enables you to classify variables as either external or internal, defining their intended usage within this context.\n When marked as external, a parameter is accessible by external components using the picker \n When marked as internal, parameter is hidden from external entities, though available during the context run time",
         "ADD_FORM_TITLE": "Add parameter"
     },
+    "MAPPING_PARAMETERS": {
+        "VARIABLE_MAPPING": "Variable mapping",
+        "DYNAMIC": "Dynamic",
+        "STATIC": "Static",
+        "DEFAULT": "Default"
+    },
     "FLOW_PICKER_BUTTON": {
         "CHOOSE_FLOW": "Choose flow"
     },
@@ -133,6 +152,7 @@
         "FILL_HEIGHT_SECTION_TITLE": "Fill Height",
         "FILL_HEIGHT_SECTION_DESCRIPTION": "Set Fill Height on to make the section to fill the relative screen size",
         "SECTIONS_TITLE": "Sections",
+        "LAYOUT": "Layout",
         "SPLIT_TITLE": "Split",
         "ADD_SECTION": "Add Section",
         "BLOCKS_COUNT_LIMIT_MESSAGE": "You exceeded your blocks number limit - please contact your administrator.",