Fix repeater collapsible on push

src/demos/repeater/repeater-demo.component.ts

@@ -1,8 +1,12 @@
-import { Component } from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component
+} from '@angular/core';
 
 @Component({
   selector: 'sky-repeater-demo',
-  templateUrl: './repeater-demo.component.html'
+  templateUrl: './repeater-demo.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class SkyRepeaterDemoComponent {
   public items: any[];

src/modules/repeater/repeater-item-content.component.ts

@@ -1,4 +1,6 @@
-import { Component } from '@angular/core';
+import {
+  Component
+} from '@angular/core';
 
 @Component({
   selector: 'sky-repeater-item-content',

src/modules/repeater/repeater-item-context-menu.component.ts

@@ -1,4 +1,6 @@
-import { Component } from '@angular/core';
+import {
+  Component
+} from '@angular/core';
 
 @Component({
   selector: 'sky-repeater-item-context-menu',

src/modules/repeater/repeater-item-title.component.ts

@@ -1,4 +1,6 @@
-import { Component } from '@angular/core';
+import {
+  Component
+} from '@angular/core';
 
 @Component({
   selector: 'sky-repeater-item-title',

src/modules/repeater/repeater-item.component.ts

@@ -1,13 +1,24 @@
 import {
+  ChangeDetectorRef,
   Component,
   Input
 } from '@angular/core';
 
-import { skyAnimationSlide } from '../animation/slide';
+import {
+  skyAnimationSlide
+} from '../animation/slide';
+
+import {
+  SkyCheckboxChange
+} from '../checkbox/checkbox.component';
+
+import {
+  SkyLogService
+} from '../log/log.service';
 
-import { SkyRepeaterService } from './repeater.service';
-import { SkyLogService } from '../log/log.service';
-import { SkyCheckboxChange } from '../checkbox/checkbox.component';
+import {
+  SkyRepeaterService
+} from './repeater.service';
 
 @Component({
   selector: 'sky-repeater-item',
@@ -16,6 +27,7 @@ import { SkyCheckboxChange } from '../checkbox/checkbox.component';
   animations: [skyAnimationSlide]
 })
 export class SkyRepeaterItemComponent {
+
   public get isExpanded(): boolean {
     return this._isExpanded;
   }
@@ -37,13 +49,12 @@ export class SkyRepeaterItemComponent {
   public get isCollapsible(): boolean {
     return this._isCollapsible;
   }
-
   public set isCollapsible(value: boolean) {
-    if (this._isCollapsible !== value) {
+    if (this.isCollapsible !== value) {
       this._isCollapsible = value;
 
       /*istanbul ignore else */
-      if (!this._isCollapsible) {
+      if (!value) {
         this.updateForExpanded(true, false);
       }
     }
@@ -57,6 +68,7 @@ export class SkyRepeaterItemComponent {
 
   constructor(
     private repeaterService: SkyRepeaterService,
+    private changeDetector: ChangeDetectorRef,
     private logService: SkyLogService
   ) {
     this.slideForExpanded(false);
@@ -83,6 +95,7 @@ export class SkyRepeaterItemComponent {
 
       this.repeaterService.onItemCollapseStateChange(this);
       this.slideForExpanded(animate);
+      this.changeDetector.markForCheck();
     }
   }