odometer-ngx
Version:
Odometer for Angular 17
1 lines • 58.6 kB
Source Map (JSON)
{"version":3,"file":"odometer-ngx.mjs","sources":["../../../projects/tm-ng-odometer/src/lib/odometer/odometer.config.ts","../../../projects/tm-ng-odometer/src/lib/odometer/themes/car.theme.ts","../../../projects/tm-ng-odometer/src/lib/odometer/themes/default.theme.ts","../../../projects/tm-ng-odometer/src/lib/odometer/themes/digital.theme.ts","../../../projects/tm-ng-odometer/src/lib/odometer/themes/minimal.theme.ts","../../../projects/tm-ng-odometer/src/lib/odometer/themes/plaza.theme.ts","../../../projects/tm-ng-odometer/src/lib/odometer/themes/slot-machine.theme.ts","../../../projects/tm-ng-odometer/src/lib/odometer/themes/train-station.theme.ts","../../../projects/tm-ng-odometer/src/lib/odometer/themes/index.ts","../../../projects/tm-ng-odometer/src/lib/odometer/odometer.component.ts","../../../projects/tm-ng-odometer/src/lib/odometer/index.ts","../../../projects/tm-ng-odometer/src/lib/tm-ng-odometer.module.ts","../../../projects/tm-ng-odometer/src/public-api.ts","../../../projects/tm-ng-odometer/src/odometer-ngx.ts"],"sourcesContent":["/**\n * Created by Jose Andres on 6.15.17\n */\n\nexport interface TmNgOdometerConfigModel {\n animation?: string;\n format?: string;\n theme?: string;\n value?: number;\n duration?: number;\n auto?: boolean;\n}\n\nexport class TmNgOdometerConfig implements TmNgOdometerConfigModel {\n animation = 'slide';\n format = '(,ddd)';\n theme = 'default';\n value = 0;\n duration = 2000;\n auto = true;\n}\n","/**\n * Created by Jose Andres on 02.23.17\n */\n\nexport const CAR_THEME = `\n @import url(\"//fonts.googleapis.com/css?family=Arimo\");\n .odometer.odometer-auto-theme,\n .odometer.odometer-theme-car {\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n position: relative;\n }\n .odometer.odometer-auto-theme .odometer-digit,\n .odometer.odometer-theme-car .odometer-digit {\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n position: relative;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,\n .odometer.odometer-theme-car .odometer-digit .odometer-digit-spacer {\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n visibility: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,\n .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {\n text-align: left;\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,\n .odometer.odometer-theme-car .odometer-digit .odometer-ribbon {\n display: block;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,\n .odometer.odometer-theme-car .odometer-digit .odometer-ribbon-inner {\n display: block;\n -webkit-backface-visibility: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-value,\n .odometer.odometer-theme-car .odometer-digit .odometer-value {\n display: block;\n -webkit-transform: translateZ(0);\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,\n .odometer.odometer-theme-car .odometer-digit .odometer-value.odometer-last-value {\n position: absolute;\n }\n .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,\n .odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner {\n -webkit-transition: -webkit-transform 2s;\n -moz-transition: -moz-transform 2s;\n -ms-transition: -ms-transform 2s;\n -o-transition: -o-transform 2s;\n transition: transform 2s;\n }\n .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,\n .odometer.odometer-theme-car.odometer-animating-up.odometer-animating .odometer-ribbon-inner {\n -webkit-transform: translateY(-100%);\n -moz-transform: translateY(-100%);\n -ms-transform: translateY(-100%);\n -o-transform: translateY(-100%);\n transform: translateY(-100%);\n }\n .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,\n .odometer.odometer-theme-car.odometer-animating-down .odometer-ribbon-inner {\n -webkit-transform: translateY(-100%);\n -moz-transform: translateY(-100%);\n -ms-transform: translateY(-100%);\n -o-transform: translateY(-100%);\n transform: translateY(-100%);\n }\n .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,\n .odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner {\n -webkit-transition: -webkit-transform 2s;\n -moz-transition: -moz-transform 2s;\n -ms-transition: -ms-transform 2s;\n -o-transition: -o-transform 2s;\n transition: transform 2s;\n -webkit-transform: translateY(0);\n -moz-transform: translateY(0);\n -ms-transform: translateY(0);\n -o-transform: translateY(0);\n transform: translateY(0);\n }\n .odometer.odometer-auto-theme,\n .odometer.odometer-theme-car {\n -moz-border-radius: 0.34em;\n -webkit-border-radius: 0.34em;\n border-radius: 0.34em;\n font-family: \"Arimo\", monospace;\n padding: 0.15em;\n background: #000;\n color: #eee0d3;\n }\n .odometer.odometer-auto-theme .odometer-digit,\n .odometer.odometer-theme-car .odometer-digit {\n -moz-box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.8);\n -webkit-box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.8);\n box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.8);\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSI` +\n `xLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYm` +\n `plY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzM` +\n `yIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMzMzMzMzIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMxMDEwMTAiLz48c3Rv` +\n `cCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIvPjwvbGluZWFyR3J` +\n `hZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');\n background-size: 100%;\n background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(40%, #333333), ` +\n `color-stop(60%, #101010), color-stop(80%, #333333), color-stop(100%, #333333));\n background-image: -moz-linear-gradient(top, #333333 0%, #333333 40%, #101010 60%, #333333 80%, #333333 100%);\n background-image: -webkit-linear-gradient(top, #333333 0%, #333333 40%, #101010 60%, #333333 80%, #333333 100%);\n background-image: linear-gradient(to bottom, #333333 0%, #333333 40%, #101010 60%, #333333 80%, #333333 100%);\n padding: 0 0.15em;\n }\n .odometer.odometer-auto-theme .odometer-digit:first-child,\n .odometer.odometer-theme-car .odometer-digit:first-child {\n -moz-border-radius: 0.2em 0 0 0.2em;\n -webkit-border-radius: 0.2em;\n border-radius: 0.2em 0 0 0.2em;\n }\n .odometer.odometer-auto-theme .odometer-digit:last-child,\n .odometer.odometer-theme-car .odometer-digit:last-child {\n -moz-border-radius: 0 0.2em 0.2em 0;\n -webkit-border-radius: 0;\n border-radius: 0 0.2em 0.2em 0;\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxL` +\n `jEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3` +\n `RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZTBkMyIvPjx` +\n `zdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZWVlMGQzIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNiYmFhOWEiLz48c3RvcCBvZmZz` +\n `ZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2VlZTBkMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZTBkMyIvPjwvbGluZWFyR3JhZGllbnQ+P` +\n `C9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');\n background-size: 100%;\n background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eee0d3), color-stop(40%, #eee0d3), ` +\n `color-stop(60%, #bbaa9a), color-stop(80%, #eee0d3), color-stop(100%, #eee0d3));\n background-image: -moz-linear-gradient(top, #eee0d3 0%, #eee0d3 40%, #bbaa9a 60%, #eee0d3 80%, #eee0d3 100%);\n background-image: -webkit-linear-gradient(top, #eee0d3 0%, #eee0d3 40%, #bbaa9a 60%, #eee0d3 80%, #eee0d3 100%);\n background-image: linear-gradient(to bottom, #eee0d3 0%, #eee0d3 40%, #bbaa9a 60%, #eee0d3 80%, #eee0d3 100%);\n background-color: #eee0d3;\n color: #000;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,\n .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {\n left: 0.15em;\n }\n .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,\n .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,\n .odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner,\n .odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner {\n -webkit-transition-timing-function: linear;\n -moz-transition-timing-function: linear;\n -ms-transition-timing-function: linear;\n -o-transition-timing-function: linear;\n transition-timing-function: linear;\n }\n`;\n","/**\n * Created by Jose Andres on 02.23.17\n */\n\nexport const DEFAULT_THEME = `\n .odometer.odometer-auto-theme,\n .odometer.odometer-theme-default {\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n position: relative;\n }\n .odometer.odometer-auto-theme .odometer-digit,\n .odometer.odometer-theme-default .odometer-digit {\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n position: relative;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,\n .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n visibility: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,\n .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {\n text-align: left;\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,\n .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {\n display: block;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,\n .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {\n display: block;\n -webkit-backface-visibility: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-value,\n .odometer.odometer-theme-default .odometer-digit .odometer-value {\n display: block;\n -webkit-transform: translateZ(0);\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,\n .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {\n position: absolute;\n }\n .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,\n .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {\n -webkit-transition: -webkit-transform 2s !important;\n -moz-transition: -moz-transform 2s;\n -ms-transition: -ms-transform 2s;\n -o-transition: -o-transform 2s;\n transition: transform 2s;\n }\n .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,\n .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {\n -webkit-transform: translateY(-100%);\n -moz-transform: translateY(-100%);\n -ms-transform: translateY(-100%);\n -o-transform: translateY(-100%);\n transform: translateY(-100%);\n }\n .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,\n .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {\n -webkit-transform: translateY(-100%);\n -moz-transform: translateY(-100%);\n -ms-transform: translateY(-100%);\n -o-transform: translateY(-100%);\n transform: translateY(-100%);\n }\n .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,\n .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {\n -webkit-transition: -webkit-transform 2s;\n -moz-transition: -moz-transform 2s;\n -ms-transition: -ms-transform 2s;\n -o-transition: -o-transform 2s;\n transition: transform 2s;\n -webkit-transform: translateY(0);\n -moz-transform: translateY(0);\n -ms-transform: translateY(0);\n -o-transform: translateY(0);\n transform: translateY(0);\n }\n .odometer.odometer-auto-theme,\n .odometer.odometer-theme-default {\n font-family: \"Helvetica Neue\", sans-serif;\n line-height: 1.1em;\n }\n .odometer.odometer-auto-theme .odometer-value,\n .odometer.odometer-theme-default .odometer-value {\n text-align: center;\n }\n`;\n","/**\n * Created by Jose Andres on 02.23.17\n */\n\nexport const DIGITAL_THEME = `\n @import url(\"//fonts.googleapis.com/css?family=Wallpoet\");\n .odometer.odometer-auto-theme,\n .odometer.odometer-theme-digital {\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n position: relative;\n }\n .odometer.odometer-auto-theme .odometer-digit,\n .odometer.odometer-theme-digital .odometer-digit {\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n position: relative;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,\n .odometer.odometer-theme-digital .odometer-digit .odometer-digit-spacer {\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n visibility: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,\n .odometer.odometer-theme-digital .odometer-digit .odometer-digit-inner {\n text-align: left;\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,\n .odometer.odometer-theme-digital .odometer-digit .odometer-ribbon {\n display: block;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,\n .odometer.odometer-theme-digital .odometer-digit .odometer-ribbon-inner {\n display: block;\n -webkit-backface-visibility: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-value,\n .odometer.odometer-theme-digital .odometer-digit .odometer-value {\n display: block;\n -webkit-transform: translateZ(0);\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,\n .odometer.odometer-theme-digital .odometer-digit .odometer-value.odometer-last-value {\n position: absolute;\n }\n .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,\n .odometer.odometer-theme-digital.odometer-animating-up .odometer-ribbon-inner {\n -webkit-transition: -webkit-transform 2s;\n -moz-transition: -moz-transform 2s;\n -ms-transition: -ms-transform 2s;\n -o-transition: -o-transform 2s;\n transition: transform 2s;\n }\n .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,\n .odometer.odometer-theme-digital.odometer-animating-up.odometer-animating .odometer-ribbon-inner {\n -webkit-transform: translateY(-100%);\n -moz-transform: translateY(-100%);\n -ms-transform: translateY(-100%);\n -o-transform: translateY(-100%);\n transform: translateY(-100%);\n }\n .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,\n .odometer.odometer-theme-digital.odometer-animating-down .odometer-ribbon-inner {\n -webkit-transform: translateY(-100%);\n -moz-transform: translateY(-100%);\n -ms-transform: translateY(-100%);\n -o-transform: translateY(-100%);\n transform: translateY(-100%);\n }\n .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,\n .odometer.odometer-theme-digital.odometer-animating-down.odometer-animating .odometer-ribbon-inner {\n -webkit-transition: -webkit-transform 2s;\n -moz-transition: -moz-transform 2s;\n -ms-transition: -ms-transform 2s;\n -o-transition: -o-transform 2s;\n transition: transform 2s;\n -webkit-transform: translateY(0);\n -moz-transform: translateY(0);\n -ms-transform: translateY(0);\n -o-transform: translateY(0);\n transform: translateY(0);\n }\n .odometer.odometer-auto-theme,\n .odometer.odometer-theme-digital {\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLj` +\n `EiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3Bh` +\n `Y2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiZjVhNSIgc3RvcC1vcGFjaXR5PSIwLj` +\n `QiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0` +\n `aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');\n background-size: 100%;\n background-image: -moz-radial-gradient(rgba(139, 245, 165, 0.4), #000000);\n background-image: -webkit-radial-gradient(rgba(139, 245, 165, 0.4), #000000);\n background-image: radial-gradient(rgba(139, 245, 165, 0.4), #000000);\n background-color: #000;\n font-family: \"Wallpoet\", monospace;\n padding: 0 0.2em;\n line-height: 1.1em;\n color: #8bf5a5;\n }\n .odometer.odometer-auto-theme .odometer-digit + .odometer-digit,\n .odometer.odometer-theme-digital .odometer-digit + .odometer-digit {\n margin-left: 0.1em;\n }\n`;\n","/**\n * Created by Jose Andres on 02.23.17\n */\n\nexport const MINIMAL_THEME = `\n .odometer.odometer-auto-theme,\n .odometer.odometer-theme-minimal {\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n position: relative;\n }\n .odometer.odometer-auto-theme .odometer-digit,\n .odometer.odometer-theme-minimal .odometer-digit {\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n position: relative;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,\n .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n visibility: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,\n .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {\n text-align: left;\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,\n .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {\n display: block;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,\n .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {\n display: block;\n -webkit-backface-visibility: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-value,\n .odometer.odometer-theme-minimal .odometer-digit .odometer-value {\n display: block;\n -webkit-transform: translateZ(0);\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,\n .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {\n position: absolute;\n }\n .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,\n .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {\n -webkit-transition: -webkit-transform 2s;\n -moz-transition: -moz-transform 2s;\n -ms-transition: -ms-transform 2s;\n -o-transition: -o-transform 2s;\n transition: transform 2s;\n }\n .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,\n .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {\n -webkit-transform: translateY(-100%);\n -moz-transform: translateY(-100%);\n -ms-transform: translateY(-100%);\n -o-transform: translateY(-100%);\n transform: translateY(-100%);\n }\n .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,\n .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {\n -webkit-transform: translateY(-100%);\n -moz-transform: translateY(-100%);\n -ms-transform: translateY(-100%);\n -o-transform: translateY(-100%);\n transform: translateY(-100%);\n }\n .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,\n .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {\n -webkit-transition: -webkit-transform 2s;\n -moz-transition: -moz-transform 2s;\n -ms-transition: -ms-transform 2s;\n -o-transition: -o-transform 2s;\n transition: transform 2s;\n -webkit-transform: translateY(0);\n -moz-transform: translateY(0);\n -ms-transform: translateY(0);\n -o-transform: translateY(0);\n transform: translateY(0);\n }\n`;\n","/**\n * Created by Jose Andres on 02.23.17\n */\n\nexport const PLAZA_THEME = `\n .odometer.odometer-auto-theme,\n .odometer.odometer-theme-plaza {\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n position: relative;\n }\n .odometer.odometer-auto-theme .odometer-digit,\n .odometer.odometer-theme-plaza .odometer-digit {\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n position: relative;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,\n .odometer.odometer-theme-plaza .odometer-digit .odometer-digit-spacer {\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n visibility: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,\n .odometer.odometer-theme-plaza .odometer-digit .odometer-digit-inner {\n text-align: left;\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,\n .odometer.odometer-theme-plaza .odometer-digit .odometer-ribbon {\n display: block;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,\n .odometer.odometer-theme-plaza .odometer-digit .odometer-ribbon-inner {\n display: block;\n -webkit-backface-visibility: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-value,\n .odometer.odometer-theme-plaza .odometer-digit .odometer-value {\n display: block;\n -webkit-transform: translateZ(0);\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,\n .odometer.odometer-theme-plaza .odometer-digit .odometer-value.odometer-last-value {\n position: absolute;\n }\n .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,\n .odometer.odometer-theme-plaza.odometer-animating-up .odometer-ribbon-inner {\n -webkit-transition: -webkit-transform 2s;\n -moz-transition: -moz-transform 2s;\n -ms-transition: -ms-transform 2s;\n -o-transition: -o-transform 2s;\n transition: transform 2s;\n }\n .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,\n .odometer.odometer-theme-plaza.odometer-animating-up.odometer-animating .odometer-ribbon-inner {\n -webkit-transform: translateY(-100%);\n -moz-transform: translateY(-100%);\n -ms-transform: translateY(-100%);\n -o-transform: translateY(-100%);\n transform: translateY(-100%);\n }\n .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,\n .odometer.odometer-theme-plaza.odometer-animating-down .odometer-ribbon-inner {\n -webkit-transform: translateY(-100%);\n -moz-transform: translateY(-100%);\n -ms-transform: translateY(-100%);\n -o-transform: translateY(-100%);\n transform: translateY(-100%);\n }\n .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,\n .odometer.odometer-theme-plaza.odometer-animating-down.odometer-animating .odometer-ribbon-inner {\n -webkit-transition: -webkit-transform 2s;\n -moz-transition: -moz-transform 2s;\n -ms-transition: -ms-transform 2s;\n -o-transition: -o-transform 2s;\n transition: transform 2s;\n -webkit-transform: translateY(0);\n -moz-transform: translateY(0);\n -ms-transform: translateY(0);\n -o-transform: translateY(0);\n transform: translateY(0);\n }\n .odometer.odometer-auto-theme,\n .odometer.odometer-theme-plaza {\n -moz-border-radius: 0.15em;\n -webkit-border-radius: 0.15em;\n border-radius: 0.15em;\n background-color: #f0f8ff;\n font-family: \"Helvetica Neue\", sans-serif;\n font-weight: 100;\n padding: 0 0.12em;\n line-height: 1.2em;\n font-size: 1.2em;\n background-size: 16px 16px;\n }\n .odometer.odometer-auto-theme .odometer-digit,\n .odometer.odometer-theme-plaza .odometer-digit {\n -moz-border-radius: 0.1em;\n -webkit-border-radius: 0.1em;\n border-radius: 0.1em;\n padding: 0 0.03em;\n color: #648baf;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,\n .odometer.odometer-theme-plaza .odometer-digit .odometer-digit-inner {\n left: 0.03em;\n }\n`;\n","/**\n * Created by Jose Andres on 02.23.17\n */\n\nexport const SLOT_MACHINE_THEME = `\n @import url(\"//fonts.googleapis.com/css?family=Rye\");\n .odometer.odometer-auto-theme,\n .odometer.odometer-theme-slot-machine {\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n position: relative;\n }\n .odometer.odometer-auto-theme .odometer-digit,\n .odometer.odometer-theme-slot-machine .odometer-digit {\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n position: relative;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,\n .odometer.odometer-theme-slot-machine .odometer-digit .odometer-digit-spacer {\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n visibility: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,\n .odometer.odometer-theme-slot-machine .odometer-digit .odometer-digit-inner {\n text-align: left;\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,\n .odometer.odometer-theme-slot-machine .odometer-digit .odometer-ribbon {\n display: block;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,\n .odometer.odometer-theme-slot-machine .odometer-digit .odometer-ribbon-inner {\n display: block;\n -webkit-backface-visibility: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-value,\n .odometer.odometer-theme-slot-machine .odometer-digit .odometer-value {\n display: block;\n -webkit-transform: translateZ(0);\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,\n .odometer.odometer-theme-slot-machine .odometer-digit .odometer-value.odometer-last-value {\n position: absolute;\n }\n .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,\n .odometer.odometer-theme-slot-machine.odometer-animating-up .odometer-ribbon-inner {\n -webkit-transition: -webkit-transform 2s;\n -moz-transition: -moz-transform 2s;\n -ms-transition: -ms-transform 2s;\n -o-transition: -o-transform 2s;\n transition: transform 2s;\n }\n .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,\n .odometer.odometer-theme-slot-machine.odometer-animating-up.odometer-animating .odometer-ribbon-inner {\n -webkit-transform: translateY(-100%);\n -moz-transform: translateY(-100%);\n -ms-transform: translateY(-100%);\n -o-transform: translateY(-100%);\n transform: translateY(-100%);\n }\n .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,\n .odometer.odometer-theme-slot-machine.odometer-animating-down .odometer-ribbon-inner {\n -webkit-transform: translateY(-100%);\n -moz-transform: translateY(-100%);\n -ms-transform: translateY(-100%);\n -o-transform: translateY(-100%);\n transform: translateY(-100%);\n }\n .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,\n .odometer.odometer-theme-slot-machine.odometer-animating-down.odometer-animating .odometer-ribbon-inner {\n -webkit-transition: -webkit-transform 2s;\n -moz-transition: -moz-transform 2s;\n -ms-transition: -ms-transform 2s;\n -o-transition: -o-transform 2s;\n transition: transform 2s;\n -webkit-transform: translateY(0);\n -moz-transform: translateY(0);\n -ms-transform: translateY(0);\n -o-transform: translateY(0);\n transform: translateY(0);\n }\n .odometer.odometer-auto-theme,\n .odometer.odometer-theme-slot-machine {\n -moz-border-radius: 0.34em;\n -webkit-border-radius: 0.34em;\n border-radius: 0.34em;\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSI` +\n `xLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYm` +\n `plY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmYwM` +\n `CIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYTUwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdp` +\n `ZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');\n background-size: 100%;\n background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffff00), color-stop(100%, #ffa500));\n background-image: -moz-linear-gradient(#ffff00, #ffa500);\n background-image: -webkit-linear-gradient(#ffff00, #ffa500);\n background-image: linear-gradient(#ffff00, #ffa500);\n background-color: #fc0;\n font-family: \"Rye\", monospace;\n padding: 0.15em;\n color: #f80000;\n line-height: 1.35em;\n border: 0.03em solid #000;\n -webkit-text-stroke: 0.05em #000;\n }\n .odometer.odometer-auto-theme .odometer-digit,\n .odometer.odometer-theme-slot-machine .odometer-digit {\n -moz-box-shadow: inset 0 0 0.1em rgba(0, 0, 0, 0.5), 0 0 0 0.03em #fff, 0 0 0 0.05em rgba(0, 0, 0, 0.2);\n -webkit-box-shadow: inset 0 0 0.1em rgba(0, 0, 0, 0.5), 0 0 0 0.03em #fff, 0 0 0 0.05em rgba(0, 0, 0, 0.2);\n box-shadow: inset 0 0 0.1em rgba(0, 0, 0, 0.5), 0 0 0 0.03em #fff, 0 0 0 0.05em rgba(0, 0, 0, 0.2);\n -moz-border-radius: 0.2em;\n -webkit-border-radius: 0.2em;\n border-radius: 0.2em;\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPS` +\n `IxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJv` +\n `YmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2` +\n `NjYyIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48` +\n `c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD` +\n `0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');\n background-size: 100%;\n background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cccccc), color-stop(20%, #ffffff), ` +\n `color-stop(80%, #ffffff), color-stop(100%, #cccccc));\n background-image: -moz-linear-gradient(top, #cccccc 0%, #ffffff 20%, #ffffff 80%, #cccccc 100%);\n background-image: -webkit-linear-gradient(top, #cccccc 0%, #ffffff 20%, #ffffff 80%, #cccccc 100%);\n background-image: linear-gradient(to bottom, #cccccc 0%, #ffffff 20%, #ffffff 80%, #cccccc 100%);\n border: 0.03em solid #444;\n padding: 0.1em 0.15em 0;\n }\n .odometer.odometer-auto-theme .odometer-digit:first-child,\n .odometer.odometer-theme-slot-machine .odometer-digit:first-child {\n -moz-box-shadow: inset 0.05em 0 0.1em rgba(0, 0, 0, 0.5), 0 0 0 0.03em #fff, 0 0 0 0.05em rgba(0, 0, 0, 0.2);\n -webkit-box-shadow: inset 0.05em 0 0.1em rgba(0, 0, 0, 0.5), 0 0 0 0.03em #fff, 0 0 0 0.05em rgba(0, 0, 0, 0.2);\n box-shadow: inset 0.05em 0 0.1em rgba(0, 0, 0, 0.5), 0 0 0 0.03em #fff, 0 0 0 0.05em rgba(0, 0, 0, 0.2);\n }\n .odometer.odometer-auto-theme .odometer-digit:last-child,\n .odometer.odometer-theme-slot-machine .odometer-digit:last-child {\n -moz-box-shadow: inset -0.05em 0 0.1em rgba(0, 0, 0, 0.5), 0 0 0 0.03em #fff, 0 0 0 0.05em rgba(0, 0, 0, 0.2);\n -webkit-box-shadow: inset -0.05em 0 0.1em rgba(0, 0, 0, 0.5), 0 0 0 0.03em #fff, 0 0 0 0.05em rgba(0, 0, 0, 0.2);\n box-shadow: inset -0.05em 0 0.1em rgba(0, 0, 0, 0.5), 0 0 0 0.03em #fff, 0 0 0 0.05em rgba(0, 0, 0, 0.2);\n }\n .odometer.odometer-auto-theme .odometer-digit + .odometer-digit,\n .odometer.odometer-theme-slot-machine .odometer-digit + .odometer-digit {\n margin-left: 0.15em;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,\n .odometer.odometer-theme-slot-machine .odometer-digit .odometer-digit-inner {\n padding-top: 0.08em;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,\n .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,\n .odometer.odometer-theme-slot-machine .odometer-digit .odometer-digit-inner,\n .odometer.odometer-theme-slot-machine .odometer-digit .odometer-value.odometer-last-value {\n left: 0;\n right: 0;\n text-align: center;\n }\n`;\n","/**\n * Created by Jose Andres on 02.23.17\n */\n\nexport const TRAIN_STATION_THEME = `\n @import url(\"//fonts.googleapis.com/css?family=Economica\");\n .odometer.odometer-auto-theme,\n .odometer.odometer-theme-train-station {\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n position: relative;\n }\n .odometer.odometer-auto-theme .odometer-digit,\n .odometer.odometer-theme-train-station .odometer-digit {\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n position: relative;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,\n .odometer.odometer-theme-train-station .odometer-digit .odometer-digit-spacer {\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n visibility: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,\n .odometer.odometer-theme-train-station .odometer-digit .odometer-digit-inner {\n text-align: left;\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,\n .odometer.odometer-theme-train-station .odometer-digit .odometer-ribbon {\n display: block;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,\n .odometer.odometer-theme-train-station .odometer-digit .odometer-ribbon-inner {\n display: block;\n -webkit-backface-visibility: hidden;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-value,\n .odometer.odometer-theme-train-station .odometer-digit .odometer-value {\n display: block;\n -webkit-transform: translateZ(0);\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,\n .odometer.odometer-theme-train-station .odometer-digit .odometer-value.odometer-last-value {\n position: absolute;\n }\n .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,\n .odometer.odometer-theme-train-station.odometer-animating-up .odometer-ribbon-inner {\n -webkit-transition: -webkit-transform 2s;\n -moz-transition: -moz-transform 2s;\n -ms-transition: -ms-transform 2s;\n -o-transition: -o-transform 2s;\n transition: transform 2s;\n }\n .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,\n .odometer.odometer-theme-train-station.odometer-animating-up.odometer-animating .odometer-ribbon-inner {\n -webkit-transform: translateY(-100%);\n -moz-transform: translateY(-100%);\n -ms-transform: translateY(-100%);\n -o-transform: translateY(-100%);\n transform: translateY(-100%);\n }\n .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,\n .odometer.odometer-theme-train-station.odometer-animating-down .odometer-ribbon-inner {\n -webkit-transform: translateY(-100%);\n -moz-transform: translateY(-100%);\n -ms-transform: translateY(-100%);\n -o-transform: translateY(-100%);\n transform: translateY(-100%);\n }\n .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,\n .odometer.odometer-theme-train-station.odometer-animating-down.odometer-animating .odometer-ribbon-inner {\n -webkit-transition: -webkit-transform 2s;\n -moz-transition: -moz-transform 2s;\n -ms-transition: -ms-transform 2s;\n -o-transition: -o-transform 2s;\n transition: transform 2s;\n -webkit-transform: translateY(0);\n -moz-transform: translateY(0);\n -ms-transform: translateY(0);\n -o-transform: translateY(0);\n transform: translateY(0);\n }\n .odometer.odometer-auto-theme,\n .odometer.odometer-theme-train-station {\n font-family: \"Economica\", sans-serif;\n }\n .odometer.odometer-auto-theme .odometer-digit,\n .odometer.odometer-theme-train-station .odometer-digit {\n display: inline-block;\n vertical-align: middle;\n *vertical-align: auto;\n *zoom: 1;\n *display: inline;\n -moz-border-radius: 0.1em;\n -webkit-border-radius: 0.1em;\n border-radius: 0.1em;\n background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uP` +\n `SIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPS` +\n `JvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE` +\n `xMTExMSIvPjxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjMTExMTExIi8+PHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9IiMzMzMzMzMi` +\n `Lz48c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iIzExMTExMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIvPjwvb` +\n `GluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC` +\n `9zdmc+IA==');\n background-size: 100%;\n background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #111111), color-stop(35%, #111111), ` +\n `color-stop(55%, #333333), color-stop(55%, #111111), color-stop(100%, #111111));\n background-image: -moz-linear-gradient(top, #111111 0%, #111111 35%, #333333 55%, #111111 55%, #111111 100%);\n background-image: -webkit-linear-gradient(top, #111111 0%, #111111 35%, #333333 55%, #111111 55%, #111111 100%);\n background-image: linear-gradient(to bottom, #111111 0%, #111111 35%, #333333 55%, #111111 55%, #111111 100%);\n background-color: #222;\n padding: 0 0.15em;\n color: #fff;\n }\n .odometer.odometer-auto-theme .odometer-digit + .odometer-digit,\n .odometer.odometer-theme-train-station .odometer-digit + .odometer-digit {\n margin-left: 0.1em;\n }\n .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,\n .odometer.odometer-theme-train-station .odometer-digit .odometer-digit-inner {\n left: 0.15em;\n }\n`;\n","/**\n * Created by Jose Andres on 02.23.17\n */\n\nexport * from './car.theme';\nexport * from './default.theme';\nexport * from './digital.theme';\nexport * from './minimal.theme';\nexport * from './plaza.theme';\nexport * from './slot-machine.theme';\nexport * from './train-station.theme';\n","/**\n * Updated by Marco Trinastich on 03.31.20\n * Created by Jose Andres on 6.15.17\n */\n\nimport * as lodash from 'lodash';\nimport { Component, ViewEncapsulation, Input, OnInit, OnDestroy,\n OnChanges, AfterViewInit, ViewChild, ElementRef } from '@angular/core';\nimport { Observable, Subscription } from 'rxjs';\nimport { OdometerModel } from './odometer.model';\nimport { TmNgOdometerConfig, TmNgOdometerConfigModel } from './odometer.config';\nimport {\n CAR_THEME,\n DEFAULT_THEME,\n DIGITAL_THEME,\n MINIMAL_THEME,\n PLAZA_THEME,\n SLOT_MACHINE_THEME,\n TRAIN_STATION_THEME,\n } from './themes';\n\n// Tm-Odometer / fixed version of the original HubSpot's Odometer\n// https://github.com/HubSpot/odometer\nimport Odometer from 'tm-odometer';\n\n@Component({\n // tslint:disable-next-line: component-selector\n selector: 'tm-ng-odometer',\n encapsulation: ViewEncapsulation.None,\n styles: [\n CAR_THEME,\n DEFAULT_THEME,\n DIGITAL_THEME,\n MINIMAL_THEME,\n PLAZA_THEME,\n SLOT_MACHINE_THEME,\n TRAIN_STATION_THEME,\n `\n .odometer,\n .odometer-inside,\n .odometer-digit,\n .odometer-digit-spacer,\n .odometer-digit-inner,\n .odometer-ribbon,\n .odometer-ribbon-inner,\n .odometer-value,\n .odometer-formatting-mark {\n color: inherit;\n font-size: inherit;\n font-family: inherit;\n }\n `,\n ],\n template: `<div #container></div>`\n})\nexport class TmNgOdometerComponent implements OnInit, OnDestroy, OnChanges, AfterViewInit {\n private subscription: Subscription;\n private odometer: OdometerModel;\n @ViewChild('container', { read: ElementRef, static: true }) container: ElementRef;\n @Input() number: number; // Required\n @Input() config: TmNgOdometerConfigModel = {};\n @Input() observable: Observable<boolean> = undefined;\n\n // Individual configuration attributes\n @Input() animation: string = undefined;\n @Input() format: string = undefined;\n @Input() theme: string = undefined;\n @Input() value: number = undefined;\n @Input() duration: number = undefined;\n @Input() auto: boolean = undefined;\n\n // Available themes\n private themes: Array<string> = [\n 'car',\n 'default',\n 'digital',\n 'minimal',\n 'plaza',\n 'slot-machine',\n 'train-station'\n ];\n\n // Start Odometer\n private initOdometer() {\n if (!lodash.isUndefined(this.container)\n && typeof Odometer !== 'undefined') {\n\n this.odometer = new Odometer({\n el: this.container.nativeElement,\n animation: this.config.animation,\n value: this.config.value,\n duration: this.config.duration,\n format: this.config.format,\n theme: this.config.theme,\n });\n\n if (!lodash.isUndefined(this.number) && this.config.auto) {\n this.odometer.update(this.number);\n }\n }\n }\n\n private initConfig() {\n this.config = lodash.defaults(this.config, new TmNgOdometerConfig());\n\n // Animation\n if (!lodash.isUndefined(this.animation)) {\n this.config.animation = this.animation;\n }\n\n // Format\n if (!lodash.isUndefined(this.format)) {\n this.config.format = this.format;\n }\n\n // Theme\n if (!lodash.isUndefined(this.theme)) {\n this.config.theme = !lodash.includes(this.themes, this.theme) ? 'default' : this.theme;\n }\n\n // Value\n if (!lodash.isUndefined(this.value)) {\n this.config.value = this.value;\n }\n\n // Duration\n if (!lodash.isUndefined(this.duration)) {\n this.config.duration = this.duration;\n }\n\n // Auto\n if (!lodash.isUndefined(this.auto)) {\n this.config.auto = this.auto;\n }\n\n // Validate theme. If not part of the\n // available themes array, use the default\n if (!lodash.includes(this.themes, this.config.theme)) {\n this.config.theme = 'default';\n }\n }\n\n // ***************************************\n // LIFECYCLES\n // ***************************************\n\n public ngOnInit() {\n\n // Bind Observable\n if (!lodash.isUndefined(this.observable) && !this.config.auto) {\n this.subscription = this.observable.subscribe((trigger: boolean) => {\n if (!lodash.isUndefined(trigger) && trigger) {\n this.odometer.update(this.number);\n }\n });\n }\n\n // Apply defaults and\n // individual configurations\n this.initConfig();\n }\n\n public ngOnDestroy() {\n if (!lodash.isUndefined(this.subscription)) {\n this.subscription.unsubscribe();\n }\n }\n\n public ngOnChanges() {\n if (!lodash.isUndefined(this.number) && !lodash.isUndefined(this.odo