[{"__symbolic":"module","version":3,"metadata":{"RadioComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bb-radio","template":"\n      <label class=\"radio\" [class.radio--grouped]=\"grouped\" [class.radio--disabled]=\"disabled\" tabindex=\"0\">\n          <input [(ngModel)]=\"model\" [value]=\"value\" [name]=\"name\" [disabled]=\"disabled\" (change)=\"onChangeCallback(model)\"\n                 class=\"radio__input\" type=\"radio\" role=\"radio\" tabindex=\"-1\">\n          <span class=\"radio__element\"></span>\n          <span class=\"radio__label\" *ngIf=\"label\">{{ label | translate }}</span>\n      </label>\n    ","styles":["\n      .radio{display:flex;cursor:pointer;margin-bottom:5px;align-items:center}.radio--grouped{margin-bottom:20px}.radio>.radio__input{display:none}.radio>.radio__input+.radio__element{user-select:none;position:relative}.radio>.radio__input+.radio__element:before{width:22px;content:'';height:22px;min-width:22px;min-height:22px;border-radius:50%;vertical-align:top;display:inline-block;border:1px solid #bdc4c9;background-color:#ffffff}.radio>.radio__input+.radio__element:after{top:4px;left:4px;opacity:0;width:14px;content:'';height:14px;display:block;min-width:14px;min-height:14px;position:absolute;border-radius:50%;transform:scale(0.5);background-color:#4caf50;will-change:transform, opacity;transition:opacity 0.3s cubic-bezier(0.2, 0.3, 0, 1),transform 0.3s cubic-bezier(0.2, 0.3, 0, 1)}.radio>.radio__input:checked+.radio__element:before{background-color:#ffffff;border-color:#4caf50}.radio>.radio__input:checked+.radio__element:after{opacity:1;transform:scale(1)}.radio>.radio__label{font-weight:400;margin-left:10px;display:inline-block}.radio--disabled{cursor:default;pointer-events:none}.radio--disabled>.radio__input+.radio__element:after{background-color:rgba(204,204,204,0.64)}.radio--disabled>.radio__input:checked+.radio__element:before{border-color:rgba(204,204,204,0.64)}.radio:focus>.radio__input+.radio__element:before{box-shadow:0 0 0 2px rgba(3,102,214,0.1)}\n    "],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"RadioComponent"},"multi":true}]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"grouped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"RadioComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"bb-radio","template":"\n      <label class=\"radio\" [class.radio--grouped]=\"grouped\" [class.radio--disabled]=\"disabled\" tabindex=\"0\">\n          <input [(ngModel)]=\"model\" [value]=\"value\" [name]=\"name\" [disabled]=\"disabled\" (change)=\"onChangeCallback(model)\"\n                 class=\"radio__input\" type=\"radio\" role=\"radio\" tabindex=\"-1\">\n          <span class=\"radio__element\"></span>\n          <span class=\"radio__label\" *ngIf=\"label\">{{ label | translate }}</span>\n      </label>\n    ","styles":["\n      .radio{display:flex;cursor:pointer;margin-bottom:5px;align-items:center}.radio--grouped{margin-bottom:20px}.radio>.radio__input{display:none}.radio>.radio__input+.radio__element{user-select:none;position:relative}.radio>.radio__input+.radio__element:before{width:22px;content:'';height:22px;min-width:22px;min-height:22px;border-radius:50%;vertical-align:top;display:inline-block;border:1px solid #bdc4c9;background-color:#ffffff}.radio>.radio__input+.radio__element:after{top:4px;left:4px;opacity:0;width:14px;content:'';height:14px;display:block;min-width:14px;min-height:14px;position:absolute;border-radius:50%;transform:scale(0.5);background-color:#4caf50;will-change:transform, opacity;transition:opacity 0.3s cubic-bezier(0.2, 0.3, 0, 1),transform 0.3s cubic-bezier(0.2, 0.3, 0, 1)}.radio>.radio__input:checked+.radio__element:before{background-color:#ffffff;border-color:#4caf50}.radio>.radio__input:checked+.radio__element:after{opacity:1;transform:scale(1)}.radio>.radio__label{font-weight:400;margin-left:10px;display:inline-block}.radio--disabled{cursor:default;pointer-events:none}.radio--disabled>.radio__input+.radio__element:after{background-color:rgba(204,204,204,0.64)}.radio--disabled>.radio__input:checked+.radio__element:before{border-color:rgba(204,204,204,0.64)}.radio:focus>.radio__input+.radio__element:before{box-shadow:0 0 0 2px rgba(3,102,214,0.1)}\n    "],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"RadioComponent"},"multi":true}]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"grouped":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}]}}}}]