[{"__symbolic":"module","version":3,"metadata":{"StepperStep":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"step","template":"<!--\n    @Author: Alex Sorafumo <Yuion>\n    @Date:   24/11/2016 3:43 PM\n    @Email:  alex@yuion.net\n    @Filename: step.template.html\n    @Last modified by:   Yuion\n    @Last modified time: 15/12/2016 11:32 AM\n    -->\n    \n    <div class=\"step\">\n        <div class=\"step-number\" [class.active]=\"active||open\" [class.error]=\"error\" (tap)=\"toggle()\">\n            <i class=\"material-icons\">{{ordered ? index : (!error ? ( active || open ? 'done':'add') : 'close')}}</i>\n        </div>\n        <div class=\"step-desc\"><strong (tap)=\"toggle()\">{{title}}</strong></div>\n    </div>\n    <div class=\"step content\">\n        <div class=\"step-bar\"><div class=\"bar\"></div></div>\n        <div class=\"step-content\" [@showstep]=\"open?'show':'hide'\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n    ","styles":[".step{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;text-align:left;width:100%}.step-number{background-color:rgba(0,0,0,0.2);border-radius:100%;color:rgba(0,0,0,0.87);cursor:pointer;height:2em;margin:.25em;padding:.5em;position:relative;text-align:center;width:2em}.step-number.active{background-color:#ff9800;color:#fff}.step-number.error{background-color:#f44336;color:#fff}.step-bar{-ms-flex:1 1 auto;flex:1 1 auto;max-width:2em;min-height:2em;padding:.25em 1.2em;position:relative;width:2em}.step-bar .bar{background-color:rgba(0,0,0,0.2);bottom:0;left:50%;position:absolute;right:0;top:0;-ms-transform:translateX(-50%);transform:translateX(-50%);width:.1em}.step-desc{-ms-flex-positive:1;flex-grow:1;padding:.75em 1.2em}.step-content{-ms-flex-positive:1;flex-grow:1;overflow:hidden;padding:.5em .5em 1em;text-align:center}@media all and (max-width: 720px){.step-content{padding:.75em .2em .75em .5em}}\n    "],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["showstep",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"height":"*","padding-bottom":"1.5em","overflow":"visible","$quoted$":["height","padding-bottom","overflow"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"height":"0","padding-bottom":"0","opacity":0,"$quoted$":["height","padding-bottom","opacity"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["show <=> hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.7s ease-in-out"]}]}]]}]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"setState":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"StepperStep":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"step","template":"<!--\n    @Author: Alex Sorafumo <Yuion>\n    @Date:   24/11/2016 3:43 PM\n    @Email:  alex@yuion.net\n    @Filename: step.template.html\n    @Last modified by:   Yuion\n    @Last modified time: 15/12/2016 11:32 AM\n    -->\n    \n    <div class=\"step\">\n        <div class=\"step-number\" [class.active]=\"active||open\" [class.error]=\"error\" (tap)=\"toggle()\">\n            <i class=\"material-icons\">{{ordered ? index : (!error ? ( active || open ? 'done':'add') : 'close')}}</i>\n        </div>\n        <div class=\"step-desc\"><strong (tap)=\"toggle()\">{{title}}</strong></div>\n    </div>\n    <div class=\"step content\">\n        <div class=\"step-bar\"><div class=\"bar\"></div></div>\n        <div class=\"step-content\" [@showstep]=\"open?'show':'hide'\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n    ","styles":[".step{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;text-align:left;width:100%}.step-number{background-color:rgba(0,0,0,0.2);border-radius:100%;color:rgba(0,0,0,0.87);cursor:pointer;height:2em;margin:.25em;padding:.5em;position:relative;text-align:center;width:2em}.step-number.active{background-color:#ff9800;color:#fff}.step-number.error{background-color:#f44336;color:#fff}.step-bar{-ms-flex:1 1 auto;flex:1 1 auto;max-width:2em;min-height:2em;padding:.25em 1.2em;position:relative;width:2em}.step-bar .bar{background-color:rgba(0,0,0,0.2);bottom:0;left:50%;position:absolute;right:0;top:0;-ms-transform:translateX(-50%);transform:translateX(-50%);width:.1em}.step-desc{-ms-flex-positive:1;flex-grow:1;padding:.75em 1.2em}.step-content{-ms-flex-positive:1;flex-grow:1;overflow:hidden;padding:.5em .5em 1em;text-align:center}@media all and (max-width: 720px){.step-content{padding:.75em .2em .75em .5em}}\n    "],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["showstep",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"height":"*","padding-bottom":"1.5em","overflow":"visible"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"height":"0","padding-bottom":"0","opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["show <=> hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.7s ease-in-out"]}]}]]}]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"setState":[{"__symbolic":"method"}]}}}}]