hunk.code_window:  */
   var angular = require('angular');
   var logger = angular.module('ResinEtcher.logger', []);
   logger.service('LoggerService', function() {
     'use strict';
     /**
      * @summary Print a debug log message
      * @function
  
hunk.labels: keep keep keep keep keep replace keep keep keep keep keep
hunk.after_edit: logger.service('LoggerService', function($log) {
  
hunk.file_path: build/browser/app.js
hunk.type: replace
file: <link rel="import" href="../../bower_components/polymer/polymer.html">
  
  <dom-module id="hero-button">
    <template>
      <style>
        :host ::content button.btn {
          padding: 10px;
          padding-top: 11px;
  
          border-radius: 2px;
          border: none;
  
          letter-spacing: 0.5px;
          outline: none;
  
          min-width: 170px;
  
          position: relative;
        }
  
        :host ::content .glyphicon {
          top: 2px;
          margin-right: 2px;
        }
  
        /*
         * Remove blue/orange outline
         * !important is needed here for some reason
         * despite the rule having top precedence.
         */
        :host ::content button.btn:focus {
          outline: none !important;
        }
      </style>
  
      <button type="button" class="btn" disabled="{{disabled}}">
        <content></content>
      </button>
    </template>
  
    <script>
      Polymer({
        is: "hero-button",
        properties: {
          disabled: {
            type: String
          },
          type: {
            type: String,
            value: 'primary'
          }
        },
        ready: function() {
          this.querySelector('.btn').className += ' btn-' + this.type;
        }
      });
    </script>
  </dom-module>
  