[{"__symbolic":"module","version":3,"metadata":{"CheckboxComponent":{"__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-checkbox","template":"\n<div class=\"gp-checkbox flex {{extraClass}}\">\n  <label class=\"gp-checkbox__label flex flex--align-center width-full cursor-pointer\">\n    <input type=\"checkbox\"\n           class=\"gp-checkbox__input\"\n           hidden\n           [checked]=\"checked\"\n           [(ngModel)]=\"checked\"\n           (ngModelChange)=\"change()\">\n    <span class=\"gp-checkbox__area icon icon--small icon--white icon--center-center icon--check margin--right-1\"></span>\n    <!--TODO: когда нарисуют, тогда текст ошибки добавить-->\n    <span class=\"gp-checkbox__text\" *ngIf=\"text\">{{text}}</span>\n    <ng-content *ngIf=\"!text\"></ng-content>\n  </label>\n</div>\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-checkbox\"\n */\n.gp-checkbox__input:checked + .gp-checkbox__area {\n  border-color: #00afec;\n  background-color: #00afec; }\n\n.gp-checkbox__area {\n  width: 2rem;\n  height: 2rem;\n  border: 0.1rem solid #d3d3d3;\n  border-radius: 0.3rem;\n  -moz-transition: all 150ms ease;\n  -o-transition: all 150ms ease;\n  -webkit-transition: all 150ms ease;\n  transition: all 150ms ease; }\n\n.gp-checkbox__text {\n  font: 1.3rem/1.5rem \"Roboto\", sans-serif;\n  color: #212121;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -khtml-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none; }\n"],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"CheckboxComponent"},"multi":true}]}]}],"members":{"customId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"text":[{"__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"}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"change":[{"__symbolic":"method"}],"showErrorText":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"CheckboxComponent":{"__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-checkbox","template":"\n<div class=\"gp-checkbox flex {{extraClass}}\">\n  <label class=\"gp-checkbox__label flex flex--align-center width-full cursor-pointer\">\n    <input type=\"checkbox\"\n           class=\"gp-checkbox__input\"\n           hidden\n           [checked]=\"checked\"\n           [(ngModel)]=\"checked\"\n           (ngModelChange)=\"change()\">\n    <span class=\"gp-checkbox__area icon icon--small icon--white icon--center-center icon--check margin--right-1\"></span>\n    <!--TODO: когда нарисуют, тогда текст ошибки добавить-->\n    <span class=\"gp-checkbox__text\" *ngIf=\"text\">{{text}}</span>\n    <ng-content *ngIf=\"!text\"></ng-content>\n  </label>\n</div>\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-checkbox\"\n */\n.gp-checkbox__input:checked + .gp-checkbox__area {\n  border-color: #00afec;\n  background-color: #00afec; }\n\n.gp-checkbox__area {\n  width: 2rem;\n  height: 2rem;\n  border: 0.1rem solid #d3d3d3;\n  border-radius: 0.3rem;\n  -moz-transition: all 150ms ease;\n  -o-transition: all 150ms ease;\n  -webkit-transition: all 150ms ease;\n  transition: all 150ms ease; }\n\n.gp-checkbox__text {\n  font: 1.3rem/1.5rem \"Roboto\", sans-serif;\n  color: #212121;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -khtml-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none; }\n"],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"CheckboxComponent"},"multi":true}]}]}],"members":{"customId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"text":[{"__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"}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"change":[{"__symbolic":"method"}],"showErrorText":[{"__symbolic":"method"}]}}}}]