[{"__symbolic":"module","version":3,"metadata":{"SpinboxComponent":{"__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-spinbox","template":"\n<div\n  class=\"gp-spinbox {{extraClass}}\"\n  [ngClass]=\"{'gp-spinbox--filled': !!value}\"\n>\n\n  <div class=\"flex flex--content-between\">\n    <div class=\"gp-spinbox__title\">{{ title }}</div>\n    <div class=\"gp-spinbox__error\" *ngIf=\"showErrorText()\">{{ error }}</div>\n  </div>\n\n  <div class=\"pr\">\n    <input\n      type=\"number\"\n      class=\"gp-spinbox__area\"\n      [min]=\"minValue\"\n      [max]=\"maxValue\"\n      [value]=\"value\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      (blur)=\"inputBlur()\"\n      (keypress)=\"onKeyPress($event)\"\n      (keydown)=\"onInputKeyDown($event)\"\n      (paste)=\"onPaste()\"\n      [(ngModel)]=\"value\"\n      (ngModelChange)=\"change()\"\n    >\n    <div class=\"gp-spinbox__plus\" (click)=\"clickArrowUp()\"></div>\n    <div class=\"gp-spinbox__minus\" (click)=\"clickArrowDown()\"></div>\n  </div>\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-spinbox\"\n */\n.gp-spinbox {\n  position: relative; }\n  .gp-spinbox > .pr:after {\n    position: absolute;\n    z-index: 0;\n    top: 0.2rem;\n    right: 0.2rem;\n    bottom: 0.2rem;\n    display: block;\n    width: 2.3rem;\n    content: '';\n    border-radius: 0.3rem;\n    background-color: var(--color-white); }\n  .gp-spinbox__plus, .gp-spinbox__minus {\n    position: absolute;\n    width: 0.6rem;\n    height: 0.4rem;\n    cursor: pointer;\n    z-index: 1; }\n  .gp-spinbox__plus {\n    top: 0.2rem;\n    right: 0.2rem;\n    padding: 0.8rem 1.3rem; }\n    .gp-spinbox__plus:before {\n      content: '';\n      position: absolute;\n      display: block;\n      border-right: 0.3rem solid transparent;\n      border-bottom: 0.4rem solid #dbdbdb;\n      border-left: 0.3rem solid transparent;\n      top: 1rem;\n      right: 1rem; }\n    .gp-spinbox__plus:hover:before {\n      border-bottom-color: #b5b5b5; }\n  .gp-spinbox__minus {\n    right: 0.2rem;\n    bottom: 0.2rem;\n    padding: 0.8rem 1.3rem; }\n    .gp-spinbox__minus:hover:before {\n      border-top-color: #b5b5b5; }\n    .gp-spinbox__minus:before {\n      content: '';\n      position: absolute;\n      display: block;\n      border-top: 0.4rem solid #dbdbdb;\n      border-right: 0.3rem solid transparent;\n      border-left: 0.3rem solid transparent;\n      right: 1rem;\n      bottom: 1rem; }\n  .gp-spinbox--success input.gp-spinbox__area {\n    border-color: #00afec; }\n  .gp-spinbox--success .gp-spinbox__title {\n    color: #00afec; }\n  .gp-spinbox--error input.gp-spinbox__area {\n    border-color: #f35252; }\n  .gp-spinbox--error .gp-spinbox__title {\n    color: #f35252; }\n  .gp-spinbox--error .gp-spinbox__error {\n    display: block; }\n  .gp-spinbox--disabled .gp-spinbox__minus:hover,\n  .gp-spinbox--disabled .gp-spinbox__plus:hover {\n    cursor: not-allowed; }\n  .gp-spinbox--disabled .gp-spinbox__minus:hover:before,\n  .gp-spinbox--disabled .gp-spinbox__plus:hover:before {\n    border-top-color: #dbdbdb;\n    border-bottom-color: #dbdbdb; }\n  .gp-spinbox--disabled > .pr:after {\n    background-color: #f8f8f8;\n    cursor: not-allowed; }\n  .gp-spinbox--disabled input.gp-spinbox__area {\n    cursor: not-allowed;\n    color: #b5b5b5;\n    border-color: #dbdbdb;\n    background-color: #f8f8f8; }\n  .gp-spinbox__area {\n    font: 1.3rem/1.5rem \"Roboto\", sans-serif;\n    min-width: 18rem;\n    width: 100%;\n    padding: 1rem 1rem 1rem 1.5rem;\n    color: #212121;\n    border: 0.1rem solid #dbdbdb;\n    border-radius: 0.2rem;\n    background-color: var(--color-white); }\n  .gp-spinbox__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-spinbox__error {\n    font: 500 1.2rem/1.4rem \"Roboto\", sans-serif;\n    display: none;\n    color: #f35252; }\n\ninput::-webkit-input-placeholder,\ninput:-ms-input-placeholder,\ninput::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":"SpinboxComponent"},"multi":true}]}]}],"members":{"title":[{"__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"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxValue":[{"__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"}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"prefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"prefixIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"postfix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"postfixIcon":[{"__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":"gp-admin-abstract","name":"HelperService"}]}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"onInputKeyDown":[{"__symbolic":"method"}],"onKeyPress":[{"__symbolic":"method"}],"change":[{"__symbolic":"method"}],"showErrorText":[{"__symbolic":"method"}],"clickArrowUp":[{"__symbolic":"method"}],"clickArrowDown":[{"__symbolic":"method"}],"inputBlur":[{"__symbolic":"method"}],"validateValue":[{"__symbolic":"method"}],"onPaste":[{"__symbolic":"method"}],"checkValue":[{"__symbolic":"method"}]},"statics":{"KEY_CODE_UP":38,"KEY_CODE_DOWN":40,"ALLOW_KEYS":[46,8,9,27,13,110,190]}}}},{"__symbolic":"module","version":1,"metadata":{"SpinboxComponent":{"__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-spinbox","template":"\n<div\n  class=\"gp-spinbox {{extraClass}}\"\n  [ngClass]=\"{'gp-spinbox--filled': !!value}\"\n>\n\n  <div class=\"flex flex--content-between\">\n    <div class=\"gp-spinbox__title\">{{ title }}</div>\n    <div class=\"gp-spinbox__error\" *ngIf=\"showErrorText()\">{{ error }}</div>\n  </div>\n\n  <div class=\"pr\">\n    <input\n      type=\"number\"\n      class=\"gp-spinbox__area\"\n      [min]=\"minValue\"\n      [max]=\"maxValue\"\n      [value]=\"value\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      (blur)=\"inputBlur()\"\n      (keypress)=\"onKeyPress($event)\"\n      (keydown)=\"onInputKeyDown($event)\"\n      (paste)=\"onPaste()\"\n      [(ngModel)]=\"value\"\n      (ngModelChange)=\"change()\"\n    >\n    <div class=\"gp-spinbox__plus\" (click)=\"clickArrowUp()\"></div>\n    <div class=\"gp-spinbox__minus\" (click)=\"clickArrowDown()\"></div>\n  </div>\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-spinbox\"\n */\n.gp-spinbox {\n  position: relative; }\n  .gp-spinbox > .pr:after {\n    position: absolute;\n    z-index: 0;\n    top: 0.2rem;\n    right: 0.2rem;\n    bottom: 0.2rem;\n    display: block;\n    width: 2.3rem;\n    content: '';\n    border-radius: 0.3rem;\n    background-color: var(--color-white); }\n  .gp-spinbox__plus, .gp-spinbox__minus {\n    position: absolute;\n    width: 0.6rem;\n    height: 0.4rem;\n    cursor: pointer;\n    z-index: 1; }\n  .gp-spinbox__plus {\n    top: 0.2rem;\n    right: 0.2rem;\n    padding: 0.8rem 1.3rem; }\n    .gp-spinbox__plus:before {\n      content: '';\n      position: absolute;\n      display: block;\n      border-right: 0.3rem solid transparent;\n      border-bottom: 0.4rem solid #dbdbdb;\n      border-left: 0.3rem solid transparent;\n      top: 1rem;\n      right: 1rem; }\n    .gp-spinbox__plus:hover:before {\n      border-bottom-color: #b5b5b5; }\n  .gp-spinbox__minus {\n    right: 0.2rem;\n    bottom: 0.2rem;\n    padding: 0.8rem 1.3rem; }\n    .gp-spinbox__minus:hover:before {\n      border-top-color: #b5b5b5; }\n    .gp-spinbox__minus:before {\n      content: '';\n      position: absolute;\n      display: block;\n      border-top: 0.4rem solid #dbdbdb;\n      border-right: 0.3rem solid transparent;\n      border-left: 0.3rem solid transparent;\n      right: 1rem;\n      bottom: 1rem; }\n  .gp-spinbox--success input.gp-spinbox__area {\n    border-color: #00afec; }\n  .gp-spinbox--success .gp-spinbox__title {\n    color: #00afec; }\n  .gp-spinbox--error input.gp-spinbox__area {\n    border-color: #f35252; }\n  .gp-spinbox--error .gp-spinbox__title {\n    color: #f35252; }\n  .gp-spinbox--error .gp-spinbox__error {\n    display: block; }\n  .gp-spinbox--disabled .gp-spinbox__minus:hover,\n  .gp-spinbox--disabled .gp-spinbox__plus:hover {\n    cursor: not-allowed; }\n  .gp-spinbox--disabled .gp-spinbox__minus:hover:before,\n  .gp-spinbox--disabled .gp-spinbox__plus:hover:before {\n    border-top-color: #dbdbdb;\n    border-bottom-color: #dbdbdb; }\n  .gp-spinbox--disabled > .pr:after {\n    background-color: #f8f8f8;\n    cursor: not-allowed; }\n  .gp-spinbox--disabled input.gp-spinbox__area {\n    cursor: not-allowed;\n    color: #b5b5b5;\n    border-color: #dbdbdb;\n    background-color: #f8f8f8; }\n  .gp-spinbox__area {\n    font: 1.3rem/1.5rem \"Roboto\", sans-serif;\n    min-width: 18rem;\n    width: 100%;\n    padding: 1rem 1rem 1rem 1.5rem;\n    color: #212121;\n    border: 0.1rem solid #dbdbdb;\n    border-radius: 0.2rem;\n    background-color: var(--color-white); }\n  .gp-spinbox__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-spinbox__error {\n    font: 500 1.2rem/1.4rem \"Roboto\", sans-serif;\n    display: none;\n    color: #f35252; }\n\ninput::-webkit-input-placeholder,\ninput:-ms-input-placeholder,\ninput::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":"SpinboxComponent"},"multi":true}]}]}],"members":{"title":[{"__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"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxValue":[{"__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"}}]}],"error":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"prefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"prefixIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"postfix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"postfixIcon":[{"__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":"gp-admin-abstract","name":"HelperService"}]}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"onInputKeyDown":[{"__symbolic":"method"}],"onKeyPress":[{"__symbolic":"method"}],"change":[{"__symbolic":"method"}],"showErrorText":[{"__symbolic":"method"}],"clickArrowUp":[{"__symbolic":"method"}],"clickArrowDown":[{"__symbolic":"method"}],"inputBlur":[{"__symbolic":"method"}],"validateValue":[{"__symbolic":"method"}],"onPaste":[{"__symbolic":"method"}],"checkValue":[{"__symbolic":"method"}]},"statics":{"KEY_CODE_UP":38,"KEY_CODE_DOWN":40,"ALLOW_KEYS":[46,8,9,27,13,110,190]}}}}]