some fix regarding multi-select

projects/poweredsoft/ng-select/src/lib/ps-ng-selectors/multi-select/multi-select.component.html

@@ -18,12 +18,12 @@
            </ng-container>
 
            <ng-container *ngIf="hasLabelTemplate">
-            <ng-template ng-label-tmp let-item="item" let-index="index">
-             <ng-container [ngTemplateOutlet]="selectLabelTemplate"
-                 [ngTemplateOutletContext]="{
-                 $implicit: item,
-                 index: index       
-                 }"></ng-container>
+            <ng-template ng-label-tmp let-item="item" let-index="index" let-clear="clear">
+                <span class="ng-value-label">
+                    <ng-container [ngTemplateOutlet]="selectLabelTemplate"
+                    [ngTemplateOutletContext]="{ $implicit: item, index: index, clear: clear }"></ng-container>
+                </span>
+                <span class="ng-value-icon right" (click)="clear(item)" aria-hidden="true">×</span>
             </ng-template>
         </ng-container>
 </ng-select>

projects/poweredsoft/ng-select/src/lib/ps-ng-selectors/select-label-template.directive.ts

@@ -1,10 +1,9 @@
-import { Directive, TemplateRef } from '@angular/core';
+import { Directive, TemplateRef, Input } from '@angular/core';
 
 @Directive({
   selector: '[psNgSelectLabel]'
 })
 export class SelectLabelTemplateDirective {
-
   constructor(public template: TemplateRef<any>) { }
 
 }

projects/poweredsoft/ngx-cdk-ui/src/lib/data-grid/data-grid/data-grid.component.scss

@@ -1,9 +1,10 @@
 :host  .flex-container{
     display: flex;
     justify-content: space-between;
-    align-items: baseline;
+    align-items: center;
 }
 
 :host .flex-item{
     margin-right: 1px;
+    height: 100%;
 }