[{"__symbolic":"module","version":3,"metadata":{"RadioButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"gp-admin-abstract","name":"AbstractComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gp-radio-button","template":"\n<div style=\"display: none\">\n  <ng-content select=\"option\"></ng-content>\n</div>\n\n<label class=\"gp-radio-button flex flex--align-center cursor-pointer {{extraClass}}\"\n       *ngFor=\"let option of options\">\n\n  <input\n    type=\"checkbox\"\n    class=\"gp-radio-button__input\"\n    [ngClass]=\"{\n      'gp-radio-button__input--error': !!error,\n      'gp-radio-button__input--disabled': disabled\n    }\"\n    hidden\n    [name]=\"name\"\n    [disabled]=\"disabled\"\n    [ngModel]=\"option.selected\"\n    (click)=\"onChange(option.value, $event)\"\n  >\n\n  <span class=\"gp-radio-button__radio margin--right-1\"></span>\n\n  <span class=\"gp-radio-button__description\">{{ option.text }}</span>\n\n</label>\n","styles":["@charset \"UTF-8\";\n/**\n * Переменные\n */\n:root {\n  --color-white: white;\n  --color-success: #00afec;\n  --color-warning: #ffb827;\n  --color-error: #f35252;\n  --color-disabled: #dbdbdb;\n  --color-black: black;\n  --color-span: #b5b5b5;\n  --color-span-second: #212121;\n  --color-bg: #f8f8f8;\n  --color-bg-second: #f8f8f8;\n  --color-bg-success: rgba(0, 175, 236, 0.1);\n  --color-bg-warning: var(--color-warning);\n  --color-bg-error: var(--color-error);\n  --color-placeholder: #b5b5b5;\n  --color-border: #dbdbdb;\n  --color-radio-border: #d3d3d3;\n  --font-roboto: 'Roboto', sans-serif;\n  --font-helvetica: 'Helvetica', sans-serif; }\n\n/**\n *\n */\n/**\n * Стили для компонента \"gp-radio-button\"\n */\n.gp-radio-button__radio {\n  position: relative;\n  display: block;\n  width: 2rem;\n  height: 2rem;\n  -moz-transition: all 300ms ease;\n  -o-transition: all 300ms ease;\n  -webkit-transition: all 300ms ease;\n  transition: all 300ms ease;\n  border: 0.1rem solid #d3d3d3;\n  border-radius: 50%;\n  background-color: var(--color-white); }\n\n.gp-radio-button__input:checked + .gp-radio-button__radio {\n  border-color: #00afec;\n  background-color: #00afec; }\n\n.gp-radio-button__input:checked + span + .gp-radio-button__description {\n  color: #212121; }\n\n.gp-radio-button__input--error + .gp-radio-button__radio {\n  border-color: #f35252;\n  background-color: var(--color-white); }\n\n.gp-radio-button__input--error + span + .gp-radio-button__description {\n  color: #f35252; }\n\n.gp-radio-button__input--disabled + .gp-radio-button__radio {\n  cursor: not-allowed;\n  border-color: #b5b5b5; }\n\n.gp-radio-button__input--disabled + .gp-radio-button__radio:before {\n  background-color: #b5b5b5; }\n\n.gp-radio-button__input--disabled + span + .gp-radio-button__description {\n  cursor: not-allowed;\n  color: #b5b5b5; }\n\n.gp-radio-button__radio:before {\n  position: absolute;\n  width: 0.6rem;\n  height: 0.6rem;\n  margin: 0.6rem;\n  content: '';\n  -moz-transition: background-color 300ms ease;\n  -o-transition: background-color 300ms ease;\n  -webkit-transition: background-color 300ms ease;\n  transition: background-color 300ms ease;\n  border-radius: 50%;\n  background-color: var(--color-white); }\n\n.gp-radio-button__description {\n  font: 1.4rem/1.6rem \"Roboto\", sans-serif;\n  -moz-transition: color 300ms ease;\n  -o-transition: color 300ms ease;\n  -webkit-transition: color 300ms ease;\n  transition: color 300ms ease;\n  color: #212121; }\n"],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"RadioButtonComponent"},"multi":true}]}]}],"members":{"name":[{"__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"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngAfterViewChecked":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"RadioButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"gp-admin-abstract","name":"AbstractComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gp-radio-button","template":"\n<div style=\"display: none\">\n  <ng-content select=\"option\"></ng-content>\n</div>\n\n<label class=\"gp-radio-button flex flex--align-center cursor-pointer {{extraClass}}\"\n       *ngFor=\"let option of options\">\n\n  <input\n    type=\"checkbox\"\n    class=\"gp-radio-button__input\"\n    [ngClass]=\"{\n      'gp-radio-button__input--error': !!error,\n      'gp-radio-button__input--disabled': disabled\n    }\"\n    hidden\n    [name]=\"name\"\n    [disabled]=\"disabled\"\n    [ngModel]=\"option.selected\"\n    (click)=\"onChange(option.value, $event)\"\n  >\n\n  <span class=\"gp-radio-button__radio margin--right-1\"></span>\n\n  <span class=\"gp-radio-button__description\">{{ option.text }}</span>\n\n</label>\n","styles":["@charset \"UTF-8\";\n/**\n * Переменные\n */\n:root {\n  --color-white: white;\n  --color-success: #00afec;\n  --color-warning: #ffb827;\n  --color-error: #f35252;\n  --color-disabled: #dbdbdb;\n  --color-black: black;\n  --color-span: #b5b5b5;\n  --color-span-second: #212121;\n  --color-bg: #f8f8f8;\n  --color-bg-second: #f8f8f8;\n  --color-bg-success: rgba(0, 175, 236, 0.1);\n  --color-bg-warning: var(--color-warning);\n  --color-bg-error: var(--color-error);\n  --color-placeholder: #b5b5b5;\n  --color-border: #dbdbdb;\n  --color-radio-border: #d3d3d3;\n  --font-roboto: 'Roboto', sans-serif;\n  --font-helvetica: 'Helvetica', sans-serif; }\n\n/**\n *\n */\n/**\n * Стили для компонента \"gp-radio-button\"\n */\n.gp-radio-button__radio {\n  position: relative;\n  display: block;\n  width: 2rem;\n  height: 2rem;\n  -moz-transition: all 300ms ease;\n  -o-transition: all 300ms ease;\n  -webkit-transition: all 300ms ease;\n  transition: all 300ms ease;\n  border: 0.1rem solid #d3d3d3;\n  border-radius: 50%;\n  background-color: var(--color-white); }\n\n.gp-radio-button__input:checked + .gp-radio-button__radio {\n  border-color: #00afec;\n  background-color: #00afec; }\n\n.gp-radio-button__input:checked + span + .gp-radio-button__description {\n  color: #212121; }\n\n.gp-radio-button__input--error + .gp-radio-button__radio {\n  border-color: #f35252;\n  background-color: var(--color-white); }\n\n.gp-radio-button__input--error + span + .gp-radio-button__description {\n  color: #f35252; }\n\n.gp-radio-button__input--disabled + .gp-radio-button__radio {\n  cursor: not-allowed;\n  border-color: #b5b5b5; }\n\n.gp-radio-button__input--disabled + .gp-radio-button__radio:before {\n  background-color: #b5b5b5; }\n\n.gp-radio-button__input--disabled + span + .gp-radio-button__description {\n  cursor: not-allowed;\n  color: #b5b5b5; }\n\n.gp-radio-button__radio:before {\n  position: absolute;\n  width: 0.6rem;\n  height: 0.6rem;\n  margin: 0.6rem;\n  content: '';\n  -moz-transition: background-color 300ms ease;\n  -o-transition: background-color 300ms ease;\n  -webkit-transition: background-color 300ms ease;\n  transition: background-color 300ms ease;\n  border-radius: 50%;\n  background-color: var(--color-white); }\n\n.gp-radio-button__description {\n  font: 1.4rem/1.6rem \"Roboto\", sans-serif;\n  -moz-transition: color 300ms ease;\n  -o-transition: color 300ms ease;\n  -webkit-transition: color 300ms ease;\n  transition: color 300ms ease;\n  color: #212121; }\n"],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"RadioButtonComponent"},"multi":true}]}]}],"members":{"name":[{"__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"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngAfterViewChecked":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}]}}}}]