{"version":3,"sources":["webpack:///./src/$_lazy_route_resource lazy namespace object","webpack:///./src/app/app-routing.module.ts","webpack:///./src/app/app.component.html","webpack:///./src/app/app.component.scss","webpack:///./src/app/app.component.ts","webpack:///./src/app/app.module.ts","webpack:///./src/app/example1/example1.component.html","webpack:///./src/app/example1/example1.component.scss","webpack:///./src/app/example1/example1.component.ts","webpack:///./src/app/example2/example2.component.html","webpack:///./src/app/example2/example2.component.scss","webpack:///./src/app/example2/example2.component.ts","webpack:///./src/app/example3/example3.component.html","webpack:///./src/app/example3/example3.component.scss","webpack:///./src/app/example3/example3.component.ts","webpack:///./src/environments/environment.ts","webpack:///./src/main.ts"],"names":[],"mappings":"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","file":"main.js","sourcesContent":["function webpackEmptyAsyncContext(req) {\n\t// Here Promise.resolve().then() is used instead of new Promise() to prevent\n\t// uncaught exception popping up in devtools\n\treturn Promise.resolve().then(function() {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t});\n}\nwebpackEmptyAsyncContext.keys = function() { return []; };\nwebpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext;\nmodule.exports = webpackEmptyAsyncContext;\nwebpackEmptyAsyncContext.id = \"./src/$$_lazy_route_resource lazy recursive\";","import { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\nimport { Example1Component } from './example1/example1.component';\nimport { Example2Component } from './example2/example2.component';\nimport { Example3Component } from './example3/example3.component';\n\nconst routes: Routes = [\n { path: 'example1', component: Example1Component },\n { path: 'example2', component: Example2Component },\n { path: 'example3', component: Example3Component },\n { path: '', redirectTo: 'example1', pathMatch: 'full'}\n];\n\n@NgModule({\n imports: [RouterModule.forRoot(routes, {useHash: true})],\n exports: [RouterModule]\n})\nexport class AppRoutingModule { }\n","module.exports = \"\\n\"","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2FwcC5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-root',\n templateUrl: './app.component.html',\n styleUrls: ['./app.component.scss']\n})\nexport class AppComponent {\n title = 'angular-app';\n constructor() {\n window['Chargebee'].init({\n site: 'honeycomics-v3-test',\n publishableKey: 'test_qoH22RugUvm5IcxoqUD5Svdcu9mX5figf'\n });\n }\n}\n","import { BrowserModule } from '@angular/platform-browser';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { ChargebeeJsAngularWrapperModule } from '@chargebee/chargebee-js-angular-wrapper';\n\nimport { AppRoutingModule } from './app-routing.module';\nimport { AppComponent } from './app.component';\nimport { Example1Component } from './example1/example1.component';\nimport { Example2Component } from './example2/example2.component';\nimport { Example3Component } from './example3/example3.component';\n\n@NgModule({\n declarations: [\n AppComponent,\n Example1Component,\n Example2Component,\n Example3Component,\n ],\n imports: [\n FormsModule,\n BrowserModule,\n AppRoutingModule,\n ChargebeeJsAngularWrapperModule\n ],\n providers: [],\n bootstrap: [AppComponent]\n})\nexport class AppModule { }\n","module.exports = \"
\\n
\\n
\\n
\\n \\n \\n
\\n \\n
\\n \\n \\n
\\n \\n
\\n \\n
\\n \\n
\\n
\\n \\n
\\n \\n
\\n \\n
\\n \\n
\\n \\n
\\n
\\n
\\n
\\n \\n \\n \\n \\n
{{error}}
\\n
{{token}}
\\n
\\n
\"","module.exports = \".ex1.container {\\n margin: auto;\\n padding: 100px 0;\\n min-height: 100vh; }\\n\\n.ex1-wrap {\\n max-width: 400px;\\n margin: auto;\\n border-radius: 8px;\\n background: #fff;\\n padding: 32px; }\\n\\n.ex1-field {\\n position: relative;\\n margin-bottom: 32px; }\\n\\n.ex1-fields {\\n display: flex;\\n margin-left: -16px; }\\n\\n.ex1-fields .ex1-field {\\n flex: 1;\\n margin-left: 16px; }\\n\\n.ex1-label {\\n font-size: 12px;\\n font-weight: 500;\\n color: #7b808c;\\n position: absolute;\\n top: 0.25rem;\\n pointer-events: none;\\n padding-left: 0.125rem;\\n z-index: 1;\\n font-weight: normal;\\n transition: all 0.28s ease; }\\n\\n.ex1-input {\\n width: 100%;\\n display: block;\\n background: transparent;\\n border-radius: 0;\\n border: none;\\n padding: 4px 2px;\\n border-width: 0;\\n border-color: transparent;\\n color: #333;\\n font-size: 16px;\\n font-family: inherit;\\n font-weight: 500;\\n transition: .2s;\\n cursor: text;\\n /* font-weight: inherit; */\\n transition: all 0.28s ease;\\n box-shadow: none; }\\n\\n.ex1-input::-webkit-input-placeholder {\\n color: transparent; }\\n\\n.ex1-input::-moz-placeholder {\\n color: transparent; }\\n\\n.ex1-input::-ms-input-placeholder {\\n color: transparent; }\\n\\n.ex1-input::placeholder {\\n color: transparent; }\\n\\n.ex1-input:focus::-webkit-input-placeholder {\\n color: #7b808c; }\\n\\n.ex1-input:focus::-moz-placeholder {\\n color: #7b808c; }\\n\\n.ex1-input:focus::-ms-input-placeholder {\\n color: #7b808c; }\\n\\n.ex1-input:focus::placeholder {\\n color: #7b808c; }\\n\\n.ex1-input:focus ~ .ex1-label,\\n.ex1-input.focus ~ .ex1-label,\\n.ex1-input.val ~ .ex1-label,\\n.ex1-input.complete ~ .ex1-label,\\n.ex1-input.invalid ~ .ex1-label {\\n font-size: 0.8rem;\\n color: #7b808c;\\n top: -1rem;\\n left: 0; }\\n\\n.ex1-bar {\\n position: relative;\\n border-bottom: 0.0625rem solid #999;\\n display: block; }\\n\\n.ex1-bar::before {\\n content: '';\\n height: 0.125rem;\\n width: 0;\\n left: 50%;\\n bottom: -0.0625rem;\\n position: absolute;\\n background: #337ab7;\\n transition: left 0.28s ease, width 0.28s ease;\\n z-index: 2; }\\n\\n.ex1-input:focus ~ .ex1-bar::before,\\n.ex1-input.focus ~ .ex1-bar::before {\\n width: 100%;\\n left: 0; }\\n\\n.ex1-button {\\n background: #0950cc;\\n background: #0c0ebd;\\n color: #fff;\\n font-size: 16px;\\n font-family: inherit;\\n border: none;\\n border-radius: 4px;\\n padding: 12px 20px;\\n display: block;\\n width: 100%;\\n letter-spacing: .5px;\\n transition: .2s;\\n cursor: pointer; }\\n\\n.ex1-button:hover,\\n.ex1-button:focus {\\n background: #0641a7;\\n background: #0a0b9a; }\\n\\n.ex1-button.submit {\\n background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3ZnLWxvYWRlciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTUiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA4MCA4MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQwIDcyQzIyLjQgNzIgOCA1Ny42IDggNDBTMjIuNCA4IDQwIDhzMzIgMTQuNCAzMiAzMmMwIDEuMS0uOSAyLTIgMnMtMi0uOS0yLTJjMC0xNS40LTEyLjYtMjgtMjgtMjhTMTIgMjQuNiAxMiA0MHMxMi42IDI4IDI4IDI4YzEuMSAwIDIgLjkgMiAycy0uOSAyLTIgMnoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgNDAgNDAiIHRvPSIzNjAgNDAgNDAiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PC9zdmc+);\\n background-position: 50%;\\n background-repeat: no-repeat;\\n background-size: 20px;\\n color: transparent !important;\\n transition-duration: 0s; }\\n\\n.ex1-wrap .token {\\n color: #555;\\n padding: 10px;\\n text-align: center;\\n font-weight: 500; }\\n\\n.ex1-wrap .error {\\n color: #e41029;\\n padding: 10px;\\n text-align: center;\\n font-weight: 500; }\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92aXZla2FuYW5kaGFuL0RvY3VtZW50cy9jaGFyZ2ViZWUtY2hlY2tvdXQtc2FtcGxlcy9jb21wb25lbnRzL2FuZ3VsYXItYXBwL3NyYy9hcHAvZXhhbXBsZTEvZXhhbXBsZTEuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0E7RUFDRSxZQUFZO0VBQ1osZ0JBQWdCO0VBQ2hCLGlCQUFpQixFQUFBOztBQUduQjtFQUNFLGdCQUFnQjtFQUNoQixZQUFZO0VBQ1osa0JBQWtCO0VBQ2xCLGdCQUFnQjtFQUNoQixhQUFhLEVBQUE7O0FBR2Y7RUFDRSxrQkFBa0I7RUFDbEIsbUJBQW1CLEVBQUE7O0FBRXJCO0VBQ0UsYUFBYTtFQUNiLGtCQUFrQixFQUFBOztBQUVwQjtFQUNFLE9BQU87RUFDUCxpQkFBaUIsRUFBQTs7QUFFbkI7RUFDRSxlQUFlO0VBQ2YsZ0JBQWdCO0VBQ2hCLGNBQWM7RUFDZCxrQkFBa0I7RUFDbEIsWUFBWTtFQUNaLG9CQUFvQjtFQUNwQixzQkFBc0I7RUFDdEIsVUFBVTtFQUNWLG1CQUFtQjtFQUVuQiwwQkFBMEIsRUFBQTs7QUFFNUI7RUFDRSxXQUFXO0VBQ1gsY0FBYztFQUNkLHVCQUF1QjtFQUN2QixnQkFBZ0I7RUFDaEIsWUFBWTtFQUNaLGdCQUFnQjtFQUNoQixlQUFlO0VBQ2YseUJBQXlCO0VBQ3pCLFdBQVc7RUFDWCxlQUFlO0VBQ2Ysb0JBQW9CO0VBQ3BCLGdCQUFnQjtFQUNoQixlQUFlO0VBQ2YsWUFBWTtFQUNaLDBCQUFBO0VBRUEsMEJBQTBCO0VBQzFCLGdCQUFnQixFQUFBOztBQUVsQjtFQUNFLGtCQUFrQixFQUFBOztBQURwQjtFQUNFLGtCQUFrQixFQUFBOztBQURwQjtFQUNFLGtCQUFrQixFQUFBOztBQURwQjtFQUNFLGtCQUFrQixFQUFBOztBQUVwQjtFQUNFLGNBQWMsRUFBQTs7QUFEaEI7RUFDRSxjQUFjLEVBQUE7O0FBRGhCO0VBQ0UsY0FBYyxFQUFBOztBQURoQjtFQUNFLGNBQWMsRUFBQTs7QUFHaEI7Ozs7O0VBS0ksaUJBQWlCO0VBQ2pCLGNBQWE7RUFDYixVQUFVO0VBQ1YsT0FBTyxFQUFBOztBQUVYO0VBQ0Usa0JBQWtCO0VBQ2xCLG1DQUFtQztFQUNuQyxjQUFjLEVBQUE7O0FBRWhCO0VBQ0UsV0FBVztFQUNYLGdCQUFnQjtFQUNoQixRQUFRO0VBQ1IsU0FBUztFQUNULGtCQUFrQjtFQUNsQixrQkFBa0I7RUFDbEIsbUJBQW1CO0VBRW5CLDZDQUE2QztFQUM3QyxVQUFVLEVBQUE7O0FBRVo7O0VBRUUsV0FBVztFQUNYLE9BQU8sRUFBQTs7QUFFVDtFQUNFLG1CQUFtQjtFQUNuQixtQkFBbUI7RUFDbkIsV0FBVztFQUNYLGVBQWU7RUFDZixvQkFBb0I7RUFDcEIsWUFBWTtFQUNaLGtCQUFrQjtFQUNsQixrQkFBa0I7RUFDbEIsY0FBYztFQUNkLFdBQVc7RUFDWCxvQkFBb0I7RUFDcEIsZUFBZTtFQUNmLGVBQWUsRUFBQTs7QUFFakI7O0VBRUUsbUJBQW1CO0VBQ25CLG1CQUFtQixFQUFBOztBQUVyQjtFQUNFLHFuQkFBcW5CO0VBQ3JuQix3QkFBd0I7RUFDeEIsNEJBQTRCO0VBQzVCLHFCQUFxQjtFQUNyQiw2QkFBNEI7RUFDNUIsdUJBQXVCLEVBQUE7O0FBR3pCO0VBQ0UsV0FBVztFQUNYLGFBQWE7RUFDYixrQkFBa0I7RUFDbEIsZ0JBQWdCLEVBQUE7O0FBR2xCO0VBQ0UsY0FBYztFQUNkLGFBQWE7RUFDYixrQkFBa0I7RUFDbEIsZ0JBQWdCLEVBQUEiLCJmaWxlIjoic3JjL2FwcC9leGFtcGxlMS9leGFtcGxlMS5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIlxuLmV4MS5jb250YWluZXIge1xuICBtYXJnaW46IGF1dG87XG4gIHBhZGRpbmc6IDEwMHB4IDA7XG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xufVxuXG4uZXgxLXdyYXB7XG4gIG1heC13aWR0aDogNDAwcHg7XG4gIG1hcmdpbjogYXV0bztcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBiYWNrZ3JvdW5kOiAjZmZmO1xuICBwYWRkaW5nOiAzMnB4O1xufVxuXG4uZXgxLWZpZWxke1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbi1ib3R0b206IDMycHg7XG59XG4uZXgxLWZpZWxkc3tcbiAgZGlzcGxheTogZmxleDtcbiAgbWFyZ2luLWxlZnQ6IC0xNnB4O1xufVxuLmV4MS1maWVsZHMgLmV4MS1maWVsZHtcbiAgZmxleDogMTsgICAgXG4gIG1hcmdpbi1sZWZ0OiAxNnB4O1xufVxuLmV4MS1sYWJlbHsgIFxuICBmb250LXNpemU6IDEycHg7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7ICBcbiAgY29sb3I6ICM3YjgwOGM7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwLjI1cmVtO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgcGFkZGluZy1sZWZ0OiAwLjEyNXJlbTtcbiAgei1pbmRleDogMTsgIFxuICBmb250LXdlaWdodDogbm9ybWFsO1xuICAtd2Via2l0LXRyYW5zaXRpb246IGFsbCAwLjI4cyBlYXNlO1xuICB0cmFuc2l0aW9uOiBhbGwgMC4yOHMgZWFzZTtcbn1cbi5leDEtaW5wdXR7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBibG9jaztcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogNHB4IDJweDsgIFxuICBib3JkZXItd2lkdGg6IDA7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAjMzMzO1xuICBmb250LXNpemU6IDE2cHg7XG4gIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICBmb250LXdlaWdodDogNTAwO1xuICB0cmFuc2l0aW9uOiAuMnM7XG4gIGN1cnNvcjogdGV4dDtcbiAgLyogZm9udC13ZWlnaHQ6IGluaGVyaXQ7ICovXG4gIC13ZWJraXQtdHJhbnNpdGlvbjogYWxsIDAuMjhzIGVhc2U7XG4gIHRyYW5zaXRpb246IGFsbCAwLjI4cyBlYXNlO1xuICBib3gtc2hhZG93OiBub25lO1xufVxuLmV4MS1pbnB1dDo6cGxhY2Vob2xkZXJ7XG4gIGNvbG9yOiB0cmFuc3BhcmVudDtcbn1cbi5leDEtaW5wdXQ6Zm9jdXM6OnBsYWNlaG9sZGVye1xuICBjb2xvcjogIzdiODA4Yztcbn1cblxuLmV4MS1pbnB1dDpmb2N1cyB+IC5leDEtbGFiZWwsXG4uZXgxLWlucHV0LmZvY3VzIH4gLmV4MS1sYWJlbCxcbi5leDEtaW5wdXQudmFsIH4gLmV4MS1sYWJlbCxcbi5leDEtaW5wdXQuY29tcGxldGUgfiAuZXgxLWxhYmVsLFxuLmV4MS1pbnB1dC5pbnZhbGlkIH4gLmV4MS1sYWJlbHtcbiAgICBmb250LXNpemU6IDAuOHJlbTtcbiAgICBjb2xvcjojN2I4MDhjO1xuICAgIHRvcDogLTFyZW07XG4gICAgbGVmdDogMDtcbn1cbi5leDEtYmFye1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlci1ib3R0b206IDAuMDYyNXJlbSBzb2xpZCAjOTk5O1xuICBkaXNwbGF5OiBibG9jaztcbn1cbi5leDEtYmFyOjpiZWZvcmUge1xuICBjb250ZW50OiAnJztcbiAgaGVpZ2h0OiAwLjEyNXJlbTtcbiAgd2lkdGg6IDA7XG4gIGxlZnQ6IDUwJTtcbiAgYm90dG9tOiAtMC4wNjI1cmVtO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQ6ICMzMzdhYjc7XG4gIC13ZWJraXQtdHJhbnNpdGlvbjogbGVmdCAwLjI4cyBlYXNlLCB3aWR0aCAwLjI4cyBlYXNlO1xuICB0cmFuc2l0aW9uOiBsZWZ0IDAuMjhzIGVhc2UsIHdpZHRoIDAuMjhzIGVhc2U7XG4gIHotaW5kZXg6IDI7XG59XG4uZXgxLWlucHV0OmZvY3VzIH4gLmV4MS1iYXI6OmJlZm9yZSxcbi5leDEtaW5wdXQuZm9jdXMgfiAuZXgxLWJhcjo6YmVmb3Jle1xuICB3aWR0aDogMTAwJTtcbiAgbGVmdDogMDtcbn1cbi5leDEtYnV0dG9ue1xuICBiYWNrZ3JvdW5kOiAjMDk1MGNjO1xuICBiYWNrZ3JvdW5kOiAjMGMwZWJkO1xuICBjb2xvcjogI2ZmZjtcbiAgZm9udC1zaXplOiAxNnB4O1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiA0cHg7ICBcbiAgcGFkZGluZzogMTJweCAyMHB4O1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIGxldHRlci1zcGFjaW5nOiAuNXB4O1xuICB0cmFuc2l0aW9uOiAuMnM7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5leDEtYnV0dG9uOmhvdmVyLFxuLmV4MS1idXR0b246Zm9jdXN7XG4gIGJhY2tncm91bmQ6ICMwNjQxYTc7XG4gIGJhY2tncm91bmQ6ICMwYTBiOWE7XG59XG4uZXgxLWJ1dHRvbi5zdWJtaXQge1xuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoZGF0YTppbWFnZS9zdmcreG1sO2Jhc2U2NCxQSE4yWnlCamJHRnpjejBpYzNabkxXeHZZV1JsY2lJZ2VHMXNibk05SW1oMGRIQTZMeTkzZDNjdWR6TXViM0puTHpJd01EQXZjM1puSWlCM2FXUjBhRDBpTlRVaUlHaGxhV2RvZEQwaU5UVWlJSFpwWlhkQ2IzZzlJakFnTUNBNE1DQTRNQ0krUEhCaGRHZ2dabWxzYkQwaUkyWm1aaUlnWkQwaVRUUXdJRGN5UXpJeUxqUWdOeklnT0NBMU55NDJJRGdnTkRCVE1qSXVOQ0E0SURRd0lEaHpNeklnTVRRdU5DQXpNaUF6TW1Nd0lERXVNUzB1T1NBeUxUSWdNbk10TWkwdU9TMHlMVEpqTUMweE5TNDBMVEV5TGpZdE1qZ3RNamd0TWpoVE1USWdNalF1TmlBeE1pQTBNSE14TWk0MklESTRJREk0SURJNFl6RXVNU0F3SURJZ0xqa2dNaUF5Y3kwdU9TQXlMVElnTW5vaVBqeGhibWx0WVhSbFZISmhibk5tYjNKdElHRjBkSEpwWW5WMFpWUjVjR1U5SW5odGJDSWdZWFIwY21saWRYUmxUbUZ0WlQwaWRISmhibk5tYjNKdElpQjBlWEJsUFNKeWIzUmhkR1VpSUdaeWIyMDlJakFnTkRBZ05EQWlJSFJ2UFNJek5qQWdOREFnTkRBaUlHUjFjajBpTUM0MmN5SWdjbVZ3WldGMFEyOTFiblE5SW1sdVpHVm1hVzVwZEdVaUx6NDhMM0JoZEdnK1BDOXpkbWMrKTtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogNTAlO1xuICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICBiYWNrZ3JvdW5kLXNpemU6IDIwcHg7XG4gIGNvbG9yOiB0cmFuc3BhcmVudCFpbXBvcnRhbnQ7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDBzO1xufVxuXG4uZXgxLXdyYXAgLnRva2VuIHtcbiAgY29sb3I6ICM1NTU7XG4gIHBhZGRpbmc6IDEwcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuLmV4MS13cmFwIC5lcnJvciB7XG4gIGNvbG9yOiAjZTQxMDI5O1xuICBwYWRkaW5nOiAxMHB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG59Il19 */\"","import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-example1',\n templateUrl: './example1.component.html',\n styleUrls: ['./example1.component.scss']\n})\nexport class Example1Component {\n firstName: string;\n loading: boolean;\n token: string;\n error: string;\n\n // To store card component instance from ready event\n cardComponent: any;\n\n // Custom styles\n styles = {\n // Styles for default state\n base: {\n color: '#333',\n fontWeight: '500',\n fontFamily: 'Lato, Segoe UI, Helvetica Neue, sans-serif',\n fontSize: '16px',\n fontSmoothing: 'antialiased',\n\n ':focus': {\n color: '#424770',\n },\n\n '::placeholder': {\n color: 'transparent',\n },\n\n ':focus::placeholder': {\n color: '#7b808c',\n },\n },\n\n // Styles for invalid state\n invalid: {\n color: '#e41029',\n\n ':focus': {\n color: '#e44d5f',\n },\n '::placeholder': {\n color: '#FFCCA5',\n },\n }\n };\n\n // Custom fonts\n fonts = [\n 'https://fonts.googleapis.com/css?family=Lato:400,700'\n ];\n\n // Custom placeholder\n placeholder = {\n number: '4111 1111 1111 1111',\n expiry: 'MM / YY',\n cvv: 'CVV'\n };\n\n // Custom classes for container element\n classes = {\n focus: 'focus',\n invalid: 'invalid',\n empty: 'empty',\n complete: 'complete',\n };\n\n // Locale\n locale = 'en';\n\n constructor() { }\n\n tokenize() {\n this.loading = true;\n // Use card component instance to call the tokenize method\n this.cardComponent.tokenize().then((data) => {\n this.token = data.token;\n this.loading = false;\n this.error = '';\n }).catch((error) => {\n this.loading = false;\n this.error = 'Problem while tokenizing your card details';\n this.token = '';\n });\n }\n\n // Receive the cardComponent instance on ready event\n setComponent(cardComponent) {\n this.cardComponent = cardComponent;\n }\n}\n","module.exports = \"
\\n
\\n
\\n \\n \\n \\n \\n
\\n \\n
{{error}}
\\n
{{token}}
\\n

Change theme:

\\n
\\n \\n \\n \\n \\n
\\n

Actions:

\\n
\\n  \\n  \\n  \\n
\\n
\\n  \\n  \\n
\\n
\\n
\"","module.exports = \"* {\\n margin: 0;\\n padding: 0;\\n box-sizing: border-box;\\n outline: none;\\n font-family: 'Lato',-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif; }\\n\\nbody {\\n background: var(--main-bg);\\n color: var(--main-text);\\n font-family: 'Lato',-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\\n font-size: 16px;\\n line-height: 1.4;\\n font-weight: 300;\\n /* -webkit-font-smoothing: antialiased; */ }\\n\\na {\\n cursor: pointer;\\n color: inherit;\\n text-decoration: none;\\n border-bottom: 1px dotted; }\\n\\n.ex2.container {\\n margin: auto;\\n padding: 100px 0;\\n min-height: 100vh;\\n background: var(--main-bg); }\\n\\n.ex2-wrap {\\n max-width: 400px;\\n margin: auto; }\\n\\n.ex2-field {\\n position: relative;\\n margin-bottom: 16px;\\n display: flex;\\n background: var(--secondary-bg);\\n border-radius: 4px;\\n align-items: center; }\\n\\n.ex2-label {\\n font-size: 14px;\\n font-weight: 500;\\n color: var(--main-text);\\n flex-basis: 80px;\\n padding: 4px 0 4px 16px; }\\n\\n.ex2-input {\\n width: 100%;\\n display: block;\\n background: transparent;\\n border-radius: 0;\\n border: none;\\n padding: 12px 16px;\\n border-width: 0;\\n border-color: transparent;\\n color: var(--main-text);\\n font-size: 16px;\\n font-family: inherit;\\n font-weight: 500;\\n transition: .2s;\\n cursor: text;\\n /* font-weight: inherit; */\\n transition: all 0.28s ease;\\n box-shadow: none; }\\n\\n.ex2-input::-webkit-input-placeholder {\\n color: var(--placeholder); }\\n\\n.ex2-input::-moz-placeholder {\\n color: var(--placeholder); }\\n\\n.ex2-input::-ms-input-placeholder {\\n color: var(--placeholder); }\\n\\n.ex2-input::placeholder {\\n color: var(--placeholder); }\\n\\n.ex2-input:focus::-webkit-input-placeholder {\\n color: var(--placeholder-focused); }\\n\\n.ex2-input:focus::-moz-placeholder {\\n color: var(--placeholder-focused); }\\n\\n.ex2-input:focus::-ms-input-placeholder {\\n color: var(--placeholder-focused); }\\n\\n.ex2-input:focus::placeholder {\\n color: var(--placeholder-focused); }\\n\\n.ex2-input:focus ~ .ex2-label,\\n.ex2-input.focus ~ .ex2-label,\\n.ex2-input.complete ~ .ex2-label,\\n.ex2-input.invalid ~ .ex2-label {\\n font-size: 0.8rem;\\n color: var(--main-text);\\n top: -1rem;\\n left: 0; }\\n\\n.ex2-bar {\\n position: relative;\\n border-bottom: 0.0625rem solid #999;\\n display: block; }\\n\\n.ex2-bar::before {\\n content: '';\\n height: 0.125rem;\\n width: 0;\\n left: 50%;\\n bottom: -0.0625rem;\\n position: absolute;\\n background: #337ab7;\\n transition: left 0.28s ease, width 0.28s ease;\\n z-index: 2; }\\n\\n.ex2-input:focus ~ .ex2-bar::before,\\n.ex2-input.focus ~ .ex2-bar::before {\\n width: 100%;\\n left: 0; }\\n\\n.ex2-button {\\n background: var(--primary-btn);\\n color: var(--btn-text);\\n font-size: 16px;\\n font-family: inherit;\\n border: none;\\n border-radius: 4px;\\n padding: 12px 20px;\\n display: block;\\n width: 100%;\\n letter-spacing: .5px;\\n transition: .2s;\\n cursor: pointer; }\\n\\n.ex2-button:hover,\\n.ex2-button:focus {\\n background: var(--primary-btn-focus); }\\n\\n.ex2-wrap .token {\\n color: #fff;\\n padding: 10px;\\n text-align: center;\\n font-weight: 500; }\\n\\n.ex2-wrap .error {\\n color: #e41029;\\n padding: 10px;\\n text-align: center;\\n font-weight: 500; }\\n\\n.ex2-button.submit {\\n background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3ZnLWxvYWRlciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTUiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA4MCA4MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQwIDcyQzIyLjQgNzIgOCA1Ny42IDggNDBTMjIuNCA4IDQwIDhzMzIgMTQuNCAzMiAzMmMwIDEuMS0uOSAyLTIgMnMtMi0uOS0yLTJjMC0xNS40LTEyLjYtMjgtMjgtMjhTMTIgMjQuNiAxMiA0MHMxMi42IDI4IDI4IDI4YzEuMSAwIDIgLjkgMiAycy0uOSAyLTIgMnoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgNDAgNDAiIHRvPSIzNjAgNDAgNDAiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PC9zdmc+);\\n background-position: 50%;\\n background-repeat: no-repeat;\\n background-size: 20px;\\n color: transparent !important;\\n transition-duration: 0s; }\\n\\n.primary-btn {\\n padding: 10px 15px;\\n border-radius: 2px;\\n margin-bottom: 10px;\\n background: #0c0ebd;\\n color: white;\\n border: 0;\\n outline: 0; }\\n\\n.ex2-button.small {\\n height: 30px;\\n padding: 0; }\\n\\n.action-palette {\\n margin-top: 15px;\\n margin-bottom: 15px;\\n font-size: 14px; }\\n\\n.theme-palette {\\n display: flex;\\n margin-top: 20px; }\\n\\n.theme-palette > .ex2-button {\\n margin: 0 10px;\\n padding: 5px 10px;\\n height: 50%;\\n font-size: 14px; }\\n\\n.title {\\n color: var(--main-text);\\n margin-top: 30px; }\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92aXZla2FuYW5kaGFuL0RvY3VtZW50cy9jaGFyZ2ViZWUtY2hlY2tvdXQtc2FtcGxlcy9jb21wb25lbnRzL2FuZ3VsYXItYXBwL3NyYy9hcHAvZXhhbXBsZTIvZXhhbXBsZTIuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0E7RUFDRSxTQUFTO0VBQ1QsVUFBVTtFQUNWLHNCQUFzQjtFQUN0QixhQUFhO0VBQ2IsK0ZBQStGLEVBQUE7O0FBR2pHO0VBQ0UsMEJBQTBCO0VBQzFCLHVCQUF1QjtFQUN2QiwrRkFBK0Y7RUFDL0YsZUFBZTtFQUNmLGdCQUFnQjtFQUNoQixnQkFBZ0I7RUFDaEIseUNBQUEsRUFBMEM7O0FBRzVDO0VBQ0UsZUFBZTtFQUNmLGNBQWM7RUFDZCxxQkFBcUI7RUFDckIseUJBQXlCLEVBQUE7O0FBRzNCO0VBQ0UsWUFBWTtFQUNaLGdCQUFnQjtFQUNoQixpQkFBaUI7RUFDakIsMEJBQTBCLEVBQUE7O0FBRzVCO0VBQ0UsZ0JBQWdCO0VBQ2hCLFlBQVksRUFBQTs7QUFHZDtFQUNFLGtCQUFrQjtFQUNsQixtQkFBbUI7RUFDbkIsYUFBYTtFQUNiLCtCQUErQjtFQUMvQixrQkFBa0I7RUFDbEIsbUJBQW1CLEVBQUE7O0FBR3JCO0VBQ0UsZUFBZTtFQUNmLGdCQUFnQjtFQUNoQix1QkFBdUI7RUFDdkIsZ0JBQWdCO0VBQ2hCLHVCQUF1QixFQUFBOztBQUd6QjtFQUNFLFdBQVc7RUFDWCxjQUFjO0VBQ2QsdUJBQXVCO0VBQ3ZCLGdCQUFnQjtFQUNoQixZQUFZO0VBQ1osa0JBQWtCO0VBQ2xCLGVBQWU7RUFDZix5QkFBeUI7RUFDekIsdUJBQXVCO0VBQ3ZCLGVBQWU7RUFDZixvQkFBb0I7RUFDcEIsZ0JBQWdCO0VBQ2hCLGVBQWU7RUFDZixZQUFZO0VBQ1osMEJBQUE7RUFFQSwwQkFBMEI7RUFDMUIsZ0JBQWdCLEVBQUE7O0FBR2xCO0VBQ0UseUJBQXlCLEVBQUE7O0FBRDNCO0VBQ0UseUJBQXlCLEVBQUE7O0FBRDNCO0VBQ0UseUJBQXlCLEVBQUE7O0FBRDNCO0VBQ0UseUJBQXlCLEVBQUE7O0FBRzNCO0VBQ0UsaUNBQWlDLEVBQUE7O0FBRG5DO0VBQ0UsaUNBQWlDLEVBQUE7O0FBRG5DO0VBQ0UsaUNBQWlDLEVBQUE7O0FBRG5DO0VBQ0UsaUNBQWlDLEVBQUE7O0FBR25DOzs7O0VBSUksaUJBQWlCO0VBQ2pCLHVCQUF1QjtFQUN2QixVQUFVO0VBQ1YsT0FBTyxFQUFBOztBQUdYO0VBQ0Usa0JBQWtCO0VBQ2xCLG1DQUFtQztFQUNuQyxjQUFjLEVBQUE7O0FBR2hCO0VBQ0UsV0FBVztFQUNYLGdCQUFnQjtFQUNoQixRQUFRO0VBQ1IsU0FBUztFQUNULGtCQUFrQjtFQUNsQixrQkFBa0I7RUFDbEIsbUJBQW1CO0VBRW5CLDZDQUE2QztFQUM3QyxVQUFVLEVBQUE7O0FBR1o7O0VBRUUsV0FBVztFQUNYLE9BQU8sRUFBQTs7QUFHVDtFQUNFLDhCQUE4QjtFQUM5QixzQkFBc0I7RUFDdEIsZUFBZTtFQUNmLG9CQUFvQjtFQUNwQixZQUFZO0VBQ1osa0JBQWtCO0VBQ2xCLGtCQUFrQjtFQUNsQixjQUFjO0VBQ2QsV0FBVztFQUNYLG9CQUFvQjtFQUNwQixlQUFlO0VBQ2YsZUFBZSxFQUFBOztBQUdqQjs7RUFFRSxvQ0FBb0MsRUFBQTs7QUFHdEM7RUFDRSxXQUFXO0VBQ1gsYUFBYTtFQUNiLGtCQUFrQjtFQUNsQixnQkFBZ0IsRUFBQTs7QUFHbEI7RUFDRSxjQUFjO0VBQ2QsYUFBYTtFQUNiLGtCQUFrQjtFQUNsQixnQkFBZ0IsRUFBQTs7QUFHbEI7RUFDRSxxbkJBQXFuQjtFQUNybkIsd0JBQXdCO0VBQ3hCLDRCQUE0QjtFQUM1QixxQkFBcUI7RUFDckIsNkJBQTRCO0VBQzVCLHVCQUF1QixFQUFBOztBQUd6QjtFQUNFLGtCQUFrQjtFQUNsQixrQkFBa0I7RUFDbEIsbUJBQW1CO0VBQ25CLG1CQUFtQjtFQUNuQixZQUFZO0VBQ1osU0FBUztFQUNULFVBQ0YsRUFBQTs7QUFFQTtFQUNFLFlBQVk7RUFDWixVQUFVLEVBQUE7O0FBR1o7RUFDRSxnQkFBZ0I7RUFDaEIsbUJBQW1CO0VBQ25CLGVBQWUsRUFBQTs7QUFHakI7RUFDRSxhQUFhO0VBQ2IsZ0JBQWdCLEVBQUE7O0FBR2xCO0VBQ0UsY0FBYztFQUNkLGlCQUFpQjtFQUNqQixXQUFXO0VBQ1gsZUFBZSxFQUFBOztBQUdqQjtFQUNFLHVCQUF1QjtFQUN2QixnQkFBZ0IsRUFBQSIsImZpbGUiOiJzcmMvYXBwL2V4YW1wbGUyL2V4YW1wbGUyLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiXG4qe1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGZvbnQtZmFtaWx5OiAnTGF0bycsLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmO1xufVxuXG5ib2R5e1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1tYWluLWJnKTsgIFxuICBjb2xvcjogdmFyKC0tbWFpbi10ZXh0KTtcbiAgZm9udC1mYW1pbHk6ICdMYXRvJywtYXBwbGUtc3lzdGVtLCBCbGlua01hY1N5c3RlbUZvbnQsICdTZWdvZSBVSScsICdIZWx2ZXRpY2EgTmV1ZScsIHNhbnMtc2VyaWY7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgbGluZS1oZWlnaHQ6IDEuNDtcbiAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgLyogLXdlYmtpdC1mb250LXNtb290aGluZzogYW50aWFsaWFzZWQ7ICovXG59XG5cbmF7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6IGluaGVyaXQ7ICBcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBib3JkZXItYm90dG9tOiAxcHggZG90dGVkO1xufVxuXG4uZXgyLmNvbnRhaW5lciB7XG4gIG1hcmdpbjogYXV0bztcbiAgcGFkZGluZzogMTAwcHggMDtcbiAgbWluLWhlaWdodDogMTAwdmg7XG4gIGJhY2tncm91bmQ6IHZhcigtLW1haW4tYmcpXG59XG5cbi5leDItd3JhcHtcbiAgbWF4LXdpZHRoOiA0MDBweDtcbiAgbWFyZ2luOiBhdXRvOyAgICBcbn1cblxuLmV4Mi1maWVsZHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXJnaW4tYm90dG9tOiAxNnB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1zZWNvbmRhcnktYmcpO1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5leDItbGFiZWx7ICBcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LXdlaWdodDogNTAwOyAgXG4gIGNvbG9yOiB2YXIoLS1tYWluLXRleHQpOyAgICBcbiAgZmxleC1iYXNpczogODBweDtcbiAgcGFkZGluZzogNHB4IDAgNHB4IDE2cHg7XG59XG5cbi5leDItaW5wdXR7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBibG9jaztcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMTJweCAxNnB4OyAgXG4gIGJvcmRlci13aWR0aDogMDtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6IHZhcigtLW1haW4tdGV4dCk7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIHRyYW5zaXRpb246IC4ycztcbiAgY3Vyc29yOiB0ZXh0O1xuICAvKiBmb250LXdlaWdodDogaW5oZXJpdDsgKi9cbiAgLXdlYmtpdC10cmFuc2l0aW9uOiBhbGwgMC4yOHMgZWFzZTtcbiAgdHJhbnNpdGlvbjogYWxsIDAuMjhzIGVhc2U7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG59XG5cbi5leDItaW5wdXQ6OnBsYWNlaG9sZGVye1xuICBjb2xvcjogdmFyKC0tcGxhY2Vob2xkZXIpO1xufVxuXG4uZXgyLWlucHV0OmZvY3VzOjpwbGFjZWhvbGRlcntcbiAgY29sb3I6IHZhcigtLXBsYWNlaG9sZGVyLWZvY3VzZWQpO1xufVxuXG4uZXgyLWlucHV0OmZvY3VzIH4gLmV4Mi1sYWJlbCxcbi5leDItaW5wdXQuZm9jdXMgfiAuZXgyLWxhYmVsLFxuLmV4Mi1pbnB1dC5jb21wbGV0ZSB+IC5leDItbGFiZWwsXG4uZXgyLWlucHV0LmludmFsaWQgfiAuZXgyLWxhYmVse1xuICAgIGZvbnQtc2l6ZTogMC44cmVtO1xuICAgIGNvbG9yOiB2YXIoLS1tYWluLXRleHQpO1xuICAgIHRvcDogLTFyZW07XG4gICAgbGVmdDogMDtcbn1cblxuLmV4Mi1iYXJ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyLWJvdHRvbTogMC4wNjI1cmVtIHNvbGlkICM5OTk7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG4uZXgyLWJhcjo6YmVmb3JlIHtcbiAgY29udGVudDogJyc7XG4gIGhlaWdodDogMC4xMjVyZW07XG4gIHdpZHRoOiAwO1xuICBsZWZ0OiA1MCU7XG4gIGJvdHRvbTogLTAuMDYyNXJlbTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiAjMzM3YWI3O1xuICAtd2Via2l0LXRyYW5zaXRpb246IGxlZnQgMC4yOHMgZWFzZSwgd2lkdGggMC4yOHMgZWFzZTtcbiAgdHJhbnNpdGlvbjogbGVmdCAwLjI4cyBlYXNlLCB3aWR0aCAwLjI4cyBlYXNlO1xuICB6LWluZGV4OiAyO1xufVxuXG4uZXgyLWlucHV0OmZvY3VzIH4gLmV4Mi1iYXI6OmJlZm9yZSxcbi5leDItaW5wdXQuZm9jdXMgfiAuZXgyLWJhcjo6YmVmb3Jle1xuICB3aWR0aDogMTAwJTtcbiAgbGVmdDogMDtcbn1cblxuLmV4Mi1idXR0b257XG4gIGJhY2tncm91bmQ6IHZhcigtLXByaW1hcnktYnRuKTtcbiAgY29sb3I6IHZhcigtLWJ0bi10ZXh0KTtcbiAgZm9udC1zaXplOiAxNnB4O1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiA0cHg7ICBcbiAgcGFkZGluZzogMTJweCAyMHB4O1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIGxldHRlci1zcGFjaW5nOiAuNXB4O1xuICB0cmFuc2l0aW9uOiAuMnM7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLmV4Mi1idXR0b246aG92ZXIsXG4uZXgyLWJ1dHRvbjpmb2N1c3tcbiAgYmFja2dyb3VuZDogdmFyKC0tcHJpbWFyeS1idG4tZm9jdXMpXG59XG5cbi5leDItd3JhcCAudG9rZW4ge1xuICBjb2xvcjogI2ZmZjtcbiAgcGFkZGluZzogMTBweDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBmb250LXdlaWdodDogNTAwO1xufVxuXG4uZXgyLXdyYXAgLmVycm9yIHtcbiAgY29sb3I6ICNlNDEwMjk7XG4gIHBhZGRpbmc6IDEwcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuLmV4Mi1idXR0b24uc3VibWl0IHtcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKGRhdGE6aW1hZ2Uvc3ZnK3htbDtiYXNlNjQsUEhOMlp5QmpiR0Z6Y3owaWMzWm5MV3h2WVdSbGNpSWdlRzFzYm5NOUltaDBkSEE2THk5M2QzY3Vkek11YjNKbkx6SXdNREF2YzNabklpQjNhV1IwYUQwaU5UVWlJR2hsYVdkb2REMGlOVFVpSUhacFpYZENiM2c5SWpBZ01DQTRNQ0E0TUNJK1BIQmhkR2dnWm1sc2JEMGlJMlptWmlJZ1pEMGlUVFF3SURjeVF6SXlMalFnTnpJZ09DQTFOeTQySURnZ05EQlRNakl1TkNBNElEUXdJRGh6TXpJZ01UUXVOQ0F6TWlBek1tTXdJREV1TVMwdU9TQXlMVElnTW5NdE1pMHVPUzB5TFRKak1DMHhOUzQwTFRFeUxqWXRNamd0TWpndE1qaFRNVElnTWpRdU5pQXhNaUEwTUhNeE1pNDJJREk0SURJNElESTRZekV1TVNBd0lESWdMamtnTWlBeWN5MHVPU0F5TFRJZ01ub2lQanhoYm1sdFlYUmxWSEpoYm5ObWIzSnRJR0YwZEhKcFluVjBaVlI1Y0dVOUluaHRiQ0lnWVhSMGNtbGlkWFJsVG1GdFpUMGlkSEpoYm5ObWIzSnRJaUIwZVhCbFBTSnliM1JoZEdVaUlHWnliMjA5SWpBZ05EQWdOREFpSUhSdlBTSXpOakFnTkRBZ05EQWlJR1IxY2owaU1DNDJjeUlnY21Wd1pXRjBRMjkxYm5ROUltbHVaR1ZtYVc1cGRHVWlMejQ4TDNCaGRHZytQQzl6ZG1jKyk7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IDUwJTtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1zaXplOiAyMHB4O1xuICBjb2xvcjogdHJhbnNwYXJlbnQhaW1wb3J0YW50O1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwcztcbn1cblxuLnByaW1hcnktYnRuIHtcbiAgcGFkZGluZzogMTBweCAxNXB4O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIG1hcmdpbi1ib3R0b206IDEwcHg7XG4gIGJhY2tncm91bmQ6ICMwYzBlYmQ7XG4gIGNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyOiAwO1xuICBvdXRsaW5lOiAwXG59XG5cbi5leDItYnV0dG9uLnNtYWxsIHtcbiAgaGVpZ2h0OiAzMHB4O1xuICBwYWRkaW5nOiAwO1xufVxuXG4uYWN0aW9uLXBhbGV0dGUge1xuICBtYXJnaW4tdG9wOiAxNXB4O1xuICBtYXJnaW4tYm90dG9tOiAxNXB4O1xuICBmb250LXNpemU6IDE0cHg7XG59XG5cbi50aGVtZS1wYWxldHRlIHtcbiAgZGlzcGxheTogZmxleDtcbiAgbWFyZ2luLXRvcDogMjBweDtcbn1cblxuLnRoZW1lLXBhbGV0dGUgPiAuZXgyLWJ1dHRvbiB7XG4gIG1hcmdpbjogMCAxMHB4O1xuICBwYWRkaW5nOiA1cHggMTBweDtcbiAgaGVpZ2h0OiA1MCU7XG4gIGZvbnQtc2l6ZTogMTRweDtcbn1cblxuLnRpdGxlIHtcbiAgY29sb3I6IHZhcigtLW1haW4tdGV4dCk7XG4gIG1hcmdpbi10b3A6IDMwcHg7XG59XG4iXX0= */\"","import { Component, HostBinding } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\n\n@Component({\n selector: 'app-example2',\n templateUrl: './example2.component.html',\n styleUrls: ['./example2.component.scss']\n})\nexport class Example2Component {\n firstName: string;\n email: string;\n phone: string;\n loading: boolean;\n token: string;\n error: string;\n cardComponent: any;\n fontSize = 16;\n themes = [\n {\n 'main-bg': '#262E3A',\n 'secondary-bg': '#3e4b5b',\n 'main-text': '#fff',\n 'placeholder': '#939aa3',\n 'placeholder-focused': '#ccc',\n 'primary-btn': '#6EEDB6',\n 'btn-text': '#1C2026',\n 'primary-btn-focus': 'rgb(70, 203, 145)',\n 'invalid': '#FF7C4A',\n 'invalid-focused': '#e44d5f',\n 'invalid-placeholder': '#FFCCA5',\n },\n {\n 'main-bg': '#D5DBE7',\n 'secondary-bg': '#fff',\n 'main-text': '#000',\n 'placeholder': '#abacbe',\n 'placeholder-focused': '#abacbe',\n 'primary-btn': '#4773D2',\n 'btn-text': '#fff',\n 'primary-btn-focus': '#3361c3',\n 'invalid': '#E94745',\n 'invalid-focused': '#e44d5f',\n 'invalid-placeholder': '#FFCCA5'\n },\n {\n 'main-bg': '#fca571',\n 'secondary-bg': '#fff',\n 'main-text': '#252857',\n 'placeholder': '#9293AB',\n 'placeholder-focused': '#666',\n 'primary-btn': '#252857',\n 'btn-text': '#fff',\n 'primary-btn-focus': '#191c4a',\n 'invalid': '#E94745',\n 'invalid-focused': '#e44d5f',\n 'invalid-placeholder': '#FFCCA5'\n },\n {\n 'main-bg': '#544FB0',\n 'secondary-bg': '#fff',\n 'main-text': '#35A9BD',\n 'placeholder': 'ddd',\n 'placeholder-focused': '#ddd',\n 'primary-btn': '#35A9BD',\n 'btn-text': '#fff',\n 'primary-btn-focus': 'rgb(29, 138, 157)',\n }\n ];\n theme = this.themes[0];\n styles = this.getIframeStyles(this.theme);\n\n fonts = ['https://fonts.googleapis.com/css?family=Lato:300,500,600'];\n\n classes = {\n focus: 'focus',\n invalid: 'invalid',\n empty: 'empty',\n complete: 'complete',\n };\n\n placeholder = {\n number: 'Card number',\n cvv: '123',\n expiry: 'MM/YY',\n };\n\n icon = true;\n counter = 0;\n\n constructor(private sanitizer: DomSanitizer) { }\n @HostBinding('style')\n get style() {\n return this.sanitizer.bypassSecurityTrustStyle(\n `\n --main-bg: ${this.theme['main-bg']};\n --secondary-bg: ${this.theme['secondary-bg']};\n --main-text: ${this.theme['main-text']};\n --placeholder: ${this.theme['placeholder']};\n --placeholder-focused: ${this.theme['placeholder-focused']};\n --primary-btn: ${this.theme['primary-btn']};\n --btn-text: ${this.theme['btn-text']};\n --primary-btn-focus: ${this.theme['primary-btn-focus']};\n `\n );\n }\n\n setTheme(event, index) {\n event.preventDefault();\n this.theme = this.themes[index];\n this.styles = this.getIframeStyles(this.theme);\n }\n\n getIframeStyles(theme) {\n return {\n base: {\n color: theme['main-text'],\n fontWeight: '500',\n fontFamily: 'Lato,-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, sans-serif',\n fontSize: '16px',\n fontSmoothing: 'antialiased',\n iconColor: theme['main-text'],\n\n ':focus': {\n // color: '#424770',\n },\n\n '::placeholder': {\n color: theme['placeholder'],\n },\n\n ':focus::placeholder': {\n color: theme['placeholder-focused'],\n },\n },\n invalid: {\n color: theme['invalid'] || '#FF7C4A',\n\n ':focus': {\n color: theme['invalid-focused'] || '#e44d5f',\n },\n '::placeholder': {\n color: theme['invalid-placeholder'] || '#FFCCA5',\n },\n },\n };\n }\n\n tokenize() {\n this.loading = true;\n this.cardComponent.tokenize().then((data) => {\n this.token = data.token;\n this.loading = false;\n }).catch((error) => {\n this.loading = false;\n this.error = 'Problem while tokenizing your card details';\n });\n }\n\n toggleCardIcon = () => {\n this.icon = !this.icon;\n }\n\n clear = () => {\n this.cardComponent.clear();\n }\n\n setFontSize = (fontSize) => {\n this.fontSize = fontSize;\n this.styles = {\n ...this.styles,\n base: {\n ...this.styles.base,\n fontSize: `${fontSize}px`\n }\n };\n }\n\n increaseFontSize = () => {\n this.setFontSize(this.fontSize + 1);\n }\n\n decreaseFontSize = () => {\n this.setFontSize(this.fontSize - 1);\n }\n\n changePlaceholder = () => {\n const placeholders = [\n {\n number: 'Card number',\n cvv: '123',\n expiry: 'MM/YY',\n },\n {\n number: '41111 1111 1111',\n cvv: 'CVV',\n expiry: 'MM / YY',\n }\n ];\n this.counter = this.counter + 1;\n this.placeholder = placeholders[this.counter % 2];\n }\n\n onReady = (cardComponent) => {\n this.cardComponent = cardComponent;\n this.cardComponent.focus();\n }\n}\n","module.exports = \"
\\n
\\n
\\n
\\n
\\n
\\n \\n \\n
\\n \\n \\n
\\n
\\n \\n
\\n \\n
\\n
\\n
\\n \\n
\\n \\n
\\n
\\n \\n
\\n \\n
\\n
\\n
\\n\\n
\\n
\\n \\n
{{errorMessage}}
\\n
{{token}}
\\n

Select Locale:

\\n
\\n \\n \\n \\n \\n \\n \\n
\\n
\\n
\\n
\"","module.exports = \"* {\\n margin: 0;\\n padding: 0;\\n box-sizing: border-box;\\n outline: none; }\\n\\nbody {\\n background: #fca571;\\n color: #252857;\\n font-family: 'Raleway',-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;\\n font-size: 16px;\\n line-height: 1.4;\\n font-weight: 300;\\n -webkit-font-smoothing: antialiased; }\\n\\na {\\n cursor: pointer;\\n color: inherit;\\n text-decoration: none;\\n border-bottom: 1px dotted; }\\n\\n.ex3.container {\\n margin: auto;\\n padding: 100px 0;\\n min-height: 100vh;\\n background: #fca571;\\n color: #252857; }\\n\\n.ex1-wrap {\\n max-width: 480px;\\n margin: auto; }\\n\\n.ex1-contain {\\n border-radius: 4px;\\n background: #fff;\\n padding: 24px;\\n box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.04);\\n margin-bottom: 16px; }\\n\\n.ex1-fieldset .ex1-field {\\n margin-bottom: 32px; }\\n\\n.ex1-field {\\n position: relative; }\\n\\n.ex1-fields {\\n display: flex;\\n margin-left: -16px; }\\n\\n.ex1-fields .ex1-field {\\n flex: 1;\\n margin-left: 16px; }\\n\\n.ex1-label {\\n font-size: 12px;\\n font-weight: 500;\\n color: #3A62BA;\\n position: absolute;\\n left: 0;\\n bottom: 0.25rem;\\n pointer-events: none;\\n padding-left: 0.125rem;\\n z-index: 1;\\n font-weight: normal;\\n transition: all 0.28s ease; }\\n\\n.ex1-input {\\n width: 100%;\\n display: block;\\n background: transparent;\\n border-radius: 0;\\n border: none;\\n padding: 4px 2px;\\n border-width: 0;\\n border-color: transparent;\\n color: #252857;\\n font-size: 16px;\\n font-family: inherit;\\n font-weight: 500;\\n transition: .2s;\\n cursor: text;\\n /* font-weight: inherit; */\\n transition: all 0.28s ease;\\n box-shadow: none; }\\n\\n.ex1-input::-webkit-input-placeholder {\\n font-size: 14px;\\n color: #9293AB; }\\n\\n.ex1-input::-moz-placeholder {\\n font-size: 14px;\\n color: #9293AB; }\\n\\n.ex1-input::-ms-input-placeholder {\\n font-size: 14px;\\n color: #9293AB; }\\n\\n.ex1-input::placeholder {\\n font-size: 14px;\\n color: #9293AB; }\\n\\n.ex1-input:focus::-webkit-input-placeholder {\\n color: #666; }\\n\\n.ex1-input:focus::-moz-placeholder {\\n color: #666; }\\n\\n.ex1-input:focus::-ms-input-placeholder {\\n color: #666; }\\n\\n.ex1-input:focus::placeholder {\\n color: #666; }\\n\\n.ex1-input:focus ~ .ex1-label,\\n.ex1-input.focus ~ .ex1-label,\\n.ex1-input.complete ~ .ex1-label,\\n.ex1-input.invalid ~ .ex1-label {\\n font-size: 0.8rem;\\n color: #3A62BA;\\n bottom: -1.2rem; }\\n\\n.ex1-bar {\\n position: relative;\\n border-bottom: 0.0625rem solid #EBEBEB;\\n display: block; }\\n\\n.ex1-bar::before {\\n content: '';\\n height: 0.125rem;\\n width: 0;\\n left: 50%;\\n bottom: -0.0625rem;\\n position: absolute;\\n background: #252857;\\n transition: left 0.28s ease, width 0.28s ease;\\n z-index: 2; }\\n\\n.ex1-input:focus ~ .ex1-bar::before,\\n.ex1-input.focus ~ .ex1-bar::before,\\n.ex1-input.invalid ~ .ex1-bar::before {\\n width: 100%;\\n left: 0; }\\n\\n.ex1-input.invalid ~ .ex1-bar::before {\\n background: #E94745; }\\n\\n.ex1-button {\\n background: #252857;\\n color: #fff;\\n font-size: 16px;\\n font-family: inherit;\\n border: none;\\n border-radius: 4px;\\n padding: 12px 20px;\\n display: block;\\n width: 100%;\\n letter-spacing: .5px;\\n transition: .2s;\\n cursor: pointer; }\\n\\n.ex1-button:hover,\\n.ex1-button:focus {\\n background: #191c4a; }\\n\\n.ex1-button.submit {\\n background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3ZnLWxvYWRlciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTUiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA4MCA4MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQwIDcyQzIyLjQgNzIgOCA1Ny42IDggNDBTMjIuNCA4IDQwIDhzMzIgMTQuNCAzMiAzMmMwIDEuMS0uOSAyLTIgMnMtMi0uOS0yLTJjMC0xNS40LTEyLjYtMjgtMjgtMjhTMTIgMjQuNiAxMiA0MHMxMi42IDI4IDI4IDI4YzEuMSAwIDIgLjkgMiAycy0uOSAyLTIgMnoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgNDAgNDAiIHRvPSIzNjAgNDAgNDAiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PC9zdmc+);\\n background-position: 50%;\\n background-repeat: no-repeat;\\n background-size: 20px;\\n color: transparent !important;\\n transition-duration: 0s; }\\n\\n.token {\\n color: #555;\\n padding: 10px;\\n text-align: center;\\n font-weight: 500; }\\n\\n.error {\\n color: #e41029;\\n padding: 10px;\\n text-align: center;\\n font-weight: 500; }\\n\\n.language-palette {\\n display: flex; }\\n\\n.language-palette > .ex1-button {\\n margin: 0 10px;\\n padding: 5px 10px;\\n height: 50%;\\n font-size: 14px; }\\n\\n.ex1-button.small {\\n height: 30px; }\\n\\n.title {\\n color: #252857;\\n margin-top: 30px; }\\n\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92aXZla2FuYW5kaGFuL0RvY3VtZW50cy9jaGFyZ2ViZWUtY2hlY2tvdXQtc2FtcGxlcy9jb21wb25lbnRzL2FuZ3VsYXItYXBwL3NyYy9hcHAvZXhhbXBsZTMvZXhhbXBsZTMuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxTQUFTO0VBQ1QsVUFBVTtFQUNWLHNCQUFzQjtFQUN0QixhQUFhLEVBQUE7O0FBR2Y7RUFDRSxtQkFBbUI7RUFDbkIsY0FBYztFQUNkLGtHQUFrRztFQUNsRyxlQUFlO0VBQ2YsZ0JBQWdCO0VBQ2hCLGdCQUFnQjtFQUNoQixtQ0FBbUMsRUFBQTs7QUFHckM7RUFDRSxlQUFlO0VBQ2YsY0FBYztFQUNkLHFCQUFxQjtFQUNyQix5QkFBeUIsRUFBQTs7QUFHM0I7RUFDRSxZQUFZO0VBQ1osZ0JBQWdCO0VBQ2hCLGlCQUFpQjtFQUNqQixtQkFBbUI7RUFDbkIsY0FBYyxFQUFBOztBQUdoQjtFQUNFLGdCQUFnQjtFQUNoQixZQUFZLEVBQUE7O0FBR2Q7RUFDRSxrQkFBa0I7RUFDbEIsZ0JBQWdCO0VBQ2hCLGFBQWE7RUFDYiwyQ0FBd0M7RUFDeEMsbUJBQW1CLEVBQUE7O0FBR3JCO0VBQ0UsbUJBQW1CLEVBQUE7O0FBRXJCO0VBQ0Usa0JBQWtCLEVBQUE7O0FBRXBCO0VBQ0UsYUFBYTtFQUNiLGtCQUFrQixFQUFBOztBQUVwQjtFQUNFLE9BQU87RUFDUCxpQkFBaUIsRUFBQTs7QUFFbkI7RUFDRSxlQUFlO0VBQ2YsZ0JBQWdCO0VBQ2hCLGNBQWM7RUFDZCxrQkFBa0I7RUFDbEIsT0FBTztFQUNQLGVBQWU7RUFDZixvQkFBb0I7RUFDcEIsc0JBQXNCO0VBQ3RCLFVBQVU7RUFDVixtQkFBbUI7RUFFbkIsMEJBQTBCLEVBQUE7O0FBRTVCO0VBQ0UsV0FBVztFQUNYLGNBQWM7RUFDZCx1QkFBdUI7RUFDdkIsZ0JBQWdCO0VBQ2hCLFlBQVk7RUFDWixnQkFBZ0I7RUFDaEIsZUFBZTtFQUNmLHlCQUF5QjtFQUN6QixjQUFjO0VBQ2QsZUFBZTtFQUNmLG9CQUFvQjtFQUNwQixnQkFBZ0I7RUFDaEIsZUFBZTtFQUNmLFlBQVk7RUFDWiwwQkFBQTtFQUVBLDBCQUEwQjtFQUMxQixnQkFBZ0IsRUFBQTs7QUFFbEI7RUFDRSxlQUFlO0VBQ2YsY0FBYyxFQUFBOztBQUZoQjtFQUNFLGVBQWU7RUFDZixjQUFjLEVBQUE7O0FBRmhCO0VBQ0UsZUFBZTtFQUNmLGNBQWMsRUFBQTs7QUFGaEI7RUFDRSxlQUFlO0VBQ2YsY0FBYyxFQUFBOztBQUVoQjtFQUNFLFdBQVcsRUFBQTs7QUFEYjtFQUNFLFdBQVcsRUFBQTs7QUFEYjtFQUNFLFdBQVcsRUFBQTs7QUFEYjtFQUNFLFdBQVcsRUFBQTs7QUFFYjs7OztFQUlJLGlCQUFpQjtFQUNqQixjQUFhO0VBQ2IsZUFBZSxFQUFBOztBQUVuQjtFQUNFLGtCQUFrQjtFQUNsQixzQ0FBc0M7RUFDdEMsY0FBYyxFQUFBOztBQUVoQjtFQUNFLFdBQVc7RUFDWCxnQkFBZ0I7RUFDaEIsUUFBUTtFQUNSLFNBQVM7RUFDVCxrQkFBa0I7RUFDbEIsa0JBQWtCO0VBQ2xCLG1CQUFtQjtFQUVuQiw2Q0FBNkM7RUFDN0MsVUFBVSxFQUFBOztBQUVaOzs7RUFHRSxXQUFXO0VBQ1gsT0FBTyxFQUFBOztBQUVUO0VBQ0UsbUJBQW1CLEVBQUE7O0FBRXJCO0VBQ0UsbUJBQW1CO0VBQ25CLFdBQVc7RUFDWCxlQUFlO0VBQ2Ysb0JBQW9CO0VBQ3BCLFlBQVk7RUFDWixrQkFBa0I7RUFDbEIsa0JBQWtCO0VBQ2xCLGNBQWM7RUFDZCxXQUFXO0VBQ1gsb0JBQW9CO0VBQ3BCLGVBQWU7RUFDZixlQUFlLEVBQUE7O0FBRWpCOztFQUVFLG1CQUFtQixFQUFBOztBQUdyQjtFQUNFLHFuQkFBcW5CO0VBQ3JuQix3QkFBd0I7RUFDeEIsNEJBQTRCO0VBQzVCLHFCQUFxQjtFQUNyQiw2QkFBNEI7RUFDNUIsdUJBQXVCLEVBQUE7O0FBR3pCO0VBQ0UsV0FBVztFQUNYLGFBQWE7RUFDYixrQkFBa0I7RUFDbEIsZ0JBQWdCLEVBQUE7O0FBR2xCO0VBQ0UsY0FBYztFQUNkLGFBQWE7RUFDYixrQkFBa0I7RUFDbEIsZ0JBQWdCLEVBQUE7O0FBR2xCO0VBQ0UsYUFBYSxFQUFBOztBQUdmO0VBQ0UsY0FBYztFQUNkLGlCQUFpQjtFQUNqQixXQUFXO0VBQ1gsZUFBZSxFQUFBOztBQUdqQjtFQUNFLFlBQVksRUFBQTs7QUFJZDtFQUNFLGNBQWM7RUFDZCxnQkFBZ0IsRUFBQSIsImZpbGUiOiJzcmMvYXBwL2V4YW1wbGUzL2V4YW1wbGUzLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiKntcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBvdXRsaW5lOiBub25lO1xufVxuXG5ib2R5e1xuICBiYWNrZ3JvdW5kOiAjZmNhNTcxO1xuICBjb2xvcjogIzI1Mjg1NztcbiAgZm9udC1mYW1pbHk6ICdSYWxld2F5JywtYXBwbGUtc3lzdGVtLCBCbGlua01hY1N5c3RlbUZvbnQsICdTZWdvZSBVSScsICdIZWx2ZXRpY2EgTmV1ZScsIHNhbnMtc2VyaWY7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgbGluZS1oZWlnaHQ6IDEuNDtcbiAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgLXdlYmtpdC1mb250LXNtb290aGluZzogYW50aWFsaWFzZWQ7XG59XG5cbmF7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6IGluaGVyaXQ7ICBcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBib3JkZXItYm90dG9tOiAxcHggZG90dGVkO1xufVxuXG4uZXgzLmNvbnRhaW5lciB7XG4gIG1hcmdpbjogYXV0bztcbiAgcGFkZGluZzogMTAwcHggMDtcbiAgbWluLWhlaWdodDogMTAwdmg7XG4gIGJhY2tncm91bmQ6ICNmY2E1NzE7XG4gIGNvbG9yOiAjMjUyODU3O1xufVxuXG4uZXgxLXdyYXB7XG4gIG1heC13aWR0aDogNDgwcHg7XG4gIG1hcmdpbjogYXV0bztcbn1cblxuLmV4MS1jb250YWlue1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGJhY2tncm91bmQ6ICNmZmY7XG4gIHBhZGRpbmc6IDI0cHg7XG4gIGJveC1zaGFkb3c6IDAgMnB4IDVweCAwIHJnYmEoMCwwLDAsMC4wNCk7XG4gIG1hcmdpbi1ib3R0b206IDE2cHg7XG59XG5cbi5leDEtZmllbGRzZXQgLmV4MS1maWVsZHtcbiAgbWFyZ2luLWJvdHRvbTogMzJweDtcbn1cbi5leDEtZmllbGR7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cbi5leDEtZmllbGRze1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW4tbGVmdDogLTE2cHg7XG59XG4uZXgxLWZpZWxkcyAuZXgxLWZpZWxke1xuICBmbGV4OiAxOyAgICBcbiAgbWFyZ2luLWxlZnQ6IDE2cHg7XG59XG4uZXgxLWxhYmVseyAgXG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgZm9udC13ZWlnaHQ6IDUwMDsgIFxuICBjb2xvcjogIzNBNjJCQTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAwO1xuICBib3R0b206IDAuMjVyZW07XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBwYWRkaW5nLWxlZnQ6IDAuMTI1cmVtO1xuICB6LWluZGV4OiAxOyAgXG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gIC13ZWJraXQtdHJhbnNpdGlvbjogYWxsIDAuMjhzIGVhc2U7XG4gIHRyYW5zaXRpb246IGFsbCAwLjI4cyBlYXNlO1xufVxuLmV4MS1pbnB1dHtcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLXJhZGl1czogMDtcbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiA0cHggMnB4OyAgXG4gIGJvcmRlci13aWR0aDogMDtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICMyNTI4NTc7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIHRyYW5zaXRpb246IC4ycztcbiAgY3Vyc29yOiB0ZXh0O1xuICAvKiBmb250LXdlaWdodDogaW5oZXJpdDsgKi9cbiAgLXdlYmtpdC10cmFuc2l0aW9uOiBhbGwgMC4yOHMgZWFzZTtcbiAgdHJhbnNpdGlvbjogYWxsIDAuMjhzIGVhc2U7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG59XG4uZXgxLWlucHV0OjpwbGFjZWhvbGRlcntcbiAgZm9udC1zaXplOiAxNHB4O1xuICBjb2xvcjogIzkyOTNBQjtcbn1cbi5leDEtaW5wdXQ6Zm9jdXM6OnBsYWNlaG9sZGVye1xuICBjb2xvcjogIzY2Njtcbn1cbi5leDEtaW5wdXQ6Zm9jdXMgfiAuZXgxLWxhYmVsLFxuLmV4MS1pbnB1dC5mb2N1cyB+IC5leDEtbGFiZWwsXG4uZXgxLWlucHV0LmNvbXBsZXRlIH4gLmV4MS1sYWJlbCxcbi5leDEtaW5wdXQuaW52YWxpZCB+IC5leDEtbGFiZWx7XG4gICAgZm9udC1zaXplOiAwLjhyZW07XG4gICAgY29sb3I6IzNBNjJCQTtcbiAgICBib3R0b206IC0xLjJyZW07ICAgIFxufVxuLmV4MS1iYXJ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyLWJvdHRvbTogMC4wNjI1cmVtIHNvbGlkICNFQkVCRUI7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuLmV4MS1iYXI6OmJlZm9yZSB7XG4gIGNvbnRlbnQ6ICcnO1xuICBoZWlnaHQ6IDAuMTI1cmVtO1xuICB3aWR0aDogMDtcbiAgbGVmdDogNTAlO1xuICBib3R0b206IC0wLjA2MjVyZW07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZDogIzI1Mjg1NztcbiAgLXdlYmtpdC10cmFuc2l0aW9uOiBsZWZ0IDAuMjhzIGVhc2UsIHdpZHRoIDAuMjhzIGVhc2U7XG4gIHRyYW5zaXRpb246IGxlZnQgMC4yOHMgZWFzZSwgd2lkdGggMC4yOHMgZWFzZTtcbiAgei1pbmRleDogMjtcbn1cbi5leDEtaW5wdXQ6Zm9jdXMgfiAuZXgxLWJhcjo6YmVmb3JlLFxuLmV4MS1pbnB1dC5mb2N1cyB+IC5leDEtYmFyOjpiZWZvcmUsXG4uZXgxLWlucHV0LmludmFsaWQgfiAuZXgxLWJhcjo6YmVmb3Jle1xuICB3aWR0aDogMTAwJTtcbiAgbGVmdDogMDtcbn1cbi5leDEtaW5wdXQuaW52YWxpZCB+IC5leDEtYmFyOjpiZWZvcmV7XG4gIGJhY2tncm91bmQ6ICNFOTQ3NDU7XG59XG4uZXgxLWJ1dHRvbntcbiAgYmFja2dyb3VuZDogIzI1Mjg1NztcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogNHB4OyAgXG4gIHBhZGRpbmc6IDEycHggMjBweDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBsZXR0ZXItc3BhY2luZzogLjVweDtcbiAgdHJhbnNpdGlvbjogLjJzO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uZXgxLWJ1dHRvbjpob3Zlcixcbi5leDEtYnV0dG9uOmZvY3Vze1xuICBiYWNrZ3JvdW5kOiAjMTkxYzRhO1xufVxuXG4uZXgxLWJ1dHRvbi5zdWJtaXQge1xuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoZGF0YTppbWFnZS9zdmcreG1sO2Jhc2U2NCxQSE4yWnlCamJHRnpjejBpYzNabkxXeHZZV1JsY2lJZ2VHMXNibk05SW1oMGRIQTZMeTkzZDNjdWR6TXViM0puTHpJd01EQXZjM1puSWlCM2FXUjBhRDBpTlRVaUlHaGxhV2RvZEQwaU5UVWlJSFpwWlhkQ2IzZzlJakFnTUNBNE1DQTRNQ0krUEhCaGRHZ2dabWxzYkQwaUkyWm1aaUlnWkQwaVRUUXdJRGN5UXpJeUxqUWdOeklnT0NBMU55NDJJRGdnTkRCVE1qSXVOQ0E0SURRd0lEaHpNeklnTVRRdU5DQXpNaUF6TW1Nd0lERXVNUzB1T1NBeUxUSWdNbk10TWkwdU9TMHlMVEpqTUMweE5TNDBMVEV5TGpZdE1qZ3RNamd0TWpoVE1USWdNalF1TmlBeE1pQTBNSE14TWk0MklESTRJREk0SURJNFl6RXVNU0F3SURJZ0xqa2dNaUF5Y3kwdU9TQXlMVElnTW5vaVBqeGhibWx0WVhSbFZISmhibk5tYjNKdElHRjBkSEpwWW5WMFpWUjVjR1U5SW5odGJDSWdZWFIwY21saWRYUmxUbUZ0WlQwaWRISmhibk5tYjNKdElpQjBlWEJsUFNKeWIzUmhkR1VpSUdaeWIyMDlJakFnTkRBZ05EQWlJSFJ2UFNJek5qQWdOREFnTkRBaUlHUjFjajBpTUM0MmN5SWdjbVZ3WldGMFEyOTFiblE5SW1sdVpHVm1hVzVwZEdVaUx6NDhMM0JoZEdnK1BDOXpkbWMrKTtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogNTAlO1xuICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICBiYWNrZ3JvdW5kLXNpemU6IDIwcHg7XG4gIGNvbG9yOiB0cmFuc3BhcmVudCFpbXBvcnRhbnQ7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDBzO1xufVxuXG4udG9rZW4ge1xuICBjb2xvcjogIzU1NTtcbiAgcGFkZGluZzogMTBweDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBmb250LXdlaWdodDogNTAwO1xufVxuXG4uZXJyb3Ige1xuICBjb2xvcjogI2U0MTAyOTtcbiAgcGFkZGluZzogMTBweDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBmb250LXdlaWdodDogNTAwO1xufVxuXG4ubGFuZ3VhZ2UtcGFsZXR0ZSB7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG5cbi5sYW5ndWFnZS1wYWxldHRlID4gLmV4MS1idXR0b24ge1xuICBtYXJnaW46IDAgMTBweDtcbiAgcGFkZGluZzogNXB4IDEwcHg7XG4gIGhlaWdodDogNTAlO1xuICBmb250LXNpemU6IDE0cHg7XG59XG5cbi5leDEtYnV0dG9uLnNtYWxsIHtcbiAgaGVpZ2h0OiAzMHB4O1xufVxuXG5cbi50aXRsZSB7XG4gIGNvbG9yOiAjMjUyODU3O1xuICBtYXJnaW4tdG9wOiAzMHB4O1xufVxuIl19 */\"","import { Component, ChangeDetectorRef } from '@angular/core';\n\n@Component({\n selector: 'app-example3',\n templateUrl: './example3.component.html',\n styleUrls: ['./example3.component.scss']\n})\nexport class Example3Component {\n firstName: string;\n loading: boolean;\n token: string;\n cardComponent: any;\n\n // To store validation errors\n errorMessage: string;\n errors: any = {};\n\n // Using change detector to update validation errors on change\n changeDetector: ChangeDetectorRef;\n\n locale = 'en';\n styles = {\n base: {\n color: '#2a2d5b',\n fontWeight: '500',\n fontFamily: 'Raleway,-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, sans-serif',\n fontSize: '16px',\n fontSmoothing: 'antialiased',\n\n ':focus': {\n // color: '#424770',\n },\n\n '::placeholder': {\n color: '#9293AB',\n fontSize: '14px',\n },\n\n ':focus::placeholder': {\n color: '#666',\n },\n },\n invalid: {\n color: '#e41029',\n\n ':focus': {\n color: '#e44d5f',\n },\n '::placeholder': {\n color: '#FFCCA5',\n },\n },\n };\n\n fonts = [\n 'https://fonts.googleapis.com/css?family=Raleway:300,500,600'\n ];\n\n classes = {\n focus: 'focus',\n invalid: 'invalid',\n empty: 'empty',\n complete: 'complete',\n };\n\n // Dependency injection of Change detector\n constructor(changeDetector: ChangeDetectorRef) {\n this.changeDetector = changeDetector;\n }\n\n tokenize() {\n this.loading = true;\n // Call tokenize method using card component instance\n this.cardComponent.tokenize().then((data) => {\n this.token = data.token;\n this.loading = false;\n this.errorMessage = '';\n }).catch((error) => {\n this.loading = false;\n this.errorMessage = 'Problem while tokenizing your card details';\n this.token = '';\n });\n }\n\n onChange(event) {\n // Validation Error handling\n if (event.error) {\n this.errors[event.field] = event.error;\n this.errorMessage = event.error.message;\n } else {\n this.errors[event.field] = null;\n // If there's no error, check for existing error\n const errors: Array = Object.values(this.errors).filter(val => val);\n\n // The errorObject holds a message and code\n // Custom error messages can be displayed based on the error code\n const errorObj: any = errors.pop();\n\n // Display existing message\n if (errorObj) {\n this.errorMessage = errorObj.message;\n } else {\n this.errorMessage = '';\n }\n }\n this.changeDetector.detectChanges();\n }\n\n // Triggered on field focus\n onFocus(event) {\n console.log(event.field, 'focused');\n }\n\n // Triggered on field blur\n onBlur(event) {\n console.log(event.field, 'blurred');\n }\n\n // Triggered on card component ready\n setComponent(component) {\n this.cardComponent = component;\n }\n\n setLocale(locale) {\n this.locale = locale;\n }\n}\n","// This file can be replaced during build by using the `fileReplacements` array.\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\n// The list of file replacements can be found in `angular.json`.\n\nexport const environment = {\n production: false\n};\n\n/*\n * For easier debugging in development mode, you can import the following file\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\n *\n * This import should be commented out in production mode because it will have a negative impact\n * on performance if an error is thrown.\n */\n// import 'zone.js/dist/zone-error'; // Included with Angular CLI.\n","import { enableProdMode } from '@angular/core';\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\n\nimport { AppModule } from './app/app.module';\nimport { environment } from './environments/environment';\n\nif (environment.production) {\n enableProdMode();\n}\n\nplatformBrowserDynamic().bootstrapModule(AppModule)\n .catch(err => console.error(err));\n"],"sourceRoot":""}