/**
 * @fileoverview This file is generated by the Angular template compiler.
 * Do not edit.
 * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride}
 */
 /* tslint:disable */


import * as i0 from '@angular/core';
import * as i1 from '@angular/common';
import * as i2 from './button.component';
const styles_ButtonComponent:any[] = ['@charset "UTF-8";\n\n[_ngcontent-%COMP%]: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.gp-button[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:active, .gp-button--active[_ngcontent-%COMP%] {\n    opacity: .8; }\n  .gp-button--small[_ngcontent-%COMP%] {\n    padding: 0.7rem 2rem; }\n  .gp-button--success[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n      background-color: rgba(0, 175, 236, 0.2); }\n  .gp-button--error[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n      background-color: rgba(243, 82, 82, 0.2); }\n  .gp-button--warning[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n      background-color: rgba(255, 184, 39, 0.2); }\n  .gp-button--grey[_ngcontent-%COMP%] {\n    border-color: rgba(0, 0, 0, 0.05);\n    outline-color: #ccc; }\n    .gp-button--grey[_ngcontent-%COMP%]:hover {\n      color: #00afec; }\n    .gp-button--grey[_ngcontent-%COMP%]:active, .gp-button--grey.gp-button--active[_ngcontent-%COMP%] {\n      color: #00afec;\n      border-color: rgba(0, 0, 0, 0.05);\n      background-color: var(--color-white); }\n  .gp-button--white[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n      opacity: 0.7; }\n    .gp-button--white[_ngcontent-%COMP%]:active, .gp-button--white.gp-button--active[_ngcontent-%COMP%] {\n      color: #00afec;\n      border-color: rgba(0, 175, 236, 0.3);\n      background-color: var(--color-white); }\n    .gp-button--white[_ngcontent-%COMP%]:disabled {\n      color: #b5b5b5;\n      border-color: transparent;\n      background-color: transparent !important; }\n  .gp-button--add[_ngcontent-%COMP%] {\n    position: relative;\n    padding-left: 3.2rem; }\n    .gp-button--add[_ngcontent-%COMP%]: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[_ngcontent-%COMP%]:hover:before, .gp-button--add[_ngcontent-%COMP%]:active:before {\n      opacity: 1; }\n  .gp-button[_ngcontent-%COMP%]:disabled, .gp-button--disabled[_ngcontent-%COMP%] {\n    cursor: not-allowed;\n    color: #b5b5b5;\n    outline-color: #ccc;\n    background-color: #f8f8f8; }'];
export const RenderType_ButtonComponent:i0.RendererType2 = i0.ɵcrt({encapsulation:0,
    styles:styles_ButtonComponent,data:{}});
export function View_ButtonComponent_0(_l:any):i0.ɵViewDefinition {
  return i0.ɵvid(0,[(_l()(),i0.ɵted(-1,(null as any),['\n'])),(_l()(),i0.ɵeld(1,0,
      (null as any),(null as any),3,'button',([] as any[]),[[8,'disabled',0]],(null as any),
      (null as any),(null as any),(null as any))),i0.ɵdid(2,278528,(null as any),0,
      i1.NgClass,[i0.IterableDiffers,i0.KeyValueDiffers,i0.ElementRef,i0.Renderer],
      {klass:[0,'klass'],ngClass:[1,'ngClass']},(null as any)),i0.ɵpad(3,4),(_l()(),
      i0.ɵted(4,(null as any),['',''])),(_l()(),i0.ɵted(-1,(null as any),['\n\n'])),
      (_l()(),i0.ɵted(-1,(null as any),['\n']))],(_ck,_v) => {
    var _co:i2.ButtonComponent = _v.component;
    const currVal_1:any = i0.ɵinlineInterpolate(1,'gp-button ',_co.extraClass,'');
    const currVal_2:any = _ck(_v,3,0,((_co.state !== '')? ('gp-button--' + _co.state): ''),
        ((_co.color !== '')? ('gp-button--' + _co.color): ''),((_co.size !== '')? ('gp-button--' + _co.size): ''),
        ((_co.add == true)? 'gp-button--add': ''));
    _ck(_v,2,0,currVal_1,currVal_2);
  },(_ck,_v) => {
    var _co:i2.ButtonComponent = _v.component;
    const currVal_0:any = _co.disabled;
    _ck(_v,1,0,currVal_0);
    const currVal_3:any = _co.text;
    _ck(_v,4,0,currVal_3);
  });
}
export function View_ButtonComponent_Host_0(_l:any):i0.ɵViewDefinition {
  return i0.ɵvid(0,[(_l()(),i0.ɵeld(0,0,(null as any),(null as any),1,'gp-button',
      ([] as any[]),(null as any),(null as any),(null as any),View_ButtonComponent_0,
      RenderType_ButtonComponent)),i0.ɵdid(1,2146304,(null as any),0,i2.ButtonComponent,
      [i0.ElementRef],(null as any),(null as any))],(null as any),(null as any));
}
export const ButtonComponentNgFactory:i0.ComponentFactory<i2.ButtonComponent> = i0.ɵccf('gp-button',
    i2.ButtonComponent,View_ButtonComponent_Host_0,{text:'text',state:'state',color:'color',
        size:'size',add:'add',disabled:'disabled'},{},([] as any[]));
