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

package/fesm2020/pepperi-addons-ngx-composite-lib-layout-builder.mjs

@@ -173,6 +173,7 @@ class LayoutBuilderInternalService {
         // This configuration is for blocks behavior.
         this._blocksLimitNumber = 0;
         this._navigateToEditorAfterBlockAdded = false;
+        this._getBlockTitle = (blockKey) => { return blockKey; };
         this._editorsBreadCrumb = Array();
         this._editMode = false;
         this._editableState = false;
@@ -211,6 +212,7 @@ class LayoutBuilderInternalService {
     setBlocksConfig(value) {
         this._blocksLimitNumber = value.blocksLimitNumber || 0;
         this._navigateToEditorAfterBlockAdded = value.navigateToEditorAfterBlockAdded ?? false;
+        this._getBlockTitle = value.getBlockTitle ? value.getBlockTitle : (blockKey) => { return blockKey; };
     }
     get editMode() {
         return this._editMode;
@@ -347,8 +349,8 @@ class LayoutBuilderInternalService {
         return editor;
     }
     getBlockEditor(blockKey, title) {
-        // TODO: Get block editor title.
-        const blockTitle = title || this.translate.instant('LAYOUT_BUILDER.NO_TITLE');
+        // Get block editor title.
+        const blockTitle = title || this.getBlockTitle(blockKey); // this.translate.instant('LAYOUT_BUILDER.NO_TITLE');
         return {
             id: blockKey,
             type: 'block',
@@ -462,12 +464,12 @@ class LayoutBuilderInternalService {
     /***********************************************************************************************/
     /*                                  Public functions
     /***********************************************************************************************/
+    getBlockTitle(blockKey) {
+        return this._getBlockTitle(blockKey) || blockKey;
+    }
     setSectionsColumnsDropListChange(sectionsColumnsDropList) {
         this.notifySectionsColumnsDropListChange(sectionsColumnsDropList);
     }
-    setLockScreen(value) {
-        this.notifyLockScreen(value);
-    }
     changePreviewMode(value) {
         this.notifyPreviewModeChange(value);
     }
@@ -701,7 +703,8 @@ class LayoutBuilderInternalService {
                         this.notifyBlockAdded(blockAddedEventData);
                         if (this._navigateToEditorAfterBlockAdded) {
                             // Navigate to the block editor.
-                            this.navigateToEditor('block', blockKey, draggableItem.data.title);
+                            // this.navigateToEditor('block', blockKey, draggableItem.data.title);
+                            this.navigateToEditor('block', blockKey, '');
                         }
                     }
                 }
@@ -774,6 +777,9 @@ class LayoutBuilderInternalService {
     showSkeleton(show) {
         this._showSkeletonSubject.next(show);
     }
+    lockScreen(value) {
+        this.notifyLockScreen(value);
+    }
     loadLayoutBuilder(layoutView) {
         if (this.editMode) {
             if (this._editorsBreadCrumb.length === 0) {
@@ -836,7 +842,7 @@ class SectionBlockComponent extends BaseDestroyerDirective {
             this.layoutBuilderInternalService.getIsHidden(this.blockContainer.Hide, this.screenType) : false;
     }
     ngOnInit() {
-        this.blockTitle = this.blockContainer?.BlockKey || '';
+        this.blockTitle = this.layoutBuilderInternalService.getBlockTitle(this.blockContainer?.BlockKey || '');
         // 
         // this.layoutBuilderInternalService.availableBlocksForDragMapChange$.pipe(this.getDestroyer()).subscribe((availableBlocksForDragMap) => {
         //     if (availableBlocksForDragMap && this.blockContainer) {
@@ -2128,6 +2134,9 @@ class PepLayoutBuilderService {
     showSkeleton(show) {
         return this.layoutBuilderInternalService.showSkeleton(show);
     }
+    lockScreen(lock) {
+        return this.layoutBuilderInternalService.lockScreen(lock);
+    }
 }
 PepLayoutBuilderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepLayoutBuilderService, deps: [{ token: LayoutBuilderInternalService }], target: i0.ɵɵFactoryTarget.Injectable });
 PepLayoutBuilderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepLayoutBuilderService, providedIn: 'root' });