[{"__symbolic":"module","version":3,"metadata":{"ButtonComponent":{"__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-button","template":"\n<button\n  class=\"gp-button {{extraClass}}\" [disabled]=\"disabled\"\n  [ngClass]=\"[\n    state !== '' ? 'gp-button--'+state : '',\n    color !== '' ? 'gp-button--'+color : '',\n    size !== '' ? 'gp-button--'+size : '',\n    add == true ? 'gp-button--add': ''\n  ]\"\n>{{text}}</button>\n\n<!-- success / error / warning / grey / white -->\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-button\"\n */\n.gp-button {\n  font: bold 1.4rem/1.6rem \"Roboto\", sans-serif;\n  padding: 1rem 3rem .9rem;\n  cursor: pointer;\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  text-align: center;\n  border: 0.1rem solid rgba(0, 0, 0, 0.05);\n  border-radius: .2rem;\n  background-color: #f8f8f8; }\n  .gp-button:active, .gp-button--active {\n    opacity: .8; }\n  .gp-button--small {\n    padding: 0.7rem 2rem; }\n  .gp-button--success {\n    color: var(--color-white);\n    border-color: rgba(0, 0, 0, 0.15);\n    outline-color: #00afec;\n    background-color: #00afec; }\n    .gp-button--success:hover {\n      background-color: rgba(0, 175, 236, 0.2); }\n  .gp-button--error {\n    color: var(--color-white);\n    border-color: rgba(0, 0, 0, 0.15);\n    outline-color: #f35252;\n    background-color: #f35252; }\n    .gp-button--error:hover {\n      background-color: rgba(243, 82, 82, 0.2); }\n  .gp-button--warning {\n    color: var(--color-white);\n    border-color: rgba(0, 0, 0, 0.15);\n    outline-color: #ffb827;\n    background-color: #ffb827; }\n    .gp-button--warning:hover {\n      background-color: rgba(255, 184, 39, 0.2); }\n  .gp-button--grey {\n    border-color: rgba(0, 0, 0, 0.05);\n    outline-color: #ccc; }\n    .gp-button--grey:hover {\n      color: #00afec; }\n    .gp-button--grey:active, .gp-button--grey.gp-button--active {\n      color: #00afec;\n      border-color: rgba(0, 0, 0, 0.05);\n      background-color: var(--color-white); }\n  .gp-button--white {\n    color: #00afec;\n    border-color: transparent;\n    outline-color: rgba(0, 175, 236, 0.3);\n    background-color: var(--color-white);\n    padding: 0; }\n    .gp-button--white:hover {\n      opacity: 0.7; }\n    .gp-button--white:active, .gp-button--white.gp-button--active {\n      color: #00afec;\n      border-color: rgba(0, 175, 236, 0.3);\n      background-color: var(--color-white); }\n    .gp-button--white:disabled {\n      color: #b5b5b5;\n      border-color: transparent;\n      background-color: transparent !important; }\n  .gp-button--add {\n    position: relative;\n    padding-left: 3.2rem; }\n    .gp-button--add:before {\n      content: '';\n      display: block;\n      width: 1.2rem;\n      height: 1.2rem;\n      position: absolute;\n      left: 1rem;\n      top: 50%;\n      -moz-transform: translateY(-50%);\n      -o-transform: translateY(-50%);\n      -ms-transform: translateY(-50%);\n      -webkit-transform: translateY(-50%);\n      transform: translateY(-50%);\n      background: url(\"/assets/img/button-add.svg\") no-repeat center;\n      opacity: 0.4; }\n    .gp-button--add:hover:before, .gp-button--add:active:before {\n      opacity: 1; }\n  .gp-button:disabled, .gp-button--disabled {\n    cursor: not-allowed;\n    color: #b5b5b5;\n    outline-color: #ccc;\n    background-color: #f8f8f8; }\n"]}]}],"members":{"text":[{"__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"}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"add":[{"__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"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}]}}}},{"__symbolic":"module","version":1,"metadata":{"ButtonComponent":{"__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-button","template":"\n<button\n  class=\"gp-button {{extraClass}}\" [disabled]=\"disabled\"\n  [ngClass]=\"[\n    state !== '' ? 'gp-button--'+state : '',\n    color !== '' ? 'gp-button--'+color : '',\n    size !== '' ? 'gp-button--'+size : '',\n    add == true ? 'gp-button--add': ''\n  ]\"\n>{{text}}</button>\n\n<!-- success / error / warning / grey / white -->\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-button\"\n */\n.gp-button {\n  font: bold 1.4rem/1.6rem \"Roboto\", sans-serif;\n  padding: 1rem 3rem .9rem;\n  cursor: pointer;\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  text-align: center;\n  border: 0.1rem solid rgba(0, 0, 0, 0.05);\n  border-radius: .2rem;\n  background-color: #f8f8f8; }\n  .gp-button:active, .gp-button--active {\n    opacity: .8; }\n  .gp-button--small {\n    padding: 0.7rem 2rem; }\n  .gp-button--success {\n    color: var(--color-white);\n    border-color: rgba(0, 0, 0, 0.15);\n    outline-color: #00afec;\n    background-color: #00afec; }\n    .gp-button--success:hover {\n      background-color: rgba(0, 175, 236, 0.2); }\n  .gp-button--error {\n    color: var(--color-white);\n    border-color: rgba(0, 0, 0, 0.15);\n    outline-color: #f35252;\n    background-color: #f35252; }\n    .gp-button--error:hover {\n      background-color: rgba(243, 82, 82, 0.2); }\n  .gp-button--warning {\n    color: var(--color-white);\n    border-color: rgba(0, 0, 0, 0.15);\n    outline-color: #ffb827;\n    background-color: #ffb827; }\n    .gp-button--warning:hover {\n      background-color: rgba(255, 184, 39, 0.2); }\n  .gp-button--grey {\n    border-color: rgba(0, 0, 0, 0.05);\n    outline-color: #ccc; }\n    .gp-button--grey:hover {\n      color: #00afec; }\n    .gp-button--grey:active, .gp-button--grey.gp-button--active {\n      color: #00afec;\n      border-color: rgba(0, 0, 0, 0.05);\n      background-color: var(--color-white); }\n  .gp-button--white {\n    color: #00afec;\n    border-color: transparent;\n    outline-color: rgba(0, 175, 236, 0.3);\n    background-color: var(--color-white);\n    padding: 0; }\n    .gp-button--white:hover {\n      opacity: 0.7; }\n    .gp-button--white:active, .gp-button--white.gp-button--active {\n      color: #00afec;\n      border-color: rgba(0, 175, 236, 0.3);\n      background-color: var(--color-white); }\n    .gp-button--white:disabled {\n      color: #b5b5b5;\n      border-color: transparent;\n      background-color: transparent !important; }\n  .gp-button--add {\n    position: relative;\n    padding-left: 3.2rem; }\n    .gp-button--add:before {\n      content: '';\n      display: block;\n      width: 1.2rem;\n      height: 1.2rem;\n      position: absolute;\n      left: 1rem;\n      top: 50%;\n      -moz-transform: translateY(-50%);\n      -o-transform: translateY(-50%);\n      -ms-transform: translateY(-50%);\n      -webkit-transform: translateY(-50%);\n      transform: translateY(-50%);\n      background: url(\"/assets/img/button-add.svg\") no-repeat center;\n      opacity: 0.4; }\n    .gp-button--add:hover:before, .gp-button--add:active:before {\n      opacity: 1; }\n  .gp-button:disabled, .gp-button--disabled {\n    cursor: not-allowed;\n    color: #b5b5b5;\n    outline-color: #ccc;\n    background-color: #f8f8f8; }\n"]}]}],"members":{"text":[{"__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"}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"add":[{"__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"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}]}}}}]