[{"__symbolic":"module","version":3,"metadata":{"TextareaComponent":{"__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-textarea","template":"\n<div [ngClass]=\"\n                'gp-textarea ' + extraClass +\n                (disabled ? ' gp-textarea--disabled ' : '') +\n                (!!value ? ' gp-textarea--filled ' : '') +\n                (!!error ? ' gp-textarea--error ' : '')\n\">\n\n    <div class=\"flex flex--content-between\">\n        <div class=\"gp-textarea__title\" *ngIf=\"!!title\">{{ title }}</div>\n        <div class=\"gp-textarea__error\" *ngIf=\"showErrorText()\">{{ error }}</div>\n    </div>\n\n    <textarea\n            class=\"gp-textarea__area\"\n            [name]=\"name\"\n            [cols]=\"cols\"\n            [rows]=\"rows\"\n            [disabled]=\"disabled\"\n            [(ngModel)]=\"value\"\n            (ngModelChange)=\"change()\"\n    ></textarea>\n\n    <!--TODO: AlexFoxJS: если надо будет - maxLength верстка-->\n\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-textarea\"\n */\n.gp-textarea {\n  display: inline-block;\n  width: 100%; }\n  .gp-textarea--success textarea.gp-textarea__area:focus {\n    border-color: #00afec;\n    outline-color: #00afec; }\n  .gp-textarea--success .gp-textarea__title {\n    color: #00afec; }\n  .gp-textarea--error textarea.gp-textarea__area:focus {\n    border-color: #f35252;\n    outline-color: #f35252; }\n  .gp-textarea--error .gp-textarea__title {\n    color: #f35252; }\n  .gp-textarea--error .gp-textarea__error {\n    display: block; }\n  .gp-textarea--disabled textarea.gp-textarea__area {\n    cursor: not-allowed;\n    color: #b5b5b5;\n    border-color: #dbdbdb;\n    background-color: #f8f8f8; }\n  .gp-textarea__title {\n    font: 500 1.2rem/1.4rem \"Roboto\", sans-serif;\n    margin-bottom: 0.5rem;\n    color: #b5b5b5;\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  .gp-textarea__error {\n    font: 500 1.2rem/1.4rem \"Roboto\", sans-serif;\n    display: none;\n    color: #f35252; }\n  .gp-textarea__area {\n    font: 1.3rem/1.5rem \"Roboto\", sans-serif;\n    min-width: 18rem;\n    width: 100%;\n    padding: 0.9rem 1.5rem;\n    border: 0.1rem solid #dbdbdb;\n    border-radius: 0.2rem;\n    background-color: var(--color-white); }\n  .gp-textarea textarea::-webkit-input-placeholder {\n    color: #b5b5b5; }\n  .gp-textarea textarea:-ms-input-placeholder {\n    color: #b5b5b5; }\n  .gp-textarea textarea::placeholder {\n    color: #b5b5b5; }\n"],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"TextareaComponent"},"multi":true}]}]}],"members":{"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"cols":[{"__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"}}]}],"title":[{"__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"}}]}],"value":[{"__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"}}]}],"maxLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"change":[{"__symbolic":"method"}],"showErrorText":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TextareaComponent":{"__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-textarea","template":"\n<div [ngClass]=\"\n                'gp-textarea ' + extraClass +\n                (disabled ? ' gp-textarea--disabled ' : '') +\n                (!!value ? ' gp-textarea--filled ' : '') +\n                (!!error ? ' gp-textarea--error ' : '')\n\">\n\n    <div class=\"flex flex--content-between\">\n        <div class=\"gp-textarea__title\" *ngIf=\"!!title\">{{ title }}</div>\n        <div class=\"gp-textarea__error\" *ngIf=\"showErrorText()\">{{ error }}</div>\n    </div>\n\n    <textarea\n            class=\"gp-textarea__area\"\n            [name]=\"name\"\n            [cols]=\"cols\"\n            [rows]=\"rows\"\n            [disabled]=\"disabled\"\n            [(ngModel)]=\"value\"\n            (ngModelChange)=\"change()\"\n    ></textarea>\n\n    <!--TODO: AlexFoxJS: если надо будет - maxLength верстка-->\n\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-textarea\"\n */\n.gp-textarea {\n  display: inline-block;\n  width: 100%; }\n  .gp-textarea--success textarea.gp-textarea__area:focus {\n    border-color: #00afec;\n    outline-color: #00afec; }\n  .gp-textarea--success .gp-textarea__title {\n    color: #00afec; }\n  .gp-textarea--error textarea.gp-textarea__area:focus {\n    border-color: #f35252;\n    outline-color: #f35252; }\n  .gp-textarea--error .gp-textarea__title {\n    color: #f35252; }\n  .gp-textarea--error .gp-textarea__error {\n    display: block; }\n  .gp-textarea--disabled textarea.gp-textarea__area {\n    cursor: not-allowed;\n    color: #b5b5b5;\n    border-color: #dbdbdb;\n    background-color: #f8f8f8; }\n  .gp-textarea__title {\n    font: 500 1.2rem/1.4rem \"Roboto\", sans-serif;\n    margin-bottom: 0.5rem;\n    color: #b5b5b5;\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  .gp-textarea__error {\n    font: 500 1.2rem/1.4rem \"Roboto\", sans-serif;\n    display: none;\n    color: #f35252; }\n  .gp-textarea__area {\n    font: 1.3rem/1.5rem \"Roboto\", sans-serif;\n    min-width: 18rem;\n    width: 100%;\n    padding: 0.9rem 1.5rem;\n    border: 0.1rem solid #dbdbdb;\n    border-radius: 0.2rem;\n    background-color: var(--color-white); }\n  .gp-textarea textarea::-webkit-input-placeholder {\n    color: #b5b5b5; }\n  .gp-textarea textarea:-ms-input-placeholder {\n    color: #b5b5b5; }\n  .gp-textarea textarea::placeholder {\n    color: #b5b5b5; }\n"],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"TextareaComponent"},"multi":true}]}]}],"members":{"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"cols":[{"__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"}}]}],"title":[{"__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"}}]}],"value":[{"__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"}}]}],"maxLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"change":[{"__symbolic":"method"}],"showErrorText":[{"__symbolic":"method"}]}}}}]