ing

@overflow/commons/ui/component/index.ts

@@ -3,6 +3,7 @@ import {
 } from './menu';
 
 import {
+  DivComponent,
   DropdownPanelComponent,
   PopupPanelComponent,
 } from './primeng';
@@ -17,6 +18,7 @@ import {
 } from './window';
 
 export const COMPONENTS = [
+  DivComponent,
   DropdownPanelComponent,
   MenuBarComponent,
   PopupPanelComponent,

@overflow/commons/ui/component/primeng/div.component.ts

@@ -0,0 +1,24 @@
+import {
+  Component, ElementRef, Input,
+} from '@angular/core';
+import { BlockableUI } from 'primeng/primeng';
+
+@Component({
+  selector: 'of-p-div',
+  template: `
+    <div [ngStyle]="style" [class]="styleClass">
+      <ng-content></ng-content>
+    </div>
+  `,
+})
+export class DivComponent implements BlockableUI {
+  @Input() style: any;
+
+  @Input() styleClass: string;
+
+  constructor(private el: ElementRef) { }
+
+  getBlockableElement(): HTMLElement {
+    return this.el.nativeElement.children[0];
+  }
+}

@overflow/commons/ui/component/primeng/index.ts

@@ -1,2 +1,3 @@
+export { DivComponent } from './div.component';
 export { DropdownPanelComponent } from './dropdown-panel.component';
 export { PopupPanelComponent } from './popup-panel.component';