{"__symbolic":"module","version":4,"metadata":{"RadioBoxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"db-radio-box","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":9,"character":15},"useExisting":{"__symbolic":"reference","name":"RadioBoxComponent"},"multi":true}],"template":"<div class=\"box-checkbox\" (click)=\"onChangeToggle(value)\">\n  <input #radio type=\"radio\" [name]=\"name\" [value]=\"value\">\n  <div class=\"checkbox\"></div>\n  <span class=\"text\">\n    <p class=\"title\" *ngIf=\"title\">{{title}}</p>\n    <p class=\"description\" *ngIf=\"description\">{{description}}</p>\n  </span>\n</div>\n","styles":["@charset \"UTF-8\";@-webkit-keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@-webkit-keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@-webkit-keyframes slideToLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideToLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}@-webkit-keyframes slideToRight{0%{transform:translateX(0)}to{transform:translateX(110%)}}@keyframes slideToRight{0%{transform:translateX(0)}to{transform:translateX(110%)}}@-webkit-keyframes fadeIn{0%{opacity:0;display:none}to{opacity:1;display:block}}@keyframes fadeIn{0%{opacity:0;display:none}to{opacity:1;display:block}}@-webkit-keyframes fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}@keyframes fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}@-webkit-keyframes spinner{to{transform:rotate(1turn)}}@keyframes spinner{to{transform:rotate(1turn)}}@-webkit-keyframes circleAnimation{to{transform:rotate(1turn)}}@keyframes circleAnimation{to{transform:rotate(1turn)}}:host{display:block;padding:20px;box-shadow:0 4px 32px rgba(0,0,0,.1);border-radius:12px;margin-bottom:12px;width:100%;color:#393c40;font-size:14px;line-height:18px;font-weight:300;cursor:pointer}:host .box-checkbox{display:flex;align-items:center;width:100%}:host .text{margin-left:18px;width:10px;flex-grow:2}:host p{margin-bottom:0}:host .title{font-size:16px;font-weight:500;line-height:20px;margin-bottom:4px}.box-radio-button{display:flex;align-items:center;justify-content:flex-start;cursor:pointer}input{display:none}input:checked~.checkbox{border-color:#ff3f59;background-color:#ff3f59}input:checked~.checkbox:before{font-size:.5714285714rem;content:\"\";font-family:icomoon;line-height:1;position:absolute;top:5px;left:3px;transform:rotate(1turn);color:#fff}.checkbox{position:relative;display:inline-block;width:20px;height:20px;border-radius:5px;border:2px solid #ff3f59}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"onchange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3}}]}],"radio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":44,"character":3},"arguments":["radio",{"static":true}]}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"onChangeToggle":[{"__symbolic":"method"}]}},"RadioBoxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":4}],"declarations":[{"__symbolic":"reference","name":"RadioBoxComponent"}],"exports":[{"__symbolic":"reference","name":"RadioBoxComponent"}]}]}],"members":{}}},"origins":{"RadioBoxComponent":"./radio-box.component","RadioBoxModule":"./radio-box.module"},"importAs":"@desbank/components/src/lib/radio-box"}