ngx-rs-ant 0.2.4 → 0.4.0

package/box-container/PluginManager.d.ts

@@ -0,0 +1,15 @@
+import { ComponentRef, ViewContainerRef } from '@angular/core';
+import { Subject } from 'rxjs';
+import { BoxItemComponent } from './box-item/box-item.component';
+import { ItemConfigComponent } from "./box-item/item-config/item-config.component";
+import { ItemStyleComponent } from "./box-item/item-style/item-style.component";
+export declare class PluginManager {
+    static hoverItems: any[];
+    static activeItem: Subject<any>;
+    static activeItems: any[];
+    static createComponent(boxItem: BoxItemComponent, index: number, style: any, config: any, editMode?: boolean, control?: any): any;
+    static createHoverComponent(viewContainerRef: ViewContainerRef, componentRef: ComponentRef<any>, caption: string): any;
+    static createActiveComponent(boxItem: BoxItemComponent, index: number, componentRef: ComponentRef<any>, style: any, config: any, showClose: boolean): any;
+    static getItemConfigComponent(): typeof ItemConfigComponent;
+    static getItemStyleComponent(): typeof ItemStyleComponent;
+}

package/box-container/box-container.component.d.ts

@@ -0,0 +1,12 @@
+import { OnInit, ViewContainerRef } from '@angular/core';
+import { UntypedFormGroup } from "@angular/forms";
+import * as i0 from "@angular/core";
+export declare class BoxContainerComponent implements OnInit {
+    editMode: boolean;
+    config: any;
+    control?: UntypedFormGroup;
+    boxContainerContent: ViewContainerRef;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BoxContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BoxContainerComponent, "rs-box-container", never, { "editMode": "editMode"; "config": "config"; "control": "control"; }, {}, never, never, false, never>;
+}

package/box-container/box-container.module.d.ts

@@ -0,0 +1,21 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./box-container.component";
+import * as i2 from "./box-item/box-item-host.directive";
+import * as i3 from "./box-item/box-item.component";
+import * as i4 from "./plugin-active/plugin-active.component";
+import * as i5 from "./plugin-active/divider/divider.component";
+import * as i6 from "./plugin-active/divider/divider-line/divider-line.component";
+import * as i7 from "./plugin-hover/plugin-hover.component";
+import * as i8 from "./box-item/item-config/item-config.component";
+import * as i9 from "./box-item/item-style/item-style.component";
+import * as i10 from "./box-item/item-style/style-blank/style-blank.component";
+import * as i11 from "./box-item/item-blank/item-blank.component";
+import * as i12 from "./box-item/item-style/style/style.component";
+import * as i13 from "@angular/common";
+import * as i14 from "ng-devui";
+import * as i15 from "@angular/forms";
+export declare class BoxContainerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BoxContainerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BoxContainerModule, [typeof i1.BoxContainerComponent, typeof i2.BoxItemHostDirective, typeof i3.BoxItemComponent, typeof i4.PluginActiveComponent, typeof i5.DividerComponent, typeof i6.DividerLineComponent, typeof i7.PluginHoverComponent, typeof i8.ItemConfigComponent, typeof i9.ItemStyleComponent, typeof i10.StyleBlankComponent, typeof i11.ItemBlankComponent, typeof i12.StyleComponent], [typeof i13.CommonModule, typeof i14.DevUIModule, typeof i15.FormsModule], [typeof i1.BoxContainerComponent, typeof i8.ItemConfigComponent, typeof i9.ItemStyleComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BoxContainerModule>;
+}

package/box-container/box-item/box-item-host.directive.d.ts

