@pepperi-addons/ngx-composite-lib 0.4.2-beta.74 → 0.4.2-beta.76

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

@@ -1,10 +1,9 @@
 import { CdkDragDrop, CdkDragEnd, CdkDragStart } from "@angular/cdk/drag-drop";
 import { TranslateService } from "@ngx-translate/core";
 import { PepScreenSizeType } from "@pepperi-addons/ngx-lib";
-import { IPepDraggableItem } from "@pepperi-addons/ngx-lib/draggable-items";
 import { DataViewScreenSize } from "@pepperi-addons/papi-sdk";
 import { Observable } from 'rxjs';
-import { LayoutEditorType, IEditor, IPepLayoutBlockAddedEvent, ILayoutEditor, IPepLayoutSection, IPepLayoutSectionColumn, IPepLayoutView, ILayoutSectionEditor } from "./layout-builder.model";
+import { LayoutEditorType, IEditor, IPepLayoutBlockAddedEvent, ILayoutEditor, IPepLayoutSection, IPepLayoutSectionColumn, IPepLayoutView, ILayoutSectionEditor, IPepLayoutBlockConfig } from "./layout-builder.model";
 import { PepDialogService } from "@pepperi-addons/ngx-lib/dialog";
 import * as i0 from "@angular/core";
 export declare class LayoutBuilderInternalService {
@@ -14,7 +13,9 @@ export declare class LayoutBuilderInternalService {
     static readonly MAIN_EDITOR_ID = "main";
     private _defaultSectionTitle;
     private _blocksLimitNumber;
-    setBlocksLimitNumber(value: number): void;
+    private _navigateToEditorAfterBlockAdded;
+    private _getBlockTitle;
+    setBlocksConfig(value: IPepLayoutBlockConfig): void;
     private _editorsBreadCrumb;
     private _editMode;
     get editMode(): boolean;
@@ -47,17 +48,12 @@ export declare class LayoutBuilderInternalService {
     get blocksRemovedEventSubject$(): Observable<string[]>;
     private _showSkeletonSubject;
     get showSkeletonChange$(): Observable<boolean>;
-    private _availableBlocksForDragMap;
-    get availableBlocksForDragMap(): ReadonlyMap<string, IPepDraggableItem>;
-    private _availableBlocksForDragMapSubject;
-    get availableBlocksForDragMapChange$(): Observable<ReadonlyMap<string, IPepDraggableItem>>;
     constructor(translate: TranslateService, dialogService: PepDialogService);
     private setEditableState;
     private notifyLayoutViewChange;
     private notifyBlockAdded;
     private notifyBlocksRemoved;
     private notifyEditorChange;
-    private notifyAvailableBlocksForDragMapChange;
     private notifyPreviewModeChange;
     private notifyLockScreen;
     private notifySectionsColumnsDropListChange;
@@ -70,20 +66,18 @@ export declare class LayoutBuilderInternalService {
     private getSectionEditor;
     private getSectionColumnByIdForEditor;
     private getCssScreenWidh;
-    private getBlockContainerByBlockKey;
     private getBlocksNumber;
     private changeCursorOnDragStart;
     private changeCursorOnDragEnd;
     /***********************************************************************************************/
+    getBlockTitle(blockKey: string): string;
     setSectionsColumnsDropListChange(sectionsColumnsDropList: any[]): void;
-    setLockScreen(value: boolean): void;
     changePreviewMode(value: boolean): void;
-    setAvailableBlocksToDrag(availableBlocksForDrag: Array<IPepDraggableItem>): void;
     getCurrentScreenType(): DataViewScreenSize;
     getScreenType(size: PepScreenSizeType): DataViewScreenSize;
     getSectionColumnKey(sectionKey?: string, index?: string): string;
     getIsHidden(hideIn: DataViewScreenSize[] | undefined, currentScreenType: DataViewScreenSize): boolean;
-    navigateToEditor(editorType: LayoutEditorType, id: string): boolean;
+    navigateToEditor(editorType: LayoutEditorType, id: string, title: string): boolean;
     navigateBackFromEditor(): void;
     updateLayoutFromEditor(editorData: ILayoutEditor): void;
     updateSectionFromEditor(sectionData: ILayoutSectionEditor): void;
@@ -101,6 +95,7 @@ export declare class LayoutBuilderInternalService {
     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

@@ -5,7 +5,7 @@ import { TranslateService } from '@ngx-translate/core';
 import { PepButton } from '@pepperi-addons/ngx-lib/button';
 import { IPepSideBarStateChangeEvent } from '@pepperi-addons/ngx-lib/side-bar';
 import { IPepDraggableItem } from '@pepperi-addons/ngx-lib/draggable-items';
-import { IEditor, ILayoutEditor, ILayoutSectionEditor, IPepLayoutBlockAddedEvent } from './layout-builder.model';
+import { IEditor, ILayoutEditor, ILayoutSectionEditor, IPepLayoutBlockAddedEvent, IPepLayoutBlockConfig } from './layout-builder.model';
 import { LayoutBuilderInternalService } from './layout-builder-internal.service';
 import * as i0 from "@angular/core";
 export declare class PepLayoutBuilderComponent extends BaseDestroyerDirective implements OnInit {
@@ -19,8 +19,11 @@ export declare class PepLayoutBuilderComponent extends BaseDestroyerDirective im
     private _availableBlocksForDrag;
     set availableBlocksForDrag(value: Array<IPepDraggableItem>);
     get availableBlocksForDrag(): Array<IPepDraggableItem>;
-    private _blocksLimitNumber;
-    set blocksLimitNumber(value: number);
+    private _blocksLayoutConfig;
+    set blocksLayoutConfig(value: IPepLayoutBlockConfig);
+    private _blockEditorTitle;
+    set blockEditorTitle(value: string);
+    get blockEditorTitle(): string;
     private _layoutEditorTitle;
     set layoutEditorTitle(value: string);
     get layoutEditorTitle(): string;
@@ -37,7 +40,7 @@ export declare class PepLayoutBuilderComponent extends BaseDestroyerDirective im
     constructor(renderer: Renderer2, hostElement: ElementRef, translate: TranslateService, layoutBuilderInternalService: LayoutBuilderInternalService, pepAddonService: PepAddonService);
     private setScreenWidth;
     private updateViewportWidth;
-    private setLayoutEditorTitle;
+    private setEditorTitle;
     private subscribeEvents;
     ngOnInit(): void;
     onResize(event: any): void;
@@ -47,5 +50,5 @@ export declare class PepLayoutBuilderComponent extends BaseDestroyerDirective im
     onSectionEditorObjectChange(sectionEditor: ILayoutSectionEditor): void;
     onNavigateBackFromEditor(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepLayoutBuilderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PepLayoutBuilderComponent, "pep-layout-builder", never, { "availableBlocksForDrag": "availableBlocksForDrag"; "blocksLimitNumber": "blocksLimitNumber"; "layoutEditorTitle": "layoutEditorTitle"; }, { "backClick": "backClick"; "editorChange": "editorChange"; "blockAdded": "blockAdded"; "blocksRemoved": "blocksRemoved"; }, never, ["[layout-editor-top-content]", "[layout-editor-bottom-content]", "[block-editor-content]", "[header-end-content]", "[layout-content]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PepLayoutBuilderComponent, "pep-layout-builder", never, { "availableBlocksForDrag": "availableBlocksForDrag"; "blocksLayoutConfig": "blocksLayoutConfig"; "blockEditorTitle": "blockEditorTitle"; "layoutEditorTitle": "layoutEditorTitle"; }, { "backClick": "backClick"; "editorChange": "editorChange"; "blockAdded": "blockAdded"; "blocksRemoved": "blocksRemoved"; }, never, ["[layout-editor-top-content]", "[layout-editor-bottom-content]", "[block-editor-content]", "[header-end-content]", "[layout-content]"], false>;
 }

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

@@ -16,7 +16,11 @@ export interface IPepLayoutSectionColumn extends PageSectionColumn {
     BlockContainer?: IPepLayoutBlockContainer;
 }
 export interface IPepLayoutBlockContainer extends PageBlockContainer {
-    DraggableItemKey: string;
+}
+export interface IPepLayoutBlockConfig {
+    navigateToEditorAfterBlockAdded?: boolean;
+    blocksLimitNumber?: number;
+    getBlockTitle?: (blockKey: string) => string;
 }
 export interface IPepLayoutBlockAddedEvent {
     BlockKey: string;

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

@@ -9,6 +9,7 @@ export declare class PepLayoutBuilderService {
     getCurrentScreenType(): DataViewScreenSize;
     getIsHidden(hideIn: DataViewScreenSize[] | undefined, currentScreenType: DataViewScreenSize): boolean;
     showSkeleton(show: boolean): void;
+    lockScreen(lock: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepLayoutBuilderService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PepLayoutBuilderService>;
 }

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

@@ -1,12 +1,12 @@
 import { CdkDragEnd, CdkDragStart } from '@angular/cdk/drag-drop';
-import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
+import { AfterContentInit, ElementRef, Renderer2 } from '@angular/core';
 import { OnInit, EventEmitter } from '@angular/core';
 import { BaseDestroyerDirective } from '@pepperi-addons/ngx-lib';
 import { IPepDraggableItem } from '@pepperi-addons/ngx-lib/draggable-items';
 import { ILayoutEditor, PepLayoutSizeType } from '../layout-builder.model';
 import { LayoutBuilderInternalService } from '../layout-builder-internal.service';
 import * as i0 from "@angular/core";
-export declare class PepLayoutEditorComponent extends BaseDestroyerDirective implements OnInit, AfterViewInit {
+export declare class PepLayoutEditorComponent extends BaseDestroyerDirective implements OnInit, AfterContentInit {
     private layoutBuilderInternalService;
     private hostElement;
     private renderer;
@@ -32,7 +32,7 @@ export declare class PepLayoutEditorComponent extends BaseDestroyerDirective imp
     constructor(layoutBuilderInternalService: LayoutBuilderInternalService, hostElement: ElementRef, renderer: Renderer2);
     private updateHostObject;
     ngOnInit(): void;
-    ngAfterViewInit(): void;
+    ngAfterContentInit(): void;
     onAddSectionClick(event: any): void;
     isFullWidthChange(isChecked: boolean): void;
     onMaxWidthChange(maxWidth: string): void;

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

@@ -2,7 +2,6 @@ import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
 import { CdkDragEnd, CdkDragEnter, CdkDragExit, CdkDragStart } from '@angular/cdk/drag-drop';
 import { DataViewScreenSize } from '@pepperi-addons/papi-sdk';
 import { BaseDestroyerDirective } from '@pepperi-addons/ngx-lib';
-import { IPepDraggableItem } from '@pepperi-addons/ngx-lib/draggable-items';
 import { LayoutBuilderInternalService } from '../layout-builder-internal.service';
 import { IPepLayoutBlockContainer } from '../layout-builder.model';
 import * as i0 from "@angular/core";
@@ -23,7 +22,7 @@ export declare class SectionBlockComponent extends BaseDestroyerDirective implem
     dragExited: EventEmitter<CdkDragExit>;
     dragEntered: EventEmitter<CdkDragEnter>;
     protected hideForCurrentScreenType: boolean;
-    protected availableBlock: IPepDraggableItem | undefined;
+    protected blockTitle: string;
     constructor(layoutBuilderInternalService: LayoutBuilderInternalService);
     private setIfHideForCurrentScreenType;
     ngOnInit(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pepperi-addons/ngx-composite-lib",
-  "version": "0.4.2-beta.74",
+  "version": "0.4.2-beta.76",
   "peerDependencies": {
     "@angular/animations": ">= 14.0.2",
     "@angular/cdk": ">= 14.0.2",