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

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": "builderTitle"; "builderTitleHint": "builderTitleHint"; "showAddSeparator": "showAddSeparator"; "itemKeyLabel": "itemKeyLabel"; "itemTitleLabel": "itemTitleLabel"; "setAddedFieldDataCallback": "setAddedFieldDataCallback"; "availableFields": "availableFields"; "fieldTemplate": "fieldTemplate"; "fields": "fields"; }, { "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": "dataSource"; "dataView": "dataView"; "isLocked": "isLocked"; "inline": "inline"; "showTopBar": "showTopBar"; "addPadding": "addPadding"; }, { "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": "dataSource"; "actions": "actions"; "uuidMapping": "uuidMapping"; "disabled": "disabled"; "addPadding": "addPadding"; "title": "title"; "sideBarTitle": "sideBarTitle"; "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"; }, { "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": "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, 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": "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, 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": "hideIn"; }, { "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": "editorMode"; "layoutView": "layoutView"; "blockTemplate": "blockTemplate"; "showSkeleton": "showSkeleton"; }, { "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": "editorTabs"; }, {}, 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>;

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