{"__symbolic":"module","version":4,"metadata":{"LibraryWinwheelModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"WheelOneComponent"}],"imports":[],"exports":[{"__symbolic":"reference","name":"WheelOneComponent"}]}]}],"members":{}},"WheelOneComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"lib-wheel-one","template":"<div style=\"text-align: center\">\n  <p>Choose a power setting then press the Spin button.</p>\n</div>\n<div style=\"text-align: center; margin: 0 auto;\">\n  <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"margin: 0 auto;\">\n    <tr>\n      <td>\n        <div class=\"power_controls\" style=\"text-align: center\">\n          <table cellpadding=\"10\" cellspacing=\"0\" class=\"power\">\n            <tr>\n              <th align=\"center\">Power</th>\n            </tr>\n            <tr>\n              <td (click)=\"powerSelected(3);\" align=\"center\" id=\"pw3\" width=\"78\">High</td>\n            </tr>\n            <tr>\n              <td (click)=\"powerSelected(2);\" align=\"center\" id=\"pw2\">Med</td>\n            </tr>\n            <tr>\n              <td (click)=\"powerSelected(1);\" align=\"center\" id=\"pw1\">Low</td>\n            </tr>\n          </table>\n          <div style=\"text-align: center; padding-top: 1rem;\">\n            <img (click)=\"calculatePrize()\" [src]=\"buttonImage\" alt=\"Spin\" id=\"spin_button\"/></div>\n          <div style=\"text-align: center; padding-top: 1rem;\">\n            <a (click)=\"resetWheel()\" href=\"#\">Play Again</a>\n          </div>\n        </div>\n      </td>\n      <td align=\"center\" class=\"the_wheel\" height=\"582\" valign=\"center\" width=\"438\">\n        <canvas (click)=\"getSegment($event)\" height=\"434\" id=\"canvas\" width=\"434\">\n          <p align=\"center\" style=\"{color: white}\">Sorry, your browser doesn't support canvas. Please try another.</p>\n        </canvas>\n      </td>\n    </tr>\n  </table>\n</div>\n","styles":["td.the_wheel{background-image:url(assets/images/wheel-one/wheel_back.png);background-position:50%;background-repeat:no-repeat}h1,p{margin:0}div.power_controls{margin-right:70px}div.html5_logo{margin-left:70px}table.power{background-color:#ccc;border:1px solid #333;cursor:pointer}table.power th{background-color:#fff;cursor:default}td.pw1{background-color:#6fe8f0}td.pw2{background-color:#86ef6f}td.pw3{background-color:#ef6f6f}.clickable{cursor:pointer}.margin_bottom{margin-bottom:5px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"powerSelected":[{"__symbolic":"method"}],"startSpin":[{"__symbolic":"method"}],"resetWheel":[{"__symbolic":"method"}],"alertPrize":[{"__symbolic":"method"}],"getSegment":[{"__symbolic":"method"}],"calculatePrize":[{"__symbolic":"method"}]}}},"origins":{"LibraryWinwheelModule":"./lib/library-winwheel.module","WheelOneComponent":"./lib/wheel-one/wheel-one.component"},"importAs":"library-winwheel"}