@pepperi-addons/ngx-composite-lib 0.4.2-beta.69 → 0.4.2-beta.70

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

@@ -1,7 +1,7 @@
 import { ElementRef, Renderer2, OnInit, EventEmitter, TemplateRef } from '@angular/core';
 import { CdkDragDrop, CdkDragEnd, CdkDragStart } from '@angular/cdk/drag-drop';
 import { BaseDestroyerDirective, PepCustomizationService, PepLayoutService } from '@pepperi-addons/ngx-lib';
-import { PepLayoutBuilderService } from '../layout-builder.service';
+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';
@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
 export declare class PepLayoutComponent extends BaseDestroyerDirective implements OnInit {
     customizationService: PepCustomizationService;
     layoutService: PepLayoutService;
-    layoutBuilderService: PepLayoutBuilderService;
+    layoutBuilderService: LayoutBuilderInternalService;
     private hostElement;
     private renderer;
     skeletonContainer: ElementRef;
@@ -36,7 +36,7 @@ export declare class PepLayoutComponent extends BaseDestroyerDirective implement
     private _sectionsSubject;
     protected get sections$(): Observable<IPepLayoutSection[]>;
     protected selectedScreenType: DataViewScreenSize;
-    constructor(customizationService: PepCustomizationService, layoutService: PepLayoutService, layoutBuilderService: PepLayoutBuilderService, hostElement: ElementRef, renderer: Renderer2);
+    constructor(customizationService: PepCustomizationService, layoutService: PepLayoutService, layoutBuilderService: LayoutBuilderInternalService, hostElement: ElementRef, renderer: Renderer2);
     private convertLayoutSizeType;
     private animateSkeleton;
     private setLayoutDataProperties;

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

@@ -0,0 +1,107 @@
+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 { PepDialogService } from "@pepperi-addons/ngx-lib/dialog";
+import * as i0 from "@angular/core";
+export declare class LayoutBuilderInternalService {
+    protected translate: TranslateService;
+    protected dialogService: PepDialogService;
+    static readonly AVAILABLE_BLOCKS_CONTAINER_ID = "availableBlocks";
+    static readonly MAIN_EDITOR_ID = "main";
+    private _defaultSectionTitle;
+    private _blocksLimitNumber;
+    setBlocksLimitNumber(value: number): void;
+    private _editorsBreadCrumb;
+    private _editMode;
+    get editMode(): boolean;
+    setEditMode(value: boolean): void;
+    private _editableState;
+    get editableState(): boolean;
+    private _screenSizeSubject;
+    get screenSizeChange$(): Observable<PepScreenSizeType>;
+    private _screenWidthSubject;
+    get screenWidthChange$(): Observable<string>;
+    private _editorSubject;
+    get editorChange$(): Observable<IEditor | null>;
+    private _sectionsColumnsDropListSubject;
+    get sectionsColumnsDropListChange$(): Observable<any[]>;
+    private _sectionsViewSubject;
+    get sectionsChange$(): Observable<IPepLayoutSection[]>;
+    private _layoutViewSubject;
+    get layoutViewChange$(): Observable<IPepLayoutView | null>;
+    private _draggingBlockKey;
+    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>;
+    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;
+    private updateLayoutEditorProperties;
+    private loadDefaultEditor;
+    private changeCurrentEditor;
+    private getEditorByType;
+    private getBlockEditor;
+    private getSectionEditorTitle;
+    private getSectionEditor;
+    private getSectionColumnByIdForEditor;
+    private getCssScreenWidh;
+    private getBlockContainerByBlockKey;
+    private getBlocksNumber;
+    private changeCursorOnDragStart;
+    private changeCursorOnDragEnd;
+    /***********************************************************************************************/
+    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;
+    navigateBackFromEditor(): void;
+    updateLayoutFromEditor(editorData: ILayoutEditor): void;
+    updateSectionFromEditor(sectionData: ILayoutSectionEditor): void;
+    addSection(section?: IPepLayoutSection | null): void;
+    removeSection(sectionId: string): void;
+    hideSection(sectionId: string, hideIn: DataViewScreenSize[]): void;
+    onSectionDropped(event: CdkDragDrop<any[]>): void;
+    onSectionDragStart(event: CdkDragStart): void;
+    onSectionDragEnd(event: CdkDragEnd): void;
+    removeBlockFromSection(blockId: string): void;
+    hideBlock(sectionId: string, blockId: string, hideIn: DataViewScreenSize[]): void;
+    onBlockDropped(event: CdkDragDrop<IPepLayoutSectionColumn, any, any>, sectionId: string): void;
+    onBlockDragStart(event: CdkDragStart): void;
+    onBlockDragEnd(event: CdkDragEnd): void;
+    doesColumnContainBlock(sectionId: string, columnIndex: number): boolean;
+    setScreenWidth(screenType: DataViewScreenSize): void;
+    showSkeleton(show: 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

@@ -6,7 +6,7 @@ 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 { PepLayoutBuilderService } from './layout-builder.service';
+import { LayoutBuilderInternalService } from './layout-builder-internal.service';
 import * as i0 from "@angular/core";
 export declare class PepLayoutBuilderComponent extends BaseDestroyerDirective implements OnInit {
     private renderer;
@@ -34,7 +34,7 @@ export declare class PepLayoutBuilderComponent extends BaseDestroyerDirective im
     protected viewportWidth: number;
     protected screenTypes: Array<PepButton>;
     protected selectedScreenType: DataViewScreenSize;
-    constructor(renderer: Renderer2, hostElement: ElementRef, translate: TranslateService, layoutBuilderService: PepLayoutBuilderService, pepAddonService: PepAddonService);
+    constructor(renderer: Renderer2, hostElement: ElementRef, translate: TranslateService, layoutBuilderService: LayoutBuilderInternalService, pepAddonService: PepAddonService);
     private setScreenWidth;
     private updateViewportWidth;
     private setLayoutEditorTitle;

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

@@ -1,106 +1,14 @@
-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, BehaviorSubject } from 'rxjs';
-import { LayoutEditorType, IEditor, IPepLayoutBlockAddedEvent, ILayoutEditor, IPepLayoutSection, IPepLayoutSectionColumn, IPepLayoutView, ILayoutSectionEditor } from "./layout-builder.model";
-import { PepDialogService } from "@pepperi-addons/ngx-lib/dialog";
+import { LayoutBuilderInternalService } from "./layout-builder-internal.service";
 import * as i0 from "@angular/core";
 export declare class PepLayoutBuilderService {
-    protected translate: TranslateService;
-    protected dialogService: PepDialogService;
-    static readonly AVAILABLE_BLOCKS_CONTAINER_ID = "availableBlocks";
-    static readonly MAIN_EDITOR_ID = "main";
-    private _defaultSectionTitle;
-    private _blocksLimitNumber;
-    setBlocksLimitNumber(value: number): void;
-    private _editorsBreadCrumb;
-    private _editMode;
+    private layoutBuilderInternalService;
     get editMode(): boolean;
-    setEditMode(value: boolean): void;
-    private _editableState;
     get editableState(): boolean;
-    protected _screenSizeSubject: BehaviorSubject<PepScreenSizeType>;
-    get screenSizeChange$(): Observable<PepScreenSizeType>;
-    private _screenWidthSubject;
-    get screenWidthChange$(): Observable<string>;
-    private _editorSubject;
-    get editorChange$(): Observable<IEditor | null>;
-    private _sectionsColumnsDropListSubject;
-    get sectionsColumnsDropListChange$(): Observable<any[]>;
-    private _sectionsViewSubject;
-    get sectionsChange$(): Observable<IPepLayoutSection[]>;
-    protected _layoutViewSubject: BehaviorSubject<IPepLayoutView | null>;
-    get layoutViewChange$(): Observable<IPepLayoutView | null>;
-    private _draggingBlockKey;
-    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>;
-    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;
-    private updateLayoutEditorProperties;
-    private loadDefaultEditor;
-    private changeCurrentEditor;
-    private getEditorByType;
-    private getInternalBlockEditor;
-    private getSectionEditorTitle;
-    private getInternalSectionEditor;
-    private getSectionColumnByIdForEditor;
-    private getCssScreenWidh;
-    private getBlockContainerByBlockKey;
-    private changeCursorOnDragStart;
-    private changeCursorOnDragEnd;
-    /***********************************************************************************************/
-    setSectionsColumnsDropListChange(sectionsColumnsDropList: any[]): void;
-    setLockScreen(value: boolean): void;
-    changePreviewMode(value: boolean): void;
-    setAvailableBlocksToDrag(availableBlocksForDrag: Array<IPepDraggableItem>): void;
-    getScreenType(size: PepScreenSizeType): DataViewScreenSize;
-    getSectionColumnKey(sectionKey?: string, index?: string): string;
+    constructor(layoutBuilderInternalService: LayoutBuilderInternalService);
+    getCurrentScreenType(): DataViewScreenSize;
     getIsHidden(hideIn: DataViewScreenSize[] | undefined, currentScreenType: DataViewScreenSize): boolean;
-    navigateToEditor(editorType: LayoutEditorType, id: string): boolean;
-    navigateBackFromEditor(): void;
-    updateLayoutFromEditor(editorData: ILayoutEditor): void;
-    updateSectionFromEditor(sectionData: ILayoutSectionEditor): void;
-    addSection(section?: IPepLayoutSection | null): void;
-    removeSection(sectionId: string): void;
-    hideSection(sectionId: string, hideIn: DataViewScreenSize[]): void;
-    onSectionDropped(event: CdkDragDrop<any[]>): void;
-    onSectionDragStart(event: CdkDragStart): void;
-    onSectionDragEnd(event: CdkDragEnd): void;
-    removeBlockFromSection(blockId: string): void;
-    hideBlock(sectionId: string, blockId: string, hideIn: DataViewScreenSize[]): void;
-    private getBlocksNumber;
-    onBlockDropped(event: CdkDragDrop<IPepLayoutSectionColumn, any, any>, sectionId: string): void;
-    onBlockDragStart(event: CdkDragStart): void;
-    onBlockDragEnd(event: CdkDragEnd): void;
-    doesColumnContainBlock(sectionId: string, columnIndex: number): boolean;
-    setScreenWidth(screenType: DataViewScreenSize): void;
     showSkeleton(show: boolean): void;
-    loadLayoutBuilder(layoutView: IPepLayoutView): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PepLayoutBuilderService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PepLayoutBuilderService>;
 }

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

@@ -4,11 +4,11 @@ import { OnInit, EventEmitter } from '@angular/core';
 import { BaseDestroyerDirective, PepCustomizationService } from '@pepperi-addons/ngx-lib';
 import { IPepDraggableItem } from '@pepperi-addons/ngx-lib/draggable-items';
 import { ILayoutEditor, PepLayoutSizeType } from '../layout-builder.model';
-import { PepLayoutBuilderService } from '../layout-builder.service';
+import { LayoutBuilderInternalService } from '../layout-builder-internal.service';
 import * as i0 from "@angular/core";
 export declare class PepLayoutEditorComponent extends BaseDestroyerDirective implements OnInit, AfterViewInit {
     customizationService: PepCustomizationService;
-    layoutBuilderService: PepLayoutBuilderService;
+    layoutBuilderService: LayoutBuilderInternalService;
     private hostElement;
     private renderer;
     _topContentRef: ElementRef;
@@ -30,7 +30,7 @@ export declare class PepLayoutEditorComponent extends BaseDestroyerDirective imp
     protected sectionsColumnsDropList: never[];
     protected showTopContent: boolean;
     protected showBottomContent: boolean;
-    constructor(customizationService: PepCustomizationService, layoutBuilderService: PepLayoutBuilderService, hostElement: ElementRef, renderer: Renderer2);
+    constructor(customizationService: PepCustomizationService, layoutBuilderService: LayoutBuilderInternalService, hostElement: ElementRef, renderer: Renderer2);
     private updateHostObject;
     ngOnInit(): void;
     ngAfterViewInit(): void;

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

@@ -2,7 +2,7 @@ import { ElementRef, OnInit, QueryList, Renderer2, TemplateRef } from '@angular/
 import { CdkDrag, CdkDragDrop, CdkDragEnd, CdkDragEnter, CdkDragExit, CdkDragStart, CdkDropList } from '@angular/cdk/drag-drop';
 import { DataViewScreenSize, SplitType } from '@pepperi-addons/papi-sdk';
 import { BaseDestroyerDirective, PepLayoutService, PepScreenSizeType } from '@pepperi-addons/ngx-lib';
-import { PepLayoutBuilderService } from '../layout-builder.service';
+import { LayoutBuilderInternalService } from '../layout-builder-internal.service';
 import { IPepLayoutSectionColumn, PepLayoutSizeType } from '../layout-builder.model';
 import * as i0 from "@angular/core";
 export declare class SectionComponent extends BaseDestroyerDirective implements OnInit {
@@ -50,7 +50,7 @@ export declare class SectionComponent extends BaseDestroyerDirective implements
     protected draggingBlockKey: string;
     protected draggingSectionKey: string;
     protected hoverState: boolean;
-    constructor(renderer: Renderer2, layoutBuilderService: PepLayoutBuilderService, layoutService: PepLayoutService);
+    constructor(renderer: Renderer2, layoutBuilderService: LayoutBuilderInternalService, layoutService: PepLayoutService);
     private calculateIfSectionContainsBlocks;
     private setScreenType;
     private setIfHideForCurrentScreenType;

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

@@ -3,7 +3,7 @@ import { CdkDragEnd, CdkDragEnter, CdkDragExit, CdkDragStart } from '@angular/cd
 import { DataViewScreenSize } from '@pepperi-addons/papi-sdk';
 import { BaseDestroyerDirective } from '@pepperi-addons/ngx-lib';
 import { IPepDraggableItem } from '@pepperi-addons/ngx-lib/draggable-items';
-import { PepLayoutBuilderService } from '../layout-builder.service';
+import { LayoutBuilderInternalService } from '../layout-builder-internal.service';
 import { IPepLayoutBlockContainer } from '../layout-builder.model';
 import * as i0 from "@angular/core";
 export declare class SectionBlockComponent extends BaseDestroyerDirective implements OnInit {
@@ -24,7 +24,7 @@ export declare class SectionBlockComponent extends BaseDestroyerDirective implem
     dragEntered: EventEmitter<CdkDragEnter>;
     protected hideForCurrentScreenType: boolean;
     protected availableBlock: IPepDraggableItem | undefined;
-    constructor(layoutBuilderService: PepLayoutBuilderService);
+    constructor(layoutBuilderService: LayoutBuilderInternalService);
     private setIfHideForCurrentScreenType;
     ngOnInit(): void;
     onEditBlockClick(): void;

package/package.json

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