chore(*): Mark for check when order is set to reflect host bind.

Author: MKirova

projects/igniteui-angular/src/lib/splitter/splitter-pane/splitter-pane.component.ts

@@ -1,4 +1,4 @@
-import { Component, HostBinding, Input, ElementRef, Output, EventEmitter, booleanAttribute } from '@angular/core';
+import { Component, HostBinding, Input, ElementRef, Output, EventEmitter, booleanAttribute, ChangeDetectorRef } from '@angular/core';
 
 /**
  * Represents individual resizable/collapsible panes.
@@ -22,6 +22,7 @@ import { Component, HostBinding, Input, ElementRef, Output, EventEmitter, boolea
 export class IgxSplitterPaneComponent {
     private _minSize: string;
     private _maxSize: string;
+    private _order!: number;
 
     /**
      * @hidden @internal
@@ -102,7 +103,13 @@ export class IgxSplitterPaneComponent {
 
     /** @hidden @internal */
     @HostBinding('style.order')
-    public order!: number;
+    public get order() {
+        return this._order;
+    }
+    public set order(val) {
+       this._order = val;
+       this.cdr.markForCheck();
+    }
 
     /**
      * @hidden @internal
@@ -226,7 +233,7 @@ export class IgxSplitterPaneComponent {
     private _collapsed = false;
 
 
-    constructor(private el: ElementRef) { }
+    constructor(private el: ElementRef, private cdr: ChangeDetectorRef) { }
 
     /**
      * Toggles the collapsed state of the pane.