text: "use strict";
  var core_1 = require('@angular/core');
  var app_service_1 = require('../app.service');
  var title_1 = require('./title');
  var x_large_1 = require('./x-large');
  var HomeComponent = (function () {
      // TypeScript public modifiers
      function HomeComponent(appState, title) {
          this.appState = appState;
          this.title = title;
          // Set our default values
          this.localState = { value: '' };
      }
      HomeComponent.prototype.ngOnInit = function () {
          // this.title.getData().subscribe(data => this.data = data);
      };
      HomeComponent.prototype.submitState = function (value) {
          console.log('submitState', value);
          this.appState.set('value', value);
      };
      HomeComponent = __decorate([
          core_1.Component({
              // The selector is what angular internally uses
              // for `document.querySelectorAll(selector)` in our index.html
              // where, in this case, selector is the string 'home'
              selector: 'home',
              // We need to tell Angular's Dependency Injection which providers are in our app.
              providers: [
                  title_1.Title
              ],
              // We need to tell Angular's compiler which directives are in our template.
              // Doing so will allow Angular to attach our behavior to an element
              directives: [
                  x_large_1.XLarge
              ],
              // We need to tell Angular's compiler which custom pipes are in our template.
              pipes: [],
              // Our list of styles in our component. We may add more to compose many styles together
              // styles: [ require('./home.css') ],
              // Every Angular template is first compiled by the browser before Angular runs it's compiler
              template: require('./home.html')
          }), 
          __metadata('design:paramtypes', [app_service_1.AppState, title_1.Title])
      ], HomeComponent);
      return HomeComponent;
  }());
  exports.HomeComponent = HomeComponent;
  //# sourceMappingURL=home.component.js.map