//# sourceMappingURL=data:application/json;base64,eyJmaWxlIjoiL1VzZXJzL2FsZXhpcy93b3Jrc3BhY2UvZ3JlZW5waWUvZ3AtYWRtaW4tdXgvLmJ1aWxkL3NyYy9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lm5nZmFjdG9yeS50cyIsInZlcnNpb24iOjMsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIm5nOi8vL1VzZXJzL2FsZXhpcy93b3Jrc3BhY2UvZ3JlZW5waWUvZ3AtYWRtaW4tdXgvLmJ1aWxkL3NyYy9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwibmc6Ly8vVXNlcnMvYWxleGlzL3dvcmtzcGFjZS9ncmVlbnBpZS9ncC1hZG1pbi11eC8uYnVpbGQvc3JjL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMuQnV0dG9uQ29tcG9uZW50Lmh0bWwiLCJuZzovLy9Vc2Vycy9hbGV4aXMvd29ya3NwYWNlL2dyZWVucGllL2dwLWFkbWluLXV4Ly5idWlsZC9zcmMvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cy5CdXR0b25Db21wb25lbnRfSG9zdC5odG1sIl0sInNvdXJjZXNDb250ZW50IjpbIiAiLCJcbjxidXR0b25cbiAgY2xhc3M9XCJncC1idXR0b24ge3tleHRyYUNsYXNzfX1cIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICBbbmdDbGFzc109XCJbXG4gICAgc3RhdGUgIT09ICcnID8gJ2dwLWJ1dHRvbi0tJytzdGF0ZSA6ICcnLFxuICAgIGNvbG9yICE9PSAnJyA/ICdncC1idXR0b24tLScrY29sb3IgOiAnJyxcbiAgICBzaXplICE9PSAnJyA/ICdncC1idXR0b24tLScrc2l6ZSA6ICcnLFxuICAgIGFkZCA9PSB0cnVlID8gJ2dwLWJ1dHRvbi0tYWRkJzogJydcbiAgXVwiXG4+e3t0ZXh0fX08L2J1dHRvbj5cblxuPCEtLSBzdWNjZXNzIC8gZXJyb3IgLyB3YXJuaW5nIC8gZ3JleSAvIHdoaXRlIC0tPlxuIiwiPGdwLWJ1dHRvbj48L2dwLWJ1dHRvbj4iXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7Ozs7b0JDQUEsMENBQ0E7TUFBQTtNQUFBLG1EQUFBO2lCQUFBO01BQUEsZ0VBRUUsTUFNRDthQUFBLDJCQUFpQjtNQUUrQjs7SUFUL0M7SUFDQTtRQUFBO1FBQUE7SUFGRixXQUNFLFVBQ0EsU0FGRjs7O0lBQ21DO0lBRG5DLFdBQ21DLFNBRG5DO0lBUUM7SUFBQTs7OztvQkNURDtNQUFBO2dDQUFBLFVBQUE7TUFBQTs7OzsifQ==