[{"__symbolic":"module","version":4,"metadata":{"RadioComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"dc-radio","template":"\n    <div class=\"radio-box\" [style.flex-direction]=\"options?.direction || 'row'\" [style.flex-wrap]=\"options?.newLine?'wrap':'nowrap'\">\n      <ng-template ngFor let-item [ngForOf]=\"radioData\" let-i=\"index\">\n        <label [title]=\"item.name\" class=\"form-radio\" [class.radio-disabled]=\"item.disabled\" [style.min-width]=\"options?.minWidth || '80px'\"\n               [style.height]=\"options?.height || '30px'\"\n               [style.max-width]=\"options?.maxWidth\" [style.margin-right]=\"options?.direction === 'column'?'0px':'20px'\">\n          <input type=\"radio\" [disabled]=\"item.disabled\" (change)=\"changeChecked(item)\" [checked]=\"!!item.checked\"\n                 [name]=\"options?.name || ''\">\n          <div class=\"simulation\"></div>\n          <span class=\"form-radio-text\" [style.height]=\"options?.height || '30px'\"\n                [style.line-height]=\"options?.height || '30px'\">{{ item.name }}</span>\n        </label>\n      </ng-template>\n    </div>\n  ","styles":["\n    .radio-box {\n      display: flex;\n      justify-content: flex-start;\n    }\n\n    .form-radio {\n      margin: 0 20px 0 0;\n      font-size: 12px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n    }\n\n    .form-radio.radio-disabled {\n      cursor: not-allowed;\n    }\n\n    .form-radio-text {\n      margin-left: 5px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      padding: 0 5px;\n      flex: 1;\n    }\n\n    .form-radio:hover .form-radio-text {\n      background: #edf0f5;\n      /*color: #fff;*/\n    }\n\n    .simulation {\n      width: 13px;\n      height: 13px;\n      border: 1px solid #cdcdcd;\n      border-radius: 50%;\n      vertical-align: middle;\n      position: relative;\n      flex-grow: 0;\n      flex-shrink: 0;\n    }\n\n    .simulation:after {\n      content: '';\n      width: 6px;\n      height: 6px;\n      background: #0081cc;\n      border-radius: 50%;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      margin: auto;\n      opacity: 0;\n    }\n\n    input[type='radio'] {\n      vertical-align: middle;\n      display: none;\n    }\n\n    input[type='radio']:checked + .simulation {\n      border-color: #0081cc;\n    }\n\n    input[type='radio']:checked + .simulation:after {\n      opacity: 1;\n    }\n\n    input[type='radio']:disabled + .simulation,\n    input[type='radio']:disabled + .simulation:after {\n      opacity: 0.4;\n    }\n\n    .form-radio input[type='radio']:disabled + .simulation {\n      border-color: #cdcdcd;\n    }\n\n    .form-radio input[type='radio']:disabled + .simulation:after {\n      display: none;\n    }\n  "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"radioData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"defaultData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"ngOnInit":[{"__symbolic":"method"}],"initCheck":[{"__symbolic":"method"}],"changeChecked":[{"__symbolic":"method"}],"checkedRadio":[{"__symbolic":"method"}],"clearChecked":[{"__symbolic":"method"}],"getCheckedRadio":[{"__symbolic":"method"}]}}}}]