@@ -0,0 +1,10 @@
+import { ElementRef, ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class BoxItemHostDirective {
+    private el;
+    viewContainerRef: ViewContainerRef;
+    hostId: any;
+    constructor(el: ElementRef, viewContainerRef: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<BoxItemHostDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BoxItemHostDirective, "[rsBoxItemHost]", never, { "hostId": "hostId"; }, {}, never, never, false, never>;
+}

package/box-container/box-item/box-item.component.d.ts

@@ -0,0 +1,36 @@
+import { EventEmitter, OnInit, QueryList } from '@angular/core';
+import { BoxItemHostDirective } from './box-item-host.directive';
+import * as i0 from "@angular/core";
+export declare class BoxItemComponent implements OnInit {
+    editMode: boolean;
+    style: any;
+    config: any;
+    control: any;
+    pDirection?: 'row' | 'column';
+    get _direction(): any;
+    get _style(): {};
+    leaveOneItem: EventEmitter<any>;
+    itemHosts: QueryList<BoxItemHostDirective>;
+    ngOnInit(): void;
+    load(): void;
+    private createBlankComponent;
+    calcStyle(item: any): {
+        flex: string;
+        height: string;
+        pointerEvents: string;
+        width?: undefined;
+    } | {
+        width: string;
+        flex: string;
+        pointerEvents: string;
+        height?: undefined;
+    } | {
+        pointerEvents: string;
+        flex?: undefined;
+        height?: undefined;
+        width?: undefined;
+    };
+    private _calcStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BoxItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BoxItemComponent, "rs-box-item", never, {}, { "leaveOneItem": "leaveOneItem"; }, never, never, false, never>;
+}

package/box-container/box-item/item-blank/item-blank.component.d.ts

@@ -0,0 +1,8 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ItemBlankComponent {
+    dropItem: EventEmitter<any>;
+    dropEvent($event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemBlankComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemBlankComponent, "rs-item-blank", never, {}, { "dropItem": "dropItem"; }, never, never, false, never>;
+}

package/box-container/box-item/item-config/item-config.component.d.ts

@@ -0,0 +1,8 @@
+import { OnInit, ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ItemConfigComponent implements OnInit {
+    pageConfigContent: ViewContainerRef;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemConfigComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemConfigComponent, "rs-item-config", never, {}, {}, never, never, false, never>;
+}

package/box-container/box-item/item-style/item-style.component.d.ts

@@ -0,0 +1,10 @@
+import { ChangeDetectorRef, OnInit, ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ItemStyleComponent implements OnInit {
+    private changeDetectorRef;
+    pageStyleContent: ViewContainerRef;
+    constructor(changeDetectorRef: ChangeDetectorRef);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemStyleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemStyleComponent, "rs-item-style", never, {}, {}, never, never, false, never>;
+}

package/box-container/box-item/item-style/style/style.component.d.ts

@@ -0,0 +1,12 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class StyleComponent implements OnInit {
+    style: any;
+    width: number | undefined;
+    height: number | undefined;
+    ngOnInit(): void;
+    select(name: string, value: any): void;
+    typing(name: string, value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StyleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StyleComponent, "rs-style", never, {}, {}, never, never, false, never>;
+}

package/box-container/box-item/item-style/style-blank/style-blank.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class StyleBlankComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StyleBlankComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StyleBlankComponent, "rs-style-blank", never, {}, {}, never, never, false, never>;
+}

package/box-container/plugin-active/divider/divider-line/divider-line.component.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+export declare class DividerLineComponent {
+    direction?: 'row' | 'column';
+    targetElement: any;
+    get _style(): {
+        height?: undefined;
+    } | {
+        height: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<DividerLineComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DividerLineComponent, "rs-divider-line", never, { "direction": "direction"; "targetElement": "targetElement"; }, {}, never, never, false, never>;
+}

package/box-container/plugin-active/divider/divider.component.d.ts

@@ -0,0 +1,23 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DividerComponent {
+    direction?: 'row' | 'column';
+    targetElement: any;
+    dividerClick: EventEmitter<any>;
+    get _style(): {
+        top?: undefined;
+        left?: undefined;
+        transform?: undefined;
+    } | {
+        top: string;
+        left: string;
+        transform: string;
+    } | {
+        top: string;
+        left: string;
+        transform?: undefined;
+    };
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DividerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DividerComponent, "rs-divider", never, { "direction": "direction"; "targetElement": "targetElement"; }, { "dividerClick": "dividerClick"; }, never, never, false, never>;
+}

package/box-container/plugin-active/plugin-active.component.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class PluginActiveComponent implements OnInit {
+    name: string;
+    showClose: boolean;
+    showDivider: boolean;
+    itemRemove: EventEmitter<any>;
+    targetElement: any;
+    targetRect: any;
+    _targetRect: any;
+    width: number;
+    _width: number;
+    height: number;
+    _height: number;
+    get _style(): {
+        width?: undefined;
+        height?: undefined;
+        top?: undefined;
+        left?: undefined;
+    } | {
+        width: string;
+        height: string;
+        top: string;
+        left: string;
+    };
+    ngOnInit(): void;
+    onItemCloseIconClick($event: any): void;
+    splitItem(direction: 'row' | 'column'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PluginActiveComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PluginActiveComponent, "rs-plugin-active", never, {}, {}, never, never, false, never>;
+}

package/box-container/plugin-hover/plugin-hover.component.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+export declare class PluginHoverComponent {
+    name: string;
+    targetElement: any;
+    get _style(): {
+        width?: undefined;
+        height?: undefined;
+        top?: undefined;
+        left?: undefined;
+    } | {
+        width: string;
+        height: string;
+        top: string;
+        left: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<PluginHoverComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PluginHoverComponent, "rs-plugin-hover", never, {}, {}, never, never, false, never>;
+}

package/data-grid/data-grid.component.d.ts

@@ -1,16 +1,19 @@
 import { OnInit } from '@angular/core';
+import { DxDataGridComponent } from "devextreme-angular";
 import * as i0 from "@angular/core";
 export declare class DataGridComponent implements OnInit {
     tenant: any;
     className: any;
-    view: any;
-    filter: any;
+    view?: any;
+    filter?: any;
     service: any;
     dataSource: any;
     columns: any[];
     typeMap: any;
+    height?: any;
+    dxDataGrid: DxDataGridComponent;
     ngOnInit(): void;
-    load(): void;
+    reload(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataGridComponent, "rs-data-grid", never, { "tenant": "tenant"; "className": "className"; "view": "view"; "filter": "filter"; "service": "service"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataGridComponent, "rs-data-grid", never, { "tenant": "tenant"; "className": "className"; "view": "view"; "filter": "filter"; "service": "service"; "height": "height"; }, {}, never, never, false, never>;
 }

package/data-grid/data-grid.module.d.ts

@@ -4,6 +4,6 @@ import * as i2 from "@angular/common";
 import * as i3 from "devextreme-angular";
 export declare class DataGridModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DataGridModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DataGridModule, [typeof i1.DataGridComponent], [typeof i2.CommonModule, typeof i3.DevExtremeModule], [typeof i1.DataGridComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DataGridModule, [typeof i1.DataGridComponent], [typeof i2.CommonModule, typeof i3.DxDataGridModule], [typeof i1.DataGridComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DataGridModule>;
 }

package/esm2020/box-container/PluginManager.mjs

@@ -0,0 +1,103 @@
+import { PluginFactory } from 'coast-plugin-register';
+import { PluginActiveComponent } from './plugin-active/plugin-active.component';
+import { PluginHoverComponent } from './plugin-hover/plugin-hover.component';
+import { Subject } from 'rxjs';
+import { ItemConfigComponent } from "./box-item/item-config/item-config.component";
+import { ItemStyleComponent } from "./box-item/item-style/item-style.component";
+import { UntypedFormControl } from "@angular/forms";
+export class PluginManager {
+    static createComponent(boxItem, index, style, config, editMode = false, control) {
+        const plugin = PluginFactory.get(config.name);
+        if (!plugin) {
+            console.error('undefined plugin: ' + config.name);
+            return;
+        }
+        const viewContainerRef = boxItem.itemHosts.get(index)?.viewContainerRef;
+        viewContainerRef.clear();
+        const componentRef = viewContainerRef.createComponent(plugin.component);
+        const instance = componentRef.instance;
+        Object.assign(instance, config.pluginConfig);
+        if (plugin.category === 'form') {
+            if (editMode) {
+                instance.control = new UntypedFormControl('');
+            }
+            else {
+                instance.control = control.get(config.pluginConfig.field);
+            }
+        }
+        if (editMode) {
+            instance.onRemove = () => {
+                boxItem.config.list.splice(index, 1, { type: 'blank', style: boxItem.config.list[index].style });
+                boxItem.load();
+            };
+            if (plugin.type === 'default') {
+                componentRef.location.nativeElement.style.pointerEvents = 'all';
+                for (let child of componentRef.location.nativeElement.children) {
+                    child.style.pointerEvents = 'none';
+                }
+            }
+            this.createHoverComponent(viewContainerRef, componentRef, plugin.caption);
+            this.createActiveComponent(boxItem, index, componentRef, style, {
+                caption: plugin.caption,
+                config
+            }, true);
+        }
+        return componentRef;
+    }
+    static createHoverComponent(viewContainerRef, componentRef, caption) {
+        const hoverComponentRef = viewContainerRef.createComponent(PluginHoverComponent);
+        hoverComponentRef.instance.name = caption;
+        hoverComponentRef.instance.targetElement = componentRef.location.nativeElement;
+        const hoverElement = hoverComponentRef.location.nativeElement;
+        componentRef.location.nativeElement.appendChild(hoverElement);
+        this.hoverItems.push(componentRef.location.nativeElement);
+        componentRef.location.nativeElement.addEventListener('mouseenter', ($event) => {
+            for (let hoverItem of this.hoverItems) {
+                hoverItem.classList.remove('plugin-hover');
+            }
+            $event.target.classList.add('plugin-hover');
+        });
+        componentRef.location.nativeElement.addEventListener('mouseleave', ($event) => {
+            $event.target.classList.remove('plugin-hover');
+            $event.target.parentElement.parentElement.classList.add('plugin-hover');
+        });
+        return hoverComponentRef;
+    }
+    static createActiveComponent(boxItem, index, componentRef, style, config, showClose) {
+        const viewContainerRef = boxItem.itemHosts.get(index)?.viewContainerRef;
+        const activeComponentRef = viewContainerRef.createComponent(PluginActiveComponent);
+        activeComponentRef.instance.name = config.caption;
+        activeComponentRef.instance.showClose = showClose;
+        activeComponentRef.instance.targetElement = componentRef.location.nativeElement;
+        const activeElement = activeComponentRef.location.nativeElement;
+        componentRef.location.nativeElement.appendChild(activeElement);
+        this.activeItems.push(componentRef.location.nativeElement);
+        componentRef.location.nativeElement.addEventListener('click', ($event) => {
+            $event.stopPropagation();
+            for (let activeItem of this.activeItems) {
+                activeItem.classList.remove('plugin-active');
+            }
+            if (this.activeItems.indexOf($event.target) < 0) {
+                return;
+            }
+            this.activeItem.next({ boxItem, index, style, config: config.config });
+            $event.target.classList.add('plugin-active');
+        });
+        activeComponentRef.instance.itemRemove.subscribe(() => {
+            this.activeItem.next('');
+            viewContainerRef.clear();
+            componentRef.instance.onRemove();
+        });
+        return activeComponentRef;
+    }
+    static getItemConfigComponent() {
+        return ItemConfigComponent;
+    }
+    static getItemStyleComponent() {
+        return ItemStyleComponent;
+    }
+}
+PluginManager.hoverItems = [];
+PluginManager.activeItem = new Subject();
+PluginManager.activeItems = [];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGx1Z2luTWFuYWdlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1ycy1hbnQvc3JjL2JveC1jb250YWluZXIvUGx1Z2luTWFuYWdlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sdUJBQXVCLENBQUM7QUFDcEQsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0seUNBQXlDLENBQUM7QUFDOUUsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sdUNBQXVDLENBQUM7QUFDM0UsT0FBTyxFQUFDLE9BQU8sRUFBQyxNQUFNLE1BQU0sQ0FBQztBQUU3QixPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSw4Q0FBOEMsQ0FBQztBQUNqRixPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSw0Q0FBNEMsQ0FBQztBQUM5RSxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUVsRCxNQUFNLE9BQU8sYUFBYTtJQUt4QixNQUFNLENBQUMsZUFBZSxDQUFDLE9BQXlCLEVBQUUsS0FBYSxFQUFFLEtBQVUsRUFBRSxNQUFXLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxPQUFhO1FBQ3ZILE1BQU0sTUFBTSxHQUFHLGFBQWEsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzlDLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDWCxPQUFPLENBQUMsS0FBSyxDQUFDLG9CQUFvQixHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNsRCxPQUFPO1NBQ1I7UUFDRCxNQUFNLGdCQUFnQixHQUFRLE9BQU8sQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxFQUFFLGdCQUFnQixDQUFDO1FBQzdFLGdCQUFnQixDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ3pCLE1BQU0sWUFBWSxHQUFHLGdCQUFnQixDQUFDLGVBQWUs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IjpbImltcG9ydCB7Q29tcG9uZW50UmVmLCBWaWV3Q29udGFpbmVyUmVmfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtQbHVnaW5GYWN0b3J5fSBmcm9tICdjb2FzdC1wbHVnaW4tcmVnaXN0ZXInO1xyXG5pbXBvcnQge1BsdWdpbkFjdGl2ZUNvbXBvbmVudH0gZnJvbSAnLi9wbHVnaW4tYWN0aXZlL3BsdWdpbi1hY3RpdmUuY29tcG9uZW50JztcclxuaW1wb3J0IHtQbHVnaW5Ib3ZlckNvbXBvbmVudH0gZnJvbSAnLi9wbHVnaW4taG92ZXIvcGx1Z2luLWhvdmVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7U3ViamVjdH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7Qm94SXRlbUNvbXBvbmVudH0gZnJvbSAnLi9ib3gtaXRlbS9ib3gtaXRlbS5jb21wb25lbnQnO1xyXG5pbXBvcnQge0l0ZW1Db25maWdDb21wb25lbnR9IGZyb20gXCIuL2JveC1pdGVtL2l0ZW0tY29uZmlnL2l0ZW0tY29uZmlnLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQge0l0ZW1TdHlsZUNvbXBvbmVudH0gZnJvbSBcIi4vYm94LWl0ZW0vaXRlbS1zdHlsZS9pdGVtLXN0eWxlLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQge1VudHlwZWRGb3JtQ29udHJvbH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XHJcblxyXG5leHBvcnQgY2xhc3MgUGx1Z2luTWFuYWdlciB7XHJcbiAgc3RhdGljIGhvdmVySXRlbXM6IGFueVtdID0gW107XHJcbiAgc3RhdGljIGFjdGl2ZUl0ZW0gPSBuZXcgU3ViamVjdDxhbnk+KCk7XHJcbiAgc3RhdGljIGFjdGl2ZUl0ZW1zOiBhbnlbXSA9IFtdO1xyXG5cclxuICBzdGF0aWMgY3JlYXRlQ29tcG9uZW50KGJveEl0ZW06IEJveEl0ZW1Db21wb25lbnQsIGluZGV4OiBudW1iZXIsIHN0eWxlOiBhbnksIGNvbmZpZzogYW55LCBlZGl0TW9kZSA9IGZhbHNlLCBjb250cm9sPzogYW55KTogYW55IHtcclxuICAgIGNvbnN0IHBsdWdpbiA9IFBsdWdpbkZhY3RvcnkuZ2V0KGNvbmZpZy5uYW1lKTtcclxuICAgIGlmICghcGx1Z2luKSB7XHJcbiAgICAgIGNvbnNvbGUuZXJyb3IoJ3VuZGVmaW5lZCBwbHVnaW46ICcgKyBjb25maWcubmFtZSk7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuICAgIGNvbnN0IHZpZXdDb250YWluZXJSZWY6IGFueSA9IGJveEl0ZW0uaXRlbUhvc3RzLmdldChpbmRleCk/LnZpZXdDb250YWluZXJSZWY7XHJcbiAgICB2aWV3Q29udGFpbmVyUmVmLmNsZWFyKCk7XHJcbiAgICBjb25zdCBjb21wb25lbnRSZWYgPSB2aWV3Q29udGFpbmVyUmVmLmNyZWF0ZUNvbXBvbmVudChwbHVnaW4uY29tcG9uZW50KTtcclxuICAgIGNvbnN0IGluc3RhbmNlOiBhbnkgPSBjb21wb25lbnRSZWYuaW5zdGFuY2U7XHJcbiAgICBPYmplY3QuYXNzaWduKGluc3RhbmNlLCBjb25maWcucGx1Z2luQ29uZmlnKTtcclxuICAgIGlmIChwbHVnaW4uY2F0ZWdvcnkgPT09ICdmb3JtJykge1xyXG4gICAgICBpZiAoZWRpdE1vZGUpIHtcclxuICAgICAgICBpbnN0YW5jZS5jb250cm9sID0gbmV3IFVudHlwZWRGb3JtQ29udHJvbCgnJyk7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgaW5zdGFuY2UuY29udHJvbCA9IGNvbnRyb2wuZ2V0KGNvbmZpZy5wbHVnaW5Db25maWcuZmllbGQpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICBpZiAoZWRpdE1vZGUpIHtcclxuICAgICAgaW5zdGFuY2Uub25SZW1vdmUgPSAoKSA9PiB7XHJcbiAgICAgICAgYm94SXRlbS5jb25maWcubGlzdC5zcGxpY2UoaW5kZXgsIDEsIHt0eXBlOiAnYmxhbmsnLCBzdHlsZTogYm94SXRlbS5jb25maWcubGlzdFtpbmRleF0uc3R5bGV9KTtcclxuICAgICAgICBib3hJdGVtLmxvYWQoKTtcclxuICAgICAgfTtcclxuICAgICAgaWYgKHBsdWdpbi50eXBlID09PSAnZGVmYXVsdCcpIHtcclxuICAgICAgICBjb21wb25lbnRSZWYubG9jYXRpb24ubmF0aXZlRWxlbWVudC5zdHlsZS5wb2ludGVyRXZlbnRzID0gJ2FsbCc7XHJcbiAgICAgICAgZm9yIChsZXQgY2hpbGQgb2YgY29tcG9uZW50UmVmLmxvY2F0aW9uLm5hdGl2ZUVsZW1lbnQuY2hpbGRyZW4pIHtcclxuICAgICAgICAgIGNoaWxkLnN0eWxlLnBvaW50ZXJFdmVudHMgPSAnbm9uZSc7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICAgIHRoaXMuY3JlYXRlSG92ZXJDb21wb25lbnQodmlld0NvbnRhaW5lclJlZiwgY29tcG9uZW50UmVmLCBwbHVnaW4uY2FwdGlvbik7XHJcbiAgICAgIHRoaXMuY3JlYXRlQWN0aXZlQ29tcG9uZW50KGJveEl0ZW0sIGluZGV4LCBjb21wb25lbnRSZWYsIHN0eWxlLCB7XHJcbiAgICAgICAgY2FwdGlvbjogcGx1Z2luLmNhcHRpb24sXHJcbiAgICAgICAgY29uZmlnXHJcbiAgICAgIH0sIHRydWUpO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIGNvbXBvbmVudFJlZjtcclxuICB9XHJcblxyXG4gIHN0YXRpYyBjcmVhdGVIb3ZlckNvbXBvbmVudCh2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmLCBjb21wb25lbnRSZWY6IENvbXBvbmVudFJlZjxhbnk+LCBjYXB0aW9uOiBzdHJpbmcpOiBhbnkge1xyXG4gICAgY29uc3QgaG92ZXJDb21wb25lbnRSZWYgPSB2aWV3Q29udGFpbmVyUmVmLmNyZWF0ZUNvbXBvbmVudChQbHVnaW5Ib3ZlckNvbXBvbmVudCk7XHJcbiAgICBob3ZlckNvbXBvbmVudFJlZi5pbnN0YW5jZS5uYW1lID0gY2FwdGlvbjtcclxuICAgIGhvdmVyQ29tcG9uZW50UmVmLmluc3RhbmNlLnRhcmdldEVsZW1lbnQgPSBjb21wb25lbnRSZWYubG9jYXRpb24ubmF0aXZlRWxlbWVudDtcclxuICAgIGNvbnN0IGhvdmVyRWxlbWVudCA9IGhvdmVyQ29tcG9uZW50UmVmLmxvY2F0aW9uLm5hdGl2ZUVsZW1lbnQ7XHJcbiAgICBjb21wb25lbnRSZWYubG9jYXRpb24ubmF0aXZlRWxlbWVudC5hcHBlbmRDaGlsZChob3ZlckVsZW1lbnQpO1xyXG4gICAgdGhpcy5ob3Zlckl0ZW1zLnB1c2goY29tcG9uZW50UmVmLmxvY2F0aW9uLm5hdGl2ZUVsZW1lbnQpO1xyXG4gICAgY29tcG9uZW50UmVmLmxvY2F0aW9uLm5hdGl2ZUVsZW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2VlbnRlcicsICgkZXZlbnQ6IGFueSkgPT4ge1xyXG4gICAgICBmb3IgKGxldCBob3Zlckl0ZW0gb2YgdGhpcy5ob3Zlckl0ZW1zKSB7XHJcbiAgICAgICAgaG92ZXJJdGVtLmNsYXNzTGlzdC5yZW1vdmUoJ3BsdWdpbi1ob3ZlcicpO1xyXG4gICAgICB9XHJcbiAgICAgICRldmVudC50YXJnZXQuY2xhc3NMaXN0LmFkZCgncGx1Z2luLWhvdmVyJyk7XHJcbiAgICB9KTtcclxuICAgIGNvbXBvbmVudFJlZi5sb2NhdGlvbi5uYXRpdmVFbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlbGVhdmUnLCAoJGV2ZW50OiBhbnkpID0+IHtcclxuICAgICAgJGV2ZW50LnRhcmdldC5jbGFzc0xpc3QucmVtb3ZlKCdwbHVnaW4taG92ZXInKTtcclxuICAgICAgJGV2ZW50LnRhcmdldC5wYXJlbnRFbGVtZW50LnBhcmVudEVsZW1lbnQuY2xhc3NMaXN0LmFkZCgncGx1Z2luLWhvdmVyJyk7XHJcbiAgICB9KTtcclxuICAgIHJldHVybiBob3ZlckNvbXBvbmVudFJlZjtcclxuICB9XHJcblxyXG4gIHN0YXRpYyBjcmVhdGVBY3RpdmVDb21wb25lbnQoYm94SXRlbTogQm94SXRlbUNvbXBvbmVudCwgaW5kZXg6IG51bWJlciwgY29tcG9uZW50UmVmOiBDb21wb25lbnRSZWY8YW55PixcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlOiBhbnksIGNvbmZpZzogYW55LCBzaG93Q2xvc2U6IGJvb2xlYW4pOiBhbnkge1xyXG4gICAgY29uc3Qgdmlld0NvbnRhaW5lclJlZjogYW55ID0gYm94SXRlbS5pdGVtSG9zdHMuZ2V0KGluZGV4KT8udmlld0NvbnRhaW5lclJlZjtcclxuICAgIGNvbnN0IGFjdGl2ZUNvbXBvbmVudFJlZiA9IHZpZXdDb250YWluZXJSZWYuY3JlYXRlQ29tcG9uZW50KFBsdWdpbkFjdGl2ZUNvbXBvbmVudCk7XHJcbiAgICBhY3RpdmVDb21wb25lbnRSZWYuaW5zdGFuY2UubmFtZSA9IGNvbmZpZy5jYXB0aW9uO1xyXG4gICAgYWN0aXZlQ29tcG9uZW50UmVmLmluc3RhbmNlLnNob3dDbG9zZSA9IHNob3dDbG9zZTtcclxuICAgIGFjdGl2ZUNvbXBvbmVudFJlZi5pbnN0YW5jZS50YXJnZXRFbGVtZW50ID0gY29tcG9uZW50UmVmLmxvY2F0aW9uLm5hdGl2ZUVsZW1lbnQ7XHJcbiAgICBjb25zdCBhY3RpdmVFbGVtZW50ID0gYWN0aXZlQ29tcG9uZW50UmVmLmxvY2F0aW9uLm5hdGl2ZUVsZW1lbnQ7XHJcbiAgICBjb21wb25lbnRSZWYubG9jYXRpb24ubmF0aXZlRWxlbWVudC5hcHBlbmRDaGlsZChhY3RpdmVFbGVtZW50KTtcclxuICAgIHRoaXMuYWN0aXZlSXRlbXMucHVzaChjb21wb25lbnRSZWYubG9jYXRpb24ubmF0aXZlRWxlbWVudCk7XHJcbiAgICBjb21wb25lbnRSZWYubG9jYXRpb24ubmF0aXZlRWxlbWVudC5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsICgkZXZlbnQ6IGFueSkgPT4ge1xyXG4gICAgICAkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcbiAgICAgIGZvciAobGV0IGFjdGl2ZUl0ZW0gb2YgdGhpcy5hY3RpdmVJdGVtcykge1xyXG4gICAgICAgIGFjdGl2ZUl0ZW0uY2xhc3NMaXN0LnJlbW92ZSgncGx1Z2luLWFjdGl2ZScpO1xyXG4gICAgICB9XHJcbiAgICAgIGlmICh0aGlzLmFjdGl2ZUl0ZW1zLmluZGV4T2YoJGV2ZW50LnRhcmdldCkgPCAwKSB7XHJcbiAgICAgICAgcmV0dXJuO1xyXG4gICAgICB9XHJcbiAgICAgIHRoaXMuYWN0aXZlSXRlbS5uZXh0KHtib3hJdGVtLCBpbmRleCwgc3R5bGUsIGNvbmZpZzogY29uZmlnLmNvbmZpZ30pO1xyXG4gICAgICAkZXZlbnQudGFyZ2V0LmNsYXNzTGlzdC5hZGQoJ3BsdWdpbi1hY3RpdmUnKTtcclxuICAgIH0pO1xyXG4gICAgYWN0aXZlQ29tcG9uZW50UmVmLmluc3RhbmNlLml0ZW1SZW1vdmUuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgdGhpcy5hY3RpdmVJdGVtLm5leHQoJycpO1xyXG4gICAgICB2aWV3Q29udGFpbmVyUmVmLmNsZWFyKCk7XHJcbiAgICAgIGNvbXBvbmVudFJlZi5pbnN0YW5jZS5vblJlbW92ZSgpO1xyXG4gICAgfSk7XHJcbiAgICByZXR1cm4gYWN0aXZlQ29tcG9uZW50UmVmO1xyXG4gIH1cclxuXHJcbiAgc3RhdGljIGdldEl0ZW1Db25maWdDb21wb25lbnQoKSB7XHJcbiAgICByZXR1cm4gSXRlbUNvbmZpZ0NvbXBvbmVudDtcclxuICB9XHJcblxyXG4gIHN0YXRpYyBnZXRJdGVtU3R5bGVDb21wb25lbnQoKSB7XHJcbiAgICByZXR1cm4gSXRlbVN0eWxlQ29tcG9uZW50O1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2020/box-container/box-container.component.mjs

@@ -0,0 +1,44 @@
+import { Component, Input, ViewChild, ViewContainerRef } from '@angular/core';
+import { BoxItemComponent } from './box-item/box-item.component';
+import * as i0 from "@angular/core";
+export class BoxContainerComponent {
+    constructor() {
+        this.editMode = false;
+        this.config = {
+            direction: 'row',
+            list: [{ type: 'blank', style: {} }]
+        };
+    }
+    ngOnInit() {
+        const boxItemComponentRef = this.boxContainerContent.createComponent(BoxItemComponent);
+        const instance = boxItemComponentRef.instance;
+        instance.editMode = this.editMode;
+        instance.config = this.config;
+        instance.control = this.control;
+        instance.leaveOneItem?.subscribe((item) => {
+            if (item.type === 'item') {
+                Object.assign(instance.config, item);
+            }
+            else {
+                instance.config.direction = 'row';
+            }
+            instance.load();
+        });
+    }
+}
+BoxContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: BoxContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BoxContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: BoxContainerComponent, selector: "rs-box-container", inputs: { editMode: "editMode", config: "config", control: "control" }, viewQueries: [{ propertyName: "boxContainerContent", first: true, predicate: ["boxContainerContent"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<ng-container #boxContainerContent></ng-container>\n", styles: [":host{flex:auto;position:relative;display:flex;overflow:auto}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: BoxContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rs-box-container', template: "<ng-container #boxContainerContent></ng-container>\n", styles: [":host{flex:auto;position:relative;display:flex;overflow:auto}\n"] }]
+        }], propDecorators: { editMode: [{
+                type: Input
+            }], config: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], boxContainerContent: [{
+                type: ViewChild,
+                args: ['boxContainerContent', { static: true, read: ViewContainerRef }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtcnMtYW50L3NyYy9ib3gtY29udGFpbmVyL2JveC1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXJzLWFudC9zcmMvYm94LWNvbnRhaW5lci9ib3gtY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFVLFNBQVMsRUFBRSxnQkFBZ0IsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNwRixPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQzs7QUFRL0QsTUFBTSxPQUFPLHFCQUFxQjtJQUxsQztRQU9FLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFFMUIsV0FBTSxHQUFRO1lBQ1osU0FBUyxFQUFFLEtBQUs7WUFDaEIsSUFBSSxFQUFFLENBQUMsRUFBQyxJQUFJLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUMsQ0FBQztTQUNuQyxDQUFDO0tBb0JIO0lBZkMsUUFBUTtRQUNOLE1BQU0sbUJBQW1CLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGVBQWUsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ3ZGLE1BQU0sUUFBUSxHQUFHLG1CQUFtQixDQUFDLFFBQVEsQ0FBQztRQUM5QyxRQUFRLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDbEMsUUFBUSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQzlCLFFBQVEsQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUNoQyxRQUFRLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQVMsRUFBRSxFQUFFO1lBQzdDLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxNQUFNLEVBQUU7Z0JBQ3hCLE1BQU0sQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsQ0FBQzthQUN0QztpQkFBTTtnQkFDTCxRQUFRLENBQUMsTUFBTSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7YUFDbkM7WUFDRCxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDbEIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDOztrSEExQlUscUJBQXFCO3NHQUFyQixxQkFBcUIsdU9BVXVCLGdCQUFnQiwyQ0NuQnpFLHNEQUNBOzJGRFFhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxrQkFBa0I7OEJBTTVCLFFBQVE7c0JBRFAsS0FBSztnQkFHTixNQUFNO3NCQURMLEtBQUs7Z0JBTU4sT0FBTztzQkFETixLQUFLO2dCQUVvRSxtQkFBbUI7c0JBQTVGLFNBQVM7dUJBQUMscUJBQXFCLEVBQUUsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBWaWV3Q2hpbGQsIFZpZXdDb250YWluZXJSZWZ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtCb3hJdGVtQ29tcG9uZW50fSBmcm9tICcuL2JveC1pdGVtL2JveC1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQge1VudHlwZWRGb3JtQXJyYXksIFVudHlwZWRGb3JtR3JvdXB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdycy1ib3gtY29udGFpbmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JveC1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ib3gtY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQm94Q29udGFpbmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KClcbiAgZWRpdE1vZGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KClcbiAgY29uZmlnOiBhbnkgPSB7XG4gICAgZGlyZWN0aW9uOiAncm93JyxcbiAgICBsaXN0OiBbe3R5cGU6ICdibGFuaycsIHN0eWxlOiB7fX1dXG4gIH07XG4gIEBJbnB1dCgpXG4gIGNvbnRyb2w/OiBVbnR5cGVkRm9ybUdyb3VwO1xuICBAVmlld0NoaWxkKCdib3hDb250YWluZXJDb250ZW50Jywge3N0YXRpYzogdHJ1ZSwgcmVhZDogVmlld0NvbnRhaW5lclJlZn0pIGJveENvbnRhaW5lckNvbnRlbnQhOiBWaWV3Q29udGFpbmVyUmVmO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGNvbnN0IGJveEl0ZW1Db21wb25lbnRSZWYgPSB0aGlzLmJveENvbnRhaW5lckNvbnRlbnQuY3JlYXRlQ29tcG9uZW50KEJveEl0ZW1Db21wb25lbnQpO1xuICAgIGNvbnN0IGluc3RhbmNlID0gYm94SXRlbUNvbXBvbmVudFJlZi5pbnN0YW5jZTtcbiAgICBpbnN0YW5jZS5lZGl0TW9kZSA9IHRoaXMuZWRpdE1vZGU7XG4gICAgaW5zdGFuY2UuY29uZmlnID0gdGhpcy5jb25maWc7XG4gICAgaW5zdGFuY2UuY29udHJvbCA9IHRoaXMuY29udHJvbDtcbiAgICBpbnN0YW5jZS5sZWF2ZU9uZUl0ZW0/LnN1YnNjcmliZSgoaXRlbTogYW55KSA9PiB7XG4gICAgICBpZiAoaXRlbS50eXBlID09PSAnaXRlbScpIHtcbiAgICAgICAgT2JqZWN0LmFzc2lnbihpbnN0YW5jZS5jb25maWcsIGl0ZW0pO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgaW5zdGFuY2UuY29uZmlnLmRpcmVjdGlvbiA9ICdyb3cnO1xuICAgICAgfVxuICAgICAgaW5zdGFuY2UubG9hZCgpO1xuICAgIH0pO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyICNib3hDb250YWluZXJDb250ZW50PjwvbmctY29udGFpbmVyPlxuIl19

package/esm2020/box-container/box-container.module.mjs

@@ -0,0 +1,69 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { BoxContainerComponent } from './box-container.component';
+import { BoxItemHostDirective } from './box-item/box-item-host.directive';
+import { BoxItemComponent } from './box-item/box-item.component';
+import { DevUIModule } from 'ng-devui';
+import { PluginActiveComponent } from "./plugin-active/plugin-active.component";
+import { PluginHoverComponent } from "./plugin-hover/plugin-hover.component";
+import { DividerComponent } from "./plugin-active/divider/divider.component";
+import { DividerLineComponent } from "./plugin-active/divider/divider-line/divider-line.component";
+import { ItemConfigComponent } from './box-item/item-config/item-config.component';
+import { ItemStyleComponent } from './box-item/item-style/item-style.component';
+import { StyleBlankComponent } from './box-item/item-style/style-blank/style-blank.component';
+import { ItemBlankComponent } from './box-item/item-blank/item-blank.component';
+import { FormsModule } from "@angular/forms";
+import { StyleComponent } from './box-item/item-style/style/style.component';
+import * as i0 from "@angular/core";
+export class BoxContainerModule {
+}
+BoxContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: BoxContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BoxContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: BoxContainerModule, declarations: [BoxContainerComponent,
+        BoxItemHostDirective,
+        BoxItemComponent,
+        PluginActiveComponent,
+        DividerComponent,
+        DividerLineComponent,
+        PluginHoverComponent,
+        ItemConfigComponent,
+        ItemStyleComponent,
+        StyleBlankComponent,
+        ItemBlankComponent,
+        StyleComponent], imports: [CommonModule,
+        DevUIModule,
+        FormsModule], exports: [BoxContainerComponent,
+        ItemConfigComponent,
+        ItemStyleComponent] });
+BoxContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: BoxContainerModule, imports: [CommonModule,
+        DevUIModule,
+        FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: BoxContainerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BoxContainerComponent,
+                        BoxItemHostDirective,
+                        BoxItemComponent,
+                        PluginActiveComponent,
+                        DividerComponent,
+                        DividerLineComponent,
+                        PluginHoverComponent,
+                        ItemConfigComponent,
+                        ItemStyleComponent,
+                        StyleBlankComponent,
+                        ItemBlankComponent,
+                        StyleComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        DevUIModule,
+                        FormsModule
+                    ],
+                    exports: [
+                        BoxContainerComponent,
+                        ItemConfigComponent,
+                        ItemStyleComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LWNvbnRhaW5lci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtcnMtYW50L3NyYy9ib3gtY29udGFpbmVyL2JveC1jb250YWluZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxxQkFBcUIsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQ2hFLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLG9DQUFvQyxDQUFDO0FBQ3hFLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBQy9ELE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxVQUFVLENBQUM7QUFDckMsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0seUNBQXlDLENBQUM7QUFDOUUsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sdUNBQXVDLENBQUM7QUFDM0UsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sMkNBQTJDLENBQUM7QUFDM0UsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sNkRBQTZELENBQUM7QUFDakcsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sOENBQThDLENBQUM7QUFDakYsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sNENBQTRDLENBQUM7QUFDOUUsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0seURBQXlELENBQUM7QUFDNUYsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sNENBQTRDLENBQUM7QUFDOUUsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSw2Q0FBNkMsQ0FBQzs7QUE0QjNFLE1BQU0sT0FBTyxrQkFBa0I7OytHQUFsQixrQkFBa0I7Z0hBQWxCLGtCQUFrQixpQkF4QjNCLHFCQUFxQjtRQUNyQixvQkFBb0I7UUFDcEIsZ0JBQWdCO1FBQ2hCLHFCQUFxQjtRQUNyQixnQkFBZ0I7UUFDaEIsb0JBQW9CO1FBQ3BCLG9CQUFvQjtRQUNwQixtQkFBbUI7UUFDbkIsa0JBQWtCO1FBQ2xCLG1CQUFtQjtRQUNuQixrQkFBa0I7UUFDbEIsY0FBYyxhQUdkLFlBQVk7UUFDWixXQUFXO1FBQ1gsV0FBVyxhQUdYLHFCQUFxQjtRQUNyQixtQkFBbUI7UUFDbkIsa0JBQWtCO2dIQUdULGtCQUFrQixZQVYzQixZQUFZO1FBQ1osV0FBVztRQUNYLFdBQVc7MkZBUUYsa0JBQWtCO2tCQTFCOUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1oscUJBQXFCO3dCQUNyQixvQkFBb0I7d0JBQ3BCLGdCQUFnQjt3QkFDaEIscUJBQXFCO3dCQUNyQixnQkFBZ0I7d0JBQ2hCLG9CQUFvQjt3QkFDcEIsb0JBQW9CO3dCQUNwQixtQkFBbUI7d0JBQ25CLGtCQUFrQjt3QkFDbEIsbUJBQW1CO3dCQUNuQixrQkFBa0I7d0JBQ2xCLGNBQWM7cUJBQ2Y7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxXQUFXO3FCQUNaO29CQUNELE9BQU8sRUFBRTt3QkFDUCxxQkFBcUI7d0JBQ3JCLG1CQUFtQjt3QkFDbkIsa0JBQWtCO3FCQUNuQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtCb3hDb250YWluZXJDb21wb25lbnR9IGZyb20gJy4vYm94LWNvbnRhaW5lci5jb21wb25lbnQnO1xyXG5pbXBvcnQge0JveEl0ZW1Ib3N0RGlyZWN0aXZlfSBmcm9tICcuL2JveC1pdGVtL2JveC1pdGVtLWhvc3QuZGlyZWN0aXZlJztcclxuaW1wb3J0IHtCb3hJdGVtQ29tcG9uZW50fSBmcm9tICcuL2JveC1pdGVtL2JveC1pdGVtLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7RGV2VUlNb2R1bGV9IGZyb20gJ25nLWRldnVpJztcclxuaW1wb3J0IHtQbHVnaW5BY3RpdmVDb21wb25lbnR9IGZyb20gXCIuL3BsdWdpbi1hY3RpdmUvcGx1Z2luLWFjdGl2ZS5jb21wb25lbnRcIjtcclxuaW1wb3J0IHtQbHVnaW5Ib3ZlckNvbXBvbmVudH0gZnJvbSBcIi4vcGx1Z2luLWhvdmVyL3BsdWdpbi1ob3Zlci5jb21wb25lbnRcIjtcclxuaW1wb3J0IHtEaXZpZGVyQ29tcG9uZW50fSBmcm9tIFwiLi9wbHVnaW4tYWN0aXZlL2RpdmlkZXIvZGl2aWRlci5jb21wb25lbnRcIjtcclxuaW1wb3J0IHtEaXZpZGVyTGluZUNvbXBvbmVudH0gZnJvbSBcIi4vcGx1Z2luLWFjdGl2ZS9kaXZpZGVyL2RpdmlkZXItbGluZS9kaXZpZGVyLWxpbmUuY29tcG9uZW50XCI7XHJcbmltcG9ydCB7SXRlbUNvbmZpZ0NvbXBvbmVudH0gZnJvbSAnLi9ib3gtaXRlbS9pdGVtLWNvbmZpZy9pdGVtLWNvbmZpZy5jb21wb25lbnQnO1xyXG5pbXBvcnQge0l0ZW1TdHlsZUNvbXBvbmVudH0gZnJvbSAnLi9ib3gtaXRlbS9pdGVtLXN0eWxlL2l0ZW0tc3R5bGUuY29tcG9uZW50JztcclxuaW1wb3J0IHtTdHlsZUJsYW5rQ29tcG9uZW50fSBmcm9tICcuL2JveC1pdGVtL2l0ZW0tc3R5bGUvc3R5bGUtYmxhbmsvc3R5bGUtYmxhbmsuY29tcG9uZW50JztcclxuaW1wb3J0IHtJdGVtQmxhbmtDb21wb25lbnR9IGZyb20gJy4vYm94LWl0ZW0vaXRlbS1ibGFuay9pdGVtLWJsYW5rLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7Rm9ybXNNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xyXG5pbXBvcnQge1N0eWxlQ29tcG9uZW50fSBmcm9tICcuL2JveC1pdGVtL2l0ZW0tc3R5bGUvc3R5bGUvc3R5bGUuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBCb3hDb250YWluZXJDb21wb25lbnQsXHJcbiAgICBCb3hJdGVtSG9zdERpcmVjdGl2ZSxcclxuICAgIEJveEl0ZW1Db21wb25lbnQsXHJcbiAgICBQbHVnaW5BY3RpdmVDb21wb25lbnQsXHJcbiAgICBEaXZpZGVyQ29tcG9uZW50LFxyXG4gICAgRGl2aWRlckxpbmVDb21wb25lbnQsXHJcbiAgICBQbHVnaW5Ib3ZlckNvbXBvbmVudCxcclxuICAgIEl0ZW1Db25maWdDb21wb25lbnQsXHJcbiAgICBJdGVtU3R5bGVDb21wb25lbnQsXHJcbiAgICBTdHlsZUJsYW5rQ29tcG9uZW50LFxyXG4gICAgSXRlbUJsYW5rQ29tcG9uZW50LFxyXG4gICAgU3R5bGVDb21wb25lbnRcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIERldlVJTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIEJveENvbnRhaW5lckNvbXBvbmVudCxcclxuICAgIEl0ZW1Db25maWdDb21wb25lbnQsXHJcbiAgICBJdGVtU3R5bGVDb21wb25lbnRcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCb3hDb250YWluZXJNb2R1bGUge1xyXG59XHJcbiJdfQ==

package/esm2020/box-container/box-item/box-item-host.directive.mjs

@@ -0,0 +1,20 @@
+import { Directive, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class BoxItemHostDirective {
+    constructor(el, viewContainerRef) {
+        this.el = el;
+        this.viewContainerRef = viewContainerRef;
+        this.el.nativeElement.hostId = this.hostId;
+    }
+}
+BoxItemHostDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: BoxItemHostDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+BoxItemHostDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: BoxItemHostDirective, selector: "[rsBoxItemHost]", inputs: { hostId: "hostId" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: BoxItemHostDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rsBoxItemHost]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { hostId: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LWl0ZW0taG9zdC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtcnMtYW50L3NyYy9ib3gtY29udGFpbmVyL2JveC1pdGVtL2JveC1pdGVtLWhvc3QuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQWMsS0FBSyxFQUFtQixNQUFNLGVBQWUsQ0FBQzs7QUFLN0UsTUFBTSxPQUFPLG9CQUFvQjtJQUkvQixZQUFvQixFQUFjLEVBQVMsZ0JBQWtDO1FBQXpELE9BQUUsR0FBRixFQUFFLENBQVk7UUFBUyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQzNFLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQzdDLENBQUM7O2lIQU5VLG9CQUFvQjtxR0FBcEIsb0JBQW9COzJGQUFwQixvQkFBb0I7a0JBSGhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtpQkFDNUI7Z0lBR0MsTUFBTTtzQkFETCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIElucHV0LCBWaWV3Q29udGFpbmVyUmVmfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3JzQm94SXRlbUhvc3RdJ1xufSlcbmV4cG9ydCBjbGFzcyBCb3hJdGVtSG9zdERpcmVjdGl2ZSB7XG4gIEBJbnB1dCgpXG4gIGhvc3RJZDogYW55O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWw6IEVsZW1lbnRSZWYsIHB1YmxpYyB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmKSB7XG4gICAgdGhpcy5lbC5uYXRpdmVFbGVtZW50Lmhvc3RJZCA9IHRoaXMuaG9zdElkO1xuICB9XG59XG4iXX0=