import Ember from 'ember';

export default Ember.Component.extend({
  classNameBindings: [
    "isCollapsed:collapsible-panel-container--collapsed:collapsible-panel-container",
    "alignmentNorth:collapsible-panel--north",
    "alignmentEast:collapsible-panel--east",
    "alignmentSouth:collapsible-panel--south",
    "alignmentWest:collapsible-panel--west"
  ],
  
  actions: {
    collapsePanel(){
      this.set('isCollapsed', true);
      this.sendAction('collapsePanel');
    },
    expandPanel(){
      this.set('isCollapsed', false);
      this.sendAction('expandPanel');
    }
  },
  
  init(){
    this._super(...arguments);

    let config = this.get("config");

    switch(config.region){
    case "north":
      this.set("alignmentNorth", true);
      break;

    case "east":
      this.set("alignmentEast", true);
      break;

    case "south":
      this.set("alignmentSouth", true);
      break;

    case "west":
      this.set("alignmentWest", true);
      break;
    }
  }
});

@@ -112,67 +112,11 @@
 laps
-ible-panel-container--collapsed:collapsible-panel-container
+ed:
 %22,%0A 
@@ -300,16 +300,108 @@
 est%22
-%0A  %5D
 ,%0A  
+  %22alignmentCenter:collapsible-panel--center%22%0A  %5D,%0A  classNames: %22collapsible-panel-container%22,%0A
 %0A  a
@@ -621,18 +621,16 @@
  %7D%0A  %7D,%0A
-  
 %0A  init(
@@ -1011,16 +1011,90 @@
   break;
+%0A%0A    case %22center%22:%0A      this.set(%22alignmentCenter%22, true);%0A      break;
 %0A    %7D%0A 

fix class names