[{"__symbolic":"module","version":3,"metadata":{"PhoneInputComponent":{"__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-phone-input","template":"\n<!-- TODO: посмотреть на стили -->\n<div class=\"gp-phone-input\"\n     [ngClass]=\"{'gp-input--filled': !!phone, 'gp-input--disabled': disabled}\">\n\n  <div class=\"flex flex--content-between\">\n    <div class=\"gp-phone-input__title\">{{ title }}</div>\n    <div class=\"gp-phone-input__error\">{{ error }}</div>\n  </div>\n\n  <input\n    type=\"text\"\n    [name]=\"name\"\n    maxlength=\"16\"\n    class=\"gp-phone-input__area\"\n    [(ngModel)]=\"phone\"\n    (ngModelChange)=\"onChange($event)\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\">\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-phone-input\"\n */\n.gp-phone-input--success input.gp-phone-input__area {\n  border-color: #00afec; }\n\n.gp-phone-input--success .gp-phone-input__title {\n  color: #00afec; }\n\n.gp-phone-input--error input.gp-phone-input__area {\n  border-color: #f35252; }\n\n.gp-phone-input--error .gp-phone-input__title {\n  color: #f35252; }\n\n.gp-phone-input--error .gp-phone-input__error {\n  display: block; }\n\n.gp-phone-input--disabled input.gp-phone-input__area {\n  cursor: not-allowed;\n  color: #b5b5b5;\n  border-color: #dbdbdb;\n  background-color: #f8f8f8; }\n\n.gp-phone-input__title {\n  font: 400 1.2rem/1.4rem \"Roboto\", sans-serif;\n  margin-bottom: 0.5rem;\n  color: #b5b5b5; }\n\n.gp-phone-input__error {\n  font: 400 1.2rem/1.4rem \"Roboto\", sans-serif;\n  display: none;\n  color: #f35252; }\n\n.gp-phone-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.2rem;\n  background-color: #fff; }\n  .gp-phone-input__area[type=\"password\"] {\n    letter-spacing: 0.5rem;\n    font-weight: 900; }\n\n.gp-phone-input input::-webkit-input-placeholder,\n.gp-phone-input input:-ms-input-placeholder,\n.gp-phone-input input::placeholder {\n  color: #b5b5b5; }\n"],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"PhoneInputComponent"},"multi":true}]}]}],"members":{"disabled":[{"__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"}}]}],"placeholder":[{"__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"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"phone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"prettyPhone":[{"__symbolic":"method"}]},"statics":{"PHONE_FORMAT_REGEXP":[{"regexp":"^(d)$","format":"+$1"},{"regexp":"^(d)(d{1,3})$","format":"+$1 $2"},{"regexp":"^(d)(d{3})(d{1,3})$","format":"+$1 $2 $3"},{"regexp":"^(d)(d{3})(d{3})(d{1,2})$","format":"+$1 $2 $3-$4"},{"regexp":"^(d)(d{3})(d{3})(d{2})(d{1,2})$","format":"+$1 $2 $3-$4-$5"}]}}}},{"__symbolic":"module","version":1,"metadata":{"PhoneInputComponent":{"__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-phone-input","template":"\n<!-- TODO: посмотреть на стили -->\n<div class=\"gp-phone-input\"\n     [ngClass]=\"{'gp-input--filled': !!phone, 'gp-input--disabled': disabled}\">\n\n  <div class=\"flex flex--content-between\">\n    <div class=\"gp-phone-input__title\">{{ title }}</div>\n    <div class=\"gp-phone-input__error\">{{ error }}</div>\n  </div>\n\n  <input\n    type=\"text\"\n    [name]=\"name\"\n    maxlength=\"16\"\n    class=\"gp-phone-input__area\"\n    [(ngModel)]=\"phone\"\n    (ngModelChange)=\"onChange($event)\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\">\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-phone-input\"\n */\n.gp-phone-input--success input.gp-phone-input__area {\n  border-color: #00afec; }\n\n.gp-phone-input--success .gp-phone-input__title {\n  color: #00afec; }\n\n.gp-phone-input--error input.gp-phone-input__area {\n  border-color: #f35252; }\n\n.gp-phone-input--error .gp-phone-input__title {\n  color: #f35252; }\n\n.gp-phone-input--error .gp-phone-input__error {\n  display: block; }\n\n.gp-phone-input--disabled input.gp-phone-input__area {\n  cursor: not-allowed;\n  color: #b5b5b5;\n  border-color: #dbdbdb;\n  background-color: #f8f8f8; }\n\n.gp-phone-input__title {\n  font: 400 1.2rem/1.4rem \"Roboto\", sans-serif;\n  margin-bottom: 0.5rem;\n  color: #b5b5b5; }\n\n.gp-phone-input__error {\n  font: 400 1.2rem/1.4rem \"Roboto\", sans-serif;\n  display: none;\n  color: #f35252; }\n\n.gp-phone-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.2rem;\n  background-color: #fff; }\n  .gp-phone-input__area[type=\"password\"] {\n    letter-spacing: 0.5rem;\n    font-weight: 900; }\n\n.gp-phone-input input::-webkit-input-placeholder,\n.gp-phone-input input:-ms-input-placeholder,\n.gp-phone-input input::placeholder {\n  color: #b5b5b5; }\n"],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"PhoneInputComponent"},"multi":true}]}]}],"members":{"disabled":[{"__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"}}]}],"placeholder":[{"__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"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"phone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"prettyPhone":[{"__symbolic":"method"}]},"statics":{"PHONE_FORMAT_REGEXP":[{"regexp":"^(d)$","format":"+$1"},{"regexp":"^(d)(d{1,3})$","format":"+$1 $2"},{"regexp":"^(d)(d{3})(d{1,3})$","format":"+$1 $2 $3"},{"regexp":"^(d)(d{3})(d{3})(d{1,2})$","format":"+$1 $2 $3-$4"},{"regexp":"^(d)(d{3})(d{3})(d{2})(d{1,2})$","format":"+$1 $2 $3-$4-$5"}]}}}}]