[{"__symbolic":"module","version":3,"metadata":{"InputComponent":{"__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-input","template":"\n<div\n  class=\"input\"\n  [ngClass]=\"[\n    !!state ? 'input--'+state : '',\n    !!disabled ? 'input--disabled' : '',\n    value !== '' ? 'input--filled' : ''\n  ]\"\n>\n  <!-- success / error / filled -->\n\n  <div class=\"flex flex--content-between\">\n    <div class=\"input__title\">{{ title }}</div>\n    <div class=\"input__error\">{{ errorText }}</div>\n  </div>\n\n  <input\n    [type]=\"type\"\n    class=\"input__area\"\n    [(ngModel)]=\"value\"\n    (ngModelChange)=\"change()\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n  >\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-input\"\n */\n.gp-input {\n  min-width: 18rem; }\n  .gp-input--success input.gp-input__area {\n    border-color: #00afec; }\n  .gp-input--success .gp-input__title {\n    color: #00afec; }\n  .gp-input--error input.gp-input__area {\n    border-color: #f35252; }\n  .gp-input--error .gp-input__title {\n    color: #f35252; }\n  .gp-input--error .gp-input__error {\n    display: block; }\n  .gp-input--disabled {\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-input--disabled input.gp-input__area {\n      cursor: not-allowed;\n      color: #b5b5b5;\n      border-color: #dbdbdb;\n      background-color: #f8f8f8; }\n  .gp-input__title {\n    font: 400 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-input__error {\n    font: 400 1.2rem/1.4rem \"Roboto\", sans-serif;\n    display: none;\n    color: #f35252; }\n  .gp-input__area {\n    font: 1.3rem/1.5rem \"Roboto\", sans-serif;\n    width: 100%;\n    padding: 1rem 1.5rem;\n    color: #212121;\n    border: 0.1rem solid #dbdbdb;\n    border-radius: 0.02rem;\n    background-color: var(--color-white); }\n    .gp-input__area[type=\"password\"] {\n      letter-spacing: 0.5rem;\n      font-weight: 900; }\n  .gp-input input::-webkit-input-placeholder,\n  .gp-input input:-ms-input-placeholder,\n  .gp-input input::placeholder {\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"],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"InputComponent"},"multi":true}]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"inputName":[{"__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"}}]}],"placeholder":[{"__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"}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"errorText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"change":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"InputComponent":{"__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-input","template":"\n<div\n  class=\"input\"\n  [ngClass]=\"[\n    !!state ? 'input--'+state : '',\n    !!disabled ? 'input--disabled' : '',\n    value !== '' ? 'input--filled' : ''\n  ]\"\n>\n  <!-- success / error / filled -->\n\n  <div class=\"flex flex--content-between\">\n    <div class=\"input__title\">{{ title }}</div>\n    <div class=\"input__error\">{{ errorText }}</div>\n  </div>\n\n  <input\n    [type]=\"type\"\n    class=\"input__area\"\n    [(ngModel)]=\"value\"\n    (ngModelChange)=\"change()\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n  >\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-input\"\n */\n.gp-input {\n  min-width: 18rem; }\n  .gp-input--success input.gp-input__area {\n    border-color: #00afec; }\n  .gp-input--success .gp-input__title {\n    color: #00afec; }\n  .gp-input--error input.gp-input__area {\n    border-color: #f35252; }\n  .gp-input--error .gp-input__title {\n    color: #f35252; }\n  .gp-input--error .gp-input__error {\n    display: block; }\n  .gp-input--disabled {\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-input--disabled input.gp-input__area {\n      cursor: not-allowed;\n      color: #b5b5b5;\n      border-color: #dbdbdb;\n      background-color: #f8f8f8; }\n  .gp-input__title {\n    font: 400 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-input__error {\n    font: 400 1.2rem/1.4rem \"Roboto\", sans-serif;\n    display: none;\n    color: #f35252; }\n  .gp-input__area {\n    font: 1.3rem/1.5rem \"Roboto\", sans-serif;\n    width: 100%;\n    padding: 1rem 1.5rem;\n    color: #212121;\n    border: 0.1rem solid #dbdbdb;\n    border-radius: 0.02rem;\n    background-color: var(--color-white); }\n    .gp-input__area[type=\"password\"] {\n      letter-spacing: 0.5rem;\n      font-weight: 900; }\n  .gp-input input::-webkit-input-placeholder,\n  .gp-input input:-ms-input-placeholder,\n  .gp-input input::placeholder {\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"],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"InputComponent"},"multi":true}]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"inputName":[{"__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"}}]}],"placeholder":[{"__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"}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"errorText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"change":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}}}}]