@nbxx/nb-input/dist/nbinput/nbinput-choose.component.metadata.json

Angular - nbinput

[{"__symbolic":"module","version":4,"metadata":{"NbinputChooseComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"nbinput-choose","template":"\n    <ng-container [ngSwitch]=\"true\">\n      <ng-container *ngSwitchCase=\"type==FieldType.Checkbox\">\n        <label class=\"control control-checkbox\">{{text}}\n          <input type=\"checkbox\" [checked]=\"checked\" (change)=\"changed($event)\" [disabled]=\"readonly||disabled?true:null\"/>\n          <div class=\"control-indicator\"></div>\n        </label>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"type==FieldType.Radio\">\n        <label class=\"control control-radio\">{{text}}\n          <input type=\"radio\" name=\"radio\" [checked]=\"checked\" (change)=\"changed($event)\" [disabled]=\"disabled?true:null\"/>\n          <div class=\"control-indicator\"></div>\n        </label>\n      </ng-container>\n    </ng-container>\n  ","styles":["\n    .control{display:inline-block;position:relative;padding-left:28px;margin-bottom:12px;cursor:pointer;font-size:14px;min-width:120px}.control input{position:absolute;z-index:-1;opacity:0}.control-indicator{position:absolute;top:2px;left:0;height:17px;width:17px;background:#E6E6E6}.control-radio .control-indicator{border-radius:50%}.control:hover input ~ .control-indicator,.control input:focus ~ .control-indicator{background:#ccc}.control input:checked ~ .control-indicator{background:#20a8d8}.control:hover input:not([disabled]):checked ~ .control-indicator,.control input:checked:focus ~ .control-indicator{background:#1985ac}.control input:disabled ~ .control-indicator{background:#E6E6E6;opacity:0.6;pointer-events:none}.control-indicator:after{content:'';position:absolute;display:none}.control input:checked ~ .control-indicator:after{display:block}.control-checkbox .control-indicator:after{left:8px;top:4px;width:3px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.control-checkbox input:disabled ~ .control-indicator:after{border-color:#7B7B7B}.control-radio .control-indicator:after{left:7px;top:7px;height:6px;width:6px;border-radius:50%;background:#fff}.control-radio input:disabled ~ .control-indicator:after{background:#7B7B7B}\n  "],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":27,"character":15},"useExisting":{"__symbolic":"reference","name":"NbinputChooseComponent"},"multi":true}]}]}],"members":{"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":58,"character":3}}]}],"changed":[{"__symbolic":"method"}]}}}}]