From 444b690d5f7288510bfedff968fcb43ce79b2a8a Mon Sep 17 00:00:00 2001 From: Shobhit Adlakha Date: Thu, 8 Aug 2019 16:31:46 -0400 Subject: [PATCH 1/3] Add device name to be displayed along with appName and appIcon --- build/bundle.js | 6 +++--- src/css/components/_h-scroll-menu-item.scss | 7 +++++++ src/js/HScrollMenuItem.js | 3 +++ src/js/containers/AppList.js | 3 +++ 4 files changed, 16 insertions(+), 3 deletions(-) diff --git a/build/bundle.js b/build/bundle.js index f56fab4b2..f30e57d2a 100644 --- a/build/bundle.js +++ b/build/bundle.js @@ -56,7 +56,7 @@ /* 2 */ /***/ (function(module, exports, __webpack_require__) { - eval("exports = module.exports = __webpack_require__(3)();\n// imports\n\n\n// module\nexports.push([module.id, \"html {\\n font-family: sans-serif;\\n /* 1 */\\n -ms-text-size-adjust: 100%;\\n /* 2 */\\n -webkit-text-size-adjust: 100%;\\n /* 2 */\\n width: 100%;\\n min-height: 100%;\\n box-sizing: border-box;\\n}\\n\\n*, *:before, *:after {\\n box-sizing: inherit;\\n}\\n\\n/**\\n* Remove default margin.\\n*/\\nbody {\\n position: relative;\\n margin: 0;\\n padding: 0;\\n width: 100%;\\n height: 100%;\\n}\\n\\nh1, h2, h3, h4, h5, h6, p {\\n margin: 0;\\n padding: 0;\\n}\\n\\n* {\\n outline-color: #78C96F;\\n}\\n\\n/* HTML5 display definitions\\n========================================================================== */\\n/**\\n* Correct `block` display not defined for any HTML5 element in IE 8/9.\\n* Correct `block` display not defined for `details` or `summary` in IE 10/11\\n* and Firefox.\\n* Correct `block` display not defined for `main` in IE 11.\\n*/\\narticle,\\naside,\\ndetails,\\nfigcaption,\\nfigure,\\nfooter,\\nheader,\\nhgroup,\\nmain,\\nmenu,\\nnav,\\nsection,\\nsummary,\\nformset {\\n display: block;\\n}\\n\\n/**\\n* 1. Correct `inline-block` display not defined in IE 8/9.\\n* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\\n*/\\naudio,\\ncanvas,\\nprogress,\\nvideo {\\n display: inline-block;\\n /* 1 */\\n vertical-align: baseline;\\n /* 2 */\\n}\\n\\n/**\\n* Prevent modern browsers from displaying `audio` without controls.\\n* Remove excess height in iOS 5 devices.\\n*/\\naudio:not([controls]) {\\n display: none;\\n height: 0;\\n}\\n\\n/**\\n* Address `[hidden]` styling not present in IE 8/9/10.\\n* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.\\n*/\\n[hidden],\\ntemplate {\\n display: none;\\n}\\n\\n/* Links\\n========================================================================== */\\n/**\\n* Remove the gray background color from active links in IE 10.\\n*/\\na {\\n background-color: transparent;\\n}\\n\\n/**\\n* Improve readability when focused and also mouse hovered in all browsers.\\n*/\\na:active,\\na:hover {\\n outline: 0;\\n}\\n\\n/* Text-level semantics\\n========================================================================== */\\n/**\\n* Address styling not present in IE 8/9/10/11, Safari, and Chrome.\\n*/\\nabbr[title] {\\n border-bottom: 1px dotted;\\n}\\n\\n/**\\n* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\\n*/\\nb,\\nstrong {\\n font-weight: bold;\\n}\\n\\n/**\\n* Address styling not present in Safari and Chrome.\\n*/\\ndfn {\\n font-style: italic;\\n}\\n\\n/**\\n* Address styling not present in IE 8/9.\\n*/\\nmark {\\n background: #ff0;\\n color: #000;\\n}\\n\\n/**\\n* Address inconsistent and variable font size in all browsers.\\n*/\\nsmall {\\n font-size: 80%;\\n}\\n\\n/**\\n* Prevent `sub` and `sup` affecting `line-height` in all browsers.\\n*/\\nsub,\\nsup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n}\\n\\nsup {\\n top: -0.5em;\\n}\\n\\nsub {\\n bottom: -0.25em;\\n}\\n\\n/* Embedded content\\n========================================================================== */\\n/**\\n* Remove border when inside `a` element in IE 8/9/10.\\n*/\\nimg {\\n border: 0;\\n}\\n\\n/**\\n* Correct overflow not hidden in IE 9/10/11.\\n*/\\nsvg:not(:root) {\\n overflow: hidden;\\n}\\n\\n/* Grouping content\\n========================================================================== */\\n/**\\n* Address margin not present in IE 8/9 and Safari.\\n*/\\nfigure {\\n margin: 1em 40px;\\n}\\n\\n/**\\n* Address differences between Firefox and other browsers.\\n*/\\nhr {\\n box-sizing: content-box;\\n}\\n\\n/**\\n* Contain overflow in all browsers.\\n*/\\npre {\\n overflow: auto;\\n}\\n\\n/**\\n* Address odd `em`-unit font size rendering in all browsers.\\n*/\\ncode,\\nkbd,\\npre,\\nsamp {\\n font-family: monospace, monospace;\\n font-size: 1em;\\n}\\n\\n/* Forms\\n========================================================================== */\\n/**\\n* Known limitation: by default, Chrome and Safari on OS X allow very limited\\n* styling of `select`, unless a `border` property is set.\\n*/\\n/**\\n* 1. Correct color not being inherited.\\n* Known issue: affects color of disabled elements.\\n* 2. Correct font properties not being inherited.\\n* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\\n*/\\nbutton,\\ninput,\\noptgroup,\\nselect,\\ntextarea {\\n color: inherit;\\n /* 1 */\\n font: inherit;\\n /* 2 */\\n margin: 0;\\n /* 3 */\\n}\\n\\n/**\\n* Address `overflow` set to `hidden` in IE 8/9/10/11.\\n*/\\nbutton {\\n overflow: visible;\\n}\\n\\n/**\\n* Address inconsistent `text-transform` inheritance for `button` and `select`.\\n* All other form control elements do not inherit `text-transform` values.\\n* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\\n* Correct `select` style inheritance in Firefox.\\n*/\\nbutton,\\nselect {\\n text-transform: none;\\n}\\n\\n/**\\n* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\\n* and `video` controls.\\n* 2. Correct inability to style clickable `input` types in iOS.\\n* 3. Improve usability and consistency of cursor style between image-type\\n* `input` and others.\\n*/\\nbutton,\\nhtml input[type=\\\"button\\\"],\\ninput[type=\\\"reset\\\"],\\ninput[type=\\\"submit\\\"] {\\n -webkit-appearance: button;\\n /* 2 */\\n cursor: pointer;\\n /* 3 */\\n}\\n\\n/**\\n* Re-set default cursor for disabled elements.\\n*/\\nbutton[disabled],\\nhtml input[disabled] {\\n cursor: default;\\n}\\n\\n/**\\n* Remove inner padding and border in Firefox 4+.\\n*/\\nbutton::-moz-focus-inner,\\ninput::-moz-focus-inner {\\n border: 0;\\n padding: 0;\\n}\\n\\n/**\\n* Address Firefox 4+ setting `line-height` on `input` using `!important` in\\n* the UA stylesheet.\\n*/\\ninput {\\n line-height: normal;\\n}\\n\\n/**\\n* It's recommended that you don't attempt to style these elements.\\n* Firefox's implementation doesn't respect box-sizing, padding, or width.\\n*\\n* 1. Address box sizing set to `content-box` in IE 8/9/10.\\n* 2. Remove excess padding in IE 8/9/10.\\n*/\\ninput[type=\\\"checkbox\\\"],\\ninput[type=\\\"radio\\\"] {\\n box-sizing: border-box;\\n /* 1 */\\n padding: 0;\\n /* 2 */\\n}\\n\\n/**\\n* Fix the cursor style for Chrome's increment/decrement buttons. For certain\\n* `font-size` values of the `input`, it causes the cursor style of the\\n* decrement button to change from `default` to `text`.\\n*/\\ninput[type=\\\"number\\\"]::-webkit-inner-spin-button,\\ninput[type=\\\"number\\\"]::-webkit-outer-spin-button {\\n height: auto;\\n}\\n\\n/**\\n* 1. Address `appearance` set to `searchfield` in Safari and Chrome.\\n* 2. Address `box-sizing` set to `border-box` in Safari and Chrome\\n* (include `-moz` to future-proof).\\n*/\\ninput[type=\\\"search\\\"] {\\n -webkit-appearance: textfield;\\n /* 1 */\\n /* 2 */\\n box-sizing: border-box;\\n}\\n\\n/**\\n* Remove inner padding and search cancel button in Safari and Chrome on OS X.\\n* Safari (but not Chrome) clips the cancel button when the search input has\\n* padding (and `textfield` appearance).\\n*/\\ninput[type=\\\"search\\\"]::-webkit-search-cancel-button,\\ninput[type=\\\"search\\\"]::-webkit-search-decoration {\\n -webkit-appearance: none;\\n}\\n\\n/**\\n* Define consistent border, margin, and padding.\\n*/\\nfieldset {\\n border: 1px solid #c0c0c0;\\n margin: 0;\\n padding: 0;\\n}\\n\\n/**\\n* 1. Correct `color` not being inherited in IE 8/9/10/11.\\n* 2. Remove padding so people aren't caught out if they zero out fieldsets.\\n*/\\nlegend {\\n border: 0;\\n /* 1 */\\n padding: 0;\\n /* 2 */\\n}\\n\\n/**\\n* Remove default vertical scrollbar in IE 8/9/10/11.\\n*/\\ntextarea {\\n overflow: auto;\\n}\\n\\n/**\\n* Don't inherit the `font-weight` (applied by a rule above).\\n* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\\n*/\\noptgroup {\\n font-weight: bold;\\n}\\n\\n/* Tables\\n========================================================================== */\\n/**\\n* Remove most spacing between table cells.\\n*/\\ntable {\\n border-collapse: collapse;\\n border-spacing: 0;\\n}\\n\\ntd,\\nth {\\n padding: 0;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(4) + \");\\n src: url(\" + __webpack_require__(4) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(5) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(6) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(7) + \") format(\\\"ttf\\\");\\n font-weight: 200;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(8) + \");\\n src: url(\" + __webpack_require__(8) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(9) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(10) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(11) + \") format(\\\"ttf\\\");\\n font-weight: 400;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(12) + \");\\n src: url(\" + __webpack_require__(12) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(13) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(14) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(15) + \") format(\\\"ttf\\\");\\n font-weight: 500;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(16) + \");\\n src: url(\" + __webpack_require__(16) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(17) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(18) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(19) + \") format(\\\"ttf\\\");\\n font-weight: 600;\\n}\\n\\n.bg-bright-blue {\\n background-color: #65a0ff;\\n}\\n\\n.bg-light-blue {\\n background-color: #A9CAFF;\\n}\\n\\n.bg-tire {\\n background-color: #222222;\\n}\\n\\n.bg-asphalt {\\n background-color: #333333;\\n}\\n\\n.bg-slate {\\n background-color: #626262;\\n}\\n\\n.bg-glass {\\n background-color: #efefef;\\n}\\n\\n.bg-aluminum {\\n background-color: #d9d9d9;\\n}\\n\\n.bg-steel {\\n background-color: #a7a7a7;\\n}\\n\\n.bg-black {\\n background-color: #000000;\\n}\\n\\n.bg-white {\\n background-color: #ffffff;\\n}\\n\\n.fc-bright-blue {\\n color: #65a0ff;\\n}\\n\\n.fc-light-blue {\\n color: #A9CAFF;\\n}\\n\\n.fc-tire {\\n color: #222222;\\n}\\n\\n.fc-asphalt {\\n color: #333333;\\n}\\n\\n.fc-slate {\\n color: #626262;\\n}\\n\\n.fc-glass {\\n color: #efefef;\\n}\\n\\n.fc-aluminum {\\n color: #d9d9d9;\\n}\\n\\n.fc-steel {\\n color: #a7a7a7;\\n}\\n\\n.fc-black {\\n color: #000000;\\n}\\n\\n.fc-white {\\n color: #ffffff;\\n}\\n\\nbody {\\n font-family: 'LivioNorm', Helvetica, sans-serif;\\n font-weight: normal;\\n font-size: 15px;\\n margin: 25px;\\n overflow: hidden;\\n}\\n\\n#app {\\n width: 960px;\\n}\\n\\n#app .app-body {\\n height: 675px;\\n}\\n\\n.toggle-button {\\n margin-top: 20px;\\n width: 140px;\\n border: 1px solid #000000;\\n border-radius: 2px;\\n text-align: center;\\n padding: 10px 0;\\n float: left;\\n}\\n\\n.toggle-button:hover {\\n cursor: pointer;\\n background: #000000;\\n color: #ffffff;\\n}\\n\\n.shutdown-button {\\n margin-top: 20px;\\n margin-left: 20px;\\n width: 140px;\\n border: 1px solid #000000;\\n border-radius: 2px;\\n text-align: center;\\n padding: 10px 0;\\n float: left;\\n}\\n\\n.shutdown-button:hover {\\n cursor: pointer;\\n background: #000000;\\n color: #ffffff;\\n}\\n\\n.t-large {\\n -webkit-font-smoothing: antialiased;\\n font-size: 40px;\\n line-height: 1.2;\\n}\\n\\n.t-small {\\n -webkit-font-smoothing: antialiased;\\n font-size: 25px;\\n line-height: 2;\\n}\\n\\n.t-light {\\n font-weight: 200;\\n}\\n\\n.t-medium {\\n font-weight: 500;\\n}\\n\\n.t-ls1 {\\n letter-spacing: 1px;\\n}\\n\\n.t-oneline {\\n white-space: nowrap;\\n text-align: center;\\n}\\n\\n.dark-theme .app-body {\\n background: #222222;\\n}\\n\\n.dark-theme .app__header {\\n background-image: linear-gradient(#000000, #222222);\\n}\\n\\n.dark-theme .th-f-color {\\n color: #ffffff;\\n}\\n\\n.dark-theme .th-f-color-secondary {\\n color: #626262;\\n}\\n\\n.dark-theme .th-f-color-alt {\\n color: #ffffff;\\n}\\n\\n.dark-theme .th-b-color {\\n border-color: #333333;\\n}\\n\\n.dark-theme .th-b-color-secondary {\\n border-color: #ffffff;\\n}\\n\\n.dark-theme .th-box-shadow {\\n box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.75);\\n}\\n\\n.dark-theme .th-bb-color {\\n border-bottom-color: #333333;\\n}\\n\\n.dark-theme .th-bg-color {\\n background-color: #000000;\\n}\\n\\n.dark-theme .th-f-accent-color {\\n color: #65a0ff;\\n}\\n\\n.dark-theme .th-soft-buttons {\\n border-color: #626262;\\n}\\n\\n.dark-theme .th-soft-buttons:active {\\n background-color: #222222;\\n}\\n\\n.dark-theme .svg-wrap svg path,\\n.dark-theme .svg-wrap svg polygon {\\n fill: #ffffff;\\n}\\n\\n.dark-theme .svg-wrap-secondary svg path,\\n.dark-theme .svg-wrap-secondary svg polygon {\\n fill: #626262;\\n}\\n\\n.dark-theme .svg-fill-important {\\n fill: #ffffff !important;\\n}\\n\\n.dark-theme .svg-stroke {\\n stroke: #ffffff !important;\\n}\\n\\n.dark-theme .th-tile-background-color {\\n background-color: #111111;\\n}\\n\\n.dark-theme .th-nav-background-color {\\n background-color: #121212;\\n}\\n\\n.dark-theme .th-divider-color {\\n background-color: #FFFFFF;\\n}\\n\\n.light-theme .app-body {\\n background: #efefef;\\n}\\n\\n.light-theme .app__header {\\n background-image: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0));\\n}\\n\\n.light-theme .th-f-color {\\n color: #222222;\\n}\\n\\n.light-theme .th-f-color-secondary {\\n color: #a7a7a7;\\n}\\n\\n.light-theme .th-f-color-alt {\\n color: #000000;\\n}\\n\\n.light-theme .th-b-color {\\n border-color: #dddddd;\\n}\\n\\n.light-theme .th-b-color-secondary {\\n border-color: #000000;\\n}\\n\\n.light-theme .th-box-shadow {\\n box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.25);\\n}\\n\\n.light-theme .th-bb-color {\\n border-bottom-color: #d9d9d9;\\n}\\n\\n.light-theme .th-bg-color {\\n background-color: #ffffff;\\n}\\n\\n.light-theme .th-f-accent-color {\\n color: #65a0ff;\\n}\\n\\n.light-theme .th-soft-buttons {\\n border-color: #919191;\\n}\\n\\n.light-theme .th-soft-buttons:active {\\n background-color: #efefef;\\n}\\n\\n.light-theme .svg-wrap svg path,\\n.light-theme .svg-wrap svg polygon {\\n fill: #000000;\\n}\\n\\n.light-theme .svg-wrap-secondary svg path,\\n.light-theme .svg-wrap-secondary svg polygon {\\n fill: #a7a7a7;\\n}\\n\\n.light-theme .svg-fill-important {\\n fill: #000000 !important;\\n}\\n\\n.light-theme .svg-stroke {\\n stroke: #000000 !important;\\n}\\n\\n.light-theme .th-tile-background-color {\\n background-color: #ffffff;\\n}\\n\\n.light-theme .th-nav-background-color {\\n background-color: #F7F8F9;\\n}\\n\\n.light-theme .th-divider-color {\\n background-color: #000000;\\n}\\n\\n.app__header {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n flex-shrink: 0;\\n -ms-flex-negative: 0;\\n position: relative;\\n z-index: 1000;\\n height: 75px;\\n padding: 0 25px;\\n}\\n\\n.app__header div {\\n box-flex: 1;\\n -moz-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n}\\n\\n.app__header div:nth-of-type(2) {\\n text-align: center;\\n}\\n\\n.app__header div:nth-of-type(3) {\\n text-align: right;\\n}\\n\\n.app__header div span svg {\\n width: 14px;\\n margin-left: 16px;\\n}\\n\\n.app__header span,\\n.app__header img {\\n display: inline-block;\\n vertical-align: middle;\\n}\\n\\n.app__header a {\\n text-decoration: none;\\n text-transform: uppercase;\\n}\\n\\n.app__header .svg-wrap-secondary {\\n width: 30px;\\n}\\n\\n.app__header .svg-wrap-secondary svg {\\n width: 10px;\\n height: 10px;\\n margin-left: 5px;\\n}\\n\\n.media-template {\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.media-player-body {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: single;\\n -moz-box-lines: single;\\n box-lines: single;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n align-content: center;\\n -ms-flex-line-pack: center;\\n height: calc((675px - 75px) / 1.8461);\\n padding: 0 55px;\\n position: relative;\\n z-index: 100;\\n}\\n\\n.media-track {\\n padding-top: 10px;\\n width: 60%;\\n position: relative;\\n text-align: center;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.media-track__time {\\n position: absolute;\\n bottom: 10px;\\n width: 100%;\\n}\\n\\n.media-metadata {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n box-flex: 1;\\n -moz-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n margin-bottom: 60px;\\n}\\n\\n.progress-bar {\\n position: relative;\\n height: calc((675px - 75px) / 6);\\n border-bottom: 2px solid;\\n}\\n\\n.progress-bar__progress {\\n position: absolute;\\n height: calc(100% + 2px);\\n background: #65a0ff;\\n}\\n\\n.control-bar {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-flex: 1;\\n -moz-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n background: #000000;\\n}\\n\\n.control-bar__control--double {\\n height: 75px;\\n width: 150px;\\n}\\n\\n.control-bar__control--square {\\n height: 75px;\\n width: 75px;\\n}\\n\\n.control-bar__control--primary {\\n height: 75px;\\n width: 60px;\\n}\\n\\n.control-bar__control--secondary {\\n height: 54px;\\n width: 75px;\\n}\\n\\n.control-bar__control--tertiary {\\n height: 75px;\\n width: 75px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.control-bar__control--tertiary img {\\n max-width: 100%;\\n}\\n\\n.control-bar__control--tertiary--static {\\n width: 75px;\\n}\\n\\n.control-bar .svg-wrap {\\n height: 100%;\\n position: relative;\\n}\\n\\n.control-bar .svg-wrap svg {\\n max-height: 100%;\\n}\\n\\n.album-art {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n margin: auto 0px;\\n height: 374.98047px;\\n width: 374.98047px;\\n -ms-transform: translateY(1%);\\n transform: translateY(1%);\\n border-radius: 4px;\\n}\\n\\n.album-art img {\\n width: 100%;\\n}\\n\\n.static-icon {\\n height: 100%;\\n width: 100%;\\n}\\n\\n.app-icon {\\n height: 40px;\\n width: 40px;\\n display: inline-block;\\n vertical-align: middle;\\n}\\n\\n.hscrollmenu {\\n width: 100%;\\n height: calc(675px - 140px);\\n overflow-y: auto;\\n padding: calc(675px / 21.6) 0px 0 0px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n align-content: flex-start;\\n -ms-flex-line-pack: start;\\n}\\n\\n.hscrollmenu .hscrollmenu-block {\\n --menu-width: 960px;\\n --box-width-3: calc(var(--menu-width) * 0.3);\\n --margin-size-3: calc((var(--menu-width) - (var(--box-width-3) * 3)) / 3);\\n --calc-width-3: calc(var(--box-width-3) - (var(--margin-size-3) / 3));\\n --box-width-2: calc(var(--menu-width) * 0.45);\\n --margin-size-2: calc((var(--menu-width) - (var(--box-width-2) * 2)) / 2);\\n --calc-width-2: calc(var(--box-width-2) - (var(--margin-size-2) / 2));\\n --box-width-1: calc(var(--menu-width) * 0.9);\\n --margin-size-1: calc((var(--menu-width) - (var(--box-width-1) * 1)) / 1);\\n --calc-width-1: calc(var(--box-width-1) - (var(--margin-size-1) / 1));\\n width: var(--calc-width-3);\\n margin-left: var(--margin-size-3);\\n margin-bottom: var(--margin-size-3);\\n height: calc((var(--calc-width-3)) * 0.78);\\n}\\n\\n.hscrollmenu-item {\\n display: block;\\n height: 100%;\\n text-align: center;\\n text-decoration: none;\\n color: #ffffff;\\n border: 2px solid;\\n position: relative;\\n}\\n\\n.hscrollmenu-item__image {\\n height: 50%;\\n width: 50%;\\n margin: 25px auto 12px;\\n border-radius: 4px;\\n}\\n\\n.hscrollmenu-item__image img {\\n width: 100%;\\n}\\n\\n.hscrollmenu-item__name {\\n position: absolute;\\n bottom: 0px;\\n width: 100%;\\n height: 23%;\\n}\\n\\n.hscrollmenu-item.with-icon .hscrollmenu-item__image {\\n height: 50px;\\n width: 50px;\\n margin: 50px auto;\\n}\\n\\n.hscrollmenu-item.with-icon .svg-wrap {\\n height: 50px;\\n width: 50px;\\n}\\n\\n.hscrollmenu-item.with-icon .t-small {\\n -webkit-font-smoothing: antialiased;\\n font-size: 40px;\\n line-height: 1.2;\\n}\\n\\n.vscrollmenu {\\n width: 100%;\\n height: 600px;\\n overflow-y: scroll;\\n}\\n\\n.vscrollmenu-item {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n padding: 50px 55px;\\n text-decoration: none;\\n color: #ffffff;\\n border-bottom: 2px solid;\\n}\\n\\n.vscrollmenu-item__image {\\n height: 150px;\\n width: 150px;\\n margin: 25px auto 12px;\\n border-radius: 4px;\\n}\\n\\n.vscrollmenu-item__image img {\\n max-width: 100%;\\n}\\n\\n.vscrollmenu-item .svg-wrap {\\n display: block;\\n width: 26px;\\n height: 44px;\\n}\\n\\n.vscrollmenu-item-primary {\\n display: -ms-flexbox;\\n display: flex;\\n width: 100%;\\n}\\n\\n.vscrollmenu-item-image {\\n height: 1.15em;\\n width: 1.15em;\\n margin-left: 20px;\\n}\\n\\n.vscrollmenu-item-image img {\\n max-height: 100%;\\n}\\n\\n.tiles-only-list {\\n height: 600px;\\n overflow-x: scroll;\\n padding: 100px 55px 0;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n}\\n\\n.tiles-only-list:after {\\n content: '';\\n display: inline-block;\\n width: 100px;\\n}\\n\\n.tile {\\n height: 150px;\\n width: 150px;\\n margin: 0 110px 100px 0;\\n border-radius: 4px;\\n}\\n\\n.tile:nth-of-type(even) {\\n margin-bottom: 0;\\n}\\n\\n.tile img {\\n width: 100%;\\n border-radius: inherit;\\n}\\n\\n.non-media-template {\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.non-media-meta-data {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n width: 100%;\\n height: 98px;\\n margin-left: 50px;\\n margin-bottom: 42px;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.non-media-body {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: horizontal;\\n box-direction: reverse;\\n -moz-flex-direction: row-reverse;\\n flex-direction: row-reverse;\\n -ms-flex-direction: row-reverse;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n}\\n\\n.non-media-text-2 {\\n width: 100%;\\n text-align: center;\\n margin-right: 50px;\\n}\\n\\n.non-media-text-4 {\\n width: 50%;\\n text-align: left;\\n}\\n\\n.non-media-graphic {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n margin: auto 50px;\\n height: calc((675px - 173px) / 1.22439);\\n width: calc((675px - 173px) / 1.22439);\\n}\\n\\n.non-media-graphic img {\\n width: 100%;\\n}\\n\\n.non-media .soft-buttons {\\n width: 50%;\\n height: calc(((675px - 173px) / 1.22439 ) + 20px);\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 50px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.non-media .soft-buttons-with-graphic {\\n -ms-transform: translateY(calc(-1 * (675px - 173px) / 1.22439));\\n transform: translateY(calc(-1 * (675px - 173px) / 1.22439));\\n}\\n\\n.soft-button-tile-large {\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile {\\n width: 47.63%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile-small {\\n width: 47.63%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile-wide-large {\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile-wide {\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-image {\\n height: 1.5em;\\n max-width: 100%;\\n}\\n\\n.soft-button-image img {\\n max-width: 100%;\\n max-height: 100%;\\n}\\n\\n.soft-button-image-static {\\n max-height: 75px;\\n max-width: 100%;\\n min-width: 75px;\\n}\\n\\n.soft-button p {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n padding: 5px;\\n}\\n\\n.soft-button {\\n min-width: 0;\\n}\\n\\n.large-graphic-only-template {\\n width: 100%;\\n height: 100%;\\n}\\n\\n.large-graphic-only {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n}\\n\\n.large-graphic-only .large-graphic {\\n width: 100%;\\n height: 100%;\\n object-fit: contain;\\n}\\n\\n.large-graphic-only .large-graphic svg {\\n width: 100%;\\n height: 100%;\\n}\\n\\n.large-graphic-with-softbuttons-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n}\\n\\n.large-graphic-with-softbuttons-top-container {\\n height: 80%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.large-graphic-with-softbuttons-bottom-container {\\n height: 20%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.large-graphic-with-softbuttons-template .large-graphic {\\n padding-right: 10px;\\n padding-left: 10px;\\n width: 100%;\\n object-fit: contain;\\n margin-bottom: 50px;\\n height: 100%;\\n}\\n\\n.large-graphic-with-softbuttons-template svg {\\n max-height: 100%;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-button {\\n -ms-flex: 1 1 0px !important;\\n flex: 1 1 0 !important;\\n margin-bottom: 0px !important;\\n margin-right: 20px;\\n min-width: 0;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-button p {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n padding: 5px;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-button:last-child {\\n margin-right: 0px !important;\\n}\\n\\n.text-buttons-with-graphic-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.text-buttons-with-graphic-container {\\n height: 100%;\\n width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.text-buttons-with-graphic-template .large-graphic {\\n padding-right: 25px;\\n padding-left: 10px;\\n width: 100%;\\n max-height: 100%;\\n object-fit: contain;\\n margin-bottom: 20px;\\n}\\n\\n.text-buttons-with-graphic-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 25px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.text-buttons-only-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.text-buttons-only-container {\\n height: 100%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.text-buttons-only-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 15px;\\n padding-right: 15px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.text-buttons-only-template .soft-button-tile-wide {\\n width: 98%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alertOverlay {\\n position: fixed;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background-color: rgba(0, 0, 0, 0.75);\\n width: 960px;\\n height: 675px;\\n margin: 25px;\\n z-index: 1001;\\n}\\n\\n.alertModal {\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n right: auto;\\n bottom: auto;\\n margin-right: -50%;\\n -ms-transform: translate(-50%, -50%);\\n transform: translate(-50%, -50%);\\n border: 1px solid #ccc;\\n overflow: auto;\\n -webkit-overflow-scrolling: 'touch';\\n border-radius: 4px;\\n outline: none;\\n padding: 20px;\\n width: 85%;\\n}\\n\\n.alert {\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.alert-title {\\n text-align: center;\\n}\\n\\n.alert-top {\\n display: -ms-flexbox;\\n display: flex;\\n padding: 30px;\\n}\\n\\n.alert-icon {\\n width: 50%;\\n height: calc((675px - 75px) / 2);\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n}\\n\\n.alert-icon .icon {\\n max-height: 75%;\\n max-width: 75%;\\n height: auto;\\n width: auto;\\n}\\n\\n.alert-icon #Layer_1 {\\n max-height: 75%;\\n max-width: 75%;\\n height: auto;\\n width: 75%;\\n}\\n\\n.alert-text-fields {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n height: calc((675px - 75px) / 2);\\n width: 50%;\\n text-align: center;\\n}\\n\\n.alert-buttons {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding: 15px;\\n}\\n\\n.alert-button-1 {\\n height: 75px;\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alert-button-2 {\\n height: 75px;\\n width: 45%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alert-button-3 {\\n height: 75px;\\n width: 29%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alert-button-4 {\\n height: 50px;\\n width: 45%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.graphic-with-text-buttons-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.graphic-with-text-buttons-container {\\n height: 100%;\\n width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.graphic-with-text-buttons-template .large-graphic {\\n padding-left: 25px;\\n padding-right: 10px;\\n width: 100%;\\n max-height: 100%;\\n object-fit: contain;\\n margin-bottom: 20px;\\n}\\n\\n.graphic-with-text-buttons-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-right: 25px;\\n padding-left: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.tiles-only-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.tiles-only-container {\\n height: 100%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.tiles-only-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: start;\\n -moz-justify-content: flex-start;\\n -ms-justify-content: flex-start;\\n -o-justify-content: flex-start;\\n justify-content: flex-start;\\n -ms-flex-pack: start;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 15px;\\n padding-right: 15px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.tiles-only-template .soft-button {\\n height: 44%;\\n width: 30.6%;\\n margin: 2%;\\n text-align: center;\\n text-decoration: none;\\n position: relative;\\n}\\n\\n.tiles-only-template .soft-button:nth-of-type(3n) {\\n margin-right: 0;\\n}\\n\\n.tiles-only-template .soft-button:nth-of-type(3n+1) {\\n margin-left: 0;\\n}\\n\\n.text-with-graphic-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.text-with-graphic-container {\\n height: 100%;\\n width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.text-with-graphic-template .large-graphic {\\n padding-right: 25px;\\n padding-left: 10px;\\n width: 100%;\\n max-height: 100%;\\n object-fit: contain;\\n}\\n\\n.text-with-graphic-template .text-body {\\n width: 100%;\\n height: 75%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 25px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.graphic-with-text-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.graphic-with-text-container {\\n height: 100%;\\n min-width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.graphic-with-text-template .large-graphic {\\n padding-right: 25px;\\n padding-left: 10px;\\n max-height: 100%;\\n width: 100%;\\n object-fit: contain;\\n}\\n\\n.graphic-with-text-template .text-body {\\n width: 100%;\\n height: 75%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 25px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.min-width-50 {\\n min-width: 50%;\\n}\\n\\n.double-graphic-with-softbuttons-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n}\\n\\n.double-graphic-with-softbuttons-top-container {\\n height: 80%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n\\n.double-graphic-with-softbuttons-bottom-container {\\n height: 20%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.double-graphic-with-softbuttons-template .double-graphic {\\n padding-right: 10px;\\n padding-left: 10px;\\n width: 50%;\\n height: 100%;\\n object-fit: contain;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-button {\\n -ms-flex: 1 1 0px !important;\\n flex: 1 1 0 !important;\\n margin-bottom: 0px !important;\\n margin-right: 20px;\\n min-width: 0;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-button p {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n padding: 5px;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-button:last-child {\\n margin-right: 0px !important;\\n}\\n\\n.app-services-nav {\\n width: 100%;\\n height: 65px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n padding: 0 18px 0 18px;\\n position: relative;\\n z-index: 2000;\\n}\\n\\n.app-services-button-group {\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n height: 100%;\\n width: 80%;\\n}\\n\\n.app-services-button-group .waiting-message {\\n width: 100%;\\n min-width: 100%;\\n text-align: center;\\n padding: 0px;\\n}\\n\\n.app-services-button-group .svg-size {\\n height: 50px;\\n width: 50px;\\n min-width: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 5px;\\n}\\n\\n.app-services-button-group .svg-size svg {\\n height: 35px;\\n width: 35px;\\n}\\n\\n.app-services-button-group .app-service-icon {\\n height: 50px;\\n width: 50px;\\n min-width: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 5px;\\n}\\n\\n.app-services-button-group .app-service-icon img {\\n height: 35px;\\n width: 35px;\\n}\\n\\n.app-services-button-group .nav-text-bubble {\\n height: 50px;\\n width: 50px;\\n min-width: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 5px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.app-services-button-group .menu-color {\\n background-color: #696969;\\n}\\n\\n.app-services-button-group .nav-color {\\n background-color: #49C7ED;\\n}\\n\\n.app-services-button-group .media-color {\\n background-color: #49C7ED;\\n}\\n\\n.app-services-button-group .weather-color {\\n background-color: #49C7ED;\\n}\\n\\n.app-services-tab {\\n margin: 0 17px 0 17px;\\n border-radius: 10px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n width: 50px;\\n}\\n\\n.tab-wide__nav {\\n width: 500px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.tab-wide__media {\\n width: 500px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.tab-wide__weather {\\n width: 500px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.clock {\\n width: 15%;\\n}\\n\\n.hide-tab {\\n display: none !important;\\n width: 0 !important;\\n min-width: 0 !important;\\n}\\n\\n.tab-text {\\n max-height: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n width: 100%;\\n text-align: center;\\n}\\n\\n.tab-text p {\\n max-width: 50%;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n overflow: hidden;\\n padding-left: 10px;\\n}\\n\\n.even-spacing {\\n -ms-flex-pack: space-evenly;\\n justify-content: space-evenly;\\n}\\n\\n.weather-item {\\n min-width: 30%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n\\n.weather-item p {\\n padding-left: 5px;\\n}\\n\\n.width-40-pct {\\n width: 40%;\\n}\\n\\n.app-service-medium {\\n width: 100%;\\n height: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: space-evenly;\\n justify-content: space-evenly;\\n}\\n\\n.app-service-medium-tab {\\n width: 33.33%;\\n max-height: 100%;\\n margin: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-align: center;\\n align-items: center;\\n -ms-flex-pack: justify;\\n justify-content: space-between;\\n text-align: center;\\n}\\n\\n.app-service-overlay {\\n position: fixed;\\n top: 202.5px;\\n bottom: 65px;\\n height: 407.5px;\\n left: 0;\\n right: 0;\\n width: 960px;\\n margin: 25px 0px 0px 25px;\\n z-index: 1001;\\n}\\n\\n.dark-shadow {\\n box-shadow: 0px -10px 20px 0px;\\n}\\n\\n.light-shadow {\\n box-shadow: 0px -10px 20px 0px rgba(0, 0, 0, 0.15);\\n}\\n\\n.app-service-modal {\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n right: auto;\\n bottom: auto;\\n margin-right: -50%;\\n -ms-transform: translate(-50%, -50%);\\n transform: translate(-50%, -50%);\\n outline: none;\\n width: 100%;\\n height: 100%;\\n}\\n\\n.app-service-nav-card {\\n border-bottom: 1px solid #49C7ED;\\n}\\n\\n.app-service-nav-card .svg-size {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-nav-card .svg-size svg {\\n height: 75px;\\n width: 75px;\\n}\\n\\n.app-service-nav-card .app-service-icon {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-nav-card .app-service-icon img {\\n height: 75px;\\n width: 75px;\\n}\\n\\n.app-service-media-card {\\n border-bottom: 1px solid #49C7ED;\\n}\\n\\n.app-service-media-card .svg-size {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-media-card .svg-size svg {\\n height: 65px;\\n width: 65px;\\n}\\n\\n.app-service-media-card .app-service-icon {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-media-card .app-service-icon img {\\n height: 65px;\\n width: 65px;\\n}\\n\\n.app-service-media-card .media-color {\\n background-color: #45C5F6;\\n}\\n\\n.app-service-weather-card {\\n border-bottom: 1px solid #49C7ED;\\n}\\n\\n.app-service-weather-card .weather-line {\\n text-align: center;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n\\n.app-service-weather-card .svg-size {\\n height: 70px;\\n width: 70px;\\n min-width: 70px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-weather-card .svg-size svg {\\n height: 50px;\\n width: 50px;\\n}\\n\\n.app-service-weather-card .app-service-icon {\\n height: 70px;\\n width: 70px;\\n min-width: 70px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-weather-card .app-service-icon img {\\n height: 50px;\\n width: 50px;\\n}\\n\\n.app-service-weather-card .space-left {\\n margin-left: 5px;\\n}\\n\\n.app-service-weather-card .baseline {\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: baseline;\\n align-items: baseline;\\n}\\n\\n.app-service-weather-card .weather-color {\\n background-color: #F6457F;\\n}\\n\\n.app-service-card-divider {\\n max-height: 100%;\\n width: 1px;\\n margin: 25px 0px 25px 0px;\\n}\\n\\n.app-service-card-footer {\\n margin-bottom: 5px;\\n}\\n\\n.app-service-modal-button {\\n height: 30px;\\n width: 30px;\\n border-radius: 5px;\\n background-color: #F7F8F9;\\n float: right;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-modal-button .svg-size {\\n height: 25px;\\n width: 25px;\\n min-width: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-modal-button .svg-size svg {\\n height: 25px;\\n width: 25px;\\n}\\n\", \"\"]);\n\n// exports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader!./~/autoprefixer-loader?browsers=last 3 versions!./~/sass-loader?outputStyle=expanded!./src/css/main.scss\n// module id = 2\n// module chunks = 0\n//# sourceURL=webpack:///./src/css/main.scss?./~/css-loader!./~/autoprefixer-loader?browsers=last_3_versions!./~/sass-loader?outputStyle=expanded"); + eval("exports = module.exports = __webpack_require__(3)();\n// imports\n\n\n// module\nexports.push([module.id, \"html {\\n font-family: sans-serif;\\n /* 1 */\\n -ms-text-size-adjust: 100%;\\n /* 2 */\\n -webkit-text-size-adjust: 100%;\\n /* 2 */\\n width: 100%;\\n min-height: 100%;\\n box-sizing: border-box;\\n}\\n\\n*, *:before, *:after {\\n box-sizing: inherit;\\n}\\n\\n/**\\n* Remove default margin.\\n*/\\nbody {\\n position: relative;\\n margin: 0;\\n padding: 0;\\n width: 100%;\\n height: 100%;\\n}\\n\\nh1, h2, h3, h4, h5, h6, p {\\n margin: 0;\\n padding: 0;\\n}\\n\\n* {\\n outline-color: #78C96F;\\n}\\n\\n/* HTML5 display definitions\\n========================================================================== */\\n/**\\n* Correct `block` display not defined for any HTML5 element in IE 8/9.\\n* Correct `block` display not defined for `details` or `summary` in IE 10/11\\n* and Firefox.\\n* Correct `block` display not defined for `main` in IE 11.\\n*/\\narticle,\\naside,\\ndetails,\\nfigcaption,\\nfigure,\\nfooter,\\nheader,\\nhgroup,\\nmain,\\nmenu,\\nnav,\\nsection,\\nsummary,\\nformset {\\n display: block;\\n}\\n\\n/**\\n* 1. Correct `inline-block` display not defined in IE 8/9.\\n* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\\n*/\\naudio,\\ncanvas,\\nprogress,\\nvideo {\\n display: inline-block;\\n /* 1 */\\n vertical-align: baseline;\\n /* 2 */\\n}\\n\\n/**\\n* Prevent modern browsers from displaying `audio` without controls.\\n* Remove excess height in iOS 5 devices.\\n*/\\naudio:not([controls]) {\\n display: none;\\n height: 0;\\n}\\n\\n/**\\n* Address `[hidden]` styling not present in IE 8/9/10.\\n* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.\\n*/\\n[hidden],\\ntemplate {\\n display: none;\\n}\\n\\n/* Links\\n========================================================================== */\\n/**\\n* Remove the gray background color from active links in IE 10.\\n*/\\na {\\n background-color: transparent;\\n}\\n\\n/**\\n* Improve readability when focused and also mouse hovered in all browsers.\\n*/\\na:active,\\na:hover {\\n outline: 0;\\n}\\n\\n/* Text-level semantics\\n========================================================================== */\\n/**\\n* Address styling not present in IE 8/9/10/11, Safari, and Chrome.\\n*/\\nabbr[title] {\\n border-bottom: 1px dotted;\\n}\\n\\n/**\\n* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\\n*/\\nb,\\nstrong {\\n font-weight: bold;\\n}\\n\\n/**\\n* Address styling not present in Safari and Chrome.\\n*/\\ndfn {\\n font-style: italic;\\n}\\n\\n/**\\n* Address styling not present in IE 8/9.\\n*/\\nmark {\\n background: #ff0;\\n color: #000;\\n}\\n\\n/**\\n* Address inconsistent and variable font size in all browsers.\\n*/\\nsmall {\\n font-size: 80%;\\n}\\n\\n/**\\n* Prevent `sub` and `sup` affecting `line-height` in all browsers.\\n*/\\nsub,\\nsup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n}\\n\\nsup {\\n top: -0.5em;\\n}\\n\\nsub {\\n bottom: -0.25em;\\n}\\n\\n/* Embedded content\\n========================================================================== */\\n/**\\n* Remove border when inside `a` element in IE 8/9/10.\\n*/\\nimg {\\n border: 0;\\n}\\n\\n/**\\n* Correct overflow not hidden in IE 9/10/11.\\n*/\\nsvg:not(:root) {\\n overflow: hidden;\\n}\\n\\n/* Grouping content\\n========================================================================== */\\n/**\\n* Address margin not present in IE 8/9 and Safari.\\n*/\\nfigure {\\n margin: 1em 40px;\\n}\\n\\n/**\\n* Address differences between Firefox and other browsers.\\n*/\\nhr {\\n box-sizing: content-box;\\n}\\n\\n/**\\n* Contain overflow in all browsers.\\n*/\\npre {\\n overflow: auto;\\n}\\n\\n/**\\n* Address odd `em`-unit font size rendering in all browsers.\\n*/\\ncode,\\nkbd,\\npre,\\nsamp {\\n font-family: monospace, monospace;\\n font-size: 1em;\\n}\\n\\n/* Forms\\n========================================================================== */\\n/**\\n* Known limitation: by default, Chrome and Safari on OS X allow very limited\\n* styling of `select`, unless a `border` property is set.\\n*/\\n/**\\n* 1. Correct color not being inherited.\\n* Known issue: affects color of disabled elements.\\n* 2. Correct font properties not being inherited.\\n* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\\n*/\\nbutton,\\ninput,\\noptgroup,\\nselect,\\ntextarea {\\n color: inherit;\\n /* 1 */\\n font: inherit;\\n /* 2 */\\n margin: 0;\\n /* 3 */\\n}\\n\\n/**\\n* Address `overflow` set to `hidden` in IE 8/9/10/11.\\n*/\\nbutton {\\n overflow: visible;\\n}\\n\\n/**\\n* Address inconsistent `text-transform` inheritance for `button` and `select`.\\n* All other form control elements do not inherit `text-transform` values.\\n* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\\n* Correct `select` style inheritance in Firefox.\\n*/\\nbutton,\\nselect {\\n text-transform: none;\\n}\\n\\n/**\\n* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\\n* and `video` controls.\\n* 2. Correct inability to style clickable `input` types in iOS.\\n* 3. Improve usability and consistency of cursor style between image-type\\n* `input` and others.\\n*/\\nbutton,\\nhtml input[type=\\\"button\\\"],\\ninput[type=\\\"reset\\\"],\\ninput[type=\\\"submit\\\"] {\\n -webkit-appearance: button;\\n /* 2 */\\n cursor: pointer;\\n /* 3 */\\n}\\n\\n/**\\n* Re-set default cursor for disabled elements.\\n*/\\nbutton[disabled],\\nhtml input[disabled] {\\n cursor: default;\\n}\\n\\n/**\\n* Remove inner padding and border in Firefox 4+.\\n*/\\nbutton::-moz-focus-inner,\\ninput::-moz-focus-inner {\\n border: 0;\\n padding: 0;\\n}\\n\\n/**\\n* Address Firefox 4+ setting `line-height` on `input` using `!important` in\\n* the UA stylesheet.\\n*/\\ninput {\\n line-height: normal;\\n}\\n\\n/**\\n* It's recommended that you don't attempt to style these elements.\\n* Firefox's implementation doesn't respect box-sizing, padding, or width.\\n*\\n* 1. Address box sizing set to `content-box` in IE 8/9/10.\\n* 2. Remove excess padding in IE 8/9/10.\\n*/\\ninput[type=\\\"checkbox\\\"],\\ninput[type=\\\"radio\\\"] {\\n box-sizing: border-box;\\n /* 1 */\\n padding: 0;\\n /* 2 */\\n}\\n\\n/**\\n* Fix the cursor style for Chrome's increment/decrement buttons. For certain\\n* `font-size` values of the `input`, it causes the cursor style of the\\n* decrement button to change from `default` to `text`.\\n*/\\ninput[type=\\\"number\\\"]::-webkit-inner-spin-button,\\ninput[type=\\\"number\\\"]::-webkit-outer-spin-button {\\n height: auto;\\n}\\n\\n/**\\n* 1. Address `appearance` set to `searchfield` in Safari and Chrome.\\n* 2. Address `box-sizing` set to `border-box` in Safari and Chrome\\n* (include `-moz` to future-proof).\\n*/\\ninput[type=\\\"search\\\"] {\\n -webkit-appearance: textfield;\\n /* 1 */\\n /* 2 */\\n box-sizing: border-box;\\n}\\n\\n/**\\n* Remove inner padding and search cancel button in Safari and Chrome on OS X.\\n* Safari (but not Chrome) clips the cancel button when the search input has\\n* padding (and `textfield` appearance).\\n*/\\ninput[type=\\\"search\\\"]::-webkit-search-cancel-button,\\ninput[type=\\\"search\\\"]::-webkit-search-decoration {\\n -webkit-appearance: none;\\n}\\n\\n/**\\n* Define consistent border, margin, and padding.\\n*/\\nfieldset {\\n border: 1px solid #c0c0c0;\\n margin: 0;\\n padding: 0;\\n}\\n\\n/**\\n* 1. Correct `color` not being inherited in IE 8/9/10/11.\\n* 2. Remove padding so people aren't caught out if they zero out fieldsets.\\n*/\\nlegend {\\n border: 0;\\n /* 1 */\\n padding: 0;\\n /* 2 */\\n}\\n\\n/**\\n* Remove default vertical scrollbar in IE 8/9/10/11.\\n*/\\ntextarea {\\n overflow: auto;\\n}\\n\\n/**\\n* Don't inherit the `font-weight` (applied by a rule above).\\n* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\\n*/\\noptgroup {\\n font-weight: bold;\\n}\\n\\n/* Tables\\n========================================================================== */\\n/**\\n* Remove most spacing between table cells.\\n*/\\ntable {\\n border-collapse: collapse;\\n border-spacing: 0;\\n}\\n\\ntd,\\nth {\\n padding: 0;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(4) + \");\\n src: url(\" + __webpack_require__(4) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(5) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(6) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(7) + \") format(\\\"ttf\\\");\\n font-weight: 200;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(8) + \");\\n src: url(\" + __webpack_require__(8) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(9) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(10) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(11) + \") format(\\\"ttf\\\");\\n font-weight: 400;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(12) + \");\\n src: url(\" + __webpack_require__(12) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(13) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(14) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(15) + \") format(\\\"ttf\\\");\\n font-weight: 500;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(16) + \");\\n src: url(\" + __webpack_require__(16) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(17) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(18) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(19) + \") format(\\\"ttf\\\");\\n font-weight: 600;\\n}\\n\\n.bg-bright-blue {\\n background-color: #65a0ff;\\n}\\n\\n.bg-light-blue {\\n background-color: #A9CAFF;\\n}\\n\\n.bg-tire {\\n background-color: #222222;\\n}\\n\\n.bg-asphalt {\\n background-color: #333333;\\n}\\n\\n.bg-slate {\\n background-color: #626262;\\n}\\n\\n.bg-glass {\\n background-color: #efefef;\\n}\\n\\n.bg-aluminum {\\n background-color: #d9d9d9;\\n}\\n\\n.bg-steel {\\n background-color: #a7a7a7;\\n}\\n\\n.bg-black {\\n background-color: #000000;\\n}\\n\\n.bg-white {\\n background-color: #ffffff;\\n}\\n\\n.fc-bright-blue {\\n color: #65a0ff;\\n}\\n\\n.fc-light-blue {\\n color: #A9CAFF;\\n}\\n\\n.fc-tire {\\n color: #222222;\\n}\\n\\n.fc-asphalt {\\n color: #333333;\\n}\\n\\n.fc-slate {\\n color: #626262;\\n}\\n\\n.fc-glass {\\n color: #efefef;\\n}\\n\\n.fc-aluminum {\\n color: #d9d9d9;\\n}\\n\\n.fc-steel {\\n color: #a7a7a7;\\n}\\n\\n.fc-black {\\n color: #000000;\\n}\\n\\n.fc-white {\\n color: #ffffff;\\n}\\n\\nbody {\\n font-family: 'LivioNorm', Helvetica, sans-serif;\\n font-weight: normal;\\n font-size: 15px;\\n margin: 25px;\\n overflow: hidden;\\n}\\n\\n#app {\\n width: 960px;\\n}\\n\\n#app .app-body {\\n height: 675px;\\n}\\n\\n.toggle-button {\\n margin-top: 20px;\\n width: 140px;\\n border: 1px solid #000000;\\n border-radius: 2px;\\n text-align: center;\\n padding: 10px 0;\\n float: left;\\n}\\n\\n.toggle-button:hover {\\n cursor: pointer;\\n background: #000000;\\n color: #ffffff;\\n}\\n\\n.shutdown-button {\\n margin-top: 20px;\\n margin-left: 20px;\\n width: 140px;\\n border: 1px solid #000000;\\n border-radius: 2px;\\n text-align: center;\\n padding: 10px 0;\\n float: left;\\n}\\n\\n.shutdown-button:hover {\\n cursor: pointer;\\n background: #000000;\\n color: #ffffff;\\n}\\n\\n.t-large {\\n -webkit-font-smoothing: antialiased;\\n font-size: 40px;\\n line-height: 1.2;\\n}\\n\\n.t-small {\\n -webkit-font-smoothing: antialiased;\\n font-size: 25px;\\n line-height: 2;\\n}\\n\\n.t-light {\\n font-weight: 200;\\n}\\n\\n.t-medium {\\n font-weight: 500;\\n}\\n\\n.t-ls1 {\\n letter-spacing: 1px;\\n}\\n\\n.t-oneline {\\n white-space: nowrap;\\n text-align: center;\\n}\\n\\n.dark-theme .app-body {\\n background: #222222;\\n}\\n\\n.dark-theme .app__header {\\n background-image: linear-gradient(#000000, #222222);\\n}\\n\\n.dark-theme .th-f-color {\\n color: #ffffff;\\n}\\n\\n.dark-theme .th-f-color-secondary {\\n color: #626262;\\n}\\n\\n.dark-theme .th-f-color-alt {\\n color: #ffffff;\\n}\\n\\n.dark-theme .th-b-color {\\n border-color: #333333;\\n}\\n\\n.dark-theme .th-b-color-secondary {\\n border-color: #ffffff;\\n}\\n\\n.dark-theme .th-box-shadow {\\n box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.75);\\n}\\n\\n.dark-theme .th-bb-color {\\n border-bottom-color: #333333;\\n}\\n\\n.dark-theme .th-bg-color {\\n background-color: #000000;\\n}\\n\\n.dark-theme .th-f-accent-color {\\n color: #65a0ff;\\n}\\n\\n.dark-theme .th-soft-buttons {\\n border-color: #626262;\\n}\\n\\n.dark-theme .th-soft-buttons:active {\\n background-color: #222222;\\n}\\n\\n.dark-theme .svg-wrap svg path,\\n.dark-theme .svg-wrap svg polygon {\\n fill: #ffffff;\\n}\\n\\n.dark-theme .svg-wrap-secondary svg path,\\n.dark-theme .svg-wrap-secondary svg polygon {\\n fill: #626262;\\n}\\n\\n.dark-theme .svg-fill-important {\\n fill: #ffffff !important;\\n}\\n\\n.dark-theme .svg-stroke {\\n stroke: #ffffff !important;\\n}\\n\\n.dark-theme .th-tile-background-color {\\n background-color: #111111;\\n}\\n\\n.dark-theme .th-nav-background-color {\\n background-color: #121212;\\n}\\n\\n.dark-theme .th-divider-color {\\n background-color: #FFFFFF;\\n}\\n\\n.light-theme .app-body {\\n background: #efefef;\\n}\\n\\n.light-theme .app__header {\\n background-image: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0));\\n}\\n\\n.light-theme .th-f-color {\\n color: #222222;\\n}\\n\\n.light-theme .th-f-color-secondary {\\n color: #a7a7a7;\\n}\\n\\n.light-theme .th-f-color-alt {\\n color: #000000;\\n}\\n\\n.light-theme .th-b-color {\\n border-color: #dddddd;\\n}\\n\\n.light-theme .th-b-color-secondary {\\n border-color: #000000;\\n}\\n\\n.light-theme .th-box-shadow {\\n box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.25);\\n}\\n\\n.light-theme .th-bb-color {\\n border-bottom-color: #d9d9d9;\\n}\\n\\n.light-theme .th-bg-color {\\n background-color: #ffffff;\\n}\\n\\n.light-theme .th-f-accent-color {\\n color: #65a0ff;\\n}\\n\\n.light-theme .th-soft-buttons {\\n border-color: #919191;\\n}\\n\\n.light-theme .th-soft-buttons:active {\\n background-color: #efefef;\\n}\\n\\n.light-theme .svg-wrap svg path,\\n.light-theme .svg-wrap svg polygon {\\n fill: #000000;\\n}\\n\\n.light-theme .svg-wrap-secondary svg path,\\n.light-theme .svg-wrap-secondary svg polygon {\\n fill: #a7a7a7;\\n}\\n\\n.light-theme .svg-fill-important {\\n fill: #000000 !important;\\n}\\n\\n.light-theme .svg-stroke {\\n stroke: #000000 !important;\\n}\\n\\n.light-theme .th-tile-background-color {\\n background-color: #ffffff;\\n}\\n\\n.light-theme .th-nav-background-color {\\n background-color: #F7F8F9;\\n}\\n\\n.light-theme .th-divider-color {\\n background-color: #000000;\\n}\\n\\n.app__header {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n flex-shrink: 0;\\n -ms-flex-negative: 0;\\n position: relative;\\n z-index: 1000;\\n height: 75px;\\n padding: 0 25px;\\n}\\n\\n.app__header div {\\n box-flex: 1;\\n -moz-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n}\\n\\n.app__header div:nth-of-type(2) {\\n text-align: center;\\n}\\n\\n.app__header div:nth-of-type(3) {\\n text-align: right;\\n}\\n\\n.app__header div span svg {\\n width: 14px;\\n margin-left: 16px;\\n}\\n\\n.app__header span,\\n.app__header img {\\n display: inline-block;\\n vertical-align: middle;\\n}\\n\\n.app__header a {\\n text-decoration: none;\\n text-transform: uppercase;\\n}\\n\\n.app__header .svg-wrap-secondary {\\n width: 30px;\\n}\\n\\n.app__header .svg-wrap-secondary svg {\\n width: 10px;\\n height: 10px;\\n margin-left: 5px;\\n}\\n\\n.media-template {\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.media-player-body {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: single;\\n -moz-box-lines: single;\\n box-lines: single;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n align-content: center;\\n -ms-flex-line-pack: center;\\n height: calc((675px - 75px) / 1.8461);\\n padding: 0 55px;\\n position: relative;\\n z-index: 100;\\n}\\n\\n.media-track {\\n padding-top: 10px;\\n width: 60%;\\n position: relative;\\n text-align: center;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.media-track__time {\\n position: absolute;\\n bottom: 10px;\\n width: 100%;\\n}\\n\\n.media-metadata {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n box-flex: 1;\\n -moz-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n margin-bottom: 60px;\\n}\\n\\n.progress-bar {\\n position: relative;\\n height: calc((675px - 75px) / 6);\\n border-bottom: 2px solid;\\n}\\n\\n.progress-bar__progress {\\n position: absolute;\\n height: calc(100% + 2px);\\n background: #65a0ff;\\n}\\n\\n.control-bar {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-flex: 1;\\n -moz-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n background: #000000;\\n}\\n\\n.control-bar__control--double {\\n height: 75px;\\n width: 150px;\\n}\\n\\n.control-bar__control--square {\\n height: 75px;\\n width: 75px;\\n}\\n\\n.control-bar__control--primary {\\n height: 75px;\\n width: 60px;\\n}\\n\\n.control-bar__control--secondary {\\n height: 54px;\\n width: 75px;\\n}\\n\\n.control-bar__control--tertiary {\\n height: 75px;\\n width: 75px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.control-bar__control--tertiary img {\\n max-width: 100%;\\n}\\n\\n.control-bar__control--tertiary--static {\\n width: 75px;\\n}\\n\\n.control-bar .svg-wrap {\\n height: 100%;\\n position: relative;\\n}\\n\\n.control-bar .svg-wrap svg {\\n max-height: 100%;\\n}\\n\\n.album-art {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n margin: auto 0px;\\n height: 374.98047px;\\n width: 374.98047px;\\n -ms-transform: translateY(1%);\\n transform: translateY(1%);\\n border-radius: 4px;\\n}\\n\\n.album-art img {\\n width: 100%;\\n}\\n\\n.static-icon {\\n height: 100%;\\n width: 100%;\\n}\\n\\n.app-icon {\\n height: 40px;\\n width: 40px;\\n display: inline-block;\\n vertical-align: middle;\\n}\\n\\n.hscrollmenu {\\n width: 100%;\\n height: calc(675px - 140px);\\n overflow-y: auto;\\n padding: calc(675px / 21.6) 0px 0 0px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n align-content: flex-start;\\n -ms-flex-line-pack: start;\\n}\\n\\n.hscrollmenu .hscrollmenu-block {\\n --menu-width: 960px;\\n --box-width-3: calc(var(--menu-width) * 0.3);\\n --margin-size-3: calc((var(--menu-width) - (var(--box-width-3) * 3)) / 3);\\n --calc-width-3: calc(var(--box-width-3) - (var(--margin-size-3) / 3));\\n --box-width-2: calc(var(--menu-width) * 0.45);\\n --margin-size-2: calc((var(--menu-width) - (var(--box-width-2) * 2)) / 2);\\n --calc-width-2: calc(var(--box-width-2) - (var(--margin-size-2) / 2));\\n --box-width-1: calc(var(--menu-width) * 0.9);\\n --margin-size-1: calc((var(--menu-width) - (var(--box-width-1) * 1)) / 1);\\n --calc-width-1: calc(var(--box-width-1) - (var(--margin-size-1) / 1));\\n width: var(--calc-width-3);\\n margin-left: var(--margin-size-3);\\n margin-bottom: var(--margin-size-3);\\n height: calc((var(--calc-width-3)) * 0.78);\\n}\\n\\n.hscrollmenu-item {\\n display: block;\\n height: 100%;\\n text-align: center;\\n text-decoration: none;\\n color: #ffffff;\\n border: 2px solid;\\n position: relative;\\n}\\n\\n.hscrollmenu-item__image {\\n height: 50%;\\n width: 50%;\\n margin: 25px auto 12px;\\n border-radius: 4px;\\n}\\n\\n.hscrollmenu-item__image img {\\n width: 100%;\\n}\\n\\n.hscrollmenu-item__name {\\n position: absolute;\\n bottom: 0px;\\n width: 100%;\\n height: 23%;\\n}\\n\\n.hscrollmenu-item__device-name {\\n position: absolute;\\n top: 10px;\\n width: 100%;\\n height: 10%;\\n}\\n\\n.hscrollmenu-item.with-icon .hscrollmenu-item__image {\\n height: 50px;\\n width: 50px;\\n margin: 50px auto;\\n}\\n\\n.hscrollmenu-item.with-icon .svg-wrap {\\n height: 50px;\\n width: 50px;\\n}\\n\\n.hscrollmenu-item.with-icon .t-small {\\n -webkit-font-smoothing: antialiased;\\n font-size: 40px;\\n line-height: 1.2;\\n}\\n\\n.vscrollmenu {\\n width: 100%;\\n height: 600px;\\n overflow-y: scroll;\\n}\\n\\n.vscrollmenu-item {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n padding: 50px 55px;\\n text-decoration: none;\\n color: #ffffff;\\n border-bottom: 2px solid;\\n}\\n\\n.vscrollmenu-item__image {\\n height: 150px;\\n width: 150px;\\n margin: 25px auto 12px;\\n border-radius: 4px;\\n}\\n\\n.vscrollmenu-item__image img {\\n max-width: 100%;\\n}\\n\\n.vscrollmenu-item .svg-wrap {\\n display: block;\\n width: 26px;\\n height: 44px;\\n}\\n\\n.vscrollmenu-item-primary {\\n display: -ms-flexbox;\\n display: flex;\\n width: 100%;\\n}\\n\\n.vscrollmenu-item-image {\\n height: 1.15em;\\n width: 1.15em;\\n margin-left: 20px;\\n}\\n\\n.vscrollmenu-item-image img {\\n max-height: 100%;\\n}\\n\\n.tiles-only-list {\\n height: 600px;\\n overflow-x: scroll;\\n padding: 100px 55px 0;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n}\\n\\n.tiles-only-list:after {\\n content: '';\\n display: inline-block;\\n width: 100px;\\n}\\n\\n.tile {\\n height: 150px;\\n width: 150px;\\n margin: 0 110px 100px 0;\\n border-radius: 4px;\\n}\\n\\n.tile:nth-of-type(even) {\\n margin-bottom: 0;\\n}\\n\\n.tile img {\\n width: 100%;\\n border-radius: inherit;\\n}\\n\\n.non-media-template {\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.non-media-meta-data {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n width: 100%;\\n height: 98px;\\n margin-left: 50px;\\n margin-bottom: 42px;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.non-media-body {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: horizontal;\\n box-direction: reverse;\\n -moz-flex-direction: row-reverse;\\n flex-direction: row-reverse;\\n -ms-flex-direction: row-reverse;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n}\\n\\n.non-media-text-2 {\\n width: 100%;\\n text-align: center;\\n margin-right: 50px;\\n}\\n\\n.non-media-text-4 {\\n width: 50%;\\n text-align: left;\\n}\\n\\n.non-media-graphic {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n margin: auto 50px;\\n height: calc((675px - 173px) / 1.22439);\\n width: calc((675px - 173px) / 1.22439);\\n}\\n\\n.non-media-graphic img {\\n width: 100%;\\n}\\n\\n.non-media .soft-buttons {\\n width: 50%;\\n height: calc(((675px - 173px) / 1.22439 ) + 20px);\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 50px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.non-media .soft-buttons-with-graphic {\\n -ms-transform: translateY(calc(-1 * (675px - 173px) / 1.22439));\\n transform: translateY(calc(-1 * (675px - 173px) / 1.22439));\\n}\\n\\n.soft-button-tile-large {\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile {\\n width: 47.63%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile-small {\\n width: 47.63%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile-wide-large {\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile-wide {\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-image {\\n height: 1.5em;\\n max-width: 100%;\\n}\\n\\n.soft-button-image img {\\n max-width: 100%;\\n max-height: 100%;\\n}\\n\\n.soft-button-image-static {\\n max-height: 75px;\\n max-width: 100%;\\n min-width: 75px;\\n}\\n\\n.soft-button p {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n padding: 5px;\\n}\\n\\n.soft-button {\\n min-width: 0;\\n}\\n\\n.large-graphic-only-template {\\n width: 100%;\\n height: 100%;\\n}\\n\\n.large-graphic-only {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n}\\n\\n.large-graphic-only .large-graphic {\\n width: 100%;\\n height: 100%;\\n object-fit: contain;\\n}\\n\\n.large-graphic-only .large-graphic svg {\\n width: 100%;\\n height: 100%;\\n}\\n\\n.large-graphic-with-softbuttons-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n}\\n\\n.large-graphic-with-softbuttons-top-container {\\n height: 80%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.large-graphic-with-softbuttons-bottom-container {\\n height: 20%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.large-graphic-with-softbuttons-template .large-graphic {\\n padding-right: 10px;\\n padding-left: 10px;\\n width: 100%;\\n object-fit: contain;\\n margin-bottom: 50px;\\n height: 100%;\\n}\\n\\n.large-graphic-with-softbuttons-template svg {\\n max-height: 100%;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-button {\\n -ms-flex: 1 1 0px !important;\\n flex: 1 1 0 !important;\\n margin-bottom: 0px !important;\\n margin-right: 20px;\\n min-width: 0;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-button p {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n padding: 5px;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-button:last-child {\\n margin-right: 0px !important;\\n}\\n\\n.text-buttons-with-graphic-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.text-buttons-with-graphic-container {\\n height: 100%;\\n width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.text-buttons-with-graphic-template .large-graphic {\\n padding-right: 25px;\\n padding-left: 10px;\\n width: 100%;\\n max-height: 100%;\\n object-fit: contain;\\n margin-bottom: 20px;\\n}\\n\\n.text-buttons-with-graphic-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 25px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.text-buttons-only-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.text-buttons-only-container {\\n height: 100%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.text-buttons-only-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 15px;\\n padding-right: 15px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.text-buttons-only-template .soft-button-tile-wide {\\n width: 98%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alertOverlay {\\n position: fixed;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background-color: rgba(0, 0, 0, 0.75);\\n width: 960px;\\n height: 675px;\\n margin: 25px;\\n z-index: 1001;\\n}\\n\\n.alertModal {\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n right: auto;\\n bottom: auto;\\n margin-right: -50%;\\n -ms-transform: translate(-50%, -50%);\\n transform: translate(-50%, -50%);\\n border: 1px solid #ccc;\\n overflow: auto;\\n -webkit-overflow-scrolling: 'touch';\\n border-radius: 4px;\\n outline: none;\\n padding: 20px;\\n width: 85%;\\n}\\n\\n.alert {\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.alert-title {\\n text-align: center;\\n}\\n\\n.alert-top {\\n display: -ms-flexbox;\\n display: flex;\\n padding: 30px;\\n}\\n\\n.alert-icon {\\n width: 50%;\\n height: calc((675px - 75px) / 2);\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n}\\n\\n.alert-icon .icon {\\n max-height: 75%;\\n max-width: 75%;\\n height: auto;\\n width: auto;\\n}\\n\\n.alert-icon #Layer_1 {\\n max-height: 75%;\\n max-width: 75%;\\n height: auto;\\n width: 75%;\\n}\\n\\n.alert-text-fields {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n height: calc((675px - 75px) / 2);\\n width: 50%;\\n text-align: center;\\n}\\n\\n.alert-buttons {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding: 15px;\\n}\\n\\n.alert-button-1 {\\n height: 75px;\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alert-button-2 {\\n height: 75px;\\n width: 45%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alert-button-3 {\\n height: 75px;\\n width: 29%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alert-button-4 {\\n height: 50px;\\n width: 45%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.graphic-with-text-buttons-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.graphic-with-text-buttons-container {\\n height: 100%;\\n width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.graphic-with-text-buttons-template .large-graphic {\\n padding-left: 25px;\\n padding-right: 10px;\\n width: 100%;\\n max-height: 100%;\\n object-fit: contain;\\n margin-bottom: 20px;\\n}\\n\\n.graphic-with-text-buttons-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-right: 25px;\\n padding-left: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.tiles-only-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.tiles-only-container {\\n height: 100%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.tiles-only-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: start;\\n -moz-justify-content: flex-start;\\n -ms-justify-content: flex-start;\\n -o-justify-content: flex-start;\\n justify-content: flex-start;\\n -ms-flex-pack: start;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 15px;\\n padding-right: 15px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.tiles-only-template .soft-button {\\n height: 44%;\\n width: 30.6%;\\n margin: 2%;\\n text-align: center;\\n text-decoration: none;\\n position: relative;\\n}\\n\\n.tiles-only-template .soft-button:nth-of-type(3n) {\\n margin-right: 0;\\n}\\n\\n.tiles-only-template .soft-button:nth-of-type(3n+1) {\\n margin-left: 0;\\n}\\n\\n.text-with-graphic-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.text-with-graphic-container {\\n height: 100%;\\n width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.text-with-graphic-template .large-graphic {\\n padding-right: 25px;\\n padding-left: 10px;\\n width: 100%;\\n max-height: 100%;\\n object-fit: contain;\\n}\\n\\n.text-with-graphic-template .text-body {\\n width: 100%;\\n height: 75%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 25px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.graphic-with-text-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.graphic-with-text-container {\\n height: 100%;\\n min-width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.graphic-with-text-template .large-graphic {\\n padding-right: 25px;\\n padding-left: 10px;\\n max-height: 100%;\\n width: 100%;\\n object-fit: contain;\\n}\\n\\n.graphic-with-text-template .text-body {\\n width: 100%;\\n height: 75%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 25px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.min-width-50 {\\n min-width: 50%;\\n}\\n\\n.double-graphic-with-softbuttons-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n}\\n\\n.double-graphic-with-softbuttons-top-container {\\n height: 80%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n\\n.double-graphic-with-softbuttons-bottom-container {\\n height: 20%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.double-graphic-with-softbuttons-template .double-graphic {\\n padding-right: 10px;\\n padding-left: 10px;\\n width: 50%;\\n height: 100%;\\n object-fit: contain;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-button {\\n -ms-flex: 1 1 0px !important;\\n flex: 1 1 0 !important;\\n margin-bottom: 0px !important;\\n margin-right: 20px;\\n min-width: 0;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-button p {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n padding: 5px;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-button:last-child {\\n margin-right: 0px !important;\\n}\\n\\n.app-services-nav {\\n width: 100%;\\n height: 65px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n padding: 0 18px 0 18px;\\n position: relative;\\n z-index: 2000;\\n}\\n\\n.app-services-button-group {\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n height: 100%;\\n width: 80%;\\n}\\n\\n.app-services-button-group .waiting-message {\\n width: 100%;\\n min-width: 100%;\\n text-align: center;\\n padding: 0px;\\n}\\n\\n.app-services-button-group .svg-size {\\n height: 50px;\\n width: 50px;\\n min-width: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 5px;\\n}\\n\\n.app-services-button-group .svg-size svg {\\n height: 35px;\\n width: 35px;\\n}\\n\\n.app-services-button-group .app-service-icon {\\n height: 50px;\\n width: 50px;\\n min-width: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 5px;\\n}\\n\\n.app-services-button-group .app-service-icon img {\\n height: 35px;\\n width: 35px;\\n}\\n\\n.app-services-button-group .nav-text-bubble {\\n height: 50px;\\n width: 50px;\\n min-width: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 5px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.app-services-button-group .menu-color {\\n background-color: #696969;\\n}\\n\\n.app-services-button-group .nav-color {\\n background-color: #49C7ED;\\n}\\n\\n.app-services-button-group .media-color {\\n background-color: #49C7ED;\\n}\\n\\n.app-services-button-group .weather-color {\\n background-color: #49C7ED;\\n}\\n\\n.app-services-tab {\\n margin: 0 17px 0 17px;\\n border-radius: 10px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n width: 50px;\\n}\\n\\n.tab-wide__nav {\\n width: 500px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.tab-wide__media {\\n width: 500px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.tab-wide__weather {\\n width: 500px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.clock {\\n width: 15%;\\n}\\n\\n.hide-tab {\\n display: none !important;\\n width: 0 !important;\\n min-width: 0 !important;\\n}\\n\\n.tab-text {\\n max-height: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n width: 100%;\\n text-align: center;\\n}\\n\\n.tab-text p {\\n max-width: 50%;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n overflow: hidden;\\n padding-left: 10px;\\n}\\n\\n.even-spacing {\\n -ms-flex-pack: space-evenly;\\n justify-content: space-evenly;\\n}\\n\\n.weather-item {\\n min-width: 30%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n\\n.weather-item p {\\n padding-left: 5px;\\n}\\n\\n.width-40-pct {\\n width: 40%;\\n}\\n\\n.app-service-medium {\\n width: 100%;\\n height: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: space-evenly;\\n justify-content: space-evenly;\\n}\\n\\n.app-service-medium-tab {\\n width: 33.33%;\\n max-height: 100%;\\n margin: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-align: center;\\n align-items: center;\\n -ms-flex-pack: justify;\\n justify-content: space-between;\\n text-align: center;\\n}\\n\\n.app-service-overlay {\\n position: fixed;\\n top: 202.5px;\\n bottom: 65px;\\n height: 407.5px;\\n left: 0;\\n right: 0;\\n width: 960px;\\n margin: 25px 0px 0px 25px;\\n z-index: 1001;\\n}\\n\\n.dark-shadow {\\n box-shadow: 0px -10px 20px 0px;\\n}\\n\\n.light-shadow {\\n box-shadow: 0px -10px 20px 0px rgba(0, 0, 0, 0.15);\\n}\\n\\n.app-service-modal {\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n right: auto;\\n bottom: auto;\\n margin-right: -50%;\\n -ms-transform: translate(-50%, -50%);\\n transform: translate(-50%, -50%);\\n outline: none;\\n width: 100%;\\n height: 100%;\\n}\\n\\n.app-service-nav-card {\\n border-bottom: 1px solid #49C7ED;\\n}\\n\\n.app-service-nav-card .svg-size {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-nav-card .svg-size svg {\\n height: 75px;\\n width: 75px;\\n}\\n\\n.app-service-nav-card .app-service-icon {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-nav-card .app-service-icon img {\\n height: 75px;\\n width: 75px;\\n}\\n\\n.app-service-media-card {\\n border-bottom: 1px solid #49C7ED;\\n}\\n\\n.app-service-media-card .svg-size {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-media-card .svg-size svg {\\n height: 65px;\\n width: 65px;\\n}\\n\\n.app-service-media-card .app-service-icon {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-media-card .app-service-icon img {\\n height: 65px;\\n width: 65px;\\n}\\n\\n.app-service-media-card .media-color {\\n background-color: #45C5F6;\\n}\\n\\n.app-service-weather-card {\\n border-bottom: 1px solid #49C7ED;\\n}\\n\\n.app-service-weather-card .weather-line {\\n text-align: center;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n\\n.app-service-weather-card .svg-size {\\n height: 70px;\\n width: 70px;\\n min-width: 70px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-weather-card .svg-size svg {\\n height: 50px;\\n width: 50px;\\n}\\n\\n.app-service-weather-card .app-service-icon {\\n height: 70px;\\n width: 70px;\\n min-width: 70px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-weather-card .app-service-icon img {\\n height: 50px;\\n width: 50px;\\n}\\n\\n.app-service-weather-card .space-left {\\n margin-left: 5px;\\n}\\n\\n.app-service-weather-card .baseline {\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: baseline;\\n align-items: baseline;\\n}\\n\\n.app-service-weather-card .weather-color {\\n background-color: #F6457F;\\n}\\n\\n.app-service-card-divider {\\n max-height: 100%;\\n width: 1px;\\n margin: 25px 0px 25px 0px;\\n}\\n\\n.app-service-card-footer {\\n margin-bottom: 5px;\\n}\\n\\n.app-service-modal-button {\\n height: 30px;\\n width: 30px;\\n border-radius: 5px;\\n background-color: #F7F8F9;\\n float: right;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-modal-button .svg-size {\\n height: 25px;\\n width: 25px;\\n min-width: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-modal-button .svg-size svg {\\n height: 25px;\\n width: 25px;\\n}\\n\", \"\"]);\n\n// exports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader!./~/autoprefixer-loader?browsers=last 3 versions!./~/sass-loader?outputStyle=expanded!./src/css/main.scss\n// module id = 2\n// module chunks = 0\n//# sourceURL=webpack:///./src/css/main.scss?./~/css-loader!./~/autoprefixer-loader?browsers=last_3_versions!./~/sass-loader?outputStyle=expanded"); /***/ }), /* 3 */ @@ -3854,7 +3854,7 @@ /* 635 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _HScrollMenu = __webpack_require__(636);\n\nvar _HScrollMenu2 = _interopRequireDefault(_HScrollMenu);\n\nvar _SDLController = __webpack_require__(605);\n\nvar _SDLController2 = _interopRequireDefault(_SDLController);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n var data = state.appList.map(function (app, index) {\n var icon = \"\";\n if (app.icon) {\n icon = app.icon.replace(\"local:\", \"file:\");\n }\n var defaultLink = app.isMediaApplication ? \"media\" : \"nonmedia\";\n var link = \"media\";\n if (state.ui[app.appID]) {\n link = state.ui[app.appID].displayLayout ? state.ui[app.appID].displayLayout : defaultLink;\n }\n var name = app.isCloudApplication ? app.appName + \" (Cloud)\" : app.appName;\n return {\n appID: app.appID,\n class: 'with-image',\n name: name,\n image: icon,\n link: '/' + link,\n cmdID: app.appID\n };\n });\n return { data: data };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {\n onSelection: function onSelection(appID) {\n _SDLController2.default.onAppActivated(appID);\n }\n };\n};\n\nvar AppList = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_HScrollMenu2.default);\n\nexports.default = AppList;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppList.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/AppList.js\n// module id = 635\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/AppList.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _HScrollMenu = __webpack_require__(636);\n\nvar _HScrollMenu2 = _interopRequireDefault(_HScrollMenu);\n\nvar _SDLController = __webpack_require__(605);\n\nvar _SDLController2 = _interopRequireDefault(_SDLController);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n var data = state.appList.map(function (app, index) {\n var icon = \"\";\n if (app.icon) {\n icon = app.icon.replace(\"local:\", \"file:\");\n }\n var defaultLink = app.isMediaApplication ? \"media\" : \"nonmedia\";\n var link = \"media\";\n if (state.ui[app.appID]) {\n link = state.ui[app.appID].displayLayout ? state.ui[app.appID].displayLayout : defaultLink;\n }\n var name = app.isCloudApplication ? app.appName + \" (Cloud)\" : app.appName;\n var devicename = app.deviceInfo.name.trim() ? app.deviceInfo.name : app.deviceInfo.transportType + \": \" + app.deviceInfo.id.substring(0, 10) + \"...\";\n return {\n appID: app.appID,\n class: 'with-image',\n name: name,\n devicename: devicename,\n image: icon,\n link: '/' + link,\n cmdID: app.appID\n };\n });\n return { data: data };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {\n onSelection: function onSelection(appID) {\n _SDLController2.default.onAppActivated(appID);\n }\n };\n};\n\nvar AppList = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_HScrollMenu2.default);\n\nexports.default = AppList;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppList.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/AppList.js\n// module id = 635\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/AppList.js?"); /***/ }), /* 636 */ @@ -3866,7 +3866,7 @@ /* 637 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRouter = __webpack_require__(94);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar HScrollMenuItem = function (_React$Component) {\n _inherits(HScrollMenuItem, _React$Component);\n\n function HScrollMenuItem(props) {\n _classCallCheck(this, HScrollMenuItem);\n\n return _possibleConstructorReturn(this, (HScrollMenuItem.__proto__ || Object.getPrototypeOf(HScrollMenuItem)).call(this, props));\n }\n\n _createClass(HScrollMenuItem, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var menuItem = this.props.menuItem;\n\n var graphic = this.props.menuItem.class == 'with-icon' ? _react2.default.createElement('span', { className: 'svg-wrap', dangerouslySetInnerHTML: { __html: '' + menuItem.image } }) : _react2.default.createElement('img', { src: menuItem.image });\n return _react2.default.createElement(\n 'div',\n {\n className: 'hscrollmenu-item th-b-color th-tile-background-color ' + menuItem.class,\n onClick: function onClick() {\n return _this2.props.onSelection(_this2.props.appID, _this2.props.cmdID, _this2.props.menuID);\n } },\n _react2.default.createElement(\n 'div',\n { className: 'hscrollmenu-item__image' },\n graphic\n ),\n _react2.default.createElement(\n 'div',\n { className: 'hscrollmenu-item__name' },\n _react2.default.createElement(\n 'p',\n { className: 't-small t-light th-f-color' },\n menuItem.name\n )\n )\n );\n }\n }]);\n\n return HScrollMenuItem;\n}(_react2.default.Component);\n\nexports.default = HScrollMenuItem;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"HScrollMenuItem.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/HScrollMenuItem.js\n// module id = 637\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/HScrollMenuItem.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRouter = __webpack_require__(94);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar HScrollMenuItem = function (_React$Component) {\n _inherits(HScrollMenuItem, _React$Component);\n\n function HScrollMenuItem(props) {\n _classCallCheck(this, HScrollMenuItem);\n\n return _possibleConstructorReturn(this, (HScrollMenuItem.__proto__ || Object.getPrototypeOf(HScrollMenuItem)).call(this, props));\n }\n\n _createClass(HScrollMenuItem, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var menuItem = this.props.menuItem;\n\n var graphic = this.props.menuItem.class == 'with-icon' ? _react2.default.createElement('span', { className: 'svg-wrap', dangerouslySetInnerHTML: { __html: '' + menuItem.image } }) : _react2.default.createElement('img', { src: menuItem.image });\n return _react2.default.createElement(\n 'div',\n {\n className: 'hscrollmenu-item th-b-color th-tile-background-color ' + menuItem.class,\n onClick: function onClick() {\n return _this2.props.onSelection(_this2.props.appID, _this2.props.cmdID, _this2.props.menuID);\n } },\n _react2.default.createElement(\n 'div',\n { className: 'hscrollmenu-item__device-name' },\n _react2.default.createElement(\n 'p',\n { className: 't-light th-f-color-secondary t-oneline' },\n menuItem.devicename\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: 'hscrollmenu-item__image' },\n graphic\n ),\n _react2.default.createElement(\n 'div',\n { className: 'hscrollmenu-item__name' },\n _react2.default.createElement(\n 'p',\n { className: 't-small t-light th-f-color' },\n menuItem.name\n )\n )\n );\n }\n }]);\n\n return HScrollMenuItem;\n}(_react2.default.Component);\n\nexports.default = HScrollMenuItem;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"HScrollMenuItem.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/HScrollMenuItem.js\n// module id = 637\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/HScrollMenuItem.js?"); /***/ }), /* 638 */ diff --git a/src/css/components/_h-scroll-menu-item.scss b/src/css/components/_h-scroll-menu-item.scss index 80fb5c080..701fe7fad 100644 --- a/src/css/components/_h-scroll-menu-item.scss +++ b/src/css/components/_h-scroll-menu-item.scss @@ -25,6 +25,13 @@ height: 23%; } + &__device-name { + position: absolute; + top: 10px; + width: 100%; + height: 10%; + } + &.with-icon { .hscrollmenu-item__image { @include size(50px); diff --git a/src/js/HScrollMenuItem.js b/src/js/HScrollMenuItem.js index e3515d764..170a94ea4 100644 --- a/src/js/HScrollMenuItem.js +++ b/src/js/HScrollMenuItem.js @@ -14,6 +14,9 @@ export default class HScrollMenuItem extends React.Component {
this.props.onSelection(this.props.appID, this.props.cmdID, this.props.menuID)}> +
+

{ menuItem.devicename }

+
{ graphic }
diff --git a/src/js/containers/AppList.js b/src/js/containers/AppList.js index e9349717f..6a03f4c05 100644 --- a/src/js/containers/AppList.js +++ b/src/js/containers/AppList.js @@ -14,10 +14,13 @@ const mapStateToProps = (state) => { link = state.ui[app.appID].displayLayout ? state.ui[app.appID].displayLayout : defaultLink } var name = app.isCloudApplication ? app.appName + " (Cloud)" : app.appName; + var devicename = (app.deviceInfo.name.trim()) ? app.deviceInfo.name + : app.deviceInfo.transportType + ": " + app.deviceInfo.id.substring(0, 10) + "..."; return { appID: app.appID, class: 'with-image', name: name, + devicename: devicename, image: icon, link: '/' + link, cmdID: app.appID From 245da723d23fb0c58452ed9ac96b1cefbdaf0552 Mon Sep 17 00:00:00 2001 From: Shobhit Adlakha Date: Mon, 12 Aug 2019 10:33:59 -0400 Subject: [PATCH 2/3] Use optional header for deviceName instead of having a devicename element for all HScrollMenuItems --- build/bundle.js | 4 ++-- src/css/components/_h-scroll-menu-item.scss | 2 +- src/js/HScrollMenuItem.js | 13 +++++++++---- 3 files changed, 12 insertions(+), 7 deletions(-) diff --git a/build/bundle.js b/build/bundle.js index f30e57d2a..666e1cebb 100644 --- a/build/bundle.js +++ b/build/bundle.js @@ -56,7 +56,7 @@ /* 2 */ /***/ (function(module, exports, __webpack_require__) { - eval("exports = module.exports = __webpack_require__(3)();\n// imports\n\n\n// module\nexports.push([module.id, \"html {\\n font-family: sans-serif;\\n /* 1 */\\n -ms-text-size-adjust: 100%;\\n /* 2 */\\n -webkit-text-size-adjust: 100%;\\n /* 2 */\\n width: 100%;\\n min-height: 100%;\\n box-sizing: border-box;\\n}\\n\\n*, *:before, *:after {\\n box-sizing: inherit;\\n}\\n\\n/**\\n* Remove default margin.\\n*/\\nbody {\\n position: relative;\\n margin: 0;\\n padding: 0;\\n width: 100%;\\n height: 100%;\\n}\\n\\nh1, h2, h3, h4, h5, h6, p {\\n margin: 0;\\n padding: 0;\\n}\\n\\n* {\\n outline-color: #78C96F;\\n}\\n\\n/* HTML5 display definitions\\n========================================================================== */\\n/**\\n* Correct `block` display not defined for any HTML5 element in IE 8/9.\\n* Correct `block` display not defined for `details` or `summary` in IE 10/11\\n* and Firefox.\\n* Correct `block` display not defined for `main` in IE 11.\\n*/\\narticle,\\naside,\\ndetails,\\nfigcaption,\\nfigure,\\nfooter,\\nheader,\\nhgroup,\\nmain,\\nmenu,\\nnav,\\nsection,\\nsummary,\\nformset {\\n display: block;\\n}\\n\\n/**\\n* 1. Correct `inline-block` display not defined in IE 8/9.\\n* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\\n*/\\naudio,\\ncanvas,\\nprogress,\\nvideo {\\n display: inline-block;\\n /* 1 */\\n vertical-align: baseline;\\n /* 2 */\\n}\\n\\n/**\\n* Prevent modern browsers from displaying `audio` without controls.\\n* Remove excess height in iOS 5 devices.\\n*/\\naudio:not([controls]) {\\n display: none;\\n height: 0;\\n}\\n\\n/**\\n* Address `[hidden]` styling not present in IE 8/9/10.\\n* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.\\n*/\\n[hidden],\\ntemplate {\\n display: none;\\n}\\n\\n/* Links\\n========================================================================== */\\n/**\\n* Remove the gray background color from active links in IE 10.\\n*/\\na {\\n background-color: transparent;\\n}\\n\\n/**\\n* Improve readability when focused and also mouse hovered in all browsers.\\n*/\\na:active,\\na:hover {\\n outline: 0;\\n}\\n\\n/* Text-level semantics\\n========================================================================== */\\n/**\\n* Address styling not present in IE 8/9/10/11, Safari, and Chrome.\\n*/\\nabbr[title] {\\n border-bottom: 1px dotted;\\n}\\n\\n/**\\n* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\\n*/\\nb,\\nstrong {\\n font-weight: bold;\\n}\\n\\n/**\\n* Address styling not present in Safari and Chrome.\\n*/\\ndfn {\\n font-style: italic;\\n}\\n\\n/**\\n* Address styling not present in IE 8/9.\\n*/\\nmark {\\n background: #ff0;\\n color: #000;\\n}\\n\\n/**\\n* Address inconsistent and variable font size in all browsers.\\n*/\\nsmall {\\n font-size: 80%;\\n}\\n\\n/**\\n* Prevent `sub` and `sup` affecting `line-height` in all browsers.\\n*/\\nsub,\\nsup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n}\\n\\nsup {\\n top: -0.5em;\\n}\\n\\nsub {\\n bottom: -0.25em;\\n}\\n\\n/* Embedded content\\n========================================================================== */\\n/**\\n* Remove border when inside `a` element in IE 8/9/10.\\n*/\\nimg {\\n border: 0;\\n}\\n\\n/**\\n* Correct overflow not hidden in IE 9/10/11.\\n*/\\nsvg:not(:root) {\\n overflow: hidden;\\n}\\n\\n/* Grouping content\\n========================================================================== */\\n/**\\n* Address margin not present in IE 8/9 and Safari.\\n*/\\nfigure {\\n margin: 1em 40px;\\n}\\n\\n/**\\n* Address differences between Firefox and other browsers.\\n*/\\nhr {\\n box-sizing: content-box;\\n}\\n\\n/**\\n* Contain overflow in all browsers.\\n*/\\npre {\\n overflow: auto;\\n}\\n\\n/**\\n* Address odd `em`-unit font size rendering in all browsers.\\n*/\\ncode,\\nkbd,\\npre,\\nsamp {\\n font-family: monospace, monospace;\\n font-size: 1em;\\n}\\n\\n/* Forms\\n========================================================================== */\\n/**\\n* Known limitation: by default, Chrome and Safari on OS X allow very limited\\n* styling of `select`, unless a `border` property is set.\\n*/\\n/**\\n* 1. Correct color not being inherited.\\n* Known issue: affects color of disabled elements.\\n* 2. Correct font properties not being inherited.\\n* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\\n*/\\nbutton,\\ninput,\\noptgroup,\\nselect,\\ntextarea {\\n color: inherit;\\n /* 1 */\\n font: inherit;\\n /* 2 */\\n margin: 0;\\n /* 3 */\\n}\\n\\n/**\\n* Address `overflow` set to `hidden` in IE 8/9/10/11.\\n*/\\nbutton {\\n overflow: visible;\\n}\\n\\n/**\\n* Address inconsistent `text-transform` inheritance for `button` and `select`.\\n* All other form control elements do not inherit `text-transform` values.\\n* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\\n* Correct `select` style inheritance in Firefox.\\n*/\\nbutton,\\nselect {\\n text-transform: none;\\n}\\n\\n/**\\n* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\\n* and `video` controls.\\n* 2. Correct inability to style clickable `input` types in iOS.\\n* 3. Improve usability and consistency of cursor style between image-type\\n* `input` and others.\\n*/\\nbutton,\\nhtml input[type=\\\"button\\\"],\\ninput[type=\\\"reset\\\"],\\ninput[type=\\\"submit\\\"] {\\n -webkit-appearance: button;\\n /* 2 */\\n cursor: pointer;\\n /* 3 */\\n}\\n\\n/**\\n* Re-set default cursor for disabled elements.\\n*/\\nbutton[disabled],\\nhtml input[disabled] {\\n cursor: default;\\n}\\n\\n/**\\n* Remove inner padding and border in Firefox 4+.\\n*/\\nbutton::-moz-focus-inner,\\ninput::-moz-focus-inner {\\n border: 0;\\n padding: 0;\\n}\\n\\n/**\\n* Address Firefox 4+ setting `line-height` on `input` using `!important` in\\n* the UA stylesheet.\\n*/\\ninput {\\n line-height: normal;\\n}\\n\\n/**\\n* It's recommended that you don't attempt to style these elements.\\n* Firefox's implementation doesn't respect box-sizing, padding, or width.\\n*\\n* 1. Address box sizing set to `content-box` in IE 8/9/10.\\n* 2. Remove excess padding in IE 8/9/10.\\n*/\\ninput[type=\\\"checkbox\\\"],\\ninput[type=\\\"radio\\\"] {\\n box-sizing: border-box;\\n /* 1 */\\n padding: 0;\\n /* 2 */\\n}\\n\\n/**\\n* Fix the cursor style for Chrome's increment/decrement buttons. For certain\\n* `font-size` values of the `input`, it causes the cursor style of the\\n* decrement button to change from `default` to `text`.\\n*/\\ninput[type=\\\"number\\\"]::-webkit-inner-spin-button,\\ninput[type=\\\"number\\\"]::-webkit-outer-spin-button {\\n height: auto;\\n}\\n\\n/**\\n* 1. Address `appearance` set to `searchfield` in Safari and Chrome.\\n* 2. Address `box-sizing` set to `border-box` in Safari and Chrome\\n* (include `-moz` to future-proof).\\n*/\\ninput[type=\\\"search\\\"] {\\n -webkit-appearance: textfield;\\n /* 1 */\\n /* 2 */\\n box-sizing: border-box;\\n}\\n\\n/**\\n* Remove inner padding and search cancel button in Safari and Chrome on OS X.\\n* Safari (but not Chrome) clips the cancel button when the search input has\\n* padding (and `textfield` appearance).\\n*/\\ninput[type=\\\"search\\\"]::-webkit-search-cancel-button,\\ninput[type=\\\"search\\\"]::-webkit-search-decoration {\\n -webkit-appearance: none;\\n}\\n\\n/**\\n* Define consistent border, margin, and padding.\\n*/\\nfieldset {\\n border: 1px solid #c0c0c0;\\n margin: 0;\\n padding: 0;\\n}\\n\\n/**\\n* 1. Correct `color` not being inherited in IE 8/9/10/11.\\n* 2. Remove padding so people aren't caught out if they zero out fieldsets.\\n*/\\nlegend {\\n border: 0;\\n /* 1 */\\n padding: 0;\\n /* 2 */\\n}\\n\\n/**\\n* Remove default vertical scrollbar in IE 8/9/10/11.\\n*/\\ntextarea {\\n overflow: auto;\\n}\\n\\n/**\\n* Don't inherit the `font-weight` (applied by a rule above).\\n* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\\n*/\\noptgroup {\\n font-weight: bold;\\n}\\n\\n/* Tables\\n========================================================================== */\\n/**\\n* Remove most spacing between table cells.\\n*/\\ntable {\\n border-collapse: collapse;\\n border-spacing: 0;\\n}\\n\\ntd,\\nth {\\n padding: 0;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(4) + \");\\n src: url(\" + __webpack_require__(4) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(5) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(6) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(7) + \") format(\\\"ttf\\\");\\n font-weight: 200;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(8) + \");\\n src: url(\" + __webpack_require__(8) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(9) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(10) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(11) + \") format(\\\"ttf\\\");\\n font-weight: 400;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(12) + \");\\n src: url(\" + __webpack_require__(12) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(13) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(14) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(15) + \") format(\\\"ttf\\\");\\n font-weight: 500;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(16) + \");\\n src: url(\" + __webpack_require__(16) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(17) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(18) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(19) + \") format(\\\"ttf\\\");\\n font-weight: 600;\\n}\\n\\n.bg-bright-blue {\\n background-color: #65a0ff;\\n}\\n\\n.bg-light-blue {\\n background-color: #A9CAFF;\\n}\\n\\n.bg-tire {\\n background-color: #222222;\\n}\\n\\n.bg-asphalt {\\n background-color: #333333;\\n}\\n\\n.bg-slate {\\n background-color: #626262;\\n}\\n\\n.bg-glass {\\n background-color: #efefef;\\n}\\n\\n.bg-aluminum {\\n background-color: #d9d9d9;\\n}\\n\\n.bg-steel {\\n background-color: #a7a7a7;\\n}\\n\\n.bg-black {\\n background-color: #000000;\\n}\\n\\n.bg-white {\\n background-color: #ffffff;\\n}\\n\\n.fc-bright-blue {\\n color: #65a0ff;\\n}\\n\\n.fc-light-blue {\\n color: #A9CAFF;\\n}\\n\\n.fc-tire {\\n color: #222222;\\n}\\n\\n.fc-asphalt {\\n color: #333333;\\n}\\n\\n.fc-slate {\\n color: #626262;\\n}\\n\\n.fc-glass {\\n color: #efefef;\\n}\\n\\n.fc-aluminum {\\n color: #d9d9d9;\\n}\\n\\n.fc-steel {\\n color: #a7a7a7;\\n}\\n\\n.fc-black {\\n color: #000000;\\n}\\n\\n.fc-white {\\n color: #ffffff;\\n}\\n\\nbody {\\n font-family: 'LivioNorm', Helvetica, sans-serif;\\n font-weight: normal;\\n font-size: 15px;\\n margin: 25px;\\n overflow: hidden;\\n}\\n\\n#app {\\n width: 960px;\\n}\\n\\n#app .app-body {\\n height: 675px;\\n}\\n\\n.toggle-button {\\n margin-top: 20px;\\n width: 140px;\\n border: 1px solid #000000;\\n border-radius: 2px;\\n text-align: center;\\n padding: 10px 0;\\n float: left;\\n}\\n\\n.toggle-button:hover {\\n cursor: pointer;\\n background: #000000;\\n color: #ffffff;\\n}\\n\\n.shutdown-button {\\n margin-top: 20px;\\n margin-left: 20px;\\n width: 140px;\\n border: 1px solid #000000;\\n border-radius: 2px;\\n text-align: center;\\n padding: 10px 0;\\n float: left;\\n}\\n\\n.shutdown-button:hover {\\n cursor: pointer;\\n background: #000000;\\n color: #ffffff;\\n}\\n\\n.t-large {\\n -webkit-font-smoothing: antialiased;\\n font-size: 40px;\\n line-height: 1.2;\\n}\\n\\n.t-small {\\n -webkit-font-smoothing: antialiased;\\n font-size: 25px;\\n line-height: 2;\\n}\\n\\n.t-light {\\n font-weight: 200;\\n}\\n\\n.t-medium {\\n font-weight: 500;\\n}\\n\\n.t-ls1 {\\n letter-spacing: 1px;\\n}\\n\\n.t-oneline {\\n white-space: nowrap;\\n text-align: center;\\n}\\n\\n.dark-theme .app-body {\\n background: #222222;\\n}\\n\\n.dark-theme .app__header {\\n background-image: linear-gradient(#000000, #222222);\\n}\\n\\n.dark-theme .th-f-color {\\n color: #ffffff;\\n}\\n\\n.dark-theme .th-f-color-secondary {\\n color: #626262;\\n}\\n\\n.dark-theme .th-f-color-alt {\\n color: #ffffff;\\n}\\n\\n.dark-theme .th-b-color {\\n border-color: #333333;\\n}\\n\\n.dark-theme .th-b-color-secondary {\\n border-color: #ffffff;\\n}\\n\\n.dark-theme .th-box-shadow {\\n box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.75);\\n}\\n\\n.dark-theme .th-bb-color {\\n border-bottom-color: #333333;\\n}\\n\\n.dark-theme .th-bg-color {\\n background-color: #000000;\\n}\\n\\n.dark-theme .th-f-accent-color {\\n color: #65a0ff;\\n}\\n\\n.dark-theme .th-soft-buttons {\\n border-color: #626262;\\n}\\n\\n.dark-theme .th-soft-buttons:active {\\n background-color: #222222;\\n}\\n\\n.dark-theme .svg-wrap svg path,\\n.dark-theme .svg-wrap svg polygon {\\n fill: #ffffff;\\n}\\n\\n.dark-theme .svg-wrap-secondary svg path,\\n.dark-theme .svg-wrap-secondary svg polygon {\\n fill: #626262;\\n}\\n\\n.dark-theme .svg-fill-important {\\n fill: #ffffff !important;\\n}\\n\\n.dark-theme .svg-stroke {\\n stroke: #ffffff !important;\\n}\\n\\n.dark-theme .th-tile-background-color {\\n background-color: #111111;\\n}\\n\\n.dark-theme .th-nav-background-color {\\n background-color: #121212;\\n}\\n\\n.dark-theme .th-divider-color {\\n background-color: #FFFFFF;\\n}\\n\\n.light-theme .app-body {\\n background: #efefef;\\n}\\n\\n.light-theme .app__header {\\n background-image: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0));\\n}\\n\\n.light-theme .th-f-color {\\n color: #222222;\\n}\\n\\n.light-theme .th-f-color-secondary {\\n color: #a7a7a7;\\n}\\n\\n.light-theme .th-f-color-alt {\\n color: #000000;\\n}\\n\\n.light-theme .th-b-color {\\n border-color: #dddddd;\\n}\\n\\n.light-theme .th-b-color-secondary {\\n border-color: #000000;\\n}\\n\\n.light-theme .th-box-shadow {\\n box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.25);\\n}\\n\\n.light-theme .th-bb-color {\\n border-bottom-color: #d9d9d9;\\n}\\n\\n.light-theme .th-bg-color {\\n background-color: #ffffff;\\n}\\n\\n.light-theme .th-f-accent-color {\\n color: #65a0ff;\\n}\\n\\n.light-theme .th-soft-buttons {\\n border-color: #919191;\\n}\\n\\n.light-theme .th-soft-buttons:active {\\n background-color: #efefef;\\n}\\n\\n.light-theme .svg-wrap svg path,\\n.light-theme .svg-wrap svg polygon {\\n fill: #000000;\\n}\\n\\n.light-theme .svg-wrap-secondary svg path,\\n.light-theme .svg-wrap-secondary svg polygon {\\n fill: #a7a7a7;\\n}\\n\\n.light-theme .svg-fill-important {\\n fill: #000000 !important;\\n}\\n\\n.light-theme .svg-stroke {\\n stroke: #000000 !important;\\n}\\n\\n.light-theme .th-tile-background-color {\\n background-color: #ffffff;\\n}\\n\\n.light-theme .th-nav-background-color {\\n background-color: #F7F8F9;\\n}\\n\\n.light-theme .th-divider-color {\\n background-color: #000000;\\n}\\n\\n.app__header {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n flex-shrink: 0;\\n -ms-flex-negative: 0;\\n position: relative;\\n z-index: 1000;\\n height: 75px;\\n padding: 0 25px;\\n}\\n\\n.app__header div {\\n box-flex: 1;\\n -moz-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n}\\n\\n.app__header div:nth-of-type(2) {\\n text-align: center;\\n}\\n\\n.app__header div:nth-of-type(3) {\\n text-align: right;\\n}\\n\\n.app__header div span svg {\\n width: 14px;\\n margin-left: 16px;\\n}\\n\\n.app__header span,\\n.app__header img {\\n display: inline-block;\\n vertical-align: middle;\\n}\\n\\n.app__header a {\\n text-decoration: none;\\n text-transform: uppercase;\\n}\\n\\n.app__header .svg-wrap-secondary {\\n width: 30px;\\n}\\n\\n.app__header .svg-wrap-secondary svg {\\n width: 10px;\\n height: 10px;\\n margin-left: 5px;\\n}\\n\\n.media-template {\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.media-player-body {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: single;\\n -moz-box-lines: single;\\n box-lines: single;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n align-content: center;\\n -ms-flex-line-pack: center;\\n height: calc((675px - 75px) / 1.8461);\\n padding: 0 55px;\\n position: relative;\\n z-index: 100;\\n}\\n\\n.media-track {\\n padding-top: 10px;\\n width: 60%;\\n position: relative;\\n text-align: center;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.media-track__time {\\n position: absolute;\\n bottom: 10px;\\n width: 100%;\\n}\\n\\n.media-metadata {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n box-flex: 1;\\n -moz-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n margin-bottom: 60px;\\n}\\n\\n.progress-bar {\\n position: relative;\\n height: calc((675px - 75px) / 6);\\n border-bottom: 2px solid;\\n}\\n\\n.progress-bar__progress {\\n position: absolute;\\n height: calc(100% + 2px);\\n background: #65a0ff;\\n}\\n\\n.control-bar {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-flex: 1;\\n -moz-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n background: #000000;\\n}\\n\\n.control-bar__control--double {\\n height: 75px;\\n width: 150px;\\n}\\n\\n.control-bar__control--square {\\n height: 75px;\\n width: 75px;\\n}\\n\\n.control-bar__control--primary {\\n height: 75px;\\n width: 60px;\\n}\\n\\n.control-bar__control--secondary {\\n height: 54px;\\n width: 75px;\\n}\\n\\n.control-bar__control--tertiary {\\n height: 75px;\\n width: 75px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.control-bar__control--tertiary img {\\n max-width: 100%;\\n}\\n\\n.control-bar__control--tertiary--static {\\n width: 75px;\\n}\\n\\n.control-bar .svg-wrap {\\n height: 100%;\\n position: relative;\\n}\\n\\n.control-bar .svg-wrap svg {\\n max-height: 100%;\\n}\\n\\n.album-art {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n margin: auto 0px;\\n height: 374.98047px;\\n width: 374.98047px;\\n -ms-transform: translateY(1%);\\n transform: translateY(1%);\\n border-radius: 4px;\\n}\\n\\n.album-art img {\\n width: 100%;\\n}\\n\\n.static-icon {\\n height: 100%;\\n width: 100%;\\n}\\n\\n.app-icon {\\n height: 40px;\\n width: 40px;\\n display: inline-block;\\n vertical-align: middle;\\n}\\n\\n.hscrollmenu {\\n width: 100%;\\n height: calc(675px - 140px);\\n overflow-y: auto;\\n padding: calc(675px / 21.6) 0px 0 0px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n align-content: flex-start;\\n -ms-flex-line-pack: start;\\n}\\n\\n.hscrollmenu .hscrollmenu-block {\\n --menu-width: 960px;\\n --box-width-3: calc(var(--menu-width) * 0.3);\\n --margin-size-3: calc((var(--menu-width) - (var(--box-width-3) * 3)) / 3);\\n --calc-width-3: calc(var(--box-width-3) - (var(--margin-size-3) / 3));\\n --box-width-2: calc(var(--menu-width) * 0.45);\\n --margin-size-2: calc((var(--menu-width) - (var(--box-width-2) * 2)) / 2);\\n --calc-width-2: calc(var(--box-width-2) - (var(--margin-size-2) / 2));\\n --box-width-1: calc(var(--menu-width) * 0.9);\\n --margin-size-1: calc((var(--menu-width) - (var(--box-width-1) * 1)) / 1);\\n --calc-width-1: calc(var(--box-width-1) - (var(--margin-size-1) / 1));\\n width: var(--calc-width-3);\\n margin-left: var(--margin-size-3);\\n margin-bottom: var(--margin-size-3);\\n height: calc((var(--calc-width-3)) * 0.78);\\n}\\n\\n.hscrollmenu-item {\\n display: block;\\n height: 100%;\\n text-align: center;\\n text-decoration: none;\\n color: #ffffff;\\n border: 2px solid;\\n position: relative;\\n}\\n\\n.hscrollmenu-item__image {\\n height: 50%;\\n width: 50%;\\n margin: 25px auto 12px;\\n border-radius: 4px;\\n}\\n\\n.hscrollmenu-item__image img {\\n width: 100%;\\n}\\n\\n.hscrollmenu-item__name {\\n position: absolute;\\n bottom: 0px;\\n width: 100%;\\n height: 23%;\\n}\\n\\n.hscrollmenu-item__device-name {\\n position: absolute;\\n top: 10px;\\n width: 100%;\\n height: 10%;\\n}\\n\\n.hscrollmenu-item.with-icon .hscrollmenu-item__image {\\n height: 50px;\\n width: 50px;\\n margin: 50px auto;\\n}\\n\\n.hscrollmenu-item.with-icon .svg-wrap {\\n height: 50px;\\n width: 50px;\\n}\\n\\n.hscrollmenu-item.with-icon .t-small {\\n -webkit-font-smoothing: antialiased;\\n font-size: 40px;\\n line-height: 1.2;\\n}\\n\\n.vscrollmenu {\\n width: 100%;\\n height: 600px;\\n overflow-y: scroll;\\n}\\n\\n.vscrollmenu-item {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n padding: 50px 55px;\\n text-decoration: none;\\n color: #ffffff;\\n border-bottom: 2px solid;\\n}\\n\\n.vscrollmenu-item__image {\\n height: 150px;\\n width: 150px;\\n margin: 25px auto 12px;\\n border-radius: 4px;\\n}\\n\\n.vscrollmenu-item__image img {\\n max-width: 100%;\\n}\\n\\n.vscrollmenu-item .svg-wrap {\\n display: block;\\n width: 26px;\\n height: 44px;\\n}\\n\\n.vscrollmenu-item-primary {\\n display: -ms-flexbox;\\n display: flex;\\n width: 100%;\\n}\\n\\n.vscrollmenu-item-image {\\n height: 1.15em;\\n width: 1.15em;\\n margin-left: 20px;\\n}\\n\\n.vscrollmenu-item-image img {\\n max-height: 100%;\\n}\\n\\n.tiles-only-list {\\n height: 600px;\\n overflow-x: scroll;\\n padding: 100px 55px 0;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n}\\n\\n.tiles-only-list:after {\\n content: '';\\n display: inline-block;\\n width: 100px;\\n}\\n\\n.tile {\\n height: 150px;\\n width: 150px;\\n margin: 0 110px 100px 0;\\n border-radius: 4px;\\n}\\n\\n.tile:nth-of-type(even) {\\n margin-bottom: 0;\\n}\\n\\n.tile img {\\n width: 100%;\\n border-radius: inherit;\\n}\\n\\n.non-media-template {\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.non-media-meta-data {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n width: 100%;\\n height: 98px;\\n margin-left: 50px;\\n margin-bottom: 42px;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.non-media-body {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: horizontal;\\n box-direction: reverse;\\n -moz-flex-direction: row-reverse;\\n flex-direction: row-reverse;\\n -ms-flex-direction: row-reverse;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n}\\n\\n.non-media-text-2 {\\n width: 100%;\\n text-align: center;\\n margin-right: 50px;\\n}\\n\\n.non-media-text-4 {\\n width: 50%;\\n text-align: left;\\n}\\n\\n.non-media-graphic {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n margin: auto 50px;\\n height: calc((675px - 173px) / 1.22439);\\n width: calc((675px - 173px) / 1.22439);\\n}\\n\\n.non-media-graphic img {\\n width: 100%;\\n}\\n\\n.non-media .soft-buttons {\\n width: 50%;\\n height: calc(((675px - 173px) / 1.22439 ) + 20px);\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 50px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.non-media .soft-buttons-with-graphic {\\n -ms-transform: translateY(calc(-1 * (675px - 173px) / 1.22439));\\n transform: translateY(calc(-1 * (675px - 173px) / 1.22439));\\n}\\n\\n.soft-button-tile-large {\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile {\\n width: 47.63%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile-small {\\n width: 47.63%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile-wide-large {\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile-wide {\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-image {\\n height: 1.5em;\\n max-width: 100%;\\n}\\n\\n.soft-button-image img {\\n max-width: 100%;\\n max-height: 100%;\\n}\\n\\n.soft-button-image-static {\\n max-height: 75px;\\n max-width: 100%;\\n min-width: 75px;\\n}\\n\\n.soft-button p {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n padding: 5px;\\n}\\n\\n.soft-button {\\n min-width: 0;\\n}\\n\\n.large-graphic-only-template {\\n width: 100%;\\n height: 100%;\\n}\\n\\n.large-graphic-only {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n}\\n\\n.large-graphic-only .large-graphic {\\n width: 100%;\\n height: 100%;\\n object-fit: contain;\\n}\\n\\n.large-graphic-only .large-graphic svg {\\n width: 100%;\\n height: 100%;\\n}\\n\\n.large-graphic-with-softbuttons-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n}\\n\\n.large-graphic-with-softbuttons-top-container {\\n height: 80%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.large-graphic-with-softbuttons-bottom-container {\\n height: 20%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.large-graphic-with-softbuttons-template .large-graphic {\\n padding-right: 10px;\\n padding-left: 10px;\\n width: 100%;\\n object-fit: contain;\\n margin-bottom: 50px;\\n height: 100%;\\n}\\n\\n.large-graphic-with-softbuttons-template svg {\\n max-height: 100%;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-button {\\n -ms-flex: 1 1 0px !important;\\n flex: 1 1 0 !important;\\n margin-bottom: 0px !important;\\n margin-right: 20px;\\n min-width: 0;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-button p {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n padding: 5px;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-button:last-child {\\n margin-right: 0px !important;\\n}\\n\\n.text-buttons-with-graphic-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.text-buttons-with-graphic-container {\\n height: 100%;\\n width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.text-buttons-with-graphic-template .large-graphic {\\n padding-right: 25px;\\n padding-left: 10px;\\n width: 100%;\\n max-height: 100%;\\n object-fit: contain;\\n margin-bottom: 20px;\\n}\\n\\n.text-buttons-with-graphic-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 25px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.text-buttons-only-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.text-buttons-only-container {\\n height: 100%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.text-buttons-only-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 15px;\\n padding-right: 15px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.text-buttons-only-template .soft-button-tile-wide {\\n width: 98%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alertOverlay {\\n position: fixed;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background-color: rgba(0, 0, 0, 0.75);\\n width: 960px;\\n height: 675px;\\n margin: 25px;\\n z-index: 1001;\\n}\\n\\n.alertModal {\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n right: auto;\\n bottom: auto;\\n margin-right: -50%;\\n -ms-transform: translate(-50%, -50%);\\n transform: translate(-50%, -50%);\\n border: 1px solid #ccc;\\n overflow: auto;\\n -webkit-overflow-scrolling: 'touch';\\n border-radius: 4px;\\n outline: none;\\n padding: 20px;\\n width: 85%;\\n}\\n\\n.alert {\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.alert-title {\\n text-align: center;\\n}\\n\\n.alert-top {\\n display: -ms-flexbox;\\n display: flex;\\n padding: 30px;\\n}\\n\\n.alert-icon {\\n width: 50%;\\n height: calc((675px - 75px) / 2);\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n}\\n\\n.alert-icon .icon {\\n max-height: 75%;\\n max-width: 75%;\\n height: auto;\\n width: auto;\\n}\\n\\n.alert-icon #Layer_1 {\\n max-height: 75%;\\n max-width: 75%;\\n height: auto;\\n width: 75%;\\n}\\n\\n.alert-text-fields {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n height: calc((675px - 75px) / 2);\\n width: 50%;\\n text-align: center;\\n}\\n\\n.alert-buttons {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding: 15px;\\n}\\n\\n.alert-button-1 {\\n height: 75px;\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alert-button-2 {\\n height: 75px;\\n width: 45%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alert-button-3 {\\n height: 75px;\\n width: 29%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alert-button-4 {\\n height: 50px;\\n width: 45%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.graphic-with-text-buttons-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.graphic-with-text-buttons-container {\\n height: 100%;\\n width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.graphic-with-text-buttons-template .large-graphic {\\n padding-left: 25px;\\n padding-right: 10px;\\n width: 100%;\\n max-height: 100%;\\n object-fit: contain;\\n margin-bottom: 20px;\\n}\\n\\n.graphic-with-text-buttons-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-right: 25px;\\n padding-left: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.tiles-only-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.tiles-only-container {\\n height: 100%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.tiles-only-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: start;\\n -moz-justify-content: flex-start;\\n -ms-justify-content: flex-start;\\n -o-justify-content: flex-start;\\n justify-content: flex-start;\\n -ms-flex-pack: start;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 15px;\\n padding-right: 15px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.tiles-only-template .soft-button {\\n height: 44%;\\n width: 30.6%;\\n margin: 2%;\\n text-align: center;\\n text-decoration: none;\\n position: relative;\\n}\\n\\n.tiles-only-template .soft-button:nth-of-type(3n) {\\n margin-right: 0;\\n}\\n\\n.tiles-only-template .soft-button:nth-of-type(3n+1) {\\n margin-left: 0;\\n}\\n\\n.text-with-graphic-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.text-with-graphic-container {\\n height: 100%;\\n width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.text-with-graphic-template .large-graphic {\\n padding-right: 25px;\\n padding-left: 10px;\\n width: 100%;\\n max-height: 100%;\\n object-fit: contain;\\n}\\n\\n.text-with-graphic-template .text-body {\\n width: 100%;\\n height: 75%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 25px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.graphic-with-text-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.graphic-with-text-container {\\n height: 100%;\\n min-width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.graphic-with-text-template .large-graphic {\\n padding-right: 25px;\\n padding-left: 10px;\\n max-height: 100%;\\n width: 100%;\\n object-fit: contain;\\n}\\n\\n.graphic-with-text-template .text-body {\\n width: 100%;\\n height: 75%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 25px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.min-width-50 {\\n min-width: 50%;\\n}\\n\\n.double-graphic-with-softbuttons-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n}\\n\\n.double-graphic-with-softbuttons-top-container {\\n height: 80%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n\\n.double-graphic-with-softbuttons-bottom-container {\\n height: 20%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.double-graphic-with-softbuttons-template .double-graphic {\\n padding-right: 10px;\\n padding-left: 10px;\\n width: 50%;\\n height: 100%;\\n object-fit: contain;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-button {\\n -ms-flex: 1 1 0px !important;\\n flex: 1 1 0 !important;\\n margin-bottom: 0px !important;\\n margin-right: 20px;\\n min-width: 0;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-button p {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n padding: 5px;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-button:last-child {\\n margin-right: 0px !important;\\n}\\n\\n.app-services-nav {\\n width: 100%;\\n height: 65px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n padding: 0 18px 0 18px;\\n position: relative;\\n z-index: 2000;\\n}\\n\\n.app-services-button-group {\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n height: 100%;\\n width: 80%;\\n}\\n\\n.app-services-button-group .waiting-message {\\n width: 100%;\\n min-width: 100%;\\n text-align: center;\\n padding: 0px;\\n}\\n\\n.app-services-button-group .svg-size {\\n height: 50px;\\n width: 50px;\\n min-width: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 5px;\\n}\\n\\n.app-services-button-group .svg-size svg {\\n height: 35px;\\n width: 35px;\\n}\\n\\n.app-services-button-group .app-service-icon {\\n height: 50px;\\n width: 50px;\\n min-width: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 5px;\\n}\\n\\n.app-services-button-group .app-service-icon img {\\n height: 35px;\\n width: 35px;\\n}\\n\\n.app-services-button-group .nav-text-bubble {\\n height: 50px;\\n width: 50px;\\n min-width: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 5px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.app-services-button-group .menu-color {\\n background-color: #696969;\\n}\\n\\n.app-services-button-group .nav-color {\\n background-color: #49C7ED;\\n}\\n\\n.app-services-button-group .media-color {\\n background-color: #49C7ED;\\n}\\n\\n.app-services-button-group .weather-color {\\n background-color: #49C7ED;\\n}\\n\\n.app-services-tab {\\n margin: 0 17px 0 17px;\\n border-radius: 10px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n width: 50px;\\n}\\n\\n.tab-wide__nav {\\n width: 500px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.tab-wide__media {\\n width: 500px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.tab-wide__weather {\\n width: 500px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.clock {\\n width: 15%;\\n}\\n\\n.hide-tab {\\n display: none !important;\\n width: 0 !important;\\n min-width: 0 !important;\\n}\\n\\n.tab-text {\\n max-height: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n width: 100%;\\n text-align: center;\\n}\\n\\n.tab-text p {\\n max-width: 50%;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n overflow: hidden;\\n padding-left: 10px;\\n}\\n\\n.even-spacing {\\n -ms-flex-pack: space-evenly;\\n justify-content: space-evenly;\\n}\\n\\n.weather-item {\\n min-width: 30%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n\\n.weather-item p {\\n padding-left: 5px;\\n}\\n\\n.width-40-pct {\\n width: 40%;\\n}\\n\\n.app-service-medium {\\n width: 100%;\\n height: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: space-evenly;\\n justify-content: space-evenly;\\n}\\n\\n.app-service-medium-tab {\\n width: 33.33%;\\n max-height: 100%;\\n margin: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-align: center;\\n align-items: center;\\n -ms-flex-pack: justify;\\n justify-content: space-between;\\n text-align: center;\\n}\\n\\n.app-service-overlay {\\n position: fixed;\\n top: 202.5px;\\n bottom: 65px;\\n height: 407.5px;\\n left: 0;\\n right: 0;\\n width: 960px;\\n margin: 25px 0px 0px 25px;\\n z-index: 1001;\\n}\\n\\n.dark-shadow {\\n box-shadow: 0px -10px 20px 0px;\\n}\\n\\n.light-shadow {\\n box-shadow: 0px -10px 20px 0px rgba(0, 0, 0, 0.15);\\n}\\n\\n.app-service-modal {\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n right: auto;\\n bottom: auto;\\n margin-right: -50%;\\n -ms-transform: translate(-50%, -50%);\\n transform: translate(-50%, -50%);\\n outline: none;\\n width: 100%;\\n height: 100%;\\n}\\n\\n.app-service-nav-card {\\n border-bottom: 1px solid #49C7ED;\\n}\\n\\n.app-service-nav-card .svg-size {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-nav-card .svg-size svg {\\n height: 75px;\\n width: 75px;\\n}\\n\\n.app-service-nav-card .app-service-icon {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-nav-card .app-service-icon img {\\n height: 75px;\\n width: 75px;\\n}\\n\\n.app-service-media-card {\\n border-bottom: 1px solid #49C7ED;\\n}\\n\\n.app-service-media-card .svg-size {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-media-card .svg-size svg {\\n height: 65px;\\n width: 65px;\\n}\\n\\n.app-service-media-card .app-service-icon {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-media-card .app-service-icon img {\\n height: 65px;\\n width: 65px;\\n}\\n\\n.app-service-media-card .media-color {\\n background-color: #45C5F6;\\n}\\n\\n.app-service-weather-card {\\n border-bottom: 1px solid #49C7ED;\\n}\\n\\n.app-service-weather-card .weather-line {\\n text-align: center;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n\\n.app-service-weather-card .svg-size {\\n height: 70px;\\n width: 70px;\\n min-width: 70px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-weather-card .svg-size svg {\\n height: 50px;\\n width: 50px;\\n}\\n\\n.app-service-weather-card .app-service-icon {\\n height: 70px;\\n width: 70px;\\n min-width: 70px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-weather-card .app-service-icon img {\\n height: 50px;\\n width: 50px;\\n}\\n\\n.app-service-weather-card .space-left {\\n margin-left: 5px;\\n}\\n\\n.app-service-weather-card .baseline {\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: baseline;\\n align-items: baseline;\\n}\\n\\n.app-service-weather-card .weather-color {\\n background-color: #F6457F;\\n}\\n\\n.app-service-card-divider {\\n max-height: 100%;\\n width: 1px;\\n margin: 25px 0px 25px 0px;\\n}\\n\\n.app-service-card-footer {\\n margin-bottom: 5px;\\n}\\n\\n.app-service-modal-button {\\n height: 30px;\\n width: 30px;\\n border-radius: 5px;\\n background-color: #F7F8F9;\\n float: right;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-modal-button .svg-size {\\n height: 25px;\\n width: 25px;\\n min-width: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-modal-button .svg-size svg {\\n height: 25px;\\n width: 25px;\\n}\\n\", \"\"]);\n\n// exports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader!./~/autoprefixer-loader?browsers=last 3 versions!./~/sass-loader?outputStyle=expanded!./src/css/main.scss\n// module id = 2\n// module chunks = 0\n//# sourceURL=webpack:///./src/css/main.scss?./~/css-loader!./~/autoprefixer-loader?browsers=last_3_versions!./~/sass-loader?outputStyle=expanded"); + eval("exports = module.exports = __webpack_require__(3)();\n// imports\n\n\n// module\nexports.push([module.id, \"html {\\n font-family: sans-serif;\\n /* 1 */\\n -ms-text-size-adjust: 100%;\\n /* 2 */\\n -webkit-text-size-adjust: 100%;\\n /* 2 */\\n width: 100%;\\n min-height: 100%;\\n box-sizing: border-box;\\n}\\n\\n*, *:before, *:after {\\n box-sizing: inherit;\\n}\\n\\n/**\\n* Remove default margin.\\n*/\\nbody {\\n position: relative;\\n margin: 0;\\n padding: 0;\\n width: 100%;\\n height: 100%;\\n}\\n\\nh1, h2, h3, h4, h5, h6, p {\\n margin: 0;\\n padding: 0;\\n}\\n\\n* {\\n outline-color: #78C96F;\\n}\\n\\n/* HTML5 display definitions\\n========================================================================== */\\n/**\\n* Correct `block` display not defined for any HTML5 element in IE 8/9.\\n* Correct `block` display not defined for `details` or `summary` in IE 10/11\\n* and Firefox.\\n* Correct `block` display not defined for `main` in IE 11.\\n*/\\narticle,\\naside,\\ndetails,\\nfigcaption,\\nfigure,\\nfooter,\\nheader,\\nhgroup,\\nmain,\\nmenu,\\nnav,\\nsection,\\nsummary,\\nformset {\\n display: block;\\n}\\n\\n/**\\n* 1. Correct `inline-block` display not defined in IE 8/9.\\n* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\\n*/\\naudio,\\ncanvas,\\nprogress,\\nvideo {\\n display: inline-block;\\n /* 1 */\\n vertical-align: baseline;\\n /* 2 */\\n}\\n\\n/**\\n* Prevent modern browsers from displaying `audio` without controls.\\n* Remove excess height in iOS 5 devices.\\n*/\\naudio:not([controls]) {\\n display: none;\\n height: 0;\\n}\\n\\n/**\\n* Address `[hidden]` styling not present in IE 8/9/10.\\n* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.\\n*/\\n[hidden],\\ntemplate {\\n display: none;\\n}\\n\\n/* Links\\n========================================================================== */\\n/**\\n* Remove the gray background color from active links in IE 10.\\n*/\\na {\\n background-color: transparent;\\n}\\n\\n/**\\n* Improve readability when focused and also mouse hovered in all browsers.\\n*/\\na:active,\\na:hover {\\n outline: 0;\\n}\\n\\n/* Text-level semantics\\n========================================================================== */\\n/**\\n* Address styling not present in IE 8/9/10/11, Safari, and Chrome.\\n*/\\nabbr[title] {\\n border-bottom: 1px dotted;\\n}\\n\\n/**\\n* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\\n*/\\nb,\\nstrong {\\n font-weight: bold;\\n}\\n\\n/**\\n* Address styling not present in Safari and Chrome.\\n*/\\ndfn {\\n font-style: italic;\\n}\\n\\n/**\\n* Address styling not present in IE 8/9.\\n*/\\nmark {\\n background: #ff0;\\n color: #000;\\n}\\n\\n/**\\n* Address inconsistent and variable font size in all browsers.\\n*/\\nsmall {\\n font-size: 80%;\\n}\\n\\n/**\\n* Prevent `sub` and `sup` affecting `line-height` in all browsers.\\n*/\\nsub,\\nsup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n}\\n\\nsup {\\n top: -0.5em;\\n}\\n\\nsub {\\n bottom: -0.25em;\\n}\\n\\n/* Embedded content\\n========================================================================== */\\n/**\\n* Remove border when inside `a` element in IE 8/9/10.\\n*/\\nimg {\\n border: 0;\\n}\\n\\n/**\\n* Correct overflow not hidden in IE 9/10/11.\\n*/\\nsvg:not(:root) {\\n overflow: hidden;\\n}\\n\\n/* Grouping content\\n========================================================================== */\\n/**\\n* Address margin not present in IE 8/9 and Safari.\\n*/\\nfigure {\\n margin: 1em 40px;\\n}\\n\\n/**\\n* Address differences between Firefox and other browsers.\\n*/\\nhr {\\n box-sizing: content-box;\\n}\\n\\n/**\\n* Contain overflow in all browsers.\\n*/\\npre {\\n overflow: auto;\\n}\\n\\n/**\\n* Address odd `em`-unit font size rendering in all browsers.\\n*/\\ncode,\\nkbd,\\npre,\\nsamp {\\n font-family: monospace, monospace;\\n font-size: 1em;\\n}\\n\\n/* Forms\\n========================================================================== */\\n/**\\n* Known limitation: by default, Chrome and Safari on OS X allow very limited\\n* styling of `select`, unless a `border` property is set.\\n*/\\n/**\\n* 1. Correct color not being inherited.\\n* Known issue: affects color of disabled elements.\\n* 2. Correct font properties not being inherited.\\n* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\\n*/\\nbutton,\\ninput,\\noptgroup,\\nselect,\\ntextarea {\\n color: inherit;\\n /* 1 */\\n font: inherit;\\n /* 2 */\\n margin: 0;\\n /* 3 */\\n}\\n\\n/**\\n* Address `overflow` set to `hidden` in IE 8/9/10/11.\\n*/\\nbutton {\\n overflow: visible;\\n}\\n\\n/**\\n* Address inconsistent `text-transform` inheritance for `button` and `select`.\\n* All other form control elements do not inherit `text-transform` values.\\n* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\\n* Correct `select` style inheritance in Firefox.\\n*/\\nbutton,\\nselect {\\n text-transform: none;\\n}\\n\\n/**\\n* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\\n* and `video` controls.\\n* 2. Correct inability to style clickable `input` types in iOS.\\n* 3. Improve usability and consistency of cursor style between image-type\\n* `input` and others.\\n*/\\nbutton,\\nhtml input[type=\\\"button\\\"],\\ninput[type=\\\"reset\\\"],\\ninput[type=\\\"submit\\\"] {\\n -webkit-appearance: button;\\n /* 2 */\\n cursor: pointer;\\n /* 3 */\\n}\\n\\n/**\\n* Re-set default cursor for disabled elements.\\n*/\\nbutton[disabled],\\nhtml input[disabled] {\\n cursor: default;\\n}\\n\\n/**\\n* Remove inner padding and border in Firefox 4+.\\n*/\\nbutton::-moz-focus-inner,\\ninput::-moz-focus-inner {\\n border: 0;\\n padding: 0;\\n}\\n\\n/**\\n* Address Firefox 4+ setting `line-height` on `input` using `!important` in\\n* the UA stylesheet.\\n*/\\ninput {\\n line-height: normal;\\n}\\n\\n/**\\n* It's recommended that you don't attempt to style these elements.\\n* Firefox's implementation doesn't respect box-sizing, padding, or width.\\n*\\n* 1. Address box sizing set to `content-box` in IE 8/9/10.\\n* 2. Remove excess padding in IE 8/9/10.\\n*/\\ninput[type=\\\"checkbox\\\"],\\ninput[type=\\\"radio\\\"] {\\n box-sizing: border-box;\\n /* 1 */\\n padding: 0;\\n /* 2 */\\n}\\n\\n/**\\n* Fix the cursor style for Chrome's increment/decrement buttons. For certain\\n* `font-size` values of the `input`, it causes the cursor style of the\\n* decrement button to change from `default` to `text`.\\n*/\\ninput[type=\\\"number\\\"]::-webkit-inner-spin-button,\\ninput[type=\\\"number\\\"]::-webkit-outer-spin-button {\\n height: auto;\\n}\\n\\n/**\\n* 1. Address `appearance` set to `searchfield` in Safari and Chrome.\\n* 2. Address `box-sizing` set to `border-box` in Safari and Chrome\\n* (include `-moz` to future-proof).\\n*/\\ninput[type=\\\"search\\\"] {\\n -webkit-appearance: textfield;\\n /* 1 */\\n /* 2 */\\n box-sizing: border-box;\\n}\\n\\n/**\\n* Remove inner padding and search cancel button in Safari and Chrome on OS X.\\n* Safari (but not Chrome) clips the cancel button when the search input has\\n* padding (and `textfield` appearance).\\n*/\\ninput[type=\\\"search\\\"]::-webkit-search-cancel-button,\\ninput[type=\\\"search\\\"]::-webkit-search-decoration {\\n -webkit-appearance: none;\\n}\\n\\n/**\\n* Define consistent border, margin, and padding.\\n*/\\nfieldset {\\n border: 1px solid #c0c0c0;\\n margin: 0;\\n padding: 0;\\n}\\n\\n/**\\n* 1. Correct `color` not being inherited in IE 8/9/10/11.\\n* 2. Remove padding so people aren't caught out if they zero out fieldsets.\\n*/\\nlegend {\\n border: 0;\\n /* 1 */\\n padding: 0;\\n /* 2 */\\n}\\n\\n/**\\n* Remove default vertical scrollbar in IE 8/9/10/11.\\n*/\\ntextarea {\\n overflow: auto;\\n}\\n\\n/**\\n* Don't inherit the `font-weight` (applied by a rule above).\\n* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\\n*/\\noptgroup {\\n font-weight: bold;\\n}\\n\\n/* Tables\\n========================================================================== */\\n/**\\n* Remove most spacing between table cells.\\n*/\\ntable {\\n border-collapse: collapse;\\n border-spacing: 0;\\n}\\n\\ntd,\\nth {\\n padding: 0;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(4) + \");\\n src: url(\" + __webpack_require__(4) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(5) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(6) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(7) + \") format(\\\"ttf\\\");\\n font-weight: 200;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(8) + \");\\n src: url(\" + __webpack_require__(8) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(9) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(10) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(11) + \") format(\\\"ttf\\\");\\n font-weight: 400;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(12) + \");\\n src: url(\" + __webpack_require__(12) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(13) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(14) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(15) + \") format(\\\"ttf\\\");\\n font-weight: 500;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(16) + \");\\n src: url(\" + __webpack_require__(16) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(17) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(18) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(19) + \") format(\\\"ttf\\\");\\n font-weight: 600;\\n}\\n\\n.bg-bright-blue {\\n background-color: #65a0ff;\\n}\\n\\n.bg-light-blue {\\n background-color: #A9CAFF;\\n}\\n\\n.bg-tire {\\n background-color: #222222;\\n}\\n\\n.bg-asphalt {\\n background-color: #333333;\\n}\\n\\n.bg-slate {\\n background-color: #626262;\\n}\\n\\n.bg-glass {\\n background-color: #efefef;\\n}\\n\\n.bg-aluminum {\\n background-color: #d9d9d9;\\n}\\n\\n.bg-steel {\\n background-color: #a7a7a7;\\n}\\n\\n.bg-black {\\n background-color: #000000;\\n}\\n\\n.bg-white {\\n background-color: #ffffff;\\n}\\n\\n.fc-bright-blue {\\n color: #65a0ff;\\n}\\n\\n.fc-light-blue {\\n color: #A9CAFF;\\n}\\n\\n.fc-tire {\\n color: #222222;\\n}\\n\\n.fc-asphalt {\\n color: #333333;\\n}\\n\\n.fc-slate {\\n color: #626262;\\n}\\n\\n.fc-glass {\\n color: #efefef;\\n}\\n\\n.fc-aluminum {\\n color: #d9d9d9;\\n}\\n\\n.fc-steel {\\n color: #a7a7a7;\\n}\\n\\n.fc-black {\\n color: #000000;\\n}\\n\\n.fc-white {\\n color: #ffffff;\\n}\\n\\nbody {\\n font-family: 'LivioNorm', Helvetica, sans-serif;\\n font-weight: normal;\\n font-size: 15px;\\n margin: 25px;\\n overflow: hidden;\\n}\\n\\n#app {\\n width: 960px;\\n}\\n\\n#app .app-body {\\n height: 675px;\\n}\\n\\n.toggle-button {\\n margin-top: 20px;\\n width: 140px;\\n border: 1px solid #000000;\\n border-radius: 2px;\\n text-align: center;\\n padding: 10px 0;\\n float: left;\\n}\\n\\n.toggle-button:hover {\\n cursor: pointer;\\n background: #000000;\\n color: #ffffff;\\n}\\n\\n.shutdown-button {\\n margin-top: 20px;\\n margin-left: 20px;\\n width: 140px;\\n border: 1px solid #000000;\\n border-radius: 2px;\\n text-align: center;\\n padding: 10px 0;\\n float: left;\\n}\\n\\n.shutdown-button:hover {\\n cursor: pointer;\\n background: #000000;\\n color: #ffffff;\\n}\\n\\n.t-large {\\n -webkit-font-smoothing: antialiased;\\n font-size: 40px;\\n line-height: 1.2;\\n}\\n\\n.t-small {\\n -webkit-font-smoothing: antialiased;\\n font-size: 25px;\\n line-height: 2;\\n}\\n\\n.t-light {\\n font-weight: 200;\\n}\\n\\n.t-medium {\\n font-weight: 500;\\n}\\n\\n.t-ls1 {\\n letter-spacing: 1px;\\n}\\n\\n.t-oneline {\\n white-space: nowrap;\\n text-align: center;\\n}\\n\\n.dark-theme .app-body {\\n background: #222222;\\n}\\n\\n.dark-theme .app__header {\\n background-image: linear-gradient(#000000, #222222);\\n}\\n\\n.dark-theme .th-f-color {\\n color: #ffffff;\\n}\\n\\n.dark-theme .th-f-color-secondary {\\n color: #626262;\\n}\\n\\n.dark-theme .th-f-color-alt {\\n color: #ffffff;\\n}\\n\\n.dark-theme .th-b-color {\\n border-color: #333333;\\n}\\n\\n.dark-theme .th-b-color-secondary {\\n border-color: #ffffff;\\n}\\n\\n.dark-theme .th-box-shadow {\\n box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.75);\\n}\\n\\n.dark-theme .th-bb-color {\\n border-bottom-color: #333333;\\n}\\n\\n.dark-theme .th-bg-color {\\n background-color: #000000;\\n}\\n\\n.dark-theme .th-f-accent-color {\\n color: #65a0ff;\\n}\\n\\n.dark-theme .th-soft-buttons {\\n border-color: #626262;\\n}\\n\\n.dark-theme .th-soft-buttons:active {\\n background-color: #222222;\\n}\\n\\n.dark-theme .svg-wrap svg path,\\n.dark-theme .svg-wrap svg polygon {\\n fill: #ffffff;\\n}\\n\\n.dark-theme .svg-wrap-secondary svg path,\\n.dark-theme .svg-wrap-secondary svg polygon {\\n fill: #626262;\\n}\\n\\n.dark-theme .svg-fill-important {\\n fill: #ffffff !important;\\n}\\n\\n.dark-theme .svg-stroke {\\n stroke: #ffffff !important;\\n}\\n\\n.dark-theme .th-tile-background-color {\\n background-color: #111111;\\n}\\n\\n.dark-theme .th-nav-background-color {\\n background-color: #121212;\\n}\\n\\n.dark-theme .th-divider-color {\\n background-color: #FFFFFF;\\n}\\n\\n.light-theme .app-body {\\n background: #efefef;\\n}\\n\\n.light-theme .app__header {\\n background-image: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0));\\n}\\n\\n.light-theme .th-f-color {\\n color: #222222;\\n}\\n\\n.light-theme .th-f-color-secondary {\\n color: #a7a7a7;\\n}\\n\\n.light-theme .th-f-color-alt {\\n color: #000000;\\n}\\n\\n.light-theme .th-b-color {\\n border-color: #dddddd;\\n}\\n\\n.light-theme .th-b-color-secondary {\\n border-color: #000000;\\n}\\n\\n.light-theme .th-box-shadow {\\n box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.25);\\n}\\n\\n.light-theme .th-bb-color {\\n border-bottom-color: #d9d9d9;\\n}\\n\\n.light-theme .th-bg-color {\\n background-color: #ffffff;\\n}\\n\\n.light-theme .th-f-accent-color {\\n color: #65a0ff;\\n}\\n\\n.light-theme .th-soft-buttons {\\n border-color: #919191;\\n}\\n\\n.light-theme .th-soft-buttons:active {\\n background-color: #efefef;\\n}\\n\\n.light-theme .svg-wrap svg path,\\n.light-theme .svg-wrap svg polygon {\\n fill: #000000;\\n}\\n\\n.light-theme .svg-wrap-secondary svg path,\\n.light-theme .svg-wrap-secondary svg polygon {\\n fill: #a7a7a7;\\n}\\n\\n.light-theme .svg-fill-important {\\n fill: #000000 !important;\\n}\\n\\n.light-theme .svg-stroke {\\n stroke: #000000 !important;\\n}\\n\\n.light-theme .th-tile-background-color {\\n background-color: #ffffff;\\n}\\n\\n.light-theme .th-nav-background-color {\\n background-color: #F7F8F9;\\n}\\n\\n.light-theme .th-divider-color {\\n background-color: #000000;\\n}\\n\\n.app__header {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n flex-shrink: 0;\\n -ms-flex-negative: 0;\\n position: relative;\\n z-index: 1000;\\n height: 75px;\\n padding: 0 25px;\\n}\\n\\n.app__header div {\\n box-flex: 1;\\n -moz-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n}\\n\\n.app__header div:nth-of-type(2) {\\n text-align: center;\\n}\\n\\n.app__header div:nth-of-type(3) {\\n text-align: right;\\n}\\n\\n.app__header div span svg {\\n width: 14px;\\n margin-left: 16px;\\n}\\n\\n.app__header span,\\n.app__header img {\\n display: inline-block;\\n vertical-align: middle;\\n}\\n\\n.app__header a {\\n text-decoration: none;\\n text-transform: uppercase;\\n}\\n\\n.app__header .svg-wrap-secondary {\\n width: 30px;\\n}\\n\\n.app__header .svg-wrap-secondary svg {\\n width: 10px;\\n height: 10px;\\n margin-left: 5px;\\n}\\n\\n.media-template {\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.media-player-body {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: single;\\n -moz-box-lines: single;\\n box-lines: single;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n align-content: center;\\n -ms-flex-line-pack: center;\\n height: calc((675px - 75px) / 1.8461);\\n padding: 0 55px;\\n position: relative;\\n z-index: 100;\\n}\\n\\n.media-track {\\n padding-top: 10px;\\n width: 60%;\\n position: relative;\\n text-align: center;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.media-track__time {\\n position: absolute;\\n bottom: 10px;\\n width: 100%;\\n}\\n\\n.media-metadata {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n box-flex: 1;\\n -moz-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n margin-bottom: 60px;\\n}\\n\\n.progress-bar {\\n position: relative;\\n height: calc((675px - 75px) / 6);\\n border-bottom: 2px solid;\\n}\\n\\n.progress-bar__progress {\\n position: absolute;\\n height: calc(100% + 2px);\\n background: #65a0ff;\\n}\\n\\n.control-bar {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-flex: 1;\\n -moz-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n background: #000000;\\n}\\n\\n.control-bar__control--double {\\n height: 75px;\\n width: 150px;\\n}\\n\\n.control-bar__control--square {\\n height: 75px;\\n width: 75px;\\n}\\n\\n.control-bar__control--primary {\\n height: 75px;\\n width: 60px;\\n}\\n\\n.control-bar__control--secondary {\\n height: 54px;\\n width: 75px;\\n}\\n\\n.control-bar__control--tertiary {\\n height: 75px;\\n width: 75px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.control-bar__control--tertiary img {\\n max-width: 100%;\\n}\\n\\n.control-bar__control--tertiary--static {\\n width: 75px;\\n}\\n\\n.control-bar .svg-wrap {\\n height: 100%;\\n position: relative;\\n}\\n\\n.control-bar .svg-wrap svg {\\n max-height: 100%;\\n}\\n\\n.album-art {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n margin: auto 0px;\\n height: 374.98047px;\\n width: 374.98047px;\\n -ms-transform: translateY(1%);\\n transform: translateY(1%);\\n border-radius: 4px;\\n}\\n\\n.album-art img {\\n width: 100%;\\n}\\n\\n.static-icon {\\n height: 100%;\\n width: 100%;\\n}\\n\\n.app-icon {\\n height: 40px;\\n width: 40px;\\n display: inline-block;\\n vertical-align: middle;\\n}\\n\\n.hscrollmenu {\\n width: 100%;\\n height: calc(675px - 140px);\\n overflow-y: auto;\\n padding: calc(675px / 21.6) 0px 0 0px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n align-content: flex-start;\\n -ms-flex-line-pack: start;\\n}\\n\\n.hscrollmenu .hscrollmenu-block {\\n --menu-width: 960px;\\n --box-width-3: calc(var(--menu-width) * 0.3);\\n --margin-size-3: calc((var(--menu-width) - (var(--box-width-3) * 3)) / 3);\\n --calc-width-3: calc(var(--box-width-3) - (var(--margin-size-3) / 3));\\n --box-width-2: calc(var(--menu-width) * 0.45);\\n --margin-size-2: calc((var(--menu-width) - (var(--box-width-2) * 2)) / 2);\\n --calc-width-2: calc(var(--box-width-2) - (var(--margin-size-2) / 2));\\n --box-width-1: calc(var(--menu-width) * 0.9);\\n --margin-size-1: calc((var(--menu-width) - (var(--box-width-1) * 1)) / 1);\\n --calc-width-1: calc(var(--box-width-1) - (var(--margin-size-1) / 1));\\n width: var(--calc-width-3);\\n margin-left: var(--margin-size-3);\\n margin-bottom: var(--margin-size-3);\\n height: calc((var(--calc-width-3)) * 0.78);\\n}\\n\\n.hscrollmenu-item {\\n display: block;\\n height: 100%;\\n text-align: center;\\n text-decoration: none;\\n color: #ffffff;\\n border: 2px solid;\\n position: relative;\\n}\\n\\n.hscrollmenu-item__image {\\n height: 50%;\\n width: 50%;\\n margin: 25px auto 12px;\\n border-radius: 4px;\\n}\\n\\n.hscrollmenu-item__image img {\\n width: 100%;\\n}\\n\\n.hscrollmenu-item__name {\\n position: absolute;\\n bottom: 0px;\\n width: 100%;\\n height: 23%;\\n}\\n\\n.hscrollmenu-item__header {\\n position: absolute;\\n top: 10px;\\n width: 100%;\\n height: 10%;\\n}\\n\\n.hscrollmenu-item.with-icon .hscrollmenu-item__image {\\n height: 50px;\\n width: 50px;\\n margin: 50px auto;\\n}\\n\\n.hscrollmenu-item.with-icon .svg-wrap {\\n height: 50px;\\n width: 50px;\\n}\\n\\n.hscrollmenu-item.with-icon .t-small {\\n -webkit-font-smoothing: antialiased;\\n font-size: 40px;\\n line-height: 1.2;\\n}\\n\\n.vscrollmenu {\\n width: 100%;\\n height: 600px;\\n overflow-y: scroll;\\n}\\n\\n.vscrollmenu-item {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n padding: 50px 55px;\\n text-decoration: none;\\n color: #ffffff;\\n border-bottom: 2px solid;\\n}\\n\\n.vscrollmenu-item__image {\\n height: 150px;\\n width: 150px;\\n margin: 25px auto 12px;\\n border-radius: 4px;\\n}\\n\\n.vscrollmenu-item__image img {\\n max-width: 100%;\\n}\\n\\n.vscrollmenu-item .svg-wrap {\\n display: block;\\n width: 26px;\\n height: 44px;\\n}\\n\\n.vscrollmenu-item-primary {\\n display: -ms-flexbox;\\n display: flex;\\n width: 100%;\\n}\\n\\n.vscrollmenu-item-image {\\n height: 1.15em;\\n width: 1.15em;\\n margin-left: 20px;\\n}\\n\\n.vscrollmenu-item-image img {\\n max-height: 100%;\\n}\\n\\n.tiles-only-list {\\n height: 600px;\\n overflow-x: scroll;\\n padding: 100px 55px 0;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n}\\n\\n.tiles-only-list:after {\\n content: '';\\n display: inline-block;\\n width: 100px;\\n}\\n\\n.tile {\\n height: 150px;\\n width: 150px;\\n margin: 0 110px 100px 0;\\n border-radius: 4px;\\n}\\n\\n.tile:nth-of-type(even) {\\n margin-bottom: 0;\\n}\\n\\n.tile img {\\n width: 100%;\\n border-radius: inherit;\\n}\\n\\n.non-media-template {\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.non-media-meta-data {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n width: 100%;\\n height: 98px;\\n margin-left: 50px;\\n margin-bottom: 42px;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.non-media-body {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: horizontal;\\n box-direction: reverse;\\n -moz-flex-direction: row-reverse;\\n flex-direction: row-reverse;\\n -ms-flex-direction: row-reverse;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n}\\n\\n.non-media-text-2 {\\n width: 100%;\\n text-align: center;\\n margin-right: 50px;\\n}\\n\\n.non-media-text-4 {\\n width: 50%;\\n text-align: left;\\n}\\n\\n.non-media-graphic {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n margin: auto 50px;\\n height: calc((675px - 173px) / 1.22439);\\n width: calc((675px - 173px) / 1.22439);\\n}\\n\\n.non-media-graphic img {\\n width: 100%;\\n}\\n\\n.non-media .soft-buttons {\\n width: 50%;\\n height: calc(((675px - 173px) / 1.22439 ) + 20px);\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 50px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.non-media .soft-buttons-with-graphic {\\n -ms-transform: translateY(calc(-1 * (675px - 173px) / 1.22439));\\n transform: translateY(calc(-1 * (675px - 173px) / 1.22439));\\n}\\n\\n.soft-button-tile-large {\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile {\\n width: 47.63%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile-small {\\n width: 47.63%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile-wide-large {\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile-wide {\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-image {\\n height: 1.5em;\\n max-width: 100%;\\n}\\n\\n.soft-button-image img {\\n max-width: 100%;\\n max-height: 100%;\\n}\\n\\n.soft-button-image-static {\\n max-height: 75px;\\n max-width: 100%;\\n min-width: 75px;\\n}\\n\\n.soft-button p {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n padding: 5px;\\n}\\n\\n.soft-button {\\n min-width: 0;\\n}\\n\\n.large-graphic-only-template {\\n width: 100%;\\n height: 100%;\\n}\\n\\n.large-graphic-only {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n}\\n\\n.large-graphic-only .large-graphic {\\n width: 100%;\\n height: 100%;\\n object-fit: contain;\\n}\\n\\n.large-graphic-only .large-graphic svg {\\n width: 100%;\\n height: 100%;\\n}\\n\\n.large-graphic-with-softbuttons-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n}\\n\\n.large-graphic-with-softbuttons-top-container {\\n height: 80%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.large-graphic-with-softbuttons-bottom-container {\\n height: 20%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.large-graphic-with-softbuttons-template .large-graphic {\\n padding-right: 10px;\\n padding-left: 10px;\\n width: 100%;\\n object-fit: contain;\\n margin-bottom: 50px;\\n height: 100%;\\n}\\n\\n.large-graphic-with-softbuttons-template svg {\\n max-height: 100%;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-button {\\n -ms-flex: 1 1 0px !important;\\n flex: 1 1 0 !important;\\n margin-bottom: 0px !important;\\n margin-right: 20px;\\n min-width: 0;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-button p {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n padding: 5px;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-button:last-child {\\n margin-right: 0px !important;\\n}\\n\\n.text-buttons-with-graphic-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.text-buttons-with-graphic-container {\\n height: 100%;\\n width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.text-buttons-with-graphic-template .large-graphic {\\n padding-right: 25px;\\n padding-left: 10px;\\n width: 100%;\\n max-height: 100%;\\n object-fit: contain;\\n margin-bottom: 20px;\\n}\\n\\n.text-buttons-with-graphic-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 25px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.text-buttons-only-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.text-buttons-only-container {\\n height: 100%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.text-buttons-only-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 15px;\\n padding-right: 15px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.text-buttons-only-template .soft-button-tile-wide {\\n width: 98%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alertOverlay {\\n position: fixed;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background-color: rgba(0, 0, 0, 0.75);\\n width: 960px;\\n height: 675px;\\n margin: 25px;\\n z-index: 1001;\\n}\\n\\n.alertModal {\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n right: auto;\\n bottom: auto;\\n margin-right: -50%;\\n -ms-transform: translate(-50%, -50%);\\n transform: translate(-50%, -50%);\\n border: 1px solid #ccc;\\n overflow: auto;\\n -webkit-overflow-scrolling: 'touch';\\n border-radius: 4px;\\n outline: none;\\n padding: 20px;\\n width: 85%;\\n}\\n\\n.alert {\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.alert-title {\\n text-align: center;\\n}\\n\\n.alert-top {\\n display: -ms-flexbox;\\n display: flex;\\n padding: 30px;\\n}\\n\\n.alert-icon {\\n width: 50%;\\n height: calc((675px - 75px) / 2);\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n}\\n\\n.alert-icon .icon {\\n max-height: 75%;\\n max-width: 75%;\\n height: auto;\\n width: auto;\\n}\\n\\n.alert-icon #Layer_1 {\\n max-height: 75%;\\n max-width: 75%;\\n height: auto;\\n width: 75%;\\n}\\n\\n.alert-text-fields {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n height: calc((675px - 75px) / 2);\\n width: 50%;\\n text-align: center;\\n}\\n\\n.alert-buttons {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding: 15px;\\n}\\n\\n.alert-button-1 {\\n height: 75px;\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alert-button-2 {\\n height: 75px;\\n width: 45%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alert-button-3 {\\n height: 75px;\\n width: 29%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alert-button-4 {\\n height: 50px;\\n width: 45%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.graphic-with-text-buttons-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.graphic-with-text-buttons-container {\\n height: 100%;\\n width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.graphic-with-text-buttons-template .large-graphic {\\n padding-left: 25px;\\n padding-right: 10px;\\n width: 100%;\\n max-height: 100%;\\n object-fit: contain;\\n margin-bottom: 20px;\\n}\\n\\n.graphic-with-text-buttons-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-right: 25px;\\n padding-left: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.tiles-only-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.tiles-only-container {\\n height: 100%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.tiles-only-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: start;\\n -moz-justify-content: flex-start;\\n -ms-justify-content: flex-start;\\n -o-justify-content: flex-start;\\n justify-content: flex-start;\\n -ms-flex-pack: start;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 15px;\\n padding-right: 15px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.tiles-only-template .soft-button {\\n height: 44%;\\n width: 30.6%;\\n margin: 2%;\\n text-align: center;\\n text-decoration: none;\\n position: relative;\\n}\\n\\n.tiles-only-template .soft-button:nth-of-type(3n) {\\n margin-right: 0;\\n}\\n\\n.tiles-only-template .soft-button:nth-of-type(3n+1) {\\n margin-left: 0;\\n}\\n\\n.text-with-graphic-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.text-with-graphic-container {\\n height: 100%;\\n width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.text-with-graphic-template .large-graphic {\\n padding-right: 25px;\\n padding-left: 10px;\\n width: 100%;\\n max-height: 100%;\\n object-fit: contain;\\n}\\n\\n.text-with-graphic-template .text-body {\\n width: 100%;\\n height: 75%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 25px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.graphic-with-text-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.graphic-with-text-container {\\n height: 100%;\\n min-width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.graphic-with-text-template .large-graphic {\\n padding-right: 25px;\\n padding-left: 10px;\\n max-height: 100%;\\n width: 100%;\\n object-fit: contain;\\n}\\n\\n.graphic-with-text-template .text-body {\\n width: 100%;\\n height: 75%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 25px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.min-width-50 {\\n min-width: 50%;\\n}\\n\\n.double-graphic-with-softbuttons-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n}\\n\\n.double-graphic-with-softbuttons-top-container {\\n height: 80%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n\\n.double-graphic-with-softbuttons-bottom-container {\\n height: 20%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.double-graphic-with-softbuttons-template .double-graphic {\\n padding-right: 10px;\\n padding-left: 10px;\\n width: 50%;\\n height: 100%;\\n object-fit: contain;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-button {\\n -ms-flex: 1 1 0px !important;\\n flex: 1 1 0 !important;\\n margin-bottom: 0px !important;\\n margin-right: 20px;\\n min-width: 0;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-button p {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n padding: 5px;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-button:last-child {\\n margin-right: 0px !important;\\n}\\n\\n.app-services-nav {\\n width: 100%;\\n height: 65px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n padding: 0 18px 0 18px;\\n position: relative;\\n z-index: 2000;\\n}\\n\\n.app-services-button-group {\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n height: 100%;\\n width: 80%;\\n}\\n\\n.app-services-button-group .waiting-message {\\n width: 100%;\\n min-width: 100%;\\n text-align: center;\\n padding: 0px;\\n}\\n\\n.app-services-button-group .svg-size {\\n height: 50px;\\n width: 50px;\\n min-width: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 5px;\\n}\\n\\n.app-services-button-group .svg-size svg {\\n height: 35px;\\n width: 35px;\\n}\\n\\n.app-services-button-group .app-service-icon {\\n height: 50px;\\n width: 50px;\\n min-width: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 5px;\\n}\\n\\n.app-services-button-group .app-service-icon img {\\n height: 35px;\\n width: 35px;\\n}\\n\\n.app-services-button-group .nav-text-bubble {\\n height: 50px;\\n width: 50px;\\n min-width: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 5px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.app-services-button-group .menu-color {\\n background-color: #696969;\\n}\\n\\n.app-services-button-group .nav-color {\\n background-color: #49C7ED;\\n}\\n\\n.app-services-button-group .media-color {\\n background-color: #49C7ED;\\n}\\n\\n.app-services-button-group .weather-color {\\n background-color: #49C7ED;\\n}\\n\\n.app-services-tab {\\n margin: 0 17px 0 17px;\\n border-radius: 10px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n width: 50px;\\n}\\n\\n.tab-wide__nav {\\n width: 500px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.tab-wide__media {\\n width: 500px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.tab-wide__weather {\\n width: 500px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.clock {\\n width: 15%;\\n}\\n\\n.hide-tab {\\n display: none !important;\\n width: 0 !important;\\n min-width: 0 !important;\\n}\\n\\n.tab-text {\\n max-height: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n width: 100%;\\n text-align: center;\\n}\\n\\n.tab-text p {\\n max-width: 50%;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n overflow: hidden;\\n padding-left: 10px;\\n}\\n\\n.even-spacing {\\n -ms-flex-pack: space-evenly;\\n justify-content: space-evenly;\\n}\\n\\n.weather-item {\\n min-width: 30%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n\\n.weather-item p {\\n padding-left: 5px;\\n}\\n\\n.width-40-pct {\\n width: 40%;\\n}\\n\\n.app-service-medium {\\n width: 100%;\\n height: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: space-evenly;\\n justify-content: space-evenly;\\n}\\n\\n.app-service-medium-tab {\\n width: 33.33%;\\n max-height: 100%;\\n margin: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-align: center;\\n align-items: center;\\n -ms-flex-pack: justify;\\n justify-content: space-between;\\n text-align: center;\\n}\\n\\n.app-service-overlay {\\n position: fixed;\\n top: 202.5px;\\n bottom: 65px;\\n height: 407.5px;\\n left: 0;\\n right: 0;\\n width: 960px;\\n margin: 25px 0px 0px 25px;\\n z-index: 1001;\\n}\\n\\n.dark-shadow {\\n box-shadow: 0px -10px 20px 0px;\\n}\\n\\n.light-shadow {\\n box-shadow: 0px -10px 20px 0px rgba(0, 0, 0, 0.15);\\n}\\n\\n.app-service-modal {\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n right: auto;\\n bottom: auto;\\n margin-right: -50%;\\n -ms-transform: translate(-50%, -50%);\\n transform: translate(-50%, -50%);\\n outline: none;\\n width: 100%;\\n height: 100%;\\n}\\n\\n.app-service-nav-card {\\n border-bottom: 1px solid #49C7ED;\\n}\\n\\n.app-service-nav-card .svg-size {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-nav-card .svg-size svg {\\n height: 75px;\\n width: 75px;\\n}\\n\\n.app-service-nav-card .app-service-icon {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-nav-card .app-service-icon img {\\n height: 75px;\\n width: 75px;\\n}\\n\\n.app-service-media-card {\\n border-bottom: 1px solid #49C7ED;\\n}\\n\\n.app-service-media-card .svg-size {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-media-card .svg-size svg {\\n height: 65px;\\n width: 65px;\\n}\\n\\n.app-service-media-card .app-service-icon {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-media-card .app-service-icon img {\\n height: 65px;\\n width: 65px;\\n}\\n\\n.app-service-media-card .media-color {\\n background-color: #45C5F6;\\n}\\n\\n.app-service-weather-card {\\n border-bottom: 1px solid #49C7ED;\\n}\\n\\n.app-service-weather-card .weather-line {\\n text-align: center;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n\\n.app-service-weather-card .svg-size {\\n height: 70px;\\n width: 70px;\\n min-width: 70px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-weather-card .svg-size svg {\\n height: 50px;\\n width: 50px;\\n}\\n\\n.app-service-weather-card .app-service-icon {\\n height: 70px;\\n width: 70px;\\n min-width: 70px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-weather-card .app-service-icon img {\\n height: 50px;\\n width: 50px;\\n}\\n\\n.app-service-weather-card .space-left {\\n margin-left: 5px;\\n}\\n\\n.app-service-weather-card .baseline {\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: baseline;\\n align-items: baseline;\\n}\\n\\n.app-service-weather-card .weather-color {\\n background-color: #F6457F;\\n}\\n\\n.app-service-card-divider {\\n max-height: 100%;\\n width: 1px;\\n margin: 25px 0px 25px 0px;\\n}\\n\\n.app-service-card-footer {\\n margin-bottom: 5px;\\n}\\n\\n.app-service-modal-button {\\n height: 30px;\\n width: 30px;\\n border-radius: 5px;\\n background-color: #F7F8F9;\\n float: right;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-modal-button .svg-size {\\n height: 25px;\\n width: 25px;\\n min-width: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-modal-button .svg-size svg {\\n height: 25px;\\n width: 25px;\\n}\\n\", \"\"]);\n\n// exports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader!./~/autoprefixer-loader?browsers=last 3 versions!./~/sass-loader?outputStyle=expanded!./src/css/main.scss\n// module id = 2\n// module chunks = 0\n//# sourceURL=webpack:///./src/css/main.scss?./~/css-loader!./~/autoprefixer-loader?browsers=last_3_versions!./~/sass-loader?outputStyle=expanded"); /***/ }), /* 3 */ @@ -3866,7 +3866,7 @@ /* 637 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRouter = __webpack_require__(94);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar HScrollMenuItem = function (_React$Component) {\n _inherits(HScrollMenuItem, _React$Component);\n\n function HScrollMenuItem(props) {\n _classCallCheck(this, HScrollMenuItem);\n\n return _possibleConstructorReturn(this, (HScrollMenuItem.__proto__ || Object.getPrototypeOf(HScrollMenuItem)).call(this, props));\n }\n\n _createClass(HScrollMenuItem, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var menuItem = this.props.menuItem;\n\n var graphic = this.props.menuItem.class == 'with-icon' ? _react2.default.createElement('span', { className: 'svg-wrap', dangerouslySetInnerHTML: { __html: '' + menuItem.image } }) : _react2.default.createElement('img', { src: menuItem.image });\n return _react2.default.createElement(\n 'div',\n {\n className: 'hscrollmenu-item th-b-color th-tile-background-color ' + menuItem.class,\n onClick: function onClick() {\n return _this2.props.onSelection(_this2.props.appID, _this2.props.cmdID, _this2.props.menuID);\n } },\n _react2.default.createElement(\n 'div',\n { className: 'hscrollmenu-item__device-name' },\n _react2.default.createElement(\n 'p',\n { className: 't-light th-f-color-secondary t-oneline' },\n menuItem.devicename\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: 'hscrollmenu-item__image' },\n graphic\n ),\n _react2.default.createElement(\n 'div',\n { className: 'hscrollmenu-item__name' },\n _react2.default.createElement(\n 'p',\n { className: 't-small t-light th-f-color' },\n menuItem.name\n )\n )\n );\n }\n }]);\n\n return HScrollMenuItem;\n}(_react2.default.Component);\n\nexports.default = HScrollMenuItem;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"HScrollMenuItem.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/HScrollMenuItem.js\n// module id = 637\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/HScrollMenuItem.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRouter = __webpack_require__(94);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar HScrollMenuItem = function (_React$Component) {\n _inherits(HScrollMenuItem, _React$Component);\n\n function HScrollMenuItem(props) {\n _classCallCheck(this, HScrollMenuItem);\n\n return _possibleConstructorReturn(this, (HScrollMenuItem.__proto__ || Object.getPrototypeOf(HScrollMenuItem)).call(this, props));\n }\n\n _createClass(HScrollMenuItem, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var menuItem = this.props.menuItem;\n\n var graphic = this.props.menuItem.class == 'with-icon' ? _react2.default.createElement('span', { className: 'svg-wrap', dangerouslySetInnerHTML: { __html: '' + menuItem.image } }) : _react2.default.createElement('img', { src: menuItem.image });\n\n var header = menuItem.devicename;\n var header_html = header ? _react2.default.createElement(\n 'div',\n { className: 'hscrollmenu-item__header' },\n _react2.default.createElement(\n 'p',\n { className: 't-light th-f-color-secondary t-oneline' },\n header\n )\n ) : null;\n return _react2.default.createElement(\n 'div',\n {\n className: 'hscrollmenu-item th-b-color th-tile-background-color ' + menuItem.class,\n onClick: function onClick() {\n return _this2.props.onSelection(_this2.props.appID, _this2.props.cmdID, _this2.props.menuID);\n } },\n header_html,\n _react2.default.createElement(\n 'div',\n { className: 'hscrollmenu-item__image' },\n graphic\n ),\n _react2.default.createElement(\n 'div',\n { className: 'hscrollmenu-item__name' },\n _react2.default.createElement(\n 'p',\n { className: 't-small t-light th-f-color' },\n menuItem.name\n )\n )\n );\n }\n }]);\n\n return HScrollMenuItem;\n}(_react2.default.Component);\n\nexports.default = HScrollMenuItem;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"HScrollMenuItem.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/HScrollMenuItem.js\n// module id = 637\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/HScrollMenuItem.js?"); /***/ }), /* 638 */ diff --git a/src/css/components/_h-scroll-menu-item.scss b/src/css/components/_h-scroll-menu-item.scss index 701fe7fad..750e99351 100644 --- a/src/css/components/_h-scroll-menu-item.scss +++ b/src/css/components/_h-scroll-menu-item.scss @@ -25,7 +25,7 @@ height: 23%; } - &__device-name { + &__header { position: absolute; top: 10px; width: 100%; diff --git a/src/js/HScrollMenuItem.js b/src/js/HScrollMenuItem.js index 170a94ea4..193371169 100644 --- a/src/js/HScrollMenuItem.js +++ b/src/js/HScrollMenuItem.js @@ -10,18 +10,23 @@ export default class HScrollMenuItem extends React.Component { const graphic = this.props.menuItem.class == 'with-icon' ? () : ; + + var header = menuItem.devicename; + var header_html = (header) ? + (
+

{ header }

+
) + : null; return (
this.props.onSelection(this.props.appID, this.props.cmdID, this.props.menuID)}> -
-

{ menuItem.devicename }

-
+ { header_html }
{ graphic }
-

{menuItem.name}

+

{ menuItem.name }

) From 027f7625b5cd709c1351d4ab2961e68da2c48208 Mon Sep 17 00:00:00 2001 From: Shobhit Adlakha Date: Fri, 16 Aug 2019 14:24:50 -0400 Subject: [PATCH 3/3] Update bundle.js --- build/bundle.js | 162 ++++++++++++++++++++++++------------------------ 1 file changed, 81 insertions(+), 81 deletions(-) diff --git a/build/bundle.js b/build/bundle.js index 368844a05..dfddab373 100644 --- a/build/bundle.js +++ b/build/bundle.js @@ -44,7 +44,7 @@ /* 0 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\n__webpack_require__(1);\n\nvar _MediaPlayer = __webpack_require__(21);\n\nvar _MediaPlayer2 = _interopRequireDefault(_MediaPlayer);\n\nvar _NonMedia = __webpack_require__(624);\n\nvar _NonMedia2 = _interopRequireDefault(_NonMedia);\n\nvar _LargeGraphicOnly = __webpack_require__(625);\n\nvar _LargeGraphicOnly2 = _interopRequireDefault(_LargeGraphicOnly);\n\nvar _LargeGraphicWithSoftbuttons = __webpack_require__(626);\n\nvar _LargeGraphicWithSoftbuttons2 = _interopRequireDefault(_LargeGraphicWithSoftbuttons);\n\nvar _GraphicWithTextButtons = __webpack_require__(627);\n\nvar _GraphicWithTextButtons2 = _interopRequireDefault(_GraphicWithTextButtons);\n\nvar _TextButtonsWithGraphic = __webpack_require__(628);\n\nvar _TextButtonsWithGraphic2 = _interopRequireDefault(_TextButtonsWithGraphic);\n\nvar _TextButtonsOnly = __webpack_require__(629);\n\nvar _TextButtonsOnly2 = _interopRequireDefault(_TextButtonsOnly);\n\nvar _TilesOnly = __webpack_require__(630);\n\nvar _TilesOnly2 = _interopRequireDefault(_TilesOnly);\n\nvar _TextWithGraphic = __webpack_require__(631);\n\nvar _TextWithGraphic2 = _interopRequireDefault(_TextWithGraphic);\n\nvar _GraphicWithText = __webpack_require__(632);\n\nvar _GraphicWithText2 = _interopRequireDefault(_GraphicWithText);\n\nvar _DoubleGraphicWithSoftbuttons = __webpack_require__(633);\n\nvar _DoubleGraphicWithSoftbuttons2 = _interopRequireDefault(_DoubleGraphicWithSoftbuttons);\n\nvar _HMIMenu = __webpack_require__(634);\n\nvar _HMIMenu2 = _interopRequireDefault(_HMIMenu);\n\nvar _InAppMenu = __webpack_require__(655);\n\nvar _InAppMenu2 = _interopRequireDefault(_InAppMenu);\n\nvar _InAppList = __webpack_require__(660);\n\nvar _InAppList2 = _interopRequireDefault(_InAppList);\n\nvar _Alert = __webpack_require__(316);\n\nvar _Alert2 = _interopRequireDefault(_Alert);\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = __webpack_require__(158);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _reactRouter = __webpack_require__(94);\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _store = __webpack_require__(602);\n\nvar _store2 = _interopRequireDefault(_store);\n\nvar _Controller = __webpack_require__(662);\n\nvar _Controller2 = _interopRequireDefault(_Controller);\n\nvar _BCController = __webpack_require__(606);\n\nvar _BCController2 = _interopRequireDefault(_BCController);\n\nvar _actions = __webpack_require__(601);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // import css\n\n\n// import react and js\n\n\nvar HMIApp = function (_React$Component) {\n _inherits(HMIApp, _React$Component);\n\n function HMIApp(props) {\n _classCallCheck(this, HMIApp);\n\n var _this = _possibleConstructorReturn(this, (HMIApp.__proto__ || Object.getPrototypeOf(HMIApp)).call(this, props));\n\n _this.state = {\n dark: true\n };\n _this.sdl = new _Controller2.default();\n _this.handleClick = _this.handleClick.bind(_this);\n return _this;\n }\n\n _createClass(HMIApp, [{\n key: 'handleClick',\n value: function handleClick() {\n var theme = !this.state.dark;\n this.setState({ dark: theme });\n _store2.default.dispatch((0, _actions.setTheme)(theme));\n }\n }, {\n key: 'handleShutdown',\n value: function handleShutdown() {\n _BCController2.default.onIgnitionCycleOver();\n _BCController2.default.onExitAllApplications(\"IGNITION_OFF\");\n }\n }, {\n key: 'render',\n value: function render() {\n var themeClass = this.state.dark ? 'dark-theme' : 'light-theme';\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(\n 'div',\n { className: themeClass },\n _react2.default.createElement(\n 'div',\n { className: 'app-body' },\n this.props.children\n )\n ),\n _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(\n 'div',\n { className: 'toggle-button', onClick: this.handleClick },\n 'Toggle theme'\n ),\n _react2.default.createElement(\n 'div',\n { className: 'shutdown-button', onClick: this.handleShutdown },\n 'Shutdown'\n )\n )\n );\n }\n }, {\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.sdl.connectToSDL();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n this.sdl.disconnectFromSDL();\n }\n }]);\n\n return HMIApp;\n}(_react2.default.Component);\n\n// render\n\n\n_reactDom2.default.render(_react2.default.createElement(\n _reactRedux.Provider,\n { store: _store2.default },\n _react2.default.createElement(\n HMIApp,\n null,\n _react2.default.createElement(\n _reactRouter.Router,\n { history: _reactRouter.hashHistory },\n _react2.default.createElement(_reactRouter.Route, { path: '/', component: _HMIMenu2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/media', component: _MediaPlayer2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/nonmedia', component: _NonMedia2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/large-graphic-only', component: _LargeGraphicOnly2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/large-graphic-with-softbuttons', component: _LargeGraphicWithSoftbuttons2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/graphic-with-text-buttons', component: _GraphicWithTextButtons2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/text-buttons-with-graphic', component: _TextButtonsWithGraphic2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/tiles-only', component: _TilesOnly2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/text-buttons-only', component: _TextButtonsOnly2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/text-with-graphic', component: _TextWithGraphic2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/graphic-with-text', component: _GraphicWithText2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/double-graphic-with-softbuttons', component: _DoubleGraphicWithSoftbuttons2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/inappmenu', component: _InAppMenu2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/inapplist', component: _InAppList2.default })\n )\n )\n), document.getElementById('app'));\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"entry.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/entry.js\n// module id = 0\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/entry.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\n__webpack_require__(1);\n\nvar _MediaPlayer = __webpack_require__(21);\n\nvar _MediaPlayer2 = _interopRequireDefault(_MediaPlayer);\n\nvar _NonMedia = __webpack_require__(624);\n\nvar _NonMedia2 = _interopRequireDefault(_NonMedia);\n\nvar _LargeGraphicOnly = __webpack_require__(625);\n\nvar _LargeGraphicOnly2 = _interopRequireDefault(_LargeGraphicOnly);\n\nvar _LargeGraphicWithSoftbuttons = __webpack_require__(626);\n\nvar _LargeGraphicWithSoftbuttons2 = _interopRequireDefault(_LargeGraphicWithSoftbuttons);\n\nvar _GraphicWithTextButtons = __webpack_require__(627);\n\nvar _GraphicWithTextButtons2 = _interopRequireDefault(_GraphicWithTextButtons);\n\nvar _TextButtonsWithGraphic = __webpack_require__(628);\n\nvar _TextButtonsWithGraphic2 = _interopRequireDefault(_TextButtonsWithGraphic);\n\nvar _TextButtonsOnly = __webpack_require__(629);\n\nvar _TextButtonsOnly2 = _interopRequireDefault(_TextButtonsOnly);\n\nvar _TilesOnly = __webpack_require__(630);\n\nvar _TilesOnly2 = _interopRequireDefault(_TilesOnly);\n\nvar _TextWithGraphic = __webpack_require__(631);\n\nvar _TextWithGraphic2 = _interopRequireDefault(_TextWithGraphic);\n\nvar _GraphicWithText = __webpack_require__(632);\n\nvar _GraphicWithText2 = _interopRequireDefault(_GraphicWithText);\n\nvar _DoubleGraphicWithSoftbuttons = __webpack_require__(633);\n\nvar _DoubleGraphicWithSoftbuttons2 = _interopRequireDefault(_DoubleGraphicWithSoftbuttons);\n\nvar _HMIMenu = __webpack_require__(634);\n\nvar _HMIMenu2 = _interopRequireDefault(_HMIMenu);\n\nvar _InAppMenu = __webpack_require__(655);\n\nvar _InAppMenu2 = _interopRequireDefault(_InAppMenu);\n\nvar _InAppList = __webpack_require__(660);\n\nvar _InAppList2 = _interopRequireDefault(_InAppList);\n\nvar _Alert = __webpack_require__(316);\n\nvar _Alert2 = _interopRequireDefault(_Alert);\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = __webpack_require__(158);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _reactRouter = __webpack_require__(94);\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _store = __webpack_require__(602);\n\nvar _store2 = _interopRequireDefault(_store);\n\nvar _Controller = __webpack_require__(662);\n\nvar _Controller2 = _interopRequireDefault(_Controller);\n\nvar _BCController = __webpack_require__(606);\n\nvar _BCController2 = _interopRequireDefault(_BCController);\n\nvar _actions = __webpack_require__(601);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // import css\n\n\n// import react and js\n\n\nvar HMIApp = function (_React$Component) {\n _inherits(HMIApp, _React$Component);\n\n function HMIApp(props) {\n _classCallCheck(this, HMIApp);\n\n var _this = _possibleConstructorReturn(this, (HMIApp.__proto__ || Object.getPrototypeOf(HMIApp)).call(this, props));\n\n _this.state = {\n dark: true\n };\n _this.sdl = new _Controller2.default();\n _this.handleClick = _this.handleClick.bind(_this);\n return _this;\n }\n\n _createClass(HMIApp, [{\n key: 'handleClick',\n value: function handleClick() {\n var theme = !this.state.dark;\n this.setState({ dark: theme });\n _store2.default.dispatch((0, _actions.setTheme)(theme));\n }\n }, {\n key: 'handleShutdown',\n value: function handleShutdown() {\n _BCController2.default.onIgnitionCycleOver();\n _BCController2.default.onExitAllApplications(\"IGNITION_OFF\");\n }\n }, {\n key: 'render',\n value: function render() {\n var themeClass = this.state.dark ? 'dark-theme' : 'light-theme';\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(\n 'div',\n { className: themeClass },\n _react2.default.createElement(\n 'div',\n { className: 'app-body' },\n this.props.children\n )\n ),\n _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(\n 'div',\n { className: 'toggle-button', onClick: this.handleClick },\n 'Toggle theme'\n ),\n _react2.default.createElement(\n 'div',\n { className: 'shutdown-button', onClick: this.handleShutdown },\n 'Shutdown'\n )\n )\n );\n }\n }, {\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.sdl.connectToSDL();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n this.sdl.disconnectFromSDL();\n }\n }]);\n\n return HMIApp;\n}(_react2.default.Component);\n\n// render\n\n\n_reactDom2.default.render(_react2.default.createElement(\n _reactRedux.Provider,\n { store: _store2.default },\n _react2.default.createElement(\n HMIApp,\n null,\n _react2.default.createElement(\n _reactRouter.Router,\n { history: _reactRouter.hashHistory },\n _react2.default.createElement(_reactRouter.Route, { path: '/', component: _HMIMenu2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/media', component: _MediaPlayer2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/nonmedia', component: _NonMedia2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/large-graphic-only', component: _LargeGraphicOnly2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/large-graphic-with-softbuttons', component: _LargeGraphicWithSoftbuttons2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/graphic-with-text-buttons', component: _GraphicWithTextButtons2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/text-buttons-with-graphic', component: _TextButtonsWithGraphic2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/tiles-only', component: _TilesOnly2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/text-buttons-only', component: _TextButtonsOnly2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/text-with-graphic', component: _TextWithGraphic2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/graphic-with-text', component: _GraphicWithText2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/double-graphic-with-softbuttons', component: _DoubleGraphicWithSoftbuttons2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/inappmenu', component: _InAppMenu2.default }),\n _react2.default.createElement(_reactRouter.Route, { path: '/inapplist', component: _InAppList2.default })\n )\n )\n), document.getElementById('app'));\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"entry.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/entry.js\n// module id = 0\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/entry.js?"); /***/ }), /* 1 */ @@ -56,7 +56,7 @@ /* 2 */ /***/ (function(module, exports, __webpack_require__) { - eval("exports = module.exports = __webpack_require__(3)();\n// imports\n\n\n// module\nexports.push([module.id, \"html {\\n font-family: sans-serif;\\n /* 1 */\\n -ms-text-size-adjust: 100%;\\n /* 2 */\\n -webkit-text-size-adjust: 100%;\\n /* 2 */\\n width: 100%;\\n min-height: 100%;\\n box-sizing: border-box;\\n}\\n\\n*, *:before, *:after {\\n box-sizing: inherit;\\n}\\n\\n/**\\n* Remove default margin.\\n*/\\nbody {\\n position: relative;\\n margin: 0;\\n padding: 0;\\n width: 100%;\\n height: 100%;\\n}\\n\\nh1, h2, h3, h4, h5, h6, p {\\n margin: 0;\\n padding: 0;\\n}\\n\\n* {\\n outline-color: #78C96F;\\n}\\n\\n/* HTML5 display definitions\\n========================================================================== */\\n/**\\n* Correct `block` display not defined for any HTML5 element in IE 8/9.\\n* Correct `block` display not defined for `details` or `summary` in IE 10/11\\n* and Firefox.\\n* Correct `block` display not defined for `main` in IE 11.\\n*/\\narticle,\\naside,\\ndetails,\\nfigcaption,\\nfigure,\\nfooter,\\nheader,\\nhgroup,\\nmain,\\nmenu,\\nnav,\\nsection,\\nsummary,\\nformset {\\n display: block;\\n}\\n\\n/**\\n* 1. Correct `inline-block` display not defined in IE 8/9.\\n* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\\n*/\\naudio,\\ncanvas,\\nprogress,\\nvideo {\\n display: inline-block;\\n /* 1 */\\n vertical-align: baseline;\\n /* 2 */\\n}\\n\\n/**\\n* Prevent modern browsers from displaying `audio` without controls.\\n* Remove excess height in iOS 5 devices.\\n*/\\naudio:not([controls]) {\\n display: none;\\n height: 0;\\n}\\n\\n/**\\n* Address `[hidden]` styling not present in IE 8/9/10.\\n* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.\\n*/\\n[hidden],\\ntemplate {\\n display: none;\\n}\\n\\n/* Links\\n========================================================================== */\\n/**\\n* Remove the gray background color from active links in IE 10.\\n*/\\na {\\n background-color: transparent;\\n}\\n\\n/**\\n* Improve readability when focused and also mouse hovered in all browsers.\\n*/\\na:active,\\na:hover {\\n outline: 0;\\n}\\n\\n/* Text-level semantics\\n========================================================================== */\\n/**\\n* Address styling not present in IE 8/9/10/11, Safari, and Chrome.\\n*/\\nabbr[title] {\\n border-bottom: 1px dotted;\\n}\\n\\n/**\\n* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\\n*/\\nb,\\nstrong {\\n font-weight: bold;\\n}\\n\\n/**\\n* Address styling not present in Safari and Chrome.\\n*/\\ndfn {\\n font-style: italic;\\n}\\n\\n/**\\n* Address styling not present in IE 8/9.\\n*/\\nmark {\\n background: #ff0;\\n color: #000;\\n}\\n\\n/**\\n* Address inconsistent and variable font size in all browsers.\\n*/\\nsmall {\\n font-size: 80%;\\n}\\n\\n/**\\n* Prevent `sub` and `sup` affecting `line-height` in all browsers.\\n*/\\nsub,\\nsup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n}\\n\\nsup {\\n top: -0.5em;\\n}\\n\\nsub {\\n bottom: -0.25em;\\n}\\n\\n/* Embedded content\\n========================================================================== */\\n/**\\n* Remove border when inside `a` element in IE 8/9/10.\\n*/\\nimg {\\n border: 0;\\n}\\n\\n/**\\n* Correct overflow not hidden in IE 9/10/11.\\n*/\\nsvg:not(:root) {\\n overflow: hidden;\\n}\\n\\n/* Grouping content\\n========================================================================== */\\n/**\\n* Address margin not present in IE 8/9 and Safari.\\n*/\\nfigure {\\n margin: 1em 40px;\\n}\\n\\n/**\\n* Address differences between Firefox and other browsers.\\n*/\\nhr {\\n box-sizing: content-box;\\n}\\n\\n/**\\n* Contain overflow in all browsers.\\n*/\\npre {\\n overflow: auto;\\n}\\n\\n/**\\n* Address odd `em`-unit font size rendering in all browsers.\\n*/\\ncode,\\nkbd,\\npre,\\nsamp {\\n font-family: monospace, monospace;\\n font-size: 1em;\\n}\\n\\n/* Forms\\n========================================================================== */\\n/**\\n* Known limitation: by default, Chrome and Safari on OS X allow very limited\\n* styling of `select`, unless a `border` property is set.\\n*/\\n/**\\n* 1. Correct color not being inherited.\\n* Known issue: affects color of disabled elements.\\n* 2. Correct font properties not being inherited.\\n* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\\n*/\\nbutton,\\ninput,\\noptgroup,\\nselect,\\ntextarea {\\n color: inherit;\\n /* 1 */\\n font: inherit;\\n /* 2 */\\n margin: 0;\\n /* 3 */\\n}\\n\\n/**\\n* Address `overflow` set to `hidden` in IE 8/9/10/11.\\n*/\\nbutton {\\n overflow: visible;\\n}\\n\\n/**\\n* Address inconsistent `text-transform` inheritance for `button` and `select`.\\n* All other form control elements do not inherit `text-transform` values.\\n* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\\n* Correct `select` style inheritance in Firefox.\\n*/\\nbutton,\\nselect {\\n text-transform: none;\\n}\\n\\n/**\\n* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\\n* and `video` controls.\\n* 2. Correct inability to style clickable `input` types in iOS.\\n* 3. Improve usability and consistency of cursor style between image-type\\n* `input` and others.\\n*/\\nbutton,\\nhtml input[type=\\\"button\\\"],\\ninput[type=\\\"reset\\\"],\\ninput[type=\\\"submit\\\"] {\\n -webkit-appearance: button;\\n /* 2 */\\n cursor: pointer;\\n /* 3 */\\n}\\n\\n/**\\n* Re-set default cursor for disabled elements.\\n*/\\nbutton[disabled],\\nhtml input[disabled] {\\n cursor: default;\\n}\\n\\n/**\\n* Remove inner padding and border in Firefox 4+.\\n*/\\nbutton::-moz-focus-inner,\\ninput::-moz-focus-inner {\\n border: 0;\\n padding: 0;\\n}\\n\\n/**\\n* Address Firefox 4+ setting `line-height` on `input` using `!important` in\\n* the UA stylesheet.\\n*/\\ninput {\\n line-height: normal;\\n}\\n\\n/**\\n* It's recommended that you don't attempt to style these elements.\\n* Firefox's implementation doesn't respect box-sizing, padding, or width.\\n*\\n* 1. Address box sizing set to `content-box` in IE 8/9/10.\\n* 2. Remove excess padding in IE 8/9/10.\\n*/\\ninput[type=\\\"checkbox\\\"],\\ninput[type=\\\"radio\\\"] {\\n box-sizing: border-box;\\n /* 1 */\\n padding: 0;\\n /* 2 */\\n}\\n\\n/**\\n* Fix the cursor style for Chrome's increment/decrement buttons. For certain\\n* `font-size` values of the `input`, it causes the cursor style of the\\n* decrement button to change from `default` to `text`.\\n*/\\ninput[type=\\\"number\\\"]::-webkit-inner-spin-button,\\ninput[type=\\\"number\\\"]::-webkit-outer-spin-button {\\n height: auto;\\n}\\n\\n/**\\n* 1. Address `appearance` set to `searchfield` in Safari and Chrome.\\n* 2. Address `box-sizing` set to `border-box` in Safari and Chrome\\n* (include `-moz` to future-proof).\\n*/\\ninput[type=\\\"search\\\"] {\\n -webkit-appearance: textfield;\\n /* 1 */\\n /* 2 */\\n box-sizing: border-box;\\n}\\n\\n/**\\n* Remove inner padding and search cancel button in Safari and Chrome on OS X.\\n* Safari (but not Chrome) clips the cancel button when the search input has\\n* padding (and `textfield` appearance).\\n*/\\ninput[type=\\\"search\\\"]::-webkit-search-cancel-button,\\ninput[type=\\\"search\\\"]::-webkit-search-decoration {\\n -webkit-appearance: none;\\n}\\n\\n/**\\n* Define consistent border, margin, and padding.\\n*/\\nfieldset {\\n border: 1px solid #c0c0c0;\\n margin: 0;\\n padding: 0;\\n}\\n\\n/**\\n* 1. Correct `color` not being inherited in IE 8/9/10/11.\\n* 2. Remove padding so people aren't caught out if they zero out fieldsets.\\n*/\\nlegend {\\n border: 0;\\n /* 1 */\\n padding: 0;\\n /* 2 */\\n}\\n\\n/**\\n* Remove default vertical scrollbar in IE 8/9/10/11.\\n*/\\ntextarea {\\n overflow: auto;\\n}\\n\\n/**\\n* Don't inherit the `font-weight` (applied by a rule above).\\n* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\\n*/\\noptgroup {\\n font-weight: bold;\\n}\\n\\n/* Tables\\n========================================================================== */\\n/**\\n* Remove most spacing between table cells.\\n*/\\ntable {\\n border-collapse: collapse;\\n border-spacing: 0;\\n}\\n\\ntd,\\nth {\\n padding: 0;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(4) + \");\\n src: url(\" + __webpack_require__(4) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(5) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(6) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(7) + \") format(\\\"ttf\\\");\\n font-weight: 200;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(8) + \");\\n src: url(\" + __webpack_require__(8) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(9) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(10) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(11) + \") format(\\\"ttf\\\");\\n font-weight: 400;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(12) + \");\\n src: url(\" + __webpack_require__(12) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(13) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(14) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(15) + \") format(\\\"ttf\\\");\\n font-weight: 500;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(16) + \");\\n src: url(\" + __webpack_require__(16) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(17) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(18) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(19) + \") format(\\\"ttf\\\");\\n font-weight: 600;\\n}\\n\\n.bg-bright-blue {\\n background-color: #65a0ff;\\n}\\n\\n.bg-light-blue {\\n background-color: #A9CAFF;\\n}\\n\\n.bg-tire {\\n background-color: #222222;\\n}\\n\\n.bg-asphalt {\\n background-color: #333333;\\n}\\n\\n.bg-slate {\\n background-color: #626262;\\n}\\n\\n.bg-glass {\\n background-color: #efefef;\\n}\\n\\n.bg-aluminum {\\n background-color: #d9d9d9;\\n}\\n\\n.bg-steel {\\n background-color: #a7a7a7;\\n}\\n\\n.bg-black {\\n background-color: #000000;\\n}\\n\\n.bg-white {\\n background-color: #ffffff;\\n}\\n\\n.fc-bright-blue {\\n color: #65a0ff;\\n}\\n\\n.fc-light-blue {\\n color: #A9CAFF;\\n}\\n\\n.fc-tire {\\n color: #222222;\\n}\\n\\n.fc-asphalt {\\n color: #333333;\\n}\\n\\n.fc-slate {\\n color: #626262;\\n}\\n\\n.fc-glass {\\n color: #efefef;\\n}\\n\\n.fc-aluminum {\\n color: #d9d9d9;\\n}\\n\\n.fc-steel {\\n color: #a7a7a7;\\n}\\n\\n.fc-black {\\n color: #000000;\\n}\\n\\n.fc-white {\\n color: #ffffff;\\n}\\n\\nbody {\\n font-family: 'LivioNorm', Helvetica, sans-serif;\\n font-weight: normal;\\n font-size: 15px;\\n margin: 25px;\\n overflow: hidden;\\n}\\n\\n#app {\\n width: 960px;\\n}\\n\\n#app .app-body {\\n height: 675px;\\n}\\n\\n.toggle-button {\\n margin-top: 20px;\\n width: 140px;\\n border: 1px solid #000000;\\n border-radius: 2px;\\n text-align: center;\\n padding: 10px 0;\\n float: left;\\n}\\n\\n.toggle-button:hover {\\n cursor: pointer;\\n background: #000000;\\n color: #ffffff;\\n}\\n\\n.shutdown-button {\\n margin-top: 20px;\\n margin-left: 20px;\\n width: 140px;\\n border: 1px solid #000000;\\n border-radius: 2px;\\n text-align: center;\\n padding: 10px 0;\\n float: left;\\n}\\n\\n.shutdown-button:hover {\\n cursor: pointer;\\n background: #000000;\\n color: #ffffff;\\n}\\n\\n.t-large {\\n -webkit-font-smoothing: antialiased;\\n font-size: 40px;\\n line-height: 1.2;\\n}\\n\\n.t-small {\\n -webkit-font-smoothing: antialiased;\\n font-size: 25px;\\n line-height: 2;\\n}\\n\\n.t-light {\\n font-weight: 200;\\n}\\n\\n.t-medium {\\n font-weight: 500;\\n}\\n\\n.t-ls1 {\\n letter-spacing: 1px;\\n}\\n\\n.t-oneline {\\n white-space: nowrap;\\n text-align: center;\\n}\\n\\n.dark-theme .app-body {\\n background: #222222;\\n}\\n\\n.dark-theme .app__header {\\n background-image: linear-gradient(#000000, #222222);\\n}\\n\\n.dark-theme .th-f-color {\\n color: #ffffff;\\n}\\n\\n.dark-theme .th-f-color-secondary {\\n color: #626262;\\n}\\n\\n.dark-theme .th-f-color-alt {\\n color: #ffffff;\\n}\\n\\n.dark-theme .th-b-color {\\n border-color: #333333;\\n}\\n\\n.dark-theme .th-b-color-secondary {\\n border-color: #ffffff;\\n}\\n\\n.dark-theme .th-box-shadow {\\n box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.75);\\n}\\n\\n.dark-theme .th-bb-color {\\n border-bottom-color: #333333;\\n}\\n\\n.dark-theme .th-bg-color {\\n background-color: #000000;\\n}\\n\\n.dark-theme .th-f-accent-color {\\n color: #65a0ff;\\n}\\n\\n.dark-theme .th-soft-buttons {\\n border-color: #626262;\\n}\\n\\n.dark-theme .th-soft-buttons:active {\\n background-color: #222222;\\n}\\n\\n.dark-theme .svg-wrap svg path,\\n.dark-theme .svg-wrap svg polygon {\\n fill: #ffffff;\\n}\\n\\n.dark-theme .svg-wrap-secondary svg path,\\n.dark-theme .svg-wrap-secondary svg polygon {\\n fill: #626262;\\n}\\n\\n.dark-theme .svg-fill-important {\\n fill: #ffffff !important;\\n}\\n\\n.dark-theme .svg-stroke {\\n stroke: #ffffff !important;\\n}\\n\\n.dark-theme .th-tile-background-color {\\n background-color: #111111;\\n}\\n\\n.dark-theme .th-nav-background-color {\\n background-color: #121212;\\n}\\n\\n.dark-theme .th-divider-color {\\n background-color: #FFFFFF;\\n}\\n\\n.light-theme .app-body {\\n background: #efefef;\\n}\\n\\n.light-theme .app__header {\\n background-image: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0));\\n}\\n\\n.light-theme .th-f-color {\\n color: #222222;\\n}\\n\\n.light-theme .th-f-color-secondary {\\n color: #a7a7a7;\\n}\\n\\n.light-theme .th-f-color-alt {\\n color: #000000;\\n}\\n\\n.light-theme .th-b-color {\\n border-color: #dddddd;\\n}\\n\\n.light-theme .th-b-color-secondary {\\n border-color: #000000;\\n}\\n\\n.light-theme .th-box-shadow {\\n box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.25);\\n}\\n\\n.light-theme .th-bb-color {\\n border-bottom-color: #d9d9d9;\\n}\\n\\n.light-theme .th-bg-color {\\n background-color: #ffffff;\\n}\\n\\n.light-theme .th-f-accent-color {\\n color: #65a0ff;\\n}\\n\\n.light-theme .th-soft-buttons {\\n border-color: #919191;\\n}\\n\\n.light-theme .th-soft-buttons:active {\\n background-color: #efefef;\\n}\\n\\n.light-theme .svg-wrap svg path,\\n.light-theme .svg-wrap svg polygon {\\n fill: #000000;\\n}\\n\\n.light-theme .svg-wrap-secondary svg path,\\n.light-theme .svg-wrap-secondary svg polygon {\\n fill: #a7a7a7;\\n}\\n\\n.light-theme .svg-fill-important {\\n fill: #000000 !important;\\n}\\n\\n.light-theme .svg-stroke {\\n stroke: #000000 !important;\\n}\\n\\n.light-theme .th-tile-background-color {\\n background-color: #ffffff;\\n}\\n\\n.light-theme .th-nav-background-color {\\n background-color: #F7F8F9;\\n}\\n\\n.light-theme .th-divider-color {\\n background-color: #000000;\\n}\\n\\n.app__header {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n flex-shrink: 0;\\n -ms-flex-negative: 0;\\n position: relative;\\n z-index: 1000;\\n height: 75px;\\n padding: 0 25px;\\n}\\n\\n.app__header div {\\n box-flex: 1;\\n -moz-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n}\\n\\n.app__header div:nth-of-type(2) {\\n text-align: center;\\n}\\n\\n.app__header div:nth-of-type(3) {\\n text-align: right;\\n}\\n\\n.app__header div span svg {\\n width: 14px;\\n margin-left: 16px;\\n}\\n\\n.app__header span,\\n.app__header img {\\n display: inline-block;\\n vertical-align: middle;\\n}\\n\\n.app__header a {\\n text-decoration: none;\\n text-transform: uppercase;\\n}\\n\\n.app__header .svg-wrap-secondary {\\n width: 30px;\\n}\\n\\n.app__header .svg-wrap-secondary svg {\\n width: 10px;\\n height: 10px;\\n margin-left: 5px;\\n}\\n\\n.media-template {\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.media-player-body {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: single;\\n -moz-box-lines: single;\\n box-lines: single;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n align-content: center;\\n -ms-flex-line-pack: center;\\n height: calc((675px - 75px) / 1.8461);\\n padding: 0 55px;\\n position: relative;\\n z-index: 100;\\n}\\n\\n.media-track {\\n padding-top: 10px;\\n width: 60%;\\n position: relative;\\n text-align: center;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.media-track__time {\\n position: absolute;\\n bottom: 10px;\\n width: 100%;\\n}\\n\\n.media-metadata {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n box-flex: 1;\\n -moz-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n margin-bottom: 60px;\\n}\\n\\n.progress-bar {\\n position: relative;\\n height: calc((675px - 75px) / 6);\\n border-bottom: 2px solid;\\n}\\n\\n.progress-bar__progress {\\n position: absolute;\\n height: calc(100% + 2px);\\n background: #65a0ff;\\n}\\n\\n.control-bar {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-flex: 1;\\n -moz-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n background: #000000;\\n}\\n\\n.control-bar__control--double {\\n height: 75px;\\n width: 150px;\\n}\\n\\n.control-bar__control--square {\\n height: 75px;\\n width: 75px;\\n}\\n\\n.control-bar__control--primary {\\n height: 75px;\\n width: 60px;\\n}\\n\\n.control-bar__control--secondary {\\n height: 54px;\\n width: 75px;\\n}\\n\\n.control-bar__control--tertiary {\\n height: 75px;\\n width: 75px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.control-bar__control--tertiary img {\\n max-width: 100%;\\n}\\n\\n.control-bar__control--tertiary--static {\\n width: 75px;\\n}\\n\\n.control-bar .svg-wrap {\\n height: 100%;\\n position: relative;\\n}\\n\\n.control-bar .svg-wrap svg {\\n max-height: 100%;\\n}\\n\\n.album-art {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n margin: auto 0px;\\n height: 374.98047px;\\n width: 374.98047px;\\n -ms-transform: translateY(1%);\\n transform: translateY(1%);\\n border-radius: 4px;\\n}\\n\\n.album-art img {\\n width: 100%;\\n}\\n\\n.static-icon {\\n height: 100%;\\n width: 100%;\\n}\\n\\n.app-icon {\\n height: 40px;\\n width: 40px;\\n display: inline-block;\\n vertical-align: middle;\\n}\\n\\n.hscrollmenu {\\n width: 100%;\\n height: calc(675px - 140px);\\n overflow-y: auto;\\n padding: calc(675px / 21.6) 0px 0 0px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n align-content: flex-start;\\n -ms-flex-line-pack: start;\\n}\\n\\n.hscrollmenu .hscrollmenu-block {\\n --menu-width: 960px;\\n --box-width-3: calc(var(--menu-width) * 0.3);\\n --margin-size-3: calc((var(--menu-width) - (var(--box-width-3) * 3)) / 3);\\n --calc-width-3: calc(var(--box-width-3) - (var(--margin-size-3) / 3));\\n --box-width-2: calc(var(--menu-width) * 0.45);\\n --margin-size-2: calc((var(--menu-width) - (var(--box-width-2) * 2)) / 2);\\n --calc-width-2: calc(var(--box-width-2) - (var(--margin-size-2) / 2));\\n --box-width-1: calc(var(--menu-width) * 0.9);\\n --margin-size-1: calc((var(--menu-width) - (var(--box-width-1) * 1)) / 1);\\n --calc-width-1: calc(var(--box-width-1) - (var(--margin-size-1) / 1));\\n width: var(--calc-width-3);\\n margin-left: var(--margin-size-3);\\n margin-bottom: var(--margin-size-3);\\n height: calc((var(--calc-width-3)) * 0.78);\\n}\\n\\n.hscrollmenu-item {\\n display: block;\\n height: 100%;\\n text-align: center;\\n text-decoration: none;\\n color: #ffffff;\\n border: 2px solid;\\n position: relative;\\n}\\n\\n.hscrollmenu-item__image {\\n height: 50%;\\n width: 50%;\\n margin: 25px auto 12px;\\n border-radius: 4px;\\n}\\n\\n.hscrollmenu-item__image img {\\n width: 100%;\\n}\\n\\n.hscrollmenu-item__name {\\n position: absolute;\\n bottom: 0px;\\n width: 100%;\\n height: 23%;\\n}\\n\\n.hscrollmenu-item.with-icon .hscrollmenu-item__image {\\n height: 50px;\\n width: 50px;\\n margin: 50px auto;\\n}\\n\\n.hscrollmenu-item.with-icon .svg-wrap {\\n height: 50px;\\n width: 50px;\\n}\\n\\n.hscrollmenu-item.with-icon .t-small {\\n -webkit-font-smoothing: antialiased;\\n font-size: 40px;\\n line-height: 1.2;\\n}\\n\\n.vscrollmenu {\\n width: 100%;\\n height: 600px;\\n overflow-y: scroll;\\n}\\n\\n::-webkit-scrollbar {\\n display: none;\\n}\\n\\n.vscrollmenu-item {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n padding: 50px 55px;\\n text-decoration: none;\\n color: #ffffff;\\n border-bottom: 2px solid;\\n}\\n\\n.vscrollmenu-item__image {\\n height: 150px;\\n width: 150px;\\n margin: 25px auto 12px;\\n border-radius: 4px;\\n}\\n\\n.vscrollmenu-item__image img {\\n max-width: 100%;\\n}\\n\\n.vscrollmenu-item .svg-wrap {\\n display: block;\\n width: 26px;\\n height: 44px;\\n}\\n\\n.vscrollmenu-item-primary {\\n display: -ms-flexbox;\\n display: flex;\\n width: 100%;\\n}\\n\\n.vscrollmenu-item-image {\\n height: 1.15em;\\n width: 1.15em;\\n margin-left: 20px;\\n}\\n\\n.vscrollmenu-item-image img {\\n max-height: 100%;\\n}\\n\\n.tiles-only-list {\\n height: 600px;\\n overflow-x: scroll;\\n padding: 100px 55px 0;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n}\\n\\n.tiles-only-list:after {\\n content: '';\\n display: inline-block;\\n width: 100px;\\n}\\n\\n.tile {\\n height: 150px;\\n width: 150px;\\n margin: 0 110px 100px 0;\\n border-radius: 4px;\\n}\\n\\n.tile:nth-of-type(even) {\\n margin-bottom: 0;\\n}\\n\\n.tile img {\\n width: 100%;\\n border-radius: inherit;\\n}\\n\\n.non-media-template {\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.non-media-meta-data {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n width: 100%;\\n height: 98px;\\n margin-left: 50px;\\n margin-bottom: 42px;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.non-media-body {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: horizontal;\\n box-direction: reverse;\\n -moz-flex-direction: row-reverse;\\n flex-direction: row-reverse;\\n -ms-flex-direction: row-reverse;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n}\\n\\n.non-media-text-2 {\\n width: 100%;\\n text-align: center;\\n margin-right: 50px;\\n}\\n\\n.non-media-text-4 {\\n width: 50%;\\n text-align: left;\\n}\\n\\n.non-media-graphic {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n margin: auto 50px;\\n height: calc((675px - 173px) / 1.22439);\\n width: calc((675px - 173px) / 1.22439);\\n}\\n\\n.non-media-graphic img {\\n width: 100%;\\n}\\n\\n.non-media .soft-buttons {\\n width: 50%;\\n height: calc(((675px - 173px) / 1.22439 ) + 20px);\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 50px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.non-media .soft-buttons-with-graphic {\\n -ms-transform: translateY(calc(-1 * (675px - 173px) / 1.22439));\\n transform: translateY(calc(-1 * (675px - 173px) / 1.22439));\\n}\\n\\n.soft-button-tile-large {\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile {\\n width: 47.63%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile-small {\\n width: 47.63%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile-wide-large {\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile-wide {\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-image {\\n height: 1.5em;\\n max-width: 100%;\\n}\\n\\n.soft-button-image img {\\n max-width: 100%;\\n max-height: 100%;\\n}\\n\\n.soft-button-image-static {\\n max-height: 75px;\\n max-width: 100%;\\n min-width: 75px;\\n}\\n\\n.soft-button p {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n padding: 5px;\\n}\\n\\n.soft-button {\\n min-width: 0;\\n}\\n\\n.large-graphic-only-template {\\n width: 100%;\\n height: 100%;\\n}\\n\\n.large-graphic-only {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n}\\n\\n.large-graphic-only .large-graphic {\\n width: 100%;\\n height: 100%;\\n object-fit: contain;\\n}\\n\\n.large-graphic-only .large-graphic svg {\\n width: 100%;\\n height: 100%;\\n}\\n\\n.large-graphic-with-softbuttons-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n}\\n\\n.large-graphic-with-softbuttons-top-container {\\n height: 80%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.large-graphic-with-softbuttons-bottom-container {\\n height: 20%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.large-graphic-with-softbuttons-template .large-graphic {\\n padding-right: 10px;\\n padding-left: 10px;\\n width: 100%;\\n object-fit: contain;\\n margin-bottom: 50px;\\n height: 100%;\\n}\\n\\n.large-graphic-with-softbuttons-template svg {\\n max-height: 100%;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-button {\\n -ms-flex: 1 1 0px !important;\\n flex: 1 1 0 !important;\\n margin-bottom: 0px !important;\\n margin-right: 20px;\\n min-width: 0;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-button p {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n padding: 5px;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-button:last-child {\\n margin-right: 0px !important;\\n}\\n\\n.text-buttons-with-graphic-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.text-buttons-with-graphic-container {\\n height: 100%;\\n width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.text-buttons-with-graphic-template .large-graphic {\\n padding-right: 25px;\\n padding-left: 10px;\\n width: 100%;\\n max-height: 100%;\\n object-fit: contain;\\n margin-bottom: 20px;\\n}\\n\\n.text-buttons-with-graphic-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 25px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.text-buttons-only-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.text-buttons-only-container {\\n height: 100%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.text-buttons-only-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 15px;\\n padding-right: 15px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.text-buttons-only-template .soft-button-tile-wide {\\n width: 98%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alertOverlay {\\n position: fixed;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background-color: rgba(0, 0, 0, 0.75);\\n width: 960px;\\n height: 675px;\\n margin: 25px;\\n z-index: 1001;\\n}\\n\\n.alertModal {\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n right: auto;\\n bottom: auto;\\n margin-right: -50%;\\n -ms-transform: translate(-50%, -50%);\\n transform: translate(-50%, -50%);\\n border: 1px solid #ccc;\\n overflow: auto;\\n -webkit-overflow-scrolling: 'touch';\\n border-radius: 4px;\\n outline: none;\\n padding: 20px;\\n width: 85%;\\n}\\n\\n.alert {\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.alert-title {\\n text-align: center;\\n}\\n\\n.alert-top {\\n display: -ms-flexbox;\\n display: flex;\\n padding: 30px;\\n}\\n\\n.alert-icon {\\n width: 50%;\\n height: calc((675px - 75px) / 2);\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n}\\n\\n.alert-icon .icon {\\n max-height: 75%;\\n max-width: 75%;\\n height: auto;\\n width: auto;\\n}\\n\\n.alert-icon #Layer_1 {\\n max-height: 75%;\\n max-width: 75%;\\n height: auto;\\n width: 75%;\\n}\\n\\n.alert-text-fields {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n height: calc((675px - 75px) / 2);\\n width: 50%;\\n text-align: center;\\n}\\n\\n.alert-buttons {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding: 15px;\\n}\\n\\n.alert-button-1 {\\n height: 75px;\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alert-button-2 {\\n height: 75px;\\n width: 45%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alert-button-3 {\\n height: 75px;\\n width: 29%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alert-button-4 {\\n height: 50px;\\n width: 45%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.graphic-with-text-buttons-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.graphic-with-text-buttons-container {\\n height: 100%;\\n width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.graphic-with-text-buttons-template .large-graphic {\\n padding-left: 25px;\\n padding-right: 10px;\\n width: 100%;\\n max-height: 100%;\\n object-fit: contain;\\n margin-bottom: 20px;\\n}\\n\\n.graphic-with-text-buttons-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-right: 25px;\\n padding-left: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.tiles-only-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.tiles-only-container {\\n height: 100%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.tiles-only-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: start;\\n -moz-justify-content: flex-start;\\n -ms-justify-content: flex-start;\\n -o-justify-content: flex-start;\\n justify-content: flex-start;\\n -ms-flex-pack: start;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 15px;\\n padding-right: 15px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.tiles-only-template .soft-button {\\n height: 44%;\\n width: 30.6%;\\n margin: 2%;\\n text-align: center;\\n text-decoration: none;\\n position: relative;\\n}\\n\\n.tiles-only-template .soft-button:nth-of-type(3n) {\\n margin-right: 0;\\n}\\n\\n.tiles-only-template .soft-button:nth-of-type(3n+1) {\\n margin-left: 0;\\n}\\n\\n.text-with-graphic-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.text-with-graphic-container {\\n height: 100%;\\n width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.text-with-graphic-template .large-graphic {\\n padding-right: 25px;\\n padding-left: 10px;\\n width: 100%;\\n max-height: 100%;\\n object-fit: contain;\\n}\\n\\n.text-with-graphic-template .text-body {\\n width: 100%;\\n height: 75%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 25px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.graphic-with-text-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.graphic-with-text-container {\\n height: 100%;\\n min-width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.graphic-with-text-template .large-graphic {\\n padding-right: 25px;\\n padding-left: 10px;\\n max-height: 100%;\\n width: 100%;\\n object-fit: contain;\\n}\\n\\n.graphic-with-text-template .text-body {\\n width: 100%;\\n height: 75%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 25px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.min-width-50 {\\n min-width: 50%;\\n}\\n\\n.double-graphic-with-softbuttons-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n}\\n\\n.double-graphic-with-softbuttons-top-container {\\n height: 80%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n\\n.double-graphic-with-softbuttons-bottom-container {\\n height: 20%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.double-graphic-with-softbuttons-template .double-graphic {\\n padding-right: 10px;\\n padding-left: 10px;\\n width: 50%;\\n height: 100%;\\n object-fit: contain;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-button {\\n -ms-flex: 1 1 0px !important;\\n flex: 1 1 0 !important;\\n margin-bottom: 0px !important;\\n margin-right: 20px;\\n min-width: 0;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-button p {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n padding: 5px;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-button:last-child {\\n margin-right: 0px !important;\\n}\\n\\n.app-services-nav {\\n width: 100%;\\n height: 65px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n padding: 0 18px 0 18px;\\n position: relative;\\n z-index: 2000;\\n}\\n\\n.app-services-button-group {\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n height: 100%;\\n width: 80%;\\n}\\n\\n.app-services-button-group .waiting-message {\\n width: 100%;\\n min-width: 100%;\\n text-align: center;\\n padding: 0px;\\n}\\n\\n.app-services-button-group .svg-size {\\n height: 50px;\\n width: 50px;\\n min-width: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 5px;\\n}\\n\\n.app-services-button-group .svg-size svg {\\n height: 35px;\\n width: 35px;\\n}\\n\\n.app-services-button-group .app-service-icon {\\n height: 50px;\\n width: 50px;\\n min-width: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 5px;\\n}\\n\\n.app-services-button-group .app-service-icon img {\\n height: 35px;\\n width: 35px;\\n}\\n\\n.app-services-button-group .nav-text-bubble {\\n height: 50px;\\n width: 50px;\\n min-width: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 5px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.app-services-button-group .menu-color {\\n background-color: #696969;\\n}\\n\\n.app-services-button-group .nav-color {\\n background-color: #49C7ED;\\n}\\n\\n.app-services-button-group .media-color {\\n background-color: #49C7ED;\\n}\\n\\n.app-services-button-group .weather-color {\\n background-color: #49C7ED;\\n}\\n\\n.app-services-tab {\\n margin: 0 17px 0 17px;\\n border-radius: 10px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n width: 50px;\\n}\\n\\n.tab-wide__nav {\\n width: 500px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.tab-wide__media {\\n width: 500px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.tab-wide__weather {\\n width: 500px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.clock {\\n width: 15%;\\n}\\n\\n.hide-tab {\\n display: none !important;\\n width: 0 !important;\\n min-width: 0 !important;\\n}\\n\\n.tab-text {\\n max-height: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n width: 100%;\\n text-align: center;\\n}\\n\\n.tab-text p {\\n max-width: 50%;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n overflow: hidden;\\n padding-left: 10px;\\n}\\n\\n.even-spacing {\\n -ms-flex-pack: space-evenly;\\n justify-content: space-evenly;\\n}\\n\\n.weather-item {\\n min-width: 30%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n\\n.weather-item p {\\n padding-left: 5px;\\n}\\n\\n.width-40-pct {\\n width: 40%;\\n}\\n\\n.app-service-medium {\\n width: 100%;\\n height: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: space-evenly;\\n justify-content: space-evenly;\\n}\\n\\n.app-service-medium-tab {\\n width: 33.33%;\\n max-height: 100%;\\n margin: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-align: center;\\n align-items: center;\\n -ms-flex-pack: justify;\\n justify-content: space-between;\\n text-align: center;\\n}\\n\\n.app-service-overlay {\\n position: fixed;\\n top: 202.5px;\\n bottom: 65px;\\n height: 407.5px;\\n left: 0;\\n right: 0;\\n width: 960px;\\n margin: 25px 0px 0px 25px;\\n z-index: 1001;\\n}\\n\\n.dark-shadow {\\n box-shadow: 0px -10px 20px 0px;\\n}\\n\\n.light-shadow {\\n box-shadow: 0px -10px 20px 0px rgba(0, 0, 0, 0.15);\\n}\\n\\n.app-service-modal {\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n right: auto;\\n bottom: auto;\\n margin-right: -50%;\\n -ms-transform: translate(-50%, -50%);\\n transform: translate(-50%, -50%);\\n outline: none;\\n width: 100%;\\n height: 100%;\\n}\\n\\n.app-service-nav-card {\\n border-bottom: 1px solid #49C7ED;\\n}\\n\\n.app-service-nav-card .svg-size {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-nav-card .svg-size svg {\\n height: 75px;\\n width: 75px;\\n}\\n\\n.app-service-nav-card .app-service-icon {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-nav-card .app-service-icon img {\\n height: 75px;\\n width: 75px;\\n}\\n\\n.app-service-media-card {\\n border-bottom: 1px solid #49C7ED;\\n}\\n\\n.app-service-media-card .svg-size {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-media-card .svg-size svg {\\n height: 65px;\\n width: 65px;\\n}\\n\\n.app-service-media-card .app-service-icon {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-media-card .app-service-icon img {\\n height: 65px;\\n width: 65px;\\n}\\n\\n.app-service-media-card .media-color {\\n background-color: #45C5F6;\\n}\\n\\n.app-service-weather-card {\\n border-bottom: 1px solid #49C7ED;\\n}\\n\\n.app-service-weather-card .weather-line {\\n text-align: center;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n\\n.app-service-weather-card .svg-size {\\n height: 70px;\\n width: 70px;\\n min-width: 70px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-weather-card .svg-size svg {\\n height: 50px;\\n width: 50px;\\n}\\n\\n.app-service-weather-card .app-service-icon {\\n height: 70px;\\n width: 70px;\\n min-width: 70px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-weather-card .app-service-icon img {\\n height: 50px;\\n width: 50px;\\n}\\n\\n.app-service-weather-card .space-left {\\n margin-left: 5px;\\n}\\n\\n.app-service-weather-card .baseline {\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: baseline;\\n align-items: baseline;\\n}\\n\\n.app-service-weather-card .weather-color {\\n background-color: #F6457F;\\n}\\n\\n.app-service-card-divider {\\n max-height: 100%;\\n width: 1px;\\n margin: 25px 0px 25px 0px;\\n}\\n\\n.app-service-card-footer {\\n margin-bottom: 5px;\\n}\\n\\n.app-service-modal-button {\\n height: 30px;\\n width: 30px;\\n border-radius: 5px;\\n background-color: #F7F8F9;\\n float: right;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-modal-button .svg-size {\\n height: 25px;\\n width: 25px;\\n min-width: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-modal-button .svg-size svg {\\n height: 25px;\\n width: 25px;\\n}\\n\", \"\"]);\n\n// exports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader!./~/autoprefixer-loader?browsers=last 3 versions!./~/sass-loader?outputStyle=expanded!./src/css/main.scss\n// module id = 2\n// module chunks = 0\n//# sourceURL=webpack:///./src/css/main.scss?./~/css-loader!./~/autoprefixer-loader?browsers=last_3_versions!./~/sass-loader?outputStyle=expanded"); + eval("exports = module.exports = __webpack_require__(3)();\n// imports\n\n\n// module\nexports.push([module.id, \"html {\\n font-family: sans-serif;\\n /* 1 */\\n -ms-text-size-adjust: 100%;\\n /* 2 */\\n -webkit-text-size-adjust: 100%;\\n /* 2 */\\n width: 100%;\\n min-height: 100%;\\n box-sizing: border-box;\\n}\\n\\n*, *:before, *:after {\\n box-sizing: inherit;\\n}\\n\\n/**\\n* Remove default margin.\\n*/\\nbody {\\n position: relative;\\n margin: 0;\\n padding: 0;\\n width: 100%;\\n height: 100%;\\n}\\n\\nh1, h2, h3, h4, h5, h6, p {\\n margin: 0;\\n padding: 0;\\n}\\n\\n* {\\n outline-color: #78C96F;\\n}\\n\\n/* HTML5 display definitions\\n========================================================================== */\\n/**\\n* Correct `block` display not defined for any HTML5 element in IE 8/9.\\n* Correct `block` display not defined for `details` or `summary` in IE 10/11\\n* and Firefox.\\n* Correct `block` display not defined for `main` in IE 11.\\n*/\\narticle,\\naside,\\ndetails,\\nfigcaption,\\nfigure,\\nfooter,\\nheader,\\nhgroup,\\nmain,\\nmenu,\\nnav,\\nsection,\\nsummary,\\nformset {\\n display: block;\\n}\\n\\n/**\\n* 1. Correct `inline-block` display not defined in IE 8/9.\\n* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\\n*/\\naudio,\\ncanvas,\\nprogress,\\nvideo {\\n display: inline-block;\\n /* 1 */\\n vertical-align: baseline;\\n /* 2 */\\n}\\n\\n/**\\n* Prevent modern browsers from displaying `audio` without controls.\\n* Remove excess height in iOS 5 devices.\\n*/\\naudio:not([controls]) {\\n display: none;\\n height: 0;\\n}\\n\\n/**\\n* Address `[hidden]` styling not present in IE 8/9/10.\\n* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.\\n*/\\n[hidden],\\ntemplate {\\n display: none;\\n}\\n\\n/* Links\\n========================================================================== */\\n/**\\n* Remove the gray background color from active links in IE 10.\\n*/\\na {\\n background-color: transparent;\\n}\\n\\n/**\\n* Improve readability when focused and also mouse hovered in all browsers.\\n*/\\na:active,\\na:hover {\\n outline: 0;\\n}\\n\\n/* Text-level semantics\\n========================================================================== */\\n/**\\n* Address styling not present in IE 8/9/10/11, Safari, and Chrome.\\n*/\\nabbr[title] {\\n border-bottom: 1px dotted;\\n}\\n\\n/**\\n* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\\n*/\\nb,\\nstrong {\\n font-weight: bold;\\n}\\n\\n/**\\n* Address styling not present in Safari and Chrome.\\n*/\\ndfn {\\n font-style: italic;\\n}\\n\\n/**\\n* Address styling not present in IE 8/9.\\n*/\\nmark {\\n background: #ff0;\\n color: #000;\\n}\\n\\n/**\\n* Address inconsistent and variable font size in all browsers.\\n*/\\nsmall {\\n font-size: 80%;\\n}\\n\\n/**\\n* Prevent `sub` and `sup` affecting `line-height` in all browsers.\\n*/\\nsub,\\nsup {\\n font-size: 75%;\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n}\\n\\nsup {\\n top: -0.5em;\\n}\\n\\nsub {\\n bottom: -0.25em;\\n}\\n\\n/* Embedded content\\n========================================================================== */\\n/**\\n* Remove border when inside `a` element in IE 8/9/10.\\n*/\\nimg {\\n border: 0;\\n}\\n\\n/**\\n* Correct overflow not hidden in IE 9/10/11.\\n*/\\nsvg:not(:root) {\\n overflow: hidden;\\n}\\n\\n/* Grouping content\\n========================================================================== */\\n/**\\n* Address margin not present in IE 8/9 and Safari.\\n*/\\nfigure {\\n margin: 1em 40px;\\n}\\n\\n/**\\n* Address differences between Firefox and other browsers.\\n*/\\nhr {\\n box-sizing: content-box;\\n}\\n\\n/**\\n* Contain overflow in all browsers.\\n*/\\npre {\\n overflow: auto;\\n}\\n\\n/**\\n* Address odd `em`-unit font size rendering in all browsers.\\n*/\\ncode,\\nkbd,\\npre,\\nsamp {\\n font-family: monospace, monospace;\\n font-size: 1em;\\n}\\n\\n/* Forms\\n========================================================================== */\\n/**\\n* Known limitation: by default, Chrome and Safari on OS X allow very limited\\n* styling of `select`, unless a `border` property is set.\\n*/\\n/**\\n* 1. Correct color not being inherited.\\n* Known issue: affects color of disabled elements.\\n* 2. Correct font properties not being inherited.\\n* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\\n*/\\nbutton,\\ninput,\\noptgroup,\\nselect,\\ntextarea {\\n color: inherit;\\n /* 1 */\\n font: inherit;\\n /* 2 */\\n margin: 0;\\n /* 3 */\\n}\\n\\n/**\\n* Address `overflow` set to `hidden` in IE 8/9/10/11.\\n*/\\nbutton {\\n overflow: visible;\\n}\\n\\n/**\\n* Address inconsistent `text-transform` inheritance for `button` and `select`.\\n* All other form control elements do not inherit `text-transform` values.\\n* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\\n* Correct `select` style inheritance in Firefox.\\n*/\\nbutton,\\nselect {\\n text-transform: none;\\n}\\n\\n/**\\n* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\\n* and `video` controls.\\n* 2. Correct inability to style clickable `input` types in iOS.\\n* 3. Improve usability and consistency of cursor style between image-type\\n* `input` and others.\\n*/\\nbutton,\\nhtml input[type=\\\"button\\\"],\\ninput[type=\\\"reset\\\"],\\ninput[type=\\\"submit\\\"] {\\n -webkit-appearance: button;\\n /* 2 */\\n cursor: pointer;\\n /* 3 */\\n}\\n\\n/**\\n* Re-set default cursor for disabled elements.\\n*/\\nbutton[disabled],\\nhtml input[disabled] {\\n cursor: default;\\n}\\n\\n/**\\n* Remove inner padding and border in Firefox 4+.\\n*/\\nbutton::-moz-focus-inner,\\ninput::-moz-focus-inner {\\n border: 0;\\n padding: 0;\\n}\\n\\n/**\\n* Address Firefox 4+ setting `line-height` on `input` using `!important` in\\n* the UA stylesheet.\\n*/\\ninput {\\n line-height: normal;\\n}\\n\\n/**\\n* It's recommended that you don't attempt to style these elements.\\n* Firefox's implementation doesn't respect box-sizing, padding, or width.\\n*\\n* 1. Address box sizing set to `content-box` in IE 8/9/10.\\n* 2. Remove excess padding in IE 8/9/10.\\n*/\\ninput[type=\\\"checkbox\\\"],\\ninput[type=\\\"radio\\\"] {\\n box-sizing: border-box;\\n /* 1 */\\n padding: 0;\\n /* 2 */\\n}\\n\\n/**\\n* Fix the cursor style for Chrome's increment/decrement buttons. For certain\\n* `font-size` values of the `input`, it causes the cursor style of the\\n* decrement button to change from `default` to `text`.\\n*/\\ninput[type=\\\"number\\\"]::-webkit-inner-spin-button,\\ninput[type=\\\"number\\\"]::-webkit-outer-spin-button {\\n height: auto;\\n}\\n\\n/**\\n* 1. Address `appearance` set to `searchfield` in Safari and Chrome.\\n* 2. Address `box-sizing` set to `border-box` in Safari and Chrome\\n* (include `-moz` to future-proof).\\n*/\\ninput[type=\\\"search\\\"] {\\n -webkit-appearance: textfield;\\n /* 1 */\\n /* 2 */\\n box-sizing: border-box;\\n}\\n\\n/**\\n* Remove inner padding and search cancel button in Safari and Chrome on OS X.\\n* Safari (but not Chrome) clips the cancel button when the search input has\\n* padding (and `textfield` appearance).\\n*/\\ninput[type=\\\"search\\\"]::-webkit-search-cancel-button,\\ninput[type=\\\"search\\\"]::-webkit-search-decoration {\\n -webkit-appearance: none;\\n}\\n\\n/**\\n* Define consistent border, margin, and padding.\\n*/\\nfieldset {\\n border: 1px solid #c0c0c0;\\n margin: 0;\\n padding: 0;\\n}\\n\\n/**\\n* 1. Correct `color` not being inherited in IE 8/9/10/11.\\n* 2. Remove padding so people aren't caught out if they zero out fieldsets.\\n*/\\nlegend {\\n border: 0;\\n /* 1 */\\n padding: 0;\\n /* 2 */\\n}\\n\\n/**\\n* Remove default vertical scrollbar in IE 8/9/10/11.\\n*/\\ntextarea {\\n overflow: auto;\\n}\\n\\n/**\\n* Don't inherit the `font-weight` (applied by a rule above).\\n* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\\n*/\\noptgroup {\\n font-weight: bold;\\n}\\n\\n/* Tables\\n========================================================================== */\\n/**\\n* Remove most spacing between table cells.\\n*/\\ntable {\\n border-collapse: collapse;\\n border-spacing: 0;\\n}\\n\\ntd,\\nth {\\n padding: 0;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(4) + \");\\n src: url(\" + __webpack_require__(4) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(5) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(6) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(7) + \") format(\\\"ttf\\\");\\n font-weight: 200;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(8) + \");\\n src: url(\" + __webpack_require__(8) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(9) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(10) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(11) + \") format(\\\"ttf\\\");\\n font-weight: 400;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(12) + \");\\n src: url(\" + __webpack_require__(12) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(13) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(14) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(15) + \") format(\\\"ttf\\\");\\n font-weight: 500;\\n}\\n\\n@font-face {\\n font-family: 'LivioNorm';\\n src: url(\" + __webpack_require__(16) + \");\\n src: url(\" + __webpack_require__(16) + \"?#iefix) format(\\\"embedded-opentype\\\"), url(\" + __webpack_require__(17) + \") format(\\\"woff2\\\"), url(\" + __webpack_require__(18) + \") format(\\\"woff\\\"), url(\" + __webpack_require__(19) + \") format(\\\"ttf\\\");\\n font-weight: 600;\\n}\\n\\n.bg-bright-blue {\\n background-color: #65a0ff;\\n}\\n\\n.bg-light-blue {\\n background-color: #A9CAFF;\\n}\\n\\n.bg-tire {\\n background-color: #222222;\\n}\\n\\n.bg-asphalt {\\n background-color: #333333;\\n}\\n\\n.bg-slate {\\n background-color: #626262;\\n}\\n\\n.bg-glass {\\n background-color: #efefef;\\n}\\n\\n.bg-aluminum {\\n background-color: #d9d9d9;\\n}\\n\\n.bg-steel {\\n background-color: #a7a7a7;\\n}\\n\\n.bg-black {\\n background-color: #000000;\\n}\\n\\n.bg-white {\\n background-color: #ffffff;\\n}\\n\\n.fc-bright-blue {\\n color: #65a0ff;\\n}\\n\\n.fc-light-blue {\\n color: #A9CAFF;\\n}\\n\\n.fc-tire {\\n color: #222222;\\n}\\n\\n.fc-asphalt {\\n color: #333333;\\n}\\n\\n.fc-slate {\\n color: #626262;\\n}\\n\\n.fc-glass {\\n color: #efefef;\\n}\\n\\n.fc-aluminum {\\n color: #d9d9d9;\\n}\\n\\n.fc-steel {\\n color: #a7a7a7;\\n}\\n\\n.fc-black {\\n color: #000000;\\n}\\n\\n.fc-white {\\n color: #ffffff;\\n}\\n\\nbody {\\n font-family: 'LivioNorm', Helvetica, sans-serif;\\n font-weight: normal;\\n font-size: 15px;\\n margin: 25px;\\n overflow: hidden;\\n}\\n\\n#app {\\n width: 960px;\\n}\\n\\n#app .app-body {\\n height: 675px;\\n}\\n\\n.toggle-button {\\n margin-top: 20px;\\n width: 140px;\\n border: 1px solid #000000;\\n border-radius: 2px;\\n text-align: center;\\n padding: 10px 0;\\n float: left;\\n}\\n\\n.toggle-button:hover {\\n cursor: pointer;\\n background: #000000;\\n color: #ffffff;\\n}\\n\\n.shutdown-button {\\n margin-top: 20px;\\n margin-left: 20px;\\n width: 140px;\\n border: 1px solid #000000;\\n border-radius: 2px;\\n text-align: center;\\n padding: 10px 0;\\n float: left;\\n}\\n\\n.shutdown-button:hover {\\n cursor: pointer;\\n background: #000000;\\n color: #ffffff;\\n}\\n\\n.t-large {\\n -webkit-font-smoothing: antialiased;\\n font-size: 40px;\\n line-height: 1.2;\\n}\\n\\n.t-small {\\n -webkit-font-smoothing: antialiased;\\n font-size: 25px;\\n line-height: 2;\\n}\\n\\n.t-light {\\n font-weight: 200;\\n}\\n\\n.t-medium {\\n font-weight: 500;\\n}\\n\\n.t-ls1 {\\n letter-spacing: 1px;\\n}\\n\\n.t-oneline {\\n white-space: nowrap;\\n text-align: center;\\n}\\n\\n.dark-theme .app-body {\\n background: #222222;\\n}\\n\\n.dark-theme .app__header {\\n background-image: linear-gradient(#000000, #222222);\\n}\\n\\n.dark-theme .th-f-color {\\n color: #ffffff;\\n}\\n\\n.dark-theme .th-f-color-secondary {\\n color: #626262;\\n}\\n\\n.dark-theme .th-f-color-alt {\\n color: #ffffff;\\n}\\n\\n.dark-theme .th-b-color {\\n border-color: #333333;\\n}\\n\\n.dark-theme .th-b-color-secondary {\\n border-color: #ffffff;\\n}\\n\\n.dark-theme .th-box-shadow {\\n box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.75);\\n}\\n\\n.dark-theme .th-bb-color {\\n border-bottom-color: #333333;\\n}\\n\\n.dark-theme .th-bg-color {\\n background-color: #000000;\\n}\\n\\n.dark-theme .th-f-accent-color {\\n color: #65a0ff;\\n}\\n\\n.dark-theme .th-soft-buttons {\\n border-color: #626262;\\n}\\n\\n.dark-theme .th-soft-buttons:active {\\n background-color: #222222;\\n}\\n\\n.dark-theme .svg-wrap svg path,\\n.dark-theme .svg-wrap svg polygon {\\n fill: #ffffff;\\n}\\n\\n.dark-theme .svg-wrap-secondary svg path,\\n.dark-theme .svg-wrap-secondary svg polygon {\\n fill: #626262;\\n}\\n\\n.dark-theme .svg-fill-important {\\n fill: #ffffff !important;\\n}\\n\\n.dark-theme .svg-stroke {\\n stroke: #ffffff !important;\\n}\\n\\n.dark-theme .th-tile-background-color {\\n background-color: #111111;\\n}\\n\\n.dark-theme .th-nav-background-color {\\n background-color: #121212;\\n}\\n\\n.dark-theme .th-divider-color {\\n background-color: #FFFFFF;\\n}\\n\\n.light-theme .app-body {\\n background: #efefef;\\n}\\n\\n.light-theme .app__header {\\n background-image: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0));\\n}\\n\\n.light-theme .th-f-color {\\n color: #222222;\\n}\\n\\n.light-theme .th-f-color-secondary {\\n color: #a7a7a7;\\n}\\n\\n.light-theme .th-f-color-alt {\\n color: #000000;\\n}\\n\\n.light-theme .th-b-color {\\n border-color: #dddddd;\\n}\\n\\n.light-theme .th-b-color-secondary {\\n border-color: #000000;\\n}\\n\\n.light-theme .th-box-shadow {\\n box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.25);\\n}\\n\\n.light-theme .th-bb-color {\\n border-bottom-color: #d9d9d9;\\n}\\n\\n.light-theme .th-bg-color {\\n background-color: #ffffff;\\n}\\n\\n.light-theme .th-f-accent-color {\\n color: #65a0ff;\\n}\\n\\n.light-theme .th-soft-buttons {\\n border-color: #919191;\\n}\\n\\n.light-theme .th-soft-buttons:active {\\n background-color: #efefef;\\n}\\n\\n.light-theme .svg-wrap svg path,\\n.light-theme .svg-wrap svg polygon {\\n fill: #000000;\\n}\\n\\n.light-theme .svg-wrap-secondary svg path,\\n.light-theme .svg-wrap-secondary svg polygon {\\n fill: #a7a7a7;\\n}\\n\\n.light-theme .svg-fill-important {\\n fill: #000000 !important;\\n}\\n\\n.light-theme .svg-stroke {\\n stroke: #000000 !important;\\n}\\n\\n.light-theme .th-tile-background-color {\\n background-color: #ffffff;\\n}\\n\\n.light-theme .th-nav-background-color {\\n background-color: #F7F8F9;\\n}\\n\\n.light-theme .th-divider-color {\\n background-color: #000000;\\n}\\n\\n.app__header {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n flex-shrink: 0;\\n -ms-flex-negative: 0;\\n position: relative;\\n z-index: 1000;\\n height: 75px;\\n padding: 0 25px;\\n}\\n\\n.app__header div {\\n box-flex: 1;\\n -moz-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n}\\n\\n.app__header div:nth-of-type(2) {\\n text-align: center;\\n}\\n\\n.app__header div:nth-of-type(3) {\\n text-align: right;\\n}\\n\\n.app__header div span svg {\\n width: 14px;\\n margin-left: 16px;\\n}\\n\\n.app__header span,\\n.app__header img {\\n display: inline-block;\\n vertical-align: middle;\\n}\\n\\n.app__header a {\\n text-decoration: none;\\n text-transform: uppercase;\\n}\\n\\n.app__header .svg-wrap-secondary {\\n width: 30px;\\n}\\n\\n.app__header .svg-wrap-secondary svg {\\n width: 10px;\\n height: 10px;\\n margin-left: 5px;\\n}\\n\\n.media-template {\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.media-player-body {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: single;\\n -moz-box-lines: single;\\n box-lines: single;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n align-content: center;\\n -ms-flex-line-pack: center;\\n height: calc((675px - 75px) / 1.8461);\\n padding: 0 55px;\\n position: relative;\\n z-index: 100;\\n}\\n\\n.media-track {\\n padding-top: 10px;\\n width: 60%;\\n position: relative;\\n text-align: center;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.media-track__time {\\n position: absolute;\\n bottom: 10px;\\n width: 100%;\\n}\\n\\n.media-metadata {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n box-flex: 1;\\n -moz-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n margin-bottom: 60px;\\n}\\n\\n.progress-bar {\\n position: relative;\\n height: calc((675px - 75px) / 6);\\n border-bottom: 2px solid;\\n}\\n\\n.progress-bar__progress {\\n position: absolute;\\n height: calc(100% + 2px);\\n background: #65a0ff;\\n}\\n\\n.control-bar {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-flex: 1;\\n -moz-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n background: #000000;\\n}\\n\\n.control-bar__control--double {\\n height: 75px;\\n width: 150px;\\n}\\n\\n.control-bar__control--square {\\n height: 75px;\\n width: 75px;\\n}\\n\\n.control-bar__control--primary {\\n height: 75px;\\n width: 60px;\\n}\\n\\n.control-bar__control--secondary {\\n height: 54px;\\n width: 75px;\\n}\\n\\n.control-bar__control--tertiary {\\n height: 75px;\\n width: 75px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.control-bar__control--tertiary img {\\n max-width: 100%;\\n}\\n\\n.control-bar__control--tertiary--static {\\n width: 75px;\\n}\\n\\n.control-bar .svg-wrap {\\n height: 100%;\\n position: relative;\\n}\\n\\n.control-bar .svg-wrap svg {\\n max-height: 100%;\\n}\\n\\n.album-art {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n margin: auto 0px;\\n height: 374.98047px;\\n width: 374.98047px;\\n -ms-transform: translateY(1%);\\n transform: translateY(1%);\\n border-radius: 4px;\\n}\\n\\n.album-art img {\\n width: 100%;\\n}\\n\\n.static-icon {\\n height: 100%;\\n width: 100%;\\n}\\n\\n.app-icon {\\n height: 40px;\\n width: 40px;\\n display: inline-block;\\n vertical-align: middle;\\n}\\n\\n.hscrollmenu {\\n width: 100%;\\n height: calc(675px - 140px);\\n overflow-y: auto;\\n padding: calc(675px / 21.6) 0px 0 0px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n align-content: flex-start;\\n -ms-flex-line-pack: start;\\n}\\n\\n.hscrollmenu .hscrollmenu-block {\\n --menu-width: 960px;\\n --box-width-3: calc(var(--menu-width) * 0.3);\\n --margin-size-3: calc((var(--menu-width) - (var(--box-width-3) * 3)) / 3);\\n --calc-width-3: calc(var(--box-width-3) - (var(--margin-size-3) / 3));\\n --box-width-2: calc(var(--menu-width) * 0.45);\\n --margin-size-2: calc((var(--menu-width) - (var(--box-width-2) * 2)) / 2);\\n --calc-width-2: calc(var(--box-width-2) - (var(--margin-size-2) / 2));\\n --box-width-1: calc(var(--menu-width) * 0.9);\\n --margin-size-1: calc((var(--menu-width) - (var(--box-width-1) * 1)) / 1);\\n --calc-width-1: calc(var(--box-width-1) - (var(--margin-size-1) / 1));\\n width: var(--calc-width-3);\\n margin-left: var(--margin-size-3);\\n margin-bottom: var(--margin-size-3);\\n height: calc((var(--calc-width-3)) * 0.78);\\n}\\n\\n.hscrollmenu-item {\\n display: block;\\n height: 100%;\\n text-align: center;\\n text-decoration: none;\\n color: #ffffff;\\n border: 2px solid;\\n position: relative;\\n}\\n\\n.hscrollmenu-item__image {\\n height: 50%;\\n width: 50%;\\n margin: 25px auto 12px;\\n border-radius: 4px;\\n}\\n\\n.hscrollmenu-item__image img {\\n width: 100%;\\n}\\n\\n.hscrollmenu-item__name {\\n position: absolute;\\n bottom: 0px;\\n width: 100%;\\n height: 23%;\\n}\\n\\n.hscrollmenu-item__header {\\n position: absolute;\\n top: 10px;\\n width: 100%;\\n height: 10%;\\n}\\n\\n.hscrollmenu-item.with-icon .hscrollmenu-item__image {\\n height: 50px;\\n width: 50px;\\n margin: 50px auto;\\n}\\n\\n.hscrollmenu-item.with-icon .svg-wrap {\\n height: 50px;\\n width: 50px;\\n}\\n\\n.hscrollmenu-item.with-icon .t-small {\\n -webkit-font-smoothing: antialiased;\\n font-size: 40px;\\n line-height: 1.2;\\n}\\n\\n.vscrollmenu {\\n width: 100%;\\n height: 600px;\\n overflow-y: scroll;\\n}\\n\\n::-webkit-scrollbar {\\n display: none;\\n}\\n\\n.vscrollmenu-item {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n padding: 50px 55px;\\n text-decoration: none;\\n color: #ffffff;\\n border-bottom: 2px solid;\\n}\\n\\n.vscrollmenu-item__image {\\n height: 150px;\\n width: 150px;\\n margin: 25px auto 12px;\\n border-radius: 4px;\\n}\\n\\n.vscrollmenu-item__image img {\\n max-width: 100%;\\n}\\n\\n.vscrollmenu-item .svg-wrap {\\n display: block;\\n width: 26px;\\n height: 44px;\\n}\\n\\n.vscrollmenu-item-primary {\\n display: -ms-flexbox;\\n display: flex;\\n width: 100%;\\n}\\n\\n.vscrollmenu-item-image {\\n height: 1.15em;\\n width: 1.15em;\\n margin-left: 20px;\\n}\\n\\n.vscrollmenu-item-image img {\\n max-height: 100%;\\n}\\n\\n.tiles-only-list {\\n height: 600px;\\n overflow-x: scroll;\\n padding: 100px 55px 0;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n}\\n\\n.tiles-only-list:after {\\n content: '';\\n display: inline-block;\\n width: 100px;\\n}\\n\\n.tile {\\n height: 150px;\\n width: 150px;\\n margin: 0 110px 100px 0;\\n border-radius: 4px;\\n}\\n\\n.tile:nth-of-type(even) {\\n margin-bottom: 0;\\n}\\n\\n.tile img {\\n width: 100%;\\n border-radius: inherit;\\n}\\n\\n.non-media-template {\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.non-media-meta-data {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n width: 100%;\\n height: 98px;\\n margin-left: 50px;\\n margin-bottom: 42px;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.non-media-body {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: horizontal;\\n box-direction: reverse;\\n -moz-flex-direction: row-reverse;\\n flex-direction: row-reverse;\\n -ms-flex-direction: row-reverse;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n}\\n\\n.non-media-text-2 {\\n width: 100%;\\n text-align: center;\\n margin-right: 50px;\\n}\\n\\n.non-media-text-4 {\\n width: 50%;\\n text-align: left;\\n}\\n\\n.non-media-graphic {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n margin: auto 50px;\\n height: calc((675px - 173px) / 1.22439);\\n width: calc((675px - 173px) / 1.22439);\\n}\\n\\n.non-media-graphic img {\\n width: 100%;\\n}\\n\\n.non-media .soft-buttons {\\n width: 50%;\\n height: calc(((675px - 173px) / 1.22439 ) + 20px);\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 50px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.non-media .soft-buttons-with-graphic {\\n -ms-transform: translateY(calc(-1 * (675px - 173px) / 1.22439));\\n transform: translateY(calc(-1 * (675px - 173px) / 1.22439));\\n}\\n\\n.soft-button-tile-large {\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile {\\n width: 47.63%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile-small {\\n width: 47.63%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile-wide-large {\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-tile-wide {\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.soft-button-image {\\n height: 1.5em;\\n max-width: 100%;\\n}\\n\\n.soft-button-image img {\\n max-width: 100%;\\n max-height: 100%;\\n}\\n\\n.soft-button-image-static {\\n max-height: 75px;\\n max-width: 100%;\\n min-width: 75px;\\n}\\n\\n.soft-button p {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n padding: 5px;\\n}\\n\\n.soft-button {\\n min-width: 0;\\n}\\n\\n.large-graphic-only-template {\\n width: 100%;\\n height: 100%;\\n}\\n\\n.large-graphic-only {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n}\\n\\n.large-graphic-only .large-graphic {\\n width: 100%;\\n height: 100%;\\n object-fit: contain;\\n}\\n\\n.large-graphic-only .large-graphic svg {\\n width: 100%;\\n height: 100%;\\n}\\n\\n.large-graphic-with-softbuttons-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n}\\n\\n.large-graphic-with-softbuttons-top-container {\\n height: 80%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.large-graphic-with-softbuttons-bottom-container {\\n height: 20%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.large-graphic-with-softbuttons-template .large-graphic {\\n padding-right: 10px;\\n padding-left: 10px;\\n width: 100%;\\n object-fit: contain;\\n margin-bottom: 50px;\\n height: 100%;\\n}\\n\\n.large-graphic-with-softbuttons-template svg {\\n max-height: 100%;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-button {\\n -ms-flex: 1 1 0px !important;\\n flex: 1 1 0 !important;\\n margin-bottom: 0px !important;\\n margin-right: 20px;\\n min-width: 0;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-button p {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n padding: 5px;\\n}\\n\\n.large-graphic-with-softbuttons-template .soft-button:last-child {\\n margin-right: 0px !important;\\n}\\n\\n.text-buttons-with-graphic-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.text-buttons-with-graphic-container {\\n height: 100%;\\n width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.text-buttons-with-graphic-template .large-graphic {\\n padding-right: 25px;\\n padding-left: 10px;\\n width: 100%;\\n max-height: 100%;\\n object-fit: contain;\\n margin-bottom: 20px;\\n}\\n\\n.text-buttons-with-graphic-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 25px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.text-buttons-only-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.text-buttons-only-container {\\n height: 100%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.text-buttons-only-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 15px;\\n padding-right: 15px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.text-buttons-only-template .soft-button-tile-wide {\\n width: 98%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin-bottom: 20px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alertOverlay {\\n position: fixed;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background-color: rgba(0, 0, 0, 0.75);\\n width: 960px;\\n height: 675px;\\n margin: 25px;\\n z-index: 1001;\\n}\\n\\n.alertModal {\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n right: auto;\\n bottom: auto;\\n margin-right: -50%;\\n -ms-transform: translate(-50%, -50%);\\n transform: translate(-50%, -50%);\\n border: 1px solid #ccc;\\n overflow: auto;\\n -webkit-overflow-scrolling: 'touch';\\n border-radius: 4px;\\n outline: none;\\n padding: 20px;\\n width: 85%;\\n}\\n\\n.alert {\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n}\\n\\n.alert-title {\\n text-align: center;\\n}\\n\\n.alert-top {\\n display: -ms-flexbox;\\n display: flex;\\n padding: 30px;\\n}\\n\\n.alert-icon {\\n width: 50%;\\n height: calc((675px - 75px) / 2);\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n}\\n\\n.alert-icon .icon {\\n max-height: 75%;\\n max-width: 75%;\\n height: auto;\\n width: auto;\\n}\\n\\n.alert-icon #Layer_1 {\\n max-height: 75%;\\n max-width: 75%;\\n height: auto;\\n width: 75%;\\n}\\n\\n.alert-text-fields {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n height: calc((675px - 75px) / 2);\\n width: 50%;\\n text-align: center;\\n}\\n\\n.alert-buttons {\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding: 15px;\\n}\\n\\n.alert-button-1 {\\n height: 75px;\\n width: 100%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alert-button-2 {\\n height: 75px;\\n width: 45%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alert-button-3 {\\n height: 75px;\\n width: 29%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.alert-button-4 {\\n height: 50px;\\n width: 45%;\\n text-align: center;\\n border-radius: 8px;\\n border-width: 0.154px;\\n border-style: solid;\\n margin: 15px;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-align: center;\\n -moz-align-items: center;\\n -ms-align-items: center;\\n -o-align-items: center;\\n align-items: center;\\n -ms-flex-align: center;\\n box-pack: center;\\n -moz-justify-content: center;\\n -ms-justify-content: center;\\n -o-justify-content: center;\\n justify-content: center;\\n -ms-flex-pack: center;\\n}\\n\\n.graphic-with-text-buttons-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.graphic-with-text-buttons-container {\\n height: 100%;\\n width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.graphic-with-text-buttons-template .large-graphic {\\n padding-left: 25px;\\n padding-right: 10px;\\n width: 100%;\\n max-height: 100%;\\n object-fit: contain;\\n margin-bottom: 20px;\\n}\\n\\n.graphic-with-text-buttons-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: justify;\\n -moz-justify-content: space-between;\\n -ms-justify-content: space-between;\\n -o-justify-content: space-between;\\n justify-content: space-between;\\n -ms-flex-pack: justify;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-right: 25px;\\n padding-left: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.tiles-only-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.tiles-only-container {\\n height: 100%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.tiles-only-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: start;\\n -moz-justify-content: flex-start;\\n -ms-justify-content: flex-start;\\n -o-justify-content: flex-start;\\n justify-content: flex-start;\\n -ms-flex-pack: start;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 15px;\\n padding-right: 15px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.tiles-only-template .soft-button {\\n height: 44%;\\n width: 30.6%;\\n margin: 2%;\\n text-align: center;\\n text-decoration: none;\\n position: relative;\\n}\\n\\n.tiles-only-template .soft-button:nth-of-type(3n) {\\n margin-right: 0;\\n}\\n\\n.tiles-only-template .soft-button:nth-of-type(3n+1) {\\n margin-left: 0;\\n}\\n\\n.text-with-graphic-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.text-with-graphic-container {\\n height: 100%;\\n width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.text-with-graphic-template .large-graphic {\\n padding-right: 25px;\\n padding-left: 10px;\\n width: 100%;\\n max-height: 100%;\\n object-fit: contain;\\n}\\n\\n.text-with-graphic-template .text-body {\\n width: 100%;\\n height: 75%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 25px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.graphic-with-text-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n}\\n\\n.graphic-with-text-container {\\n height: 100%;\\n min-width: 50%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.graphic-with-text-template .large-graphic {\\n padding-right: 25px;\\n padding-left: 10px;\\n max-height: 100%;\\n width: 100%;\\n object-fit: contain;\\n}\\n\\n.graphic-with-text-template .text-body {\\n width: 100%;\\n height: 75%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: vertical;\\n box-direction: normal;\\n -moz-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-direction: column;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n padding-left: 25px;\\n padding-right: 10px;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.min-width-50 {\\n min-width: 50%;\\n}\\n\\n.double-graphic-with-softbuttons-template {\\n width: 100%;\\n height: calc(675px - 75px);\\n padding: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n}\\n\\n.double-graphic-with-softbuttons-top-container {\\n height: 80%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n\\n.double-graphic-with-softbuttons-bottom-container {\\n height: 20%;\\n width: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.double-graphic-with-softbuttons-template .double-graphic {\\n padding-right: 10px;\\n padding-left: 10px;\\n width: 50%;\\n height: 100%;\\n object-fit: contain;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-buttons {\\n width: 100%;\\n height: 100%;\\n display: -webkit-box;\\n display: -moz-box;\\n display: box;\\n display: -moz-flex;\\n display: -ms-flexbox;\\n display: flex;\\n box-pack: distribute;\\n -moz-justify-content: space-around;\\n -ms-justify-content: space-around;\\n -o-justify-content: space-around;\\n justify-content: space-around;\\n -ms-flex-pack: distribute;\\n box-orient: horizontal;\\n box-direction: normal;\\n -moz-flex-direction: row;\\n flex-direction: row;\\n -ms-flex-direction: row;\\n -webkit-box-lines: multiple;\\n -moz-box-lines: multiple;\\n box-lines: multiple;\\n -ms-flex-wrap: wrap;\\n flex-wrap: wrap;\\n box-align: stretch;\\n -moz-align-items: stretch;\\n -ms-align-items: stretch;\\n -o-align-items: stretch;\\n align-items: stretch;\\n -ms-flex-align: stretch;\\n -ms-flex-negative: 0;\\n flex-shrink: 0;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-button {\\n -ms-flex: 1 1 0px !important;\\n flex: 1 1 0 !important;\\n margin-bottom: 0px !important;\\n margin-right: 20px;\\n min-width: 0;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-button p {\\n overflow: hidden;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n padding: 5px;\\n}\\n\\n.double-graphic-with-softbuttons-template .soft-button:last-child {\\n margin-right: 0px !important;\\n}\\n\\n.app-services-nav {\\n width: 100%;\\n height: 65px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n padding: 0 18px 0 18px;\\n position: relative;\\n z-index: 2000;\\n}\\n\\n.app-services-button-group {\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n height: 100%;\\n width: 80%;\\n}\\n\\n.app-services-button-group .waiting-message {\\n width: 100%;\\n min-width: 100%;\\n text-align: center;\\n padding: 0px;\\n}\\n\\n.app-services-button-group .svg-size {\\n height: 50px;\\n width: 50px;\\n min-width: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 5px;\\n}\\n\\n.app-services-button-group .svg-size svg {\\n height: 35px;\\n width: 35px;\\n}\\n\\n.app-services-button-group .app-service-icon {\\n height: 50px;\\n width: 50px;\\n min-width: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 5px;\\n}\\n\\n.app-services-button-group .app-service-icon img {\\n height: 35px;\\n width: 35px;\\n}\\n\\n.app-services-button-group .nav-text-bubble {\\n height: 50px;\\n width: 50px;\\n min-width: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 5px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.app-services-button-group .menu-color {\\n background-color: #696969;\\n}\\n\\n.app-services-button-group .nav-color {\\n background-color: #49C7ED;\\n}\\n\\n.app-services-button-group .media-color {\\n background-color: #49C7ED;\\n}\\n\\n.app-services-button-group .weather-color {\\n background-color: #49C7ED;\\n}\\n\\n.app-services-tab {\\n margin: 0 17px 0 17px;\\n border-radius: 10px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: center;\\n align-items: center;\\n width: 50px;\\n}\\n\\n.tab-wide__nav {\\n width: 500px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.tab-wide__media {\\n width: 500px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.tab-wide__weather {\\n width: 500px;\\n border: 2px solid #49C7ED;\\n}\\n\\n.clock {\\n width: 15%;\\n}\\n\\n.hide-tab {\\n display: none !important;\\n width: 0 !important;\\n min-width: 0 !important;\\n}\\n\\n.tab-text {\\n max-height: 50px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-wrap: nowrap;\\n flex-wrap: nowrap;\\n width: 100%;\\n text-align: center;\\n}\\n\\n.tab-text p {\\n max-width: 50%;\\n text-overflow: ellipsis;\\n white-space: nowrap;\\n overflow: hidden;\\n padding-left: 10px;\\n}\\n\\n.even-spacing {\\n -ms-flex-pack: space-evenly;\\n justify-content: space-evenly;\\n}\\n\\n.weather-item {\\n min-width: 30%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n\\n.weather-item p {\\n padding-left: 5px;\\n}\\n\\n.width-40-pct {\\n width: 40%;\\n}\\n\\n.app-service-medium {\\n width: 100%;\\n height: 100%;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: space-evenly;\\n justify-content: space-evenly;\\n}\\n\\n.app-service-medium-tab {\\n width: 33.33%;\\n max-height: 100%;\\n margin: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n -ms-flex-align: center;\\n align-items: center;\\n -ms-flex-pack: justify;\\n justify-content: space-between;\\n text-align: center;\\n}\\n\\n.app-service-overlay {\\n position: fixed;\\n top: 202.5px;\\n bottom: 65px;\\n height: 407.5px;\\n left: 0;\\n right: 0;\\n width: 960px;\\n margin: 25px 0px 0px 25px;\\n z-index: 1001;\\n}\\n\\n.dark-shadow {\\n box-shadow: 0px -10px 20px 0px;\\n}\\n\\n.light-shadow {\\n box-shadow: 0px -10px 20px 0px rgba(0, 0, 0, 0.15);\\n}\\n\\n.app-service-modal {\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n right: auto;\\n bottom: auto;\\n margin-right: -50%;\\n -ms-transform: translate(-50%, -50%);\\n transform: translate(-50%, -50%);\\n outline: none;\\n width: 100%;\\n height: 100%;\\n}\\n\\n.app-service-nav-card {\\n border-bottom: 1px solid #49C7ED;\\n}\\n\\n.app-service-nav-card .svg-size {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-nav-card .svg-size svg {\\n height: 75px;\\n width: 75px;\\n}\\n\\n.app-service-nav-card .app-service-icon {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-nav-card .app-service-icon img {\\n height: 75px;\\n width: 75px;\\n}\\n\\n.app-service-media-card {\\n border-bottom: 1px solid #49C7ED;\\n}\\n\\n.app-service-media-card .svg-size {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-media-card .svg-size svg {\\n height: 65px;\\n width: 65px;\\n}\\n\\n.app-service-media-card .app-service-icon {\\n height: 100px;\\n width: 100px;\\n min-width: 100px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-media-card .app-service-icon img {\\n height: 65px;\\n width: 65px;\\n}\\n\\n.app-service-media-card .media-color {\\n background-color: #45C5F6;\\n}\\n\\n.app-service-weather-card {\\n border-bottom: 1px solid #49C7ED;\\n}\\n\\n.app-service-weather-card .weather-line {\\n text-align: center;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n\\n.app-service-weather-card .svg-size {\\n height: 70px;\\n width: 70px;\\n min-width: 70px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-weather-card .svg-size svg {\\n height: 50px;\\n width: 50px;\\n}\\n\\n.app-service-weather-card .app-service-icon {\\n height: 70px;\\n width: 70px;\\n min-width: 70px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n border-radius: 10px;\\n}\\n\\n.app-service-weather-card .app-service-icon img {\\n height: 50px;\\n width: 50px;\\n}\\n\\n.app-service-weather-card .space-left {\\n margin-left: 5px;\\n}\\n\\n.app-service-weather-card .baseline {\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-align: baseline;\\n align-items: baseline;\\n}\\n\\n.app-service-weather-card .weather-color {\\n background-color: #F6457F;\\n}\\n\\n.app-service-card-divider {\\n max-height: 100%;\\n width: 1px;\\n margin: 25px 0px 25px 0px;\\n}\\n\\n.app-service-card-footer {\\n margin-bottom: 5px;\\n}\\n\\n.app-service-modal-button {\\n height: 30px;\\n width: 30px;\\n border-radius: 5px;\\n background-color: #F7F8F9;\\n float: right;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-modal-button .svg-size {\\n height: 25px;\\n width: 25px;\\n min-width: 25px;\\n display: -ms-flexbox;\\n display: flex;\\n -ms-flex-pack: center;\\n justify-content: center;\\n -ms-flex-align: center;\\n align-items: center;\\n}\\n\\n.app-service-modal-button .svg-size svg {\\n height: 25px;\\n width: 25px;\\n}\\n\", \"\"]);\n\n// exports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader!./~/autoprefixer-loader?browsers=last 3 versions!./~/sass-loader?outputStyle=expanded!./src/css/main.scss\n// module id = 2\n// module chunks = 0\n//# sourceURL=webpack:///./src/css/main.scss?./~/css-loader!./~/autoprefixer-loader?browsers=last_3_versions!./~/sass-loader?outputStyle=expanded"); /***/ }), /* 3 */ @@ -170,7 +170,7 @@ /* 21 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Metadata = __webpack_require__(317);\n\nvar _ProgressBar_c = __webpack_require__(622);\n\nvar _ProgressBar_c2 = _interopRequireDefault(_ProgressBar_c);\n\nvar _Buttons = __webpack_require__(519);\n\nvar _Buttons2 = _interopRequireDefault(_Buttons);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar MediaPlayer = function (_React$Component) {\n _inherits(MediaPlayer, _React$Component);\n\n function MediaPlayer() {\n _classCallCheck(this, MediaPlayer);\n\n return _possibleConstructorReturn(this, (MediaPlayer.__proto__ || Object.getPrototypeOf(MediaPlayer)).call(this));\n }\n\n _createClass(MediaPlayer, [{\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n { className: 'media-template' },\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'Apps' }),\n _react2.default.createElement(_Metadata.MediaMetadata, null),\n _react2.default.createElement(_ProgressBar_c2.default, null),\n _react2.default.createElement(_Buttons2.default, null)\n );\n }\n }]);\n\n return MediaPlayer;\n}(_react2.default.Component);\n\nexports.default = MediaPlayer;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"MediaPlayer.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/MediaPlayer.js\n// module id = 21\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/MediaPlayer.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Metadata = __webpack_require__(317);\n\nvar _ProgressBar_c = __webpack_require__(622);\n\nvar _ProgressBar_c2 = _interopRequireDefault(_ProgressBar_c);\n\nvar _Buttons = __webpack_require__(519);\n\nvar _Buttons2 = _interopRequireDefault(_Buttons);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar MediaPlayer = function (_React$Component) {\n _inherits(MediaPlayer, _React$Component);\n\n function MediaPlayer() {\n _classCallCheck(this, MediaPlayer);\n\n return _possibleConstructorReturn(this, (MediaPlayer.__proto__ || Object.getPrototypeOf(MediaPlayer)).call(this));\n }\n\n _createClass(MediaPlayer, [{\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n { className: 'media-template' },\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'Apps' }),\n _react2.default.createElement(_Metadata.MediaMetadata, null),\n _react2.default.createElement(_ProgressBar_c2.default, null),\n _react2.default.createElement(_Buttons2.default, null)\n );\n }\n }]);\n\n return MediaPlayer;\n}(_react2.default.Component);\n\nexports.default = MediaPlayer;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"MediaPlayer.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/MediaPlayer.js\n// module id = 21\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/MediaPlayer.js?"); /***/ }), /* 22 */ @@ -410,7 +410,7 @@ /* 61 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _AppHeader = __webpack_require__(93);\n\nvar _AppHeader2 = _interopRequireDefault(_AppHeader);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n var activeApp = state.activeApp;\n var app = state.ui[activeApp] ? state.ui[activeApp] : {\n isPerformingInteraction: false,\n isDisconnected: true,\n displayLayout: \"\"\n };\n\n var showAlert = false;\n var alertAppName = \"\";\n var alertIcon = { imageType: \"STATIC\", value: \"0xFE\" };\n for (var prop in state.ui) {\n if (state.ui[prop].alert.showAlert) {\n showAlert = true;\n var alertApp = state.appList.find(function (key) {\n return key.appID == prop;\n });\n\n if (alertApp.appName) {\n alertAppName = alertApp.appName;\n }\n\n if (state.ui[prop].alert.icon) {\n alertIcon = state.ui[prop].alert.icon;\n }\n\n break;\n }\n }\n\n var theme = state.theme;\n var colorScheme = null;\n var triggerShowAppMenu = state.ui[activeApp] ? state.ui[activeApp].triggerShowAppMenu : false;\n var activeSubMenu = state.ui[activeApp] ? state.ui[activeApp].activeSubMenu : null;\n\n if (theme === true) {\n //Dark theme\n if (app.nightColorScheme) {\n if (app.nightColorScheme.backgroundColor) {\n colorScheme = app.nightColorScheme.backgroundColor;\n }\n }\n } else {\n if (app.dayColorScheme) {\n if (app.dayColorScheme.backgroundColor) {\n colorScheme = app.dayColorScheme.backgroundColor;\n }\n }\n }\n return {\n isPerformingInteraction: app.isPerformingInteraction,\n isDisconnected: app.isDisconnected,\n displayLayout: app.displayLayout,\n showAlert: showAlert,\n alertName: alertAppName,\n theme: theme,\n activeApp: activeApp,\n colorScheme: colorScheme,\n triggerShowAppMenu: triggerShowAppMenu,\n activeSubMenu: activeSubMenu,\n alertIcon: alertIcon\n };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {};\n};\n\nvar Header = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_AppHeader2.default);\n\nexports.default = Header;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"Header.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/Header.js\n// module id = 61\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/Header.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _AppHeader = __webpack_require__(93);\n\nvar _AppHeader2 = _interopRequireDefault(_AppHeader);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n var activeApp = state.activeApp;\n var app = state.ui[activeApp] ? state.ui[activeApp] : {\n isPerformingInteraction: false,\n isDisconnected: true,\n displayLayout: \"\"\n };\n\n var showAlert = false;\n var alertAppName = \"\";\n var alertIcon = { imageType: \"STATIC\", value: \"0xFE\" };\n for (var prop in state.ui) {\n if (state.ui[prop].alert.showAlert) {\n showAlert = true;\n var alertApp = state.appList.find(function (key) {\n return key.appID == prop;\n });\n\n if (alertApp.appName) {\n alertAppName = alertApp.appName;\n }\n\n if (state.ui[prop].alert.icon) {\n alertIcon = state.ui[prop].alert.icon;\n }\n\n break;\n }\n }\n\n var theme = state.theme;\n var colorScheme = null;\n var triggerShowAppMenu = state.ui[activeApp] ? state.ui[activeApp].triggerShowAppMenu : false;\n var activeSubMenu = state.ui[activeApp] ? state.ui[activeApp].activeSubMenu : null;\n\n if (theme === true) {\n //Dark theme\n if (app.nightColorScheme) {\n if (app.nightColorScheme.backgroundColor) {\n colorScheme = app.nightColorScheme.backgroundColor;\n }\n }\n } else {\n if (app.dayColorScheme) {\n if (app.dayColorScheme.backgroundColor) {\n colorScheme = app.dayColorScheme.backgroundColor;\n }\n }\n }\n return {\n isPerformingInteraction: app.isPerformingInteraction,\n isDisconnected: app.isDisconnected,\n displayLayout: app.displayLayout,\n showAlert: showAlert,\n alertName: alertAppName,\n theme: theme,\n activeApp: activeApp,\n colorScheme: colorScheme,\n triggerShowAppMenu: triggerShowAppMenu,\n activeSubMenu: activeSubMenu,\n alertIcon: alertIcon\n };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {};\n};\n\nvar Header = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_AppHeader2.default);\n\nexports.default = Header;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"Header.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/Header.js\n// module id = 61\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/Header.js?"); /***/ }), /* 62 */ @@ -602,7 +602,7 @@ /* 93 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRouter = __webpack_require__(94);\n\nvar _reactModal = __webpack_require__(156);\n\nvar _reactModal2 = _interopRequireDefault(_reactModal);\n\nvar _Alert = __webpack_require__(316);\n\nvar _Alert2 = _interopRequireDefault(_Alert);\n\nvar _MenuIcon = __webpack_require__(615);\n\nvar _MenuIcon2 = _interopRequireDefault(_MenuIcon);\n\nvar _Name = __webpack_require__(618);\n\nvar _Name2 = _interopRequireDefault(_Name);\n\nvar _AppsButton = __webpack_require__(620);\n\nvar _AppsButton2 = _interopRequireDefault(_AppsButton);\n\nvar _store = __webpack_require__(602);\n\nvar _store2 = _interopRequireDefault(_store);\n\nvar _actions = __webpack_require__(601);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AppHeader = function (_React$Component) {\n _inherits(AppHeader, _React$Component);\n\n function AppHeader(props) {\n _classCallCheck(this, AppHeader);\n\n return _possibleConstructorReturn(this, (AppHeader.__proto__ || Object.getPrototypeOf(AppHeader)).call(this, props));\n }\n\n _createClass(AppHeader, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n if (this.props.colorScheme) {\n var redInt = this.props.colorScheme.red;\n var blueInt = this.props.colorScheme.blue;\n var greenInt = this.props.colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')',\n backgroundImage: 'none'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var themeClass = this.props.theme ? 'dark-theme' : 'light-theme';\n var modalClass = themeClass + \" alertOverlay\";\n var isShowingMenu = this.props.router.isActive('/inappmenu');\n var icon = this.props.appIcon == 'false' ? _react2.default.createElement('div', null) : _react2.default.createElement(_MenuIcon2.default, { isShowingMenu: isShowingMenu });\n\n var colorScheme = null;\n colorScheme = this.getColorScheme();\n\n return _react2.default.createElement(\n 'div',\n { className: 'app__header', style: colorScheme },\n _react2.default.createElement(_AppsButton2.default, { menuName: this.props.menuName, backLink: this.props.backLink }),\n _react2.default.createElement(_Name2.default, null),\n icon,\n _react2.default.createElement(\n _reactModal2.default,\n {\n isOpen: this.props.showAlert,\n className: 'alertModal app-body',\n overlayClassName: modalClass,\n contentLabel: 'Example Modal'\n },\n _react2.default.createElement(_Alert2.default, { alertName: this.props.alertName, icon: this.props.alertIcon })\n )\n );\n }\n }, {\n key: 'componentWillReceiveProps',\n value: function componentWillReceiveProps(nextProps) {\n // TODO: this will not allow performInteraction while browsing a submenu\n // not sure if that's okay\n if (nextProps.isDisconnected) {\n this.props.router.push(\"/\");\n } else if (!nextProps.router.isActive(\"/inapplist\") && nextProps.isPerformingInteraction) {\n this.props.router.push(\"/inapplist\");\n }\n // We are in the app list and previously performing interaction but not anymore. This means time to switch out\n // this happens currently when the perform interaction times out, the prop isPerformingInteraction goes to false\n else if (nextProps.router.isActive(\"/inapplist\") && this.props.isPerformingInteraction && !nextProps.isPerformingInteraction) {\n this.props.router.push(\"/\" + nextProps.displayLayout);\n } else if (this.props.displayLayout != nextProps.displayLayout) {\n if (nextProps.activeApp) {\n this.props.router.push(\"/\" + nextProps.displayLayout);\n }\n } else if (this.props.activeApp != nextProps.activeApp) {\n if (!this.props.activeApp && nextProps.activeApp) {\n this.props.router.push(\"/\" + nextProps.displayLayout);\n }\n } else if (nextProps.triggerShowAppMenu) {\n if (nextProps.activeSubMenu) {\n // If menuID is specified, activate that sub menu\n if (!this.props.router.isActive(\"/inapplist\")) {\n this.props.router.push('/inapplist');\n }\n } else {\n // If NO menuID is specifed, show menu \n if (!this.props.router.isActive(\"/inappmenu\")) {\n this.props.router.push('/inappmenu');\n }\n }\n _store2.default.dispatch((0, _actions.resetShowAppMenu)(nextProps.activeApp));\n }\n }\n }]);\n\n return AppHeader;\n}(_react2.default.Component);\n\nexports.default = (0, _reactRouter.withRouter)(AppHeader);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppHeader.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AppHeader.js\n// module id = 93\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AppHeader.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRouter = __webpack_require__(94);\n\nvar _reactModal = __webpack_require__(156);\n\nvar _reactModal2 = _interopRequireDefault(_reactModal);\n\nvar _Alert = __webpack_require__(316);\n\nvar _Alert2 = _interopRequireDefault(_Alert);\n\nvar _MenuIcon = __webpack_require__(615);\n\nvar _MenuIcon2 = _interopRequireDefault(_MenuIcon);\n\nvar _Name = __webpack_require__(618);\n\nvar _Name2 = _interopRequireDefault(_Name);\n\nvar _AppsButton = __webpack_require__(620);\n\nvar _AppsButton2 = _interopRequireDefault(_AppsButton);\n\nvar _store = __webpack_require__(602);\n\nvar _store2 = _interopRequireDefault(_store);\n\nvar _actions = __webpack_require__(601);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AppHeader = function (_React$Component) {\n _inherits(AppHeader, _React$Component);\n\n function AppHeader(props) {\n _classCallCheck(this, AppHeader);\n\n return _possibleConstructorReturn(this, (AppHeader.__proto__ || Object.getPrototypeOf(AppHeader)).call(this, props));\n }\n\n _createClass(AppHeader, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n if (this.props.colorScheme) {\n var redInt = this.props.colorScheme.red;\n var blueInt = this.props.colorScheme.blue;\n var greenInt = this.props.colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')',\n backgroundImage: 'none'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var themeClass = this.props.theme ? 'dark-theme' : 'light-theme';\n var modalClass = themeClass + \" alertOverlay\";\n var isShowingMenu = this.props.router.isActive('/inappmenu');\n var icon = this.props.appIcon == 'false' ? _react2.default.createElement('div', null) : _react2.default.createElement(_MenuIcon2.default, { isShowingMenu: isShowingMenu });\n\n var colorScheme = null;\n colorScheme = this.getColorScheme();\n\n return _react2.default.createElement(\n 'div',\n { className: 'app__header', style: colorScheme },\n _react2.default.createElement(_AppsButton2.default, { menuName: this.props.menuName, backLink: this.props.backLink }),\n _react2.default.createElement(_Name2.default, null),\n icon,\n _react2.default.createElement(\n _reactModal2.default,\n {\n isOpen: this.props.showAlert,\n className: 'alertModal app-body',\n overlayClassName: modalClass,\n contentLabel: 'Example Modal'\n },\n _react2.default.createElement(_Alert2.default, { alertName: this.props.alertName, icon: this.props.alertIcon })\n )\n );\n }\n }, {\n key: 'componentWillReceiveProps',\n value: function componentWillReceiveProps(nextProps) {\n // TODO: this will not allow performInteraction while browsing a submenu\n // not sure if that's okay\n if (nextProps.isDisconnected) {\n this.props.router.push(\"/\");\n } else if (!nextProps.router.isActive(\"/inapplist\") && nextProps.isPerformingInteraction) {\n this.props.router.push(\"/inapplist\");\n }\n // We are in the app list and previously performing interaction but not anymore. This means time to switch out\n // this happens currently when the perform interaction times out, the prop isPerformingInteraction goes to false\n else if (nextProps.router.isActive(\"/inapplist\") && this.props.isPerformingInteraction && !nextProps.isPerformingInteraction) {\n this.props.router.push(\"/\" + nextProps.displayLayout);\n } else if (this.props.displayLayout != nextProps.displayLayout) {\n if (nextProps.activeApp) {\n this.props.router.push(\"/\" + nextProps.displayLayout);\n }\n } else if (this.props.activeApp != nextProps.activeApp) {\n if (!this.props.activeApp && nextProps.activeApp) {\n this.props.router.push(\"/\" + nextProps.displayLayout);\n }\n } else if (nextProps.triggerShowAppMenu) {\n if (nextProps.activeSubMenu) {\n // If menuID is specified, activate that sub menu\n if (!this.props.router.isActive(\"/inapplist\")) {\n this.props.router.push('/inapplist');\n }\n } else {\n // If NO menuID is specifed, show menu \n if (!this.props.router.isActive(\"/inappmenu\")) {\n this.props.router.push('/inappmenu');\n }\n }\n _store2.default.dispatch((0, _actions.resetShowAppMenu)(nextProps.activeApp));\n }\n }\n }]);\n\n return AppHeader;\n}(_react2.default.Component);\n\nexports.default = (0, _reactRouter.withRouter)(AppHeader);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppHeader.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AppHeader.js\n// module id = 93\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AppHeader.js?"); /***/ }), /* 94 */ @@ -1940,31 +1940,31 @@ /* 316 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Metadata = __webpack_require__(317);\n\nvar _Buttons = __webpack_require__(519);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar Alert = function (_React$Component) {\n _inherits(Alert, _React$Component);\n\n function Alert() {\n _classCallCheck(this, Alert);\n\n return _possibleConstructorReturn(this, (Alert.__proto__ || Object.getPrototypeOf(Alert)).call(this));\n }\n\n _createClass(Alert, [{\n key: 'render',\n value: function render() {\n var icon = this.props.icon.imageType === \"STATIC\" ? _react2.default.createElement(_StaticIcon2.default, { 'class': 'alert-icon', image: this.props.icon.value }) : _react2.default.createElement(\n 'div',\n { className: 'alert-icon' },\n _react2.default.createElement(_Image2.default, { 'class': 'icon', image: this.props.icon.value })\n );\n\n return _react2.default.createElement(\n 'div',\n { className: 'alert' },\n _react2.default.createElement(\n 'div',\n { className: 'alert-title' },\n _react2.default.createElement(\n 'p',\n { className: 't-small t-light th-f-color' },\n this.props.alertName\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: 'alert-top' },\n _react2.default.createElement(_Metadata.AlertStrings, null),\n icon\n ),\n _react2.default.createElement(_Buttons.AlertButtons, { 'class': 'alert-softbuttons-container' })\n );\n }\n }]);\n\n return Alert;\n}(_react2.default.Component);\n\nexports.default = Alert;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"Alert.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Alert.js\n// module id = 316\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Alert.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Metadata = __webpack_require__(317);\n\nvar _Buttons = __webpack_require__(519);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar Alert = function (_React$Component) {\n _inherits(Alert, _React$Component);\n\n function Alert() {\n _classCallCheck(this, Alert);\n\n return _possibleConstructorReturn(this, (Alert.__proto__ || Object.getPrototypeOf(Alert)).call(this));\n }\n\n _createClass(Alert, [{\n key: 'render',\n value: function render() {\n var icon = this.props.icon.imageType === \"STATIC\" ? _react2.default.createElement(_StaticIcon2.default, { 'class': 'alert-icon', image: this.props.icon.value }) : _react2.default.createElement(\n 'div',\n { className: 'alert-icon' },\n _react2.default.createElement(_Image2.default, { 'class': 'icon', image: this.props.icon.value })\n );\n\n return _react2.default.createElement(\n 'div',\n { className: 'alert' },\n _react2.default.createElement(\n 'div',\n { className: 'alert-title' },\n _react2.default.createElement(\n 'p',\n { className: 't-small t-light th-f-color' },\n this.props.alertName\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: 'alert-top' },\n _react2.default.createElement(_Metadata.AlertStrings, null),\n icon\n ),\n _react2.default.createElement(_Buttons.AlertButtons, { 'class': 'alert-softbuttons-container' })\n );\n }\n }]);\n\n return Alert;\n}(_react2.default.Component);\n\nexports.default = Alert;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"Alert.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Alert.js\n// module id = 316\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Alert.js?"); /***/ }), /* 317 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.DoubleGraphic = exports.TextFields = exports.AlertStrings = exports.LargeGraphic = exports.NonMediaMetadata = exports.MediaMetadata = undefined;\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _MediaPlayerBody = __webpack_require__(318);\n\nvar _MediaPlayerBody2 = _interopRequireDefault(_MediaPlayerBody);\n\nvar _NonMediaBody = __webpack_require__(513);\n\nvar _NonMediaBody2 = _interopRequireDefault(_NonMediaBody);\n\nvar _LargeGraphicBody = __webpack_require__(515);\n\nvar _LargeGraphicBody2 = _interopRequireDefault(_LargeGraphicBody);\n\nvar _AlertBody = __webpack_require__(516);\n\nvar _AlertBody2 = _interopRequireDefault(_AlertBody);\n\nvar _TextBody = __webpack_require__(517);\n\nvar _TextBody2 = _interopRequireDefault(_TextBody);\n\nvar _DoubleGraphicBody = __webpack_require__(518);\n\nvar _DoubleGraphicBody2 = _interopRequireDefault(_DoubleGraphicBody);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n var activeApp = state.activeApp;\n var metadata = state.ui[activeApp] ? state.ui[activeApp] : null;\n var props = {\n mainField1: null,\n mainField2: null,\n mainField3: null,\n mainField4: null,\n alertText1: null,\n alertText2: null,\n alertText3: null,\n graphic: null,\n secondaryGraphic: null,\n theme: null\n\n };\n\n props.theme = state.theme;\n\n if (metadata) {\n Object.keys(metadata.showStrings).map(function (fieldName) {\n switch (fieldName) {\n case \"mainField1\":\n props.mainField1 = metadata.showStrings[fieldName];\n break;\n case \"mainField2\":\n props.mainField2 = metadata.showStrings[fieldName];\n break;\n case \"mainField3\":\n props.mainField3 = metadata.showStrings[fieldName];\n break;\n case \"mainField4\":\n props.mainField4 = metadata.showStrings[fieldName];\n break;\n }\n });\n props.graphic = metadata.graphic ? metadata.graphic : null;\n props.secondaryGraphic = metadata.secondaryGraphic ? metadata.secondaryGraphic : null;\n }\n\n for (var app in state.ui) {\n if (state.ui[app].alert.showAlert) {\n state.ui[app].alert.alertStrings.map(function (textField) {\n switch (textField.fieldName) {\n case \"alertText1\":\n props.alertText1 = textField.fieldText;\n break;\n case \"alertText2\":\n props.alertText2 = textField.fieldText;\n break;\n case \"alertText3\":\n props.alertText3 = textField.fieldText;\n break;\n }\n });\n }\n }\n\n if (!state.ui[activeApp]) {\n //No active app, do not assign color scheme\n return props;\n }\n\n //Assign color scheme to props\n var theme = state.theme;\n var colorScheme = null;\n if (theme === true) {\n //Dark theme\n if (state.ui[activeApp].nightColorScheme) {\n if (state.ui[activeApp].nightColorScheme.backgroundColor) {\n props.colorScheme = state.ui[activeApp].nightColorScheme.backgroundColor;\n }\n }\n } else {\n if (state.ui[activeApp].dayColorScheme) {\n //Light theme\n if (state.ui[activeApp].dayColorScheme.backgroundColor) {\n props.colorScheme = state.ui[activeApp].dayColorScheme.backgroundColor;\n }\n }\n }\n\n return props;\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {};\n};\n\nvar MediaMetadata = exports.MediaMetadata = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_MediaPlayerBody2.default);\n\nvar NonMediaMetadata = exports.NonMediaMetadata = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_NonMediaBody2.default);\n\nvar LargeGraphic = exports.LargeGraphic = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_LargeGraphicBody2.default);\n\nvar AlertStrings = exports.AlertStrings = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_AlertBody2.default);\n\nvar TextFields = exports.TextFields = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_TextBody2.default);\n\nvar DoubleGraphic = exports.DoubleGraphic = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_DoubleGraphicBody2.default);\n\nexports.default = MediaMetadata;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"Metadata.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/Metadata.js\n// module id = 317\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/Metadata.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.DoubleGraphic = exports.TextFields = exports.AlertStrings = exports.LargeGraphic = exports.NonMediaMetadata = exports.MediaMetadata = undefined;\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _MediaPlayerBody = __webpack_require__(318);\n\nvar _MediaPlayerBody2 = _interopRequireDefault(_MediaPlayerBody);\n\nvar _NonMediaBody = __webpack_require__(513);\n\nvar _NonMediaBody2 = _interopRequireDefault(_NonMediaBody);\n\nvar _LargeGraphicBody = __webpack_require__(515);\n\nvar _LargeGraphicBody2 = _interopRequireDefault(_LargeGraphicBody);\n\nvar _AlertBody = __webpack_require__(516);\n\nvar _AlertBody2 = _interopRequireDefault(_AlertBody);\n\nvar _TextBody = __webpack_require__(517);\n\nvar _TextBody2 = _interopRequireDefault(_TextBody);\n\nvar _DoubleGraphicBody = __webpack_require__(518);\n\nvar _DoubleGraphicBody2 = _interopRequireDefault(_DoubleGraphicBody);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n var activeApp = state.activeApp;\n var metadata = state.ui[activeApp] ? state.ui[activeApp] : null;\n var props = {\n mainField1: null,\n mainField2: null,\n mainField3: null,\n mainField4: null,\n alertText1: null,\n alertText2: null,\n alertText3: null,\n graphic: null,\n secondaryGraphic: null,\n theme: null\n\n };\n\n props.theme = state.theme;\n\n if (metadata) {\n Object.keys(metadata.showStrings).map(function (fieldName) {\n switch (fieldName) {\n case \"mainField1\":\n props.mainField1 = metadata.showStrings[fieldName];\n break;\n case \"mainField2\":\n props.mainField2 = metadata.showStrings[fieldName];\n break;\n case \"mainField3\":\n props.mainField3 = metadata.showStrings[fieldName];\n break;\n case \"mainField4\":\n props.mainField4 = metadata.showStrings[fieldName];\n break;\n }\n });\n props.graphic = metadata.graphic ? metadata.graphic : null;\n props.secondaryGraphic = metadata.secondaryGraphic ? metadata.secondaryGraphic : null;\n }\n\n for (var app in state.ui) {\n if (state.ui[app].alert.showAlert) {\n state.ui[app].alert.alertStrings.map(function (textField) {\n switch (textField.fieldName) {\n case \"alertText1\":\n props.alertText1 = textField.fieldText;\n break;\n case \"alertText2\":\n props.alertText2 = textField.fieldText;\n break;\n case \"alertText3\":\n props.alertText3 = textField.fieldText;\n break;\n }\n });\n }\n }\n\n if (!state.ui[activeApp]) {\n //No active app, do not assign color scheme\n return props;\n }\n\n //Assign color scheme to props\n var theme = state.theme;\n var colorScheme = null;\n if (theme === true) {\n //Dark theme\n if (state.ui[activeApp].nightColorScheme) {\n if (state.ui[activeApp].nightColorScheme.backgroundColor) {\n props.colorScheme = state.ui[activeApp].nightColorScheme.backgroundColor;\n }\n }\n } else {\n if (state.ui[activeApp].dayColorScheme) {\n //Light theme\n if (state.ui[activeApp].dayColorScheme.backgroundColor) {\n props.colorScheme = state.ui[activeApp].dayColorScheme.backgroundColor;\n }\n }\n }\n\n return props;\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {};\n};\n\nvar MediaMetadata = exports.MediaMetadata = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_MediaPlayerBody2.default);\n\nvar NonMediaMetadata = exports.NonMediaMetadata = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_NonMediaBody2.default);\n\nvar LargeGraphic = exports.LargeGraphic = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_LargeGraphicBody2.default);\n\nvar AlertStrings = exports.AlertStrings = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_AlertBody2.default);\n\nvar TextFields = exports.TextFields = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_TextBody2.default);\n\nvar DoubleGraphic = exports.DoubleGraphic = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_DoubleGraphicBody2.default);\n\nexports.default = MediaMetadata;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"Metadata.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/Metadata.js\n// module id = 317\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/Metadata.js?"); /***/ }), /* 318 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _AlbumArt = __webpack_require__(319);\n\nvar _AlbumArt2 = _interopRequireDefault(_AlbumArt);\n\nvar _MediaTrackInfo_c = __webpack_require__(511);\n\nvar _MediaTrackInfo_c2 = _interopRequireDefault(_MediaTrackInfo_c);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar MediaPlayerBody = function (_React$Component) {\n _inherits(MediaPlayerBody, _React$Component);\n\n function MediaPlayerBody(props) {\n _classCallCheck(this, MediaPlayerBody);\n\n return _possibleConstructorReturn(this, (MediaPlayerBody.__proto__ || Object.getPrototypeOf(MediaPlayerBody)).call(this, props));\n }\n\n _createClass(MediaPlayerBody, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n if (this.props.colorScheme) {\n var redInt = this.props.colorScheme.red;\n var blueInt = this.props.colorScheme.blue;\n var greenInt = this.props.colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var value = null;\n var type = null;\n var templateImage = null;\n var theme = null;\n if (this.props.graphic) {\n value = this.props.graphic.value ? this.props.graphic.value : null;\n type = this.props.graphic.imageType ? this.props.graphic.imageType : null;\n templateImage = this.props.graphic.isTemplate ? this.props.graphic.isTemplate : null;\n theme = this.props.theme ? this.props.theme : null;\n }\n return _react2.default.createElement(\n 'div',\n { className: 'media-player-body', style: this.getColorScheme() },\n _react2.default.createElement(_AlbumArt2.default, { image: value, imageType: type, isTemplate: templateImage, theme: theme }),\n _react2.default.createElement(\n 'div',\n { className: 'media-track' },\n _react2.default.createElement(\n 'div',\n { className: 'media-metadata' },\n _react2.default.createElement(\n 'p',\n { className: 't-small t-medium th-f-color' },\n this.props.mainField3\n ),\n _react2.default.createElement(\n 'p',\n { className: 't-large t-light th-f-color' },\n this.props.mainField1\n ),\n _react2.default.createElement(\n 'p',\n { className: 't-large t-light th-f-color-secondary' },\n this.props.mainField2\n )\n ),\n _react2.default.createElement(_MediaTrackInfo_c2.default, null)\n )\n );\n }\n }]);\n\n return MediaPlayerBody;\n}(_react2.default.Component);\n\nexports.default = MediaPlayerBody;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"MediaPlayerBody.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/MediaPlayerBody.js\n// module id = 318\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/MediaPlayerBody.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _AlbumArt = __webpack_require__(319);\n\nvar _AlbumArt2 = _interopRequireDefault(_AlbumArt);\n\nvar _MediaTrackInfo_c = __webpack_require__(511);\n\nvar _MediaTrackInfo_c2 = _interopRequireDefault(_MediaTrackInfo_c);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar MediaPlayerBody = function (_React$Component) {\n _inherits(MediaPlayerBody, _React$Component);\n\n function MediaPlayerBody(props) {\n _classCallCheck(this, MediaPlayerBody);\n\n return _possibleConstructorReturn(this, (MediaPlayerBody.__proto__ || Object.getPrototypeOf(MediaPlayerBody)).call(this, props));\n }\n\n _createClass(MediaPlayerBody, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n if (this.props.colorScheme) {\n var redInt = this.props.colorScheme.red;\n var blueInt = this.props.colorScheme.blue;\n var greenInt = this.props.colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var value = null;\n var type = null;\n var templateImage = null;\n var theme = null;\n if (this.props.graphic) {\n value = this.props.graphic.value ? this.props.graphic.value : null;\n type = this.props.graphic.imageType ? this.props.graphic.imageType : null;\n templateImage = this.props.graphic.isTemplate ? this.props.graphic.isTemplate : null;\n theme = this.props.theme ? this.props.theme : null;\n }\n return _react2.default.createElement(\n 'div',\n { className: 'media-player-body', style: this.getColorScheme() },\n _react2.default.createElement(_AlbumArt2.default, { image: value, imageType: type, isTemplate: templateImage, theme: theme }),\n _react2.default.createElement(\n 'div',\n { className: 'media-track' },\n _react2.default.createElement(\n 'div',\n { className: 'media-metadata' },\n _react2.default.createElement(\n 'p',\n { className: 't-small t-medium th-f-color' },\n this.props.mainField3\n ),\n _react2.default.createElement(\n 'p',\n { className: 't-large t-light th-f-color' },\n this.props.mainField1\n ),\n _react2.default.createElement(\n 'p',\n { className: 't-large t-light th-f-color-secondary' },\n this.props.mainField2\n )\n ),\n _react2.default.createElement(_MediaTrackInfo_c2.default, null)\n )\n );\n }\n }]);\n\n return MediaPlayerBody;\n}(_react2.default.Component);\n\nexports.default = MediaPlayerBody;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"MediaPlayerBody.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/MediaPlayerBody.js\n// module id = 318\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/MediaPlayerBody.js?"); /***/ }), /* 319 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AlbumArt = function (_React$Component) {\n _inherits(AlbumArt, _React$Component);\n\n function AlbumArt(props) {\n _classCallCheck(this, AlbumArt);\n\n return _possibleConstructorReturn(this, (AlbumArt.__proto__ || Object.getPrototypeOf(AlbumArt)).call(this, props));\n }\n\n _createClass(AlbumArt, [{\n key: 'render',\n value: function render() {\n if (this.props.image) {\n if (this.props.imageType === \"STATIC\") {\n return _react2.default.createElement(\n 'div',\n { className: 'album-art' },\n _react2.default.createElement(_StaticIcon2.default, { 'class': 'static-icon', image: this.props.image })\n );\n } else {\n\n var fillColor = null;\n if (this.props.theme) {\n fillColor = \"#FFFFFF\";\n } else {\n fillColor = \"#000000\";\n }\n\n return _react2.default.createElement(\n 'div',\n { className: 'album-art' },\n _react2.default.createElement(_Image2.default, { 'class': 'th-box-shadow',\n image: this.props.image,\n isTemplate: this.props.isTemplate,\n fillColor: fillColor })\n );\n }\n } else {\n return null;\n }\n }\n }]);\n\n return AlbumArt;\n}(_react2.default.Component);\n\nexports.default = AlbumArt;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AlbumArt.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AlbumArt.js\n// module id = 319\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AlbumArt.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AlbumArt = function (_React$Component) {\n _inherits(AlbumArt, _React$Component);\n\n function AlbumArt(props) {\n _classCallCheck(this, AlbumArt);\n\n return _possibleConstructorReturn(this, (AlbumArt.__proto__ || Object.getPrototypeOf(AlbumArt)).call(this, props));\n }\n\n _createClass(AlbumArt, [{\n key: 'render',\n value: function render() {\n if (this.props.image) {\n if (this.props.imageType === \"STATIC\") {\n return _react2.default.createElement(\n 'div',\n { className: 'album-art' },\n _react2.default.createElement(_StaticIcon2.default, { 'class': 'static-icon', image: this.props.image })\n );\n } else {\n\n var fillColor = null;\n if (this.props.theme) {\n fillColor = \"#FFFFFF\";\n } else {\n fillColor = \"#000000\";\n }\n\n return _react2.default.createElement(\n 'div',\n { className: 'album-art' },\n _react2.default.createElement(_Image2.default, { 'class': 'th-box-shadow',\n image: this.props.image,\n isTemplate: this.props.isTemplate,\n fillColor: fillColor })\n );\n }\n } else {\n return null;\n }\n }\n }]);\n\n return AlbumArt;\n}(_react2.default.Component);\n\nexports.default = AlbumArt;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AlbumArt.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AlbumArt.js\n// module id = 319\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AlbumArt.js?"); /***/ }), /* 320 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar svgs = __webpack_require__(321);\nvar keys = svgs.keys();\n\nvar svgsObj = svgs.keys().reduce(function (images, key) {\n var svg = svgs(key);\n svg = svg.replace(/\"st0\"/g, '\"st0 svg-stroke\"');\n svg = svg.replace(/\"st1\"/g, '\"st1 svg-stroke\"');\n svg = svg.replace(/\"st2\"/g, '\"st2 svg-stroke\"');\n images[key] = svg;\n return images;\n}, {});\n\nvar StaticIcon = function (_React$Component) {\n _inherits(StaticIcon, _React$Component);\n\n function StaticIcon(props) {\n _classCallCheck(this, StaticIcon);\n\n return _possibleConstructorReturn(this, (StaticIcon.__proto__ || Object.getPrototypeOf(StaticIcon)).call(this, props));\n }\n\n _createClass(StaticIcon, [{\n key: 'render',\n value: function render() {\n if (this.props.image) {\n var path = \"\";\n var hex = this.props.image.substring(0, 2).toLowerCase();\n var value = this.props.image.substring(2, 4).toUpperCase();\n var image = hex + value;\n path = \"./\" + image + \".svg\";\n return _react2.default.createElement('div', { className: this.props.class, dangerouslySetInnerHTML: { __html: svgsObj[path] } });\n } else {\n return null;\n }\n }\n }]);\n\n return StaticIcon;\n}(_react2.default.Component);\n\nexports.default = StaticIcon;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"StaticIcon.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/Shared/StaticIcon.js\n// module id = 320\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/Shared/StaticIcon.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar svgs = __webpack_require__(321);\nvar keys = svgs.keys();\n\nvar svgsObj = svgs.keys().reduce(function (images, key) {\n var svg = svgs(key);\n svg = svg.replace(/\"st0\"/g, '\"st0 svg-stroke\"');\n svg = svg.replace(/\"st1\"/g, '\"st1 svg-stroke\"');\n svg = svg.replace(/\"st2\"/g, '\"st2 svg-stroke\"');\n images[key] = svg;\n return images;\n}, {});\n\nvar StaticIcon = function (_React$Component) {\n _inherits(StaticIcon, _React$Component);\n\n function StaticIcon(props) {\n _classCallCheck(this, StaticIcon);\n\n return _possibleConstructorReturn(this, (StaticIcon.__proto__ || Object.getPrototypeOf(StaticIcon)).call(this, props));\n }\n\n _createClass(StaticIcon, [{\n key: 'render',\n value: function render() {\n if (this.props.image) {\n var path = \"\";\n var hex = this.props.image.substring(0, 2).toLowerCase();\n var value = this.props.image.substring(2, 4).toUpperCase();\n var image = hex + value;\n path = \"./\" + image + \".svg\";\n return _react2.default.createElement('div', { className: this.props.class, dangerouslySetInnerHTML: { __html: svgsObj[path] } });\n } else {\n return null;\n }\n }\n }]);\n\n return StaticIcon;\n}(_react2.default.Component);\n\nexports.default = StaticIcon;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"StaticIcon.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/Shared/StaticIcon.js\n// module id = 320\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/Shared/StaticIcon.js?"); /***/ }), /* 321 */ @@ -3104,79 +3104,79 @@ /* 510 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar Image = function (_React$Component) {\n _inherits(Image, _React$Component);\n\n function Image(props) {\n _classCallCheck(this, Image);\n\n var _this = _possibleConstructorReturn(this, (Image.__proto__ || Object.getPrototypeOf(Image)).call(this, props));\n\n _this.state = { error: false };\n return _this;\n }\n\n _createClass(Image, [{\n key: \"scaleImage\",\n value: function scaleImage(ogDimension, parentDimension) {\n var scaledDimensions = {\n width: 0,\n height: 0\n };\n var widthRatio = parentDimension.width / ogDimension.width;\n var heightRatio = parentDimension.height / ogDimension.height;\n var minScale = Math.min(widthRatio, heightRatio);\n scaledDimensions.width = ogDimension.width * minScale;\n scaledDimensions.height = ogDimension.height * minScale;\n\n return scaledDimensions;\n }\n }, {\n key: \"drawImage\",\n value: function drawImage() {\n var _this2 = this;\n\n var fillColor = this.props.fillColor ? this.props.fillColor : \"#000000\";\n if (this.refs.canvas && this.refs.image) {\n var canvasContainer = this.refs.canvasContainer;\n var canvas = this.refs.canvas;\n var ctx = canvas.getContext(\"2d\");\n var img = this.refs.image;\n canvas.width = canvasContainer.clientWidth;\n canvas.height = canvasContainer.clientHeight;\n img.onload = function () {\n var scaledDimensions = _this2.scaleImage({\n \"width\": img.width,\n \"height\": img.height\n }, {\n \"width\": canvas.width,\n \"height\": canvas.height\n });\n\n ctx.clearRect(0, 0, canvasContainer.clientWidth, canvasContainer.clientHeight);\n\n var x = canvas.width / 2 - scaledDimensions.width / 2;\n var y = canvas.height / 2 - scaledDimensions.height / 2;\n ctx.drawImage(img, x, y, scaledDimensions.width, scaledDimensions.height);\n\n ctx.globalCompositeOperation = \"source-atop\";\n ctx.globalAlpha = 1.0;\n ctx.fillStyle = fillColor;\n ctx.fillRect(0, 0, canvasContainer.clientWidth, canvasContainer.clientHeight);\n\n ctx.globalCompositeOperation = \"source-over\";\n ctx.globalAlpha = 1.0;\n };\n //Refresh image to trigger onload\n img.src = this.props.image;\n }\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.drawImage();\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate() {\n this.drawImage();\n }\n }, {\n key: \"onError\",\n value: function onError(event) {\n this.setState({ error: true });\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this3 = this;\n\n if (this.props.image && !this.state.error) {\n if (this.props.isTemplate) {\n var hidden = { display: 'none' };\n var size = {\n height: \"100%\",\n width: \"100%\"\n };\n return _react2.default.createElement(\n \"div\",\n { style: size, ref: \"canvasContainer\" },\n _react2.default.createElement(\"canvas\", { ref: \"canvas\", className: this.props.class }),\n _react2.default.createElement(\"img\", { ref: \"image\", style: hidden, src: this.props.image })\n );\n } else {\n return _react2.default.createElement(\"img\", { className: this.props.class, src: this.props.image + \"?m=\" + new Date().getTime(), onError: function onError(e) {\n return _this3.onError(e);\n } });\n }\n } else {\n return null;\n }\n }\n }]);\n\n return Image;\n}(_react2.default.Component);\n\nexports.default = Image;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"Image.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/Shared/Image.js\n// module id = 510\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/Shared/Image.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar Image = function (_React$Component) {\n _inherits(Image, _React$Component);\n\n function Image(props) {\n _classCallCheck(this, Image);\n\n var _this = _possibleConstructorReturn(this, (Image.__proto__ || Object.getPrototypeOf(Image)).call(this, props));\n\n _this.state = { error: false };\n return _this;\n }\n\n _createClass(Image, [{\n key: \"scaleImage\",\n value: function scaleImage(ogDimension, parentDimension) {\n var scaledDimensions = {\n width: 0,\n height: 0\n };\n var widthRatio = parentDimension.width / ogDimension.width;\n var heightRatio = parentDimension.height / ogDimension.height;\n var minScale = Math.min(widthRatio, heightRatio);\n scaledDimensions.width = ogDimension.width * minScale;\n scaledDimensions.height = ogDimension.height * minScale;\n\n return scaledDimensions;\n }\n }, {\n key: \"drawImage\",\n value: function drawImage() {\n var _this2 = this;\n\n var fillColor = this.props.fillColor ? this.props.fillColor : \"#000000\";\n if (this.refs.canvas && this.refs.image) {\n var canvasContainer = this.refs.canvasContainer;\n var canvas = this.refs.canvas;\n var ctx = canvas.getContext(\"2d\");\n var img = this.refs.image;\n canvas.width = canvasContainer.clientWidth;\n canvas.height = canvasContainer.clientHeight;\n img.onload = function () {\n var scaledDimensions = _this2.scaleImage({\n \"width\": img.width,\n \"height\": img.height\n }, {\n \"width\": canvas.width,\n \"height\": canvas.height\n });\n\n ctx.clearRect(0, 0, canvasContainer.clientWidth, canvasContainer.clientHeight);\n\n var x = canvas.width / 2 - scaledDimensions.width / 2;\n var y = canvas.height / 2 - scaledDimensions.height / 2;\n ctx.drawImage(img, x, y, scaledDimensions.width, scaledDimensions.height);\n\n ctx.globalCompositeOperation = \"source-atop\";\n ctx.globalAlpha = 1.0;\n ctx.fillStyle = fillColor;\n ctx.fillRect(0, 0, canvasContainer.clientWidth, canvasContainer.clientHeight);\n\n ctx.globalCompositeOperation = \"source-over\";\n ctx.globalAlpha = 1.0;\n };\n //Refresh image to trigger onload\n img.src = this.props.image;\n }\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.drawImage();\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate() {\n this.drawImage();\n }\n }, {\n key: \"onError\",\n value: function onError(event) {\n this.setState({ error: true });\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this3 = this;\n\n if (this.props.image && !this.state.error) {\n if (this.props.isTemplate) {\n var hidden = { display: 'none' };\n var size = {\n height: \"100%\",\n width: \"100%\"\n };\n return _react2.default.createElement(\n \"div\",\n { style: size, ref: \"canvasContainer\" },\n _react2.default.createElement(\"canvas\", { ref: \"canvas\", className: this.props.class }),\n _react2.default.createElement(\"img\", { ref: \"image\", style: hidden, src: this.props.image })\n );\n } else {\n return _react2.default.createElement(\"img\", { className: this.props.class, src: this.props.image + \"?m=\" + new Date().getTime(), onError: function onError(e) {\n return _this3.onError(e);\n } });\n }\n } else {\n return null;\n }\n }\n }]);\n\n return Image;\n}(_react2.default.Component);\n\nexports.default = Image;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"Image.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/Shared/Image.js\n// module id = 510\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/Shared/Image.js?"); /***/ }), /* 511 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _MediaTrackInfo = __webpack_require__(512);\n\nvar _MediaTrackInfo2 = _interopRequireDefault(_MediaTrackInfo);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n var activeApp = state.activeApp;\n var app = state.ui[activeApp] ? state.ui[activeApp] : {};\n // TODO: this is creating startTime and endTime if they don't exist\n // if we want to support something dynamic like not including endTime if it's not given to the component, we should remove this\n var startTime = app.startTime ? app.startTime : null;\n var endTime = app.endTime ? app.endTime : {\n hours: 0,\n minutes: 0,\n seconds: 0\n };\n var startDate = startTime ? new Date(0, 0, 0, startTime.hours, startTime.minutes, startTime.seconds, 0) : null;\n var endDate = new Date(0, 0, 0, endTime.hours, endTime.minutes, endTime.seconds, 0);\n\n //Assign color scheme to props\n var theme = state.theme;\n var colorScheme = {};\n if (theme === true) {\n //Dark theme\n if (app.nightColorScheme) {\n colorScheme = app.nightColorScheme;\n }\n } else {\n if (app.dayColorScheme) {\n //Light theme\n colorScheme = app.dayColorScheme;\n }\n }\n\n return {\n startDate: startDate,\n endDate: endDate,\n updateMode: app.updateMode,\n now: app.updateTime,\n colorScheme: colorScheme\n };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {};\n};\n\nvar Container = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_MediaTrackInfo2.default);\n\nexports.default = Container;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"MediaTrackInfo_c.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/MediaTrackInfo_c.js\n// module id = 511\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/MediaTrackInfo_c.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _MediaTrackInfo = __webpack_require__(512);\n\nvar _MediaTrackInfo2 = _interopRequireDefault(_MediaTrackInfo);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n var activeApp = state.activeApp;\n var app = state.ui[activeApp] ? state.ui[activeApp] : {};\n // TODO: this is creating startTime and endTime if they don't exist\n // if we want to support something dynamic like not including endTime if it's not given to the component, we should remove this\n var startTime = app.startTime ? app.startTime : null;\n var endTime = app.endTime ? app.endTime : {\n hours: 0,\n minutes: 0,\n seconds: 0\n };\n var startDate = startTime ? new Date(0, 0, 0, startTime.hours, startTime.minutes, startTime.seconds, 0) : null;\n var endDate = new Date(0, 0, 0, endTime.hours, endTime.minutes, endTime.seconds, 0);\n\n //Assign color scheme to props\n var theme = state.theme;\n var colorScheme = {};\n if (theme === true) {\n //Dark theme\n if (app.nightColorScheme) {\n colorScheme = app.nightColorScheme;\n }\n } else {\n if (app.dayColorScheme) {\n //Light theme\n colorScheme = app.dayColorScheme;\n }\n }\n\n return {\n startDate: startDate,\n endDate: endDate,\n updateMode: app.updateMode,\n now: app.updateTime,\n colorScheme: colorScheme\n };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {};\n};\n\nvar Container = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_MediaTrackInfo2.default);\n\nexports.default = Container;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"MediaTrackInfo_c.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/MediaTrackInfo_c.js\n// module id = 511\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/MediaTrackInfo_c.js?"); /***/ }), /* 512 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar MediaTrackInfo = function (_React$Component) {\n _inherits(MediaTrackInfo, _React$Component);\n\n function MediaTrackInfo(props) {\n _classCallCheck(this, MediaTrackInfo);\n\n return _possibleConstructorReturn(this, (MediaTrackInfo.__proto__ || Object.getPrototypeOf(MediaTrackInfo)).call(this, props));\n }\n\n _createClass(MediaTrackInfo, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n clearInterval(this.interval);\n this.interval = setInterval(this.forceUpdate.bind(this), 1000);\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n clearInterval(this.interval);\n }\n }, {\n key: \"getPrimaryColorScheme\",\n value: function getPrimaryColorScheme() {\n if (this.props.colorScheme) {\n if (this.props.colorScheme.primaryColor) {\n var redInt = this.props.colorScheme.primaryColor.red;\n var blueInt = this.props.colorScheme.primaryColor.blue;\n var greenInt = this.props.colorScheme.primaryColor.green;\n var cssColorScheme = \"rgb(\" + redInt + \", \" + greenInt + \", \" + blueInt + \")\";\n return cssColorScheme;\n }\n }\n return null;\n }\n }, {\n key: \"render\",\n value: function render() {\n var startDate = this.props.startDate;\n var endDate = this.props.endDate;\n var now = new Date().getTime();\n // TODO: support more than just COUNTUP, move intervals and what not over here\n switch (this.props.updateMode) {\n case \"PAUSE\":\n clearInterval(this.interval);\n break;\n case \"RESUME\":\n case \"COUNTUP\":\n clearInterval(this.interval);\n this.interval = setInterval(this.forceUpdate.bind(this), 1000);\n break;\n }\n if (startDate) {\n var timeSince = new Date(startDate.getTime() + now - this.props.now);\n // If the numbers are less than 10 put a 0 in front of them\n var startHours = timeSince.getHours() < 10 ? \"0\" + timeSince.getHours() : timeSince.getHours();\n var startMins = timeSince.getMinutes() < 10 ? \"0\" + timeSince.getMinutes() : timeSince.getMinutes();\n var startSecs = timeSince.getSeconds() < 10 ? \"0\" + timeSince.getSeconds() : timeSince.getSeconds();\n var endHours = endDate.getHours() < 10 ? \"0\" + endDate.getHours() : endDate.getHours();\n var endMins = endDate.getMinutes() < 10 ? \"0\" + endDate.getMinutes() : endDate.getMinutes();\n var endSecs = endDate.getSeconds() < 10 ? \"0\" + endDate.getSeconds() : endDate.getSeconds();\n var startTime = startHours + \":\" + startMins + \":\" + startSecs;\n var endTime = \"/ \" + endHours + \":\" + endMins + \":\" + endSecs;\n if (endHours == \"00\" && endMins == \"00\" && endSecs == \"00\") {\n endTime = \"\";\n }\n } else {\n startTime = null;\n endTime = null;\n }\n\n var primaryStyle = {\n color: this.getPrimaryColorScheme()\n };\n\n return _react2.default.createElement(\n \"div\",\n { className: \"media-track__time\" },\n _react2.default.createElement(\n \"span\",\n { className: \"t-small t-medium th-f-accent-color\", style: primaryStyle },\n startTime,\n \" \"\n ),\n _react2.default.createElement(\n \"span\",\n { className: \"t-small t-medium th-f-color-alt\" },\n endTime\n )\n );\n }\n }]);\n\n return MediaTrackInfo;\n}(_react2.default.Component);\n\nexports.default = MediaTrackInfo;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"MediaTrackInfo.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/MediaTrackInfo.js\n// module id = 512\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/MediaTrackInfo.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar MediaTrackInfo = function (_React$Component) {\n _inherits(MediaTrackInfo, _React$Component);\n\n function MediaTrackInfo(props) {\n _classCallCheck(this, MediaTrackInfo);\n\n return _possibleConstructorReturn(this, (MediaTrackInfo.__proto__ || Object.getPrototypeOf(MediaTrackInfo)).call(this, props));\n }\n\n _createClass(MediaTrackInfo, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n clearInterval(this.interval);\n this.interval = setInterval(this.forceUpdate.bind(this), 1000);\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n clearInterval(this.interval);\n }\n }, {\n key: \"getPrimaryColorScheme\",\n value: function getPrimaryColorScheme() {\n if (this.props.colorScheme) {\n if (this.props.colorScheme.primaryColor) {\n var redInt = this.props.colorScheme.primaryColor.red;\n var blueInt = this.props.colorScheme.primaryColor.blue;\n var greenInt = this.props.colorScheme.primaryColor.green;\n var cssColorScheme = \"rgb(\" + redInt + \", \" + greenInt + \", \" + blueInt + \")\";\n return cssColorScheme;\n }\n }\n return null;\n }\n }, {\n key: \"render\",\n value: function render() {\n var startDate = this.props.startDate;\n var endDate = this.props.endDate;\n var now = new Date().getTime();\n // TODO: support more than just COUNTUP, move intervals and what not over here\n switch (this.props.updateMode) {\n case \"PAUSE\":\n clearInterval(this.interval);\n break;\n case \"RESUME\":\n case \"COUNTUP\":\n clearInterval(this.interval);\n this.interval = setInterval(this.forceUpdate.bind(this), 1000);\n break;\n }\n if (startDate) {\n var timeSince = new Date(startDate.getTime() + now - this.props.now);\n // If the numbers are less than 10 put a 0 in front of them\n var startHours = timeSince.getHours() < 10 ? \"0\" + timeSince.getHours() : timeSince.getHours();\n var startMins = timeSince.getMinutes() < 10 ? \"0\" + timeSince.getMinutes() : timeSince.getMinutes();\n var startSecs = timeSince.getSeconds() < 10 ? \"0\" + timeSince.getSeconds() : timeSince.getSeconds();\n var endHours = endDate.getHours() < 10 ? \"0\" + endDate.getHours() : endDate.getHours();\n var endMins = endDate.getMinutes() < 10 ? \"0\" + endDate.getMinutes() : endDate.getMinutes();\n var endSecs = endDate.getSeconds() < 10 ? \"0\" + endDate.getSeconds() : endDate.getSeconds();\n var startTime = startHours + \":\" + startMins + \":\" + startSecs;\n var endTime = \"/ \" + endHours + \":\" + endMins + \":\" + endSecs;\n if (endHours == \"00\" && endMins == \"00\" && endSecs == \"00\") {\n endTime = \"\";\n }\n } else {\n startTime = null;\n endTime = null;\n }\n\n var primaryStyle = {\n color: this.getPrimaryColorScheme()\n };\n\n return _react2.default.createElement(\n \"div\",\n { className: \"media-track__time\" },\n _react2.default.createElement(\n \"span\",\n { className: \"t-small t-medium th-f-accent-color\", style: primaryStyle },\n startTime,\n \" \"\n ),\n _react2.default.createElement(\n \"span\",\n { className: \"t-small t-medium th-f-color-alt\" },\n endTime\n )\n );\n }\n }]);\n\n return MediaTrackInfo;\n}(_react2.default.Component);\n\nexports.default = MediaTrackInfo;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"MediaTrackInfo.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/MediaTrackInfo.js\n// module id = 512\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/MediaTrackInfo.js?"); /***/ }), /* 513 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _NonMediaGraphic = __webpack_require__(514);\n\nvar _NonMediaGraphic2 = _interopRequireDefault(_NonMediaGraphic);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar NonMediaBody = function (_React$Component) {\n _inherits(NonMediaBody, _React$Component);\n\n function NonMediaBody(props) {\n _classCallCheck(this, NonMediaBody);\n\n return _possibleConstructorReturn(this, (NonMediaBody.__proto__ || Object.getPrototypeOf(NonMediaBody)).call(this, props));\n }\n\n _createClass(NonMediaBody, [{\n key: 'render',\n value: function render() {\n\n var textFields = [];\n if (this.props.mainField1) textFields.push({ text: this.props.mainField1, className: null });\n if (this.props.mainField2) textFields.push({ text: this.props.mainField2, className: null });\n if (this.props.mainField3) textFields.push({ text: this.props.mainField3, className: null });\n if (this.props.mainField4) textFields.push({ text: this.props.mainField4, className: null });\n\n if (textFields.length > 2) {\n for (var i = 0; i < textFields.length; i++) {\n if (i < 2) {\n textFields[i].className = \"t-large t-light th-f-color non-media-text-4\";\n } else {\n textFields[i].className = \"t-small t-light th-f-color-secondary non-media-text-4\";\n }\n }\n } else {\n if (textFields[0]) {\n textFields[0].className = \"t-large t-light th-f-color non-media-text-2\";\n }\n if (textFields[1]) {\n textFields[1].className = \"t-small t-light th-f-color-secondary non-media-text-2\";\n }\n }\n var softButtonsDiv = \"\";\n for (var i = 0; i < textFields.length; i++) {\n softButtonsDiv += '

' + textFields[i].text + '

';\n }\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(\n 'div',\n { className: 'non-media-body' },\n _react2.default.createElement('div', { className: 'non-media-meta-data', dangerouslySetInnerHTML: { __html: softButtonsDiv } }),\n _react2.default.createElement(_NonMediaGraphic2.default, { image: this.props.graphic, theme: this.props.theme })\n )\n );\n }\n }]);\n\n return NonMediaBody;\n}(_react2.default.Component);\n\nexports.default = NonMediaBody;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"NonMediaBody.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/NonMedia/NonMediaBody.js\n// module id = 513\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/NonMedia/NonMediaBody.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _NonMediaGraphic = __webpack_require__(514);\n\nvar _NonMediaGraphic2 = _interopRequireDefault(_NonMediaGraphic);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar NonMediaBody = function (_React$Component) {\n _inherits(NonMediaBody, _React$Component);\n\n function NonMediaBody(props) {\n _classCallCheck(this, NonMediaBody);\n\n return _possibleConstructorReturn(this, (NonMediaBody.__proto__ || Object.getPrototypeOf(NonMediaBody)).call(this, props));\n }\n\n _createClass(NonMediaBody, [{\n key: 'render',\n value: function render() {\n\n var textFields = [];\n if (this.props.mainField1) textFields.push({ text: this.props.mainField1, className: null });\n if (this.props.mainField2) textFields.push({ text: this.props.mainField2, className: null });\n if (this.props.mainField3) textFields.push({ text: this.props.mainField3, className: null });\n if (this.props.mainField4) textFields.push({ text: this.props.mainField4, className: null });\n\n if (textFields.length > 2) {\n for (var i = 0; i < textFields.length; i++) {\n if (i < 2) {\n textFields[i].className = \"t-large t-light th-f-color non-media-text-4\";\n } else {\n textFields[i].className = \"t-small t-light th-f-color-secondary non-media-text-4\";\n }\n }\n } else {\n if (textFields[0]) {\n textFields[0].className = \"t-large t-light th-f-color non-media-text-2\";\n }\n if (textFields[1]) {\n textFields[1].className = \"t-small t-light th-f-color-secondary non-media-text-2\";\n }\n }\n var softButtonsDiv = \"\";\n for (var i = 0; i < textFields.length; i++) {\n softButtonsDiv += '

' + textFields[i].text + '

';\n }\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(\n 'div',\n { className: 'non-media-body' },\n _react2.default.createElement('div', { className: 'non-media-meta-data', dangerouslySetInnerHTML: { __html: softButtonsDiv } }),\n _react2.default.createElement(_NonMediaGraphic2.default, { image: this.props.graphic, theme: this.props.theme })\n )\n );\n }\n }]);\n\n return NonMediaBody;\n}(_react2.default.Component);\n\nexports.default = NonMediaBody;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"NonMediaBody.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/NonMedia/NonMediaBody.js\n// module id = 513\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/NonMedia/NonMediaBody.js?"); /***/ }), /* 514 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar NonMediaGraphic = function (_React$Component) {\n _inherits(NonMediaGraphic, _React$Component);\n\n function NonMediaGraphic(props) {\n _classCallCheck(this, NonMediaGraphic);\n\n return _possibleConstructorReturn(this, (NonMediaGraphic.__proto__ || Object.getPrototypeOf(NonMediaGraphic)).call(this, props));\n }\n\n _createClass(NonMediaGraphic, [{\n key: 'fillColor',\n value: function fillColor() {\n var fillColor = null;\n if (this.props.theme) {\n fillColor = \"#FFFFFF\";\n } else {\n fillColor = \"#000000\";\n }\n return fillColor;\n }\n }, {\n key: 'render',\n value: function render() {\n if (this.props.image) {\n if (this.props.image.imageType === \"STATIC\") {\n return _react2.default.createElement(\n 'div',\n { className: 'non-media-graphic' },\n _react2.default.createElement(_StaticIcon2.default, { 'class': 'static-icon', image: this.props.image.value })\n );\n } else {\n return _react2.default.createElement(\n 'div',\n { className: 'non-media-graphic' },\n _react2.default.createElement(_Image2.default, { image: this.props.image.value,\n isTemplate: this.props.image.isTemplate,\n fillColor: this.fillColor() })\n );\n }\n } else {\n return null;\n }\n }\n }]);\n\n return NonMediaGraphic;\n}(_react2.default.Component);\n\nexports.default = NonMediaGraphic;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"NonMediaGraphic.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/NonMedia/NonMediaGraphic.js\n// module id = 514\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/NonMedia/NonMediaGraphic.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar NonMediaGraphic = function (_React$Component) {\n _inherits(NonMediaGraphic, _React$Component);\n\n function NonMediaGraphic(props) {\n _classCallCheck(this, NonMediaGraphic);\n\n return _possibleConstructorReturn(this, (NonMediaGraphic.__proto__ || Object.getPrototypeOf(NonMediaGraphic)).call(this, props));\n }\n\n _createClass(NonMediaGraphic, [{\n key: 'fillColor',\n value: function fillColor() {\n var fillColor = null;\n if (this.props.theme) {\n fillColor = \"#FFFFFF\";\n } else {\n fillColor = \"#000000\";\n }\n return fillColor;\n }\n }, {\n key: 'render',\n value: function render() {\n if (this.props.image) {\n if (this.props.image.imageType === \"STATIC\") {\n return _react2.default.createElement(\n 'div',\n { className: 'non-media-graphic' },\n _react2.default.createElement(_StaticIcon2.default, { 'class': 'static-icon', image: this.props.image.value })\n );\n } else {\n return _react2.default.createElement(\n 'div',\n { className: 'non-media-graphic' },\n _react2.default.createElement(_Image2.default, { image: this.props.image.value,\n isTemplate: this.props.image.isTemplate,\n fillColor: this.fillColor() })\n );\n }\n } else {\n return null;\n }\n }\n }]);\n\n return NonMediaGraphic;\n}(_react2.default.Component);\n\nexports.default = NonMediaGraphic;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"NonMediaGraphic.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/NonMedia/NonMediaGraphic.js\n// module id = 514\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/NonMedia/NonMediaGraphic.js?"); /***/ }), /* 515 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar LargeGraphicBody = function (_React$Component) {\n _inherits(LargeGraphicBody, _React$Component);\n\n function LargeGraphicBody(props) {\n _classCallCheck(this, LargeGraphicBody);\n\n return _possibleConstructorReturn(this, (LargeGraphicBody.__proto__ || Object.getPrototypeOf(LargeGraphicBody)).call(this, props));\n }\n\n _createClass(LargeGraphicBody, [{\n key: 'fillColor',\n value: function fillColor() {\n var fillColor = null;\n if (this.props.theme) {\n fillColor = \"#FFFFFF\";\n } else {\n fillColor = \"#000000\";\n }\n return fillColor;\n }\n }, {\n key: 'render',\n value: function render() {\n if (this.props.graphic) {\n if (this.props.graphic.imageType === \"STATIC\") {\n return _react2.default.createElement(\n 'div',\n { className: this.props.class },\n _react2.default.createElement(_StaticIcon2.default, { 'class': 'large-graphic', image: this.props.graphic.value })\n );\n } else {\n return _react2.default.createElement(\n 'div',\n { className: this.props.class },\n _react2.default.createElement(_Image2.default, { 'class': 'large-graphic',\n image: this.props.graphic.value,\n isTemplate: this.props.graphic.isTemplate,\n fillColor: this.fillColor() })\n );\n }\n } else {\n return null;\n }\n }\n }]);\n\n return LargeGraphicBody;\n}(_react2.default.Component);\n\nexports.default = LargeGraphicBody;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"LargeGraphicBody.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/Shared/LargeGraphicBody.js\n// module id = 515\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/Shared/LargeGraphicBody.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar LargeGraphicBody = function (_React$Component) {\n _inherits(LargeGraphicBody, _React$Component);\n\n function LargeGraphicBody(props) {\n _classCallCheck(this, LargeGraphicBody);\n\n return _possibleConstructorReturn(this, (LargeGraphicBody.__proto__ || Object.getPrototypeOf(LargeGraphicBody)).call(this, props));\n }\n\n _createClass(LargeGraphicBody, [{\n key: 'fillColor',\n value: function fillColor() {\n var fillColor = null;\n if (this.props.theme) {\n fillColor = \"#FFFFFF\";\n } else {\n fillColor = \"#000000\";\n }\n return fillColor;\n }\n }, {\n key: 'render',\n value: function render() {\n if (this.props.graphic) {\n if (this.props.graphic.imageType === \"STATIC\") {\n return _react2.default.createElement(\n 'div',\n { className: this.props.class },\n _react2.default.createElement(_StaticIcon2.default, { 'class': 'large-graphic', image: this.props.graphic.value })\n );\n } else {\n return _react2.default.createElement(\n 'div',\n { className: this.props.class },\n _react2.default.createElement(_Image2.default, { 'class': 'large-graphic',\n image: this.props.graphic.value,\n isTemplate: this.props.graphic.isTemplate,\n fillColor: this.fillColor() })\n );\n }\n } else {\n return null;\n }\n }\n }]);\n\n return LargeGraphicBody;\n}(_react2.default.Component);\n\nexports.default = LargeGraphicBody;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"LargeGraphicBody.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/Shared/LargeGraphicBody.js\n// module id = 515\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/Shared/LargeGraphicBody.js?"); /***/ }), /* 516 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AlertBody = function (_React$Component) {\n _inherits(AlertBody, _React$Component);\n\n function AlertBody(props) {\n _classCallCheck(this, AlertBody);\n\n return _possibleConstructorReturn(this, (AlertBody.__proto__ || Object.getPrototypeOf(AlertBody)).call(this, props));\n }\n\n _createClass(AlertBody, [{\n key: \"render\",\n value: function render() {\n return _react2.default.createElement(\n \"div\",\n { className: \"alert-text-fields\" },\n _react2.default.createElement(\n \"p\",\n { className: \"t-small t-medium th-f-color\" },\n this.props.alertText1\n ),\n _react2.default.createElement(\n \"p\",\n { className: \"t-small t-medium th-f-color\" },\n this.props.alertText2\n ),\n _react2.default.createElement(\n \"p\",\n { className: \"t-small t-medium th-f-color\" },\n this.props.alertText3\n )\n );\n }\n }]);\n\n return AlertBody;\n}(_react2.default.Component);\n\nexports.default = AlertBody;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AlertBody.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AlertBody.js\n// module id = 516\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AlertBody.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AlertBody = function (_React$Component) {\n _inherits(AlertBody, _React$Component);\n\n function AlertBody(props) {\n _classCallCheck(this, AlertBody);\n\n return _possibleConstructorReturn(this, (AlertBody.__proto__ || Object.getPrototypeOf(AlertBody)).call(this, props));\n }\n\n _createClass(AlertBody, [{\n key: \"render\",\n value: function render() {\n return _react2.default.createElement(\n \"div\",\n { className: \"alert-text-fields\" },\n _react2.default.createElement(\n \"p\",\n { className: \"t-small t-medium th-f-color\" },\n this.props.alertText1\n ),\n _react2.default.createElement(\n \"p\",\n { className: \"t-small t-medium th-f-color\" },\n this.props.alertText2\n ),\n _react2.default.createElement(\n \"p\",\n { className: \"t-small t-medium th-f-color\" },\n this.props.alertText3\n )\n );\n }\n }]);\n\n return AlertBody;\n}(_react2.default.Component);\n\nexports.default = AlertBody;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AlertBody.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AlertBody.js\n// module id = 516\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AlertBody.js?"); /***/ }), /* 517 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar TextBody = function (_React$Component) {\n _inherits(TextBody, _React$Component);\n\n function TextBody(props) {\n _classCallCheck(this, TextBody);\n\n return _possibleConstructorReturn(this, (TextBody.__proto__ || Object.getPrototypeOf(TextBody)).call(this, props));\n }\n\n _createClass(TextBody, [{\n key: \"render\",\n value: function render() {\n return _react2.default.createElement(\n \"div\",\n { className: \"text-body\" },\n _react2.default.createElement(\n \"p\",\n { className: \"t-large t-light th-f-color\" },\n this.props.mainField1\n ),\n _react2.default.createElement(\n \"p\",\n { className: \"t-large t-light th-f-color\" },\n this.props.mainField2\n ),\n _react2.default.createElement(\n \"p\",\n { className: \"t-large t-light th-f-color\" },\n this.props.mainField3\n ),\n _react2.default.createElement(\n \"p\",\n { className: \"t-large t-light th-f-color\" },\n this.props.mainField4\n )\n );\n }\n }]);\n\n return TextBody;\n}(_react2.default.Component);\n\nexports.default = TextBody;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"TextBody.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/Shared/TextBody.js\n// module id = 517\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/Shared/TextBody.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar TextBody = function (_React$Component) {\n _inherits(TextBody, _React$Component);\n\n function TextBody(props) {\n _classCallCheck(this, TextBody);\n\n return _possibleConstructorReturn(this, (TextBody.__proto__ || Object.getPrototypeOf(TextBody)).call(this, props));\n }\n\n _createClass(TextBody, [{\n key: \"render\",\n value: function render() {\n return _react2.default.createElement(\n \"div\",\n { className: \"text-body\" },\n _react2.default.createElement(\n \"p\",\n { className: \"t-large t-light th-f-color\" },\n this.props.mainField1\n ),\n _react2.default.createElement(\n \"p\",\n { className: \"t-large t-light th-f-color\" },\n this.props.mainField2\n ),\n _react2.default.createElement(\n \"p\",\n { className: \"t-large t-light th-f-color\" },\n this.props.mainField3\n ),\n _react2.default.createElement(\n \"p\",\n { className: \"t-large t-light th-f-color\" },\n this.props.mainField4\n )\n );\n }\n }]);\n\n return TextBody;\n}(_react2.default.Component);\n\nexports.default = TextBody;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"TextBody.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/Shared/TextBody.js\n// module id = 517\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/Shared/TextBody.js?"); /***/ }), /* 518 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar DoubleGraphicBody = function (_React$Component) {\n _inherits(DoubleGraphicBody, _React$Component);\n\n function DoubleGraphicBody(props) {\n _classCallCheck(this, DoubleGraphicBody);\n\n return _possibleConstructorReturn(this, (DoubleGraphicBody.__proto__ || Object.getPrototypeOf(DoubleGraphicBody)).call(this, props));\n }\n\n _createClass(DoubleGraphicBody, [{\n key: 'fillColor',\n value: function fillColor() {\n var fillColor = null;\n if (this.props.theme) {\n fillColor = \"#FFFFFF\";\n } else {\n fillColor = \"#000000\";\n }\n return fillColor;\n }\n }, {\n key: 'primaryGraphic',\n value: function primaryGraphic() {\n if (this.props.graphic) {\n if (this.props.graphic.imageType === \"STATIC\") {\n return _react2.default.createElement(_StaticIcon2.default, { 'class': 'double-graphic', image: this.props.graphic.value });\n } else {\n return _react2.default.createElement(_Image2.default, { 'class': 'double-graphic',\n image: this.props.graphic.value,\n isTemplate: this.props.graphic.isTemplate,\n fillColor: this.fillColor() });\n }\n } else {\n return null;\n }\n }\n }, {\n key: 'secondaryGraphic',\n value: function secondaryGraphic() {\n if (this.props.secondaryGraphic) {\n if (this.props.secondaryGraphic.imageType === \"STATIC\") {\n return _react2.default.createElement(_StaticIcon2.default, { 'class': 'double-graphic', image: this.props.secondaryGraphic.value });\n } else {\n return _react2.default.createElement(_Image2.default, { 'class': 'double-graphic',\n image: this.props.secondaryGraphic.value,\n isTemplate: this.props.secondaryGraphic.isTemplate,\n fillColor: this.fillColor() });\n }\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n { className: this.props.class },\n this.primaryGraphic(),\n this.secondaryGraphic()\n );\n }\n }]);\n\n return DoubleGraphicBody;\n}(_react2.default.Component);\n\nexports.default = DoubleGraphicBody;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"DoubleGraphicBody.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/DoubleGraphicWithSoftbuttons/DoubleGraphicBody.js\n// module id = 518\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/DoubleGraphicWithSoftbuttons/DoubleGraphicBody.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar DoubleGraphicBody = function (_React$Component) {\n _inherits(DoubleGraphicBody, _React$Component);\n\n function DoubleGraphicBody(props) {\n _classCallCheck(this, DoubleGraphicBody);\n\n return _possibleConstructorReturn(this, (DoubleGraphicBody.__proto__ || Object.getPrototypeOf(DoubleGraphicBody)).call(this, props));\n }\n\n _createClass(DoubleGraphicBody, [{\n key: 'fillColor',\n value: function fillColor() {\n var fillColor = null;\n if (this.props.theme) {\n fillColor = \"#FFFFFF\";\n } else {\n fillColor = \"#000000\";\n }\n return fillColor;\n }\n }, {\n key: 'primaryGraphic',\n value: function primaryGraphic() {\n if (this.props.graphic) {\n if (this.props.graphic.imageType === \"STATIC\") {\n return _react2.default.createElement(_StaticIcon2.default, { 'class': 'double-graphic', image: this.props.graphic.value });\n } else {\n return _react2.default.createElement(_Image2.default, { 'class': 'double-graphic',\n image: this.props.graphic.value,\n isTemplate: this.props.graphic.isTemplate,\n fillColor: this.fillColor() });\n }\n } else {\n return null;\n }\n }\n }, {\n key: 'secondaryGraphic',\n value: function secondaryGraphic() {\n if (this.props.secondaryGraphic) {\n if (this.props.secondaryGraphic.imageType === \"STATIC\") {\n return _react2.default.createElement(_StaticIcon2.default, { 'class': 'double-graphic', image: this.props.secondaryGraphic.value });\n } else {\n return _react2.default.createElement(_Image2.default, { 'class': 'double-graphic',\n image: this.props.secondaryGraphic.value,\n isTemplate: this.props.secondaryGraphic.isTemplate,\n fillColor: this.fillColor() });\n }\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n { className: this.props.class },\n this.primaryGraphic(),\n this.secondaryGraphic()\n );\n }\n }]);\n\n return DoubleGraphicBody;\n}(_react2.default.Component);\n\nexports.default = DoubleGraphicBody;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"DoubleGraphicBody.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/DoubleGraphicWithSoftbuttons/DoubleGraphicBody.js\n// module id = 518\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/DoubleGraphicWithSoftbuttons/DoubleGraphicBody.js?"); /***/ }), /* 519 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.AlertButtons = exports.SoftButtons = exports.Buttons = undefined;\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _ControlBar = __webpack_require__(520);\n\nvar _ControlBar2 = _interopRequireDefault(_ControlBar);\n\nvar _SoftButtons = __webpack_require__(522);\n\nvar _SoftButtons2 = _interopRequireDefault(_SoftButtons);\n\nvar _AlertButtons = __webpack_require__(597);\n\nvar _AlertButtons2 = _interopRequireDefault(_AlertButtons);\n\nvar _UIController = __webpack_require__(598);\n\nvar _UIController2 = _interopRequireDefault(_UIController);\n\nvar _iconSeekLeft = __webpack_require__(609);\n\nvar _iconSeekLeft2 = _interopRequireDefault(_iconSeekLeft);\n\nvar _iconSeekRight = __webpack_require__(610);\n\nvar _iconSeekRight2 = _interopRequireDefault(_iconSeekRight);\n\nvar _iconPlay = __webpack_require__(611);\n\nvar _iconPlay2 = _interopRequireDefault(_iconPlay);\n\nvar _iconPause = __webpack_require__(612);\n\nvar _iconPause2 = _interopRequireDefault(_iconPause);\n\nvar _iconPlayPause = __webpack_require__(613);\n\nvar _iconPlayPause2 = _interopRequireDefault(_iconPlayPause);\n\nvar _iconStop = __webpack_require__(614);\n\nvar _iconStop2 = _interopRequireDefault(_iconStop);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n var activeApp = state.activeApp;\n var subscribedButtons = {};\n var softButtons = [];\n var alertButtons = [];\n var app = {};\n var graphicPresent;\n if (activeApp) {\n subscribedButtons = state.ui[activeApp].subscribedButtons;\n softButtons = state.ui[activeApp].softButtons;\n app = state.ui[activeApp];\n graphicPresent = state.ui[activeApp].graphic ? true : false;\n }\n\n var buttons = [];\n if (softButtons.length > 0) {\n buttons.push({\n class: \"tertiary\",\n name: \"CUSTOM_BUTTON\",\n image: softButtons[0].image ? softButtons[0].image.value : undefined,\n imageType: softButtons[0].image ? softButtons[0].image.imageType : undefined,\n id: softButtons[0].softButtonID,\n isTemplate: softButtons[0].image ? softButtons[0].image.isTemplate : null\n });\n }\n if (subscribedButtons.SEEKLEFT === true) {\n buttons.push({\n class: \"secondary\",\n name: \"SEEKLEFT\",\n icon: _iconSeekLeft2.default\n });\n }\n if (subscribedButtons.OK === true || subscribedButtons.PLAY_PAUSE === true) {\n var buttonName = \"\";\n if (subscribedButtons.PLAY_PAUSE === true) {\n buttonName = \"PLAY_PAUSE\";\n } else {\n buttonName = \"OK\";\n }\n if (app.audioStreamingIndicator) {\n if (app.audioStreamingIndicator === \"PLAY\") {\n buttons.push({\n class: \"primary\",\n name: buttonName,\n icon: _iconPlay2.default\n });\n } else if (app.audioStreamingIndicator === \"PAUSE\") {\n buttons.push({\n class: \"primary\",\n name: buttonName,\n icon: _iconPause2.default\n });\n } else if (app.audioStreamingIndicator === \"STOP\") {\n buttons.push({\n class: \"square\",\n name: buttonName,\n icon: _iconStop2.default\n });\n } else if (app.audioStreamingIndicator === \"PLAY_PAUSE\") {\n buttons.push({\n class: \"double\",\n name: buttonName,\n icon: _iconPlayPause2.default\n });\n } else {\n buttons.push({\n class: \"double\",\n name: buttonName,\n icon: _iconPlayPause2.default\n });\n }\n } else if (app.updateMode) {\n if (app.updateMode === \"COUNTUP\") {\n buttons.push({\n class: \"primary\",\n name: buttonName,\n icon: _iconPause2.default\n });\n } else if (app.updateMode === \"COUNTDOWN\") {\n buttons.push({\n class: \"primary\",\n name: buttonName,\n icon: _iconPause2.default\n });\n } else if (app.updateMode === \"RESUME\") {\n buttons.push({\n class: \"primary\",\n name: buttonName,\n icon: _iconPause2.default\n });\n } else if (app.updateMode === \"PAUSE\") {\n buttons.push({\n class: \"primary\",\n name: buttonName,\n icon: _iconPlay2.default\n });\n } else {\n buttons.push({\n class: \"double\",\n name: buttonName,\n icon: _iconPlayPause2.default\n });\n }\n } else {\n buttons.push({\n class: \"double\",\n name: buttonName,\n icon: _iconPlayPause2.default\n });\n }\n }\n if (subscribedButtons.SEEKRIGHT === true) {\n buttons.push({\n class: \"secondary\",\n name: \"SEEKRIGHT\",\n icon: _iconSeekRight2.default\n });\n }\n if (softButtons.length > 1) {\n buttons.push({\n class: \"tertiary\",\n name: \"CUSTOM_BUTTON\",\n image: softButtons[1].image ? softButtons[1].image.value : undefined,\n imageType: softButtons[1].image ? softButtons[1].image.imageType : undefined,\n id: softButtons[1].softButtonID,\n isTemplate: softButtons[1].image ? softButtons[1].image.isTemplate : null\n });\n }\n\n for (var key in state.ui) {\n if (state.ui[key].alert.showAlert) {\n alertButtons = state.ui[key].alert.softButtons;\n if (alertButtons) {\n for (var i in alertButtons) {\n alertButtons[i].msgID = state.ui[key].alert.msgID;\n //Set appID for app calling alert, not for the active \n alertButtons[i].appID = parseInt(key);\n alertButtons[i].duration = state.ui[key].alert.duration;\n }\n }\n }\n }\n\n //Assign color scheme to props\n var theme = state.theme;\n var colorScheme = null;\n if (theme === true) {\n //Dark theme\n if (app.nightColorScheme) {\n colorScheme = {};\n if (app.nightColorScheme.primaryColor) {\n colorScheme[\"primary\"] = app.nightColorScheme.primaryColor;\n }\n if (app.nightColorScheme.secondaryColor) {\n colorScheme[\"secondary\"] = app.nightColorScheme.secondaryColor;\n }\n }\n } else {\n if (app.dayColorScheme) {\n //Light theme\n colorScheme = {};\n if (app.dayColorScheme.primaryColor) {\n colorScheme[\"primary\"] = app.dayColorScheme.primaryColor;\n }\n if (app.dayColorScheme.secondaryColor) {\n colorScheme[\"secondary\"] = app.dayColorScheme.secondaryColor;\n }\n }\n }\n\n return { buttons: buttons, softButtons: softButtons, appID: activeApp, graphicPresent: graphicPresent, alertButtons: alertButtons, colorScheme: colorScheme, theme: state.theme };\n};\n//import SoftButtons from '../SoftButtons'\n\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {\n onButtonPress: function onButtonPress(appID, buttonID, buttonName) {\n _UIController2.default.onButtonPress(appID, buttonID, buttonName);\n },\n onStealFocus: function onStealFocus(alert, activeApp) {\n _UIController2.default.onStealFocus(alert, activeApp ? activeApp : null);\n },\n onKeepContext: function onKeepContext(alert) {\n _UIController2.default.onKeepContext(alert);\n },\n onDefaultAction: function onDefaultAction(alert, activeApp) {\n _UIController2.default.onDefaultAction(alert, activeApp ? activeApp : null);\n }\n };\n};\n\nvar Buttons = exports.Buttons = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_ControlBar2.default);\n\nvar SoftButtons = exports.SoftButtons = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_SoftButtons2.default);\n\nvar AlertButtons = exports.AlertButtons = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_AlertButtons2.default);\n\nexports.default = Buttons;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"Buttons.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/Buttons.js\n// module id = 519\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/Buttons.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.AlertButtons = exports.SoftButtons = exports.Buttons = undefined;\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _ControlBar = __webpack_require__(520);\n\nvar _ControlBar2 = _interopRequireDefault(_ControlBar);\n\nvar _SoftButtons = __webpack_require__(522);\n\nvar _SoftButtons2 = _interopRequireDefault(_SoftButtons);\n\nvar _AlertButtons = __webpack_require__(597);\n\nvar _AlertButtons2 = _interopRequireDefault(_AlertButtons);\n\nvar _UIController = __webpack_require__(598);\n\nvar _UIController2 = _interopRequireDefault(_UIController);\n\nvar _iconSeekLeft = __webpack_require__(609);\n\nvar _iconSeekLeft2 = _interopRequireDefault(_iconSeekLeft);\n\nvar _iconSeekRight = __webpack_require__(610);\n\nvar _iconSeekRight2 = _interopRequireDefault(_iconSeekRight);\n\nvar _iconPlay = __webpack_require__(611);\n\nvar _iconPlay2 = _interopRequireDefault(_iconPlay);\n\nvar _iconPause = __webpack_require__(612);\n\nvar _iconPause2 = _interopRequireDefault(_iconPause);\n\nvar _iconPlayPause = __webpack_require__(613);\n\nvar _iconPlayPause2 = _interopRequireDefault(_iconPlayPause);\n\nvar _iconStop = __webpack_require__(614);\n\nvar _iconStop2 = _interopRequireDefault(_iconStop);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n var activeApp = state.activeApp;\n var subscribedButtons = {};\n var softButtons = [];\n var alertButtons = [];\n var app = {};\n var graphicPresent;\n if (activeApp) {\n subscribedButtons = state.ui[activeApp].subscribedButtons;\n softButtons = state.ui[activeApp].softButtons;\n app = state.ui[activeApp];\n graphicPresent = state.ui[activeApp].graphic ? true : false;\n }\n\n var buttons = [];\n if (softButtons.length > 0) {\n buttons.push({\n class: \"tertiary\",\n name: \"CUSTOM_BUTTON\",\n image: softButtons[0].image ? softButtons[0].image.value : undefined,\n imageType: softButtons[0].image ? softButtons[0].image.imageType : undefined,\n id: softButtons[0].softButtonID,\n isTemplate: softButtons[0].image ? softButtons[0].image.isTemplate : null\n });\n }\n if (subscribedButtons.SEEKLEFT === true) {\n buttons.push({\n class: \"secondary\",\n name: \"SEEKLEFT\",\n icon: _iconSeekLeft2.default\n });\n }\n if (subscribedButtons.OK === true || subscribedButtons.PLAY_PAUSE === true) {\n var buttonName = \"\";\n if (subscribedButtons.PLAY_PAUSE === true) {\n buttonName = \"PLAY_PAUSE\";\n } else {\n buttonName = \"OK\";\n }\n if (app.audioStreamingIndicator) {\n if (app.audioStreamingIndicator === \"PLAY\") {\n buttons.push({\n class: \"primary\",\n name: buttonName,\n icon: _iconPlay2.default\n });\n } else if (app.audioStreamingIndicator === \"PAUSE\") {\n buttons.push({\n class: \"primary\",\n name: buttonName,\n icon: _iconPause2.default\n });\n } else if (app.audioStreamingIndicator === \"STOP\") {\n buttons.push({\n class: \"square\",\n name: buttonName,\n icon: _iconStop2.default\n });\n } else if (app.audioStreamingIndicator === \"PLAY_PAUSE\") {\n buttons.push({\n class: \"double\",\n name: buttonName,\n icon: _iconPlayPause2.default\n });\n } else {\n buttons.push({\n class: \"double\",\n name: buttonName,\n icon: _iconPlayPause2.default\n });\n }\n } else if (app.updateMode) {\n if (app.updateMode === \"COUNTUP\") {\n buttons.push({\n class: \"primary\",\n name: buttonName,\n icon: _iconPause2.default\n });\n } else if (app.updateMode === \"COUNTDOWN\") {\n buttons.push({\n class: \"primary\",\n name: buttonName,\n icon: _iconPause2.default\n });\n } else if (app.updateMode === \"RESUME\") {\n buttons.push({\n class: \"primary\",\n name: buttonName,\n icon: _iconPause2.default\n });\n } else if (app.updateMode === \"PAUSE\") {\n buttons.push({\n class: \"primary\",\n name: buttonName,\n icon: _iconPlay2.default\n });\n } else {\n buttons.push({\n class: \"double\",\n name: buttonName,\n icon: _iconPlayPause2.default\n });\n }\n } else {\n buttons.push({\n class: \"double\",\n name: buttonName,\n icon: _iconPlayPause2.default\n });\n }\n }\n if (subscribedButtons.SEEKRIGHT === true) {\n buttons.push({\n class: \"secondary\",\n name: \"SEEKRIGHT\",\n icon: _iconSeekRight2.default\n });\n }\n if (softButtons.length > 1) {\n buttons.push({\n class: \"tertiary\",\n name: \"CUSTOM_BUTTON\",\n image: softButtons[1].image ? softButtons[1].image.value : undefined,\n imageType: softButtons[1].image ? softButtons[1].image.imageType : undefined,\n id: softButtons[1].softButtonID,\n isTemplate: softButtons[1].image ? softButtons[1].image.isTemplate : null\n });\n }\n\n for (var key in state.ui) {\n if (state.ui[key].alert.showAlert) {\n alertButtons = state.ui[key].alert.softButtons;\n if (alertButtons) {\n for (var i in alertButtons) {\n alertButtons[i].msgID = state.ui[key].alert.msgID;\n //Set appID for app calling alert, not for the active \n alertButtons[i].appID = parseInt(key);\n alertButtons[i].duration = state.ui[key].alert.duration;\n }\n }\n }\n }\n\n //Assign color scheme to props\n var theme = state.theme;\n var colorScheme = null;\n if (theme === true) {\n //Dark theme\n if (app.nightColorScheme) {\n colorScheme = {};\n if (app.nightColorScheme.primaryColor) {\n colorScheme[\"primary\"] = app.nightColorScheme.primaryColor;\n }\n if (app.nightColorScheme.secondaryColor) {\n colorScheme[\"secondary\"] = app.nightColorScheme.secondaryColor;\n }\n }\n } else {\n if (app.dayColorScheme) {\n //Light theme\n colorScheme = {};\n if (app.dayColorScheme.primaryColor) {\n colorScheme[\"primary\"] = app.dayColorScheme.primaryColor;\n }\n if (app.dayColorScheme.secondaryColor) {\n colorScheme[\"secondary\"] = app.dayColorScheme.secondaryColor;\n }\n }\n }\n\n return { buttons: buttons, softButtons: softButtons, appID: activeApp, graphicPresent: graphicPresent, alertButtons: alertButtons, colorScheme: colorScheme, theme: state.theme };\n};\n//import SoftButtons from '../SoftButtons'\n\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {\n onButtonPress: function onButtonPress(appID, buttonID, buttonName) {\n _UIController2.default.onButtonPress(appID, buttonID, buttonName);\n },\n onStealFocus: function onStealFocus(alert, activeApp) {\n _UIController2.default.onStealFocus(alert, activeApp ? activeApp : null);\n },\n onKeepContext: function onKeepContext(alert) {\n _UIController2.default.onKeepContext(alert);\n },\n onDefaultAction: function onDefaultAction(alert, activeApp) {\n _UIController2.default.onDefaultAction(alert, activeApp ? activeApp : null);\n }\n };\n};\n\nvar Buttons = exports.Buttons = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_ControlBar2.default);\n\nvar SoftButtons = exports.SoftButtons = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_SoftButtons2.default);\n\nvar AlertButtons = exports.AlertButtons = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_AlertButtons2.default);\n\nexports.default = Buttons;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"Buttons.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/Buttons.js\n// module id = 519\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/Buttons.js?"); /***/ }), /* 520 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _ControlBarItem = __webpack_require__(521);\n\nvar _ControlBarItem2 = _interopRequireDefault(_ControlBarItem);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ControlBar = function (_React$Component) {\n _inherits(ControlBar, _React$Component);\n\n function ControlBar(props) {\n _classCallCheck(this, ControlBar);\n\n return _possibleConstructorReturn(this, (ControlBar.__proto__ || Object.getPrototypeOf(ControlBar)).call(this, props));\n }\n\n _createClass(ControlBar, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n if (this.props.colorScheme && this.props.colorScheme.secondary) {\n var redInt = this.props.colorScheme.secondary.red;\n var blueInt = this.props.colorScheme.secondary.blue;\n var greenInt = this.props.colorScheme.secondary.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'intToHexString',\n value: function intToHexString(value) {\n var str = value.toString(16);\n if (str.length == 1) {\n return \"0\" + str;\n } else {\n return str;\n }\n }\n }, {\n key: 'getHighlightColor',\n value: function getHighlightColor(button) {\n if (button.isHighlighted) {\n if (this.props.colorScheme && this.props.colorScheme.primary) {\n var redInt = this.props.colorScheme.primary.red;\n var greenInt = this.props.colorScheme.primary.green;\n var blueInt = this.props.colorScheme.primary.blue;\n\n var hex = \"#\";\n hex += this.intToHexString(redInt).toUpperCase();\n hex += this.intToHexString(greenInt).toUpperCase();\n hex += this.intToHexString(blueInt).toUpperCase();\n return hex;\n } else {\n return \"#65a0ff\"; //bright blue\n }\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var buttons = this.props.buttons;\n var id = 0;\n var items = buttons.map(function (button) {\n return _react2.default.createElement(_ControlBarItem2.default, {\n 'class': button.class,\n icon: button.icon,\n image: button.image,\n imageType: button.imageType,\n key: button.name + id++,\n name: button.name,\n id: button.id,\n appID: _this2.props.appID,\n onButtonPress: _this2.props.onButtonPress,\n theme: _this2.props.theme,\n isTemplate: button.isTemplate,\n highlightColor: _this2.getHighlightColor(button) });\n });\n return _react2.default.createElement(\n 'div',\n { className: 'control-bar th-bg-color', style: this.getColorScheme() },\n items\n );\n }\n }]);\n\n return ControlBar;\n}(_react2.default.Component);\n\nexports.default = ControlBar;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"ControlBar.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/ControlBar.js\n// module id = 520\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/ControlBar.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _ControlBarItem = __webpack_require__(521);\n\nvar _ControlBarItem2 = _interopRequireDefault(_ControlBarItem);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ControlBar = function (_React$Component) {\n _inherits(ControlBar, _React$Component);\n\n function ControlBar(props) {\n _classCallCheck(this, ControlBar);\n\n return _possibleConstructorReturn(this, (ControlBar.__proto__ || Object.getPrototypeOf(ControlBar)).call(this, props));\n }\n\n _createClass(ControlBar, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n if (this.props.colorScheme && this.props.colorScheme.secondary) {\n var redInt = this.props.colorScheme.secondary.red;\n var blueInt = this.props.colorScheme.secondary.blue;\n var greenInt = this.props.colorScheme.secondary.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'intToHexString',\n value: function intToHexString(value) {\n var str = value.toString(16);\n if (str.length == 1) {\n return \"0\" + str;\n } else {\n return str;\n }\n }\n }, {\n key: 'getHighlightColor',\n value: function getHighlightColor(button) {\n if (button.isHighlighted) {\n if (this.props.colorScheme && this.props.colorScheme.primary) {\n var redInt = this.props.colorScheme.primary.red;\n var greenInt = this.props.colorScheme.primary.green;\n var blueInt = this.props.colorScheme.primary.blue;\n\n var hex = \"#\";\n hex += this.intToHexString(redInt).toUpperCase();\n hex += this.intToHexString(greenInt).toUpperCase();\n hex += this.intToHexString(blueInt).toUpperCase();\n return hex;\n } else {\n return \"#65a0ff\"; //bright blue\n }\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var buttons = this.props.buttons;\n var id = 0;\n var items = buttons.map(function (button) {\n return _react2.default.createElement(_ControlBarItem2.default, {\n 'class': button.class,\n icon: button.icon,\n image: button.image,\n imageType: button.imageType,\n key: button.name + id++,\n name: button.name,\n id: button.id,\n appID: _this2.props.appID,\n onButtonPress: _this2.props.onButtonPress,\n theme: _this2.props.theme,\n isTemplate: button.isTemplate,\n highlightColor: _this2.getHighlightColor(button) });\n });\n return _react2.default.createElement(\n 'div',\n { className: 'control-bar th-bg-color', style: this.getColorScheme() },\n items\n );\n }\n }]);\n\n return ControlBar;\n}(_react2.default.Component);\n\nexports.default = ControlBar;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"ControlBar.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/ControlBar.js\n// module id = 520\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/ControlBar.js?"); /***/ }), /* 521 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ControlBar = function (_React$Component) {\n _inherits(ControlBar, _React$Component);\n\n function ControlBar(props) {\n _classCallCheck(this, ControlBar);\n\n return _possibleConstructorReturn(this, (ControlBar.__proto__ || Object.getPrototypeOf(ControlBar)).call(this, props));\n }\n\n _createClass(ControlBar, [{\n key: 'fillColor',\n value: function fillColor() {\n var fillColor = null;\n if (this.props.theme) {\n fillColor = \"#FFFFFF\";\n } else {\n fillColor = \"#000000\";\n }\n return fillColor;\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n if (this.props.imageType === \"STATIC\") {\n return _react2.default.createElement(\n 'div',\n { className: 'control-bar__control th-b-color-secondary control-bar__control--' + this.props.class,\n onClick: function onClick() {\n return _this2.props.onButtonPress(_this2.props.appID, _this2.props.id, _this2.props.name);\n } },\n _react2.default.createElement(_StaticIcon2.default, { 'class': 'static-icon', image: this.props.image })\n );\n } else {\n var fillColor = this.props.highlightColor ? this.props.highlightColor : this.fillColor();\n var image = this.props.icon ? _react2.default.createElement('span', { key: 'icon', className: 'svg-wrap', dangerouslySetInnerHTML: { __html: this.props.icon } }) : _react2.default.createElement(_Image2.default, { key: 'image', image: this.props.image, isTemplate: this.props.isTemplate, fillColor: fillColor });\n\n return _react2.default.createElement(\n 'div',\n {\n className: 'control-bar__control th-b-color-secondary control-bar__control--' + this.props.class,\n onClick: function onClick() {\n return _this2.props.onButtonPress(_this2.props.appID, _this2.props.id, _this2.props.name);\n } },\n image\n );\n }\n }\n }]);\n\n return ControlBar;\n}(_react2.default.Component);\n\nexports.default = ControlBar;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"ControlBarItem.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/ControlBarItem.js\n// module id = 521\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/ControlBarItem.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ControlBar = function (_React$Component) {\n _inherits(ControlBar, _React$Component);\n\n function ControlBar(props) {\n _classCallCheck(this, ControlBar);\n\n return _possibleConstructorReturn(this, (ControlBar.__proto__ || Object.getPrototypeOf(ControlBar)).call(this, props));\n }\n\n _createClass(ControlBar, [{\n key: 'fillColor',\n value: function fillColor() {\n var fillColor = null;\n if (this.props.theme) {\n fillColor = \"#FFFFFF\";\n } else {\n fillColor = \"#000000\";\n }\n return fillColor;\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n if (this.props.imageType === \"STATIC\") {\n return _react2.default.createElement(\n 'div',\n { className: 'control-bar__control th-b-color-secondary control-bar__control--' + this.props.class,\n onClick: function onClick() {\n return _this2.props.onButtonPress(_this2.props.appID, _this2.props.id, _this2.props.name);\n } },\n _react2.default.createElement(_StaticIcon2.default, { 'class': 'static-icon', image: this.props.image })\n );\n } else {\n var fillColor = this.props.highlightColor ? this.props.highlightColor : this.fillColor();\n var image = this.props.icon ? _react2.default.createElement('span', { key: 'icon', className: 'svg-wrap', dangerouslySetInnerHTML: { __html: this.props.icon } }) : _react2.default.createElement(_Image2.default, { key: 'image', image: this.props.image, isTemplate: this.props.isTemplate, fillColor: fillColor });\n\n return _react2.default.createElement(\n 'div',\n {\n className: 'control-bar__control th-b-color-secondary control-bar__control--' + this.props.class,\n onClick: function onClick() {\n return _this2.props.onButtonPress(_this2.props.appID, _this2.props.id, _this2.props.name);\n } },\n image\n );\n }\n }\n }]);\n\n return ControlBar;\n}(_react2.default.Component);\n\nexports.default = ControlBar;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"ControlBarItem.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/ControlBarItem.js\n// module id = 521\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/ControlBarItem.js?"); /***/ }), /* 522 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _radium = __webpack_require__(523);\n\nvar _radium2 = _interopRequireDefault(_radium);\n\nvar _SoftButtonImage = __webpack_require__(596);\n\nvar _SoftButtonImage2 = _interopRequireDefault(_SoftButtonImage);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar SoftButtonsBody = function (_React$Component) {\n _inherits(SoftButtonsBody, _React$Component);\n\n function SoftButtonsBody(props) {\n _classCallCheck(this, SoftButtonsBody);\n\n return _possibleConstructorReturn(this, (SoftButtonsBody.__proto__ || Object.getPrototypeOf(SoftButtonsBody)).call(this, props));\n }\n\n _createClass(SoftButtonsBody, [{\n key: 'getSecondaryColorScheme',\n value: function getSecondaryColorScheme() {\n if (this.props.colorScheme && this.props.colorScheme.secondary) {\n var redInt = this.props.colorScheme.secondary.red;\n var blueInt = this.props.colorScheme.secondary.blue;\n var greenInt = this.props.colorScheme.secondary.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'getPrimaryColorScheme',\n value: function getPrimaryColorScheme() {\n if (this.props.colorScheme && this.props.colorScheme.primary) {\n var redInt = this.props.colorScheme.primary.red;\n var blueInt = this.props.colorScheme.primary.blue;\n var greenInt = this.props.colorScheme.primary.green;\n var cssColorScheme = {\n ':active': {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n }\n\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var softButtons = [];\n var id = 0;\n var items;\n\n var secondaryStyle = this.getSecondaryColorScheme();\n var primaryStyle = this.getPrimaryColorScheme();\n var cssColorStyle = Object.assign(primaryStyle ? primaryStyle : {}, secondaryStyle ? secondaryStyle : {});\n\n if (this.props.softButtons.length > 6) {\n softButtons = this.props.softButtons.slice(0, 6);\n } else {\n softButtons = this.props.softButtons;\n }\n\n if (softButtons.length == 1) {\n items = softButtons.map(function (softButton, index) {\n return _react2.default.createElement(\n 'div',\n { className: 'soft-button-tile-large th-f-color t-small t-light th-bg-color th-soft-buttons soft-button', style: cssColorStyle,\n key: softButton.softButtonID,\n onClick: function onClick() {\n return _this2.props.onButtonPress(_this2.props.appID, softButton.softButtonID, \"CUSTOM_BUTTON\");\n } },\n _react2.default.createElement(\n 'p',\n null,\n softButton.text\n ),\n _react2.default.createElement(_SoftButtonImage2.default, { image: softButton.image ? softButton.image.value : null,\n imageType: softButton.image ? softButton.image.imageType : null,\n isTemplate: softButton.image ? softButton.image.isTemplate : null,\n theme: _this2.props.theme\n })\n );\n });\n } else if (softButtons.length == 2) {\n items = softButtons.map(function (softButton, index) {\n return _react2.default.createElement(\n 'div',\n { className: 'soft-button-tile-wide-large th-f-color t-small t-light th-bg-color th-soft-buttons soft-button', style: cssColorStyle,\n key: softButton.softButtonID,\n onClick: function onClick() {\n return _this2.props.onButtonPress(_this2.props.appID, softButton.softButtonID, \"CUSTOM_BUTTON\");\n } },\n _react2.default.createElement(\n 'p',\n null,\n softButton.text\n ),\n _react2.default.createElement(_SoftButtonImage2.default, { image: softButton.image ? softButton.image.value : null,\n imageType: softButton.image ? softButton.image.imageType : null,\n isTemplate: softButton.image ? softButton.image.isTemplate : null,\n theme: _this2.props.theme\n })\n );\n });\n } else if (softButtons.length == 3) {\n items = softButtons.map(function (softButton, index) {\n return _react2.default.createElement(\n 'div',\n { className: 'soft-button-tile-wide th-f-color t-small t-light th-bg-color th-soft-buttons soft-button', style: cssColorStyle,\n key: softButton.softButtonID,\n onClick: function onClick() {\n return _this2.props.onButtonPress(_this2.props.appID, softButton.softButtonID, \"CUSTOM_BUTTON\");\n } },\n _react2.default.createElement(\n 'p',\n null,\n softButton.text\n ),\n _react2.default.createElement(_SoftButtonImage2.default, { image: softButton.image ? softButton.image.value : null,\n imageType: softButton.image ? softButton.image.imageType : null,\n isTemplate: softButton.image ? softButton.image.isTemplate : null,\n theme: _this2.props.theme\n })\n );\n });\n } else if (softButtons.length == 4) {\n items = softButtons.map(function (softButton, index) {\n return _react2.default.createElement(\n 'div',\n { className: 'soft-button-tile th-f-color t-small t-light th-bg-color th-soft-buttons soft-button', style: cssColorStyle,\n key: softButton.softButtonID,\n onClick: function onClick() {\n return _this2.props.onButtonPress(_this2.props.appID, softButton.softButtonID, \"CUSTOM_BUTTON\");\n } },\n _react2.default.createElement(\n 'p',\n null,\n softButton.text\n ),\n _react2.default.createElement(_SoftButtonImage2.default, { image: softButton.image ? softButton.image.value : null,\n imageType: softButton.image ? softButton.image.imageType : null,\n isTemplate: softButton.image ? softButton.image.isTemplate : null,\n theme: _this2.props.theme\n })\n );\n });\n } else if (softButtons.length == 5) {\n items = softButtons.map(function (softButton, index) {\n if (index == 4) {\n return _react2.default.createElement(\n 'div',\n { className: 'soft-button-tile-wide th-f-color t-small t-light th-bg-color th-soft-buttons soft-button', style: cssColorStyle,\n key: softButton.softButtonID,\n onClick: function onClick() {\n return _this2.props.onButtonPress(_this2.props.appID, softButton.softButtonID, \"CUSTOM_BUTTON\");\n } },\n _react2.default.createElement(\n 'p',\n null,\n softButton.text\n ),\n _react2.default.createElement(_SoftButtonImage2.default, { image: softButton.image ? softButton.image.value : null,\n imageType: softButton.image ? softButton.image.imageType : null,\n isTemplate: softButton.image ? softButton.image.isTemplate : null,\n theme: _this2.props.theme\n })\n );\n } else {\n return _react2.default.createElement(\n 'div',\n { className: 'soft-button-tile-small th-f-color t-small t-light th-bg-color th-soft-buttons soft-button', style: cssColorStyle,\n key: softButton.softButtonID,\n onClick: function onClick() {\n return _this2.props.onButtonPress(_this2.props.appID, softButton.softButtonID, \"CUSTOM_BUTTON\");\n } },\n _react2.default.createElement(\n 'p',\n null,\n softButton.text\n ),\n _react2.default.createElement(_SoftButtonImage2.default, { image: softButton.image ? softButton.image.value : null,\n imageType: softButton.image ? softButton.image.imageType : null,\n isTemplate: softButton.image ? softButton.image.isTemplate : null,\n theme: _this2.props.theme\n })\n );\n }\n });\n } else if (softButtons.length == 6) {\n items = softButtons.map(function (softButton, index) {\n return _react2.default.createElement(\n 'div',\n { className: 'soft-button-tile-small th-f-color t-small t-light th-bg-color th-soft-buttons soft-button', style: cssColorStyle,\n key: softButton.softButtonID,\n onClick: function onClick() {\n return _this2.props.onButtonPress(_this2.props.appID, softButton.softButtonID, \"CUSTOM_BUTTON\");\n } },\n _react2.default.createElement(\n 'p',\n null,\n softButton.text\n ),\n _react2.default.createElement(_SoftButtonImage2.default, { image: softButton.image ? softButton.image.value : null,\n imageType: softButton.image ? softButton.image.imageType : null,\n isTemplate: softButton.image ? softButton.image.isTemplate : null,\n theme: _this2.props.theme\n })\n );\n });\n }\n if (this.props.graphicPresent == true) {\n return _react2.default.createElement(\n 'div',\n { className: this.props.class },\n _react2.default.createElement(\n 'div',\n { className: 'soft-buttons soft-buttons-with-graphic' },\n items\n )\n );\n } else {\n return _react2.default.createElement(\n 'div',\n { className: this.props.class },\n _react2.default.createElement(\n 'div',\n { className: 'soft-buttons' },\n items\n )\n );\n }\n }\n }]);\n\n return SoftButtonsBody;\n}(_react2.default.Component);\n\nexports.default = (0, _radium2.default)(SoftButtonsBody);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"SoftButtons.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/Shared/SoftButtons.js\n// module id = 522\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/Shared/SoftButtons.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _radium = __webpack_require__(523);\n\nvar _radium2 = _interopRequireDefault(_radium);\n\nvar _SoftButtonImage = __webpack_require__(596);\n\nvar _SoftButtonImage2 = _interopRequireDefault(_SoftButtonImage);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar SoftButtonsBody = function (_React$Component) {\n _inherits(SoftButtonsBody, _React$Component);\n\n function SoftButtonsBody(props) {\n _classCallCheck(this, SoftButtonsBody);\n\n return _possibleConstructorReturn(this, (SoftButtonsBody.__proto__ || Object.getPrototypeOf(SoftButtonsBody)).call(this, props));\n }\n\n _createClass(SoftButtonsBody, [{\n key: 'getSecondaryColorScheme',\n value: function getSecondaryColorScheme() {\n if (this.props.colorScheme && this.props.colorScheme.secondary) {\n var redInt = this.props.colorScheme.secondary.red;\n var blueInt = this.props.colorScheme.secondary.blue;\n var greenInt = this.props.colorScheme.secondary.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'getPrimaryColorScheme',\n value: function getPrimaryColorScheme() {\n if (this.props.colorScheme && this.props.colorScheme.primary) {\n var redInt = this.props.colorScheme.primary.red;\n var blueInt = this.props.colorScheme.primary.blue;\n var greenInt = this.props.colorScheme.primary.green;\n var cssColorScheme = {\n ':active': {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n }\n\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var softButtons = [];\n var id = 0;\n var items;\n\n var secondaryStyle = this.getSecondaryColorScheme();\n var primaryStyle = this.getPrimaryColorScheme();\n var cssColorStyle = Object.assign(primaryStyle ? primaryStyle : {}, secondaryStyle ? secondaryStyle : {});\n\n if (this.props.softButtons.length > 6) {\n softButtons = this.props.softButtons.slice(0, 6);\n } else {\n softButtons = this.props.softButtons;\n }\n\n if (softButtons.length == 1) {\n items = softButtons.map(function (softButton, index) {\n return _react2.default.createElement(\n 'div',\n { className: 'soft-button-tile-large th-f-color t-small t-light th-bg-color th-soft-buttons soft-button', style: cssColorStyle,\n key: softButton.softButtonID,\n onClick: function onClick() {\n return _this2.props.onButtonPress(_this2.props.appID, softButton.softButtonID, \"CUSTOM_BUTTON\");\n } },\n _react2.default.createElement(\n 'p',\n null,\n softButton.text\n ),\n _react2.default.createElement(_SoftButtonImage2.default, { image: softButton.image ? softButton.image.value : null,\n imageType: softButton.image ? softButton.image.imageType : null,\n isTemplate: softButton.image ? softButton.image.isTemplate : null,\n theme: _this2.props.theme\n })\n );\n });\n } else if (softButtons.length == 2) {\n items = softButtons.map(function (softButton, index) {\n return _react2.default.createElement(\n 'div',\n { className: 'soft-button-tile-wide-large th-f-color t-small t-light th-bg-color th-soft-buttons soft-button', style: cssColorStyle,\n key: softButton.softButtonID,\n onClick: function onClick() {\n return _this2.props.onButtonPress(_this2.props.appID, softButton.softButtonID, \"CUSTOM_BUTTON\");\n } },\n _react2.default.createElement(\n 'p',\n null,\n softButton.text\n ),\n _react2.default.createElement(_SoftButtonImage2.default, { image: softButton.image ? softButton.image.value : null,\n imageType: softButton.image ? softButton.image.imageType : null,\n isTemplate: softButton.image ? softButton.image.isTemplate : null,\n theme: _this2.props.theme\n })\n );\n });\n } else if (softButtons.length == 3) {\n items = softButtons.map(function (softButton, index) {\n return _react2.default.createElement(\n 'div',\n { className: 'soft-button-tile-wide th-f-color t-small t-light th-bg-color th-soft-buttons soft-button', style: cssColorStyle,\n key: softButton.softButtonID,\n onClick: function onClick() {\n return _this2.props.onButtonPress(_this2.props.appID, softButton.softButtonID, \"CUSTOM_BUTTON\");\n } },\n _react2.default.createElement(\n 'p',\n null,\n softButton.text\n ),\n _react2.default.createElement(_SoftButtonImage2.default, { image: softButton.image ? softButton.image.value : null,\n imageType: softButton.image ? softButton.image.imageType : null,\n isTemplate: softButton.image ? softButton.image.isTemplate : null,\n theme: _this2.props.theme\n })\n );\n });\n } else if (softButtons.length == 4) {\n items = softButtons.map(function (softButton, index) {\n return _react2.default.createElement(\n 'div',\n { className: 'soft-button-tile th-f-color t-small t-light th-bg-color th-soft-buttons soft-button', style: cssColorStyle,\n key: softButton.softButtonID,\n onClick: function onClick() {\n return _this2.props.onButtonPress(_this2.props.appID, softButton.softButtonID, \"CUSTOM_BUTTON\");\n } },\n _react2.default.createElement(\n 'p',\n null,\n softButton.text\n ),\n _react2.default.createElement(_SoftButtonImage2.default, { image: softButton.image ? softButton.image.value : null,\n imageType: softButton.image ? softButton.image.imageType : null,\n isTemplate: softButton.image ? softButton.image.isTemplate : null,\n theme: _this2.props.theme\n })\n );\n });\n } else if (softButtons.length == 5) {\n items = softButtons.map(function (softButton, index) {\n if (index == 4) {\n return _react2.default.createElement(\n 'div',\n { className: 'soft-button-tile-wide th-f-color t-small t-light th-bg-color th-soft-buttons soft-button', style: cssColorStyle,\n key: softButton.softButtonID,\n onClick: function onClick() {\n return _this2.props.onButtonPress(_this2.props.appID, softButton.softButtonID, \"CUSTOM_BUTTON\");\n } },\n _react2.default.createElement(\n 'p',\n null,\n softButton.text\n ),\n _react2.default.createElement(_SoftButtonImage2.default, { image: softButton.image ? softButton.image.value : null,\n imageType: softButton.image ? softButton.image.imageType : null,\n isTemplate: softButton.image ? softButton.image.isTemplate : null,\n theme: _this2.props.theme\n })\n );\n } else {\n return _react2.default.createElement(\n 'div',\n { className: 'soft-button-tile-small th-f-color t-small t-light th-bg-color th-soft-buttons soft-button', style: cssColorStyle,\n key: softButton.softButtonID,\n onClick: function onClick() {\n return _this2.props.onButtonPress(_this2.props.appID, softButton.softButtonID, \"CUSTOM_BUTTON\");\n } },\n _react2.default.createElement(\n 'p',\n null,\n softButton.text\n ),\n _react2.default.createElement(_SoftButtonImage2.default, { image: softButton.image ? softButton.image.value : null,\n imageType: softButton.image ? softButton.image.imageType : null,\n isTemplate: softButton.image ? softButton.image.isTemplate : null,\n theme: _this2.props.theme\n })\n );\n }\n });\n } else if (softButtons.length == 6) {\n items = softButtons.map(function (softButton, index) {\n return _react2.default.createElement(\n 'div',\n { className: 'soft-button-tile-small th-f-color t-small t-light th-bg-color th-soft-buttons soft-button', style: cssColorStyle,\n key: softButton.softButtonID,\n onClick: function onClick() {\n return _this2.props.onButtonPress(_this2.props.appID, softButton.softButtonID, \"CUSTOM_BUTTON\");\n } },\n _react2.default.createElement(\n 'p',\n null,\n softButton.text\n ),\n _react2.default.createElement(_SoftButtonImage2.default, { image: softButton.image ? softButton.image.value : null,\n imageType: softButton.image ? softButton.image.imageType : null,\n isTemplate: softButton.image ? softButton.image.isTemplate : null,\n theme: _this2.props.theme\n })\n );\n });\n }\n if (this.props.graphicPresent == true) {\n return _react2.default.createElement(\n 'div',\n { className: this.props.class },\n _react2.default.createElement(\n 'div',\n { className: 'soft-buttons soft-buttons-with-graphic' },\n items\n )\n );\n } else {\n return _react2.default.createElement(\n 'div',\n { className: this.props.class },\n _react2.default.createElement(\n 'div',\n { className: 'soft-buttons' },\n items\n )\n );\n }\n }\n }]);\n\n return SoftButtonsBody;\n}(_react2.default.Component);\n\nexports.default = (0, _radium2.default)(SoftButtonsBody);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"SoftButtons.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/Shared/SoftButtons.js\n// module id = 522\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/Shared/SoftButtons.js?"); /***/ }), /* 523 */ @@ -3620,79 +3620,79 @@ /* 596 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar SoftButtonImage = function (_React$Component) {\n _inherits(SoftButtonImage, _React$Component);\n\n function SoftButtonImage(props) {\n _classCallCheck(this, SoftButtonImage);\n\n return _possibleConstructorReturn(this, (SoftButtonImage.__proto__ || Object.getPrototypeOf(SoftButtonImage)).call(this, props));\n }\n\n _createClass(SoftButtonImage, [{\n key: 'fillColor',\n value: function fillColor() {\n var fillColor = null;\n if (this.props.theme) {\n fillColor = \"#FFFFFF\";\n } else {\n fillColor = \"#000000\";\n }\n return fillColor;\n }\n }, {\n key: 'render',\n value: function render() {\n if (this.props.image) {\n var className = this.props.class ? this.props.class : \"soft-button-image\";\n if (this.props.imageType === \"STATIC\") {\n if (className === \"soft-button-image\") {\n className += \"-static\";\n }\n return _react2.default.createElement(\n 'div',\n { className: className },\n _react2.default.createElement(_StaticIcon2.default, { image: this.props.image })\n );\n } else {\n return _react2.default.createElement(\n 'div',\n { className: className },\n _react2.default.createElement(_Image2.default, { image: this.props.image,\n isTemplate: this.props.isTemplate,\n fillColor: this.fillColor() })\n );\n }\n } else {\n return null;\n }\n }\n }]);\n\n return SoftButtonImage;\n}(_react2.default.Component);\n\nexports.default = SoftButtonImage;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"SoftButtonImage.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/Shared/SoftButtonImage.js\n// module id = 596\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/Shared/SoftButtonImage.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar SoftButtonImage = function (_React$Component) {\n _inherits(SoftButtonImage, _React$Component);\n\n function SoftButtonImage(props) {\n _classCallCheck(this, SoftButtonImage);\n\n return _possibleConstructorReturn(this, (SoftButtonImage.__proto__ || Object.getPrototypeOf(SoftButtonImage)).call(this, props));\n }\n\n _createClass(SoftButtonImage, [{\n key: 'fillColor',\n value: function fillColor() {\n var fillColor = null;\n if (this.props.theme) {\n fillColor = \"#FFFFFF\";\n } else {\n fillColor = \"#000000\";\n }\n return fillColor;\n }\n }, {\n key: 'render',\n value: function render() {\n if (this.props.image) {\n var className = this.props.class ? this.props.class : \"soft-button-image\";\n if (this.props.imageType === \"STATIC\") {\n if (className === \"soft-button-image\") {\n className += \"-static\";\n }\n return _react2.default.createElement(\n 'div',\n { className: className },\n _react2.default.createElement(_StaticIcon2.default, { image: this.props.image })\n );\n } else {\n return _react2.default.createElement(\n 'div',\n { className: className },\n _react2.default.createElement(_Image2.default, { image: this.props.image,\n isTemplate: this.props.isTemplate,\n fillColor: this.fillColor() })\n );\n }\n } else {\n return null;\n }\n }\n }]);\n\n return SoftButtonImage;\n}(_react2.default.Component);\n\nexports.default = SoftButtonImage;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"SoftButtonImage.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/Shared/SoftButtonImage.js\n// module id = 596\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/Shared/SoftButtonImage.js?"); /***/ }), /* 597 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _SoftButtonImage = __webpack_require__(596);\n\nvar _SoftButtonImage2 = _interopRequireDefault(_SoftButtonImage);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AlertButtons = function (_React$Component) {\n _inherits(AlertButtons, _React$Component);\n\n function AlertButtons(props) {\n _classCallCheck(this, AlertButtons);\n\n var _this = _possibleConstructorReturn(this, (AlertButtons.__proto__ || Object.getPrototypeOf(AlertButtons)).call(this, props));\n\n _this.getAction = _this.getAction.bind(_this);\n return _this;\n }\n\n _createClass(AlertButtons, [{\n key: 'getAction',\n value: function getAction(softButton) {\n var action = null;\n var alert = {\n msgID: softButton.msgID,\n appID: softButton.appID,\n buttonID: softButton.softButtonID,\n buttonName: \"CUSTOM_BUTTON\",\n duration: softButton.duration\n };\n if (softButton.systemAction == \"STEAL_FOCUS\") {\n action = this.props.onStealFocus(alert, this.props.appID);\n } else if (softButton.systemAction == \"KEEP_CONTEXT\") {\n action = this.props.onKeepContext(alert);\n } else {\n action = this.props.onDefaultAction(alert, this.props.appID);\n }\n\n return action;\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var softButtons = this.props.alertButtons;\n var id = 0;\n var items;\n if (!softButtons) {\n return null;\n }\n\n if (softButtons.length == 1) {\n items = softButtons.map(function (softButton, index) {\n return _react2.default.createElement(\n 'div',\n { className: 'alert-button-1 th-f-color t-small t-light th-bg-color th-soft-buttons',\n key: softButton.softButtonID,\n onClick: function onClick() {\n return _this2.getAction(softButton);\n } },\n softButton.text,\n _react2.default.createElement(_SoftButtonImage2.default, { image: softButton.image ? softButton.image.value : null,\n imageType: softButton.image ? softButton.image.imageType : null,\n isTemplate: softButton.image ? softButton.image.isTemplate : null,\n theme: _this2.props.theme\n })\n );\n });\n } else if (softButtons.length == 2) {\n items = softButtons.map(function (softButton, index) {\n return _react2.default.createElement(\n 'div',\n { className: 'alert-button-2 th-f-color t-small t-light th-bg-color th-soft-buttons',\n key: softButton.softButtonID,\n onClick: function onClick() {\n return _this2.getAction(softButton);\n } },\n softButton.text,\n _react2.default.createElement(_SoftButtonImage2.default, { image: softButton.image ? softButton.image.value : null,\n imageType: softButton.image ? softButton.image.imageType : null,\n isTemplate: softButton.image ? softButton.image.isTemplate : null,\n theme: _this2.props.theme\n })\n );\n });\n } else if (softButtons.length == 3) {\n items = softButtons.map(function (softButton, index) {\n return _react2.default.createElement(\n 'div',\n { className: 'alert-button-3 th-f-color t-small t-light th-bg-color th-soft-buttons',\n key: softButton.softButtonID,\n onClick: function onClick() {\n return _this2.getAction(softButton);\n } },\n softButton.text,\n _react2.default.createElement(_SoftButtonImage2.default, { image: softButton.image ? softButton.image.value : null,\n imageType: softButton.image ? softButton.image.imageType : null,\n isTemplate: softButton.image ? softButton.image.isTemplate : null,\n theme: _this2.props.theme\n })\n );\n });\n } else if (softButtons.length == 4) {\n items = softButtons.map(function (softButton, index) {\n return _react2.default.createElement(\n 'div',\n { className: 'alert-button-4 th-f-color t-small t-light th-bg-color th-soft-buttons',\n key: softButton.softButtonID,\n onClick: function onClick() {\n return _this2.getAction(softButton);\n } },\n softButton.text,\n _react2.default.createElement(_SoftButtonImage2.default, { image: softButton.image ? softButton.image.value : null,\n imageType: softButton.image ? softButton.image.imageType : null,\n isTemplate: softButton.image ? softButton.image.isTemplate : null,\n theme: _this2.props.theme\n })\n );\n });\n }\n\n return _react2.default.createElement(\n 'div',\n { className: 'alert-buttons' },\n items\n );\n }\n }]);\n\n return AlertButtons;\n}(_react2.default.Component);\n\nexports.default = AlertButtons;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AlertButtons.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AlertButtons.js\n// module id = 597\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AlertButtons.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _SoftButtonImage = __webpack_require__(596);\n\nvar _SoftButtonImage2 = _interopRequireDefault(_SoftButtonImage);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AlertButtons = function (_React$Component) {\n _inherits(AlertButtons, _React$Component);\n\n function AlertButtons(props) {\n _classCallCheck(this, AlertButtons);\n\n var _this = _possibleConstructorReturn(this, (AlertButtons.__proto__ || Object.getPrototypeOf(AlertButtons)).call(this, props));\n\n _this.getAction = _this.getAction.bind(_this);\n return _this;\n }\n\n _createClass(AlertButtons, [{\n key: 'getAction',\n value: function getAction(softButton) {\n var action = null;\n var alert = {\n msgID: softButton.msgID,\n appID: softButton.appID,\n buttonID: softButton.softButtonID,\n buttonName: \"CUSTOM_BUTTON\",\n duration: softButton.duration\n };\n if (softButton.systemAction == \"STEAL_FOCUS\") {\n action = this.props.onStealFocus(alert, this.props.appID);\n } else if (softButton.systemAction == \"KEEP_CONTEXT\") {\n action = this.props.onKeepContext(alert);\n } else {\n action = this.props.onDefaultAction(alert, this.props.appID);\n }\n\n return action;\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var softButtons = this.props.alertButtons;\n var id = 0;\n var items;\n if (!softButtons) {\n return null;\n }\n\n if (softButtons.length == 1) {\n items = softButtons.map(function (softButton, index) {\n return _react2.default.createElement(\n 'div',\n { className: 'alert-button-1 th-f-color t-small t-light th-bg-color th-soft-buttons',\n key: softButton.softButtonID,\n onClick: function onClick() {\n return _this2.getAction(softButton);\n } },\n softButton.text,\n _react2.default.createElement(_SoftButtonImage2.default, { image: softButton.image ? softButton.image.value : null,\n imageType: softButton.image ? softButton.image.imageType : null,\n isTemplate: softButton.image ? softButton.image.isTemplate : null,\n theme: _this2.props.theme\n })\n );\n });\n } else if (softButtons.length == 2) {\n items = softButtons.map(function (softButton, index) {\n return _react2.default.createElement(\n 'div',\n { className: 'alert-button-2 th-f-color t-small t-light th-bg-color th-soft-buttons',\n key: softButton.softButtonID,\n onClick: function onClick() {\n return _this2.getAction(softButton);\n } },\n softButton.text,\n _react2.default.createElement(_SoftButtonImage2.default, { image: softButton.image ? softButton.image.value : null,\n imageType: softButton.image ? softButton.image.imageType : null,\n isTemplate: softButton.image ? softButton.image.isTemplate : null,\n theme: _this2.props.theme\n })\n );\n });\n } else if (softButtons.length == 3) {\n items = softButtons.map(function (softButton, index) {\n return _react2.default.createElement(\n 'div',\n { className: 'alert-button-3 th-f-color t-small t-light th-bg-color th-soft-buttons',\n key: softButton.softButtonID,\n onClick: function onClick() {\n return _this2.getAction(softButton);\n } },\n softButton.text,\n _react2.default.createElement(_SoftButtonImage2.default, { image: softButton.image ? softButton.image.value : null,\n imageType: softButton.image ? softButton.image.imageType : null,\n isTemplate: softButton.image ? softButton.image.isTemplate : null,\n theme: _this2.props.theme\n })\n );\n });\n } else if (softButtons.length == 4) {\n items = softButtons.map(function (softButton, index) {\n return _react2.default.createElement(\n 'div',\n { className: 'alert-button-4 th-f-color t-small t-light th-bg-color th-soft-buttons',\n key: softButton.softButtonID,\n onClick: function onClick() {\n return _this2.getAction(softButton);\n } },\n softButton.text,\n _react2.default.createElement(_SoftButtonImage2.default, { image: softButton.image ? softButton.image.value : null,\n imageType: softButton.image ? softButton.image.imageType : null,\n isTemplate: softButton.image ? softButton.image.isTemplate : null,\n theme: _this2.props.theme\n })\n );\n });\n }\n\n return _react2.default.createElement(\n 'div',\n { className: 'alert-buttons' },\n items\n );\n }\n }]);\n\n return AlertButtons;\n}(_react2.default.Component);\n\nexports.default = AlertButtons;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AlertButtons.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AlertButtons.js\n// module id = 597\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AlertButtons.js?"); /***/ }), /* 598 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _RpcFactory = __webpack_require__(599);\n\nvar _RpcFactory2 = _interopRequireDefault(_RpcFactory);\n\nvar _actions = __webpack_require__(601);\n\nvar _store = __webpack_require__(602);\n\nvar _store2 = _interopRequireDefault(_store);\n\nvar _SDLController = __webpack_require__(605);\n\nvar _SDLController2 = _interopRequireDefault(_SDLController);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar UIController = function () {\n function UIController() {\n _classCallCheck(this, UIController);\n\n this.addListener = this.addListener.bind(this);\n this.failInteractions = this.failInteractions.bind(this);\n this.onPerformInteractionTimeout = this.onPerformInteractionTimeout.bind(this);\n this.onAlertTimeout = this.onAlertTimeout.bind(this);\n this.onDefaultAction = this.onDefaultAction.bind(this);\n this.onKeepContext = this.onKeepContext.bind(this);\n this.onStealFocus = this.onStealFocus.bind(this);\n this.timers = {};\n this.appsWithTimers = {};\n }\n\n _createClass(UIController, [{\n key: 'addListener',\n value: function addListener(listener) {\n this.listener = listener;\n }\n }, {\n key: 'handleRPC',\n value: function handleRPC(rpc) {\n var methodName = rpc.method.split(\".\")[1];\n switch (methodName) {\n case \"IsReady\":\n return { \"rpc\": _RpcFactory2.default.IsReadyResponse(rpc, true) };\n case \"GetCapabilities\":\n if (rpc.method.split(\".\")[0] === \"UI\") {\n return { \"rpc\": _RpcFactory2.default.UIGetCapabilitiesResponse(rpc) };\n } else if (rpc.method.split(\".\")[0] === \"Buttons\") {\n return { \"rpc\": _RpcFactory2.default.ButtonsGetCapabilitiesResponse(rpc) };\n } else {\n return false;\n }\n case \"Show\":\n _store2.default.dispatch((0, _actions.show)(rpc.params.appID, rpc.params.showStrings, rpc.params.graphic, rpc.params.softButtons, rpc.params.secondaryGraphic));\n return true;\n case \"SetAppIcon\":\n _store2.default.dispatch((0, _actions.setAppIcon)(rpc.params.appID, rpc.params.syncFileName));\n return true;\n case \"ChangeRegistration\":\n return true;\n case \"AddCommand\":\n _store2.default.dispatch((0, _actions.addCommand)(rpc.params.appID, rpc.params.cmdID, rpc.params.menuParams, rpc.params.cmdIcon));\n return true;\n case \"AddSubMenu\":\n _store2.default.dispatch((0, _actions.addSubMenu)(rpc.params.appID, rpc.params.menuID, rpc.params.menuParams, rpc.params.menuIcon, rpc.params.menuLayout));\n return true;\n case \"DeleteCommand\":\n _store2.default.dispatch((0, _actions.deleteCommand)(rpc.params.appID, rpc.params.cmdID));\n return true;\n case \"DeleteSubMenu\":\n _store2.default.dispatch((0, _actions.deleteSubMenu)(rpc.params.appID, rpc.params.menuID));\n return true;\n case \"ShowAppMenu\":\n _store2.default.dispatch((0, _actions.showAppMenu)(rpc.params.appID, rpc.params.menuID));\n this.onSystemContext(\"MENU\", rpc.params.appID);\n return true;\n case \"OnButtonSubscription\":\n _store2.default.dispatch((0, _actions.subscribeButton)(rpc.params.appID, rpc.params.name, rpc.params.isSubscribed));\n return null;\n case \"PerformInteraction\":\n _store2.default.dispatch((0, _actions.performInteraction)(rpc.params.appID, rpc.params.initialText, rpc.params.choiceSet, rpc.params.interactionLayout, rpc.id, rpc.params.cancelID));\n var timeout = rpc.params.timeout === 0 ? 15000 : rpc.params.timeout;\n this.timers[rpc.id] = setTimeout(this.onPerformInteractionTimeout, timeout, rpc.id, rpc.params.appID);\n this.appsWithTimers[rpc.id] = rpc.params.appID;\n this.onSystemContext(\"HMI_OBSCURED\", rpc.params.appID);\n break;\n case \"SetMediaClockTimer\":\n _store2.default.dispatch((0, _actions.setMediaClockTimer)(rpc.params.appID, rpc.params.startTime, rpc.params.endTime, rpc.params.updateMode, rpc.params.audioStreamingIndicator));\n return true;\n case \"SetDisplayLayout\":\n _store2.default.dispatch((0, _actions.setDisplayLayout)(rpc.params.displayLayout, rpc.params.appID, rpc.params.dayColorScheme, rpc.params.nightColorScheme));\n return { \"rpc\": _RpcFactory2.default.SetDisplayLayoutResponse(rpc) };\n case \"SetGlobalProperties\":\n _store2.default.dispatch((0, _actions.setGlobalProperties)(rpc.params.appID, rpc.params.menuLayout));\n return true;\n case \"Alert\":\n _store2.default.dispatch((0, _actions.alert)(rpc.params.appID, rpc.params.alertStrings, rpc.params.duration, rpc.params.softButtons, rpc.params.alertType, rpc.params.progressIndicator, rpc.id, rpc.params.alertIcon, rpc.params.cancelID));\n var timeout = rpc.params.duration ? rpc.params.duration : 10000;\n var state = _store2.default.getState();\n var context = state.activeApp;\n\n this.timers[rpc.id] = setTimeout(this.onAlertTimeout, timeout, rpc.id, rpc.params.appID, context ? context : rpc.params.appID);\n this.appsWithTimers[rpc.id] = rpc.params.appID;\n\n this.onSystemContext(\"ALERT\", rpc.params.appID);\n\n if (context != rpc.params.appID && context) {\n this.onSystemContext(\"HMI_OBSCURED\", context);\n }\n\n return null;\n case \"CancelInteraction\":\n\n var state2 = _store2.default.getState();\n var app = state2.ui[state2.activeApp];\n\n if (rpc.params.functionID === 10 && app.isPerformingInteraction && (rpc.params.cancelID === undefined || rpc.params.cancelID === app.interactionCancelId)) {\n clearTimeout(this.timers[app.interactionId]);\n delete this.timers[app.interactionId];\n this.listener.send(_RpcFactory2.default.UIPerformInteractionAbortedResponse(app.interactionId));\n _store2.default.dispatch((0, _actions.deactivateInteraction)(rpc.params.appID));\n return true;\n } else if (rpc.params.functionID === 12 && app.alert.showAlert && (rpc.params.cancelID === undefined || rpc.params.cancelID === app.alert.cancelID)) {\n clearTimeout(this.timers[app.alert.msgID]);\n delete this.timers[app.alert.msgID];\n this.listener.send(_RpcFactory2.default.AlertAbortedResponse(app.alert.msgID));\n _store2.default.dispatch((0, _actions.closeAlert)(app.alert.msgID, rpc.params.appID));\n return true;\n }\n\n return false;\n }\n }\n }, {\n key: 'onPerformInteractionTimeout',\n value: function onPerformInteractionTimeout(msgID, appID) {\n delete this.timers[msgID];\n this.listener.send(_RpcFactory2.default.UIPerformInteractionFailure(msgID));\n _store2.default.dispatch((0, _actions.timeoutPerformInteraction)(msgID, appID));\n this.onSystemContext(\"MAIN\", appID);\n }\n }, {\n key: 'onAlertTimeout',\n value: function onAlertTimeout(msgID, appID, context) {\n delete this.timers[msgID];\n _store2.default.dispatch((0, _actions.closeAlert)(msgID, appID));\n this.listener.send(_RpcFactory2.default.AlertResponse(msgID, appID));\n\n if (appID != context) {\n this.onSystemContext(\"MAIN\", appID);\n }\n this.onSystemContext(\"MAIN\", context);\n }\n }, {\n key: 'onStealFocus',\n value: function onStealFocus(alert, context) {\n clearTimeout(this.timers[alert.msgID]);\n delete this.timers[alert.msgID];\n this.onButtonPress(alert.appID, alert.buttonID, alert.buttonName);\n _store2.default.dispatch((0, _actions.closeAlert)(alert.msgID, alert.appID));\n this.listener.send(_RpcFactory2.default.AlertResponse(alert.msgID, alert.appID));\n if (context) {\n this.onSystemContext(\"MAIN\", context);\n } else {\n this.onSystemContext(\"MENU\"); //Viewing App List\n }\n this.onSystemContext(\"MAIN\", alert.appID);\n _SDLController2.default.onAppActivated(alert.appID);\n }\n }, {\n key: 'onKeepContext',\n value: function onKeepContext(alert) {\n clearTimeout(this.timers[alert.msgID]);\n this.onButtonPress(alert.appID, alert.buttonID, alert.buttonName);\n var timeout = alert.duration ? alert.duration : 10000;\n this.timers[alert.msgID] = setTimeout(this.onAlertTimeout, timeout, alert.msgID, alert.appID);\n this.onResetTimeout(alert.appID, \"UI.Alert\");\n }\n }, {\n key: 'onDefaultAction',\n value: function onDefaultAction(alert, context) {\n clearTimeout(this.timers[alert.msgID]);\n delete this.timers[alert.msgID];\n this.onButtonPress(alert.appID, alert.buttonID, alert.buttonName);\n _store2.default.dispatch((0, _actions.closeAlert)(alert.msgID, alert.appID));\n this.listener.send(_RpcFactory2.default.AlertResponse(alert.msgID, alert.appID));\n if (context) {\n this.onSystemContext(\"MAIN\", context);\n } else {\n this.onSystemContext(\"MENU\"); //Viewing App List\n }\n }\n }, {\n key: 'onChoiceSelection',\n value: function onChoiceSelection(choiceID, appID, msgID) {\n clearTimeout(this.timers[msgID]);\n delete this.timers[msgID];\n this.listener.send(_RpcFactory2.default.UIPerformInteractionResponse(choiceID, appID, msgID));\n }\n }, {\n key: 'onSystemContext',\n value: function onSystemContext(context, appID) {\n this.listener.send(_RpcFactory2.default.OnSystemContextNotification(context, appID));\n }\n }, {\n key: 'onCommand',\n value: function onCommand(cmdID, appID) {\n this.listener.send(_RpcFactory2.default.OnCommandNotification(cmdID, appID));\n }\n }, {\n key: 'onButtonPress',\n value: function onButtonPress(appID, buttonID, buttonName) {\n var button = {\n name: buttonName,\n mode: \"BUTTONDOWN\",\n customButtonID: buttonID\n };\n this.listener.send(_RpcFactory2.default.OnButtonEventNotification(appID, button));\n button.mode = \"BUTTONUP\";\n this.listener.send(_RpcFactory2.default.OnButtonEventNotification(appID, button));\n button.mode = \"SHORT\";\n this.listener.send(_RpcFactory2.default.OnButtonPressNotification(appID, button));\n }\n }, {\n key: 'failInteractions',\n value: function failInteractions() {\n for (var msgID in this.timers) {\n clearTimeout(this.timers[msgID]);\n delete this.timers[msgID];\n this.listener.send(_RpcFactory2.default.UIPerformInteractionFailure(parseInt(msgID)));\n _store2.default.dispatch((0, _actions.timeoutPerformInteraction)(parseInt(msgID), this.appsWithTimers[msgID]));\n }\n }\n }, {\n key: 'onResetTimeout',\n value: function onResetTimeout(appID, methodName) {\n this.listener.send(_RpcFactory2.default.OnResetTimeout(appID, methodName));\n }\n }]);\n\n return UIController;\n}();\n\nvar controller = new UIController();\nexports.default = controller;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"UIController.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/UIController.js\n// module id = 598\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/UIController.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _RpcFactory = __webpack_require__(599);\n\nvar _RpcFactory2 = _interopRequireDefault(_RpcFactory);\n\nvar _actions = __webpack_require__(601);\n\nvar _store = __webpack_require__(602);\n\nvar _store2 = _interopRequireDefault(_store);\n\nvar _SDLController = __webpack_require__(605);\n\nvar _SDLController2 = _interopRequireDefault(_SDLController);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar UIController = function () {\n function UIController() {\n _classCallCheck(this, UIController);\n\n this.addListener = this.addListener.bind(this);\n this.failInteractions = this.failInteractions.bind(this);\n this.onPerformInteractionTimeout = this.onPerformInteractionTimeout.bind(this);\n this.onAlertTimeout = this.onAlertTimeout.bind(this);\n this.onDefaultAction = this.onDefaultAction.bind(this);\n this.onKeepContext = this.onKeepContext.bind(this);\n this.onStealFocus = this.onStealFocus.bind(this);\n this.timers = {};\n this.appsWithTimers = {};\n }\n\n _createClass(UIController, [{\n key: 'addListener',\n value: function addListener(listener) {\n this.listener = listener;\n }\n }, {\n key: 'handleRPC',\n value: function handleRPC(rpc) {\n var methodName = rpc.method.split(\".\")[1];\n switch (methodName) {\n case \"IsReady\":\n return { \"rpc\": _RpcFactory2.default.IsReadyResponse(rpc, true) };\n case \"GetCapabilities\":\n if (rpc.method.split(\".\")[0] === \"UI\") {\n return { \"rpc\": _RpcFactory2.default.UIGetCapabilitiesResponse(rpc) };\n } else if (rpc.method.split(\".\")[0] === \"Buttons\") {\n return { \"rpc\": _RpcFactory2.default.ButtonsGetCapabilitiesResponse(rpc) };\n } else {\n return false;\n }\n case \"Show\":\n _store2.default.dispatch((0, _actions.show)(rpc.params.appID, rpc.params.showStrings, rpc.params.graphic, rpc.params.softButtons, rpc.params.secondaryGraphic));\n return true;\n case \"SetAppIcon\":\n _store2.default.dispatch((0, _actions.setAppIcon)(rpc.params.appID, rpc.params.syncFileName));\n return true;\n case \"ChangeRegistration\":\n return true;\n case \"AddCommand\":\n _store2.default.dispatch((0, _actions.addCommand)(rpc.params.appID, rpc.params.cmdID, rpc.params.menuParams, rpc.params.cmdIcon));\n return true;\n case \"AddSubMenu\":\n _store2.default.dispatch((0, _actions.addSubMenu)(rpc.params.appID, rpc.params.menuID, rpc.params.menuParams, rpc.params.menuIcon, rpc.params.menuLayout));\n return true;\n case \"DeleteCommand\":\n _store2.default.dispatch((0, _actions.deleteCommand)(rpc.params.appID, rpc.params.cmdID));\n return true;\n case \"DeleteSubMenu\":\n _store2.default.dispatch((0, _actions.deleteSubMenu)(rpc.params.appID, rpc.params.menuID));\n return true;\n case \"ShowAppMenu\":\n _store2.default.dispatch((0, _actions.showAppMenu)(rpc.params.appID, rpc.params.menuID));\n this.onSystemContext(\"MENU\", rpc.params.appID);\n return true;\n case \"OnButtonSubscription\":\n _store2.default.dispatch((0, _actions.subscribeButton)(rpc.params.appID, rpc.params.name, rpc.params.isSubscribed));\n return null;\n case \"PerformInteraction\":\n _store2.default.dispatch((0, _actions.performInteraction)(rpc.params.appID, rpc.params.initialText, rpc.params.choiceSet, rpc.params.interactionLayout, rpc.id, rpc.params.cancelID));\n var timeout = rpc.params.timeout === 0 ? 15000 : rpc.params.timeout;\n this.timers[rpc.id] = setTimeout(this.onPerformInteractionTimeout, timeout, rpc.id, rpc.params.appID);\n this.appsWithTimers[rpc.id] = rpc.params.appID;\n this.onSystemContext(\"HMI_OBSCURED\", rpc.params.appID);\n break;\n case \"SetMediaClockTimer\":\n _store2.default.dispatch((0, _actions.setMediaClockTimer)(rpc.params.appID, rpc.params.startTime, rpc.params.endTime, rpc.params.updateMode, rpc.params.audioStreamingIndicator));\n return true;\n case \"SetDisplayLayout\":\n _store2.default.dispatch((0, _actions.setDisplayLayout)(rpc.params.displayLayout, rpc.params.appID, rpc.params.dayColorScheme, rpc.params.nightColorScheme));\n return { \"rpc\": _RpcFactory2.default.SetDisplayLayoutResponse(rpc) };\n case \"SetGlobalProperties\":\n _store2.default.dispatch((0, _actions.setGlobalProperties)(rpc.params.appID, rpc.params.menuLayout));\n return true;\n case \"Alert\":\n _store2.default.dispatch((0, _actions.alert)(rpc.params.appID, rpc.params.alertStrings, rpc.params.duration, rpc.params.softButtons, rpc.params.alertType, rpc.params.progressIndicator, rpc.id, rpc.params.alertIcon, rpc.params.cancelID));\n var timeout = rpc.params.duration ? rpc.params.duration : 10000;\n var state = _store2.default.getState();\n var context = state.activeApp;\n\n this.timers[rpc.id] = setTimeout(this.onAlertTimeout, timeout, rpc.id, rpc.params.appID, context ? context : rpc.params.appID);\n this.appsWithTimers[rpc.id] = rpc.params.appID;\n\n this.onSystemContext(\"ALERT\", rpc.params.appID);\n\n if (context != rpc.params.appID && context) {\n this.onSystemContext(\"HMI_OBSCURED\", context);\n }\n\n return null;\n case \"CancelInteraction\":\n\n var state2 = _store2.default.getState();\n var app = state2.ui[state2.activeApp];\n\n if (rpc.params.functionID === 10 && app.isPerformingInteraction && (rpc.params.cancelID === undefined || rpc.params.cancelID === app.interactionCancelId)) {\n clearTimeout(this.timers[app.interactionId]);\n delete this.timers[app.interactionId];\n this.listener.send(_RpcFactory2.default.UIPerformInteractionAbortedResponse(app.interactionId));\n _store2.default.dispatch((0, _actions.deactivateInteraction)(rpc.params.appID));\n return true;\n } else if (rpc.params.functionID === 12 && app.alert.showAlert && (rpc.params.cancelID === undefined || rpc.params.cancelID === app.alert.cancelID)) {\n clearTimeout(this.timers[app.alert.msgID]);\n delete this.timers[app.alert.msgID];\n this.listener.send(_RpcFactory2.default.AlertAbortedResponse(app.alert.msgID));\n _store2.default.dispatch((0, _actions.closeAlert)(app.alert.msgID, rpc.params.appID));\n return true;\n }\n\n return false;\n }\n }\n }, {\n key: 'onPerformInteractionTimeout',\n value: function onPerformInteractionTimeout(msgID, appID) {\n delete this.timers[msgID];\n this.listener.send(_RpcFactory2.default.UIPerformInteractionFailure(msgID));\n _store2.default.dispatch((0, _actions.timeoutPerformInteraction)(msgID, appID));\n this.onSystemContext(\"MAIN\", appID);\n }\n }, {\n key: 'onAlertTimeout',\n value: function onAlertTimeout(msgID, appID, context) {\n delete this.timers[msgID];\n _store2.default.dispatch((0, _actions.closeAlert)(msgID, appID));\n this.listener.send(_RpcFactory2.default.AlertResponse(msgID, appID));\n\n if (appID != context) {\n this.onSystemContext(\"MAIN\", appID);\n }\n this.onSystemContext(\"MAIN\", context);\n }\n }, {\n key: 'onStealFocus',\n value: function onStealFocus(alert, context) {\n clearTimeout(this.timers[alert.msgID]);\n delete this.timers[alert.msgID];\n this.onButtonPress(alert.appID, alert.buttonID, alert.buttonName);\n _store2.default.dispatch((0, _actions.closeAlert)(alert.msgID, alert.appID));\n this.listener.send(_RpcFactory2.default.AlertResponse(alert.msgID, alert.appID));\n if (context) {\n this.onSystemContext(\"MAIN\", context);\n } else {\n this.onSystemContext(\"MENU\"); //Viewing App List\n }\n this.onSystemContext(\"MAIN\", alert.appID);\n _SDLController2.default.onAppActivated(alert.appID);\n }\n }, {\n key: 'onKeepContext',\n value: function onKeepContext(alert) {\n clearTimeout(this.timers[alert.msgID]);\n this.onButtonPress(alert.appID, alert.buttonID, alert.buttonName);\n var timeout = alert.duration ? alert.duration : 10000;\n this.timers[alert.msgID] = setTimeout(this.onAlertTimeout, timeout, alert.msgID, alert.appID);\n this.onResetTimeout(alert.appID, \"UI.Alert\");\n }\n }, {\n key: 'onDefaultAction',\n value: function onDefaultAction(alert, context) {\n clearTimeout(this.timers[alert.msgID]);\n delete this.timers[alert.msgID];\n this.onButtonPress(alert.appID, alert.buttonID, alert.buttonName);\n _store2.default.dispatch((0, _actions.closeAlert)(alert.msgID, alert.appID));\n this.listener.send(_RpcFactory2.default.AlertResponse(alert.msgID, alert.appID));\n if (context) {\n this.onSystemContext(\"MAIN\", context);\n } else {\n this.onSystemContext(\"MENU\"); //Viewing App List\n }\n }\n }, {\n key: 'onChoiceSelection',\n value: function onChoiceSelection(choiceID, appID, msgID) {\n clearTimeout(this.timers[msgID]);\n delete this.timers[msgID];\n this.listener.send(_RpcFactory2.default.UIPerformInteractionResponse(choiceID, appID, msgID));\n }\n }, {\n key: 'onSystemContext',\n value: function onSystemContext(context, appID) {\n this.listener.send(_RpcFactory2.default.OnSystemContextNotification(context, appID));\n }\n }, {\n key: 'onCommand',\n value: function onCommand(cmdID, appID) {\n this.listener.send(_RpcFactory2.default.OnCommandNotification(cmdID, appID));\n }\n }, {\n key: 'onButtonPress',\n value: function onButtonPress(appID, buttonID, buttonName) {\n var button = {\n name: buttonName,\n mode: \"BUTTONDOWN\",\n customButtonID: buttonID\n };\n this.listener.send(_RpcFactory2.default.OnButtonEventNotification(appID, button));\n button.mode = \"BUTTONUP\";\n this.listener.send(_RpcFactory2.default.OnButtonEventNotification(appID, button));\n button.mode = \"SHORT\";\n this.listener.send(_RpcFactory2.default.OnButtonPressNotification(appID, button));\n }\n }, {\n key: 'failInteractions',\n value: function failInteractions() {\n for (var msgID in this.timers) {\n clearTimeout(this.timers[msgID]);\n delete this.timers[msgID];\n this.listener.send(_RpcFactory2.default.UIPerformInteractionFailure(parseInt(msgID)));\n _store2.default.dispatch((0, _actions.timeoutPerformInteraction)(parseInt(msgID), this.appsWithTimers[msgID]));\n }\n }\n }, {\n key: 'onResetTimeout',\n value: function onResetTimeout(appID, methodName) {\n this.listener.send(_RpcFactory2.default.OnResetTimeout(appID, methodName));\n }\n }]);\n\n return UIController;\n}();\n\nvar controller = new UIController();\nexports.default = controller;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"UIController.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/UIController.js\n// module id = 598\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/UIController.js?"); /***/ }), /* 599 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _DisplayCapabilities = __webpack_require__(600);\n\nvar _DisplayCapabilities2 = _interopRequireDefault(_DisplayCapabilities);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar rpcFactory_msgId = 5012;\n\nvar RpcFactory = function () {\n function RpcFactory() {\n _classCallCheck(this, RpcFactory);\n }\n\n _createClass(RpcFactory, null, [{\n key: \"UnsupportedResourceResponse\",\n value: function UnsupportedResourceResponse(rpc, message) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"error\": {\n \"code\": 2,\n \"message\": message,\n \"data\": {\n \"method\": rpc.method\n }\n }\n };\n }\n }, {\n key: \"AlertResponse\",\n value: function AlertResponse(rpcID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpcID,\n \"result\": {\n \"code\": 0,\n \"method\": \"UI.Alert\"\n }\n };\n }\n }, {\n key: \"AlertAbortedResponse\",\n value: function AlertAbortedResponse(rpcID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpcID,\n \"error\": {\n \"code\": 5,\n \"message\": \"The Interaction was cancelled\",\n \"data\": {\n \"method\": \"UI.Alert\"\n }\n }\n };\n }\n }, {\n key: \"UIGetCapabilitiesResponse\",\n value: function UIGetCapabilitiesResponse(rpc) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"method\": rpc.method,\n \"code\": 0,\n \"displayCapabilities\": _DisplayCapabilities2.default[\"MEDIA\"].displayCapabilities,\n \"audioPassThruCapabilities\": _DisplayCapabilities2.default[\"COMMON\"].audioPassThruCapabilities,\n \"hmiZoneCapabilities\": _DisplayCapabilities2.default[\"COMMON\"].hmiZoneCapabilities,\n \"softButtonCapabilities\": _DisplayCapabilities2.default[\"MEDIA\"].softButtonCapabilities,\n \"hmiCapabilities\": _DisplayCapabilities2.default[\"COMMON\"].hmiCapabilities,\n \"systemCapabilities\": _DisplayCapabilities2.default[\"COMMON\"].systemCapabilities\n }\n };\n }\n }, {\n key: \"TTSGetCapabilitiesResponse\",\n value: function TTSGetCapabilitiesResponse(rpc) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"method\": rpc.method,\n \"code\": 0,\n \"speechCapabilities\": _DisplayCapabilities2.default[\"COMMON\"].speechCapabilities,\n \"prerecordedSpeechCapabilities\": _DisplayCapabilities2.default[\"COMMON\"].prerecordedSpeechCapabilities\n }\n };\n }\n }, {\n key: \"activateAppResponse\",\n value: function activateAppResponse(rpc) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"method\": rpc.method,\n \"code\": 0,\n \"isAppPermissionsRevoked\": false,\n \"isAppRevoked\": false,\n \"isPermissionsConsentNeeded\": false,\n \"isSDLAllowed\": true\n }\n };\n }\n }, {\n key: \"UIPerformInteractionAbortedResponse\",\n value: function UIPerformInteractionAbortedResponse(msgID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": msgID,\n \"error\": {\n \"code\": 5,\n \"message\": \"The Interaction was cancelled\",\n \"data\": {\n \"method\": \"UI.PerformInteraction\"\n }\n }\n };\n }\n }, {\n key: \"UIPerformInteractionResponse\",\n value: function UIPerformInteractionResponse(choiceID, appID, msgID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": msgID,\n \"result\": {\n \"method\": \"UI.PerformInteraction\",\n \"code\": 0,\n \"choiceID\": choiceID\n }\n };\n }\n }, {\n key: \"VRPerformInteractionResponse\",\n value: function VRPerformInteractionResponse(choiceID, appID, msgID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": msgID,\n \"result\": {\n \"method\": \"VR.PerformInteraction\",\n \"code\": 0,\n \"choiceID\": choiceID\n }\n };\n }\n }, {\n key: \"ButtonsGetCapabilitiesResponse\",\n value: function ButtonsGetCapabilitiesResponse(rpc) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"method\": rpc.method,\n \"code\": 0,\n \"capabilities\": _DisplayCapabilities2.default[\"MEDIA\"].buttonCapabilities,\n \"presetBankCapabilities\": {\n \"onScreenPresetsAvailable\": false\n }\n }\n };\n }\n }, {\n key: \"UIGetSupportedLanguagesResponse\",\n value: function UIGetSupportedLanguagesResponse(rpc) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"method\": rpc.method,\n \"code\": 0,\n \"languages\": [\"EN-US\"]\n }\n };\n }\n }, {\n key: \"UIGetLanguageResponse\",\n value: function UIGetLanguageResponse(rpc, language) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"method\": rpc.method,\n \"code\": 0,\n \"language\": language\n }\n };\n }\n }, {\n key: \"IsReadyResponse\",\n value: function IsReadyResponse(rpc, ready) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"available\": ready,\n \"code\": 0,\n \"method\": rpc.method\n }\n };\n }\n }, {\n key: \"BCGetSystemInfoResponse\",\n value: function BCGetSystemInfoResponse(rpc) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"method\": rpc.method,\n \"code\": 0,\n \"ccpu_version\": \"0.0.1\",\n \"language\": \"EN-US\",\n \"wersCountryCode\": \"WAEGB\"\n }\n };\n }\n }, {\n key: \"BCOnAppActivatedNotification\",\n value: function BCOnAppActivatedNotification(appID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"method\": \"BasicCommunication.OnAppActivated\",\n \"params\": {\n \"appID\": appID\n }\n };\n }\n }, {\n key: \"SDLActivateApp\",\n value: function SDLActivateApp(appID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpcFactory_msgId++,\n \"method\": \"SDL.ActivateApp\",\n \"params\": {\n \"appID\": appID\n }\n };\n }\n }, {\n key: \"BCOnAppDeactivatedNotification\",\n value: function BCOnAppDeactivatedNotification(appID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"method\": \"BasicCommunication.OnAppDeactivated\",\n \"params\": {\n \"appID\": appID,\n \"reason\": \"GENERAL\"\n }\n };\n }\n }, {\n key: \"OnCommandNotification\",\n value: function OnCommandNotification(cmdID, appID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"method\": \"UI.OnCommand\",\n \"params\": {\n \"appID\": appID,\n \"cmdID\": cmdID\n }\n };\n }\n }, {\n key: \"OnSystemContextNotification\",\n value: function OnSystemContextNotification(context, appID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"method\": \"UI.OnSystemContext\",\n \"params\": {\n \"appID\": appID,\n \"systemContext\": context\n }\n };\n }\n }, {\n key: \"GetVehicleType\",\n value: function GetVehicleType(rpc) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"code\": 0,\n \"method\": \"VehicleInfo.GetVehicleType\",\n \"vehicleType\": {\n \"make\": \"SDL\",\n \"model\": \"Generic\",\n \"modelYear\": \"2019\",\n \"trim\": \"SE\"\n }\n }\n };\n }\n }, {\n key: \"UIPerformInteractionFailure\",\n value: function UIPerformInteractionFailure(msgID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": msgID,\n \"error\": {\n \"code\": 22,\n \"message\": \"UI.PerformInteraction Failed\",\n \"data\": {\n \"method\": \"UI.PerformInteraction\"\n }\n }\n };\n }\n }, {\n key: \"VRPerformInteractionFailure\",\n value: function VRPerformInteractionFailure(msgID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": msgID,\n \"error\": {\n \"code\": 22,\n \"message\": \"VR.PerformInteraction Failed\",\n \"data\": {\n \"method\": \"VR.PerformInteraction\"\n }\n }\n };\n }\n }, {\n key: \"OnAppDeactivatedNotification\",\n value: function OnAppDeactivatedNotification(reason, appID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"method\": \"BasicCommunication.OnAppDeactivated\",\n \"params\": {\n \"appID\": appID,\n \"reason\": reason\n }\n };\n }\n }, {\n key: \"OnButtonPressNotification\",\n value: function OnButtonPressNotification(appID, button) {\n return {\n \"jsonrpc\": \"2.0\",\n \"method\": \"Buttons.OnButtonPress\",\n \"params\": {\n \"name\": button.name,\n \"mode\": button.mode,\n \"appID\": appID,\n \"customButtonID\": button.customButtonID\n }\n };\n }\n }, {\n key: \"OnButtonEventNotification\",\n value: function OnButtonEventNotification(appID, button) {\n return {\n \"jsonrpc\": \"2.0\",\n \"method\": \"Buttons.OnButtonEvent\",\n \"params\": {\n \"name\": button.name,\n \"mode\": button.mode,\n \"appID\": appID,\n \"customButtonID\": button.customButtonID\n }\n };\n }\n }, {\n key: \"MixingAudioResponse\",\n value: function MixingAudioResponse(rpc) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"method\": \"BasicCommunication.MixingAudioSupported\",\n \"code\": 0,\n \"attenuatedSupported\": true\n }\n };\n }\n }, {\n key: \"GetVehicleDataResponse\",\n value: function GetVehicleDataResponse(rpc, data) {\n var obj = {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"code\": 0,\n \"method\": rpc.method\n }\n };\n for (var key in data) {\n obj.result[key] = data[key];\n }\n return obj;\n }\n }, {\n key: \"GetVehicleTypeResponse\",\n value: function GetVehicleTypeResponse(rpc) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"code\": 0,\n \"method\": rpc.method,\n \"vehicleType\": {\n \"make\": \"SDL\",\n \"model\": \"Generic\",\n \"modelYear\": \"2019\",\n \"trim\": \"SE\"\n }\n }\n };\n }\n }, {\n key: \"OnIgnitionCycleOverNotification\",\n value: function OnIgnitionCycleOverNotification() {\n return {\n 'jsonrpc': '2.0',\n 'method': 'BasicCommunication.OnIgnitionCycleOver'\n };\n }\n }, {\n key: \"OnExitAllApplicationsNotification\",\n value: function OnExitAllApplicationsNotification(reason) {\n return {\n 'jsonrpc': '2.0',\n 'method': 'BasicCommunication.OnExitAllApplications',\n 'params': {\n 'reason': reason\n }\n };\n }\n }, {\n key: \"OnResetTimeout\",\n value: function OnResetTimeout(appID, methodName) {\n return {\n 'jsonrpc': '2.0',\n 'method': 'BasicCommunication.OnResetTimeout',\n 'params': {\n 'appID': appID,\n 'methodName': methodName\n }\n };\n }\n }, {\n key: \"GetURLS\",\n value: function GetURLS(serviceType) {\n return {\n 'jsonrpc': '2.0',\n \"id\": rpcFactory_msgId++,\n 'method': 'SDL.GetURLS',\n 'params': {\n 'service': serviceType\n }\n };\n }\n }, {\n key: \"OnSystemRequestNotification\",\n value: function OnSystemRequestNotification(policyFile, url, appID) {\n return {\n 'jsonrpc': '2.0',\n 'method': 'BasicCommunication.OnSystemRequest',\n 'params': {\n 'requestType': 'PROPRIETARY',\n 'url': url,\n 'fileName': policyFile,\n 'appID': appID\n }\n };\n }\n }, {\n key: \"OnReceivedPolicyUpdate\",\n value: function OnReceivedPolicyUpdate(policyFile) {\n return {\n 'jsonrpc': '2.0',\n 'method': 'SDL.OnReceivedPolicyUpdate',\n 'params': {\n 'policyfile': policyFile\n }\n };\n }\n }, {\n key: \"OnAllowSDLFunctionality\",\n value: function OnAllowSDLFunctionality(allowed, source) {\n return {\n 'jsonrpc': '2.0',\n 'method': 'SDL.OnAllowSDLFunctionality',\n 'params': {\n 'allowed': allowed,\n 'source': source\n }\n };\n }\n }, {\n key: \"GetListOfPermissions\",\n value: function GetListOfPermissions(appID) {\n var msg = {\n 'jsonrpc': '2.0',\n 'id': rpcFactory_msgId++,\n 'method': 'SDL.GetListOfPermissions',\n 'params': {}\n };\n if (appID) {\n msg.params.appID = appID;\n }\n return msg;\n }\n }, {\n key: \"OnAppPermissionConsent\",\n value: function OnAppPermissionConsent(consentedFunctions, externalConsentStatus) {\n var msg = {\n 'jsonrpc': '2.0',\n 'method': 'SDL.OnAppPermissionConsent',\n 'params': {\n 'source': 'GUI'\n }\n };\n if (consentedFunctions) {\n msg.params.consentedFunctions = consentedFunctions;\n }\n if (externalConsentStatus) {\n msg.params.externalConsentStatus = externalConsentStatus;\n }\n return msg;\n }\n }, {\n key: \"GetSystemTime\",\n value: function GetSystemTime(id) {\n var date = new Date();\n var systemTime = {\n millisecond: date.getMilliseconds(),\n second: date.getSeconds(),\n minute: date.getMinutes(),\n hour: date.getHours(),\n day: date.getDate(),\n month: date.getMonth() + 1,\n year: date.getFullYear(),\n tz_hour: Math.floor(date.getTimezoneOffset() / -60),\n tz_minute: Math.abs(date.getTimezoneOffset() % 60)\n };\n var msg = {\n 'jsonrpc': '2.0',\n 'id': id,\n 'result': {\n 'code': 0, // type (enum) from SDL protocol\n 'method': 'BasicCommunication.GetSystemTime',\n 'systemTime': systemTime\n }\n };\n return msg;\n }\n }, {\n key: \"SetDisplayLayoutResponse\",\n value: function SetDisplayLayoutResponse(rpc) {\n var layout = rpc.params.displayLayout;\n var supportedTemplates = [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_ONLY\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TILES_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"];\n if (supportedTemplates.includes(layout)) {\n if (layout == \"DEFAULT\") {\n layout = \"MEDIA\";\n }\n var response = {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"method\": rpc.method,\n \"code\": 0\n }\n };\n if (_DisplayCapabilities2.default[layout].displayCapabilities) {\n response.result[\"displayCapabilities\"] = _DisplayCapabilities2.default[layout].displayCapabilities;\n }\n if (_DisplayCapabilities2.default[layout].softButtonCapabilities) {\n response.result[\"softButtonCapabilities\"] = _DisplayCapabilities2.default[layout].softButtonCapabilities;\n }\n if (_DisplayCapabilities2.default[layout].buttonCapabilities) {\n response.result[\"buttonCapabilities\"] = _DisplayCapabilities2.default[layout].buttonCapabilities;\n }\n return response;\n } else {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"error\": {\n \"code\": 1,\n \"message\": \"The requested layout is not supported on this HMI\",\n \"data\": {\n \"method\": rpc.method\n }\n }\n };\n }\n }\n }]);\n\n return RpcFactory;\n}();\n\nexports.default = RpcFactory;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"RpcFactory.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/RpcFactory.js\n// module id = 599\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/RpcFactory.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _DisplayCapabilities = __webpack_require__(600);\n\nvar _DisplayCapabilities2 = _interopRequireDefault(_DisplayCapabilities);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar rpcFactory_msgId = 5012;\n\nvar RpcFactory = function () {\n function RpcFactory() {\n _classCallCheck(this, RpcFactory);\n }\n\n _createClass(RpcFactory, null, [{\n key: \"UnsupportedResourceResponse\",\n value: function UnsupportedResourceResponse(rpc, message) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"error\": {\n \"code\": 2,\n \"message\": message,\n \"data\": {\n \"method\": rpc.method\n }\n }\n };\n }\n }, {\n key: \"AlertResponse\",\n value: function AlertResponse(rpcID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpcID,\n \"result\": {\n \"code\": 0,\n \"method\": \"UI.Alert\"\n }\n };\n }\n }, {\n key: \"AlertAbortedResponse\",\n value: function AlertAbortedResponse(rpcID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpcID,\n \"error\": {\n \"code\": 5,\n \"message\": \"The Interaction was cancelled\",\n \"data\": {\n \"method\": \"UI.Alert\"\n }\n }\n };\n }\n }, {\n key: \"UIGetCapabilitiesResponse\",\n value: function UIGetCapabilitiesResponse(rpc) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"method\": rpc.method,\n \"code\": 0,\n \"displayCapabilities\": _DisplayCapabilities2.default[\"MEDIA\"].displayCapabilities,\n \"audioPassThruCapabilities\": _DisplayCapabilities2.default[\"COMMON\"].audioPassThruCapabilities,\n \"hmiZoneCapabilities\": _DisplayCapabilities2.default[\"COMMON\"].hmiZoneCapabilities,\n \"softButtonCapabilities\": _DisplayCapabilities2.default[\"MEDIA\"].softButtonCapabilities,\n \"hmiCapabilities\": _DisplayCapabilities2.default[\"COMMON\"].hmiCapabilities,\n \"systemCapabilities\": _DisplayCapabilities2.default[\"COMMON\"].systemCapabilities\n }\n };\n }\n }, {\n key: \"TTSGetCapabilitiesResponse\",\n value: function TTSGetCapabilitiesResponse(rpc) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"method\": rpc.method,\n \"code\": 0,\n \"speechCapabilities\": _DisplayCapabilities2.default[\"COMMON\"].speechCapabilities,\n \"prerecordedSpeechCapabilities\": _DisplayCapabilities2.default[\"COMMON\"].prerecordedSpeechCapabilities\n }\n };\n }\n }, {\n key: \"activateAppResponse\",\n value: function activateAppResponse(rpc) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"method\": rpc.method,\n \"code\": 0,\n \"isAppPermissionsRevoked\": false,\n \"isAppRevoked\": false,\n \"isPermissionsConsentNeeded\": false,\n \"isSDLAllowed\": true\n }\n };\n }\n }, {\n key: \"UIPerformInteractionAbortedResponse\",\n value: function UIPerformInteractionAbortedResponse(msgID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": msgID,\n \"error\": {\n \"code\": 5,\n \"message\": \"The Interaction was cancelled\",\n \"data\": {\n \"method\": \"UI.PerformInteraction\"\n }\n }\n };\n }\n }, {\n key: \"UIPerformInteractionResponse\",\n value: function UIPerformInteractionResponse(choiceID, appID, msgID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": msgID,\n \"result\": {\n \"method\": \"UI.PerformInteraction\",\n \"code\": 0,\n \"choiceID\": choiceID\n }\n };\n }\n }, {\n key: \"VRPerformInteractionResponse\",\n value: function VRPerformInteractionResponse(choiceID, appID, msgID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": msgID,\n \"result\": {\n \"method\": \"VR.PerformInteraction\",\n \"code\": 0,\n \"choiceID\": choiceID\n }\n };\n }\n }, {\n key: \"ButtonsGetCapabilitiesResponse\",\n value: function ButtonsGetCapabilitiesResponse(rpc) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"method\": rpc.method,\n \"code\": 0,\n \"capabilities\": _DisplayCapabilities2.default[\"MEDIA\"].buttonCapabilities,\n \"presetBankCapabilities\": {\n \"onScreenPresetsAvailable\": false\n }\n }\n };\n }\n }, {\n key: \"UIGetSupportedLanguagesResponse\",\n value: function UIGetSupportedLanguagesResponse(rpc) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"method\": rpc.method,\n \"code\": 0,\n \"languages\": [\"EN-US\"]\n }\n };\n }\n }, {\n key: \"UIGetLanguageResponse\",\n value: function UIGetLanguageResponse(rpc, language) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"method\": rpc.method,\n \"code\": 0,\n \"language\": language\n }\n };\n }\n }, {\n key: \"IsReadyResponse\",\n value: function IsReadyResponse(rpc, ready) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"available\": ready,\n \"code\": 0,\n \"method\": rpc.method\n }\n };\n }\n }, {\n key: \"BCGetSystemInfoResponse\",\n value: function BCGetSystemInfoResponse(rpc) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"method\": rpc.method,\n \"code\": 0,\n \"ccpu_version\": \"0.0.1\",\n \"language\": \"EN-US\",\n \"wersCountryCode\": \"WAEGB\"\n }\n };\n }\n }, {\n key: \"BCOnAppActivatedNotification\",\n value: function BCOnAppActivatedNotification(appID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"method\": \"BasicCommunication.OnAppActivated\",\n \"params\": {\n \"appID\": appID\n }\n };\n }\n }, {\n key: \"SDLActivateApp\",\n value: function SDLActivateApp(appID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpcFactory_msgId++,\n \"method\": \"SDL.ActivateApp\",\n \"params\": {\n \"appID\": appID\n }\n };\n }\n }, {\n key: \"BCOnAppDeactivatedNotification\",\n value: function BCOnAppDeactivatedNotification(appID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"method\": \"BasicCommunication.OnAppDeactivated\",\n \"params\": {\n \"appID\": appID,\n \"reason\": \"GENERAL\"\n }\n };\n }\n }, {\n key: \"OnCommandNotification\",\n value: function OnCommandNotification(cmdID, appID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"method\": \"UI.OnCommand\",\n \"params\": {\n \"appID\": appID,\n \"cmdID\": cmdID\n }\n };\n }\n }, {\n key: \"OnSystemContextNotification\",\n value: function OnSystemContextNotification(context, appID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"method\": \"UI.OnSystemContext\",\n \"params\": {\n \"appID\": appID,\n \"systemContext\": context\n }\n };\n }\n }, {\n key: \"GetVehicleType\",\n value: function GetVehicleType(rpc) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"code\": 0,\n \"method\": \"VehicleInfo.GetVehicleType\",\n \"vehicleType\": {\n \"make\": \"SDL\",\n \"model\": \"Generic\",\n \"modelYear\": \"2019\",\n \"trim\": \"SE\"\n }\n }\n };\n }\n }, {\n key: \"UIPerformInteractionFailure\",\n value: function UIPerformInteractionFailure(msgID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": msgID,\n \"error\": {\n \"code\": 22,\n \"message\": \"UI.PerformInteraction Failed\",\n \"data\": {\n \"method\": \"UI.PerformInteraction\"\n }\n }\n };\n }\n }, {\n key: \"VRPerformInteractionFailure\",\n value: function VRPerformInteractionFailure(msgID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": msgID,\n \"error\": {\n \"code\": 22,\n \"message\": \"VR.PerformInteraction Failed\",\n \"data\": {\n \"method\": \"VR.PerformInteraction\"\n }\n }\n };\n }\n }, {\n key: \"OnAppDeactivatedNotification\",\n value: function OnAppDeactivatedNotification(reason, appID) {\n return {\n \"jsonrpc\": \"2.0\",\n \"method\": \"BasicCommunication.OnAppDeactivated\",\n \"params\": {\n \"appID\": appID,\n \"reason\": reason\n }\n };\n }\n }, {\n key: \"OnButtonPressNotification\",\n value: function OnButtonPressNotification(appID, button) {\n return {\n \"jsonrpc\": \"2.0\",\n \"method\": \"Buttons.OnButtonPress\",\n \"params\": {\n \"name\": button.name,\n \"mode\": button.mode,\n \"appID\": appID,\n \"customButtonID\": button.customButtonID\n }\n };\n }\n }, {\n key: \"OnButtonEventNotification\",\n value: function OnButtonEventNotification(appID, button) {\n return {\n \"jsonrpc\": \"2.0\",\n \"method\": \"Buttons.OnButtonEvent\",\n \"params\": {\n \"name\": button.name,\n \"mode\": button.mode,\n \"appID\": appID,\n \"customButtonID\": button.customButtonID\n }\n };\n }\n }, {\n key: \"MixingAudioResponse\",\n value: function MixingAudioResponse(rpc) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"method\": \"BasicCommunication.MixingAudioSupported\",\n \"code\": 0,\n \"attenuatedSupported\": true\n }\n };\n }\n }, {\n key: \"GetVehicleDataResponse\",\n value: function GetVehicleDataResponse(rpc, data) {\n var obj = {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"code\": 0,\n \"method\": rpc.method\n }\n };\n for (var key in data) {\n obj.result[key] = data[key];\n }\n return obj;\n }\n }, {\n key: \"GetVehicleTypeResponse\",\n value: function GetVehicleTypeResponse(rpc) {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"code\": 0,\n \"method\": rpc.method,\n \"vehicleType\": {\n \"make\": \"SDL\",\n \"model\": \"Generic\",\n \"modelYear\": \"2019\",\n \"trim\": \"SE\"\n }\n }\n };\n }\n }, {\n key: \"OnIgnitionCycleOverNotification\",\n value: function OnIgnitionCycleOverNotification() {\n return {\n 'jsonrpc': '2.0',\n 'method': 'BasicCommunication.OnIgnitionCycleOver'\n };\n }\n }, {\n key: \"OnExitAllApplicationsNotification\",\n value: function OnExitAllApplicationsNotification(reason) {\n return {\n 'jsonrpc': '2.0',\n 'method': 'BasicCommunication.OnExitAllApplications',\n 'params': {\n 'reason': reason\n }\n };\n }\n }, {\n key: \"OnResetTimeout\",\n value: function OnResetTimeout(appID, methodName) {\n return {\n 'jsonrpc': '2.0',\n 'method': 'BasicCommunication.OnResetTimeout',\n 'params': {\n 'appID': appID,\n 'methodName': methodName\n }\n };\n }\n }, {\n key: \"GetURLS\",\n value: function GetURLS(serviceType) {\n return {\n 'jsonrpc': '2.0',\n \"id\": rpcFactory_msgId++,\n 'method': 'SDL.GetURLS',\n 'params': {\n 'service': serviceType\n }\n };\n }\n }, {\n key: \"OnSystemRequestNotification\",\n value: function OnSystemRequestNotification(policyFile, url, appID) {\n return {\n 'jsonrpc': '2.0',\n 'method': 'BasicCommunication.OnSystemRequest',\n 'params': {\n 'requestType': 'PROPRIETARY',\n 'url': url,\n 'fileName': policyFile,\n 'appID': appID\n }\n };\n }\n }, {\n key: \"OnReceivedPolicyUpdate\",\n value: function OnReceivedPolicyUpdate(policyFile) {\n return {\n 'jsonrpc': '2.0',\n 'method': 'SDL.OnReceivedPolicyUpdate',\n 'params': {\n 'policyfile': policyFile\n }\n };\n }\n }, {\n key: \"OnAllowSDLFunctionality\",\n value: function OnAllowSDLFunctionality(allowed, source) {\n return {\n 'jsonrpc': '2.0',\n 'method': 'SDL.OnAllowSDLFunctionality',\n 'params': {\n 'allowed': allowed,\n 'source': source\n }\n };\n }\n }, {\n key: \"GetListOfPermissions\",\n value: function GetListOfPermissions(appID) {\n var msg = {\n 'jsonrpc': '2.0',\n 'id': rpcFactory_msgId++,\n 'method': 'SDL.GetListOfPermissions',\n 'params': {}\n };\n if (appID) {\n msg.params.appID = appID;\n }\n return msg;\n }\n }, {\n key: \"OnAppPermissionConsent\",\n value: function OnAppPermissionConsent(consentedFunctions, externalConsentStatus) {\n var msg = {\n 'jsonrpc': '2.0',\n 'method': 'SDL.OnAppPermissionConsent',\n 'params': {\n 'source': 'GUI'\n }\n };\n if (consentedFunctions) {\n msg.params.consentedFunctions = consentedFunctions;\n }\n if (externalConsentStatus) {\n msg.params.externalConsentStatus = externalConsentStatus;\n }\n return msg;\n }\n }, {\n key: \"GetSystemTime\",\n value: function GetSystemTime(id) {\n var date = new Date();\n var systemTime = {\n millisecond: date.getMilliseconds(),\n second: date.getSeconds(),\n minute: date.getMinutes(),\n hour: date.getHours(),\n day: date.getDate(),\n month: date.getMonth() + 1,\n year: date.getFullYear(),\n tz_hour: Math.floor(date.getTimezoneOffset() / -60),\n tz_minute: Math.abs(date.getTimezoneOffset() % 60)\n };\n var msg = {\n 'jsonrpc': '2.0',\n 'id': id,\n 'result': {\n 'code': 0, // type (enum) from SDL protocol\n 'method': 'BasicCommunication.GetSystemTime',\n 'systemTime': systemTime\n }\n };\n return msg;\n }\n }, {\n key: \"SetDisplayLayoutResponse\",\n value: function SetDisplayLayoutResponse(rpc) {\n var layout = rpc.params.displayLayout;\n var supportedTemplates = [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_ONLY\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TILES_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"];\n if (supportedTemplates.includes(layout)) {\n if (layout == \"DEFAULT\") {\n layout = \"MEDIA\";\n }\n var response = {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"result\": {\n \"method\": rpc.method,\n \"code\": 0\n }\n };\n if (_DisplayCapabilities2.default[layout].displayCapabilities) {\n response.result[\"displayCapabilities\"] = _DisplayCapabilities2.default[layout].displayCapabilities;\n }\n if (_DisplayCapabilities2.default[layout].softButtonCapabilities) {\n response.result[\"softButtonCapabilities\"] = _DisplayCapabilities2.default[layout].softButtonCapabilities;\n }\n if (_DisplayCapabilities2.default[layout].buttonCapabilities) {\n response.result[\"buttonCapabilities\"] = _DisplayCapabilities2.default[layout].buttonCapabilities;\n }\n return response;\n } else {\n return {\n \"jsonrpc\": \"2.0\",\n \"id\": rpc.id,\n \"error\": {\n \"code\": 1,\n \"message\": \"The requested layout is not supported on this HMI\",\n \"data\": {\n \"method\": rpc.method\n }\n }\n };\n }\n }\n }]);\n\n return RpcFactory;\n}();\n\nexports.default = RpcFactory;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"RpcFactory.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/RpcFactory.js\n// module id = 599\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/RpcFactory.js?"); /***/ }), /* 600 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\nvar capabilities = {\n\t\"MEDIA\": {\n\t\t\"displayCapabilities\": {\n\t\t\t\"displayType\": \"SDL_GENERIC\",\n\t\t\t\"displayName\": \"GENERIC_DISPLAY\",\n\t\t\t\"textFields\": [{\n\t\t\t\t\"name\": \"mainField1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mainField2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mainField3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"statusBar\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mediaClock\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mediaTrack\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"templateTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 50,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuName\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"tertiaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}],\n\t\t\t\"imageFields\": [{\n\t\t\t\t\"name\": \"choiceImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"cmdIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 150,\n\t\t\t\t\t\"resolutionHeight\": 150\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"appIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"graphic\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 360,\n\t\t\t\t\t\"resolutionHeight\": 360\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 225,\n\t\t\t\t\t\"resolutionHeight\": 225\n\t\t\t\t}\n\t\t\t}],\n\t\t\t\"mediaClockFormats\": [\"CLOCK3\", \"CLOCKTEXT4\"],\n\t\t\t\"graphicSupported\": true,\n\t\t\t\"templatesAvailable\": [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"LARGE_GRAPHIC_ONLY\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"],\n\t\t\t\"screenParams\": {\n\t\t\t\t\"resolution\": {\n\t\t\t\t\t\"resolutionWidth\": 960,\n\t\t\t\t\t\"resolutionHeight\": 675\n\t\t\t\t},\n\t\t\t\t\"touchEventAvailable\": {\n\t\t\t\t\t\"pressAvailable\": true,\n\t\t\t\t\t\"multiTouchAvailable\": false,\n\t\t\t\t\t\"doublePressAvailable\": false\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"imageCapabilities\": [\"DYNAMIC\", \"STATIC\"],\n\t\t\t\"menuLayoutsAvailable\": [\"LIST\", \"TILES\"]\n\t\t},\n\t\t\"softButtonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}],\n\t\t\"buttonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"name\": \"OK\"\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"name\": \"PLAY_PAUSE\"\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"name\": \"SEEKLEFT\"\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"name\": \"SEEKRIGHT\"\n\t\t}]\n\t},\n\t\"NON-MEDIA\": {\n\t\t\"displayCapabilities\": {\n\t\t\t\"displayType\": \"SDL_GENERIC\",\n\t\t\t\"displayName\": \"GENERIC_DISPLAY\",\n\t\t\t\"textFields\": [{\n\t\t\t\t\"name\": \"mainField1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mainField2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mainField3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mainField4\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"templateTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 50,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuName\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"tertiaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}],\n\t\t\t\"imageFields\": [{\n\t\t\t\t\"name\": \"choiceImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"cmdIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 150,\n\t\t\t\t\t\"resolutionHeight\": 150\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"appIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"graphic\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 410,\n\t\t\t\t\t\"resolutionHeight\": 410\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 225,\n\t\t\t\t\t\"resolutionHeight\": 225\n\t\t\t\t}\n\t\t\t}],\n\t\t\t\"mediaClockFormats\": [],\n\t\t\t\"graphicSupported\": true,\n\t\t\t\"templatesAvailable\": [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"LARGE_GRAPHIC_ONLY\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"],\n\t\t\t\"screenParams\": {\n\t\t\t\t\"resolution\": {\n\t\t\t\t\t\"resolutionWidth\": 960,\n\t\t\t\t\t\"resolutionHeight\": 675\n\t\t\t\t},\n\t\t\t\t\"touchEventAvailable\": {\n\t\t\t\t\t\"pressAvailable\": true,\n\t\t\t\t\t\"multiTouchAvailable\": false,\n\t\t\t\t\t\"doublePressAvailable\": false\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"imageCapabilities\": [\"DYNAMIC\", \"STATIC\"]\n\t\t},\n\t\t\"softButtonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}]\n\t},\n\t\"LARGE_GRAPHIC_WITH_SOFTBUTTONS\": {\n\t\t\"displayCapabilities\": {\n\t\t\t\"displayType\": \"SDL_GENERIC\",\n\t\t\t\"displayName\": \"GENERIC_DISPLAY\",\n\t\t\t\"textFields\": [{\n\t\t\t\t\"name\": \"alertText1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"templateTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 50,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuName\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"tertiaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}],\n\t\t\t\"imageFields\": [{\n\t\t\t\t\"name\": \"choiceImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"cmdIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 150,\n\t\t\t\t\t\"resolutionHeight\": 150\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"appIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"graphic\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 915,\n\t\t\t\t\t\"resolutionHeight\": 490\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 225,\n\t\t\t\t\t\"resolutionHeight\": 225\n\t\t\t\t}\n\t\t\t}],\n\t\t\t\"mediaClockFormats\": [],\n\t\t\t\"graphicSupported\": true,\n\t\t\t\"templatesAvailable\": [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"LARGE_GRAPHIC_ONLY\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"],\n\t\t\t\"screenParams\": {\n\t\t\t\t\"resolution\": {\n\t\t\t\t\t\"resolutionWidth\": 960,\n\t\t\t\t\t\"resolutionHeight\": 675\n\t\t\t\t},\n\t\t\t\t\"touchEventAvailable\": {\n\t\t\t\t\t\"pressAvailable\": true,\n\t\t\t\t\t\"multiTouchAvailable\": false,\n\t\t\t\t\t\"doublePressAvailable\": false\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"imageCapabilities\": [\"DYNAMIC\", \"STATIC\"]\n\t\t},\n\t\t\"softButtonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}]\n\t},\n\t\"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\": {\n\t\t\"displayCapabilities\": {\n\t\t\t\"displayType\": \"SDL_GENERIC\",\n\t\t\t\"displayName\": \"GENERIC_DISPLAY\",\n\t\t\t\"textFields\": [{\n\t\t\t\t\"name\": \"alertText1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"templateTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 50,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuName\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"tertiaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}],\n\t\t\t\"imageFields\": [{\n\t\t\t\t\"name\": \"choiceImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"cmdIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 150,\n\t\t\t\t\t\"resolutionHeight\": 150\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"appIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"graphic\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 480,\n\t\t\t\t\t\"resolutionHeight\": 480\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryGraphic\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 480,\n\t\t\t\t\t\"resolutionHeight\": 480\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 225,\n\t\t\t\t\t\"resolutionHeight\": 225\n\t\t\t\t}\n\t\t\t}],\n\t\t\t\"mediaClockFormats\": [],\n\t\t\t\"graphicSupported\": true,\n\t\t\t\"templatesAvailable\": [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"LARGE_GRAPHIC_ONLY\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"],\n\t\t\t\"screenParams\": {\n\t\t\t\t\"resolution\": {\n\t\t\t\t\t\"resolutionWidth\": 960,\n\t\t\t\t\t\"resolutionHeight\": 675\n\t\t\t\t},\n\t\t\t\t\"touchEventAvailable\": {\n\t\t\t\t\t\"pressAvailable\": true,\n\t\t\t\t\t\"multiTouchAvailable\": false,\n\t\t\t\t\t\"doublePressAvailable\": false\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"imageCapabilities\": [\"DYNAMIC\", \"STATIC\"]\n\t\t},\n\t\t\"softButtonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}]\n\t},\n\t\"LARGE_GRAPHIC_ONLY\": {\n\t\t\"displayCapabilities\": {\n\t\t\t\"displayType\": \"SDL_GENERIC\",\n\t\t\t\"displayName\": \"GENERIC_DISPLAY\",\n\t\t\t\"textFields\": [{\n\t\t\t\t\"name\": \"alertText1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"templateTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 50,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuName\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"tertiaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}],\n\t\t\t\"imageFields\": [{\n\t\t\t\t\"name\": \"choiceImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"cmdIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 150,\n\t\t\t\t\t\"resolutionHeight\": 150\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"appIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"graphic\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 915,\n\t\t\t\t\t\"resolutionHeight\": 490\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 225,\n\t\t\t\t\t\"resolutionHeight\": 225\n\t\t\t\t}\n\t\t\t}],\n\t\t\t\"mediaClockFormats\": [],\n\t\t\t\"graphicSupported\": true,\n\t\t\t\"templatesAvailable\": [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"LARGE_GRAPHIC_ONLY\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"],\n\t\t\t\"screenParams\": {\n\t\t\t\t\"resolution\": {\n\t\t\t\t\t\"resolutionWidth\": 960,\n\t\t\t\t\t\"resolutionHeight\": 675\n\t\t\t\t},\n\t\t\t\t\"touchEventAvailable\": {\n\t\t\t\t\t\"pressAvailable\": true,\n\t\t\t\t\t\"multiTouchAvailable\": false,\n\t\t\t\t\t\"doublePressAvailable\": false\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"imageCapabilities\": [\"DYNAMIC\", \"STATIC\"]\n\t\t},\n\t\t\"softButtonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}]\n\t},\n\t\"GRAPHIC_WITH_TEXTBUTTONS\": {\n\t\t\"displayCapabilities\": {\n\t\t\t\"displayType\": \"SDL_GENERIC\",\n\t\t\t\"displayName\": \"GENERIC_DISPLAY\",\n\t\t\t\"textFields\": [{\n\t\t\t\t\"name\": \"alertText1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"templateTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 50,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuName\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"tertiaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}],\n\t\t\t\"imageFields\": [{\n\t\t\t\t\"name\": \"choiceImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"cmdIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 150,\n\t\t\t\t\t\"resolutionHeight\": 150\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"appIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"graphic\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 410,\n\t\t\t\t\t\"resolutionHeight\": 410\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 225,\n\t\t\t\t\t\"resolutionHeight\": 225\n\t\t\t\t}\n\t\t\t}],\n\t\t\t\"mediaClockFormats\": [],\n\t\t\t\"graphicSupported\": true,\n\t\t\t\"templatesAvailable\": [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"LARGE_GRAPHIC_ONLY\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"],\n\t\t\t\"screenParams\": {\n\t\t\t\t\"resolution\": {\n\t\t\t\t\t\"resolutionWidth\": 960,\n\t\t\t\t\t\"resolutionHeight\": 675\n\t\t\t\t},\n\t\t\t\t\"touchEventAvailable\": {\n\t\t\t\t\t\"pressAvailable\": true,\n\t\t\t\t\t\"multiTouchAvailable\": false,\n\t\t\t\t\t\"doublePressAvailable\": false\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"imageCapabilities\": [\"DYNAMIC\", \"STATIC\"]\n\t\t},\n\t\t\"softButtonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}]\n\t},\n\t\"TEXTBUTTONS_WITH_GRAPHIC\": {\n\t\t\"displayCapabilities\": {\n\t\t\t\"displayType\": \"SDL_GENERIC\",\n\t\t\t\"displayName\": \"GENERIC_DISPLAY\",\n\t\t\t\"textFields\": [{\n\t\t\t\t\"name\": \"alertText1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"templateTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 50,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuName\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"tertiaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}],\n\t\t\t\"imageFields\": [{\n\t\t\t\t\"name\": \"choiceImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"cmdIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 150,\n\t\t\t\t\t\"resolutionHeight\": 150\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"appIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"graphic\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 410,\n\t\t\t\t\t\"resolutionHeight\": 410\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 225,\n\t\t\t\t\t\"resolutionHeight\": 225\n\t\t\t\t}\n\t\t\t}],\n\t\t\t\"mediaClockFormats\": [],\n\t\t\t\"graphicSupported\": true,\n\t\t\t\"templatesAvailable\": [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"LARGE_GRAPHIC_ONLY\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"],\n\t\t\t\"screenParams\": {\n\t\t\t\t\"resolution\": {\n\t\t\t\t\t\"resolutionWidth\": 960,\n\t\t\t\t\t\"resolutionHeight\": 675\n\t\t\t\t},\n\t\t\t\t\"touchEventAvailable\": {\n\t\t\t\t\t\"pressAvailable\": true,\n\t\t\t\t\t\"multiTouchAvailable\": false,\n\t\t\t\t\t\"doublePressAvailable\": false\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"imageCapabilities\": [\"DYNAMIC\", \"STATIC\"]\n\t\t},\n\t\t\"softButtonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}]\n\t},\n\t\"TEXTBUTTONS_ONLY\": {\n\t\t\"displayCapabilities\": {\n\t\t\t\"displayType\": \"SDL_GENERIC\",\n\t\t\t\"displayName\": \"GENERIC_DISPLAY\",\n\t\t\t\"textFields\": [{\n\t\t\t\t\"name\": \"alertText1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"templateTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 50,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuName\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"tertiaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}],\n\t\t\t\"imageFields\": [{\n\t\t\t\t\"name\": \"choiceImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"cmdIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 150,\n\t\t\t\t\t\"resolutionHeight\": 150\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"appIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 225,\n\t\t\t\t\t\"resolutionHeight\": 225\n\t\t\t\t}\n\t\t\t}],\n\t\t\t\"mediaClockFormats\": [],\n\t\t\t\"graphicSupported\": true,\n\t\t\t\"templatesAvailable\": [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"LARGE_GRAPHIC_ONLY\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"],\n\t\t\t\"screenParams\": {\n\t\t\t\t\"resolution\": {\n\t\t\t\t\t\"resolutionWidth\": 960,\n\t\t\t\t\t\"resolutionHeight\": 675\n\t\t\t\t},\n\t\t\t\t\"touchEventAvailable\": {\n\t\t\t\t\t\"pressAvailable\": true,\n\t\t\t\t\t\"multiTouchAvailable\": false,\n\t\t\t\t\t\"doublePressAvailable\": false\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"imageCapabilities\": [\"DYNAMIC\", \"STATIC\"]\n\t\t},\n\t\t\"softButtonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}]\n\t},\n\t\"TEXT_WITH_GRAPHIC\": {\n\t\t\"displayCapabilities\": {\n\t\t\t\"displayType\": \"SDL_GENERIC\",\n\t\t\t\"displayName\": \"GENERIC_DISPLAY\",\n\t\t\t\"textFields\": [{\n\t\t\t\t\"name\": \"mainField1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mainField2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mainField3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mainField4\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"templateTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 50,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuName\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"tertiaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}],\n\t\t\t\"imageFields\": [{\n\t\t\t\t\"name\": \"choiceImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"cmdIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 150,\n\t\t\t\t\t\"resolutionHeight\": 150\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"appIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"graphic\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 410,\n\t\t\t\t\t\"resolutionHeight\": 410\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 225,\n\t\t\t\t\t\"resolutionHeight\": 225\n\t\t\t\t}\n\t\t\t}],\n\t\t\t\"mediaClockFormats\": [\"CLOCK3\", \"CLOCKTEXT4\"],\n\t\t\t\"graphicSupported\": true,\n\t\t\t\"templatesAvailable\": [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"LARGE_GRAPHIC_ONLY\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"],\n\t\t\t\"screenParams\": {\n\t\t\t\t\"resolution\": {\n\t\t\t\t\t\"resolutionWidth\": 960,\n\t\t\t\t\t\"resolutionHeight\": 675\n\t\t\t\t},\n\t\t\t\t\"touchEventAvailable\": {\n\t\t\t\t\t\"pressAvailable\": true,\n\t\t\t\t\t\"multiTouchAvailable\": false,\n\t\t\t\t\t\"doublePressAvailable\": false\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"imageCapabilities\": [\"DYNAMIC\", \"STATIC\"]\n\t\t},\n\t\t\"softButtonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}]\n\t},\n\t\"GRAPHIC_WITH_TEXT\": {\n\t\t\"displayCapabilities\": {\n\t\t\t\"displayType\": \"SDL_GENERIC\",\n\t\t\t\"displayName\": \"GENERIC_DISPLAY\",\n\t\t\t\"textFields\": [{\n\t\t\t\t\"name\": \"mainField1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mainField2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mainField3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mainField4\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"templateTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 50,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuName\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"tertiaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}],\n\t\t\t\"imageFields\": [{\n\t\t\t\t\"name\": \"choiceImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"cmdIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 150,\n\t\t\t\t\t\"resolutionHeight\": 150\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"appIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"graphic\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 410,\n\t\t\t\t\t\"resolutionHeight\": 410\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 225,\n\t\t\t\t\t\"resolutionHeight\": 225\n\t\t\t\t}\n\t\t\t}],\n\t\t\t\"mediaClockFormats\": [\"CLOCK3\", \"CLOCKTEXT4\"],\n\t\t\t\"graphicSupported\": true,\n\t\t\t\"templatesAvailable\": [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"LARGE_GRAPHIC_ONLY\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"],\n\t\t\t\"screenParams\": {\n\t\t\t\t\"resolution\": {\n\t\t\t\t\t\"resolutionWidth\": 960,\n\t\t\t\t\t\"resolutionHeight\": 675\n\t\t\t\t},\n\t\t\t\t\"touchEventAvailable\": {\n\t\t\t\t\t\"pressAvailable\": true,\n\t\t\t\t\t\"multiTouchAvailable\": false,\n\t\t\t\t\t\"doublePressAvailable\": false\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"imageCapabilities\": [\"DYNAMIC\", \"STATIC\"]\n\t\t},\n\t\t\"softButtonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}]\n\t},\n\t\"TILES_ONLY\": {\n\t\t\"displayCapabilities\": {\n\t\t\t\"displayType\": \"SDL_GENERIC\",\n\t\t\t\"displayName\": \"GENERIC_DISPLAY\",\n\t\t\t\"textFields\": [{\n\t\t\t\t\"name\": \"alertText1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"templateTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 50,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuName\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"tertiaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}],\n\t\t\t\"imageFields\": [{\n\t\t\t\t\"name\": \"choiceImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"cmdIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 150,\n\t\t\t\t\t\"resolutionHeight\": 150\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"appIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 225,\n\t\t\t\t\t\"resolutionHeight\": 225\n\t\t\t\t}\n\t\t\t}],\n\t\t\t\"mediaClockFormats\": [],\n\t\t\t\"graphicSupported\": true,\n\t\t\t\"templatesAvailable\": [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"LARGE_GRAPHIC_ONLY\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"],\n\t\t\t\"screenParams\": {\n\t\t\t\t\"resolution\": {\n\t\t\t\t\t\"resolutionWidth\": 960,\n\t\t\t\t\t\"resolutionHeight\": 675\n\t\t\t\t},\n\t\t\t\t\"touchEventAvailable\": {\n\t\t\t\t\t\"pressAvailable\": true,\n\t\t\t\t\t\"multiTouchAvailable\": false,\n\t\t\t\t\t\"doublePressAvailable\": false\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"imageCapabilities\": [\"DYNAMIC\", \"STATIC\"]\n\t\t},\n\t\t\"softButtonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}]\n\t},\n\t\"COMMON\": {\n\t\t\"audioPassThruCapabilities\": {\n\t\t\t\"samplingRate\": \"44KHZ\",\n\t\t\t\"bitsPerSample\": \"8_BIT\",\n\t\t\t\"audioType\": \"PCM\"\n\t\t},\n\t\t\"speechCapabilities\": [\"FILE\"],\n\t\t\"prerecordedSpeechCapabilities\": [\"INITIAL_JINGLE\"],\n\t\t\"hmiZoneCapabilities\": \"FRONT\",\n\t\t\"hmiCapabilities\": {\n\t\t\t\"navigation\": false,\n\t\t\t\"phoneCall\": false,\n\t\t\t\"videoStreaming\": false\n\t\t},\n\t\t\"systemCapabilities\": {\n\t\t\t\"navigationCapability\": {\n\t\t\t\t\"sendLocationEnabled\": false,\n\t\t\t\t\"getWayPointsEnabled\": false\n\t\t\t},\n\t\t\t\"phoneCapability\": {\n\t\t\t\t\"dialNumberEnabled\": false\n\t\t\t}\n\t\t}\n\t}\n};\n\nexports.default = capabilities;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"DisplayCapabilities.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/DisplayCapabilities.js\n// module id = 600\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/DisplayCapabilities.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\nvar capabilities = {\n\t\"MEDIA\": {\n\t\t\"displayCapabilities\": {\n\t\t\t\"displayType\": \"SDL_GENERIC\",\n\t\t\t\"displayName\": \"GENERIC_DISPLAY\",\n\t\t\t\"textFields\": [{\n\t\t\t\t\"name\": \"mainField1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mainField2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mainField3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"statusBar\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mediaClock\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mediaTrack\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"templateTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 50,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuName\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"tertiaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}],\n\t\t\t\"imageFields\": [{\n\t\t\t\t\"name\": \"choiceImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"cmdIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 150,\n\t\t\t\t\t\"resolutionHeight\": 150\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"appIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"graphic\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 360,\n\t\t\t\t\t\"resolutionHeight\": 360\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 225,\n\t\t\t\t\t\"resolutionHeight\": 225\n\t\t\t\t}\n\t\t\t}],\n\t\t\t\"mediaClockFormats\": [\"CLOCK3\", \"CLOCKTEXT4\"],\n\t\t\t\"graphicSupported\": true,\n\t\t\t\"templatesAvailable\": [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"LARGE_GRAPHIC_ONLY\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"],\n\t\t\t\"screenParams\": {\n\t\t\t\t\"resolution\": {\n\t\t\t\t\t\"resolutionWidth\": 960,\n\t\t\t\t\t\"resolutionHeight\": 675\n\t\t\t\t},\n\t\t\t\t\"touchEventAvailable\": {\n\t\t\t\t\t\"pressAvailable\": true,\n\t\t\t\t\t\"multiTouchAvailable\": false,\n\t\t\t\t\t\"doublePressAvailable\": false\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"imageCapabilities\": [\"DYNAMIC\", \"STATIC\"],\n\t\t\t\"menuLayoutsAvailable\": [\"LIST\", \"TILES\"]\n\t\t},\n\t\t\"softButtonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}],\n\t\t\"buttonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"name\": \"OK\"\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"name\": \"PLAY_PAUSE\"\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"name\": \"SEEKLEFT\"\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"name\": \"SEEKRIGHT\"\n\t\t}]\n\t},\n\t\"NON-MEDIA\": {\n\t\t\"displayCapabilities\": {\n\t\t\t\"displayType\": \"SDL_GENERIC\",\n\t\t\t\"displayName\": \"GENERIC_DISPLAY\",\n\t\t\t\"textFields\": [{\n\t\t\t\t\"name\": \"mainField1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mainField2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mainField3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mainField4\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"templateTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 50,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuName\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"tertiaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}],\n\t\t\t\"imageFields\": [{\n\t\t\t\t\"name\": \"choiceImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"cmdIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 150,\n\t\t\t\t\t\"resolutionHeight\": 150\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"appIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"graphic\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 410,\n\t\t\t\t\t\"resolutionHeight\": 410\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 225,\n\t\t\t\t\t\"resolutionHeight\": 225\n\t\t\t\t}\n\t\t\t}],\n\t\t\t\"mediaClockFormats\": [],\n\t\t\t\"graphicSupported\": true,\n\t\t\t\"templatesAvailable\": [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"LARGE_GRAPHIC_ONLY\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"],\n\t\t\t\"screenParams\": {\n\t\t\t\t\"resolution\": {\n\t\t\t\t\t\"resolutionWidth\": 960,\n\t\t\t\t\t\"resolutionHeight\": 675\n\t\t\t\t},\n\t\t\t\t\"touchEventAvailable\": {\n\t\t\t\t\t\"pressAvailable\": true,\n\t\t\t\t\t\"multiTouchAvailable\": false,\n\t\t\t\t\t\"doublePressAvailable\": false\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"imageCapabilities\": [\"DYNAMIC\", \"STATIC\"],\n\t\t\t\"menuLayoutsAvailable\": [\"LIST\", \"TILES\"]\n\t\t},\n\t\t\"softButtonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}]\n\t},\n\t\"LARGE_GRAPHIC_WITH_SOFTBUTTONS\": {\n\t\t\"displayCapabilities\": {\n\t\t\t\"displayType\": \"SDL_GENERIC\",\n\t\t\t\"displayName\": \"GENERIC_DISPLAY\",\n\t\t\t\"textFields\": [{\n\t\t\t\t\"name\": \"alertText1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"templateTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 50,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuName\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"tertiaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}],\n\t\t\t\"imageFields\": [{\n\t\t\t\t\"name\": \"choiceImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"cmdIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 150,\n\t\t\t\t\t\"resolutionHeight\": 150\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"appIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"graphic\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 915,\n\t\t\t\t\t\"resolutionHeight\": 490\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 225,\n\t\t\t\t\t\"resolutionHeight\": 225\n\t\t\t\t}\n\t\t\t}],\n\t\t\t\"mediaClockFormats\": [],\n\t\t\t\"graphicSupported\": true,\n\t\t\t\"templatesAvailable\": [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"LARGE_GRAPHIC_ONLY\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"],\n\t\t\t\"screenParams\": {\n\t\t\t\t\"resolution\": {\n\t\t\t\t\t\"resolutionWidth\": 960,\n\t\t\t\t\t\"resolutionHeight\": 675\n\t\t\t\t},\n\t\t\t\t\"touchEventAvailable\": {\n\t\t\t\t\t\"pressAvailable\": true,\n\t\t\t\t\t\"multiTouchAvailable\": false,\n\t\t\t\t\t\"doublePressAvailable\": false\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"imageCapabilities\": [\"DYNAMIC\", \"STATIC\"],\n\t\t\t\"menuLayoutsAvailable\": [\"LIST\", \"TILES\"]\n\t\t},\n\t\t\"softButtonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}]\n\t},\n\t\"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\": {\n\t\t\"displayCapabilities\": {\n\t\t\t\"displayType\": \"SDL_GENERIC\",\n\t\t\t\"displayName\": \"GENERIC_DISPLAY\",\n\t\t\t\"textFields\": [{\n\t\t\t\t\"name\": \"alertText1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"templateTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 50,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuName\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"tertiaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}],\n\t\t\t\"imageFields\": [{\n\t\t\t\t\"name\": \"choiceImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"cmdIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 150,\n\t\t\t\t\t\"resolutionHeight\": 150\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"appIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"graphic\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 480,\n\t\t\t\t\t\"resolutionHeight\": 480\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryGraphic\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 480,\n\t\t\t\t\t\"resolutionHeight\": 480\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 225,\n\t\t\t\t\t\"resolutionHeight\": 225\n\t\t\t\t}\n\t\t\t}],\n\t\t\t\"mediaClockFormats\": [],\n\t\t\t\"graphicSupported\": true,\n\t\t\t\"templatesAvailable\": [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"LARGE_GRAPHIC_ONLY\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"],\n\t\t\t\"screenParams\": {\n\t\t\t\t\"resolution\": {\n\t\t\t\t\t\"resolutionWidth\": 960,\n\t\t\t\t\t\"resolutionHeight\": 675\n\t\t\t\t},\n\t\t\t\t\"touchEventAvailable\": {\n\t\t\t\t\t\"pressAvailable\": true,\n\t\t\t\t\t\"multiTouchAvailable\": false,\n\t\t\t\t\t\"doublePressAvailable\": false\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"imageCapabilities\": [\"DYNAMIC\", \"STATIC\"],\n\t\t\t\"menuLayoutsAvailable\": [\"LIST\", \"TILES\"]\n\t\t},\n\t\t\"softButtonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}]\n\t},\n\t\"LARGE_GRAPHIC_ONLY\": {\n\t\t\"displayCapabilities\": {\n\t\t\t\"displayType\": \"SDL_GENERIC\",\n\t\t\t\"displayName\": \"GENERIC_DISPLAY\",\n\t\t\t\"textFields\": [{\n\t\t\t\t\"name\": \"alertText1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"templateTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 50,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuName\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"tertiaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}],\n\t\t\t\"imageFields\": [{\n\t\t\t\t\"name\": \"choiceImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"cmdIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 150,\n\t\t\t\t\t\"resolutionHeight\": 150\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"appIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"graphic\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 915,\n\t\t\t\t\t\"resolutionHeight\": 490\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 225,\n\t\t\t\t\t\"resolutionHeight\": 225\n\t\t\t\t}\n\t\t\t}],\n\t\t\t\"mediaClockFormats\": [],\n\t\t\t\"graphicSupported\": true,\n\t\t\t\"templatesAvailable\": [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"LARGE_GRAPHIC_ONLY\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"],\n\t\t\t\"screenParams\": {\n\t\t\t\t\"resolution\": {\n\t\t\t\t\t\"resolutionWidth\": 960,\n\t\t\t\t\t\"resolutionHeight\": 675\n\t\t\t\t},\n\t\t\t\t\"touchEventAvailable\": {\n\t\t\t\t\t\"pressAvailable\": true,\n\t\t\t\t\t\"multiTouchAvailable\": false,\n\t\t\t\t\t\"doublePressAvailable\": false\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"imageCapabilities\": [\"DYNAMIC\", \"STATIC\"],\n\t\t\t\"menuLayoutsAvailable\": [\"LIST\", \"TILES\"]\n\t\t},\n\t\t\"softButtonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}]\n\t},\n\t\"GRAPHIC_WITH_TEXTBUTTONS\": {\n\t\t\"displayCapabilities\": {\n\t\t\t\"displayType\": \"SDL_GENERIC\",\n\t\t\t\"displayName\": \"GENERIC_DISPLAY\",\n\t\t\t\"textFields\": [{\n\t\t\t\t\"name\": \"alertText1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"templateTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 50,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuName\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"tertiaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}],\n\t\t\t\"imageFields\": [{\n\t\t\t\t\"name\": \"choiceImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"cmdIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 150,\n\t\t\t\t\t\"resolutionHeight\": 150\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"appIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"graphic\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 410,\n\t\t\t\t\t\"resolutionHeight\": 410\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 225,\n\t\t\t\t\t\"resolutionHeight\": 225\n\t\t\t\t}\n\t\t\t}],\n\t\t\t\"mediaClockFormats\": [],\n\t\t\t\"graphicSupported\": true,\n\t\t\t\"templatesAvailable\": [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"LARGE_GRAPHIC_ONLY\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"],\n\t\t\t\"screenParams\": {\n\t\t\t\t\"resolution\": {\n\t\t\t\t\t\"resolutionWidth\": 960,\n\t\t\t\t\t\"resolutionHeight\": 675\n\t\t\t\t},\n\t\t\t\t\"touchEventAvailable\": {\n\t\t\t\t\t\"pressAvailable\": true,\n\t\t\t\t\t\"multiTouchAvailable\": false,\n\t\t\t\t\t\"doublePressAvailable\": false\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"imageCapabilities\": [\"DYNAMIC\", \"STATIC\"],\n\t\t\t\"menuLayoutsAvailable\": [\"LIST\", \"TILES\"]\n\t\t},\n\t\t\"softButtonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}]\n\t},\n\t\"TEXTBUTTONS_WITH_GRAPHIC\": {\n\t\t\"displayCapabilities\": {\n\t\t\t\"displayType\": \"SDL_GENERIC\",\n\t\t\t\"displayName\": \"GENERIC_DISPLAY\",\n\t\t\t\"textFields\": [{\n\t\t\t\t\"name\": \"alertText1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"templateTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 50,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuName\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"tertiaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}],\n\t\t\t\"imageFields\": [{\n\t\t\t\t\"name\": \"choiceImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"cmdIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 150,\n\t\t\t\t\t\"resolutionHeight\": 150\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"appIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"graphic\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 410,\n\t\t\t\t\t\"resolutionHeight\": 410\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 225,\n\t\t\t\t\t\"resolutionHeight\": 225\n\t\t\t\t}\n\t\t\t}],\n\t\t\t\"mediaClockFormats\": [],\n\t\t\t\"graphicSupported\": true,\n\t\t\t\"templatesAvailable\": [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"LARGE_GRAPHIC_ONLY\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"],\n\t\t\t\"screenParams\": {\n\t\t\t\t\"resolution\": {\n\t\t\t\t\t\"resolutionWidth\": 960,\n\t\t\t\t\t\"resolutionHeight\": 675\n\t\t\t\t},\n\t\t\t\t\"touchEventAvailable\": {\n\t\t\t\t\t\"pressAvailable\": true,\n\t\t\t\t\t\"multiTouchAvailable\": false,\n\t\t\t\t\t\"doublePressAvailable\": false\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"imageCapabilities\": [\"DYNAMIC\", \"STATIC\"],\n\t\t\t\"menuLayoutsAvailable\": [\"LIST\", \"TILES\"]\n\t\t},\n\t\t\"softButtonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}]\n\t},\n\t\"TEXTBUTTONS_ONLY\": {\n\t\t\"displayCapabilities\": {\n\t\t\t\"displayType\": \"SDL_GENERIC\",\n\t\t\t\"displayName\": \"GENERIC_DISPLAY\",\n\t\t\t\"textFields\": [{\n\t\t\t\t\"name\": \"alertText1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"templateTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 50,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuName\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"tertiaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}],\n\t\t\t\"imageFields\": [{\n\t\t\t\t\"name\": \"choiceImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"cmdIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 150,\n\t\t\t\t\t\"resolutionHeight\": 150\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"appIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 225,\n\t\t\t\t\t\"resolutionHeight\": 225\n\t\t\t\t}\n\t\t\t}],\n\t\t\t\"mediaClockFormats\": [],\n\t\t\t\"graphicSupported\": true,\n\t\t\t\"templatesAvailable\": [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"LARGE_GRAPHIC_ONLY\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"],\n\t\t\t\"screenParams\": {\n\t\t\t\t\"resolution\": {\n\t\t\t\t\t\"resolutionWidth\": 960,\n\t\t\t\t\t\"resolutionHeight\": 675\n\t\t\t\t},\n\t\t\t\t\"touchEventAvailable\": {\n\t\t\t\t\t\"pressAvailable\": true,\n\t\t\t\t\t\"multiTouchAvailable\": false,\n\t\t\t\t\t\"doublePressAvailable\": false\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"imageCapabilities\": [\"DYNAMIC\", \"STATIC\"],\n\t\t\t\"menuLayoutsAvailable\": [\"LIST\", \"TILES\"]\n\t\t},\n\t\t\"softButtonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}]\n\t},\n\t\"TEXT_WITH_GRAPHIC\": {\n\t\t\"displayCapabilities\": {\n\t\t\t\"displayType\": \"SDL_GENERIC\",\n\t\t\t\"displayName\": \"GENERIC_DISPLAY\",\n\t\t\t\"textFields\": [{\n\t\t\t\t\"name\": \"mainField1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mainField2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mainField3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mainField4\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"templateTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 50,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuName\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"tertiaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}],\n\t\t\t\"imageFields\": [{\n\t\t\t\t\"name\": \"choiceImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"cmdIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 150,\n\t\t\t\t\t\"resolutionHeight\": 150\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"appIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"graphic\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 410,\n\t\t\t\t\t\"resolutionHeight\": 410\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 225,\n\t\t\t\t\t\"resolutionHeight\": 225\n\t\t\t\t}\n\t\t\t}],\n\t\t\t\"mediaClockFormats\": [\"CLOCK3\", \"CLOCKTEXT4\"],\n\t\t\t\"graphicSupported\": true,\n\t\t\t\"templatesAvailable\": [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"LARGE_GRAPHIC_ONLY\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"],\n\t\t\t\"screenParams\": {\n\t\t\t\t\"resolution\": {\n\t\t\t\t\t\"resolutionWidth\": 960,\n\t\t\t\t\t\"resolutionHeight\": 675\n\t\t\t\t},\n\t\t\t\t\"touchEventAvailable\": {\n\t\t\t\t\t\"pressAvailable\": true,\n\t\t\t\t\t\"multiTouchAvailable\": false,\n\t\t\t\t\t\"doublePressAvailable\": false\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"imageCapabilities\": [\"DYNAMIC\", \"STATIC\"],\n\t\t\t\"menuLayoutsAvailable\": [\"LIST\", \"TILES\"]\n\t\t},\n\t\t\"softButtonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}]\n\t},\n\t\"GRAPHIC_WITH_TEXT\": {\n\t\t\"displayCapabilities\": {\n\t\t\t\"displayType\": \"SDL_GENERIC\",\n\t\t\t\"displayName\": \"GENERIC_DISPLAY\",\n\t\t\t\"textFields\": [{\n\t\t\t\t\"name\": \"mainField1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mainField2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mainField3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"mainField4\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"templateTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 50,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuName\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"tertiaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}],\n\t\t\t\"imageFields\": [{\n\t\t\t\t\"name\": \"choiceImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"cmdIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 150,\n\t\t\t\t\t\"resolutionHeight\": 150\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"appIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"graphic\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 410,\n\t\t\t\t\t\"resolutionHeight\": 410\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 225,\n\t\t\t\t\t\"resolutionHeight\": 225\n\t\t\t\t}\n\t\t\t}],\n\t\t\t\"mediaClockFormats\": [\"CLOCK3\", \"CLOCKTEXT4\"],\n\t\t\t\"graphicSupported\": true,\n\t\t\t\"templatesAvailable\": [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"LARGE_GRAPHIC_ONLY\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"],\n\t\t\t\"screenParams\": {\n\t\t\t\t\"resolution\": {\n\t\t\t\t\t\"resolutionWidth\": 960,\n\t\t\t\t\t\"resolutionHeight\": 675\n\t\t\t\t},\n\t\t\t\t\"touchEventAvailable\": {\n\t\t\t\t\t\"pressAvailable\": true,\n\t\t\t\t\t\"multiTouchAvailable\": false,\n\t\t\t\t\t\"doublePressAvailable\": false\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"imageCapabilities\": [\"DYNAMIC\", \"STATIC\"],\n\t\t\t\"menuLayoutsAvailable\": [\"LIST\", \"TILES\"]\n\t\t},\n\t\t\"softButtonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}]\n\t},\n\t\"TILES_ONLY\": {\n\t\t\"displayCapabilities\": {\n\t\t\t\"displayType\": \"SDL_GENERIC\",\n\t\t\t\"displayName\": \"GENERIC_DISPLAY\",\n\t\t\t\"textFields\": [{\n\t\t\t\t\"name\": \"alertText1\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText2\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertText3\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"templateTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 50,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuName\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"secondaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"tertiaryText\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuTitle\",\n\t\t\t\t\"characterSet\": \"TYPE2SET\",\n\t\t\t\t\"width\": 500,\n\t\t\t\t\"rows\": 1\n\t\t\t}],\n\t\t\t\"imageFields\": [{\n\t\t\t\t\"name\": \"choiceImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"softButtonImage\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"menuIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 40,\n\t\t\t\t\t\"resolutionHeight\": 40\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"cmdIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 150,\n\t\t\t\t\t\"resolutionHeight\": 150\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"appIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 50,\n\t\t\t\t\t\"resolutionHeight\": 50\n\t\t\t\t}\n\t\t\t}, {\n\t\t\t\t\"name\": \"alertIcon\",\n\t\t\t\t\"imageTypeSupported\": [\"GRAPHIC_PNG\"],\n\t\t\t\t\"imageResolution\": {\n\t\t\t\t\t\"resolutionWidth\": 225,\n\t\t\t\t\t\"resolutionHeight\": 225\n\t\t\t\t}\n\t\t\t}],\n\t\t\t\"mediaClockFormats\": [],\n\t\t\t\"graphicSupported\": true,\n\t\t\t\"templatesAvailable\": [\"DEFAULT\", \"MEDIA\", \"NON-MEDIA\", \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\", \"LARGE_GRAPHIC_ONLY\", \"GRAPHIC_WITH_TEXTBUTTONS\", \"TEXTBUTTONS_WITH_GRAPHIC\", \"TEXTBUTTONS_ONLY\", \"TEXT_WITH_GRAPHIC\", \"GRAPHIC_WITH_TEXT\", \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\"],\n\t\t\t\"screenParams\": {\n\t\t\t\t\"resolution\": {\n\t\t\t\t\t\"resolutionWidth\": 960,\n\t\t\t\t\t\"resolutionHeight\": 675\n\t\t\t\t},\n\t\t\t\t\"touchEventAvailable\": {\n\t\t\t\t\t\"pressAvailable\": true,\n\t\t\t\t\t\"multiTouchAvailable\": false,\n\t\t\t\t\t\"doublePressAvailable\": false\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"imageCapabilities\": [\"DYNAMIC\", \"STATIC\"],\n\t\t\t\"menuLayoutsAvailable\": [\"LIST\", \"TILES\"]\n\t\t},\n\t\t\"softButtonCapabilities\": [{\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}, {\n\t\t\t\"shortPressAvailable\": true,\n\t\t\t\"longPressAvailable\": false,\n\t\t\t\"upDownAvailable\": false,\n\t\t\t\"imageSupported\": true\n\t\t}]\n\t},\n\t\"COMMON\": {\n\t\t\"audioPassThruCapabilities\": {\n\t\t\t\"samplingRate\": \"44KHZ\",\n\t\t\t\"bitsPerSample\": \"8_BIT\",\n\t\t\t\"audioType\": \"PCM\"\n\t\t},\n\t\t\"speechCapabilities\": [\"FILE\"],\n\t\t\"prerecordedSpeechCapabilities\": [\"INITIAL_JINGLE\"],\n\t\t\"hmiZoneCapabilities\": \"FRONT\",\n\t\t\"hmiCapabilities\": {\n\t\t\t\"navigation\": false,\n\t\t\t\"phoneCall\": false,\n\t\t\t\"videoStreaming\": false\n\t\t},\n\t\t\"systemCapabilities\": {\n\t\t\t\"navigationCapability\": {\n\t\t\t\t\"sendLocationEnabled\": false,\n\t\t\t\t\"getWayPointsEnabled\": false\n\t\t\t},\n\t\t\t\"phoneCapability\": {\n\t\t\t\t\"dialNumberEnabled\": false\n\t\t\t}\n\t\t}\n\t}\n};\n\nexports.default = capabilities;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"DisplayCapabilities.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/DisplayCapabilities.js\n// module id = 600\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/DisplayCapabilities.js?"); /***/ }), /* 601 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nvar Actions = exports.Actions = {\n UPDATE_APP_LIST: \"UPDATE_APP_LIST\",\n ACTIVATE_APP: \"ACTIVATE_APP\",\n DEACTIVATE_APP: \"DEACTIVATE_APP\",\n SHOW: \"SHOW\",\n SET_APP_ICON: \"SET_APP_ICON\",\n ADD_COMMAND: \"ADD_COMMAND\",\n DELETE_COMMAND: \"DELETE_COMMAND\",\n ADD_SUB_MENU: \"ADD_SUB_MENU\",\n DELETE_SUB_MENU: \"DELETE_SUB_MENU\",\n SUBSCRIBE_BUTTON: \"SUBSCRIBE_BUTTON\",\n ACTIVATE_SUB_MENU: \"ACTIVATE_SUB_MENU\",\n DEACTIVATE_SUB_MENU: \"DEACTIVATE_SUB_MENU\",\n SHOW_APP_MENU: \"SHOW_APP_MENU\",\n RESET_SHOW_APP_MENU: \"RESET_SHOW_APP_MENU\",\n PERFORM_INTERACTION: \"PERFORM_INTERACTION\",\n DEACTIVATE_INTERACTION: \"DEACTIVATE_INTERACTION\",\n TIMEOUT_PERFORM_INTERACTION: \"TIMEOUT_PERFORM_INTERACTION\",\n SET_MEDIA_CLOCK_TIMER: \"SET_MEDIA_CLOCK_TIMER\",\n REGISTER_APPLICATION: \"REGISTER_APPLICATION\",\n UNREGISTER_APPLICATION: \"UNREGISTER_APPLICATION\",\n SET_DISPLAY_LAYOUT: \"SET_DISPLAY_LAYOUT\",\n ALERT: \"ALERT\",\n CLOSE_ALERT: \"CLOSE_ALERT\",\n SET_THEME: \"SET_THEME\",\n POLICY_UPDATE: \"POLICY_UPDATE\",\n GET_URLS: \"GET_URLS\",\n UPDATE_COLOR_SCHEME: \"UPDATE_COLOR_SCHEME\",\n SET_APP_IS_CONNECTED: \"SET_APP_IS_CONNECTED\",\n ON_SYSTEM_CAPABILITY_UPDATED: \"ON_SYSTEM_CAPABILITY_UPDATED\",\n ON_APP_SERVICE_DATA: \"ON_APP_SERVICE_DATA\",\n ON_PUT_FILE: \"ON_PUT_FILE\",\n SET_GLOBAL_PROPERTIES: \"SET_GLOBAL_PROPERTIES\"\n};\n\nvar updateAppList = exports.updateAppList = function updateAppList(applications) {\n return {\n type: Actions.UPDATE_APP_LIST,\n appList: applications\n };\n};\n\nvar activateApp = exports.activateApp = function activateApp(appID) {\n return {\n type: Actions.ACTIVATE_APP,\n activeApp: appID\n };\n};\n\nvar deactivateApp = exports.deactivateApp = function deactivateApp(appID) {\n return {\n type: Actions.DEACTIVATE_APP,\n appID: appID\n };\n};\n\nvar show = exports.show = function show(appID, showStrings, graphic, softButtons, secondaryGraphic) {\n return {\n type: Actions.SHOW,\n appID: appID,\n showStrings: showStrings,\n graphic: graphic,\n softButtons: softButtons,\n secondaryGraphic: secondaryGraphic\n };\n};\n\nvar setAppIcon = exports.setAppIcon = function setAppIcon(appID, icon) {\n return {\n type: Actions.SET_APP_ICON,\n appID: appID,\n icon: icon\n };\n};\n\nvar addCommand = exports.addCommand = function addCommand(appID, cmdID, menuParams, cmdIcon) {\n return {\n type: Actions.ADD_COMMAND,\n appID: appID,\n cmdID: cmdID,\n menuParams: menuParams,\n cmdIcon: cmdIcon\n };\n};\n\nvar deleteCommand = exports.deleteCommand = function deleteCommand(appID, cmdID) {\n return {\n type: Actions.DELETE_COMMAND,\n appID: appID,\n cmdID: cmdID\n };\n};\n\nvar addSubMenu = exports.addSubMenu = function addSubMenu(appID, menuID, menuParams, icon, menuLayout) {\n return {\n type: Actions.ADD_SUB_MENU,\n appID: appID,\n menuID: menuID,\n menuParams: menuParams,\n subMenuIcon: icon,\n menuLayout: menuLayout\n };\n};\n\nvar deleteSubMenu = exports.deleteSubMenu = function deleteSubMenu(appID, menuID) {\n return {\n type: Actions.DELETE_SUB_MENU,\n appID: appID,\n menuID: menuID\n };\n};\n\nvar subscribeButton = exports.subscribeButton = function subscribeButton(appID, buttonName, isSubscribed) {\n return {\n type: Actions.SUBSCRIBE_BUTTON,\n appID: appID,\n buttonName: buttonName,\n isSubscribed: isSubscribed\n };\n};\n\nvar activateSubMenu = exports.activateSubMenu = function activateSubMenu(appID, menuID) {\n return {\n type: Actions.ACTIVATE_SUB_MENU,\n menuID: menuID,\n appID: appID\n };\n};\n\nvar deactivateSubMenu = exports.deactivateSubMenu = function deactivateSubMenu(appID) {\n return {\n type: Actions.DEACTIVATE_SUB_MENU,\n appID: appID\n };\n};\n\nvar showAppMenu = exports.showAppMenu = function showAppMenu(appID, menuID) {\n return {\n type: Actions.SHOW_APP_MENU,\n menuID: menuID,\n appID: appID\n };\n};\n\nvar resetShowAppMenu = exports.resetShowAppMenu = function resetShowAppMenu(appID) {\n return {\n type: Actions.RESET_SHOW_APP_MENU,\n appID: appID\n };\n};\n\nvar deactivateInteraction = exports.deactivateInteraction = function deactivateInteraction(appID) {\n return {\n type: Actions.DEACTIVATE_INTERACTION,\n appID: appID\n };\n};\n\nvar performInteraction = exports.performInteraction = function performInteraction(appID, text, choices, layout, msgID, cancelID) {\n return {\n type: Actions.PERFORM_INTERACTION,\n appID: appID,\n text: text,\n choices: choices,\n layout: layout,\n msgID: msgID,\n cancelID: cancelID\n };\n};\n\nvar timeoutPerformInteraction = exports.timeoutPerformInteraction = function timeoutPerformInteraction(msgID, appID) {\n return {\n type: Actions.TIMEOUT_PERFORM_INTERACTION,\n msgID: msgID,\n appID: appID\n };\n};\n\nvar setMediaClockTimer = exports.setMediaClockTimer = function setMediaClockTimer(appID, startTime, endTime, updateMode, audioStreamingIndicator) {\n return {\n type: Actions.SET_MEDIA_CLOCK_TIMER,\n appID: appID,\n startTime: startTime,\n endTime: endTime,\n updateMode: updateMode,\n audioStreamingIndicator: audioStreamingIndicator\n };\n};\n\nvar setDisplayLayout = exports.setDisplayLayout = function setDisplayLayout(displayLayout, appID, dayColorScheme, nightColorScheme) {\n return {\n type: Actions.SET_DISPLAY_LAYOUT,\n displayLayout: displayLayout,\n appID: appID,\n dayColorScheme: dayColorScheme,\n nightColorScheme: nightColorScheme\n };\n};\n\nvar registerApplication = exports.registerApplication = function registerApplication(appID, isMediaApplication) {\n return {\n type: Actions.REGISTER_APPLICATION,\n appID: appID,\n isMediaApplication: isMediaApplication\n };\n};\n\nvar unregisterApplication = exports.unregisterApplication = function unregisterApplication(appID, isUnexpected) {\n return {\n type: Actions.UNREGISTER_APPLICATION,\n appID: appID,\n isUnexpected: isUnexpected\n };\n};\n\nvar alert = exports.alert = function alert(appID, alertStrings, duration, softButtons, alertType, progressIndicator, msgID, icon, cancelID) {\n return {\n type: Actions.ALERT,\n appID: appID,\n alertStrings: alertStrings,\n duration: duration,\n softButtons: softButtons,\n alertType: alertType,\n showProgressIndicator: progressIndicator,\n msgID: msgID,\n icon: icon,\n cancelID: cancelID\n };\n};\n\nvar closeAlert = exports.closeAlert = function closeAlert(msgID, appID) {\n return {\n type: Actions.CLOSE_ALERT,\n msgID: msgID,\n appID: appID\n };\n};\n\nvar setTheme = exports.setTheme = function setTheme(theme) {\n return {\n type: Actions.SET_THEME,\n theme: theme\n };\n};\n\nvar policyUpdate = exports.policyUpdate = function policyUpdate(file, retry, timeout) {\n return {\n type: Actions.POLICY_UPDATE,\n file: file,\n retry: retry,\n timeout: timeout\n };\n};\n\nvar getURLS = exports.getURLS = function getURLS(urls) {\n return {\n type: Actions.GET_URLS,\n urls: urls\n };\n};\n\nvar updateColorScheme = exports.updateColorScheme = function updateColorScheme(appID, dayColorScheme, nightColorScheme) {\n return {\n type: Actions.UPDATE_COLOR_SCHEME,\n dayColorScheme: dayColorScheme,\n nightColorScheme: nightColorScheme,\n appID: appID\n };\n};\n\nvar setAppIsConnected = exports.setAppIsConnected = function setAppIsConnected(appID) {\n return {\n type: Actions.SET_APP_IS_CONNECTED,\n appID: appID\n };\n};\n\nvar onSystemCapabilityUpdated = exports.onSystemCapabilityUpdated = function onSystemCapabilityUpdated(capability) {\n return {\n type: Actions.ON_SYSTEM_CAPABILITY_UPDATED,\n capability: capability\n };\n};\n\nvar onAppServiceData = exports.onAppServiceData = function onAppServiceData(service_data) {\n return {\n type: Actions.ON_APP_SERVICE_DATA,\n serviceData: service_data\n };\n};\n\nvar onPutFile = exports.onPutFile = function onPutFile(appID, fileName, fileType, fileSize, offset, length, isSystemFile, isPersistentFile) {\n return {\n type: Actions.ON_PUT_FILE,\n appID: appID,\n fileName: fileName,\n fileType: fileType,\n fileSize: fileSize,\n offset: offset,\n length: length,\n isSystemFile: isSystemFile,\n isPersistentFile: isPersistentFile\n };\n};\n\nvar setGlobalProperties = exports.setGlobalProperties = function setGlobalProperties(appID, menuLayout) {\n return {\n type: Actions.SET_GLOBAL_PROPERTIES,\n appID: appID,\n menuLayout: menuLayout\n };\n};\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"actions.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/actions.js\n// module id = 601\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/actions.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nvar Actions = exports.Actions = {\n UPDATE_APP_LIST: \"UPDATE_APP_LIST\",\n ACTIVATE_APP: \"ACTIVATE_APP\",\n DEACTIVATE_APP: \"DEACTIVATE_APP\",\n SHOW: \"SHOW\",\n SET_APP_ICON: \"SET_APP_ICON\",\n ADD_COMMAND: \"ADD_COMMAND\",\n DELETE_COMMAND: \"DELETE_COMMAND\",\n ADD_SUB_MENU: \"ADD_SUB_MENU\",\n DELETE_SUB_MENU: \"DELETE_SUB_MENU\",\n SUBSCRIBE_BUTTON: \"SUBSCRIBE_BUTTON\",\n ACTIVATE_SUB_MENU: \"ACTIVATE_SUB_MENU\",\n DEACTIVATE_SUB_MENU: \"DEACTIVATE_SUB_MENU\",\n SHOW_APP_MENU: \"SHOW_APP_MENU\",\n RESET_SHOW_APP_MENU: \"RESET_SHOW_APP_MENU\",\n PERFORM_INTERACTION: \"PERFORM_INTERACTION\",\n DEACTIVATE_INTERACTION: \"DEACTIVATE_INTERACTION\",\n TIMEOUT_PERFORM_INTERACTION: \"TIMEOUT_PERFORM_INTERACTION\",\n SET_MEDIA_CLOCK_TIMER: \"SET_MEDIA_CLOCK_TIMER\",\n REGISTER_APPLICATION: \"REGISTER_APPLICATION\",\n UNREGISTER_APPLICATION: \"UNREGISTER_APPLICATION\",\n SET_DISPLAY_LAYOUT: \"SET_DISPLAY_LAYOUT\",\n ALERT: \"ALERT\",\n CLOSE_ALERT: \"CLOSE_ALERT\",\n SET_THEME: \"SET_THEME\",\n POLICY_UPDATE: \"POLICY_UPDATE\",\n GET_URLS: \"GET_URLS\",\n UPDATE_COLOR_SCHEME: \"UPDATE_COLOR_SCHEME\",\n SET_APP_IS_CONNECTED: \"SET_APP_IS_CONNECTED\",\n ON_SYSTEM_CAPABILITY_UPDATED: \"ON_SYSTEM_CAPABILITY_UPDATED\",\n ON_APP_SERVICE_DATA: \"ON_APP_SERVICE_DATA\",\n ON_PUT_FILE: \"ON_PUT_FILE\",\n SET_GLOBAL_PROPERTIES: \"SET_GLOBAL_PROPERTIES\"\n};\n\nvar updateAppList = exports.updateAppList = function updateAppList(applications) {\n return {\n type: Actions.UPDATE_APP_LIST,\n appList: applications\n };\n};\n\nvar activateApp = exports.activateApp = function activateApp(appID) {\n return {\n type: Actions.ACTIVATE_APP,\n activeApp: appID\n };\n};\n\nvar deactivateApp = exports.deactivateApp = function deactivateApp(appID) {\n return {\n type: Actions.DEACTIVATE_APP,\n appID: appID\n };\n};\n\nvar show = exports.show = function show(appID, showStrings, graphic, softButtons, secondaryGraphic) {\n return {\n type: Actions.SHOW,\n appID: appID,\n showStrings: showStrings,\n graphic: graphic,\n softButtons: softButtons,\n secondaryGraphic: secondaryGraphic\n };\n};\n\nvar setAppIcon = exports.setAppIcon = function setAppIcon(appID, icon) {\n return {\n type: Actions.SET_APP_ICON,\n appID: appID,\n icon: icon\n };\n};\n\nvar addCommand = exports.addCommand = function addCommand(appID, cmdID, menuParams, cmdIcon) {\n return {\n type: Actions.ADD_COMMAND,\n appID: appID,\n cmdID: cmdID,\n menuParams: menuParams,\n cmdIcon: cmdIcon\n };\n};\n\nvar deleteCommand = exports.deleteCommand = function deleteCommand(appID, cmdID) {\n return {\n type: Actions.DELETE_COMMAND,\n appID: appID,\n cmdID: cmdID\n };\n};\n\nvar addSubMenu = exports.addSubMenu = function addSubMenu(appID, menuID, menuParams, icon, menuLayout) {\n return {\n type: Actions.ADD_SUB_MENU,\n appID: appID,\n menuID: menuID,\n menuParams: menuParams,\n subMenuIcon: icon,\n menuLayout: menuLayout\n };\n};\n\nvar deleteSubMenu = exports.deleteSubMenu = function deleteSubMenu(appID, menuID) {\n return {\n type: Actions.DELETE_SUB_MENU,\n appID: appID,\n menuID: menuID\n };\n};\n\nvar subscribeButton = exports.subscribeButton = function subscribeButton(appID, buttonName, isSubscribed) {\n return {\n type: Actions.SUBSCRIBE_BUTTON,\n appID: appID,\n buttonName: buttonName,\n isSubscribed: isSubscribed\n };\n};\n\nvar activateSubMenu = exports.activateSubMenu = function activateSubMenu(appID, menuID) {\n return {\n type: Actions.ACTIVATE_SUB_MENU,\n menuID: menuID,\n appID: appID\n };\n};\n\nvar deactivateSubMenu = exports.deactivateSubMenu = function deactivateSubMenu(appID) {\n return {\n type: Actions.DEACTIVATE_SUB_MENU,\n appID: appID\n };\n};\n\nvar showAppMenu = exports.showAppMenu = function showAppMenu(appID, menuID) {\n return {\n type: Actions.SHOW_APP_MENU,\n menuID: menuID,\n appID: appID\n };\n};\n\nvar resetShowAppMenu = exports.resetShowAppMenu = function resetShowAppMenu(appID) {\n return {\n type: Actions.RESET_SHOW_APP_MENU,\n appID: appID\n };\n};\n\nvar deactivateInteraction = exports.deactivateInteraction = function deactivateInteraction(appID) {\n return {\n type: Actions.DEACTIVATE_INTERACTION,\n appID: appID\n };\n};\n\nvar performInteraction = exports.performInteraction = function performInteraction(appID, text, choices, layout, msgID, cancelID) {\n return {\n type: Actions.PERFORM_INTERACTION,\n appID: appID,\n text: text,\n choices: choices,\n layout: layout,\n msgID: msgID,\n cancelID: cancelID\n };\n};\n\nvar timeoutPerformInteraction = exports.timeoutPerformInteraction = function timeoutPerformInteraction(msgID, appID) {\n return {\n type: Actions.TIMEOUT_PERFORM_INTERACTION,\n msgID: msgID,\n appID: appID\n };\n};\n\nvar setMediaClockTimer = exports.setMediaClockTimer = function setMediaClockTimer(appID, startTime, endTime, updateMode, audioStreamingIndicator) {\n return {\n type: Actions.SET_MEDIA_CLOCK_TIMER,\n appID: appID,\n startTime: startTime,\n endTime: endTime,\n updateMode: updateMode,\n audioStreamingIndicator: audioStreamingIndicator\n };\n};\n\nvar setDisplayLayout = exports.setDisplayLayout = function setDisplayLayout(displayLayout, appID, dayColorScheme, nightColorScheme) {\n return {\n type: Actions.SET_DISPLAY_LAYOUT,\n displayLayout: displayLayout,\n appID: appID,\n dayColorScheme: dayColorScheme,\n nightColorScheme: nightColorScheme\n };\n};\n\nvar registerApplication = exports.registerApplication = function registerApplication(appID, isMediaApplication) {\n return {\n type: Actions.REGISTER_APPLICATION,\n appID: appID,\n isMediaApplication: isMediaApplication\n };\n};\n\nvar unregisterApplication = exports.unregisterApplication = function unregisterApplication(appID, isUnexpected) {\n return {\n type: Actions.UNREGISTER_APPLICATION,\n appID: appID,\n isUnexpected: isUnexpected\n };\n};\n\nvar alert = exports.alert = function alert(appID, alertStrings, duration, softButtons, alertType, progressIndicator, msgID, icon, cancelID) {\n return {\n type: Actions.ALERT,\n appID: appID,\n alertStrings: alertStrings,\n duration: duration,\n softButtons: softButtons,\n alertType: alertType,\n showProgressIndicator: progressIndicator,\n msgID: msgID,\n icon: icon,\n cancelID: cancelID\n };\n};\n\nvar closeAlert = exports.closeAlert = function closeAlert(msgID, appID) {\n return {\n type: Actions.CLOSE_ALERT,\n msgID: msgID,\n appID: appID\n };\n};\n\nvar setTheme = exports.setTheme = function setTheme(theme) {\n return {\n type: Actions.SET_THEME,\n theme: theme\n };\n};\n\nvar policyUpdate = exports.policyUpdate = function policyUpdate(file, retry, timeout) {\n return {\n type: Actions.POLICY_UPDATE,\n file: file,\n retry: retry,\n timeout: timeout\n };\n};\n\nvar getURLS = exports.getURLS = function getURLS(urls) {\n return {\n type: Actions.GET_URLS,\n urls: urls\n };\n};\n\nvar updateColorScheme = exports.updateColorScheme = function updateColorScheme(appID, dayColorScheme, nightColorScheme) {\n return {\n type: Actions.UPDATE_COLOR_SCHEME,\n dayColorScheme: dayColorScheme,\n nightColorScheme: nightColorScheme,\n appID: appID\n };\n};\n\nvar setAppIsConnected = exports.setAppIsConnected = function setAppIsConnected(appID) {\n return {\n type: Actions.SET_APP_IS_CONNECTED,\n appID: appID\n };\n};\n\nvar onSystemCapabilityUpdated = exports.onSystemCapabilityUpdated = function onSystemCapabilityUpdated(capability) {\n return {\n type: Actions.ON_SYSTEM_CAPABILITY_UPDATED,\n capability: capability\n };\n};\n\nvar onAppServiceData = exports.onAppServiceData = function onAppServiceData(service_data) {\n return {\n type: Actions.ON_APP_SERVICE_DATA,\n serviceData: service_data\n };\n};\n\nvar onPutFile = exports.onPutFile = function onPutFile(appID, fileName, fileType, fileSize, offset, length, isSystemFile, isPersistentFile) {\n return {\n type: Actions.ON_PUT_FILE,\n appID: appID,\n fileName: fileName,\n fileType: fileType,\n fileSize: fileSize,\n offset: offset,\n length: length,\n isSystemFile: isSystemFile,\n isPersistentFile: isPersistentFile\n };\n};\n\nvar setGlobalProperties = exports.setGlobalProperties = function setGlobalProperties(appID, menuLayout) {\n return {\n type: Actions.SET_GLOBAL_PROPERTIES,\n appID: appID,\n menuLayout: menuLayout\n };\n};\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"actions.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/actions.js\n// module id = 601\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/actions.js?"); /***/ }), /* 602 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _redux = __webpack_require__(71);\n\nvar _reducers = __webpack_require__(603);\n\nvar store = (0, _redux.createStore)(_reducers.hmi);\nexports.default = store;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"store.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/store.js\n// module id = 602\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/store.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _redux = __webpack_require__(71);\n\nvar _reducers = __webpack_require__(603);\n\nvar store = (0, _redux.createStore)(_reducers.hmi);\nexports.default = store;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"store.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/store.js\n// module id = 602\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/store.js?"); /***/ }), /* 603 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.hmi = undefined;\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _redux = __webpack_require__(71);\n\nvar _actions = __webpack_require__(601);\n\n__webpack_require__(604);\n\nfunction newAppState() {\n return {\n showStrings: {},\n graphic: null,\n secondaryGraphic: null,\n softButtons: [],\n icon: null,\n menu: [],\n triggerShowAppMenu: false,\n activeSubMenu: null,\n menuLayout: \"LIST\",\n subscribedButtons: {},\n isPerformingInteraction: false,\n interactionText: \"\",\n choices: [],\n startTime: null,\n endTime: {\n hours: 0,\n minutes: 0,\n seconds: 0\n },\n updateMode: \"CLEAR\",\n updateTime: new Date().getTime(),\n pauseTime: new Date().getTime(),\n isDisconnected: false,\n displayLayout: null,\n alert: {\n showAlert: false,\n alertStrings: [],\n duration: null,\n softButtons: [],\n alertType: null,\n showProgressIndicator: null,\n msgID: null\n },\n dayColorScheme: null,\n nightColorScheme: null\n };\n}\n\nfunction theme() {\n var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;\n var action = arguments[1];\n\n switch (action.type) {\n case _actions.Actions.SET_THEME:\n return action.theme;\n break;\n default:\n return state;\n }\n}\n\nfunction appList() {\n var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n var action = arguments[1];\n\n switch (action.type) {\n case _actions.Actions.UPDATE_APP_LIST:\n return action.appList;\n case _actions.Actions.SET_APP_ICON:\n var newState = state.map(function (app, index) {\n if (app.appID === action.appID) {\n return _extends({}, app, { icon: action.icon.value });\n } else {\n return _extends({}, app);\n }\n });\n return newState;\n default:\n return state;\n }\n}\n\nfunction systemCapability() {\n var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var action = arguments[1];\n\n switch (action.type) {\n case _actions.Actions.ON_SYSTEM_CAPABILITY_UPDATED:\n var newState = _extends({}, state);\n var type = action.capability.systemCapabilityType;\n var capability = {};\n if (type === \"NAVIGATION\") {\n capability = action.capability.navigationCapability;\n } else if (type === \"PHONE_CALL\") {\n capability = action.capability.phoneCapability;\n } else if (type === \"VIDEO_STREAMING\") {\n capability = action.capability.videoStreamingCapability;\n } else if (type === \"REMOTE_CONTROL\") {\n capability = action.capability.remoteControlCapability;\n } else if (type === \"APP_SERVICES\") {\n capability = action.capability.appServicesCapabilities;\n }\n newState[type] = capability;\n return newState;\n default:\n return state;\n }\n}\n\nfunction parseActionBearing(action, bearing) {\n var result = null;\n var simpleBearing = \"\";\n if (bearing === 0) {\n simpleBearing = \"Straight\";\n } else if (bearing < 45 && bearing > 0) {\n simpleBearing = \"Slight Right\";\n } else if (bearing < 180 && bearing > 135) {\n simpleBearing = \"Sharp Right\";\n } else if (bearing <= 135 && bearing >= 45) {\n simpleBearing = \"Right\";\n } else if (bearing === 180) {\n simpleBearing = \"U-Turn\";\n } else if (bearing <= 359 && bearing > 315) {\n simpleBearing = \"Slight Left\";\n } else if (bearing < 270 && bearing > 180) {\n simpleBearing = \"Sharp Left\";\n } else if (bearing <= 315 && bearing >= 225) {\n simpleBearing = \"Right\";\n }\n\n if (action.length !== 0) {\n action = action.charAt(0).toUpperCase() + action.slice(1).toLowerCase();\n result = action;\n }\n if (simpleBearing.length !== 0) {\n if (result) {\n result += \" \" + simpleBearing;\n } else {\n result = simpleBearing;\n }\n }\n\n if (result === \"Turn U-Turn\") {\n // Exception case for U-turns\n result = \"Make U-Turn\";\n }\n\n return result;\n}\n\nfunction parseNavDistance(distance) {\n var gt0 = distance > 0;\n var parsedDistance = distance.toFixed(1);\n if (gt0 && parsedDistance == 0) {\n return \"<0.1\";\n }\n if (parsedDistance > 0 && parsedDistance < 10) {\n return parsedDistance.toString();\n }\n if (parsedDistance > 10) {\n return parsedDistance.toFixed(0).toString();\n }\n return \"0\";\n}\n\nfunction parseNavData(data) {\n var pData = {\n location: null,\n actionBearing: null,\n distance: null,\n nextActionBearing: null,\n image: null\n };\n\n if (data.instructions && data.instructions[0]) {\n // Location Details is mandatory\n var instruction = data.instructions[0];\n\n // Parse first address line\n var locationDetails = instruction.locationDetails;\n var addressLines = locationDetails.addressLines;\n pData.location = addressLines && addressLines[0] ? addressLines[0] : null;\n\n // Parse Action + Bearing\n var bearing = instruction.bearing ? instruction.bearing : \"\";\n var action = instruction.action ? instruction.action : \"\";\n pData.actionBearing = parseActionBearing(action, bearing);\n\n // Parse Distance\n pData.distance = data.nextInstructionDistance ? parseNavDistance(data.nextInstructionDistance) : null;\n\n // Parse Image\n pData.image = instruction.image ? instruction.image : null;\n\n // Parse Next Action Bearing and Distance\n if (data.instructions[1]) {\n var nextInstruction = data.instructions[1];\n var nextAction = nextInstruction.action ? nextInstruction.action : \"\";\n var nextBearing = nextInstruction.bearing ? nextInstruction.bearing : \"\";\n var nextActionBearing = parseActionBearing(nextAction, nextBearing);\n if (nextActionBearing && nextActionBearing.length !== 0) {\n pData.nextActionBearing = \"Then \" + nextActionBearing;\n }\n } else {\n // No more instructions assume arrived at destination\n pData.nextActionBearing = \"Then Arrive At Destination\";\n }\n }\n return pData;\n}\n\nfunction appServiceData() {\n var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var action = arguments[1];\n\n switch (action.type) {\n case _actions.Actions.ON_APP_SERVICE_DATA:\n var newState = _extends({}, state);\n var data = action.serviceData;\n var type = data.serviceType;\n var serviceID = data.serviceID;\n data = type === \"MEDIA\" ? data.mediaServiceData : type === \"NAVIGATION\" ? parseNavData(data.navigationServiceData) : type === \"WEATHER\" ? data.weatherServiceData : null;\n\n data.serviceType = type;\n\n newState[serviceID] = newState[serviceID] ? _extends({}, newState[serviceID], data) : _extends({}, data);\n return newState;\n default:\n return state;\n }\n}\n\nfunction activeApp() {\n var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;\n var action = arguments[1];\n\n switch (action.type) {\n case _actions.Actions.ACTIVATE_APP:\n return action.activeApp;\n case _actions.Actions.DEACTIVATE_APP:\n return action.appID == state ? null : state;\n default:\n return state;\n }\n}\nfunction deleteCommand(commands, cmdID) {\n for (var i = 0; i < commands.length; i++) {\n if (commands[i].cmdID === cmdID) {\n commands.splice(i, 1);\n return commands;\n } else if (commands[i].subMenu) {\n commands[i].subMenu = deleteCommand(commands[i].subMenu, cmdID);\n }\n }\n return commands;\n}\nfunction ui() {\n var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var action = arguments[1];\n\n switch (action.type) {\n case _actions.Actions.SHOW:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n newState[action.appID] = app;\n if (action.showStrings && action.showStrings.length > 0) {\n for (var i = 0; i < action.showStrings.length; i++) {\n var fieldName = action.showStrings[i].fieldName;\n var fieldText = action.showStrings[i].fieldText;\n app.showStrings[fieldName] = fieldText;\n }\n }\n if (action.graphic) {\n app.graphic = action.graphic;\n }\n if (action.secondaryGraphic) {\n app.secondaryGraphic = action.secondaryGraphic;\n }\n if (action.softButtons) {\n app.softButtons = action.softButtons;\n }\n return newState;\n case _actions.Actions.SET_APP_ICON:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n newState[action.appID] = app;\n app.icon = action.icon;\n return newState;\n case _actions.Actions.ADD_COMMAND:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n newState[action.appID] = app;\n var menu = app.menu;\n var menuParams = action.menuParams;\n var cmdID = action.cmdID;\n var cmdIcon = action.cmdIcon;\n var menuItem = {\n cmdID: cmdID,\n parentID: menuParams.parentID,\n position: menuParams.position,\n menuName: menuParams.menuName,\n cmdIcon: cmdIcon\n };\n if (menuParams.parentID) {\n var subMenu = menu.find(function (command) {\n return command.menuID === menuParams.parentID;\n });\n menuParams.position || menuParams.position === 0 ? subMenu.subMenu.splice(menuParams.position, 0, menuItem) : subMenu.subMenu.push(menuItem);\n } else {\n menuParams.position || menuParams.position === 0 ? menu.splice(menuParams.position, 0, menuItem) : menu.push(menuItem);\n }\n return newState;\n case _actions.Actions.DELETE_COMMAND:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n newState[action.appID] = app;\n app.menu = deleteCommand(app.menu, action.cmdID);\n return newState;\n case _actions.Actions.ADD_SUB_MENU:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n newState[action.appID] = app;\n var menu = app.menu;\n var position = action.menuParams.position;\n var menuItem = {\n menuID: action.menuID,\n parentID: action.menuParams.parentID,\n position: action.menuParams.position,\n menuName: action.menuParams.menuName,\n cmdIcon: action.subMenuIcon,\n subMenu: [],\n menuLayout: action.menuLayout ? action.menuLayout : app.menuLayout\n };\n position || position === 0 ? menu.splice(position, 0, menuItem) : menu.push(menuItem);\n return newState;\n case _actions.Actions.DELETE_SUB_MENU:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n newState[action.appID] = app;\n var menu = app.menu;\n var i = menu.findIndex(function (command) {\n return command.menuID === action.menuID;\n });\n menu.splice(i, 1);\n return newState;\n case _actions.Actions.SHOW_APP_MENU:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n app.triggerShowAppMenu = true;\n // If action has menuID, activate submenu otherwise deactivate sub menu\n app.activeSubMenu = action.menuID ? action.menuID : null;\n newState[action.appID] = app;\n return newState;\n case _actions.Actions.SUBSCRIBE_BUTTON:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n newState[action.appID] = app;\n var buttons = app.subscribedButtons;\n buttons[action.buttonName] = action.isSubscribed;\n return newState;\n case _actions.Actions.ACTIVATE_SUB_MENU:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n newState[action.appID] = app;\n app.activeSubMenu = action.menuID;\n return newState;\n case _actions.Actions.DEACTIVATE_SUB_MENU:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n newState[action.appID] = app;\n app.activeSubMenu = null;\n return newState;\n case _actions.Actions.PERFORM_INTERACTION:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n app.isPerformingInteraction = true;\n app.interactionText = action.text;\n app.choices = action.choices;\n app.interactionId = action.msgID;\n app.interactionCancelId = action.cancelID;\n return newState;\n case _actions.Actions.DEACTIVATE_INTERACTION:\n case _actions.Actions.TIMEOUT_PERFORM_INTERACTION:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n app.isPerformingInteraction = false;\n app.interactionText = \"\";\n app.choices = [];\n return newState;\n case _actions.Actions.SET_MEDIA_CLOCK_TIMER:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n if (action.startTime) {\n app.startTime = action.startTime;\n }\n if (action.endTime) {\n app.endTime = action.endTime;\n }\n if (action.updateMode === \"COUNTUP\") {\n app.updateTime = new Date().getTime();\n } else if (action.updateMode === \"PAUSE\" && action.startTime) {\n app.pauseTime = new Date().getTime();\n app.updateTime = app.pauseTime;\n } else if (action.updateMode === \"PAUSE\") {\n app.pauseTime = new Date().getTime();\n } else if (action.updateMode === \"RESUME\") {\n var now = new Date().getTime();\n app.updateTime = app.updateTime + now - app.pauseTime;\n } else if (action.updateMode === \"CLEAR\") {\n app.updateTime = new Date().getTime();\n }\n app.updateMode = action.updateMode;\n if (action.audioStreamingIndicator) {\n app.audioStreamingIndicator = action.audioStreamingIndicator;\n }\n return newState;\n case _actions.Actions.SET_DISPLAY_LAYOUT:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n switch (action.displayLayout) {\n case \"DEFAULT\":\n app.displayLayout = \"media\";\n break;\n case \"MEDIA\":\n app.displayLayout = \"media\";\n break;\n case \"NON-MEDIA\":\n app.displayLayout = \"nonmedia\";\n break;\n case \"LARGE_GRAPHIC_ONLY\":\n app.displayLayout = \"large-graphic-only\";\n break;\n case \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\":\n app.displayLayout = \"large-graphic-with-softbuttons\";\n break;\n case \"GRAPHIC_WITH_TEXTBUTTONS\":\n app.displayLayout = \"graphic-with-text-buttons\";\n break;\n case \"TEXTBUTTONS_WITH_GRAPHIC\":\n app.displayLayout = \"text-buttons-with-graphic\";\n break;\n case \"TEXTBUTTONS_ONLY\":\n app.displayLayout = \"text-buttons-only\";\n break;\n case \"TILES_ONLY\":\n app.displayLayout = \"tiles-only\";\n break;\n case \"TEXT_WITH_GRAPHIC\":\n app.displayLayout = \"text-with-graphic\";\n break;\n case \"GRAPHIC_WITH_TEXT\":\n app.displayLayout = \"graphic-with-text\";\n break;\n case \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\":\n app.displayLayout = \"double-graphic-with-softbuttons\";\n break;\n default:\n break;\n }\n if (action.dayColorScheme) {\n app.dayColorScheme = action.dayColorScheme;\n }\n\n if (action.nightColorScheme) {\n app.nightColorScheme = action.nightColorScheme;\n }\n return newState;\n case _actions.Actions.REGISTER_APPLICATION:\n var newState = _extends({}, state);\n if (!newState[action.appID]) {\n newState[action.appID] = newAppState();\n }\n var app = newState[action.appID];\n if (app.displayLayout == null) {\n app.displayLayout = action.isMediaApplication ? \"media\" : \"nonmedia\";\n }\n return newState;\n case _actions.Actions.UNREGISTER_APPLICATION:\n var newState = _extends({}, state);\n if (newState[action.appID]) {\n delete newState[action.appID];\n }\n return newState;\n case _actions.Actions.ALERT:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n app.alert.showAlert = true;\n app.alert.alertStrings = action.alertStrings;\n app.alert.duration = action.duration;\n app.alert.softButtons = action.softButtons;\n app.alert.alertType = action.alertType;\n app.alert.showProgressIndicator = action.showProgressIndicator;\n app.alert.msgID = action.msgID;\n app.alert.icon = action.icon;\n app.alert.cancelID = action.cancelID;\n return newState;\n case _actions.Actions.CLOSE_ALERT:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n app.alert = {\n showAlert: false,\n alertStrings: [],\n duration: null,\n softButtons: [],\n alertType: null,\n showProgressIndicator: null,\n msgID: null\n };\n return newState;\n case _actions.Actions.UPDATE_COLOR_SCHEME:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n if (action.dayColorScheme) {\n app.dayColorScheme = action.dayColorScheme;\n }\n\n if (action.nightColorScheme) {\n app.nightColorScheme = action.nightColorScheme;\n }\n return newState;\n case _actions.Actions.SET_APP_IS_CONNECTED:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n app.isDisconnected = false;\n return newState;\n case _actions.Actions.ON_PUT_FILE:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n return newState;\n case _actions.Actions.RESET_SHOW_APP_MENU:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n app.triggerShowAppMenu = false;\n newState[action.appID] = app;\n return newState;\n case _actions.Actions.SET_GLOBAL_PROPERTIES:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n if (action.menuLayout && action.menuLayout.length) {\n app.menuLayout = action.menuLayout;\n }\n newState[action.appID] = app;\n return newState;\n default:\n return state;\n }\n}\n\nfunction system() {\n var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var action = arguments[1];\n\n switch (action.type) {\n case _actions.Actions.POLICY_UPDATE:\n var newState = _extends({}, state);\n newState.policyFile = action.file;\n newState.policyRetry = action.retry;\n newState.policyTimeout = action.timeout;\n return newState;\n case _actions.Actions.GET_URLS:\n var newState = _extends({}, state);\n newState.urls = action.urls;\n return newState;\n default:\n return state;\n\n }\n}\n\nvar hmi = exports.hmi = (0, _redux.combineReducers)({\n theme: theme,\n appList: appList,\n appServiceData: appServiceData,\n activeApp: activeApp,\n ui: ui,\n system: system,\n systemCapability: systemCapability\n});\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"reducers.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/reducers.js\n// module id = 603\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/reducers.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.hmi = undefined;\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _redux = __webpack_require__(71);\n\nvar _actions = __webpack_require__(601);\n\n__webpack_require__(604);\n\nfunction newAppState() {\n return {\n showStrings: {},\n graphic: null,\n secondaryGraphic: null,\n softButtons: [],\n icon: null,\n menu: [],\n triggerShowAppMenu: false,\n activeSubMenu: null,\n menuLayout: \"LIST\",\n subscribedButtons: {},\n isPerformingInteraction: false,\n interactionText: \"\",\n choices: [],\n startTime: null,\n endTime: {\n hours: 0,\n minutes: 0,\n seconds: 0\n },\n updateMode: \"CLEAR\",\n updateTime: new Date().getTime(),\n pauseTime: new Date().getTime(),\n isDisconnected: false,\n displayLayout: null,\n alert: {\n showAlert: false,\n alertStrings: [],\n duration: null,\n softButtons: [],\n alertType: null,\n showProgressIndicator: null,\n msgID: null\n },\n dayColorScheme: null,\n nightColorScheme: null\n };\n}\n\nfunction theme() {\n var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;\n var action = arguments[1];\n\n switch (action.type) {\n case _actions.Actions.SET_THEME:\n return action.theme;\n break;\n default:\n return state;\n }\n}\n\nfunction appList() {\n var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n var action = arguments[1];\n\n switch (action.type) {\n case _actions.Actions.UPDATE_APP_LIST:\n return action.appList;\n case _actions.Actions.SET_APP_ICON:\n var newState = state.map(function (app, index) {\n if (app.appID === action.appID) {\n return _extends({}, app, { icon: action.icon.value });\n } else {\n return _extends({}, app);\n }\n });\n return newState;\n default:\n return state;\n }\n}\n\nfunction systemCapability() {\n var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var action = arguments[1];\n\n switch (action.type) {\n case _actions.Actions.ON_SYSTEM_CAPABILITY_UPDATED:\n var newState = _extends({}, state);\n var type = action.capability.systemCapabilityType;\n var capability = {};\n if (type === \"NAVIGATION\") {\n capability = action.capability.navigationCapability;\n } else if (type === \"PHONE_CALL\") {\n capability = action.capability.phoneCapability;\n } else if (type === \"VIDEO_STREAMING\") {\n capability = action.capability.videoStreamingCapability;\n } else if (type === \"REMOTE_CONTROL\") {\n capability = action.capability.remoteControlCapability;\n } else if (type === \"APP_SERVICES\") {\n capability = action.capability.appServicesCapabilities;\n }\n newState[type] = capability;\n return newState;\n default:\n return state;\n }\n}\n\nfunction parseActionBearing(action, bearing) {\n var result = null;\n var simpleBearing = \"\";\n if (bearing === 0) {\n simpleBearing = \"Straight\";\n } else if (bearing < 45 && bearing > 0) {\n simpleBearing = \"Slight Right\";\n } else if (bearing < 180 && bearing > 135) {\n simpleBearing = \"Sharp Right\";\n } else if (bearing <= 135 && bearing >= 45) {\n simpleBearing = \"Right\";\n } else if (bearing === 180) {\n simpleBearing = \"U-Turn\";\n } else if (bearing <= 359 && bearing > 315) {\n simpleBearing = \"Slight Left\";\n } else if (bearing < 270 && bearing > 180) {\n simpleBearing = \"Sharp Left\";\n } else if (bearing <= 315 && bearing >= 225) {\n simpleBearing = \"Right\";\n }\n\n if (action.length !== 0) {\n action = action.charAt(0).toUpperCase() + action.slice(1).toLowerCase();\n result = action;\n }\n if (simpleBearing.length !== 0) {\n if (result) {\n result += \" \" + simpleBearing;\n } else {\n result = simpleBearing;\n }\n }\n\n if (result === \"Turn U-Turn\") {\n // Exception case for U-turns\n result = \"Make U-Turn\";\n }\n\n return result;\n}\n\nfunction parseNavDistance(distance) {\n var gt0 = distance > 0;\n var parsedDistance = distance.toFixed(1);\n if (gt0 && parsedDistance == 0) {\n return \"<0.1\";\n }\n if (parsedDistance > 0 && parsedDistance < 10) {\n return parsedDistance.toString();\n }\n if (parsedDistance > 10) {\n return parsedDistance.toFixed(0).toString();\n }\n return \"0\";\n}\n\nfunction parseNavData(data) {\n var pData = {\n location: null,\n actionBearing: null,\n distance: null,\n nextActionBearing: null,\n image: null\n };\n\n if (data.instructions && data.instructions[0]) {\n // Location Details is mandatory\n var instruction = data.instructions[0];\n\n // Parse first address line\n var locationDetails = instruction.locationDetails;\n var addressLines = locationDetails.addressLines;\n pData.location = addressLines && addressLines[0] ? addressLines[0] : null;\n\n // Parse Action + Bearing\n var bearing = instruction.bearing ? instruction.bearing : \"\";\n var action = instruction.action ? instruction.action : \"\";\n pData.actionBearing = parseActionBearing(action, bearing);\n\n // Parse Distance\n pData.distance = data.nextInstructionDistance ? parseNavDistance(data.nextInstructionDistance) : null;\n\n // Parse Image\n pData.image = instruction.image ? instruction.image : null;\n\n // Parse Next Action Bearing and Distance\n if (data.instructions[1]) {\n var nextInstruction = data.instructions[1];\n var nextAction = nextInstruction.action ? nextInstruction.action : \"\";\n var nextBearing = nextInstruction.bearing ? nextInstruction.bearing : \"\";\n var nextActionBearing = parseActionBearing(nextAction, nextBearing);\n if (nextActionBearing && nextActionBearing.length !== 0) {\n pData.nextActionBearing = \"Then \" + nextActionBearing;\n }\n } else {\n // No more instructions assume arrived at destination\n pData.nextActionBearing = \"Then Arrive At Destination\";\n }\n }\n return pData;\n}\n\nfunction appServiceData() {\n var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var action = arguments[1];\n\n switch (action.type) {\n case _actions.Actions.ON_APP_SERVICE_DATA:\n var newState = _extends({}, state);\n var data = action.serviceData;\n var type = data.serviceType;\n var serviceID = data.serviceID;\n data = type === \"MEDIA\" ? data.mediaServiceData : type === \"NAVIGATION\" ? parseNavData(data.navigationServiceData) : type === \"WEATHER\" ? data.weatherServiceData : null;\n\n data.serviceType = type;\n\n newState[serviceID] = newState[serviceID] ? _extends({}, newState[serviceID], data) : _extends({}, data);\n return newState;\n default:\n return state;\n }\n}\n\nfunction activeApp() {\n var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;\n var action = arguments[1];\n\n switch (action.type) {\n case _actions.Actions.ACTIVATE_APP:\n return action.activeApp;\n case _actions.Actions.DEACTIVATE_APP:\n return action.appID == state ? null : state;\n default:\n return state;\n }\n}\nfunction deleteCommand(commands, cmdID) {\n for (var i = 0; i < commands.length; i++) {\n if (commands[i].cmdID === cmdID) {\n commands.splice(i, 1);\n return commands;\n } else if (commands[i].subMenu) {\n commands[i].subMenu = deleteCommand(commands[i].subMenu, cmdID);\n }\n }\n return commands;\n}\nfunction ui() {\n var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var action = arguments[1];\n\n switch (action.type) {\n case _actions.Actions.SHOW:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n newState[action.appID] = app;\n if (action.showStrings && action.showStrings.length > 0) {\n for (var i = 0; i < action.showStrings.length; i++) {\n var fieldName = action.showStrings[i].fieldName;\n var fieldText = action.showStrings[i].fieldText;\n app.showStrings[fieldName] = fieldText;\n }\n }\n if (action.graphic) {\n app.graphic = action.graphic;\n }\n if (action.secondaryGraphic) {\n app.secondaryGraphic = action.secondaryGraphic;\n }\n if (action.softButtons) {\n app.softButtons = action.softButtons;\n }\n return newState;\n case _actions.Actions.SET_APP_ICON:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n newState[action.appID] = app;\n app.icon = action.icon;\n return newState;\n case _actions.Actions.ADD_COMMAND:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n newState[action.appID] = app;\n var menu = app.menu;\n var menuParams = action.menuParams;\n var cmdID = action.cmdID;\n var cmdIcon = action.cmdIcon;\n var menuItem = {\n cmdID: cmdID,\n parentID: menuParams.parentID,\n position: menuParams.position,\n menuName: menuParams.menuName,\n cmdIcon: cmdIcon\n };\n if (menuParams.parentID) {\n var subMenu = menu.find(function (command) {\n return command.menuID === menuParams.parentID;\n });\n menuParams.position || menuParams.position === 0 ? subMenu.subMenu.splice(menuParams.position, 0, menuItem) : subMenu.subMenu.push(menuItem);\n } else {\n menuParams.position || menuParams.position === 0 ? menu.splice(menuParams.position, 0, menuItem) : menu.push(menuItem);\n }\n return newState;\n case _actions.Actions.DELETE_COMMAND:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n newState[action.appID] = app;\n app.menu = deleteCommand(app.menu, action.cmdID);\n return newState;\n case _actions.Actions.ADD_SUB_MENU:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n newState[action.appID] = app;\n var menu = app.menu;\n var position = action.menuParams.position;\n var menuItem = {\n menuID: action.menuID,\n parentID: action.menuParams.parentID,\n position: action.menuParams.position,\n menuName: action.menuParams.menuName,\n cmdIcon: action.subMenuIcon,\n subMenu: [],\n menuLayout: action.menuLayout ? action.menuLayout : app.menuLayout\n };\n position || position === 0 ? menu.splice(position, 0, menuItem) : menu.push(menuItem);\n return newState;\n case _actions.Actions.DELETE_SUB_MENU:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n newState[action.appID] = app;\n var menu = app.menu;\n var i = menu.findIndex(function (command) {\n return command.menuID === action.menuID;\n });\n menu.splice(i, 1);\n return newState;\n case _actions.Actions.SHOW_APP_MENU:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n app.triggerShowAppMenu = true;\n // If action has menuID, activate submenu otherwise deactivate sub menu\n app.activeSubMenu = action.menuID ? action.menuID : null;\n newState[action.appID] = app;\n return newState;\n case _actions.Actions.SUBSCRIBE_BUTTON:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n newState[action.appID] = app;\n var buttons = app.subscribedButtons;\n buttons[action.buttonName] = action.isSubscribed;\n return newState;\n case _actions.Actions.ACTIVATE_SUB_MENU:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n newState[action.appID] = app;\n app.activeSubMenu = action.menuID;\n return newState;\n case _actions.Actions.DEACTIVATE_SUB_MENU:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n newState[action.appID] = app;\n app.activeSubMenu = null;\n return newState;\n case _actions.Actions.PERFORM_INTERACTION:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n app.isPerformingInteraction = true;\n app.interactionText = action.text;\n app.choices = action.choices;\n app.interactionId = action.msgID;\n app.interactionCancelId = action.cancelID;\n return newState;\n case _actions.Actions.DEACTIVATE_INTERACTION:\n case _actions.Actions.TIMEOUT_PERFORM_INTERACTION:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n app.isPerformingInteraction = false;\n app.interactionText = \"\";\n app.choices = [];\n return newState;\n case _actions.Actions.SET_MEDIA_CLOCK_TIMER:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n if (action.startTime) {\n app.startTime = action.startTime;\n }\n if (action.endTime) {\n app.endTime = action.endTime;\n }\n if (action.updateMode === \"COUNTUP\") {\n app.updateTime = new Date().getTime();\n } else if (action.updateMode === \"PAUSE\" && action.startTime) {\n app.pauseTime = new Date().getTime();\n app.updateTime = app.pauseTime;\n } else if (action.updateMode === \"PAUSE\") {\n app.pauseTime = new Date().getTime();\n } else if (action.updateMode === \"RESUME\") {\n var now = new Date().getTime();\n app.updateTime = app.updateTime + now - app.pauseTime;\n } else if (action.updateMode === \"CLEAR\") {\n app.updateTime = new Date().getTime();\n }\n app.updateMode = action.updateMode;\n if (action.audioStreamingIndicator) {\n app.audioStreamingIndicator = action.audioStreamingIndicator;\n }\n return newState;\n case _actions.Actions.SET_DISPLAY_LAYOUT:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n switch (action.displayLayout) {\n case \"DEFAULT\":\n app.displayLayout = \"media\";\n break;\n case \"MEDIA\":\n app.displayLayout = \"media\";\n break;\n case \"NON-MEDIA\":\n app.displayLayout = \"nonmedia\";\n break;\n case \"LARGE_GRAPHIC_ONLY\":\n app.displayLayout = \"large-graphic-only\";\n break;\n case \"LARGE_GRAPHIC_WITH_SOFTBUTTONS\":\n app.displayLayout = \"large-graphic-with-softbuttons\";\n break;\n case \"GRAPHIC_WITH_TEXTBUTTONS\":\n app.displayLayout = \"graphic-with-text-buttons\";\n break;\n case \"TEXTBUTTONS_WITH_GRAPHIC\":\n app.displayLayout = \"text-buttons-with-graphic\";\n break;\n case \"TEXTBUTTONS_ONLY\":\n app.displayLayout = \"text-buttons-only\";\n break;\n case \"TILES_ONLY\":\n app.displayLayout = \"tiles-only\";\n break;\n case \"TEXT_WITH_GRAPHIC\":\n app.displayLayout = \"text-with-graphic\";\n break;\n case \"GRAPHIC_WITH_TEXT\":\n app.displayLayout = \"graphic-with-text\";\n break;\n case \"DOUBLE_GRAPHIC_WITH_SOFTBUTTONS\":\n app.displayLayout = \"double-graphic-with-softbuttons\";\n break;\n default:\n break;\n }\n if (action.dayColorScheme) {\n app.dayColorScheme = action.dayColorScheme;\n }\n\n if (action.nightColorScheme) {\n app.nightColorScheme = action.nightColorScheme;\n }\n return newState;\n case _actions.Actions.REGISTER_APPLICATION:\n var newState = _extends({}, state);\n if (!newState[action.appID]) {\n newState[action.appID] = newAppState();\n }\n var app = newState[action.appID];\n if (app.displayLayout == null) {\n app.displayLayout = action.isMediaApplication ? \"media\" : \"nonmedia\";\n }\n return newState;\n case _actions.Actions.UNREGISTER_APPLICATION:\n var newState = _extends({}, state);\n if (newState[action.appID]) {\n delete newState[action.appID];\n }\n return newState;\n case _actions.Actions.ALERT:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n app.alert.showAlert = true;\n app.alert.alertStrings = action.alertStrings;\n app.alert.duration = action.duration;\n app.alert.softButtons = action.softButtons;\n app.alert.alertType = action.alertType;\n app.alert.showProgressIndicator = action.showProgressIndicator;\n app.alert.msgID = action.msgID;\n app.alert.icon = action.icon;\n app.alert.cancelID = action.cancelID;\n return newState;\n case _actions.Actions.CLOSE_ALERT:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n app.alert = {\n showAlert: false,\n alertStrings: [],\n duration: null,\n softButtons: [],\n alertType: null,\n showProgressIndicator: null,\n msgID: null\n };\n return newState;\n case _actions.Actions.UPDATE_COLOR_SCHEME:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n if (action.dayColorScheme) {\n app.dayColorScheme = action.dayColorScheme;\n }\n\n if (action.nightColorScheme) {\n app.nightColorScheme = action.nightColorScheme;\n }\n return newState;\n case _actions.Actions.SET_APP_IS_CONNECTED:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n app.isDisconnected = false;\n return newState;\n case _actions.Actions.ON_PUT_FILE:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n return newState;\n case _actions.Actions.RESET_SHOW_APP_MENU:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n app.triggerShowAppMenu = false;\n newState[action.appID] = app;\n return newState;\n case _actions.Actions.SET_GLOBAL_PROPERTIES:\n var newState = _extends({}, state);\n var app = newState[action.appID] ? newState[action.appID] : newAppState();\n if (action.menuLayout && action.menuLayout.length) {\n app.menuLayout = action.menuLayout;\n }\n newState[action.appID] = app;\n return newState;\n default:\n return state;\n }\n}\n\nfunction system() {\n var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var action = arguments[1];\n\n switch (action.type) {\n case _actions.Actions.POLICY_UPDATE:\n var newState = _extends({}, state);\n newState.policyFile = action.file;\n newState.policyRetry = action.retry;\n newState.policyTimeout = action.timeout;\n return newState;\n case _actions.Actions.GET_URLS:\n var newState = _extends({}, state);\n newState.urls = action.urls;\n return newState;\n default:\n return state;\n\n }\n}\n\nvar hmi = exports.hmi = (0, _redux.combineReducers)({\n theme: theme,\n appList: appList,\n appServiceData: appServiceData,\n activeApp: activeApp,\n ui: ui,\n system: system,\n systemCapability: systemCapability\n});\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"reducers.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/reducers.js\n// module id = 603\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/reducers.js?"); /***/ }), /* 604 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nif (!Array.prototype.find) {\n Array.prototype.find = function (predicate) {\n 'use strict';\n\n if (this == null) {\n throw new TypeError('Array.prototype.find called on null or undefined');\n }\n if (typeof predicate !== 'function') {\n throw new TypeError('predicate must be a function');\n }\n var list = Object(this);\n var length = list.length >>> 0;\n var thisArg = arguments[1];\n var value;\n\n for (var i = 0; i < length; i++) {\n value = list[i];\n if (predicate.call(thisArg, value, i, list)) {\n return value;\n }\n }\n return undefined;\n };\n}\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"polyfill_find.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/polyfill_find.js\n// module id = 604\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/polyfill_find.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nif (!Array.prototype.find) {\n Array.prototype.find = function (predicate) {\n 'use strict';\n\n if (this == null) {\n throw new TypeError('Array.prototype.find called on null or undefined');\n }\n if (typeof predicate !== 'function') {\n throw new TypeError('predicate must be a function');\n }\n var list = Object(this);\n var length = list.length >>> 0;\n var thisArg = arguments[1];\n var value;\n\n for (var i = 0; i < length; i++) {\n value = list[i];\n if (predicate.call(thisArg, value, i, list)) {\n return value;\n }\n }\n return undefined;\n };\n}\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"polyfill_find.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/polyfill_find.js\n// module id = 604\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/polyfill_find.js?"); /***/ }), /* 605 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _RpcFactory = __webpack_require__(599);\n\nvar _RpcFactory2 = _interopRequireDefault(_RpcFactory);\n\nvar _store = __webpack_require__(602);\n\nvar _store2 = _interopRequireDefault(_store);\n\nvar _actions = __webpack_require__(601);\n\nvar _BCController = __webpack_require__(606);\n\nvar _BCController2 = _interopRequireDefault(_BCController);\n\nvar _ExternalPoliciesController = __webpack_require__(607);\n\nvar _ExternalPoliciesController2 = _interopRequireDefault(_ExternalPoliciesController);\n\nvar _Flags = __webpack_require__(608);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar activatingApplication = 0;\n\nvar SDLController = function () {\n function SDLController() {\n _classCallCheck(this, SDLController);\n\n this.addListener = this.addListener.bind(this);\n var incrementedRpcId = 5012;\n var rpcAppIdMap = {};\n\n //ToDo: Add ExternalConsentStatus View\n //Sample struct used below\n /*this.externalConsentStatus = [{\n entityType: 1, entityID: 1, status: \"ON\"\n }, \n {\n entityType: 1, entityID: 2, status: \"OFF\"\n }];*/\n this.externalConsentStatus = [];\n }\n\n _createClass(SDLController, [{\n key: 'addListener',\n value: function addListener(listener) {\n this.listener = listener;\n }\n }, {\n key: 'handleRPC',\n value: function handleRPC(rpc) {\n var methodName = rpc.method.split(\".\")[1];\n switch (methodName) {\n case \"OnStatusUpdate\":\n if (rpc.params.status === \"UP_TO_DATE\") {\n if (_Flags.flags.ExternalPolicies) {\n _ExternalPoliciesController2.default.stopUpdateRetry();\n }\n }\n return null;\n default:\n return null;\n }\n }\n }, {\n key: 'handleRPCResponse',\n value: function handleRPCResponse(rpc) {\n var methodName = rpc.result.method.split(\".\")[1];\n switch (methodName) {\n case \"ActivateApp\":\n if (rpc.result.isPermissionsConsentNeeded) {\n this.getListOfPermissions(activatingApplication);\n }\n if (!rpc.result.isSDLAllowed) {\n //bcController.getUserFriendlyMessages(\"DataConsent\", \"AllowSDL\", activatingApplication)\n _BCController2.default.onAllowSDLFunctionality(true, \"GUI\");\n } else {\n _store2.default.dispatch((0, _actions.activateApp)(activatingApplication));\n }\n return;\n case \"GetURLS\":\n _store2.default.dispatch((0, _actions.getURLS)(rpc.result.urls));\n var state = _store2.default.getState();\n if (_Flags.flags.ExternalPolicies) {\n _ExternalPoliciesController2.default.pack({\n type: 'PROPRIETARY',\n policyUpdateFile: state.system.policyFile,\n urls: state.system.urls,\n retry: state.system.policyRetry,\n timeout: state.system.policyTimeout\n });\n } else {\n _BCController2.default.onSystemRequest(state.system.policyFile, state.system.urls);\n }\n return;\n case \"GetListOfPermissions\":\n //To Do: Implement permission view. For now all permissions are consented\n var allowedFunctions = rpc.result.allowedFunctions;\n for (var index in allowedFunctions) {\n if (!allowedFunctions[index].allowed) {\n allowedFunctions[index].allowed = true;\n }\n }\n this.onAppPermissionConsent(allowedFunctions, this.externalConsentStatus);\n return;\n }\n }\n }, {\n key: 'onAppActivated',\n value: function onAppActivated(appID) {\n // this.listener.send(RpcFactory.BCOnAppActivatedNotification(appID))\n activatingApplication = appID;\n this.listener.send(_RpcFactory2.default.SDLActivateApp(appID));\n }\n }, {\n key: 'getURLS',\n value: function getURLS(serviceType) {\n this.listener.send(_RpcFactory2.default.GetURLS(serviceType));\n }\n }, {\n key: 'onReceivedPolicyUpdate',\n value: function onReceivedPolicyUpdate(policyFile) {\n this.listener.send(_RpcFactory2.default.OnReceivedPolicyUpdate(policyFile));\n }\n }, {\n key: 'getListOfPermissions',\n value: function getListOfPermissions(appID) {\n this.listener.send(_RpcFactory2.default.GetListOfPermissions(appID));\n }\n }, {\n key: 'onAppPermissionConsent',\n value: function onAppPermissionConsent(allowedFunctions, externalConsentStatus) {\n this.listener.send(_RpcFactory2.default.OnAppPermissionConsent(allowedFunctions, externalConsentStatus));\n }\n }]);\n\n return SDLController;\n}();\n\nvar controller = new SDLController();\nexports.default = controller;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"SDLController.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/SDLController.js\n// module id = 605\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/SDLController.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _RpcFactory = __webpack_require__(599);\n\nvar _RpcFactory2 = _interopRequireDefault(_RpcFactory);\n\nvar _store = __webpack_require__(602);\n\nvar _store2 = _interopRequireDefault(_store);\n\nvar _actions = __webpack_require__(601);\n\nvar _BCController = __webpack_require__(606);\n\nvar _BCController2 = _interopRequireDefault(_BCController);\n\nvar _ExternalPoliciesController = __webpack_require__(607);\n\nvar _ExternalPoliciesController2 = _interopRequireDefault(_ExternalPoliciesController);\n\nvar _Flags = __webpack_require__(608);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar activatingApplication = 0;\n\nvar SDLController = function () {\n function SDLController() {\n _classCallCheck(this, SDLController);\n\n this.addListener = this.addListener.bind(this);\n var incrementedRpcId = 5012;\n var rpcAppIdMap = {};\n\n //ToDo: Add ExternalConsentStatus View\n //Sample struct used below\n /*this.externalConsentStatus = [{\n entityType: 1, entityID: 1, status: \"ON\"\n }, \n {\n entityType: 1, entityID: 2, status: \"OFF\"\n }];*/\n this.externalConsentStatus = [];\n }\n\n _createClass(SDLController, [{\n key: 'addListener',\n value: function addListener(listener) {\n this.listener = listener;\n }\n }, {\n key: 'handleRPC',\n value: function handleRPC(rpc) {\n var methodName = rpc.method.split(\".\")[1];\n switch (methodName) {\n case \"OnStatusUpdate\":\n if (rpc.params.status === \"UP_TO_DATE\") {\n if (_Flags.flags.ExternalPolicies) {\n _ExternalPoliciesController2.default.stopUpdateRetry();\n }\n }\n return null;\n default:\n return null;\n }\n }\n }, {\n key: 'handleRPCResponse',\n value: function handleRPCResponse(rpc) {\n var methodName = rpc.result.method.split(\".\")[1];\n switch (methodName) {\n case \"ActivateApp\":\n if (rpc.result.isPermissionsConsentNeeded) {\n this.getListOfPermissions(activatingApplication);\n }\n if (!rpc.result.isSDLAllowed) {\n //bcController.getUserFriendlyMessages(\"DataConsent\", \"AllowSDL\", activatingApplication)\n _BCController2.default.onAllowSDLFunctionality(true, \"GUI\");\n } else {\n _store2.default.dispatch((0, _actions.activateApp)(activatingApplication));\n }\n return;\n case \"GetURLS\":\n _store2.default.dispatch((0, _actions.getURLS)(rpc.result.urls));\n var state = _store2.default.getState();\n if (_Flags.flags.ExternalPolicies) {\n _ExternalPoliciesController2.default.pack({\n type: 'PROPRIETARY',\n policyUpdateFile: state.system.policyFile,\n urls: state.system.urls,\n retry: state.system.policyRetry,\n timeout: state.system.policyTimeout\n });\n } else {\n _BCController2.default.onSystemRequest(state.system.policyFile, state.system.urls);\n }\n return;\n case \"GetListOfPermissions\":\n //To Do: Implement permission view. For now all permissions are consented\n var allowedFunctions = rpc.result.allowedFunctions;\n for (var index in allowedFunctions) {\n if (!allowedFunctions[index].allowed) {\n allowedFunctions[index].allowed = true;\n }\n }\n this.onAppPermissionConsent(allowedFunctions, this.externalConsentStatus);\n return;\n }\n }\n }, {\n key: 'onAppActivated',\n value: function onAppActivated(appID) {\n // this.listener.send(RpcFactory.BCOnAppActivatedNotification(appID))\n activatingApplication = appID;\n this.listener.send(_RpcFactory2.default.SDLActivateApp(appID));\n }\n }, {\n key: 'getURLS',\n value: function getURLS(serviceType) {\n this.listener.send(_RpcFactory2.default.GetURLS(serviceType));\n }\n }, {\n key: 'onReceivedPolicyUpdate',\n value: function onReceivedPolicyUpdate(policyFile) {\n this.listener.send(_RpcFactory2.default.OnReceivedPolicyUpdate(policyFile));\n }\n }, {\n key: 'getListOfPermissions',\n value: function getListOfPermissions(appID) {\n this.listener.send(_RpcFactory2.default.GetListOfPermissions(appID));\n }\n }, {\n key: 'onAppPermissionConsent',\n value: function onAppPermissionConsent(allowedFunctions, externalConsentStatus) {\n this.listener.send(_RpcFactory2.default.OnAppPermissionConsent(allowedFunctions, externalConsentStatus));\n }\n }]);\n\n return SDLController;\n}();\n\nvar controller = new SDLController();\nexports.default = controller;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"SDLController.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/SDLController.js\n// module id = 605\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/SDLController.js?"); /***/ }), /* 606 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _RpcFactory = __webpack_require__(599);\n\nvar _RpcFactory2 = _interopRequireDefault(_RpcFactory);\n\nvar _store = __webpack_require__(602);\n\nvar _store2 = _interopRequireDefault(_store);\n\nvar _actions = __webpack_require__(601);\n\nvar _SDLController = __webpack_require__(605);\n\nvar _SDLController2 = _interopRequireDefault(_SDLController);\n\nvar _ExternalPoliciesController = __webpack_require__(607);\n\nvar _ExternalPoliciesController2 = _interopRequireDefault(_ExternalPoliciesController);\n\nvar _Flags = __webpack_require__(608);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar activatingApplication = 0;\n\nvar BCController = function () {\n function BCController() {\n _classCallCheck(this, BCController);\n\n this.addListener = this.addListener.bind(this);\n var incrementedRpcId = 5012;\n var rpcAppIdMap = {};\n var getUserFriendlyMessageCallback = {};\n }\n\n _createClass(BCController, [{\n key: 'addListener',\n value: function addListener(listener) {\n this.listener = listener;\n }\n }, {\n key: 'handleRPC',\n value: function handleRPC(rpc) {\n var methodName = rpc.method.split(\".\")[1];\n switch (methodName) {\n case \"GetSystemInfo\":\n return { \"rpc\": _RpcFactory2.default.BCGetSystemInfoResponse(rpc) };\n case \"UpdateAppList\":\n _store2.default.dispatch((0, _actions.updateAppList)(rpc.params.applications));\n rpc.params.applications.map(function (app, index) {\n if (app.dayColorScheme || app.nightColorScheme) {\n _store2.default.dispatch((0, _actions.updateColorScheme)(app.appID, app.dayColorScheme ? app.dayColorScheme : null, app.nightColorScheme ? app.nightColorScheme : null));\n }\n _store2.default.dispatch((0, _actions.setAppIsConnected)(app.appID));\n });\n return true;\n case \"ActivateApp\":\n _store2.default.dispatch((0, _actions.setAppIsConnected)(rpc.params.appID));\n _store2.default.dispatch((0, _actions.activateApp)(rpc.params.appID));\n return true;\n case \"CloseApplication\":\n _store2.default.dispatch((0, _actions.deactivateApp)(rpc.params.appID));\n return true;\n case \"OnAppRegistered\":\n _store2.default.dispatch((0, _actions.registerApplication)(rpc.params.application.appID, rpc.params.application.isMediaApplication));\n return null;\n case \"OnAppUnregistered\":\n _store2.default.dispatch((0, _actions.deactivateApp)(rpc.params.appID));\n _store2.default.dispatch((0, _actions.unregisterApplication)(rpc.params.appID, rpc.params.unexpectedDisconnect));\n return null;\n case \"OnSystemCapabilityUpdated\":\n _store2.default.dispatch((0, _actions.onSystemCapabilityUpdated)(rpc.params.systemCapability));\n return null;\n case \"OnPutFile\":\n _store2.default.dispatch((0, _actions.onPutFile)(rpc.params.appID, rpc.params.syncFileName, rpc.params.fileType, rpc.params.fileSize, rpc.params.offset, rpc.params.length, rpc.params.isSystemFile, rpc.params.isPersistentFile));\n return null;\n case \"UpdateDeviceList\":\n return true;\n case \"MixingAudioSupported\":\n return { \"rpc\": _RpcFactory2.default.MixingAudioResponse(rpc) };\n case \"PolicyUpdate\":\n _store2.default.dispatch((0, _actions.policyUpdate)(rpc.params.file, rpc.params.retry, rpc.params.timeout));\n _SDLController2.default.getURLS(7);\n return true;\n case \"SystemRequest\":\n if (rpc.params.requestType != \"PROPRIETARY\") {\n // Generic HMI can only process PROPRIETARY System Requests\n return true;\n }\n if (_Flags.flags.ExternalPolicies) {\n _ExternalPoliciesController2.default.unpack(rpc.params.fileName);\n } else {\n _SDLController2.default.onReceivedPolicyUpdate(rpc.params.fileName);\n }\n return true;\n case \"GetSystemTime\":\n this.listener.send(_RpcFactory2.default.GetSystemTime(rpc.id));\n return null;\n }\n }\n }, {\n key: 'handleRPCResponse',\n value: function handleRPCResponse(rpc) {\n var methodName = rpc.result.method.split(\".\")[1];\n /*switch (methodName) {\n case \"ActivateApp\":\n store.dispatch(activateApp(activatingApplication))\n return;\n }*/\n }\n }, {\n key: 'onAppDeactivated',\n value: function onAppDeactivated(reason, appID) {\n this.listener.send(_RpcFactory2.default.OnAppDeactivatedNotification(reason, appID));\n _store2.default.dispatch((0, _actions.deactivateApp)(appID));\n }\n }, {\n key: 'onIgnitionCycleOver',\n value: function onIgnitionCycleOver() {\n this.listener.send(_RpcFactory2.default.OnIgnitionCycleOverNotification());\n }\n }, {\n key: 'onExitAllApplications',\n value: function onExitAllApplications(reason) {\n this.listener.send(_RpcFactory2.default.OnExitAllApplicationsNotification(reason));\n }\n }, {\n key: 'onSystemRequest',\n value: function onSystemRequest(policyFile, urls) {\n for (var i in urls) {\n var appID = urls[i].appID;\n var url = urls[i].url;\n this.listener.send(_RpcFactory2.default.OnSystemRequestNotification(policyFile, url, appID));\n }\n }\n }, {\n key: 'onAllowSDLFunctionality',\n value: function onAllowSDLFunctionality(allowed, source) {\n this.listener.send(_RpcFactory2.default.OnAllowSDLFunctionality(allowed, source));\n }\n }]);\n\n return BCController;\n}();\n\nvar controller = new BCController();\nexports.default = controller;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"BCController.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/BCController.js\n// module id = 606\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/BCController.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _RpcFactory = __webpack_require__(599);\n\nvar _RpcFactory2 = _interopRequireDefault(_RpcFactory);\n\nvar _store = __webpack_require__(602);\n\nvar _store2 = _interopRequireDefault(_store);\n\nvar _actions = __webpack_require__(601);\n\nvar _SDLController = __webpack_require__(605);\n\nvar _SDLController2 = _interopRequireDefault(_SDLController);\n\nvar _ExternalPoliciesController = __webpack_require__(607);\n\nvar _ExternalPoliciesController2 = _interopRequireDefault(_ExternalPoliciesController);\n\nvar _Flags = __webpack_require__(608);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar activatingApplication = 0;\n\nvar BCController = function () {\n function BCController() {\n _classCallCheck(this, BCController);\n\n this.addListener = this.addListener.bind(this);\n var incrementedRpcId = 5012;\n var rpcAppIdMap = {};\n var getUserFriendlyMessageCallback = {};\n }\n\n _createClass(BCController, [{\n key: 'addListener',\n value: function addListener(listener) {\n this.listener = listener;\n }\n }, {\n key: 'handleRPC',\n value: function handleRPC(rpc) {\n var methodName = rpc.method.split(\".\")[1];\n switch (methodName) {\n case \"GetSystemInfo\":\n return { \"rpc\": _RpcFactory2.default.BCGetSystemInfoResponse(rpc) };\n case \"UpdateAppList\":\n _store2.default.dispatch((0, _actions.updateAppList)(rpc.params.applications));\n rpc.params.applications.map(function (app, index) {\n if (app.dayColorScheme || app.nightColorScheme) {\n _store2.default.dispatch((0, _actions.updateColorScheme)(app.appID, app.dayColorScheme ? app.dayColorScheme : null, app.nightColorScheme ? app.nightColorScheme : null));\n }\n _store2.default.dispatch((0, _actions.setAppIsConnected)(app.appID));\n });\n return true;\n case \"ActivateApp\":\n _store2.default.dispatch((0, _actions.setAppIsConnected)(rpc.params.appID));\n _store2.default.dispatch((0, _actions.activateApp)(rpc.params.appID));\n return true;\n case \"CloseApplication\":\n _store2.default.dispatch((0, _actions.deactivateApp)(rpc.params.appID));\n return true;\n case \"OnAppRegistered\":\n _store2.default.dispatch((0, _actions.registerApplication)(rpc.params.application.appID, rpc.params.application.isMediaApplication));\n return null;\n case \"OnAppUnregistered\":\n _store2.default.dispatch((0, _actions.deactivateApp)(rpc.params.appID));\n _store2.default.dispatch((0, _actions.unregisterApplication)(rpc.params.appID, rpc.params.unexpectedDisconnect));\n return null;\n case \"OnSystemCapabilityUpdated\":\n _store2.default.dispatch((0, _actions.onSystemCapabilityUpdated)(rpc.params.systemCapability));\n return null;\n case \"OnPutFile\":\n _store2.default.dispatch((0, _actions.onPutFile)(rpc.params.appID, rpc.params.syncFileName, rpc.params.fileType, rpc.params.fileSize, rpc.params.offset, rpc.params.length, rpc.params.isSystemFile, rpc.params.isPersistentFile));\n return null;\n case \"UpdateDeviceList\":\n return true;\n case \"MixingAudioSupported\":\n return { \"rpc\": _RpcFactory2.default.MixingAudioResponse(rpc) };\n case \"PolicyUpdate\":\n _store2.default.dispatch((0, _actions.policyUpdate)(rpc.params.file, rpc.params.retry, rpc.params.timeout));\n _SDLController2.default.getURLS(7);\n return true;\n case \"SystemRequest\":\n if (rpc.params.requestType != \"PROPRIETARY\") {\n // Generic HMI can only process PROPRIETARY System Requests\n return true;\n }\n if (_Flags.flags.ExternalPolicies) {\n _ExternalPoliciesController2.default.unpack(rpc.params.fileName);\n } else {\n _SDLController2.default.onReceivedPolicyUpdate(rpc.params.fileName);\n }\n return true;\n case \"GetSystemTime\":\n this.listener.send(_RpcFactory2.default.GetSystemTime(rpc.id));\n return null;\n }\n }\n }, {\n key: 'handleRPCResponse',\n value: function handleRPCResponse(rpc) {\n var methodName = rpc.result.method.split(\".\")[1];\n /*switch (methodName) {\n case \"ActivateApp\":\n store.dispatch(activateApp(activatingApplication))\n return;\n }*/\n }\n }, {\n key: 'onAppDeactivated',\n value: function onAppDeactivated(reason, appID) {\n this.listener.send(_RpcFactory2.default.OnAppDeactivatedNotification(reason, appID));\n _store2.default.dispatch((0, _actions.deactivateApp)(appID));\n }\n }, {\n key: 'onIgnitionCycleOver',\n value: function onIgnitionCycleOver() {\n this.listener.send(_RpcFactory2.default.OnIgnitionCycleOverNotification());\n }\n }, {\n key: 'onExitAllApplications',\n value: function onExitAllApplications(reason) {\n this.listener.send(_RpcFactory2.default.OnExitAllApplicationsNotification(reason));\n }\n }, {\n key: 'onSystemRequest',\n value: function onSystemRequest(policyFile, urls) {\n for (var i in urls) {\n var appID = urls[i].appID;\n var url = urls[i].url;\n this.listener.send(_RpcFactory2.default.OnSystemRequestNotification(policyFile, url, appID));\n }\n }\n }, {\n key: 'onAllowSDLFunctionality',\n value: function onAllowSDLFunctionality(allowed, source) {\n this.listener.send(_RpcFactory2.default.OnAllowSDLFunctionality(allowed, source));\n }\n }]);\n\n return BCController;\n}();\n\nvar controller = new BCController();\nexports.default = controller;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"BCController.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/BCController.js\n// module id = 606\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/BCController.js?"); /***/ }), /* 607 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _SDLController = __webpack_require__(605);\n\nvar _SDLController2 = _interopRequireDefault(_SDLController);\n\nvar _BCController = __webpack_require__(606);\n\nvar _BCController2 = _interopRequireDefault(_BCController);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar ExternalPoliciesController = function () {\n function ExternalPoliciesController() {\n _classCallCheck(this, ExternalPoliciesController);\n\n this.packClient = null;\n this.unpackClient = null;\n this.packUrl = null;\n this.unpackUrl = null;\n this.sysReqParams = {};\n this.policyUpdateRetryTimer = null;\n this.retryCount = 0;\n this.retryTimeout = 0;\n }\n\n _createClass(ExternalPoliciesController, [{\n key: 'connectPolicyManager',\n value: function connectPolicyManager(packUrl, unpackUrl) {\n if (packUrl) {\n this.packUrl = packUrl;\n }\n if (unpackUrl) {\n this.unpackUrl = unpackUrl;\n }\n\n this.packClient = new WebSocket(this.packUrl);\n this.packClient.onopen = this.onopen.bind(this);\n this.packClient.onclose = this.onclose.bind(this);\n this.packClient.onmessage = this.onPackMessage.bind(this);\n\n this.unpackClient = new WebSocket(this.unpackUrl);\n this.unpackClient.onopen = this.onopen.bind(this);\n this.unpackClient.onclose = this.onclose.bind(this);\n this.unpackClient.onmessage = this.onUnpackMessage.bind(this);\n }\n }, {\n key: 'disconnectPolicyManager',\n value: function disconnectPolicyManager() {\n if (this.retry) {\n clearInterval(this.retry);\n }\n if (this.packClient) {\n if (this.packClient.readyState === this.packClient.OPEN) {\n this.packClient.onclose = function () {\n this.packClient.close();\n };\n }\n }\n if (this.unpackClient) {\n if (this.unpackClient.readyState === this.unpackClient.OPEN) {\n this.unpackClient.onclose = function () {\n this.unpackClient.close();\n };\n }\n }\n }\n }, {\n key: 'onopen',\n value: function onopen(evt) {\n if (this.retry && this.packClient == 1 && this.unpackClient == 1) {\n clearInterval(this.retry);\n }\n }\n }, {\n key: 'onclose',\n value: function onclose(evt) {\n if (!this.retry) {\n this.retry = setInterval(this.connectPolicyManager.bind(this), 4000);\n }\n }\n }, {\n key: 'onPackMessage',\n value: function onPackMessage(evt) {\n _BCController2.default.onSystemRequest(this.sysReqParams.policyUpdateFile, this.sysReqParams.urls);\n this.retryCount = 0;\n this.retryTimeout = 0;\n this.policyUpdateRetry();\n }\n }, {\n key: 'onUnpackMessage',\n value: function onUnpackMessage(evt) {\n _SDLController2.default.onReceivedPolicyUpdate(evt.data);\n }\n }, {\n key: 'pack',\n value: function pack(params) {\n this.sysReqParams = params;\n this.packClient.send(this.sysReqParams.policyUpdateFile);\n }\n }, {\n key: 'unpack',\n value: function unpack(file) {\n this.unpackClient.send(file);\n }\n }, {\n key: 'policyUpdateRetry',\n value: function policyUpdateRetry() {\n clearTimeout(this.policyUpdateRetryTimer);\n this.policyUpdateRetryTimer = null;\n if (this.retryCount < this.sysReqParams.retry.length) {\n this.retryTimeout = this.retryTimeout + this.sysReqParams.timeout * 1000 + this.sysReqParams.retry[this.retryCount] * 1000;\n\n this.policyUpdateRetryTimer = setTimeout(function () {\n _BCController2.default.onSystemRequest(this.sysReqParams.policyUpdateFile, this.sysReqParams.urls);\n this.policyUpdateRetry();\n }.bind(this), this.retryTimeout);\n this.retryCount++;\n }\n }\n }, {\n key: 'stopUpdateRetry',\n value: function stopUpdateRetry() {\n clearTimeout(this.policyUpdateRetryTimer);\n this.policyUpdateRetryTimer = null;\n this.retryCount = 0;\n }\n }]);\n\n return ExternalPoliciesController;\n}();\n\nvar controller = new ExternalPoliciesController();\nexports.default = controller;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"ExternalPoliciesController.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/ExternalPoliciesController.js\n// module id = 607\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/ExternalPoliciesController.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _SDLController = __webpack_require__(605);\n\nvar _SDLController2 = _interopRequireDefault(_SDLController);\n\nvar _BCController = __webpack_require__(606);\n\nvar _BCController2 = _interopRequireDefault(_BCController);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar ExternalPoliciesController = function () {\n function ExternalPoliciesController() {\n _classCallCheck(this, ExternalPoliciesController);\n\n this.packClient = null;\n this.unpackClient = null;\n this.packUrl = null;\n this.unpackUrl = null;\n this.sysReqParams = {};\n this.policyUpdateRetryTimer = null;\n this.retryCount = 0;\n this.retryTimeout = 0;\n }\n\n _createClass(ExternalPoliciesController, [{\n key: 'connectPolicyManager',\n value: function connectPolicyManager(packUrl, unpackUrl) {\n if (packUrl) {\n this.packUrl = packUrl;\n }\n if (unpackUrl) {\n this.unpackUrl = unpackUrl;\n }\n\n this.packClient = new WebSocket(this.packUrl);\n this.packClient.onopen = this.onopen.bind(this);\n this.packClient.onclose = this.onclose.bind(this);\n this.packClient.onmessage = this.onPackMessage.bind(this);\n\n this.unpackClient = new WebSocket(this.unpackUrl);\n this.unpackClient.onopen = this.onopen.bind(this);\n this.unpackClient.onclose = this.onclose.bind(this);\n this.unpackClient.onmessage = this.onUnpackMessage.bind(this);\n }\n }, {\n key: 'disconnectPolicyManager',\n value: function disconnectPolicyManager() {\n if (this.retry) {\n clearInterval(this.retry);\n }\n if (this.packClient) {\n if (this.packClient.readyState === this.packClient.OPEN) {\n this.packClient.onclose = function () {\n this.packClient.close();\n };\n }\n }\n if (this.unpackClient) {\n if (this.unpackClient.readyState === this.unpackClient.OPEN) {\n this.unpackClient.onclose = function () {\n this.unpackClient.close();\n };\n }\n }\n }\n }, {\n key: 'onopen',\n value: function onopen(evt) {\n if (this.retry && this.packClient == 1 && this.unpackClient == 1) {\n clearInterval(this.retry);\n }\n }\n }, {\n key: 'onclose',\n value: function onclose(evt) {\n if (!this.retry) {\n this.retry = setInterval(this.connectPolicyManager.bind(this), 4000);\n }\n }\n }, {\n key: 'onPackMessage',\n value: function onPackMessage(evt) {\n _BCController2.default.onSystemRequest(this.sysReqParams.policyUpdateFile, this.sysReqParams.urls);\n this.retryCount = 0;\n this.retryTimeout = 0;\n this.policyUpdateRetry();\n }\n }, {\n key: 'onUnpackMessage',\n value: function onUnpackMessage(evt) {\n _SDLController2.default.onReceivedPolicyUpdate(evt.data);\n }\n }, {\n key: 'pack',\n value: function pack(params) {\n this.sysReqParams = params;\n this.packClient.send(this.sysReqParams.policyUpdateFile);\n }\n }, {\n key: 'unpack',\n value: function unpack(file) {\n this.unpackClient.send(file);\n }\n }, {\n key: 'policyUpdateRetry',\n value: function policyUpdateRetry() {\n clearTimeout(this.policyUpdateRetryTimer);\n this.policyUpdateRetryTimer = null;\n if (this.retryCount < this.sysReqParams.retry.length) {\n this.retryTimeout = this.retryTimeout + this.sysReqParams.timeout * 1000 + this.sysReqParams.retry[this.retryCount] * 1000;\n\n this.policyUpdateRetryTimer = setTimeout(function () {\n _BCController2.default.onSystemRequest(this.sysReqParams.policyUpdateFile, this.sysReqParams.urls);\n this.policyUpdateRetry();\n }.bind(this), this.retryTimeout);\n this.retryCount++;\n }\n }\n }, {\n key: 'stopUpdateRetry',\n value: function stopUpdateRetry() {\n clearTimeout(this.policyUpdateRetryTimer);\n this.policyUpdateRetryTimer = null;\n this.retryCount = 0;\n }\n }]);\n\n return ExternalPoliciesController;\n}();\n\nvar controller = new ExternalPoliciesController();\nexports.default = controller;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"ExternalPoliciesController.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/ExternalPoliciesController.js\n// module id = 607\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/ExternalPoliciesController.js?"); /***/ }), /* 608 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nvar flags = {\n ExternalPolicies: false,\n ExternalPoliciesPackUrl: 'ws://127.0.0.1:8088',\n ExternalPoliciesUnpackUrl: 'ws://127.0.0.1:8089'\n};\n\nexports.flags = flags;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"Flags.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Flags.js\n// module id = 608\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Flags.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nvar flags = {\n ExternalPolicies: false,\n ExternalPoliciesPackUrl: 'ws://127.0.0.1:8088',\n ExternalPoliciesUnpackUrl: 'ws://127.0.0.1:8089'\n};\n\nexports.flags = flags;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"Flags.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Flags.js\n// module id = 608\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Flags.js?"); /***/ }), /* 609 */ @@ -3734,13 +3734,13 @@ /* 615 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.MenuIcon = undefined;\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _UIController = __webpack_require__(598);\n\nvar _UIController2 = _interopRequireDefault(_UIController);\n\nvar _AppIcon = __webpack_require__(616);\n\nvar _AppIcon2 = _interopRequireDefault(_AppIcon);\n\nvar _store = __webpack_require__(602);\n\nvar _store2 = _interopRequireDefault(_store);\n\n__webpack_require__(604);\n\nvar _actions = __webpack_require__(601);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n var activeApp = state.activeApp;\n var app = state.appList.find(function (app) {\n return app.appID === activeApp;\n });\n var link = activeApp ? state.ui[activeApp].displayLayout : \"/\";\n var icon = activeApp ? state.ui[activeApp].icon : null;\n app = app ? app : {};\n return {\n icon: icon ? icon.value : null,\n appID: activeApp,\n backLink: link,\n theme: state.theme,\n isTemplate: icon ? icon.isTemplate : null\n };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {\n onSelection: function onSelection(appID, path) {\n dispatch((0, _actions.deactivateSubMenu)(appID));\n\n if (path == \"/inappmenu\") {\n _UIController2.default.onSystemContext(\"MENU\", appID);\n } else {\n //user exited menu\n _UIController2.default.onSystemContext(\"MAIN\", appID);\n }\n _UIController2.default.failInteractions();\n }\n };\n};\n\nvar MenuIcon = exports.MenuIcon = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_AppIcon2.default);\n\nexports.default = MenuIcon;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"MenuIcon.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/MenuIcon.js\n// module id = 615\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/MenuIcon.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.MenuIcon = undefined;\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _UIController = __webpack_require__(598);\n\nvar _UIController2 = _interopRequireDefault(_UIController);\n\nvar _AppIcon = __webpack_require__(616);\n\nvar _AppIcon2 = _interopRequireDefault(_AppIcon);\n\nvar _store = __webpack_require__(602);\n\nvar _store2 = _interopRequireDefault(_store);\n\n__webpack_require__(604);\n\nvar _actions = __webpack_require__(601);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n var activeApp = state.activeApp;\n var app = state.appList.find(function (app) {\n return app.appID === activeApp;\n });\n var link = activeApp ? state.ui[activeApp].displayLayout : \"/\";\n var icon = activeApp ? state.ui[activeApp].icon : null;\n app = app ? app : {};\n return {\n icon: icon ? icon.value : null,\n appID: activeApp,\n backLink: link,\n theme: state.theme,\n isTemplate: icon ? icon.isTemplate : null\n };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {\n onSelection: function onSelection(appID, path) {\n dispatch((0, _actions.deactivateSubMenu)(appID));\n\n if (path == \"/inappmenu\") {\n _UIController2.default.onSystemContext(\"MENU\", appID);\n } else {\n //user exited menu\n _UIController2.default.onSystemContext(\"MAIN\", appID);\n }\n _UIController2.default.failInteractions();\n }\n };\n};\n\nvar MenuIcon = exports.MenuIcon = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_AppIcon2.default);\n\nexports.default = MenuIcon;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"MenuIcon.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/MenuIcon.js\n// module id = 615\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/MenuIcon.js?"); /***/ }), /* 616 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRouter = __webpack_require__(94);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nvar _iconMenu = __webpack_require__(617);\n\nvar _iconMenu2 = _interopRequireDefault(_iconMenu);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AppIcon = function (_React$Component) {\n _inherits(AppIcon, _React$Component);\n\n function AppIcon(props) {\n _classCallCheck(this, AppIcon);\n\n return _possibleConstructorReturn(this, (AppIcon.__proto__ || Object.getPrototypeOf(AppIcon)).call(this, props));\n }\n\n _createClass(AppIcon, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var fillColor = null;\n if (this.props.theme) {\n fillColor = \"#FFFFFF\";\n } else {\n fillColor = \"#000000\";\n }\n //While viewing menu, pressing menu button takes user back to app screen\n var path = this.props.isShowingMenu ? this.props.backLink : \"/inappmenu\";\n var icon = this.props.icon ? _react2.default.createElement(_Image2.default, { 'class': 'app-icon', image: this.props.icon, isTemplate: this.props.isTemplate, fillColor: fillColor }) : _react2.default.createElement('span', { className: 'app-icon' });\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(\n _reactRouter.Link,\n { to: path, onClick: function onClick() {\n return _this2.props.onSelection(_this2.props.appID, path);\n } },\n _react2.default.createElement(\n 'div',\n { className: 'app-icon' },\n icon\n ),\n _react2.default.createElement('span', { className: 'svg-wrap', dangerouslySetInnerHTML: { __html: _iconMenu2.default } })\n )\n );\n }\n }]);\n\n return AppIcon;\n}(_react2.default.Component);\n\nexports.default = AppIcon;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppIcon.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AppIcon.js\n// module id = 616\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AppIcon.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRouter = __webpack_require__(94);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nvar _iconMenu = __webpack_require__(617);\n\nvar _iconMenu2 = _interopRequireDefault(_iconMenu);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AppIcon = function (_React$Component) {\n _inherits(AppIcon, _React$Component);\n\n function AppIcon(props) {\n _classCallCheck(this, AppIcon);\n\n return _possibleConstructorReturn(this, (AppIcon.__proto__ || Object.getPrototypeOf(AppIcon)).call(this, props));\n }\n\n _createClass(AppIcon, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var fillColor = null;\n if (this.props.theme) {\n fillColor = \"#FFFFFF\";\n } else {\n fillColor = \"#000000\";\n }\n //While viewing menu, pressing menu button takes user back to app screen\n var path = this.props.isShowingMenu ? this.props.backLink : \"/inappmenu\";\n var icon = this.props.icon ? _react2.default.createElement(_Image2.default, { 'class': 'app-icon', image: this.props.icon, isTemplate: this.props.isTemplate, fillColor: fillColor }) : _react2.default.createElement('span', { className: 'app-icon' });\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(\n _reactRouter.Link,\n { to: path, onClick: function onClick() {\n return _this2.props.onSelection(_this2.props.appID, path);\n } },\n _react2.default.createElement(\n 'div',\n { className: 'app-icon' },\n icon\n ),\n _react2.default.createElement('span', { className: 'svg-wrap', dangerouslySetInnerHTML: { __html: _iconMenu2.default } })\n )\n );\n }\n }]);\n\n return AppIcon;\n}(_react2.default.Component);\n\nexports.default = AppIcon;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppIcon.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AppIcon.js\n// module id = 616\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AppIcon.js?"); /***/ }), /* 617 */ @@ -3752,133 +3752,133 @@ /* 618 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _reactRouter = __webpack_require__(94);\n\nvar _AppName = __webpack_require__(619);\n\nvar _AppName2 = _interopRequireDefault(_AppName);\n\n__webpack_require__(604);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n var activeApp = state.activeApp;\n var app = state.appList.find(function (app) {\n return app.appID === activeApp;\n });\n\n var name = \"\";\n var templateTitle = \"\";\n var subMenuName = \"\";\n\n if (state.ui[activeApp] && state.ui[activeApp].showStrings.templateTitle) {\n templateTitle = state.ui[activeApp].showStrings.templateTitle;\n }\n if (state.ui[activeApp] && state.ui[activeApp].menu && state.ui[activeApp].activeSubMenu) {\n var submenu = state.ui[activeApp].menu.find(function (entry) {\n return entry.menuID && entry.menuID == state.ui[activeApp].activeSubMenu;\n });\n subMenuName = submenu ? submenu.menuName : \"\";\n }\n\n if (activeApp && app) {\n name = app.appName ? app.appName : \"Apps\";\n } else {\n name = \"Apps\";\n }\n return { name: name, templateTitle: templateTitle, subMenuName: subMenuName };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {};\n};\n\nvar Name = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_AppName2.default);\n\nexports.default = (0, _reactRouter.withRouter)(Name);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"Name.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/Name.js\n// module id = 618\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/Name.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _reactRouter = __webpack_require__(94);\n\nvar _AppName = __webpack_require__(619);\n\nvar _AppName2 = _interopRequireDefault(_AppName);\n\n__webpack_require__(604);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n var activeApp = state.activeApp;\n var app = state.appList.find(function (app) {\n return app.appID === activeApp;\n });\n\n var name = \"\";\n var templateTitle = \"\";\n var subMenuName = \"\";\n\n if (state.ui[activeApp] && state.ui[activeApp].showStrings.templateTitle) {\n templateTitle = state.ui[activeApp].showStrings.templateTitle;\n }\n if (state.ui[activeApp] && state.ui[activeApp].menu && state.ui[activeApp].activeSubMenu) {\n var submenu = state.ui[activeApp].menu.find(function (entry) {\n return entry.menuID && entry.menuID == state.ui[activeApp].activeSubMenu;\n });\n subMenuName = submenu ? submenu.menuName : \"\";\n }\n\n if (activeApp && app) {\n name = app.appName ? app.appName : \"Apps\";\n } else {\n name = \"Apps\";\n }\n return { name: name, templateTitle: templateTitle, subMenuName: subMenuName };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {};\n};\n\nvar Name = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_AppName2.default);\n\nexports.default = (0, _reactRouter.withRouter)(Name);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"Name.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/Name.js\n// module id = 618\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/Name.js?"); /***/ }), /* 619 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _xFF = __webpack_require__(509);\n\nvar _xFF2 = _interopRequireDefault(_xFF);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AppName = function (_React$Component) {\n _inherits(AppName, _React$Component);\n\n function AppName(props) {\n _classCallCheck(this, AppName);\n\n return _possibleConstructorReturn(this, (AppName.__proto__ || Object.getPrototypeOf(AppName)).call(this, props));\n }\n\n _createClass(AppName, [{\n key: 'render',\n value: function render() {\n var isShowingMenu = this.props.router.isActive('/inappmenu');\n var isShowingSubMenu = this.props.router.isActive('/inapplist') && this.props.subMenuName;\n var subTitle = this.props.templateTitle;\n subTitle = isShowingMenu ? \"Menu\" : subTitle;\n subTitle = isShowingSubMenu ? this.props.subMenuName : subTitle;\n\n var appName_html = _react2.default.createElement(\n 'span',\n { className: 't-small t-medium th-f-color' },\n this.props.name\n );\n var separator_html = subTitle ? _react2.default.createElement('span', { className: 'svg-wrap-secondary', dangerouslySetInnerHTML: { __html: _xFF2.default } }) : null;\n var subTitle_html = subTitle ? _react2.default.createElement(\n 'span',\n { className: 't-small t-light th-f-color-secondary' },\n subTitle\n ) : null;\n\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(\n 'p',\n { className: 't-oneline' },\n appName_html,\n separator_html,\n subTitle_html\n )\n );\n }\n }]);\n\n return AppName;\n}(_react2.default.Component);\n\nexports.default = AppName;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppName.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AppName.js\n// module id = 619\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AppName.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _xFF = __webpack_require__(509);\n\nvar _xFF2 = _interopRequireDefault(_xFF);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AppName = function (_React$Component) {\n _inherits(AppName, _React$Component);\n\n function AppName(props) {\n _classCallCheck(this, AppName);\n\n return _possibleConstructorReturn(this, (AppName.__proto__ || Object.getPrototypeOf(AppName)).call(this, props));\n }\n\n _createClass(AppName, [{\n key: 'render',\n value: function render() {\n var isShowingMenu = this.props.router.isActive('/inappmenu');\n var isShowingSubMenu = this.props.router.isActive('/inapplist') && this.props.subMenuName;\n var subTitle = this.props.templateTitle;\n subTitle = isShowingMenu ? \"Menu\" : subTitle;\n subTitle = isShowingSubMenu ? this.props.subMenuName : subTitle;\n\n var appName_html = _react2.default.createElement(\n 'span',\n { className: 't-small t-medium th-f-color' },\n this.props.name\n );\n var separator_html = subTitle ? _react2.default.createElement('span', { className: 'svg-wrap-secondary', dangerouslySetInnerHTML: { __html: _xFF2.default } }) : null;\n var subTitle_html = subTitle ? _react2.default.createElement(\n 'span',\n { className: 't-small t-light th-f-color-secondary' },\n subTitle\n ) : null;\n\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(\n 'p',\n { className: 't-oneline' },\n appName_html,\n separator_html,\n subTitle_html\n )\n );\n }\n }]);\n\n return AppName;\n}(_react2.default.Component);\n\nexports.default = AppName;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppName.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AppName.js\n// module id = 619\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AppName.js?"); /***/ }), /* 620 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _BCController = __webpack_require__(606);\n\nvar _BCController2 = _interopRequireDefault(_BCController);\n\nvar _UIController = __webpack_require__(598);\n\nvar _UIController2 = _interopRequireDefault(_UIController);\n\nvar _AppMenuLink = __webpack_require__(621);\n\nvar _AppMenuLink2 = _interopRequireDefault(_AppMenuLink);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n appID: state.activeApp\n };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {\n onSelection: function onSelection(appID) {\n _UIController2.default.onSystemContext(\"MAIN\", appID);\n _UIController2.default.failInteractions();\n _BCController2.default.onAppDeactivated(\"GENERAL\", appID);\n }\n };\n};\n\nvar AppsButton = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_AppMenuLink2.default);\n\nexports.default = AppsButton;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppsButton.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/AppsButton.js\n// module id = 620\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/AppsButton.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _BCController = __webpack_require__(606);\n\nvar _BCController2 = _interopRequireDefault(_BCController);\n\nvar _UIController = __webpack_require__(598);\n\nvar _UIController2 = _interopRequireDefault(_UIController);\n\nvar _AppMenuLink = __webpack_require__(621);\n\nvar _AppMenuLink2 = _interopRequireDefault(_AppMenuLink);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n appID: state.activeApp\n };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {\n onSelection: function onSelection(appID) {\n _UIController2.default.onSystemContext(\"MAIN\", appID);\n _UIController2.default.failInteractions();\n _BCController2.default.onAppDeactivated(\"GENERAL\", appID);\n }\n };\n};\n\nvar AppsButton = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_AppMenuLink2.default);\n\nexports.default = AppsButton;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppsButton.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/AppsButton.js\n// module id = 620\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/AppsButton.js?"); /***/ }), /* 621 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRouter = __webpack_require__(94);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AppMenuLink = function (_React$Component) {\n _inherits(AppMenuLink, _React$Component);\n\n function AppMenuLink(props) {\n _classCallCheck(this, AppMenuLink);\n\n return _possibleConstructorReturn(this, (AppMenuLink.__proto__ || Object.getPrototypeOf(AppMenuLink)).call(this, props));\n }\n\n _createClass(AppMenuLink, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(\n _reactRouter.Link,\n {\n to: this.props.backLink,\n href: '',\n className: 't-small t-medium th-f-color t-ls1',\n onClick: function onClick() {\n return _this2.props.onSelection(_this2.props.appID);\n } },\n this.props.menuName\n )\n );\n }\n }]);\n\n return AppMenuLink;\n}(_react2.default.Component);\n\nexports.default = AppMenuLink;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppMenuLink.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AppMenuLink.js\n// module id = 621\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AppMenuLink.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRouter = __webpack_require__(94);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AppMenuLink = function (_React$Component) {\n _inherits(AppMenuLink, _React$Component);\n\n function AppMenuLink(props) {\n _classCallCheck(this, AppMenuLink);\n\n return _possibleConstructorReturn(this, (AppMenuLink.__proto__ || Object.getPrototypeOf(AppMenuLink)).call(this, props));\n }\n\n _createClass(AppMenuLink, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(\n _reactRouter.Link,\n {\n to: this.props.backLink,\n href: '',\n className: 't-small t-medium th-f-color t-ls1',\n onClick: function onClick() {\n return _this2.props.onSelection(_this2.props.appID);\n } },\n this.props.menuName\n )\n );\n }\n }]);\n\n return AppMenuLink;\n}(_react2.default.Component);\n\nexports.default = AppMenuLink;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppMenuLink.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AppMenuLink.js\n// module id = 621\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AppMenuLink.js?"); /***/ }), /* 622 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _ProgressBar = __webpack_require__(623);\n\nvar _ProgressBar2 = _interopRequireDefault(_ProgressBar);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n var activeApp = state.activeApp;\n var app = state.ui[activeApp] ? state.ui[activeApp] : {};\n // TODO: this is creating startTime and endTime if they don't exist\n // if we want to support something dynamic like not including endTime if it's not given to the component, we should remove this\n var startTime = app.startTime ? app.startTime : {\n hours: 0,\n minutes: 0,\n seconds: 0\n };\n var endTime = app.endTime ? app.endTime : {\n hours: 0,\n minutes: 0,\n seconds: 0\n };\n var startDate = new Date(0, 0, 0, startTime.hours, startTime.minutes, startTime.seconds, 0);\n var endDate = new Date(0, 0, 0, endTime.hours, endTime.minutes, endTime.seconds, 0);\n\n //Assign color scheme to props\n var theme = state.theme;\n var colorScheme = {};\n if (theme === true) {\n //Dark theme\n if (app.nightColorScheme) {\n if (app.nightColorScheme.secondaryColor) {\n colorScheme.secondaryColor = app.nightColorScheme.secondaryColor;\n }\n if (app.nightColorScheme.primaryColor) {\n colorScheme.primaryColor = app.nightColorScheme.primaryColor;\n }\n }\n } else {\n if (app.dayColorScheme) {\n //Light theme\n if (app.dayColorScheme.secondaryColor) {\n colorScheme.secondaryColor = app.dayColorScheme.secondaryColor;\n }\n if (app.dayColorScheme.primaryColor) {\n colorScheme.primaryColor = app.dayColorScheme.primaryColor;\n }\n }\n }\n\n return {\n startDate: startDate,\n endDate: endDate,\n updateMode: app.updateMode,\n now: app.updateTime,\n colorScheme: colorScheme\n };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {};\n};\n\nvar Container = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_ProgressBar2.default);\n\nexports.default = Container;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"ProgressBar_c.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/ProgressBar_c.js\n// module id = 622\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/ProgressBar_c.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _ProgressBar = __webpack_require__(623);\n\nvar _ProgressBar2 = _interopRequireDefault(_ProgressBar);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n var activeApp = state.activeApp;\n var app = state.ui[activeApp] ? state.ui[activeApp] : {};\n // TODO: this is creating startTime and endTime if they don't exist\n // if we want to support something dynamic like not including endTime if it's not given to the component, we should remove this\n var startTime = app.startTime ? app.startTime : {\n hours: 0,\n minutes: 0,\n seconds: 0\n };\n var endTime = app.endTime ? app.endTime : {\n hours: 0,\n minutes: 0,\n seconds: 0\n };\n var startDate = new Date(0, 0, 0, startTime.hours, startTime.minutes, startTime.seconds, 0);\n var endDate = new Date(0, 0, 0, endTime.hours, endTime.minutes, endTime.seconds, 0);\n\n //Assign color scheme to props\n var theme = state.theme;\n var colorScheme = {};\n if (theme === true) {\n //Dark theme\n if (app.nightColorScheme) {\n if (app.nightColorScheme.secondaryColor) {\n colorScheme.secondaryColor = app.nightColorScheme.secondaryColor;\n }\n if (app.nightColorScheme.primaryColor) {\n colorScheme.primaryColor = app.nightColorScheme.primaryColor;\n }\n }\n } else {\n if (app.dayColorScheme) {\n //Light theme\n if (app.dayColorScheme.secondaryColor) {\n colorScheme.secondaryColor = app.dayColorScheme.secondaryColor;\n }\n if (app.dayColorScheme.primaryColor) {\n colorScheme.primaryColor = app.dayColorScheme.primaryColor;\n }\n }\n }\n\n return {\n startDate: startDate,\n endDate: endDate,\n updateMode: app.updateMode,\n now: app.updateTime,\n colorScheme: colorScheme\n };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {};\n};\n\nvar Container = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_ProgressBar2.default);\n\nexports.default = Container;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"ProgressBar_c.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/ProgressBar_c.js\n// module id = 622\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/ProgressBar_c.js?"); /***/ }), /* 623 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ProgressBar = function (_React$Component) {\n _inherits(ProgressBar, _React$Component);\n\n function ProgressBar(props) {\n _classCallCheck(this, ProgressBar);\n\n return _possibleConstructorReturn(this, (ProgressBar.__proto__ || Object.getPrototypeOf(ProgressBar)).call(this, props));\n }\n\n _createClass(ProgressBar, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n clearInterval(this.interval);\n this.interval = setInterval(this.forceUpdate.bind(this), 50);\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n clearInterval(this.interval);\n }\n }, {\n key: \"getPrimaryColorScheme\",\n value: function getPrimaryColorScheme() {\n if (this.props.colorScheme) {\n if (this.props.colorScheme.primaryColor) {\n var redInt = this.props.colorScheme.primaryColor.red;\n var blueInt = this.props.colorScheme.primaryColor.blue;\n var greenInt = this.props.colorScheme.primaryColor.green;\n var cssColorScheme = \"rgb(\" + redInt + \", \" + greenInt + \", \" + blueInt + \")\";\n return cssColorScheme;\n }\n }\n return null;\n }\n }, {\n key: \"getSecondaryColorScheme\",\n value: function getSecondaryColorScheme() {\n if (this.props.colorScheme) {\n if (this.props.colorScheme.secondaryColor) {\n var redInt = this.props.colorScheme.secondaryColor.red;\n var blueInt = this.props.colorScheme.secondaryColor.blue;\n var greenInt = this.props.colorScheme.secondaryColor.green;\n var cssColorScheme = {\n backgroundColor: \"rgb(\" + redInt + \", \" + greenInt + \", \" + blueInt + \")\"\n };\n return cssColorScheme;\n }\n }\n return null;\n }\n }, {\n key: \"render\",\n value: function render() {\n var startDate = this.props.startDate;\n var endDate = this.props.endDate;\n var now = new Date().getTime();\n // TODO: support more than just COUNTUP, move intervals and what not over here\n switch (this.props.updateMode) {\n case \"PAUSE\":\n clearInterval(this.interval);\n break;\n case \"RESUME\":\n case \"COUNTUP\":\n clearInterval(this.interval);\n this.interval = setInterval(this.forceUpdate.bind(this), 50);\n break;\n }\n var timeSince = new Date(startDate.getTime() + now - this.props.now);\n\n var progressStyle = {\n width: this.percentage(timeSince, endDate) + \"%\",\n backgroundColor: this.getPrimaryColorScheme()\n };\n\n return _react2.default.createElement(\n \"div\",\n { className: \"progress-bar th-bg-color th-bb-color\", style: this.getSecondaryColorScheme() },\n _react2.default.createElement(\"div\", { className: \"progress-bar__progress\", style: progressStyle })\n );\n }\n }, {\n key: \"percentage\",\n value: function percentage(progress, end) {\n var msProgress = progress.getHours() * 3600000 + progress.getMinutes() * 60000 + progress.getSeconds() * 1000 + progress.getMilliseconds();\n var msEnd = end.getHours() * 3600000 + end.getMinutes() * 60000 + end.getSeconds() * 1000 + end.getMilliseconds();\n if (msProgress >= msEnd) {\n return 100;\n }\n if (msEnd === 0) {\n return 0;\n }\n return msProgress / msEnd * 100;\n }\n }]);\n\n return ProgressBar;\n}(_react2.default.Component);\n\nexports.default = ProgressBar;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"ProgressBar.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/ProgressBar.js\n// module id = 623\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/ProgressBar.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ProgressBar = function (_React$Component) {\n _inherits(ProgressBar, _React$Component);\n\n function ProgressBar(props) {\n _classCallCheck(this, ProgressBar);\n\n return _possibleConstructorReturn(this, (ProgressBar.__proto__ || Object.getPrototypeOf(ProgressBar)).call(this, props));\n }\n\n _createClass(ProgressBar, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n clearInterval(this.interval);\n this.interval = setInterval(this.forceUpdate.bind(this), 50);\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n clearInterval(this.interval);\n }\n }, {\n key: \"getPrimaryColorScheme\",\n value: function getPrimaryColorScheme() {\n if (this.props.colorScheme) {\n if (this.props.colorScheme.primaryColor) {\n var redInt = this.props.colorScheme.primaryColor.red;\n var blueInt = this.props.colorScheme.primaryColor.blue;\n var greenInt = this.props.colorScheme.primaryColor.green;\n var cssColorScheme = \"rgb(\" + redInt + \", \" + greenInt + \", \" + blueInt + \")\";\n return cssColorScheme;\n }\n }\n return null;\n }\n }, {\n key: \"getSecondaryColorScheme\",\n value: function getSecondaryColorScheme() {\n if (this.props.colorScheme) {\n if (this.props.colorScheme.secondaryColor) {\n var redInt = this.props.colorScheme.secondaryColor.red;\n var blueInt = this.props.colorScheme.secondaryColor.blue;\n var greenInt = this.props.colorScheme.secondaryColor.green;\n var cssColorScheme = {\n backgroundColor: \"rgb(\" + redInt + \", \" + greenInt + \", \" + blueInt + \")\"\n };\n return cssColorScheme;\n }\n }\n return null;\n }\n }, {\n key: \"render\",\n value: function render() {\n var startDate = this.props.startDate;\n var endDate = this.props.endDate;\n var now = new Date().getTime();\n // TODO: support more than just COUNTUP, move intervals and what not over here\n switch (this.props.updateMode) {\n case \"PAUSE\":\n clearInterval(this.interval);\n break;\n case \"RESUME\":\n case \"COUNTUP\":\n clearInterval(this.interval);\n this.interval = setInterval(this.forceUpdate.bind(this), 50);\n break;\n }\n var timeSince = new Date(startDate.getTime() + now - this.props.now);\n\n var progressStyle = {\n width: this.percentage(timeSince, endDate) + \"%\",\n backgroundColor: this.getPrimaryColorScheme()\n };\n\n return _react2.default.createElement(\n \"div\",\n { className: \"progress-bar th-bg-color th-bb-color\", style: this.getSecondaryColorScheme() },\n _react2.default.createElement(\"div\", { className: \"progress-bar__progress\", style: progressStyle })\n );\n }\n }, {\n key: \"percentage\",\n value: function percentage(progress, end) {\n var msProgress = progress.getHours() * 3600000 + progress.getMinutes() * 60000 + progress.getSeconds() * 1000 + progress.getMilliseconds();\n var msEnd = end.getHours() * 3600000 + end.getMinutes() * 60000 + end.getSeconds() * 1000 + end.getMilliseconds();\n if (msProgress >= msEnd) {\n return 100;\n }\n if (msEnd === 0) {\n return 0;\n }\n return msProgress / msEnd * 100;\n }\n }]);\n\n return ProgressBar;\n}(_react2.default.Component);\n\nexports.default = ProgressBar;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"ProgressBar.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/ProgressBar.js\n// module id = 623\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/ProgressBar.js?"); /***/ }), /* 624 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Metadata = __webpack_require__(317);\n\nvar _Buttons = __webpack_require__(519);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar NonMedia = function (_React$Component) {\n _inherits(NonMedia, _React$Component);\n\n function NonMedia() {\n _classCallCheck(this, NonMedia);\n\n return _possibleConstructorReturn(this, (NonMedia.__proto__ || Object.getPrototypeOf(NonMedia)).call(this));\n }\n\n _createClass(NonMedia, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n var activeApp = this.props.activeApp;\n var colorScheme = null;\n if (activeApp) {\n if (this.props.theme === true) {\n //Dark Theme\n if (this.props.ui[activeApp].nightColorScheme && this.props.ui[activeApp].nightColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].nightColorScheme.backgroundColor;\n }\n } else {\n //Light Theme\n if (this.props.ui[activeApp].dayColorScheme && this.props.ui[activeApp].dayColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].dayColorScheme.backgroundColor;\n }\n }\n }\n\n if (colorScheme) {\n var redInt = colorScheme.red;\n var blueInt = colorScheme.blue;\n var greenInt = colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n { className: 'non-media-template', style: this.getColorScheme() },\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'Apps' }),\n _react2.default.createElement(_Metadata.NonMediaMetadata, null),\n _react2.default.createElement(_Buttons.SoftButtons, { 'class': 'non-media' })\n );\n }\n }]);\n\n return NonMedia;\n}(_react2.default.Component);\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n activeApp: state.activeApp,\n theme: state.theme,\n ui: state.ui\n };\n};\n\nexports.default = (0, _reactRedux.connect)(mapStateToProps)(NonMedia);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"NonMedia.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/NonMedia/NonMedia.js\n// module id = 624\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/NonMedia/NonMedia.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Metadata = __webpack_require__(317);\n\nvar _Buttons = __webpack_require__(519);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar NonMedia = function (_React$Component) {\n _inherits(NonMedia, _React$Component);\n\n function NonMedia() {\n _classCallCheck(this, NonMedia);\n\n return _possibleConstructorReturn(this, (NonMedia.__proto__ || Object.getPrototypeOf(NonMedia)).call(this));\n }\n\n _createClass(NonMedia, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n var activeApp = this.props.activeApp;\n var colorScheme = null;\n if (activeApp) {\n if (this.props.theme === true) {\n //Dark Theme\n if (this.props.ui[activeApp].nightColorScheme && this.props.ui[activeApp].nightColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].nightColorScheme.backgroundColor;\n }\n } else {\n //Light Theme\n if (this.props.ui[activeApp].dayColorScheme && this.props.ui[activeApp].dayColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].dayColorScheme.backgroundColor;\n }\n }\n }\n\n if (colorScheme) {\n var redInt = colorScheme.red;\n var blueInt = colorScheme.blue;\n var greenInt = colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n { className: 'non-media-template', style: this.getColorScheme() },\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'Apps' }),\n _react2.default.createElement(_Metadata.NonMediaMetadata, null),\n _react2.default.createElement(_Buttons.SoftButtons, { 'class': 'non-media' })\n );\n }\n }]);\n\n return NonMedia;\n}(_react2.default.Component);\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n activeApp: state.activeApp,\n theme: state.theme,\n ui: state.ui\n };\n};\n\nexports.default = (0, _reactRedux.connect)(mapStateToProps)(NonMedia);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"NonMedia.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/NonMedia/NonMedia.js\n// module id = 624\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/NonMedia/NonMedia.js?"); /***/ }), /* 625 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Metadata = __webpack_require__(317);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar LargeGraphicOnly = function (_React$Component) {\n _inherits(LargeGraphicOnly, _React$Component);\n\n function LargeGraphicOnly() {\n _classCallCheck(this, LargeGraphicOnly);\n\n return _possibleConstructorReturn(this, (LargeGraphicOnly.__proto__ || Object.getPrototypeOf(LargeGraphicOnly)).call(this));\n }\n\n _createClass(LargeGraphicOnly, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n var activeApp = this.props.activeApp;\n var colorScheme = null;\n if (activeApp) {\n if (this.props.theme === true) {\n //Dark Theme\n if (this.props.ui[activeApp].nightColorScheme && this.props.ui[activeApp].nightColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].nightColorScheme.backgroundColor;\n }\n } else {\n //Light Theme\n if (this.props.ui[activeApp].dayColorScheme && this.props.ui[activeApp].dayColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].dayColorScheme.backgroundColor;\n }\n }\n }\n\n if (colorScheme) {\n var redInt = colorScheme.red;\n var blueInt = colorScheme.blue;\n var greenInt = colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n { className: 'large-graphic-only-template', style: this.getColorScheme() },\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'Apps' }),\n _react2.default.createElement(_Metadata.LargeGraphic, { 'class': 'large-graphic-only' })\n );\n }\n }]);\n\n return LargeGraphicOnly;\n}(_react2.default.Component);\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n activeApp: state.activeApp,\n theme: state.theme,\n ui: state.ui\n };\n};\n\nexports.default = (0, _reactRedux.connect)(mapStateToProps)(LargeGraphicOnly);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"LargeGraphicOnly.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/LargeGraphicOnly/LargeGraphicOnly.js\n// module id = 625\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/LargeGraphicOnly/LargeGraphicOnly.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Metadata = __webpack_require__(317);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar LargeGraphicOnly = function (_React$Component) {\n _inherits(LargeGraphicOnly, _React$Component);\n\n function LargeGraphicOnly() {\n _classCallCheck(this, LargeGraphicOnly);\n\n return _possibleConstructorReturn(this, (LargeGraphicOnly.__proto__ || Object.getPrototypeOf(LargeGraphicOnly)).call(this));\n }\n\n _createClass(LargeGraphicOnly, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n var activeApp = this.props.activeApp;\n var colorScheme = null;\n if (activeApp) {\n if (this.props.theme === true) {\n //Dark Theme\n if (this.props.ui[activeApp].nightColorScheme && this.props.ui[activeApp].nightColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].nightColorScheme.backgroundColor;\n }\n } else {\n //Light Theme\n if (this.props.ui[activeApp].dayColorScheme && this.props.ui[activeApp].dayColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].dayColorScheme.backgroundColor;\n }\n }\n }\n\n if (colorScheme) {\n var redInt = colorScheme.red;\n var blueInt = colorScheme.blue;\n var greenInt = colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n { className: 'large-graphic-only-template', style: this.getColorScheme() },\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'Apps' }),\n _react2.default.createElement(_Metadata.LargeGraphic, { 'class': 'large-graphic-only' })\n );\n }\n }]);\n\n return LargeGraphicOnly;\n}(_react2.default.Component);\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n activeApp: state.activeApp,\n theme: state.theme,\n ui: state.ui\n };\n};\n\nexports.default = (0, _reactRedux.connect)(mapStateToProps)(LargeGraphicOnly);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"LargeGraphicOnly.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/LargeGraphicOnly/LargeGraphicOnly.js\n// module id = 625\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/LargeGraphicOnly/LargeGraphicOnly.js?"); /***/ }), /* 626 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Metadata = __webpack_require__(317);\n\nvar _Buttons = __webpack_require__(519);\n\nvar _reactRedux = __webpack_require__(62);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar LargeGraphicWithSoftbuttons = function (_React$Component) {\n _inherits(LargeGraphicWithSoftbuttons, _React$Component);\n\n function LargeGraphicWithSoftbuttons() {\n _classCallCheck(this, LargeGraphicWithSoftbuttons);\n\n return _possibleConstructorReturn(this, (LargeGraphicWithSoftbuttons.__proto__ || Object.getPrototypeOf(LargeGraphicWithSoftbuttons)).call(this));\n }\n\n _createClass(LargeGraphicWithSoftbuttons, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n var activeApp = this.props.activeApp;\n var colorScheme = null;\n if (activeApp) {\n if (this.props.theme === true) {\n //Dark Theme\n if (this.props.ui[activeApp].nightColorScheme && this.props.ui[activeApp].nightColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].nightColorScheme.backgroundColor;\n }\n } else {\n //Light Theme\n if (this.props.ui[activeApp].dayColorScheme && this.props.ui[activeApp].dayColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].dayColorScheme.backgroundColor;\n }\n }\n }\n\n if (colorScheme) {\n var redInt = colorScheme.red;\n var blueInt = colorScheme.blue;\n var greenInt = colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'Apps' }),\n _react2.default.createElement(\n 'div',\n { className: 'large-graphic-with-softbuttons-template', style: this.getColorScheme() },\n _react2.default.createElement(_Metadata.LargeGraphic, { 'class': 'large-graphic-with-softbuttons-top-container' }),\n _react2.default.createElement(_Buttons.SoftButtons, { 'class': 'large-graphic-with-softbuttons-bottom-container' })\n )\n );\n }\n }]);\n\n return LargeGraphicWithSoftbuttons;\n}(_react2.default.Component);\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n activeApp: state.activeApp,\n theme: state.theme,\n ui: state.ui\n };\n};\n\nexports.default = (0, _reactRedux.connect)(mapStateToProps)(LargeGraphicWithSoftbuttons);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"LargeGraphicWithSoftbuttons.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/LargeGraphicWithSoftbuttons/LargeGraphicWithSoftbuttons.js\n// module id = 626\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/LargeGraphicWithSoftbuttons/LargeGraphicWithSoftbuttons.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Metadata = __webpack_require__(317);\n\nvar _Buttons = __webpack_require__(519);\n\nvar _reactRedux = __webpack_require__(62);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar LargeGraphicWithSoftbuttons = function (_React$Component) {\n _inherits(LargeGraphicWithSoftbuttons, _React$Component);\n\n function LargeGraphicWithSoftbuttons() {\n _classCallCheck(this, LargeGraphicWithSoftbuttons);\n\n return _possibleConstructorReturn(this, (LargeGraphicWithSoftbuttons.__proto__ || Object.getPrototypeOf(LargeGraphicWithSoftbuttons)).call(this));\n }\n\n _createClass(LargeGraphicWithSoftbuttons, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n var activeApp = this.props.activeApp;\n var colorScheme = null;\n if (activeApp) {\n if (this.props.theme === true) {\n //Dark Theme\n if (this.props.ui[activeApp].nightColorScheme && this.props.ui[activeApp].nightColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].nightColorScheme.backgroundColor;\n }\n } else {\n //Light Theme\n if (this.props.ui[activeApp].dayColorScheme && this.props.ui[activeApp].dayColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].dayColorScheme.backgroundColor;\n }\n }\n }\n\n if (colorScheme) {\n var redInt = colorScheme.red;\n var blueInt = colorScheme.blue;\n var greenInt = colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'Apps' }),\n _react2.default.createElement(\n 'div',\n { className: 'large-graphic-with-softbuttons-template', style: this.getColorScheme() },\n _react2.default.createElement(_Metadata.LargeGraphic, { 'class': 'large-graphic-with-softbuttons-top-container' }),\n _react2.default.createElement(_Buttons.SoftButtons, { 'class': 'large-graphic-with-softbuttons-bottom-container' })\n )\n );\n }\n }]);\n\n return LargeGraphicWithSoftbuttons;\n}(_react2.default.Component);\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n activeApp: state.activeApp,\n theme: state.theme,\n ui: state.ui\n };\n};\n\nexports.default = (0, _reactRedux.connect)(mapStateToProps)(LargeGraphicWithSoftbuttons);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"LargeGraphicWithSoftbuttons.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/LargeGraphicWithSoftbuttons/LargeGraphicWithSoftbuttons.js\n// module id = 626\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/LargeGraphicWithSoftbuttons/LargeGraphicWithSoftbuttons.js?"); /***/ }), /* 627 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Metadata = __webpack_require__(317);\n\nvar _Buttons = __webpack_require__(519);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar GraphicWithTextButtons = function (_React$Component) {\n _inherits(GraphicWithTextButtons, _React$Component);\n\n function GraphicWithTextButtons() {\n _classCallCheck(this, GraphicWithTextButtons);\n\n return _possibleConstructorReturn(this, (GraphicWithTextButtons.__proto__ || Object.getPrototypeOf(GraphicWithTextButtons)).call(this));\n }\n\n _createClass(GraphicWithTextButtons, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n var activeApp = this.props.activeApp;\n var colorScheme = null;\n if (activeApp) {\n if (this.props.theme === true) {\n //Dark Theme\n if (this.props.ui[activeApp].nightColorScheme && this.props.ui[activeApp].nightColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].nightColorScheme.backgroundColor;\n }\n } else {\n //Light Theme\n if (this.props.ui[activeApp].dayColorScheme && this.props.ui[activeApp].dayColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].dayColorScheme.backgroundColor;\n }\n }\n }\n\n if (colorScheme) {\n var redInt = colorScheme.red;\n var blueInt = colorScheme.blue;\n var greenInt = colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'Apps' }),\n _react2.default.createElement(\n 'div',\n { className: 'graphic-with-text-buttons-template', style: this.getColorScheme() },\n _react2.default.createElement(_Metadata.LargeGraphic, { 'class': 'graphic-with-text-buttons-container' }),\n _react2.default.createElement(_Buttons.SoftButtons, { 'class': 'graphic-with-text-buttons-container' })\n )\n );\n }\n }]);\n\n return GraphicWithTextButtons;\n}(_react2.default.Component);\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n activeApp: state.activeApp,\n theme: state.theme,\n ui: state.ui\n };\n};\n\nexports.default = (0, _reactRedux.connect)(mapStateToProps)(GraphicWithTextButtons);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"GraphicWithTextButtons.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/GraphicWithTextButtons/GraphicWithTextButtons.js\n// module id = 627\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/GraphicWithTextButtons/GraphicWithTextButtons.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Metadata = __webpack_require__(317);\n\nvar _Buttons = __webpack_require__(519);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar GraphicWithTextButtons = function (_React$Component) {\n _inherits(GraphicWithTextButtons, _React$Component);\n\n function GraphicWithTextButtons() {\n _classCallCheck(this, GraphicWithTextButtons);\n\n return _possibleConstructorReturn(this, (GraphicWithTextButtons.__proto__ || Object.getPrototypeOf(GraphicWithTextButtons)).call(this));\n }\n\n _createClass(GraphicWithTextButtons, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n var activeApp = this.props.activeApp;\n var colorScheme = null;\n if (activeApp) {\n if (this.props.theme === true) {\n //Dark Theme\n if (this.props.ui[activeApp].nightColorScheme && this.props.ui[activeApp].nightColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].nightColorScheme.backgroundColor;\n }\n } else {\n //Light Theme\n if (this.props.ui[activeApp].dayColorScheme && this.props.ui[activeApp].dayColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].dayColorScheme.backgroundColor;\n }\n }\n }\n\n if (colorScheme) {\n var redInt = colorScheme.red;\n var blueInt = colorScheme.blue;\n var greenInt = colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'Apps' }),\n _react2.default.createElement(\n 'div',\n { className: 'graphic-with-text-buttons-template', style: this.getColorScheme() },\n _react2.default.createElement(_Metadata.LargeGraphic, { 'class': 'graphic-with-text-buttons-container' }),\n _react2.default.createElement(_Buttons.SoftButtons, { 'class': 'graphic-with-text-buttons-container' })\n )\n );\n }\n }]);\n\n return GraphicWithTextButtons;\n}(_react2.default.Component);\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n activeApp: state.activeApp,\n theme: state.theme,\n ui: state.ui\n };\n};\n\nexports.default = (0, _reactRedux.connect)(mapStateToProps)(GraphicWithTextButtons);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"GraphicWithTextButtons.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/GraphicWithTextButtons/GraphicWithTextButtons.js\n// module id = 627\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/GraphicWithTextButtons/GraphicWithTextButtons.js?"); /***/ }), /* 628 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Metadata = __webpack_require__(317);\n\nvar _Buttons = __webpack_require__(519);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar TextButtonswithGraphic = function (_React$Component) {\n _inherits(TextButtonswithGraphic, _React$Component);\n\n function TextButtonswithGraphic() {\n _classCallCheck(this, TextButtonswithGraphic);\n\n return _possibleConstructorReturn(this, (TextButtonswithGraphic.__proto__ || Object.getPrototypeOf(TextButtonswithGraphic)).call(this));\n }\n\n _createClass(TextButtonswithGraphic, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n var activeApp = this.props.activeApp;\n var colorScheme = null;\n if (activeApp) {\n if (this.props.theme === true) {\n //Dark Theme\n if (this.props.ui[activeApp].nightColorScheme && this.props.ui[activeApp].nightColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].nightColorScheme.backgroundColor;\n }\n } else {\n //Light Theme\n if (this.props.ui[activeApp].dayColorScheme && this.props.ui[activeApp].dayColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].dayColorScheme.backgroundColor;\n }\n }\n }\n\n if (colorScheme) {\n var redInt = colorScheme.red;\n var blueInt = colorScheme.blue;\n var greenInt = colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'Apps' }),\n _react2.default.createElement(\n 'div',\n { className: 'text-buttons-with-graphic-template', style: this.getColorScheme() },\n _react2.default.createElement(_Buttons.SoftButtons, { 'class': 'text-buttons-with-graphic-container' }),\n _react2.default.createElement(_Metadata.LargeGraphic, { 'class': 'text-buttons-with-graphic-container' })\n )\n );\n }\n }]);\n\n return TextButtonswithGraphic;\n}(_react2.default.Component);\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n activeApp: state.activeApp,\n theme: state.theme,\n ui: state.ui\n };\n};\n\nexports.default = (0, _reactRedux.connect)(mapStateToProps)(TextButtonswithGraphic);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"TextButtonsWithGraphic.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/TextButtonsWithGraphic/TextButtonsWithGraphic.js\n// module id = 628\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/TextButtonsWithGraphic/TextButtonsWithGraphic.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Metadata = __webpack_require__(317);\n\nvar _Buttons = __webpack_require__(519);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar TextButtonswithGraphic = function (_React$Component) {\n _inherits(TextButtonswithGraphic, _React$Component);\n\n function TextButtonswithGraphic() {\n _classCallCheck(this, TextButtonswithGraphic);\n\n return _possibleConstructorReturn(this, (TextButtonswithGraphic.__proto__ || Object.getPrototypeOf(TextButtonswithGraphic)).call(this));\n }\n\n _createClass(TextButtonswithGraphic, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n var activeApp = this.props.activeApp;\n var colorScheme = null;\n if (activeApp) {\n if (this.props.theme === true) {\n //Dark Theme\n if (this.props.ui[activeApp].nightColorScheme && this.props.ui[activeApp].nightColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].nightColorScheme.backgroundColor;\n }\n } else {\n //Light Theme\n if (this.props.ui[activeApp].dayColorScheme && this.props.ui[activeApp].dayColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].dayColorScheme.backgroundColor;\n }\n }\n }\n\n if (colorScheme) {\n var redInt = colorScheme.red;\n var blueInt = colorScheme.blue;\n var greenInt = colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'Apps' }),\n _react2.default.createElement(\n 'div',\n { className: 'text-buttons-with-graphic-template', style: this.getColorScheme() },\n _react2.default.createElement(_Buttons.SoftButtons, { 'class': 'text-buttons-with-graphic-container' }),\n _react2.default.createElement(_Metadata.LargeGraphic, { 'class': 'text-buttons-with-graphic-container' })\n )\n );\n }\n }]);\n\n return TextButtonswithGraphic;\n}(_react2.default.Component);\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n activeApp: state.activeApp,\n theme: state.theme,\n ui: state.ui\n };\n};\n\nexports.default = (0, _reactRedux.connect)(mapStateToProps)(TextButtonswithGraphic);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"TextButtonsWithGraphic.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/TextButtonsWithGraphic/TextButtonsWithGraphic.js\n// module id = 628\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/TextButtonsWithGraphic/TextButtonsWithGraphic.js?"); /***/ }), /* 629 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Buttons = __webpack_require__(519);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar TextButtonsOnly = function (_React$Component) {\n _inherits(TextButtonsOnly, _React$Component);\n\n function TextButtonsOnly() {\n _classCallCheck(this, TextButtonsOnly);\n\n return _possibleConstructorReturn(this, (TextButtonsOnly.__proto__ || Object.getPrototypeOf(TextButtonsOnly)).call(this));\n }\n\n _createClass(TextButtonsOnly, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n var activeApp = this.props.activeApp;\n var colorScheme = null;\n if (activeApp) {\n if (this.props.theme === true) {\n //Dark Theme\n if (this.props.ui[activeApp].nightColorScheme && this.props.ui[activeApp].nightColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].nightColorScheme.backgroundColor;\n }\n } else {\n //Light Theme\n if (this.props.ui[activeApp].dayColorScheme && this.props.ui[activeApp].dayColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].dayColorScheme.backgroundColor;\n }\n }\n }\n\n if (colorScheme) {\n var redInt = colorScheme.red;\n var blueInt = colorScheme.blue;\n var greenInt = colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'Apps' }),\n _react2.default.createElement(\n 'div',\n { className: 'text-buttons-only-template', style: this.getColorScheme() },\n _react2.default.createElement(_Buttons.SoftButtons, { 'class': 'text-buttons-only-container' })\n )\n );\n }\n }]);\n\n return TextButtonsOnly;\n}(_react2.default.Component);\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n activeApp: state.activeApp,\n theme: state.theme,\n ui: state.ui\n };\n};\n\nexports.default = (0, _reactRedux.connect)(mapStateToProps)(TextButtonsOnly);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"TextButtonsOnly.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/TextButtonsOnly/TextButtonsOnly.js\n// module id = 629\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/TextButtonsOnly/TextButtonsOnly.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Buttons = __webpack_require__(519);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar TextButtonsOnly = function (_React$Component) {\n _inherits(TextButtonsOnly, _React$Component);\n\n function TextButtonsOnly() {\n _classCallCheck(this, TextButtonsOnly);\n\n return _possibleConstructorReturn(this, (TextButtonsOnly.__proto__ || Object.getPrototypeOf(TextButtonsOnly)).call(this));\n }\n\n _createClass(TextButtonsOnly, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n var activeApp = this.props.activeApp;\n var colorScheme = null;\n if (activeApp) {\n if (this.props.theme === true) {\n //Dark Theme\n if (this.props.ui[activeApp].nightColorScheme && this.props.ui[activeApp].nightColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].nightColorScheme.backgroundColor;\n }\n } else {\n //Light Theme\n if (this.props.ui[activeApp].dayColorScheme && this.props.ui[activeApp].dayColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].dayColorScheme.backgroundColor;\n }\n }\n }\n\n if (colorScheme) {\n var redInt = colorScheme.red;\n var blueInt = colorScheme.blue;\n var greenInt = colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'Apps' }),\n _react2.default.createElement(\n 'div',\n { className: 'text-buttons-only-template', style: this.getColorScheme() },\n _react2.default.createElement(_Buttons.SoftButtons, { 'class': 'text-buttons-only-container' })\n )\n );\n }\n }]);\n\n return TextButtonsOnly;\n}(_react2.default.Component);\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n activeApp: state.activeApp,\n theme: state.theme,\n ui: state.ui\n };\n};\n\nexports.default = (0, _reactRedux.connect)(mapStateToProps)(TextButtonsOnly);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"TextButtonsOnly.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/TextButtonsOnly/TextButtonsOnly.js\n// module id = 629\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/TextButtonsOnly/TextButtonsOnly.js?"); /***/ }), /* 630 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Buttons = __webpack_require__(519);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar TilesOnly = function (_React$Component) {\n _inherits(TilesOnly, _React$Component);\n\n function TilesOnly() {\n _classCallCheck(this, TilesOnly);\n\n return _possibleConstructorReturn(this, (TilesOnly.__proto__ || Object.getPrototypeOf(TilesOnly)).call(this));\n }\n\n _createClass(TilesOnly, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n var activeApp = this.props.activeApp;\n var colorScheme = null;\n if (activeApp) {\n if (this.props.theme === true) {\n //Dark Theme\n if (this.props.ui[activeApp].nightColorScheme && this.props.ui[activeApp].nightColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].nightColorScheme.backgroundColor;\n }\n } else {\n //Light Theme\n if (this.props.ui[activeApp].dayColorScheme && this.props.ui[activeApp].dayColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].dayColorScheme.backgroundColor;\n }\n }\n }\n\n if (colorScheme) {\n var redInt = colorScheme.red;\n var blueInt = colorScheme.blue;\n var greenInt = colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'Apps' }),\n _react2.default.createElement(\n 'div',\n { className: 'tiles-only-template', style: this.getColorScheme() },\n _react2.default.createElement(_Buttons.SoftButtons, { 'class': 'tiles-only-container' })\n )\n );\n }\n }]);\n\n return TilesOnly;\n}(_react2.default.Component);\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n activeApp: state.activeApp,\n theme: state.theme,\n ui: state.ui\n };\n};\n\nexports.default = (0, _reactRedux.connect)(mapStateToProps)(TilesOnly);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"TilesOnly.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/TilesOnly/TilesOnly.js\n// module id = 630\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/TilesOnly/TilesOnly.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Buttons = __webpack_require__(519);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar TilesOnly = function (_React$Component) {\n _inherits(TilesOnly, _React$Component);\n\n function TilesOnly() {\n _classCallCheck(this, TilesOnly);\n\n return _possibleConstructorReturn(this, (TilesOnly.__proto__ || Object.getPrototypeOf(TilesOnly)).call(this));\n }\n\n _createClass(TilesOnly, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n var activeApp = this.props.activeApp;\n var colorScheme = null;\n if (activeApp) {\n if (this.props.theme === true) {\n //Dark Theme\n if (this.props.ui[activeApp].nightColorScheme && this.props.ui[activeApp].nightColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].nightColorScheme.backgroundColor;\n }\n } else {\n //Light Theme\n if (this.props.ui[activeApp].dayColorScheme && this.props.ui[activeApp].dayColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].dayColorScheme.backgroundColor;\n }\n }\n }\n\n if (colorScheme) {\n var redInt = colorScheme.red;\n var blueInt = colorScheme.blue;\n var greenInt = colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'Apps' }),\n _react2.default.createElement(\n 'div',\n { className: 'tiles-only-template', style: this.getColorScheme() },\n _react2.default.createElement(_Buttons.SoftButtons, { 'class': 'tiles-only-container' })\n )\n );\n }\n }]);\n\n return TilesOnly;\n}(_react2.default.Component);\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n activeApp: state.activeApp,\n theme: state.theme,\n ui: state.ui\n };\n};\n\nexports.default = (0, _reactRedux.connect)(mapStateToProps)(TilesOnly);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"TilesOnly.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/TilesOnly/TilesOnly.js\n// module id = 630\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/TilesOnly/TilesOnly.js?"); /***/ }), /* 631 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Metadata = __webpack_require__(317);\n\nvar _Buttons = __webpack_require__(519);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar TextWithGraphic = function (_React$Component) {\n _inherits(TextWithGraphic, _React$Component);\n\n function TextWithGraphic() {\n _classCallCheck(this, TextWithGraphic);\n\n return _possibleConstructorReturn(this, (TextWithGraphic.__proto__ || Object.getPrototypeOf(TextWithGraphic)).call(this));\n }\n\n _createClass(TextWithGraphic, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n var activeApp = this.props.activeApp;\n var colorScheme = null;\n if (activeApp) {\n if (this.props.theme === true) {\n //Dark Theme\n if (this.props.ui[activeApp].nightColorScheme && this.props.ui[activeApp].nightColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].nightColorScheme.backgroundColor;\n }\n } else {\n //Light Theme\n if (this.props.ui[activeApp].dayColorScheme && this.props.ui[activeApp].dayColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].dayColorScheme.backgroundColor;\n }\n }\n }\n\n if (colorScheme) {\n var redInt = colorScheme.red;\n var blueInt = colorScheme.blue;\n var greenInt = colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'Apps' }),\n _react2.default.createElement(\n 'div',\n { className: 'text-with-graphic-template', style: this.getColorScheme() },\n _react2.default.createElement(\n 'div',\n { className: 'text-with-graphic-container' },\n _react2.default.createElement(_Metadata.TextFields, null)\n ),\n _react2.default.createElement(_Metadata.LargeGraphic, { 'class': 'text-with-graphic-container' })\n )\n );\n }\n }]);\n\n return TextWithGraphic;\n}(_react2.default.Component);\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n activeApp: state.activeApp,\n theme: state.theme,\n ui: state.ui\n };\n};\n\nexports.default = (0, _reactRedux.connect)(mapStateToProps)(TextWithGraphic);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"TextWithGraphic.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/TextWithGraphic/TextWithGraphic.js\n// module id = 631\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/TextWithGraphic/TextWithGraphic.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Metadata = __webpack_require__(317);\n\nvar _Buttons = __webpack_require__(519);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar TextWithGraphic = function (_React$Component) {\n _inherits(TextWithGraphic, _React$Component);\n\n function TextWithGraphic() {\n _classCallCheck(this, TextWithGraphic);\n\n return _possibleConstructorReturn(this, (TextWithGraphic.__proto__ || Object.getPrototypeOf(TextWithGraphic)).call(this));\n }\n\n _createClass(TextWithGraphic, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n var activeApp = this.props.activeApp;\n var colorScheme = null;\n if (activeApp) {\n if (this.props.theme === true) {\n //Dark Theme\n if (this.props.ui[activeApp].nightColorScheme && this.props.ui[activeApp].nightColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].nightColorScheme.backgroundColor;\n }\n } else {\n //Light Theme\n if (this.props.ui[activeApp].dayColorScheme && this.props.ui[activeApp].dayColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].dayColorScheme.backgroundColor;\n }\n }\n }\n\n if (colorScheme) {\n var redInt = colorScheme.red;\n var blueInt = colorScheme.blue;\n var greenInt = colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'Apps' }),\n _react2.default.createElement(\n 'div',\n { className: 'text-with-graphic-template', style: this.getColorScheme() },\n _react2.default.createElement(\n 'div',\n { className: 'text-with-graphic-container' },\n _react2.default.createElement(_Metadata.TextFields, null)\n ),\n _react2.default.createElement(_Metadata.LargeGraphic, { 'class': 'text-with-graphic-container' })\n )\n );\n }\n }]);\n\n return TextWithGraphic;\n}(_react2.default.Component);\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n activeApp: state.activeApp,\n theme: state.theme,\n ui: state.ui\n };\n};\n\nexports.default = (0, _reactRedux.connect)(mapStateToProps)(TextWithGraphic);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"TextWithGraphic.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/TextWithGraphic/TextWithGraphic.js\n// module id = 631\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/TextWithGraphic/TextWithGraphic.js?"); /***/ }), /* 632 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Metadata = __webpack_require__(317);\n\nvar _Buttons = __webpack_require__(519);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar GraphicWithText = function (_React$Component) {\n _inherits(GraphicWithText, _React$Component);\n\n function GraphicWithText() {\n _classCallCheck(this, GraphicWithText);\n\n return _possibleConstructorReturn(this, (GraphicWithText.__proto__ || Object.getPrototypeOf(GraphicWithText)).call(this));\n }\n\n _createClass(GraphicWithText, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n var activeApp = this.props.activeApp;\n var colorScheme = null;\n if (activeApp) {\n if (this.props.theme === true) {\n //Dark Theme\n if (this.props.ui[activeApp].nightColorScheme && this.props.ui[activeApp].nightColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].nightColorScheme.backgroundColor;\n }\n } else {\n //Light Theme\n if (this.props.ui[activeApp].dayColorScheme && this.props.ui[activeApp].dayColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].dayColorScheme.backgroundColor;\n }\n }\n }\n\n if (colorScheme) {\n var redInt = colorScheme.red;\n var blueInt = colorScheme.blue;\n var greenInt = colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'Apps' }),\n _react2.default.createElement(\n 'div',\n { className: 'graphic-with-text-template', style: this.getColorScheme() },\n _react2.default.createElement(\n 'div',\n { className: 'min-width-50' },\n _react2.default.createElement(_Metadata.LargeGraphic, { 'class': 'graphic-with-text-container' })\n ),\n _react2.default.createElement(\n 'div',\n { className: 'graphic-with-text-container' },\n _react2.default.createElement(_Metadata.TextFields, null)\n )\n )\n );\n }\n }]);\n\n return GraphicWithText;\n}(_react2.default.Component);\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n activeApp: state.activeApp,\n theme: state.theme,\n ui: state.ui\n };\n};\n\nexports.default = (0, _reactRedux.connect)(mapStateToProps)(GraphicWithText);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"GraphicWithText.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/GraphicWithText/GraphicWithText.js\n// module id = 632\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/GraphicWithText/GraphicWithText.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Metadata = __webpack_require__(317);\n\nvar _Buttons = __webpack_require__(519);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar GraphicWithText = function (_React$Component) {\n _inherits(GraphicWithText, _React$Component);\n\n function GraphicWithText() {\n _classCallCheck(this, GraphicWithText);\n\n return _possibleConstructorReturn(this, (GraphicWithText.__proto__ || Object.getPrototypeOf(GraphicWithText)).call(this));\n }\n\n _createClass(GraphicWithText, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n var activeApp = this.props.activeApp;\n var colorScheme = null;\n if (activeApp) {\n if (this.props.theme === true) {\n //Dark Theme\n if (this.props.ui[activeApp].nightColorScheme && this.props.ui[activeApp].nightColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].nightColorScheme.backgroundColor;\n }\n } else {\n //Light Theme\n if (this.props.ui[activeApp].dayColorScheme && this.props.ui[activeApp].dayColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].dayColorScheme.backgroundColor;\n }\n }\n }\n\n if (colorScheme) {\n var redInt = colorScheme.red;\n var blueInt = colorScheme.blue;\n var greenInt = colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'Apps' }),\n _react2.default.createElement(\n 'div',\n { className: 'graphic-with-text-template', style: this.getColorScheme() },\n _react2.default.createElement(\n 'div',\n { className: 'min-width-50' },\n _react2.default.createElement(_Metadata.LargeGraphic, { 'class': 'graphic-with-text-container' })\n ),\n _react2.default.createElement(\n 'div',\n { className: 'graphic-with-text-container' },\n _react2.default.createElement(_Metadata.TextFields, null)\n )\n )\n );\n }\n }]);\n\n return GraphicWithText;\n}(_react2.default.Component);\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n activeApp: state.activeApp,\n theme: state.theme,\n ui: state.ui\n };\n};\n\nexports.default = (0, _reactRedux.connect)(mapStateToProps)(GraphicWithText);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"GraphicWithText.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/GraphicWithText/GraphicWithText.js\n// module id = 632\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/GraphicWithText/GraphicWithText.js?"); /***/ }), /* 633 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Metadata = __webpack_require__(317);\n\nvar _Buttons = __webpack_require__(519);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar DoubleGraphicWithSoftbuttons = function (_React$Component) {\n _inherits(DoubleGraphicWithSoftbuttons, _React$Component);\n\n function DoubleGraphicWithSoftbuttons() {\n _classCallCheck(this, DoubleGraphicWithSoftbuttons);\n\n return _possibleConstructorReturn(this, (DoubleGraphicWithSoftbuttons.__proto__ || Object.getPrototypeOf(DoubleGraphicWithSoftbuttons)).call(this));\n }\n\n _createClass(DoubleGraphicWithSoftbuttons, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n var activeApp = this.props.activeApp;\n var colorScheme = null;\n if (activeApp) {\n if (this.props.theme === true) {\n //Dark Theme\n if (this.props.ui[activeApp].nightColorScheme && this.props.ui[activeApp].nightColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].nightColorScheme.backgroundColor;\n }\n } else {\n //Light Theme\n if (this.props.ui[activeApp].dayColorScheme && this.props.ui[activeApp].dayColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].dayColorScheme.backgroundColor;\n }\n }\n }\n\n if (colorScheme) {\n var redInt = colorScheme.red;\n var blueInt = colorScheme.blue;\n var greenInt = colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'Apps' }),\n _react2.default.createElement(\n 'div',\n { className: 'double-graphic-with-softbuttons-template', style: this.getColorScheme() },\n _react2.default.createElement(_Metadata.DoubleGraphic, { 'class': 'double-graphic-with-softbuttons-top-container' }),\n _react2.default.createElement(_Buttons.SoftButtons, { 'class': 'double-graphic-with-softbuttons-bottom-container' })\n )\n );\n }\n }]);\n\n return DoubleGraphicWithSoftbuttons;\n}(_react2.default.Component);\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n activeApp: state.activeApp,\n theme: state.theme,\n ui: state.ui\n };\n};\n\nexports.default = (0, _reactRedux.connect)(mapStateToProps)(DoubleGraphicWithSoftbuttons);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"DoubleGraphicWithSoftbuttons.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/DoubleGraphicWithSoftbuttons/DoubleGraphicWithSoftbuttons.js\n// module id = 633\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/DoubleGraphicWithSoftbuttons/DoubleGraphicWithSoftbuttons.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Metadata = __webpack_require__(317);\n\nvar _Buttons = __webpack_require__(519);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar DoubleGraphicWithSoftbuttons = function (_React$Component) {\n _inherits(DoubleGraphicWithSoftbuttons, _React$Component);\n\n function DoubleGraphicWithSoftbuttons() {\n _classCallCheck(this, DoubleGraphicWithSoftbuttons);\n\n return _possibleConstructorReturn(this, (DoubleGraphicWithSoftbuttons.__proto__ || Object.getPrototypeOf(DoubleGraphicWithSoftbuttons)).call(this));\n }\n\n _createClass(DoubleGraphicWithSoftbuttons, [{\n key: 'getColorScheme',\n value: function getColorScheme() {\n var activeApp = this.props.activeApp;\n var colorScheme = null;\n if (activeApp) {\n if (this.props.theme === true) {\n //Dark Theme\n if (this.props.ui[activeApp].nightColorScheme && this.props.ui[activeApp].nightColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].nightColorScheme.backgroundColor;\n }\n } else {\n //Light Theme\n if (this.props.ui[activeApp].dayColorScheme && this.props.ui[activeApp].dayColorScheme.backgroundColor) {\n colorScheme = this.props.ui[activeApp].dayColorScheme.backgroundColor;\n }\n }\n }\n\n if (colorScheme) {\n var redInt = colorScheme.red;\n var blueInt = colorScheme.blue;\n var greenInt = colorScheme.green;\n var cssColorScheme = {\n backgroundColor: 'rgb(' + redInt + ', ' + greenInt + ', ' + blueInt + ')'\n };\n return cssColorScheme;\n } else {\n return null;\n }\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'Apps' }),\n _react2.default.createElement(\n 'div',\n { className: 'double-graphic-with-softbuttons-template', style: this.getColorScheme() },\n _react2.default.createElement(_Metadata.DoubleGraphic, { 'class': 'double-graphic-with-softbuttons-top-container' }),\n _react2.default.createElement(_Buttons.SoftButtons, { 'class': 'double-graphic-with-softbuttons-bottom-container' })\n )\n );\n }\n }]);\n\n return DoubleGraphicWithSoftbuttons;\n}(_react2.default.Component);\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n activeApp: state.activeApp,\n theme: state.theme,\n ui: state.ui\n };\n};\n\nexports.default = (0, _reactRedux.connect)(mapStateToProps)(DoubleGraphicWithSoftbuttons);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"DoubleGraphicWithSoftbuttons.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Templates/DoubleGraphicWithSoftbuttons/DoubleGraphicWithSoftbuttons.js\n// module id = 633\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Templates/DoubleGraphicWithSoftbuttons/DoubleGraphicWithSoftbuttons.js?"); /***/ }), /* 634 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _AppList = __webpack_require__(635);\n\nvar _AppList2 = _interopRequireDefault(_AppList);\n\nvar _AppServices = __webpack_require__(638);\n\nvar _AppServices2 = _interopRequireDefault(_AppServices);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar HMIMenu = function (_React$Component) {\n _inherits(HMIMenu, _React$Component);\n\n function HMIMenu() {\n _classCallCheck(this, HMIMenu);\n\n return _possibleConstructorReturn(this, (HMIMenu.__proto__ || Object.getPrototypeOf(HMIMenu)).call(this));\n }\n\n _createClass(HMIMenu, [{\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Header2.default, { appIcon: 'false', backLink: '', appName: 'Menu' }),\n _react2.default.createElement(_AppList2.default, null),\n _react2.default.createElement(_AppServices2.default, null)\n );\n }\n }]);\n\n return HMIMenu;\n}(_react2.default.Component);\n\nexports.default = HMIMenu;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"HMIMenu.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/HMIMenu.js\n// module id = 634\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/HMIMenu.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _AppList = __webpack_require__(635);\n\nvar _AppList2 = _interopRequireDefault(_AppList);\n\nvar _AppServices = __webpack_require__(638);\n\nvar _AppServices2 = _interopRequireDefault(_AppServices);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar HMIMenu = function (_React$Component) {\n _inherits(HMIMenu, _React$Component);\n\n function HMIMenu() {\n _classCallCheck(this, HMIMenu);\n\n return _possibleConstructorReturn(this, (HMIMenu.__proto__ || Object.getPrototypeOf(HMIMenu)).call(this));\n }\n\n _createClass(HMIMenu, [{\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Header2.default, { appIcon: 'false', backLink: '', appName: 'Menu' }),\n _react2.default.createElement(_AppList2.default, null),\n _react2.default.createElement(_AppServices2.default, null)\n );\n }\n }]);\n\n return HMIMenu;\n}(_react2.default.Component);\n\nexports.default = HMIMenu;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"HMIMenu.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/HMIMenu.js\n// module id = 634\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/HMIMenu.js?"); /***/ }), /* 635 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _HScrollMenu = __webpack_require__(636);\n\nvar _HScrollMenu2 = _interopRequireDefault(_HScrollMenu);\n\nvar _SDLController = __webpack_require__(605);\n\nvar _SDLController2 = _interopRequireDefault(_SDLController);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n var data = state.appList.map(function (app, index) {\n var icon = \"\";\n if (app.icon) {\n icon = app.icon.replace(\"local:\", \"file:\");\n }\n var defaultLink = app.isMediaApplication ? \"media\" : \"nonmedia\";\n var link = \"media\";\n if (state.ui[app.appID]) {\n link = state.ui[app.appID].displayLayout ? state.ui[app.appID].displayLayout : defaultLink;\n }\n var name = app.isCloudApplication ? app.appName + \" (Cloud)\" : app.appName;\n return {\n appID: app.appID,\n class: 'with-image',\n name: name,\n image: icon,\n link: '/' + link,\n cmdID: app.appID\n };\n });\n return { data: data };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {\n onSelection: function onSelection(appID) {\n _SDLController2.default.onAppActivated(appID);\n }\n };\n};\n\nvar AppList = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_HScrollMenu2.default);\n\nexports.default = AppList;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppList.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/AppList.js\n// module id = 635\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/AppList.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _HScrollMenu = __webpack_require__(636);\n\nvar _HScrollMenu2 = _interopRequireDefault(_HScrollMenu);\n\nvar _SDLController = __webpack_require__(605);\n\nvar _SDLController2 = _interopRequireDefault(_SDLController);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n var data = state.appList.map(function (app, index) {\n var icon = \"\";\n if (app.icon) {\n icon = app.icon.replace(\"local:\", \"file:\");\n }\n var defaultLink = app.isMediaApplication ? \"media\" : \"nonmedia\";\n var link = \"media\";\n if (state.ui[app.appID]) {\n link = state.ui[app.appID].displayLayout ? state.ui[app.appID].displayLayout : defaultLink;\n }\n var name = app.isCloudApplication ? app.appName + \" (Cloud)\" : app.appName;\n var devicename = app.deviceInfo.name.trim() ? app.deviceInfo.name : app.deviceInfo.transportType + \": \" + app.deviceInfo.id.substring(0, 10) + \"...\";\n return {\n appID: app.appID,\n class: 'with-image',\n name: name,\n devicename: devicename,\n image: icon,\n link: '/' + link,\n cmdID: app.appID\n };\n });\n return { data: data };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {\n onSelection: function onSelection(appID) {\n _SDLController2.default.onAppActivated(appID);\n }\n };\n};\n\nvar AppList = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_HScrollMenu2.default);\n\nexports.default = AppList;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppList.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/AppList.js\n// module id = 635\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/AppList.js?"); /***/ }), /* 636 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _HScrollMenuItem = __webpack_require__(637);\n\nvar _HScrollMenuItem2 = _interopRequireDefault(_HScrollMenuItem);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar HScrollMenu = function (_React$Component) {\n _inherits(HScrollMenu, _React$Component);\n\n function HScrollMenu(props) {\n _classCallCheck(this, HScrollMenu);\n\n return _possibleConstructorReturn(this, (HScrollMenu.__proto__ || Object.getPrototypeOf(HScrollMenu)).call(this, props));\n }\n\n _createClass(HScrollMenu, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var menuItems = this.props.data.map(function (menuItem) {\n return _react2.default.createElement(\n 'div',\n { className: 'hscrollmenu-block',\n key: menuItem.cmdID + menuItem.name },\n _react2.default.createElement(_HScrollMenuItem2.default, {\n appID: menuItem.appID,\n cmdID: menuItem.cmdID,\n menuID: menuItem.menuID,\n menuItem: menuItem,\n onSelection: _this2.props.onSelection })\n );\n });\n return _react2.default.createElement(\n 'div',\n { className: 'hscrollmenu' },\n menuItems\n );\n }\n }]);\n\n return HScrollMenu;\n}(_react2.default.Component);\n\nexports.default = HScrollMenu;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"HScrollMenu.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/HScrollMenu.js\n// module id = 636\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/HScrollMenu.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _HScrollMenuItem = __webpack_require__(637);\n\nvar _HScrollMenuItem2 = _interopRequireDefault(_HScrollMenuItem);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar HScrollMenu = function (_React$Component) {\n _inherits(HScrollMenu, _React$Component);\n\n function HScrollMenu(props) {\n _classCallCheck(this, HScrollMenu);\n\n return _possibleConstructorReturn(this, (HScrollMenu.__proto__ || Object.getPrototypeOf(HScrollMenu)).call(this, props));\n }\n\n _createClass(HScrollMenu, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var menuItems = this.props.data.map(function (menuItem) {\n return _react2.default.createElement(\n 'div',\n { className: 'hscrollmenu-block',\n key: menuItem.cmdID + menuItem.name },\n _react2.default.createElement(_HScrollMenuItem2.default, {\n appID: menuItem.appID,\n cmdID: menuItem.cmdID,\n menuID: menuItem.menuID,\n menuItem: menuItem,\n onSelection: _this2.props.onSelection })\n );\n });\n return _react2.default.createElement(\n 'div',\n { className: 'hscrollmenu' },\n menuItems\n );\n }\n }]);\n\n return HScrollMenu;\n}(_react2.default.Component);\n\nexports.default = HScrollMenu;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"HScrollMenu.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/HScrollMenu.js\n// module id = 636\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/HScrollMenu.js?"); /***/ }), /* 637 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRouter = __webpack_require__(94);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar HScrollMenuItem = function (_React$Component) {\n _inherits(HScrollMenuItem, _React$Component);\n\n function HScrollMenuItem(props) {\n _classCallCheck(this, HScrollMenuItem);\n\n return _possibleConstructorReturn(this, (HScrollMenuItem.__proto__ || Object.getPrototypeOf(HScrollMenuItem)).call(this, props));\n }\n\n _createClass(HScrollMenuItem, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var menuItem = this.props.menuItem;\n\n var graphic = this.props.menuItem.imageType === \"STATIC\" ? _react2.default.createElement(_StaticIcon2.default, { image: this.props.menuItem.image }) : _react2.default.createElement(_Image2.default, { image: this.props.menuItem.image });\n\n return _react2.default.createElement(\n _reactRouter.Link,\n {\n to: this.props.menuItem.link,\n onClick: function onClick() {\n return _this2.props.onSelection(_this2.props.appID, _this2.props.cmdID, _this2.props.menuID);\n } },\n _react2.default.createElement(\n 'div',\n {\n className: 'hscrollmenu-item th-b-color th-tile-background-color' },\n _react2.default.createElement(\n 'div',\n { className: 'hscrollmenu-item__image' },\n graphic\n ),\n _react2.default.createElement(\n 'div',\n { className: 'hscrollmenu-item__name' },\n _react2.default.createElement(\n 'p',\n { className: 't-small t-light th-f-color' },\n menuItem.name\n )\n )\n )\n );\n }\n }]);\n\n return HScrollMenuItem;\n}(_react2.default.Component);\n\nexports.default = HScrollMenuItem;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"HScrollMenuItem.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/HScrollMenuItem.js\n// module id = 637\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/HScrollMenuItem.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRouter = __webpack_require__(94);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar HScrollMenuItem = function (_React$Component) {\n _inherits(HScrollMenuItem, _React$Component);\n\n function HScrollMenuItem(props) {\n _classCallCheck(this, HScrollMenuItem);\n\n return _possibleConstructorReturn(this, (HScrollMenuItem.__proto__ || Object.getPrototypeOf(HScrollMenuItem)).call(this, props));\n }\n\n _createClass(HScrollMenuItem, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var menuItem = this.props.menuItem;\n\n var header = menuItem.devicename;\n var header_html = header ? _react2.default.createElement(\n 'div',\n { className: 'hscrollmenu-item__header' },\n _react2.default.createElement(\n 'p',\n { className: 't-light th-f-color-secondary t-oneline' },\n header\n )\n ) : null;\n var graphic = this.props.menuItem.imageType === \"STATIC\" ? _react2.default.createElement(_StaticIcon2.default, { image: this.props.menuItem.image }) : _react2.default.createElement(_Image2.default, { image: this.props.menuItem.image });\n\n return _react2.default.createElement(\n _reactRouter.Link,\n {\n to: this.props.menuItem.link,\n onClick: function onClick() {\n return _this2.props.onSelection(_this2.props.appID, _this2.props.cmdID, _this2.props.menuID);\n } },\n _react2.default.createElement(\n 'div',\n {\n className: 'hscrollmenu-item th-b-color th-tile-background-color' },\n header_html,\n _react2.default.createElement(\n 'div',\n { className: 'hscrollmenu-item__image' },\n graphic\n ),\n _react2.default.createElement(\n 'div',\n { className: 'hscrollmenu-item__name' },\n _react2.default.createElement(\n 'p',\n { className: 't-small t-light th-f-color' },\n menuItem.name\n )\n )\n )\n );\n }\n }]);\n\n return HScrollMenuItem;\n}(_react2.default.Component);\n\nexports.default = HScrollMenuItem;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"HScrollMenuItem.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/HScrollMenuItem.js\n// module id = 637\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/HScrollMenuItem.js?"); /***/ }), /* 638 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _AppServicesNav = __webpack_require__(639);\n\nvar _AppServicesNav2 = _interopRequireDefault(_AppServicesNav);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n if (!state.systemCapability[\"APP_SERVICES\"] || !state.systemCapability[\"APP_SERVICES\"].appServices) {\n return { appServicesEnabled: false };\n }\n var services = state.systemCapability[\"APP_SERVICES\"].appServices;\n var activeServices = {};\n\n for (var i in services) {\n var serviceRecord = services[i].updatedAppServiceRecord;\n if (serviceRecord.serviceActive) {\n var manifest = serviceRecord.serviceManifest;\n var type = manifest.serviceType;\n activeServices[type] = {\n name: manifest.serviceName,\n icon: manifest.serviceIcon\n };\n if (type === \"NAVIGATION\") {\n activeServices[type].manifest = manifest.navigationServiceManifest;\n } else if (type === \"MEDIA\") {\n activeServices[type].manifest = manifest.mediaServiceManifest;\n } else if (type == \"WEATHER\") {\n activeServices[type].manifest = manifest.weatherServiceManifest;\n }\n\n var serviceData = state.appServiceData;\n var serviceID = serviceRecord.serviceID;\n if (serviceData && serviceData[serviceID]) {\n activeServices[type].serviceData = serviceData[serviceID];\n }\n }\n }\n\n var appServiceEmpty = Object.keys(activeServices).length === 0 && activeServices.constructor === Object;\n\n return {\n appServicesEnabled: !appServiceEmpty,\n activeServices: activeServices,\n theme: state.theme\n };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {};\n};\n\nvar AppServices = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_AppServicesNav2.default);\n\nexports.default = AppServices;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppServices.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/AppServices.js\n// module id = 638\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/AppServices.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _AppServicesNav = __webpack_require__(639);\n\nvar _AppServicesNav2 = _interopRequireDefault(_AppServicesNav);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n if (!state.systemCapability[\"APP_SERVICES\"] || !state.systemCapability[\"APP_SERVICES\"].appServices) {\n return { appServicesEnabled: false };\n }\n var services = state.systemCapability[\"APP_SERVICES\"].appServices;\n var activeServices = {};\n\n for (var i in services) {\n var serviceRecord = services[i].updatedAppServiceRecord;\n if (serviceRecord.serviceActive) {\n var manifest = serviceRecord.serviceManifest;\n var type = manifest.serviceType;\n activeServices[type] = {\n name: manifest.serviceName,\n icon: manifest.serviceIcon\n };\n if (type === \"NAVIGATION\") {\n activeServices[type].manifest = manifest.navigationServiceManifest;\n } else if (type === \"MEDIA\") {\n activeServices[type].manifest = manifest.mediaServiceManifest;\n } else if (type == \"WEATHER\") {\n activeServices[type].manifest = manifest.weatherServiceManifest;\n }\n\n var serviceData = state.appServiceData;\n var serviceID = serviceRecord.serviceID;\n if (serviceData && serviceData[serviceID]) {\n activeServices[type].serviceData = serviceData[serviceID];\n }\n }\n }\n\n var appServiceEmpty = Object.keys(activeServices).length === 0 && activeServices.constructor === Object;\n\n return {\n appServicesEnabled: !appServiceEmpty,\n activeServices: activeServices,\n theme: state.theme\n };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {};\n};\n\nvar AppServices = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_AppServicesNav2.default);\n\nexports.default = AppServices;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppServices.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/AppServices.js\n// module id = 638\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/AppServices.js?"); /***/ }), /* 639 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRouter = __webpack_require__(94);\n\nvar _weather = __webpack_require__(640);\n\nvar _weather2 = _interopRequireDefault(_weather);\n\nvar _WeatherButton = __webpack_require__(641);\n\nvar _WeatherButton2 = _interopRequireDefault(_WeatherButton);\n\nvar _media = __webpack_require__(643);\n\nvar _media2 = _interopRequireDefault(_media);\n\nvar _MediaServiceDataImage = __webpack_require__(644);\n\nvar _MediaServiceDataImage2 = _interopRequireDefault(_MediaServiceDataImage);\n\nvar _NavInstructionImage = __webpack_require__(645);\n\nvar _NavInstructionImage2 = _interopRequireDefault(_NavInstructionImage);\n\nvar _iconMenu = __webpack_require__(617);\n\nvar _iconMenu2 = _interopRequireDefault(_iconMenu);\n\nvar _expand = __webpack_require__(648);\n\nvar _expand2 = _interopRequireDefault(_expand);\n\nvar _collapse = __webpack_require__(649);\n\nvar _collapse2 = _interopRequireDefault(_collapse);\n\nvar _AppServiceMediumModal = __webpack_require__(650);\n\nvar _AppServiceMediumModal2 = _interopRequireDefault(_AppServiceMediumModal);\n\nvar _reactModal = __webpack_require__(156);\n\nvar _reactModal2 = _interopRequireDefault(_reactModal);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AppServicesNav = function (_React$Component) {\n _inherits(AppServicesNav, _React$Component);\n\n function AppServicesNav(props) {\n _classCallCheck(this, AppServicesNav);\n\n var _this = _possibleConstructorReturn(this, (AppServicesNav.__proto__ || Object.getPrototypeOf(AppServicesNav)).call(this, props));\n\n _this.state = {\n time: \"\",\n activeServiceTab: \"\",\n showModal: false\n };\n return _this;\n }\n\n _createClass(AppServicesNav, [{\n key: 'toggleModal',\n value: function toggleModal() {\n this.setState({ showModal: !this.state.showModal });\n }\n }, {\n key: 'setActive',\n value: function setActive(type) {\n var active = this.state.activeServiceTab;\n if (type == active) {\n this.setState({ activeServiceTab: \"\" });\n } else {\n this.setState({ activeServiceTab: type });\n }\n }\n }, {\n key: 'getTime',\n value: function getTime() {\n var d = new Date();\n var hours = d.getHours();\n var minutes = d.getMinutes();\n hours = hours < 10 ? \"0\" + hours : hours;\n minutes = minutes < 10 ? \"0\" + minutes : minutes;\n\n var offset = d.getTimezoneOffset();\n return hours + \":\" + minutes + \" pm\";\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n if (!this.props.appServicesEnabled) {\n return null;\n }\n var activeServices = this.props.activeServices;\n var activeTypes = Object.keys(activeServices);\n var navActive = false;\n var mediaActive = false;\n var weatherActive = false;\n var mediaData = {\n artist: \"\",\n track: \"\",\n album: \"\",\n image: null\n };\n\n var navData = {\n location: null,\n actionBearing: null,\n distance: null,\n nextActionBearing: null,\n image: null\n };\n var weatherData = {\n high: null,\n low: null,\n precipProbability: null,\n windMPH: null,\n current: null,\n weatherIcon: null\n };\n\n var waitingMessage = \"Waiting for data...\";\n var navMissingData = false;\n var mediaMissingData = false;\n var weatherMissingData = false;\n\n var _iteratorNormalCompletion = true;\n var _didIteratorError = false;\n var _iteratorError = undefined;\n\n try {\n for (var _iterator = activeTypes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var key = _step.value;\n\n if (key == \"NAVIGATION\") {\n navActive = true;\n var serviceData = activeServices[\"NAVIGATION\"].serviceData;\n if (!serviceData) {\n // Service published, but no data available\n navMissingData = true;\n continue;\n }\n navData = {\n location: serviceData.location,\n actionBearing: serviceData.actionBearing,\n distance: serviceData.distance,\n nextActionBearing: serviceData.nextActionBearing,\n image: serviceData.image\n };\n } else if (key === \"MEDIA\") {\n mediaActive = true;\n var serviceData = activeServices[\"MEDIA\"].serviceData;\n if (!serviceData) {\n // Service published, but no data available\n mediaMissingData = true;\n continue;\n }\n mediaData = {\n artist: serviceData.mediaArtist,\n title: serviceData.mediaTitle,\n album: serviceData.mediaAlbum,\n mediaImage: serviceData.mediaImage ? serviceData.mediaImage : null\n };\n } else if (key === \"WEATHER\") {\n weatherActive = true;\n var serviceData = activeServices[\"WEATHER\"].serviceData;\n if (!serviceData || !serviceData.currentForecast) {\n weatherMissingData = true;\n continue;\n }\n\n var currentForecast = serviceData.currentForecast;\n\n weatherData = {\n high: currentForecast.temperatureHigh ? currentForecast.temperatureHigh.value : 0,\n low: currentForecast.temperatureLow ? currentForecast.temperatureLow.value : 0,\n precipProbability: currentForecast.precipProbability * 100,\n windMPH: currentForecast.windSpeed,\n currentTemperature: currentForecast.currentTemperature ? currentForecast.currentTemperature.value : 0,\n weatherIcon: currentForecast.weatherIcon ? currentForecast.weatherIcon : null\n };\n }\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n\n var activeServiceTab = this.state.activeServiceTab;\n var themeClass = this.props.theme ? 'dark-theme dark-shadow' : 'light-theme light-shadow';\n\n // If there is no service data present, hide option to expand medium view.\n var hideExpandButton = (navMissingData || !navActive) && (mediaMissingData || !mediaActive) && (weatherMissingData || !weatherActive);\n\n return _react2.default.createElement(\n 'div',\n { className: 'app-services-nav th-nav-background-color' },\n _react2.default.createElement(\n 'div',\n { className: 'clock' },\n _react2.default.createElement(\n 'p',\n { className: 't-small t-medium th-f-color' },\n this.state.time\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: 'app-services-button-group' },\n _react2.default.createElement(\n 'div',\n { className: \"app-services-tab \" + (activeServiceTab == \"nav\" ? \"tab-wide__nav\" : \"\") + (navActive ? \"\" : \" hide-tab\"),\n onClick: function onClick() {\n return _this2.setActive(\"nav\");\n } },\n _react2.default.createElement(_NavInstructionImage2.default, { image: navData.image, theme: undefined, parent: 'nav-bar' }),\n _react2.default.createElement(\n 'div',\n { className: \"t-small t-medium th-f-color tab-text \" + (activeServiceTab == \"nav\" ? \"\" : \"hide-tab\") },\n _react2.default.createElement(\n 'p',\n { className: navMissingData ? \"waiting-message\" : \"hide-tab\" },\n navMissingData ? waitingMessage : null\n ),\n _react2.default.createElement(\n 'p',\n { className: navMissingData ? \"hide-tab\" : \"\" },\n navData.location\n ),\n _react2.default.createElement(\n 'p',\n { className: navMissingData ? \"hide-tab\" : \"t-light\" },\n navData.actionBearing\n ),\n _react2.default.createElement(\n 'p',\n { className: navMissingData ? \"hide-tab\" : \"t-light\" },\n '|'\n ),\n _react2.default.createElement(\n 'p',\n { className: navMissingData ? \"hide-tab\" : \"t-light\" },\n navData.distance ? navData.distance + \" mi\" : \"\"\n )\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: \"app-services-tab \" + (activeServiceTab == \"media\" ? \"tab-wide__media\" : \"\") + (mediaActive ? \"\" : \" hide-tab\"),\n onClick: function onClick() {\n return _this2.setActive(\"media\");\n } },\n _react2.default.createElement(_MediaServiceDataImage2.default, { image: mediaData.mediaImage }),\n _react2.default.createElement(\n 'div',\n { className: \"t-small t-medium th-f-color tab-text \" + (activeServiceTab == \"media\" ? \"\" : \"hide-tab\") },\n _react2.default.createElement(\n 'p',\n { className: mediaMissingData ? \"waiting-message\" : \"hide-tab\" },\n mediaMissingData ? waitingMessage : null\n ),\n _react2.default.createElement(\n 'p',\n { className: mediaMissingData ? \"hide-tab\" : \"\" },\n mediaData.artist\n ),\n _react2.default.createElement(\n 'p',\n { className: mediaMissingData ? \"hide-tab\" : \"t-light\" },\n mediaData.title\n )\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: \"app-services-tab \" + (activeServiceTab == \"weather\" ? \"tab-wide__weather\" : \"\") + (weatherActive ? \"\" : \" hide-tab\"),\n onClick: function onClick() {\n return _this2.setActive(\"weather\");\n } },\n _react2.default.createElement(_WeatherButton2.default, { temp: weatherData.currentTemperature, weatherIcon: weatherData.weatherIcon }),\n _react2.default.createElement(\n 'div',\n { className: \"t-small t-medium th-f-color tab-text even-spacing \" + (activeServiceTab == \"weather\" ? \"\" : \"hide-tab\") },\n _react2.default.createElement(\n 'p',\n { className: weatherMissingData ? \"waiting-message\" : \"hide-tab\" },\n weatherMissingData ? waitingMessage : null\n ),\n _react2.default.createElement(\n 'div',\n { className: weatherMissingData || !(weatherData.high && weatherData.low) ? \"hide-tab\" : \"weather-item\" },\n _react2.default.createElement(\n 'p',\n null,\n weatherData.high && weatherData.low ? weatherData.high + \"°\" : null\n ),\n _react2.default.createElement(\n 'p',\n { className: 't-light' },\n weatherData.high && weatherData.low ? \"/ \" + weatherData.low + \"°\" : null\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: weatherMissingData || !weatherData.precipProbability ? \"hide-tab\" : \"weather-item\" },\n _react2.default.createElement(\n 'p',\n null,\n weatherData.precipProbability ? weatherData.precipProbability + \"% \" : null\n ),\n _react2.default.createElement(\n 'p',\n { className: 't-light' },\n weatherData.precipProbability ? \"prec.\" : null\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: weatherMissingData || !weatherData.windMPH ? \"hide-tab\" : \"weather-item width-40-pct \" },\n _react2.default.createElement(\n 'p',\n null,\n weatherData.windMPH ? weatherData.windMPH + \"mph \" : null\n ),\n _react2.default.createElement(\n 'p',\n { className: 't-light' },\n weatherData.windMPH ? \"wind\" : null\n )\n )\n )\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: 'clock' },\n _react2.default.createElement(\n 'div',\n { className: hideExpandButton ? \"hide-tab\" : \"app-service-modal-button\", onClick: function onClick() {\n return _this2.toggleModal();\n } },\n _react2.default.createElement('span', { className: hideExpandButton ? \"hide-tab\" : \"svg-size\",\n dangerouslySetInnerHTML: this.state.showModal ? { __html: _collapse2.default } : { __html: _expand2.default } })\n )\n ),\n _react2.default.createElement(\n _reactModal2.default,\n {\n isOpen: this.state.showModal,\n className: 'app-service-modal th-nav-background-color',\n overlayClassName: themeClass + \" app-service-overlay\",\n contentLabel: 'App Service Modal' },\n _react2.default.createElement(_AppServiceMediumModal2.default, { weatherData: weatherData,\n mediaData: mediaData,\n navData: navData,\n weatherActive: weatherActive,\n mediaActive: mediaActive,\n navActive: navActive,\n theme: this.props.theme })\n )\n );\n }\n }, {\n key: 'componentWillReceiveProps',\n value: function componentWillReceiveProps(nextProps) {}\n }, {\n key: 'componentDidMount',\n value: function componentDidMount() {\n var _this3 = this;\n\n this.setState({ time: this.getTime() });\n this.interval = setInterval(function () {\n return _this3.setState({ time: _this3.getTime() });\n }, 60000);\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n clearInterval(this.interval);\n }\n }]);\n\n return AppServicesNav;\n}(_react2.default.Component);\n\nexports.default = (0, _reactRouter.withRouter)(AppServicesNav);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppServicesNav.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AppServicesNav.js\n// module id = 639\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AppServicesNav.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRouter = __webpack_require__(94);\n\nvar _weather = __webpack_require__(640);\n\nvar _weather2 = _interopRequireDefault(_weather);\n\nvar _WeatherButton = __webpack_require__(641);\n\nvar _WeatherButton2 = _interopRequireDefault(_WeatherButton);\n\nvar _media = __webpack_require__(643);\n\nvar _media2 = _interopRequireDefault(_media);\n\nvar _MediaServiceDataImage = __webpack_require__(644);\n\nvar _MediaServiceDataImage2 = _interopRequireDefault(_MediaServiceDataImage);\n\nvar _NavInstructionImage = __webpack_require__(645);\n\nvar _NavInstructionImage2 = _interopRequireDefault(_NavInstructionImage);\n\nvar _iconMenu = __webpack_require__(617);\n\nvar _iconMenu2 = _interopRequireDefault(_iconMenu);\n\nvar _expand = __webpack_require__(648);\n\nvar _expand2 = _interopRequireDefault(_expand);\n\nvar _collapse = __webpack_require__(649);\n\nvar _collapse2 = _interopRequireDefault(_collapse);\n\nvar _AppServiceMediumModal = __webpack_require__(650);\n\nvar _AppServiceMediumModal2 = _interopRequireDefault(_AppServiceMediumModal);\n\nvar _reactModal = __webpack_require__(156);\n\nvar _reactModal2 = _interopRequireDefault(_reactModal);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AppServicesNav = function (_React$Component) {\n _inherits(AppServicesNav, _React$Component);\n\n function AppServicesNav(props) {\n _classCallCheck(this, AppServicesNav);\n\n var _this = _possibleConstructorReturn(this, (AppServicesNav.__proto__ || Object.getPrototypeOf(AppServicesNav)).call(this, props));\n\n _this.state = {\n time: \"\",\n activeServiceTab: \"\",\n showModal: false\n };\n return _this;\n }\n\n _createClass(AppServicesNav, [{\n key: 'toggleModal',\n value: function toggleModal() {\n this.setState({ showModal: !this.state.showModal });\n }\n }, {\n key: 'setActive',\n value: function setActive(type) {\n var active = this.state.activeServiceTab;\n if (type == active) {\n this.setState({ activeServiceTab: \"\" });\n } else {\n this.setState({ activeServiceTab: type });\n }\n }\n }, {\n key: 'getTime',\n value: function getTime() {\n var d = new Date();\n var hours = d.getHours();\n var minutes = d.getMinutes();\n hours = hours < 10 ? \"0\" + hours : hours;\n minutes = minutes < 10 ? \"0\" + minutes : minutes;\n\n var offset = d.getTimezoneOffset();\n return hours + \":\" + minutes + \" pm\";\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n if (!this.props.appServicesEnabled) {\n return null;\n }\n var activeServices = this.props.activeServices;\n var activeTypes = Object.keys(activeServices);\n var navActive = false;\n var mediaActive = false;\n var weatherActive = false;\n var mediaData = {\n artist: \"\",\n track: \"\",\n album: \"\",\n image: null\n };\n\n var navData = {\n location: null,\n actionBearing: null,\n distance: null,\n nextActionBearing: null,\n image: null\n };\n var weatherData = {\n high: null,\n low: null,\n precipProbability: null,\n windMPH: null,\n current: null,\n weatherIcon: null\n };\n\n var waitingMessage = \"Waiting for data...\";\n var navMissingData = false;\n var mediaMissingData = false;\n var weatherMissingData = false;\n\n var _iteratorNormalCompletion = true;\n var _didIteratorError = false;\n var _iteratorError = undefined;\n\n try {\n for (var _iterator = activeTypes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var key = _step.value;\n\n if (key == \"NAVIGATION\") {\n navActive = true;\n var serviceData = activeServices[\"NAVIGATION\"].serviceData;\n if (!serviceData) {\n // Service published, but no data available\n navMissingData = true;\n continue;\n }\n navData = {\n location: serviceData.location,\n actionBearing: serviceData.actionBearing,\n distance: serviceData.distance,\n nextActionBearing: serviceData.nextActionBearing,\n image: serviceData.image\n };\n } else if (key === \"MEDIA\") {\n mediaActive = true;\n var serviceData = activeServices[\"MEDIA\"].serviceData;\n if (!serviceData) {\n // Service published, but no data available\n mediaMissingData = true;\n continue;\n }\n mediaData = {\n artist: serviceData.mediaArtist,\n title: serviceData.mediaTitle,\n album: serviceData.mediaAlbum,\n mediaImage: serviceData.mediaImage ? serviceData.mediaImage : null\n };\n } else if (key === \"WEATHER\") {\n weatherActive = true;\n var serviceData = activeServices[\"WEATHER\"].serviceData;\n if (!serviceData || !serviceData.currentForecast) {\n weatherMissingData = true;\n continue;\n }\n\n var currentForecast = serviceData.currentForecast;\n\n weatherData = {\n high: currentForecast.temperatureHigh ? currentForecast.temperatureHigh.value : 0,\n low: currentForecast.temperatureLow ? currentForecast.temperatureLow.value : 0,\n precipProbability: currentForecast.precipProbability * 100,\n windMPH: currentForecast.windSpeed,\n currentTemperature: currentForecast.currentTemperature ? currentForecast.currentTemperature.value : 0,\n weatherIcon: currentForecast.weatherIcon ? currentForecast.weatherIcon : null\n };\n }\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n\n var activeServiceTab = this.state.activeServiceTab;\n var themeClass = this.props.theme ? 'dark-theme dark-shadow' : 'light-theme light-shadow';\n\n // If there is no service data present, hide option to expand medium view.\n var hideExpandButton = (navMissingData || !navActive) && (mediaMissingData || !mediaActive) && (weatherMissingData || !weatherActive);\n\n return _react2.default.createElement(\n 'div',\n { className: 'app-services-nav th-nav-background-color' },\n _react2.default.createElement(\n 'div',\n { className: 'clock' },\n _react2.default.createElement(\n 'p',\n { className: 't-small t-medium th-f-color' },\n this.state.time\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: 'app-services-button-group' },\n _react2.default.createElement(\n 'div',\n { className: \"app-services-tab \" + (activeServiceTab == \"nav\" ? \"tab-wide__nav\" : \"\") + (navActive ? \"\" : \" hide-tab\"),\n onClick: function onClick() {\n return _this2.setActive(\"nav\");\n } },\n _react2.default.createElement(_NavInstructionImage2.default, { image: navData.image, theme: undefined, parent: 'nav-bar' }),\n _react2.default.createElement(\n 'div',\n { className: \"t-small t-medium th-f-color tab-text \" + (activeServiceTab == \"nav\" ? \"\" : \"hide-tab\") },\n _react2.default.createElement(\n 'p',\n { className: navMissingData ? \"waiting-message\" : \"hide-tab\" },\n navMissingData ? waitingMessage : null\n ),\n _react2.default.createElement(\n 'p',\n { className: navMissingData ? \"hide-tab\" : \"\" },\n navData.location\n ),\n _react2.default.createElement(\n 'p',\n { className: navMissingData ? \"hide-tab\" : \"t-light\" },\n navData.actionBearing\n ),\n _react2.default.createElement(\n 'p',\n { className: navMissingData ? \"hide-tab\" : \"t-light\" },\n '|'\n ),\n _react2.default.createElement(\n 'p',\n { className: navMissingData ? \"hide-tab\" : \"t-light\" },\n navData.distance ? navData.distance + \" mi\" : \"\"\n )\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: \"app-services-tab \" + (activeServiceTab == \"media\" ? \"tab-wide__media\" : \"\") + (mediaActive ? \"\" : \" hide-tab\"),\n onClick: function onClick() {\n return _this2.setActive(\"media\");\n } },\n _react2.default.createElement(_MediaServiceDataImage2.default, { image: mediaData.mediaImage }),\n _react2.default.createElement(\n 'div',\n { className: \"t-small t-medium th-f-color tab-text \" + (activeServiceTab == \"media\" ? \"\" : \"hide-tab\") },\n _react2.default.createElement(\n 'p',\n { className: mediaMissingData ? \"waiting-message\" : \"hide-tab\" },\n mediaMissingData ? waitingMessage : null\n ),\n _react2.default.createElement(\n 'p',\n { className: mediaMissingData ? \"hide-tab\" : \"\" },\n mediaData.artist\n ),\n _react2.default.createElement(\n 'p',\n { className: mediaMissingData ? \"hide-tab\" : \"t-light\" },\n mediaData.title\n )\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: \"app-services-tab \" + (activeServiceTab == \"weather\" ? \"tab-wide__weather\" : \"\") + (weatherActive ? \"\" : \" hide-tab\"),\n onClick: function onClick() {\n return _this2.setActive(\"weather\");\n } },\n _react2.default.createElement(_WeatherButton2.default, { temp: weatherData.currentTemperature, weatherIcon: weatherData.weatherIcon }),\n _react2.default.createElement(\n 'div',\n { className: \"t-small t-medium th-f-color tab-text even-spacing \" + (activeServiceTab == \"weather\" ? \"\" : \"hide-tab\") },\n _react2.default.createElement(\n 'p',\n { className: weatherMissingData ? \"waiting-message\" : \"hide-tab\" },\n weatherMissingData ? waitingMessage : null\n ),\n _react2.default.createElement(\n 'div',\n { className: weatherMissingData || !(weatherData.high && weatherData.low) ? \"hide-tab\" : \"weather-item\" },\n _react2.default.createElement(\n 'p',\n null,\n weatherData.high && weatherData.low ? weatherData.high + \"°\" : null\n ),\n _react2.default.createElement(\n 'p',\n { className: 't-light' },\n weatherData.high && weatherData.low ? \"/ \" + weatherData.low + \"°\" : null\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: weatherMissingData || !weatherData.precipProbability ? \"hide-tab\" : \"weather-item\" },\n _react2.default.createElement(\n 'p',\n null,\n weatherData.precipProbability ? weatherData.precipProbability + \"% \" : null\n ),\n _react2.default.createElement(\n 'p',\n { className: 't-light' },\n weatherData.precipProbability ? \"prec.\" : null\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: weatherMissingData || !weatherData.windMPH ? \"hide-tab\" : \"weather-item width-40-pct \" },\n _react2.default.createElement(\n 'p',\n null,\n weatherData.windMPH ? weatherData.windMPH + \"mph \" : null\n ),\n _react2.default.createElement(\n 'p',\n { className: 't-light' },\n weatherData.windMPH ? \"wind\" : null\n )\n )\n )\n )\n ),\n _react2.default.createElement(\n 'div',\n { className: 'clock' },\n _react2.default.createElement(\n 'div',\n { className: hideExpandButton ? \"hide-tab\" : \"app-service-modal-button\", onClick: function onClick() {\n return _this2.toggleModal();\n } },\n _react2.default.createElement('span', { className: hideExpandButton ? \"hide-tab\" : \"svg-size\",\n dangerouslySetInnerHTML: this.state.showModal ? { __html: _collapse2.default } : { __html: _expand2.default } })\n )\n ),\n _react2.default.createElement(\n _reactModal2.default,\n {\n isOpen: this.state.showModal,\n className: 'app-service-modal th-nav-background-color',\n overlayClassName: themeClass + \" app-service-overlay\",\n contentLabel: 'App Service Modal' },\n _react2.default.createElement(_AppServiceMediumModal2.default, { weatherData: weatherData,\n mediaData: mediaData,\n navData: navData,\n weatherActive: weatherActive,\n mediaActive: mediaActive,\n navActive: navActive,\n theme: this.props.theme })\n )\n );\n }\n }, {\n key: 'componentWillReceiveProps',\n value: function componentWillReceiveProps(nextProps) {}\n }, {\n key: 'componentDidMount',\n value: function componentDidMount() {\n var _this3 = this;\n\n this.setState({ time: this.getTime() });\n this.interval = setInterval(function () {\n return _this3.setState({ time: _this3.getTime() });\n }, 60000);\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n clearInterval(this.interval);\n }\n }]);\n\n return AppServicesNav;\n}(_react2.default.Component);\n\nexports.default = (0, _reactRouter.withRouter)(AppServicesNav);\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppServicesNav.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AppServicesNav.js\n// module id = 639\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AppServicesNav.js?"); /***/ }), /* 640 */ @@ -3890,13 +3890,13 @@ /* 641 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _weather = __webpack_require__(640);\n\nvar _weather2 = _interopRequireDefault(_weather);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nvar _WeatherServiceImage = __webpack_require__(642);\n\nvar _WeatherServiceImage2 = _interopRequireDefault(_WeatherServiceImage);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar WeatherButton = function (_React$Component) {\n _inherits(WeatherButton, _React$Component);\n\n function WeatherButton() {\n _classCallCheck(this, WeatherButton);\n\n return _possibleConstructorReturn(this, (WeatherButton.__proto__ || Object.getPrototypeOf(WeatherButton)).call(this));\n }\n\n _createClass(WeatherButton, [{\n key: 'render',\n value: function render() {\n\n if (this.props.temp) {\n return _react2.default.createElement(\n 'div',\n { className: 'th-nav-background-color nav-text-bubble' },\n _react2.default.createElement(\n 'p',\n { className: 't-small t-medium th-f-color' },\n this.props.temp + \"°\"\n )\n );\n }\n var icon = this.props.weatherIcon;\n return _react2.default.createElement(_WeatherServiceImage2.default, { image: icon });\n }\n }]);\n\n return WeatherButton;\n}(_react2.default.Component);\n\nexports.default = WeatherButton;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"WeatherButton.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/WeatherButton.js\n// module id = 641\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/WeatherButton.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _weather = __webpack_require__(640);\n\nvar _weather2 = _interopRequireDefault(_weather);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nvar _WeatherServiceImage = __webpack_require__(642);\n\nvar _WeatherServiceImage2 = _interopRequireDefault(_WeatherServiceImage);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar WeatherButton = function (_React$Component) {\n _inherits(WeatherButton, _React$Component);\n\n function WeatherButton() {\n _classCallCheck(this, WeatherButton);\n\n return _possibleConstructorReturn(this, (WeatherButton.__proto__ || Object.getPrototypeOf(WeatherButton)).call(this));\n }\n\n _createClass(WeatherButton, [{\n key: 'render',\n value: function render() {\n\n if (this.props.temp) {\n return _react2.default.createElement(\n 'div',\n { className: 'th-nav-background-color nav-text-bubble' },\n _react2.default.createElement(\n 'p',\n { className: 't-small t-medium th-f-color' },\n this.props.temp + \"°\"\n )\n );\n }\n var icon = this.props.weatherIcon;\n return _react2.default.createElement(_WeatherServiceImage2.default, { image: icon });\n }\n }]);\n\n return WeatherButton;\n}(_react2.default.Component);\n\nexports.default = WeatherButton;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"WeatherButton.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/WeatherButton.js\n// module id = 641\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/WeatherButton.js?"); /***/ }), /* 642 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _weather = __webpack_require__(640);\n\nvar _weather2 = _interopRequireDefault(_weather);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar WeatherServiceImage = function (_React$Component) {\n _inherits(WeatherServiceImage, _React$Component);\n\n function WeatherServiceImage() {\n _classCallCheck(this, WeatherServiceImage);\n\n return _possibleConstructorReturn(this, (WeatherServiceImage.__proto__ || Object.getPrototypeOf(WeatherServiceImage)).call(this));\n }\n\n _createClass(WeatherServiceImage, [{\n key: 'render',\n value: function render() {\n var icon = this.props.image;\n if (icon) {\n if (icon.imageType === \"STATIC\") {\n return _react2.default.createElement(\n 'div',\n { className: 'app-service-icon svg-size weather-color' },\n _react2.default.createElement(_StaticIcon2.default, { 'class': 'static-icon', image: icon.value })\n );\n } else {\n return _react2.default.createElement(\n 'div',\n { className: 'app-service-icon weather-color' },\n _react2.default.createElement(_Image2.default, { image: icon.value,\n isTemplate: icon.isTemplate,\n fillColor: \"#FFFFFF\" })\n );\n }\n } else {\n return _react2.default.createElement('span', { className: 'svg-size weather-color ',\n dangerouslySetInnerHTML: { __html: _weather2.default } });\n }\n }\n }]);\n\n return WeatherServiceImage;\n}(_react2.default.Component);\n\nexports.default = WeatherServiceImage;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"WeatherServiceImage.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/WeatherServiceImage.js\n// module id = 642\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/WeatherServiceImage.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _weather = __webpack_require__(640);\n\nvar _weather2 = _interopRequireDefault(_weather);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar WeatherServiceImage = function (_React$Component) {\n _inherits(WeatherServiceImage, _React$Component);\n\n function WeatherServiceImage() {\n _classCallCheck(this, WeatherServiceImage);\n\n return _possibleConstructorReturn(this, (WeatherServiceImage.__proto__ || Object.getPrototypeOf(WeatherServiceImage)).call(this));\n }\n\n _createClass(WeatherServiceImage, [{\n key: 'render',\n value: function render() {\n var icon = this.props.image;\n if (icon) {\n if (icon.imageType === \"STATIC\") {\n return _react2.default.createElement(\n 'div',\n { className: 'app-service-icon svg-size weather-color' },\n _react2.default.createElement(_StaticIcon2.default, { 'class': 'static-icon', image: icon.value })\n );\n } else {\n return _react2.default.createElement(\n 'div',\n { className: 'app-service-icon weather-color' },\n _react2.default.createElement(_Image2.default, { image: icon.value,\n isTemplate: icon.isTemplate,\n fillColor: \"#FFFFFF\" })\n );\n }\n } else {\n return _react2.default.createElement('span', { className: 'svg-size weather-color ',\n dangerouslySetInnerHTML: { __html: _weather2.default } });\n }\n }\n }]);\n\n return WeatherServiceImage;\n}(_react2.default.Component);\n\nexports.default = WeatherServiceImage;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"WeatherServiceImage.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/WeatherServiceImage.js\n// module id = 642\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/WeatherServiceImage.js?"); /***/ }), /* 643 */ @@ -3908,13 +3908,13 @@ /* 644 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _media = __webpack_require__(643);\n\nvar _media2 = _interopRequireDefault(_media);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar MediaServiceDataImage = function (_React$Component) {\n _inherits(MediaServiceDataImage, _React$Component);\n\n function MediaServiceDataImage() {\n _classCallCheck(this, MediaServiceDataImage);\n\n return _possibleConstructorReturn(this, (MediaServiceDataImage.__proto__ || Object.getPrototypeOf(MediaServiceDataImage)).call(this));\n }\n\n _createClass(MediaServiceDataImage, [{\n key: 'fillColor',\n value: function fillColor() {\n var fillColor = null;\n if (this.props.theme) {\n fillColor = \"#FFFFFF\";\n } else {\n fillColor = \"#000000\";\n }\n return fillColor;\n }\n }, {\n key: 'render',\n value: function render() {\n var image = this.props.image;\n if (image) {\n if (image.imageType === \"STATIC\") {\n return _react2.default.createElement(\n 'div',\n { className: 'app-service-icon svg-size media-color' },\n _react2.default.createElement(_StaticIcon2.default, { 'class': 'static-icon', image: image.value })\n );\n } else {\n return _react2.default.createElement(\n 'div',\n { className: 'app-service-icon media-color' },\n _react2.default.createElement(_Image2.default, { image: image.value,\n isTemplate: image.isTemplate,\n fillColor: this.fillColor() })\n );\n }\n } else {\n return _react2.default.createElement('span', { className: 'svg-size media-color ',\n dangerouslySetInnerHTML: { __html: _media2.default } });\n }\n }\n }]);\n\n return MediaServiceDataImage;\n}(_react2.default.Component);\n\nexports.default = MediaServiceDataImage;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"MediaServiceDataImage.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/MediaServiceDataImage.js\n// module id = 644\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/MediaServiceDataImage.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _media = __webpack_require__(643);\n\nvar _media2 = _interopRequireDefault(_media);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar MediaServiceDataImage = function (_React$Component) {\n _inherits(MediaServiceDataImage, _React$Component);\n\n function MediaServiceDataImage() {\n _classCallCheck(this, MediaServiceDataImage);\n\n return _possibleConstructorReturn(this, (MediaServiceDataImage.__proto__ || Object.getPrototypeOf(MediaServiceDataImage)).call(this));\n }\n\n _createClass(MediaServiceDataImage, [{\n key: 'fillColor',\n value: function fillColor() {\n var fillColor = null;\n if (this.props.theme) {\n fillColor = \"#FFFFFF\";\n } else {\n fillColor = \"#000000\";\n }\n return fillColor;\n }\n }, {\n key: 'render',\n value: function render() {\n var image = this.props.image;\n if (image) {\n if (image.imageType === \"STATIC\") {\n return _react2.default.createElement(\n 'div',\n { className: 'app-service-icon svg-size media-color' },\n _react2.default.createElement(_StaticIcon2.default, { 'class': 'static-icon', image: image.value })\n );\n } else {\n return _react2.default.createElement(\n 'div',\n { className: 'app-service-icon media-color' },\n _react2.default.createElement(_Image2.default, { image: image.value,\n isTemplate: image.isTemplate,\n fillColor: this.fillColor() })\n );\n }\n } else {\n return _react2.default.createElement('span', { className: 'svg-size media-color ',\n dangerouslySetInnerHTML: { __html: _media2.default } });\n }\n }\n }]);\n\n return MediaServiceDataImage;\n}(_react2.default.Component);\n\nexports.default = MediaServiceDataImage;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"MediaServiceDataImage.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/MediaServiceDataImage.js\n// module id = 644\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/MediaServiceDataImage.js?"); /***/ }), /* 645 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _navigationWhite = __webpack_require__(646);\n\nvar _navigationWhite2 = _interopRequireDefault(_navigationWhite);\n\nvar _navigationBlack = __webpack_require__(647);\n\nvar _navigationBlack2 = _interopRequireDefault(_navigationBlack);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar NavInstructionImage = function (_React$Component) {\n _inherits(NavInstructionImage, _React$Component);\n\n function NavInstructionImage() {\n _classCallCheck(this, NavInstructionImage);\n\n return _possibleConstructorReturn(this, (NavInstructionImage.__proto__ || Object.getPrototypeOf(NavInstructionImage)).call(this));\n }\n\n _createClass(NavInstructionImage, [{\n key: \"fillColor\",\n value: function fillColor() {\n var fillColor = null;\n if (this.props.theme === undefined) {\n // Special case for images in the nav bar.\n // They should always be white.\n fillColor = \"#FFFFFF\";\n } else if (this.props.theme) {\n fillColor = \"#FFFFFF\";\n } else {\n fillColor = \"#000000\";\n }\n return fillColor;\n }\n }, {\n key: \"render\",\n value: function render() {\n var image = this.props.image;\n if (image) {\n if (image.imageType === \"STATIC\") {\n return _react2.default.createElement(\n \"div\",\n { className: \"app-service-icon svg-size nav-color\" },\n _react2.default.createElement(_StaticIcon2.default, { \"class\": \"static-icon\", image: image.value })\n );\n } else {\n return _react2.default.createElement(\n \"div\",\n { className: \"app-service-icon nav-color\" },\n _react2.default.createElement(_Image2.default, { image: image.value,\n isTemplate: image.isTemplate,\n fillColor: this.fillColor() })\n );\n }\n } else {\n if (this.props.parent === \"nav-bar\") {\n return _react2.default.createElement(\"span\", { className: \"svg-size nav-color \",\n dangerouslySetInnerHTML: { __html: _navigationWhite2.default } });\n } else {\n return _react2.default.createElement(\"span\", { className: \"svg-size nav-color \",\n dangerouslySetInnerHTML: this.props.theme ? { __html: _navigationWhite2.default } : { __html: _navigationBlack2.default } });\n }\n }\n }\n }]);\n\n return NavInstructionImage;\n}(_react2.default.Component);\n\nexports.default = NavInstructionImage;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"NavInstructionImage.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/NavInstructionImage.js\n// module id = 645\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/NavInstructionImage.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _navigationWhite = __webpack_require__(646);\n\nvar _navigationWhite2 = _interopRequireDefault(_navigationWhite);\n\nvar _navigationBlack = __webpack_require__(647);\n\nvar _navigationBlack2 = _interopRequireDefault(_navigationBlack);\n\nvar _StaticIcon = __webpack_require__(320);\n\nvar _StaticIcon2 = _interopRequireDefault(_StaticIcon);\n\nvar _Image = __webpack_require__(510);\n\nvar _Image2 = _interopRequireDefault(_Image);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar NavInstructionImage = function (_React$Component) {\n _inherits(NavInstructionImage, _React$Component);\n\n function NavInstructionImage() {\n _classCallCheck(this, NavInstructionImage);\n\n return _possibleConstructorReturn(this, (NavInstructionImage.__proto__ || Object.getPrototypeOf(NavInstructionImage)).call(this));\n }\n\n _createClass(NavInstructionImage, [{\n key: \"fillColor\",\n value: function fillColor() {\n var fillColor = null;\n if (this.props.theme === undefined) {\n // Special case for images in the nav bar.\n // They should always be white.\n fillColor = \"#FFFFFF\";\n } else if (this.props.theme) {\n fillColor = \"#FFFFFF\";\n } else {\n fillColor = \"#000000\";\n }\n return fillColor;\n }\n }, {\n key: \"render\",\n value: function render() {\n var image = this.props.image;\n if (image) {\n if (image.imageType === \"STATIC\") {\n return _react2.default.createElement(\n \"div\",\n { className: \"app-service-icon svg-size nav-color\" },\n _react2.default.createElement(_StaticIcon2.default, { \"class\": \"static-icon\", image: image.value })\n );\n } else {\n return _react2.default.createElement(\n \"div\",\n { className: \"app-service-icon nav-color\" },\n _react2.default.createElement(_Image2.default, { image: image.value,\n isTemplate: image.isTemplate,\n fillColor: this.fillColor() })\n );\n }\n } else {\n if (this.props.parent === \"nav-bar\") {\n return _react2.default.createElement(\"span\", { className: \"svg-size nav-color \",\n dangerouslySetInnerHTML: { __html: _navigationWhite2.default } });\n } else {\n return _react2.default.createElement(\"span\", { className: \"svg-size nav-color \",\n dangerouslySetInnerHTML: this.props.theme ? { __html: _navigationWhite2.default } : { __html: _navigationBlack2.default } });\n }\n }\n }\n }]);\n\n return NavInstructionImage;\n}(_react2.default.Component);\n\nexports.default = NavInstructionImage;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"NavInstructionImage.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/NavInstructionImage.js\n// module id = 645\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/NavInstructionImage.js?"); /***/ }), /* 646 */ @@ -3944,55 +3944,55 @@ /* 650 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _AppServiceNavCard = __webpack_require__(651);\n\nvar _AppServiceNavCard2 = _interopRequireDefault(_AppServiceNavCard);\n\nvar _AppServiceMediaCard = __webpack_require__(652);\n\nvar _AppServiceMediaCard2 = _interopRequireDefault(_AppServiceMediaCard);\n\nvar _AppServiceWeatherCard = __webpack_require__(653);\n\nvar _AppServiceWeatherCard2 = _interopRequireDefault(_AppServiceWeatherCard);\n\nvar _Divider = __webpack_require__(654);\n\nvar _Divider2 = _interopRequireDefault(_Divider);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AppServiceMediumModal = function (_React$Component) {\n _inherits(AppServiceMediumModal, _React$Component);\n\n function AppServiceMediumModal() {\n _classCallCheck(this, AppServiceMediumModal);\n\n return _possibleConstructorReturn(this, (AppServiceMediumModal.__proto__ || Object.getPrototypeOf(AppServiceMediumModal)).call(this));\n }\n\n _createClass(AppServiceMediumModal, [{\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n { className: 'app-service-medium' },\n _react2.default.createElement(_AppServiceNavCard2.default, { navData: this.props.navData,\n navActive: this.props.navActive, theme: this.props.theme }),\n _react2.default.createElement(_Divider2.default, { position: 1, navActive: this.props.navActive, mediaActive: this.props.mediaActive, weatherActive: this.props.weatherActive }),\n _react2.default.createElement(_AppServiceMediaCard2.default, { mediaData: this.props.mediaData,\n mediaActive: this.props.mediaActive, theme: this.props.theme }),\n _react2.default.createElement(_Divider2.default, { position: 2, navActive: this.props.navActive, mediaActive: this.props.mediaActive, weatherActive: this.props.weatherActive }),\n _react2.default.createElement(_AppServiceWeatherCard2.default, { weatherData: this.props.weatherData,\n weatherActive: this.props.weatherActive, theme: this.props.theme })\n );\n }\n }]);\n\n return AppServiceMediumModal;\n}(_react2.default.Component);\n\nexports.default = AppServiceMediumModal;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppServiceMediumModal.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AppServiceMediumModal.js\n// module id = 650\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AppServiceMediumModal.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _AppServiceNavCard = __webpack_require__(651);\n\nvar _AppServiceNavCard2 = _interopRequireDefault(_AppServiceNavCard);\n\nvar _AppServiceMediaCard = __webpack_require__(652);\n\nvar _AppServiceMediaCard2 = _interopRequireDefault(_AppServiceMediaCard);\n\nvar _AppServiceWeatherCard = __webpack_require__(653);\n\nvar _AppServiceWeatherCard2 = _interopRequireDefault(_AppServiceWeatherCard);\n\nvar _Divider = __webpack_require__(654);\n\nvar _Divider2 = _interopRequireDefault(_Divider);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AppServiceMediumModal = function (_React$Component) {\n _inherits(AppServiceMediumModal, _React$Component);\n\n function AppServiceMediumModal() {\n _classCallCheck(this, AppServiceMediumModal);\n\n return _possibleConstructorReturn(this, (AppServiceMediumModal.__proto__ || Object.getPrototypeOf(AppServiceMediumModal)).call(this));\n }\n\n _createClass(AppServiceMediumModal, [{\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n { className: 'app-service-medium' },\n _react2.default.createElement(_AppServiceNavCard2.default, { navData: this.props.navData,\n navActive: this.props.navActive, theme: this.props.theme }),\n _react2.default.createElement(_Divider2.default, { position: 1, navActive: this.props.navActive, mediaActive: this.props.mediaActive, weatherActive: this.props.weatherActive }),\n _react2.default.createElement(_AppServiceMediaCard2.default, { mediaData: this.props.mediaData,\n mediaActive: this.props.mediaActive, theme: this.props.theme }),\n _react2.default.createElement(_Divider2.default, { position: 2, navActive: this.props.navActive, mediaActive: this.props.mediaActive, weatherActive: this.props.weatherActive }),\n _react2.default.createElement(_AppServiceWeatherCard2.default, { weatherData: this.props.weatherData,\n weatherActive: this.props.weatherActive, theme: this.props.theme })\n );\n }\n }]);\n\n return AppServiceMediumModal;\n}(_react2.default.Component);\n\nexports.default = AppServiceMediumModal;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppServiceMediumModal.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AppServiceMediumModal.js\n// module id = 650\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AppServiceMediumModal.js?"); /***/ }), /* 651 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _NavInstructionImage = __webpack_require__(645);\n\nvar _NavInstructionImage2 = _interopRequireDefault(_NavInstructionImage);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AppServiceNavCard = function (_React$Component) {\n _inherits(AppServiceNavCard, _React$Component);\n\n function AppServiceNavCard() {\n _classCallCheck(this, AppServiceNavCard);\n\n return _possibleConstructorReturn(this, (AppServiceNavCard.__proto__ || Object.getPrototypeOf(AppServiceNavCard)).call(this));\n }\n\n _createClass(AppServiceNavCard, [{\n key: \"render\",\n value: function render() {\n if (!this.props.navActive || !this.props.navData) {\n return null;\n }\n var navData = this.props.navData;\n var streetLine = navData.location ? _react2.default.createElement(\n \"p\",\n { className: \"t-large t-medium th-f-color \" },\n navData.location\n ) : null;\n\n var actionBearingLine = navData.actionBearing ? _react2.default.createElement(\n \"p\",\n { className: \"t-light t-small th-f-color\" },\n navData.actionBearing + (navData.distance ? \" | \" + navData.distance : \"\")\n ) : null;\n\n var instructionLines = null;\n if (streetLine || actionBearingLine) {\n instructionLines = _react2.default.createElement(\n \"div\",\n { className: \"location-instruction\" },\n streetLine,\n actionBearingLine\n );\n }\n\n var nextActionLine = navData.nextActionBearing ? _react2.default.createElement(\n \"p\",\n { className: \"t-light th-f-color\" },\n navData.nextActionBearing\n ) : null;\n\n return _react2.default.createElement(\n \"div\",\n { className: \"app-service-nav-card app-service-medium-tab\" },\n _react2.default.createElement(_NavInstructionImage2.default, { image: navData.image, theme: this.props.theme, parent: \"nav-card\" }),\n instructionLines,\n nextActionLine,\n _react2.default.createElement(\n \"p\",\n { className: \"app-service-card-footer th-f-color\" },\n \"NAVIGATION\"\n )\n );\n }\n }]);\n\n return AppServiceNavCard;\n}(_react2.default.Component);\n\nexports.default = AppServiceNavCard;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppServiceNavCard.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AppServiceNavCard.js\n// module id = 651\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AppServiceNavCard.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _NavInstructionImage = __webpack_require__(645);\n\nvar _NavInstructionImage2 = _interopRequireDefault(_NavInstructionImage);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AppServiceNavCard = function (_React$Component) {\n _inherits(AppServiceNavCard, _React$Component);\n\n function AppServiceNavCard() {\n _classCallCheck(this, AppServiceNavCard);\n\n return _possibleConstructorReturn(this, (AppServiceNavCard.__proto__ || Object.getPrototypeOf(AppServiceNavCard)).call(this));\n }\n\n _createClass(AppServiceNavCard, [{\n key: \"render\",\n value: function render() {\n if (!this.props.navActive || !this.props.navData) {\n return null;\n }\n var navData = this.props.navData;\n var streetLine = navData.location ? _react2.default.createElement(\n \"p\",\n { className: \"t-large t-medium th-f-color \" },\n navData.location\n ) : null;\n\n var actionBearingLine = navData.actionBearing ? _react2.default.createElement(\n \"p\",\n { className: \"t-light t-small th-f-color\" },\n navData.actionBearing + (navData.distance ? \" | \" + navData.distance : \"\")\n ) : null;\n\n var instructionLines = null;\n if (streetLine || actionBearingLine) {\n instructionLines = _react2.default.createElement(\n \"div\",\n { className: \"location-instruction\" },\n streetLine,\n actionBearingLine\n );\n }\n\n var nextActionLine = navData.nextActionBearing ? _react2.default.createElement(\n \"p\",\n { className: \"t-light th-f-color\" },\n navData.nextActionBearing\n ) : null;\n\n return _react2.default.createElement(\n \"div\",\n { className: \"app-service-nav-card app-service-medium-tab\" },\n _react2.default.createElement(_NavInstructionImage2.default, { image: navData.image, theme: this.props.theme, parent: \"nav-card\" }),\n instructionLines,\n nextActionLine,\n _react2.default.createElement(\n \"p\",\n { className: \"app-service-card-footer th-f-color\" },\n \"NAVIGATION\"\n )\n );\n }\n }]);\n\n return AppServiceNavCard;\n}(_react2.default.Component);\n\nexports.default = AppServiceNavCard;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppServiceNavCard.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AppServiceNavCard.js\n// module id = 651\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AppServiceNavCard.js?"); /***/ }), /* 652 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _media = __webpack_require__(643);\n\nvar _media2 = _interopRequireDefault(_media);\n\nvar _MediaServiceDataImage = __webpack_require__(644);\n\nvar _MediaServiceDataImage2 = _interopRequireDefault(_MediaServiceDataImage);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AppServiceMediaCard = function (_React$Component) {\n _inherits(AppServiceMediaCard, _React$Component);\n\n function AppServiceMediaCard() {\n _classCallCheck(this, AppServiceMediaCard);\n\n return _possibleConstructorReturn(this, (AppServiceMediaCard.__proto__ || Object.getPrototypeOf(AppServiceMediaCard)).call(this));\n }\n\n _createClass(AppServiceMediaCard, [{\n key: \"render\",\n value: function render() {\n if (!this.props.mediaActive || !this.props.mediaData) {\n return null;\n }\n\n var mediaData = this.props.mediaData;\n\n var titleLine = mediaData.title ? _react2.default.createElement(\n \"p\",\n { className: \"t-large t-medium th-f-color \" },\n mediaData.title\n ) : null;\n\n var artistLine = mediaData.artist ? _react2.default.createElement(\n \"p\",\n { className: \"t-light t-small th-f-color\" },\n mediaData.artist\n ) : null;\n\n var albumLine = mediaData.title ? _react2.default.createElement(\n \"p\",\n { className: \"t-light t-small th-f-color\" },\n mediaData.title\n ) : null;\n\n return _react2.default.createElement(\n \"div\",\n { className: \"app-service-media-card app-service-medium-tab\" },\n _react2.default.createElement(_MediaServiceDataImage2.default, { image: mediaData.mediaImage }),\n titleLine,\n artistLine,\n albumLine,\n _react2.default.createElement(\n \"p\",\n { className: \"app-service-card-footer th-f-color\" },\n \"MEDIA\"\n )\n );\n }\n }]);\n\n return AppServiceMediaCard;\n}(_react2.default.Component);\n\nexports.default = AppServiceMediaCard;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppServiceMediaCard.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AppServiceMediaCard.js\n// module id = 652\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AppServiceMediaCard.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _media = __webpack_require__(643);\n\nvar _media2 = _interopRequireDefault(_media);\n\nvar _MediaServiceDataImage = __webpack_require__(644);\n\nvar _MediaServiceDataImage2 = _interopRequireDefault(_MediaServiceDataImage);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AppServiceMediaCard = function (_React$Component) {\n _inherits(AppServiceMediaCard, _React$Component);\n\n function AppServiceMediaCard() {\n _classCallCheck(this, AppServiceMediaCard);\n\n return _possibleConstructorReturn(this, (AppServiceMediaCard.__proto__ || Object.getPrototypeOf(AppServiceMediaCard)).call(this));\n }\n\n _createClass(AppServiceMediaCard, [{\n key: \"render\",\n value: function render() {\n if (!this.props.mediaActive || !this.props.mediaData) {\n return null;\n }\n\n var mediaData = this.props.mediaData;\n\n var titleLine = mediaData.title ? _react2.default.createElement(\n \"p\",\n { className: \"t-large t-medium th-f-color \" },\n mediaData.title\n ) : null;\n\n var artistLine = mediaData.artist ? _react2.default.createElement(\n \"p\",\n { className: \"t-light t-small th-f-color\" },\n mediaData.artist\n ) : null;\n\n var albumLine = mediaData.title ? _react2.default.createElement(\n \"p\",\n { className: \"t-light t-small th-f-color\" },\n mediaData.title\n ) : null;\n\n return _react2.default.createElement(\n \"div\",\n { className: \"app-service-media-card app-service-medium-tab\" },\n _react2.default.createElement(_MediaServiceDataImage2.default, { image: mediaData.mediaImage }),\n titleLine,\n artistLine,\n albumLine,\n _react2.default.createElement(\n \"p\",\n { className: \"app-service-card-footer th-f-color\" },\n \"MEDIA\"\n )\n );\n }\n }]);\n\n return AppServiceMediaCard;\n}(_react2.default.Component);\n\nexports.default = AppServiceMediaCard;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppServiceMediaCard.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AppServiceMediaCard.js\n// module id = 652\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AppServiceMediaCard.js?"); /***/ }), /* 653 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _weather = __webpack_require__(640);\n\nvar _weather2 = _interopRequireDefault(_weather);\n\nvar _WeatherButton = __webpack_require__(641);\n\nvar _WeatherButton2 = _interopRequireDefault(_WeatherButton);\n\nvar _WeatherServiceImage = __webpack_require__(642);\n\nvar _WeatherServiceImage2 = _interopRequireDefault(_WeatherServiceImage);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AppServiceWeatherCard = function (_React$Component) {\n _inherits(AppServiceWeatherCard, _React$Component);\n\n function AppServiceWeatherCard() {\n _classCallCheck(this, AppServiceWeatherCard);\n\n return _possibleConstructorReturn(this, (AppServiceWeatherCard.__proto__ || Object.getPrototypeOf(AppServiceWeatherCard)).call(this));\n }\n\n _createClass(AppServiceWeatherCard, [{\n key: \"render\",\n value: function render() {\n if (!this.props.weatherActive || !this.props.weatherData) {\n return null;\n }\n var weatherData = this.props.weatherData;\n\n var currentLine = weatherData.currentTemperature ? _react2.default.createElement(\n \"div\",\n { className: \"weather-line t-large\" },\n _react2.default.createElement(\n \"p\",\n { className: \"t-medium\" },\n weatherData.currentTemperature + \"°\"\n )\n ) : null;\n\n var highLowLine = weatherData.high && weatherData.low ? _react2.default.createElement(\n \"div\",\n { className: \"weather-line t-large\" },\n _react2.default.createElement(\n \"p\",\n { className: \"t-medium\" },\n weatherData.high + \"°\"\n ),\n _react2.default.createElement(\n \"p\",\n { className: \"t-light space-left\" },\n \"/ \" + weatherData.low + \"°\"\n )\n ) : null;\n\n var precipProbabilityLine = weatherData.precipProbability ? _react2.default.createElement(\n \"div\",\n { className: \"weather-line\" },\n _react2.default.createElement(\n \"p\",\n { className: \"t-medium t-large\" },\n weatherData.precipProbability\n ),\n _react2.default.createElement(\n \"p\",\n { className: \"t-light t-small\" },\n \"% prec.\"\n )\n ) : null;\n\n var windMPHLine = weatherData.windMPH ? _react2.default.createElement(\n \"div\",\n { className: \"weather-line baseline\" },\n _react2.default.createElement(\n \"p\",\n { className: \"t-medium t-large\" },\n weatherData.windMPH\n ),\n _react2.default.createElement(\n \"p\",\n { className: \"t-small t-medium \" },\n \"mph\"\n ),\n _react2.default.createElement(\n \"p\",\n { className: \"t-light space-left t-small\" },\n \"wind\"\n )\n ) : null;\n\n return _react2.default.createElement(\n \"div\",\n { className: \"app-service-weather-card app-service-medium-tab th-f-color\" },\n _react2.default.createElement(\n \"div\",\n { className: \"weather-line\" },\n _react2.default.createElement(_WeatherServiceImage2.default, { image: weatherData.weatherIcon })\n ),\n currentLine,\n highLowLine,\n precipProbabilityLine,\n windMPHLine,\n _react2.default.createElement(\n \"p\",\n { className: \"app-service-card-footer\" },\n \"WEATHER\"\n )\n );\n }\n }]);\n\n return AppServiceWeatherCard;\n}(_react2.default.Component);\n\nexports.default = AppServiceWeatherCard;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppServiceWeatherCard.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AppServiceWeatherCard.js\n// module id = 653\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AppServiceWeatherCard.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _weather = __webpack_require__(640);\n\nvar _weather2 = _interopRequireDefault(_weather);\n\nvar _WeatherButton = __webpack_require__(641);\n\nvar _WeatherButton2 = _interopRequireDefault(_WeatherButton);\n\nvar _WeatherServiceImage = __webpack_require__(642);\n\nvar _WeatherServiceImage2 = _interopRequireDefault(_WeatherServiceImage);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar AppServiceWeatherCard = function (_React$Component) {\n _inherits(AppServiceWeatherCard, _React$Component);\n\n function AppServiceWeatherCard() {\n _classCallCheck(this, AppServiceWeatherCard);\n\n return _possibleConstructorReturn(this, (AppServiceWeatherCard.__proto__ || Object.getPrototypeOf(AppServiceWeatherCard)).call(this));\n }\n\n _createClass(AppServiceWeatherCard, [{\n key: \"render\",\n value: function render() {\n if (!this.props.weatherActive || !this.props.weatherData) {\n return null;\n }\n var weatherData = this.props.weatherData;\n\n var currentLine = weatherData.currentTemperature ? _react2.default.createElement(\n \"div\",\n { className: \"weather-line t-large\" },\n _react2.default.createElement(\n \"p\",\n { className: \"t-medium\" },\n weatherData.currentTemperature + \"°\"\n )\n ) : null;\n\n var highLowLine = weatherData.high && weatherData.low ? _react2.default.createElement(\n \"div\",\n { className: \"weather-line t-large\" },\n _react2.default.createElement(\n \"p\",\n { className: \"t-medium\" },\n weatherData.high + \"°\"\n ),\n _react2.default.createElement(\n \"p\",\n { className: \"t-light space-left\" },\n \"/ \" + weatherData.low + \"°\"\n )\n ) : null;\n\n var precipProbabilityLine = weatherData.precipProbability ? _react2.default.createElement(\n \"div\",\n { className: \"weather-line\" },\n _react2.default.createElement(\n \"p\",\n { className: \"t-medium t-large\" },\n weatherData.precipProbability\n ),\n _react2.default.createElement(\n \"p\",\n { className: \"t-light t-small\" },\n \"% prec.\"\n )\n ) : null;\n\n var windMPHLine = weatherData.windMPH ? _react2.default.createElement(\n \"div\",\n { className: \"weather-line baseline\" },\n _react2.default.createElement(\n \"p\",\n { className: \"t-medium t-large\" },\n weatherData.windMPH\n ),\n _react2.default.createElement(\n \"p\",\n { className: \"t-small t-medium \" },\n \"mph\"\n ),\n _react2.default.createElement(\n \"p\",\n { className: \"t-light space-left t-small\" },\n \"wind\"\n )\n ) : null;\n\n return _react2.default.createElement(\n \"div\",\n { className: \"app-service-weather-card app-service-medium-tab th-f-color\" },\n _react2.default.createElement(\n \"div\",\n { className: \"weather-line\" },\n _react2.default.createElement(_WeatherServiceImage2.default, { image: weatherData.weatherIcon })\n ),\n currentLine,\n highLowLine,\n precipProbabilityLine,\n windMPHLine,\n _react2.default.createElement(\n \"p\",\n { className: \"app-service-card-footer\" },\n \"WEATHER\"\n )\n );\n }\n }]);\n\n return AppServiceWeatherCard;\n}(_react2.default.Component);\n\nexports.default = AppServiceWeatherCard;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppServiceWeatherCard.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/AppServiceWeatherCard.js\n// module id = 653\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/AppServiceWeatherCard.js?"); /***/ }), /* 654 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _media = __webpack_require__(643);\n\nvar _media2 = _interopRequireDefault(_media);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar Divider = function (_React$Component) {\n _inherits(Divider, _React$Component);\n\n function Divider() {\n _classCallCheck(this, Divider);\n\n return _possibleConstructorReturn(this, (Divider.__proto__ || Object.getPrototypeOf(Divider)).call(this));\n }\n\n _createClass(Divider, [{\n key: \"render\",\n value: function render() {\n var cardCount = 0;\n var actives = [this.props.navActive, this.props.mediaActive, this.props.weatherActive];\n actives.forEach(function (item) {\n if (item === true) {\n cardCount++;\n }\n });\n\n if (this.props.position === 1 && cardCount < 2) {\n return null;\n }\n\n if (this.props.position === 2 && cardCount < 3) {\n return null;\n }\n\n return _react2.default.createElement(\"div\", { className: \"app-service-card-divider th-divider-color\" });\n }\n }]);\n\n return Divider;\n}(_react2.default.Component);\n\nexports.default = Divider;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"Divider.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Divider.js\n// module id = 654\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Divider.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _media = __webpack_require__(643);\n\nvar _media2 = _interopRequireDefault(_media);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar Divider = function (_React$Component) {\n _inherits(Divider, _React$Component);\n\n function Divider() {\n _classCallCheck(this, Divider);\n\n return _possibleConstructorReturn(this, (Divider.__proto__ || Object.getPrototypeOf(Divider)).call(this));\n }\n\n _createClass(Divider, [{\n key: \"render\",\n value: function render() {\n var cardCount = 0;\n var actives = [this.props.navActive, this.props.mediaActive, this.props.weatherActive];\n actives.forEach(function (item) {\n if (item === true) {\n cardCount++;\n }\n });\n\n if (this.props.position === 1 && cardCount < 2) {\n return null;\n }\n\n if (this.props.position === 2 && cardCount < 3) {\n return null;\n }\n\n return _react2.default.createElement(\"div\", { className: \"app-service-card-divider th-divider-color\" });\n }\n }]);\n\n return Divider;\n}(_react2.default.Component);\n\nexports.default = Divider;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"Divider.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Divider.js\n// module id = 654\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Divider.js?"); /***/ }), /* 655 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Menu = __webpack_require__(656);\n\nvar _store = __webpack_require__(602);\n\nvar _store2 = _interopRequireDefault(_store);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar InAppMenu = function (_React$Component) {\n _inherits(InAppMenu, _React$Component);\n\n function InAppMenu() {\n _classCallCheck(this, InAppMenu);\n\n return _possibleConstructorReturn(this, (InAppMenu.__proto__ || Object.getPrototypeOf(InAppMenu)).call(this));\n }\n\n _createClass(InAppMenu, [{\n key: 'render',\n value: function render() {\n var state = _store2.default.getState();\n var app = state.ui[state.activeApp];\n var menu = app.menuLayout === \"LIST\" ? _react2.default.createElement(_Menu.VMenu, null) : _react2.default.createElement(_Menu.HMenu, null);\n\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'APPS' }),\n menu\n );\n }\n }]);\n\n return InAppMenu;\n}(_react2.default.Component);\n\nexports.default = InAppMenu;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"InAppMenu.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/InAppMenu.js\n// module id = 655\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/InAppMenu.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Menu = __webpack_require__(656);\n\nvar _store = __webpack_require__(602);\n\nvar _store2 = _interopRequireDefault(_store);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar InAppMenu = function (_React$Component) {\n _inherits(InAppMenu, _React$Component);\n\n function InAppMenu() {\n _classCallCheck(this, InAppMenu);\n\n return _possibleConstructorReturn(this, (InAppMenu.__proto__ || Object.getPrototypeOf(InAppMenu)).call(this));\n }\n\n _createClass(InAppMenu, [{\n key: 'render',\n value: function render() {\n var state = _store2.default.getState();\n var app = state.ui[state.activeApp];\n var menu = app.menuLayout === \"LIST\" ? _react2.default.createElement(_Menu.VMenu, null) : _react2.default.createElement(_Menu.HMenu, null);\n\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'APPS' }),\n menu\n );\n }\n }]);\n\n return InAppMenu;\n}(_react2.default.Component);\n\nexports.default = InAppMenu;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"InAppMenu.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/InAppMenu.js\n// module id = 655\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/InAppMenu.js?"); /***/ }), /* 656 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.HMenu = exports.VMenu = undefined;\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _VScrollMenu = __webpack_require__(657);\n\nvar _VScrollMenu2 = _interopRequireDefault(_VScrollMenu);\n\nvar _HScrollMenu = __webpack_require__(636);\n\nvar _HScrollMenu2 = _interopRequireDefault(_HScrollMenu);\n\nvar _UIController = __webpack_require__(598);\n\nvar _UIController2 = _interopRequireDefault(_UIController);\n\nvar _actions = __webpack_require__(601);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n var activeApp = state.activeApp;\n var menu = state.ui[activeApp].menu;\n var theme = state.theme;\n var data = menu.map(function (command) {\n var link = state.ui[activeApp].displayLayout;\n if (command.subMenu) {\n link = '/inapplist';\n }\n return {\n cmdID: command.cmdID,\n name: command.menuName,\n image: command.cmdIcon ? command.cmdIcon.value : undefined,\n imageType: command.cmdIcon ? command.cmdIcon.imageType : undefined,\n isTemplate: command.cmdIcon ? command.cmdIcon.isTemplate : undefined,\n appID: activeApp,\n link: link,\n menuID: command.menuID\n };\n });\n return { data: data, theme: theme };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {\n onSelection: function onSelection(appID, cmdID, menuID) {\n if (menuID) {\n dispatch((0, _actions.activateSubMenu)(appID, menuID));\n } else if (cmdID) {\n _UIController2.default.onSystemContext(\"MAIN\", appID);\n _UIController2.default.onCommand(cmdID, appID);\n }\n }\n };\n};\n\nvar VMenu = exports.VMenu = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_VScrollMenu2.default);\n\nvar HMenu = exports.HMenu = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_HScrollMenu2.default);\n\nexports.default = VMenu;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"Menu.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/Menu.js\n// module id = 656\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/Menu.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.HMenu = exports.VMenu = undefined;\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _VScrollMenu = __webpack_require__(657);\n\nvar _VScrollMenu2 = _interopRequireDefault(_VScrollMenu);\n\nvar _HScrollMenu = __webpack_require__(636);\n\nvar _HScrollMenu2 = _interopRequireDefault(_HScrollMenu);\n\nvar _UIController = __webpack_require__(598);\n\nvar _UIController2 = _interopRequireDefault(_UIController);\n\nvar _actions = __webpack_require__(601);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n var activeApp = state.activeApp;\n var menu = state.ui[activeApp].menu;\n var theme = state.theme;\n var data = menu.map(function (command) {\n var link = state.ui[activeApp].displayLayout;\n if (command.subMenu) {\n link = '/inapplist';\n }\n return {\n cmdID: command.cmdID,\n name: command.menuName,\n image: command.cmdIcon ? command.cmdIcon.value : undefined,\n imageType: command.cmdIcon ? command.cmdIcon.imageType : undefined,\n isTemplate: command.cmdIcon ? command.cmdIcon.isTemplate : undefined,\n appID: activeApp,\n link: link,\n menuID: command.menuID\n };\n });\n return { data: data, theme: theme };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {\n onSelection: function onSelection(appID, cmdID, menuID) {\n if (menuID) {\n dispatch((0, _actions.activateSubMenu)(appID, menuID));\n } else if (cmdID) {\n _UIController2.default.onSystemContext(\"MAIN\", appID);\n _UIController2.default.onCommand(cmdID, appID);\n }\n }\n };\n};\n\nvar VMenu = exports.VMenu = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_VScrollMenu2.default);\n\nvar HMenu = exports.HMenu = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_HScrollMenu2.default);\n\nexports.default = VMenu;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"Menu.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/Menu.js\n// module id = 656\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/Menu.js?"); /***/ }), /* 657 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _VScrollMenuItem = __webpack_require__(658);\n\nvar _VScrollMenuItem2 = _interopRequireDefault(_VScrollMenuItem);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar VScrollMenu = function (_React$Component) {\n _inherits(VScrollMenu, _React$Component);\n\n function VScrollMenu(props) {\n _classCallCheck(this, VScrollMenu);\n\n return _possibleConstructorReturn(this, (VScrollMenu.__proto__ || Object.getPrototypeOf(VScrollMenu)).call(this, props));\n }\n\n _createClass(VScrollMenu, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var menuItems = this.props.data.map(function (menuItem) {\n return _react2.default.createElement(\n 'div',\n { key: menuItem.cmdID + menuItem.name },\n _react2.default.createElement(_VScrollMenuItem2.default, {\n appID: menuItem.appID,\n cmdID: menuItem.cmdID,\n menuID: menuItem.menuID,\n menuItem: menuItem,\n isPerformingInteraction: _this2.props.isPerformingInteraction,\n interactionId: _this2.props.interactionId ? _this2.props.interactionId : 0,\n onSelection: _this2.props.onSelection,\n image: menuItem.image,\n imageType: menuItem.imageType,\n isTemplate: menuItem.isTemplate,\n theme: _this2.props.theme\n })\n );\n });\n return _react2.default.createElement(\n 'div',\n { className: 'vscrollmenu' },\n menuItems\n );\n }\n }]);\n\n return VScrollMenu;\n}(_react2.default.Component);\n\nexports.default = VScrollMenu;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"VScrollMenu.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/VScrollMenu.js\n// module id = 657\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/VScrollMenu.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _VScrollMenuItem = __webpack_require__(658);\n\nvar _VScrollMenuItem2 = _interopRequireDefault(_VScrollMenuItem);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar VScrollMenu = function (_React$Component) {\n _inherits(VScrollMenu, _React$Component);\n\n function VScrollMenu(props) {\n _classCallCheck(this, VScrollMenu);\n\n return _possibleConstructorReturn(this, (VScrollMenu.__proto__ || Object.getPrototypeOf(VScrollMenu)).call(this, props));\n }\n\n _createClass(VScrollMenu, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var menuItems = this.props.data.map(function (menuItem) {\n return _react2.default.createElement(\n 'div',\n { key: menuItem.cmdID + menuItem.name },\n _react2.default.createElement(_VScrollMenuItem2.default, {\n appID: menuItem.appID,\n cmdID: menuItem.cmdID,\n menuID: menuItem.menuID,\n menuItem: menuItem,\n isPerformingInteraction: _this2.props.isPerformingInteraction,\n interactionId: _this2.props.interactionId ? _this2.props.interactionId : 0,\n onSelection: _this2.props.onSelection,\n image: menuItem.image,\n imageType: menuItem.imageType,\n isTemplate: menuItem.isTemplate,\n theme: _this2.props.theme\n })\n );\n });\n return _react2.default.createElement(\n 'div',\n { className: 'vscrollmenu' },\n menuItems\n );\n }\n }]);\n\n return VScrollMenu;\n}(_react2.default.Component);\n\nexports.default = VScrollMenu;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"VScrollMenu.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/VScrollMenu.js\n// module id = 657\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/VScrollMenu.js?"); /***/ }), /* 658 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRouter = __webpack_require__(94);\n\nvar _SoftButtonImage = __webpack_require__(596);\n\nvar _SoftButtonImage2 = _interopRequireDefault(_SoftButtonImage);\n\nvar _iconArrowRight = __webpack_require__(659);\n\nvar _iconArrowRight2 = _interopRequireDefault(_iconArrowRight);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar VScrollMenuItem = function (_React$Component) {\n _inherits(VScrollMenuItem, _React$Component);\n\n function VScrollMenuItem(props) {\n _classCallCheck(this, VScrollMenuItem);\n\n return _possibleConstructorReturn(this, (VScrollMenuItem.__proto__ || Object.getPrototypeOf(VScrollMenuItem)).call(this, props));\n }\n\n _createClass(VScrollMenuItem, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n return _react2.default.createElement(\n _reactRouter.Link,\n {\n to: this.props.menuItem.link,\n className: 'vscrollmenu-item th-b-color th-bb-color-secondary',\n onClick: function onClick() {\n return _this2.props.onSelection(_this2.props.appID, _this2.props.cmdID, _this2.props.menuID, _this2.props.isPerformingInteraction, _this2.props.interactionId);\n } },\n _react2.default.createElement(\n 'div',\n { className: 'vscrollmenu-item__name' },\n _react2.default.createElement(\n 'div',\n { className: 't-large t-light th-f-color vscrollmenu-item-primary' },\n this.props.menuItem.name,\n _react2.default.createElement(_SoftButtonImage2.default, { 'class': 'vscrollmenu-item-image', image: this.props.image ? this.props.image : null,\n imageType: this.props.imageType ? this.props.imageType : null,\n isTemplate: this.props.isTemplate ? this.props.isTemplate : null,\n theme: this.props.theme\n })\n ),\n _react2.default.createElement(\n 'p',\n { className: 't-large t-light th-f-color-secondary' },\n this.props.menuItem.info\n )\n ),\n _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement('span', { className: 'svg-wrap', dangerouslySetInnerHTML: { __html: _iconArrowRight2.default } })\n )\n );\n }\n }]);\n\n return VScrollMenuItem;\n}(_react2.default.Component);\n\nexports.default = VScrollMenuItem;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"VScrollMenuItem.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/VScrollMenuItem.js\n// module id = 658\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/VScrollMenuItem.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactRouter = __webpack_require__(94);\n\nvar _SoftButtonImage = __webpack_require__(596);\n\nvar _SoftButtonImage2 = _interopRequireDefault(_SoftButtonImage);\n\nvar _iconArrowRight = __webpack_require__(659);\n\nvar _iconArrowRight2 = _interopRequireDefault(_iconArrowRight);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar VScrollMenuItem = function (_React$Component) {\n _inherits(VScrollMenuItem, _React$Component);\n\n function VScrollMenuItem(props) {\n _classCallCheck(this, VScrollMenuItem);\n\n return _possibleConstructorReturn(this, (VScrollMenuItem.__proto__ || Object.getPrototypeOf(VScrollMenuItem)).call(this, props));\n }\n\n _createClass(VScrollMenuItem, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n return _react2.default.createElement(\n _reactRouter.Link,\n {\n to: this.props.menuItem.link,\n className: 'vscrollmenu-item th-b-color th-bb-color-secondary',\n onClick: function onClick() {\n return _this2.props.onSelection(_this2.props.appID, _this2.props.cmdID, _this2.props.menuID, _this2.props.isPerformingInteraction, _this2.props.interactionId);\n } },\n _react2.default.createElement(\n 'div',\n { className: 'vscrollmenu-item__name' },\n _react2.default.createElement(\n 'div',\n { className: 't-large t-light th-f-color vscrollmenu-item-primary' },\n this.props.menuItem.name,\n _react2.default.createElement(_SoftButtonImage2.default, { 'class': 'vscrollmenu-item-image', image: this.props.image ? this.props.image : null,\n imageType: this.props.imageType ? this.props.imageType : null,\n isTemplate: this.props.isTemplate ? this.props.isTemplate : null,\n theme: this.props.theme\n })\n ),\n _react2.default.createElement(\n 'p',\n { className: 't-large t-light th-f-color-secondary' },\n this.props.menuItem.info\n )\n ),\n _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement('span', { className: 'svg-wrap', dangerouslySetInnerHTML: { __html: _iconArrowRight2.default } })\n )\n );\n }\n }]);\n\n return VScrollMenuItem;\n}(_react2.default.Component);\n\nexports.default = VScrollMenuItem;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"VScrollMenuItem.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/VScrollMenuItem.js\n// module id = 658\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/VScrollMenuItem.js?"); /***/ }), /* 659 */ @@ -4004,49 +4004,49 @@ /* 660 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _SubMenu = __webpack_require__(661);\n\nvar _store = __webpack_require__(602);\n\nvar _store2 = _interopRequireDefault(_store);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar InAppMenu = function (_React$Component) {\n _inherits(InAppMenu, _React$Component);\n\n function InAppMenu() {\n _classCallCheck(this, InAppMenu);\n\n return _possibleConstructorReturn(this, (InAppMenu.__proto__ || Object.getPrototypeOf(InAppMenu)).call(this));\n }\n\n _createClass(InAppMenu, [{\n key: 'render',\n value: function render() {\n var state = _store2.default.getState();\n var app = state.ui[state.activeApp];\n var layout = app ? app.activeSubMenu ? app.menu.find(function (x) {\n return x.menuID === app.activeSubMenu;\n }).menuLayout : app.menuLayout : \"LIST\";\n var menu = layout === \"LIST\" ? _react2.default.createElement(_SubMenu.VSubMenu, null) : _react2.default.createElement(_SubMenu.HSubMenu, null);\n\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'APPS' }),\n menu\n );\n }\n }]);\n\n return InAppMenu;\n}(_react2.default.Component);\n\nexports.default = InAppMenu;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"InAppList.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/InAppList.js\n// module id = 660\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/InAppList.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = __webpack_require__(22);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Header = __webpack_require__(61);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _SubMenu = __webpack_require__(661);\n\nvar _store = __webpack_require__(602);\n\nvar _store2 = _interopRequireDefault(_store);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar InAppMenu = function (_React$Component) {\n _inherits(InAppMenu, _React$Component);\n\n function InAppMenu() {\n _classCallCheck(this, InAppMenu);\n\n return _possibleConstructorReturn(this, (InAppMenu.__proto__ || Object.getPrototypeOf(InAppMenu)).call(this));\n }\n\n _createClass(InAppMenu, [{\n key: 'render',\n value: function render() {\n var state = _store2.default.getState();\n var app = state.ui[state.activeApp];\n var layout = app ? app.activeSubMenu ? app.menu.find(function (x) {\n return x.menuID === app.activeSubMenu;\n }).menuLayout : app.menuLayout : \"LIST\";\n var menu = layout === \"LIST\" ? _react2.default.createElement(_SubMenu.VSubMenu, null) : _react2.default.createElement(_SubMenu.HSubMenu, null);\n\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(_Header2.default, { backLink: '/', menuName: 'APPS' }),\n menu\n );\n }\n }]);\n\n return InAppMenu;\n}(_react2.default.Component);\n\nexports.default = InAppMenu;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"InAppList.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/InAppList.js\n// module id = 660\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/InAppList.js?"); /***/ }), /* 661 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.HSubMenu = exports.VSubMenu = undefined;\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _VScrollMenu = __webpack_require__(657);\n\nvar _VScrollMenu2 = _interopRequireDefault(_VScrollMenu);\n\nvar _HScrollMenu = __webpack_require__(636);\n\nvar _HScrollMenu2 = _interopRequireDefault(_HScrollMenu);\n\nvar _UIController = __webpack_require__(598);\n\nvar _UIController2 = _interopRequireDefault(_UIController);\n\nvar _actions = __webpack_require__(601);\n\n__webpack_require__(604);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n var activeApp = state.activeApp;\n var app = state.ui[activeApp];\n var theme = state.theme;\n var link = state.ui[activeApp].displayLayout;\n if (app.isPerformingInteraction) {\n var data = app.choices.map(function (choice) {\n return {\n appID: activeApp,\n cmdID: choice.choiceID,\n name: choice.menuName,\n image: choice.image ? choice.image.value : undefined,\n imageType: choice.image ? choice.image.imageType : undefined,\n isTemplate: choice.image ? choice.image.isTemplate : undefined,\n link: link\n };\n });\n return {\n data: data,\n isPerformingInteraction: true,\n interactionId: app.interactionId,\n theme: theme\n };\n }\n // The app isn't performing an interaction, so pass the sub menu items \n var menu = app.menu;\n var activeSubMenu = app.activeSubMenu;\n var data = menu.find(function (test) {\n return test.menuID === activeSubMenu;\n }).subMenu.map(function (command) {\n return {\n appID: activeApp,\n cmdID: command.cmdID,\n name: command.menuName,\n image: command.cmdIcon ? command.cmdIcon.value : undefined,\n imageType: command.cmdIcon ? command.cmdIcon.imageType : undefined,\n isTemplate: command.cmdIcon ? command.cmdIcon.isTemplate : undefined,\n link: link\n };\n });\n return { data: data, isPerformingInteraction: false, theme: theme };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {\n onSelection: function onSelection(appID, cmdID, menuID, isPerformingInteraction, interactionID) {\n _UIController2.default.onSystemContext(\"MAIN\", appID);\n if (isPerformingInteraction) {\n _UIController2.default.onChoiceSelection(cmdID, appID, interactionID);\n dispatch((0, _actions.deactivateInteraction)(appID));\n } else {\n _UIController2.default.onCommand(cmdID, appID);\n dispatch((0, _actions.deactivateSubMenu)(appID));\n }\n }\n };\n};\n\nvar VSubMenu = exports.VSubMenu = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_VScrollMenu2.default);\n\nvar HSubMenu = exports.HSubMenu = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_HScrollMenu2.default);\n\nexports.default = VSubMenu;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"SubMenu.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/SubMenu.js\n// module id = 661\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/SubMenu.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.HSubMenu = exports.VSubMenu = undefined;\n\nvar _reactRedux = __webpack_require__(62);\n\nvar _VScrollMenu = __webpack_require__(657);\n\nvar _VScrollMenu2 = _interopRequireDefault(_VScrollMenu);\n\nvar _HScrollMenu = __webpack_require__(636);\n\nvar _HScrollMenu2 = _interopRequireDefault(_HScrollMenu);\n\nvar _UIController = __webpack_require__(598);\n\nvar _UIController2 = _interopRequireDefault(_UIController);\n\nvar _actions = __webpack_require__(601);\n\n__webpack_require__(604);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar mapStateToProps = function mapStateToProps(state) {\n var activeApp = state.activeApp;\n var app = state.ui[activeApp];\n var theme = state.theme;\n var link = state.ui[activeApp].displayLayout;\n if (app.isPerformingInteraction) {\n var data = app.choices.map(function (choice) {\n return {\n appID: activeApp,\n cmdID: choice.choiceID,\n name: choice.menuName,\n image: choice.image ? choice.image.value : undefined,\n imageType: choice.image ? choice.image.imageType : undefined,\n isTemplate: choice.image ? choice.image.isTemplate : undefined,\n link: link\n };\n });\n return {\n data: data,\n isPerformingInteraction: true,\n interactionId: app.interactionId,\n theme: theme\n };\n }\n // The app isn't performing an interaction, so pass the sub menu items \n var menu = app.menu;\n var activeSubMenu = app.activeSubMenu;\n var data = menu.find(function (test) {\n return test.menuID === activeSubMenu;\n }).subMenu.map(function (command) {\n return {\n appID: activeApp,\n cmdID: command.cmdID,\n name: command.menuName,\n image: command.cmdIcon ? command.cmdIcon.value : undefined,\n imageType: command.cmdIcon ? command.cmdIcon.imageType : undefined,\n isTemplate: command.cmdIcon ? command.cmdIcon.isTemplate : undefined,\n link: link\n };\n });\n return { data: data, isPerformingInteraction: false, theme: theme };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {\n onSelection: function onSelection(appID, cmdID, menuID, isPerformingInteraction, interactionID) {\n _UIController2.default.onSystemContext(\"MAIN\", appID);\n if (isPerformingInteraction) {\n _UIController2.default.onChoiceSelection(cmdID, appID, interactionID);\n dispatch((0, _actions.deactivateInteraction)(appID));\n } else {\n _UIController2.default.onCommand(cmdID, appID);\n dispatch((0, _actions.deactivateSubMenu)(appID));\n }\n }\n };\n};\n\nvar VSubMenu = exports.VSubMenu = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_VScrollMenu2.default);\n\nvar HSubMenu = exports.HSubMenu = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_HScrollMenu2.default);\n\nexports.default = VSubMenu;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"SubMenu.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/containers/SubMenu.js\n// module id = 661\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/containers/SubMenu.js?"); /***/ }), /* 662 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; };\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _BCController = __webpack_require__(606);\n\nvar _BCController2 = _interopRequireDefault(_BCController);\n\nvar _UIController = __webpack_require__(598);\n\nvar _UIController2 = _interopRequireDefault(_UIController);\n\nvar _VRController = __webpack_require__(663);\n\nvar _VRController2 = _interopRequireDefault(_VRController);\n\nvar _TTSController = __webpack_require__(664);\n\nvar _TTSController2 = _interopRequireDefault(_TTSController);\n\nvar _VehicleInfoController = __webpack_require__(665);\n\nvar _VehicleInfoController2 = _interopRequireDefault(_VehicleInfoController);\n\nvar _SDLController = __webpack_require__(605);\n\nvar _SDLController2 = _interopRequireDefault(_SDLController);\n\nvar _AppServicesController = __webpack_require__(666);\n\nvar _AppServicesController2 = _interopRequireDefault(_AppServicesController);\n\nvar _ExternalPoliciesController = __webpack_require__(607);\n\nvar _ExternalPoliciesController2 = _interopRequireDefault(_ExternalPoliciesController);\n\nvar _NavController = __webpack_require__(667);\n\nvar _NavController2 = _interopRequireDefault(_NavController);\n\nvar _Flags = __webpack_require__(608);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar url = \"ws://localhost:8087\";\nvar file_access_base_url = \"\";\n\nvar Controller = function () {\n function Controller() {\n _classCallCheck(this, Controller);\n\n this.socket = null;\n _BCController2.default.addListener(this);\n _UIController2.default.addListener(this);\n _SDLController2.default.addListener(this);\n _TTSController2.default.addListener(this);\n _NavController2.default.addListener(this);\n _AppServicesController2.default.addListener(this);\n // this.vrController = new VRController;\n // this.vehicleInfoController = new VehicleInfoController;\n }\n\n _createClass(Controller, [{\n key: \"connectToSDL\",\n value: function connectToSDL() {\n this.socket = new WebSocket(url);\n this.socket.onopen = this.onopen.bind(this);\n this.socket.onclose = this.onclose.bind(this);\n this.socket.onmessage = this.onmessage.bind(this);\n }\n }, {\n key: \"disconnectFromSDL\",\n value: function disconnectFromSDL() {\n if (this.retry) {\n clearInterval(this.retry);\n }\n if (this.socket) {\n if (this.socket.readyState === this.socket.OPEN) {\n this.socket.onclose = function () {\n this.socket.close();\n };\n }\n }\n }\n }, {\n key: \"onopen\",\n value: function onopen(evt) {\n if (this.retry) {\n clearInterval(this.retry);\n }\n if (_Flags.flags.ExternalPolicies) {\n _ExternalPoliciesController2.default.connectPolicyManager(_Flags.flags.ExternalPoliciesPackUrl, _Flags.flags.ExternalPoliciesUnpackUrl);\n }\n this.registerComponents();\n }\n }, {\n key: \"onclose\",\n value: function onclose(evt) {\n if (!this.retry) {\n this.retry = setInterval(this.connectToSDL.bind(this), 4000);\n }\n }\n }, {\n key: \"onmessage\",\n value: function onmessage(evt) {\n var rpc = JSON.parse(evt.data);\n console.log(\"incoming rpc\", rpc);\n this.handleRPC(rpc);\n }\n }, {\n key: \"respondSuccess\",\n value: function respondSuccess(method, id) {\n var obj = {\n \"jsonrpc\": \"2.0\",\n \"id\": id,\n \"result\": {\n \"code\": 0,\n \"method\": method\n }\n };\n this.send(obj);\n }\n }, {\n key: \"respondFail\",\n value: function respondFail(method, id) {\n var obj = {\n \"jsonrpc\": \"2.0\",\n \"id\": id,\n \"result\": {\n \"code\": 22,\n \"method\": method\n }\n };\n this.send(obj);\n }\n }, {\n key: \"subscribeToNotification\",\n value: function subscribeToNotification(notification) {\n var obj = {\n \"jsonrpc\": \"2.0\",\n \"id\": -1,\n \"method\": \"MB.subscribeTo\",\n \"params\": {\n \"propertyName\": notification\n }\n };\n this.send(obj);\n }\n }, {\n key: \"send\",\n value: function send(rpc) {\n console.log(\"outgoing rpc\", rpc);\n var jsonString = JSON.stringify(rpc);\n this.socket.send(jsonString);\n }\n }, {\n key: \"registerComponents\",\n value: function registerComponents() {\n var JSONMessage = {\n \"jsonrpc\": \"2.0\",\n \"id\": -1,\n \"method\": \"MB.registerComponent\",\n \"params\": {\n \"componentName\": \"UI\"\n }\n };\n this.send(JSON.parse(JSON.stringify(JSONMessage)));\n JSONMessage.params.componentName = \"BasicCommunication\";\n this.send(JSON.parse(JSON.stringify(JSONMessage)));\n JSONMessage.params.componentName = \"Buttons\";\n this.send(JSON.parse(JSON.stringify(JSONMessage)));\n JSONMessage.params.componentName = \"VR\";\n this.send(JSON.parse(JSON.stringify(JSONMessage)));\n JSONMessage.params.componentName = \"TTS\";\n this.send(JSON.parse(JSON.stringify(JSONMessage)));\n JSONMessage.params.componentName = \"Navigation\";\n this.send(JSON.parse(JSON.stringify(JSONMessage)));\n JSONMessage.params.componentName = \"VehicleInfo\";\n this.send(JSON.parse(JSON.stringify(JSONMessage)));\n JSONMessage.params.componentName = \"AppService\";\n this.send(JSON.parse(JSON.stringify(JSONMessage)));\n var ready = {\n \"jsonrpc\": \"2.0\",\n \"method\": \"BasicCommunication.OnReady\"\n };\n this.send(ready);\n // register for all notifications\n this.subscribeToNotification(\"Buttons.OnButtonSubscription\");\n this.subscribeToNotification(\"BasicCommunication.OnAppRegistered\");\n this.subscribeToNotification(\"BasicCommunication.OnAppUnregistered\");\n this.subscribeToNotification(\"BasicCommunication.OnPutFile\");\n this.subscribeToNotification(\"Navigation.OnVideoDataStreaming\");\n this.subscribeToNotification(\"SDL.OnStatusUpdate\");\n this.subscribeToNotification(\"BasicCommunication.OnSystemCapabilityUpdated\");\n this.subscribeToNotification(\"AppService.OnAppServiceData\");\n\n var onSystemTimeReady = {\n \"jsonrpc\": \"2.0\",\n \"method\": \"BasicCommunication.OnSystemTimeReady\"\n };\n\n this.send(onSystemTimeReady);\n\n var onDriverDistraction = {\n \"jsonrpc\": \"2.0\",\n \"method\": \"UI.OnDriverDistraction\",\n \"params\": {\n \"state\": \"DD_OFF\"\n }\n };\n\n this.send(onDriverDistraction);\n }\n }, {\n key: \"handleRPC\",\n value: function handleRPC(rpc) {\n var response = undefined;\n var componentName = undefined;\n rpc = this.sanitizeRPC(rpc);\n\n if (rpc.error) {\n return;\n }\n\n if (rpc.method) {\n componentName = rpc.method.split(\".\")[0];\n } else if (rpc.result.method) {\n // It's a response\n componentName = rpc.result.method.split(\".\")[0];\n switch (componentName) {\n case \"BasicCommunication\":\n _BCController2.default.handleRPCResponse(rpc);\n break;\n case \"SDL\":\n _SDLController2.default.handleRPCResponse(rpc);\n break;\n }\n\n return;\n } else {\n return;\n }\n switch (componentName) {\n case \"BasicCommunication\":\n response = _BCController2.default.handleRPC(rpc);\n break;\n case \"UI\":\n case \"Buttons\":\n response = _UIController2.default.handleRPC(rpc);\n break;\n case \"VR\":\n response = _VRController2.default.handleRPC(rpc);\n break;\n case \"TTS\":\n response = _TTSController2.default.handleRPC(rpc);\n break;\n case \"VehicleInfo\":\n response = _VehicleInfoController2.default.handleRPC(rpc);\n break;\n case \"SDL\":\n response = _SDLController2.default.handleRPC(rpc);\n break;\n case \"Navigation\":\n response = _NavController2.default.handleRPC(rpc);\n break;\n case \"AppService\":\n response = _AppServicesController2.default.handleRPC(rpc);\n break;\n }\n // TODO: going to require one type of response which info is passed to App to determine success/fail\n if (response === null) {\n // don't do anything, it was a notification\n } else if (response === undefined) {\n // Just haven't implemented these rpcs see declaration of response\n } else if (response === true) {\n this.respondSuccess(rpc.method, rpc.id);\n } else if (response === false) {\n this.respondFail(rpc.method, rpc.id);\n }\n // The component attached a response rpc and possibly a new state\n else if (response.rpc) {\n this.send(response.rpc);\n } else {\n console.log('got invalid response from controller', response);\n }\n }\n }, {\n key: \"sanitizeRPC\",\n value: function sanitizeRPC(rpc) {\n var sanitized = _extends({}, rpc);\n sanitized.params = this.sanitizeRPCHelper(sanitized.params);\n return sanitized;\n }\n }, {\n key: \"sanitizeRPCHelper\",\n value: function sanitizeRPCHelper(obj) {\n for (var prop in obj) {\n if (this.isArray(obj[prop]) || this.isObject(obj[prop])) {\n obj[prop] = this.sanitizeRPCHelper(obj[prop]);\n } else {\n switch (prop) {\n case \"icon\":\n case \"value\":\n obj[prop] = file_access_base_url + obj[prop];\n break;\n }\n }\n }\n return obj;\n }\n }, {\n key: \"isArray\",\n value: function isArray(a) {\n return !!a && a.constructor === Array;\n }\n }, {\n key: \"isObject\",\n value: function isObject(a) {\n return !!a && (typeof a === \"undefined\" ? \"undefined\" : _typeof(a)) === 'object' && a !== null;\n }\n }]);\n\n return Controller;\n}();\n\nexports.default = Controller;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"Controller.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/Controller.js\n// module id = 662\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/Controller.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; };\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _BCController = __webpack_require__(606);\n\nvar _BCController2 = _interopRequireDefault(_BCController);\n\nvar _UIController = __webpack_require__(598);\n\nvar _UIController2 = _interopRequireDefault(_UIController);\n\nvar _VRController = __webpack_require__(663);\n\nvar _VRController2 = _interopRequireDefault(_VRController);\n\nvar _TTSController = __webpack_require__(664);\n\nvar _TTSController2 = _interopRequireDefault(_TTSController);\n\nvar _VehicleInfoController = __webpack_require__(665);\n\nvar _VehicleInfoController2 = _interopRequireDefault(_VehicleInfoController);\n\nvar _SDLController = __webpack_require__(605);\n\nvar _SDLController2 = _interopRequireDefault(_SDLController);\n\nvar _AppServicesController = __webpack_require__(666);\n\nvar _AppServicesController2 = _interopRequireDefault(_AppServicesController);\n\nvar _ExternalPoliciesController = __webpack_require__(607);\n\nvar _ExternalPoliciesController2 = _interopRequireDefault(_ExternalPoliciesController);\n\nvar _NavController = __webpack_require__(667);\n\nvar _NavController2 = _interopRequireDefault(_NavController);\n\nvar _Flags = __webpack_require__(608);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar url = \"ws://localhost:8087\";\nvar file_access_base_url = \"\";\n\nvar Controller = function () {\n function Controller() {\n _classCallCheck(this, Controller);\n\n this.socket = null;\n _BCController2.default.addListener(this);\n _UIController2.default.addListener(this);\n _SDLController2.default.addListener(this);\n _TTSController2.default.addListener(this);\n _NavController2.default.addListener(this);\n _AppServicesController2.default.addListener(this);\n // this.vrController = new VRController;\n // this.vehicleInfoController = new VehicleInfoController;\n }\n\n _createClass(Controller, [{\n key: \"connectToSDL\",\n value: function connectToSDL() {\n this.socket = new WebSocket(url);\n this.socket.onopen = this.onopen.bind(this);\n this.socket.onclose = this.onclose.bind(this);\n this.socket.onmessage = this.onmessage.bind(this);\n }\n }, {\n key: \"disconnectFromSDL\",\n value: function disconnectFromSDL() {\n if (this.retry) {\n clearInterval(this.retry);\n }\n if (this.socket) {\n if (this.socket.readyState === this.socket.OPEN) {\n this.socket.onclose = function () {\n this.socket.close();\n };\n }\n }\n }\n }, {\n key: \"onopen\",\n value: function onopen(evt) {\n if (this.retry) {\n clearInterval(this.retry);\n }\n if (_Flags.flags.ExternalPolicies) {\n _ExternalPoliciesController2.default.connectPolicyManager(_Flags.flags.ExternalPoliciesPackUrl, _Flags.flags.ExternalPoliciesUnpackUrl);\n }\n this.registerComponents();\n }\n }, {\n key: \"onclose\",\n value: function onclose(evt) {\n if (!this.retry) {\n this.retry = setInterval(this.connectToSDL.bind(this), 4000);\n }\n }\n }, {\n key: \"onmessage\",\n value: function onmessage(evt) {\n var rpc = JSON.parse(evt.data);\n console.log(\"incoming rpc\", rpc);\n this.handleRPC(rpc);\n }\n }, {\n key: \"respondSuccess\",\n value: function respondSuccess(method, id) {\n var obj = {\n \"jsonrpc\": \"2.0\",\n \"id\": id,\n \"result\": {\n \"code\": 0,\n \"method\": method\n }\n };\n this.send(obj);\n }\n }, {\n key: \"respondFail\",\n value: function respondFail(method, id) {\n var obj = {\n \"jsonrpc\": \"2.0\",\n \"id\": id,\n \"result\": {\n \"code\": 22,\n \"method\": method\n }\n };\n this.send(obj);\n }\n }, {\n key: \"subscribeToNotification\",\n value: function subscribeToNotification(notification) {\n var obj = {\n \"jsonrpc\": \"2.0\",\n \"id\": -1,\n \"method\": \"MB.subscribeTo\",\n \"params\": {\n \"propertyName\": notification\n }\n };\n this.send(obj);\n }\n }, {\n key: \"send\",\n value: function send(rpc) {\n console.log(\"outgoing rpc\", rpc);\n var jsonString = JSON.stringify(rpc);\n this.socket.send(jsonString);\n }\n }, {\n key: \"registerComponents\",\n value: function registerComponents() {\n var JSONMessage = {\n \"jsonrpc\": \"2.0\",\n \"id\": -1,\n \"method\": \"MB.registerComponent\",\n \"params\": {\n \"componentName\": \"UI\"\n }\n };\n this.send(JSON.parse(JSON.stringify(JSONMessage)));\n JSONMessage.params.componentName = \"BasicCommunication\";\n this.send(JSON.parse(JSON.stringify(JSONMessage)));\n JSONMessage.params.componentName = \"Buttons\";\n this.send(JSON.parse(JSON.stringify(JSONMessage)));\n JSONMessage.params.componentName = \"VR\";\n this.send(JSON.parse(JSON.stringify(JSONMessage)));\n JSONMessage.params.componentName = \"TTS\";\n this.send(JSON.parse(JSON.stringify(JSONMessage)));\n JSONMessage.params.componentName = \"Navigation\";\n this.send(JSON.parse(JSON.stringify(JSONMessage)));\n JSONMessage.params.componentName = \"VehicleInfo\";\n this.send(JSON.parse(JSON.stringify(JSONMessage)));\n JSONMessage.params.componentName = \"AppService\";\n this.send(JSON.parse(JSON.stringify(JSONMessage)));\n var ready = {\n \"jsonrpc\": \"2.0\",\n \"method\": \"BasicCommunication.OnReady\"\n };\n this.send(ready);\n // register for all notifications\n this.subscribeToNotification(\"Buttons.OnButtonSubscription\");\n this.subscribeToNotification(\"BasicCommunication.OnAppRegistered\");\n this.subscribeToNotification(\"BasicCommunication.OnAppUnregistered\");\n this.subscribeToNotification(\"BasicCommunication.OnPutFile\");\n this.subscribeToNotification(\"Navigation.OnVideoDataStreaming\");\n this.subscribeToNotification(\"SDL.OnStatusUpdate\");\n this.subscribeToNotification(\"BasicCommunication.OnSystemCapabilityUpdated\");\n this.subscribeToNotification(\"AppService.OnAppServiceData\");\n\n var onSystemTimeReady = {\n \"jsonrpc\": \"2.0\",\n \"method\": \"BasicCommunication.OnSystemTimeReady\"\n };\n\n this.send(onSystemTimeReady);\n\n var onDriverDistraction = {\n \"jsonrpc\": \"2.0\",\n \"method\": \"UI.OnDriverDistraction\",\n \"params\": {\n \"state\": \"DD_OFF\"\n }\n };\n\n this.send(onDriverDistraction);\n }\n }, {\n key: \"handleRPC\",\n value: function handleRPC(rpc) {\n var response = undefined;\n var componentName = undefined;\n rpc = this.sanitizeRPC(rpc);\n\n if (rpc.error) {\n return;\n }\n\n if (rpc.method) {\n componentName = rpc.method.split(\".\")[0];\n } else if (rpc.result.method) {\n // It's a response\n componentName = rpc.result.method.split(\".\")[0];\n switch (componentName) {\n case \"BasicCommunication\":\n _BCController2.default.handleRPCResponse(rpc);\n break;\n case \"SDL\":\n _SDLController2.default.handleRPCResponse(rpc);\n break;\n }\n\n return;\n } else {\n return;\n }\n switch (componentName) {\n case \"BasicCommunication\":\n response = _BCController2.default.handleRPC(rpc);\n break;\n case \"UI\":\n case \"Buttons\":\n response = _UIController2.default.handleRPC(rpc);\n break;\n case \"VR\":\n response = _VRController2.default.handleRPC(rpc);\n break;\n case \"TTS\":\n response = _TTSController2.default.handleRPC(rpc);\n break;\n case \"VehicleInfo\":\n response = _VehicleInfoController2.default.handleRPC(rpc);\n break;\n case \"SDL\":\n response = _SDLController2.default.handleRPC(rpc);\n break;\n case \"Navigation\":\n response = _NavController2.default.handleRPC(rpc);\n break;\n case \"AppService\":\n response = _AppServicesController2.default.handleRPC(rpc);\n break;\n }\n // TODO: going to require one type of response which info is passed to App to determine success/fail\n if (response === null) {\n // don't do anything, it was a notification\n } else if (response === undefined) {\n // Just haven't implemented these rpcs see declaration of response\n } else if (response === true) {\n this.respondSuccess(rpc.method, rpc.id);\n } else if (response === false) {\n this.respondFail(rpc.method, rpc.id);\n }\n // The component attached a response rpc and possibly a new state\n else if (response.rpc) {\n this.send(response.rpc);\n } else {\n console.log('got invalid response from controller', response);\n }\n }\n }, {\n key: \"sanitizeRPC\",\n value: function sanitizeRPC(rpc) {\n var sanitized = _extends({}, rpc);\n sanitized.params = this.sanitizeRPCHelper(sanitized.params);\n return sanitized;\n }\n }, {\n key: \"sanitizeRPCHelper\",\n value: function sanitizeRPCHelper(obj) {\n for (var prop in obj) {\n if (this.isArray(obj[prop]) || this.isObject(obj[prop])) {\n obj[prop] = this.sanitizeRPCHelper(obj[prop]);\n } else {\n switch (prop) {\n case \"icon\":\n case \"value\":\n obj[prop] = file_access_base_url + obj[prop];\n break;\n }\n }\n }\n return obj;\n }\n }, {\n key: \"isArray\",\n value: function isArray(a) {\n return !!a && a.constructor === Array;\n }\n }, {\n key: \"isObject\",\n value: function isObject(a) {\n return !!a && (typeof a === \"undefined\" ? \"undefined\" : _typeof(a)) === 'object' && a !== null;\n }\n }]);\n\n return Controller;\n}();\n\nexports.default = Controller;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"Controller.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/Controller.js\n// module id = 662\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/Controller.js?"); /***/ }), /* 663 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _RpcFactory = __webpack_require__(599);\n\nvar _RpcFactory2 = _interopRequireDefault(_RpcFactory);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar VRController = function () {\n function VRController() {\n _classCallCheck(this, VRController);\n }\n\n _createClass(VRController, [{\n key: \"handleRPC\",\n value: function handleRPC(rpc) {\n var methodName = rpc.method.split(\".\")[1];\n switch (methodName) {\n case \"IsReady\":\n return { rpc: _RpcFactory2.default.IsReadyResponse(rpc, true) };\n case \"ChangeRegistration\":\n return true;\n case \"AddCommand\":\n return true;\n case \"DeleteCommand\":\n return true;\n case \"PerformInteraction\":\n return true;\n }\n }\n }]);\n\n return VRController;\n}();\n\nvar controller = new VRController();\nexports.default = controller;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"VRController.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/VRController.js\n// module id = 663\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/VRController.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _RpcFactory = __webpack_require__(599);\n\nvar _RpcFactory2 = _interopRequireDefault(_RpcFactory);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar VRController = function () {\n function VRController() {\n _classCallCheck(this, VRController);\n }\n\n _createClass(VRController, [{\n key: \"handleRPC\",\n value: function handleRPC(rpc) {\n var methodName = rpc.method.split(\".\")[1];\n switch (methodName) {\n case \"IsReady\":\n return { rpc: _RpcFactory2.default.IsReadyResponse(rpc, true) };\n case \"ChangeRegistration\":\n return true;\n case \"AddCommand\":\n return true;\n case \"DeleteCommand\":\n return true;\n case \"PerformInteraction\":\n return true;\n }\n }\n }]);\n\n return VRController;\n}();\n\nvar controller = new VRController();\nexports.default = controller;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"VRController.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/VRController.js\n// module id = 663\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/VRController.js?"); /***/ }), /* 664 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _RpcFactory = __webpack_require__(599);\n\nvar _RpcFactory2 = _interopRequireDefault(_RpcFactory);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar TTSController = function () {\n function TTSController() {\n _classCallCheck(this, TTSController);\n\n this.addListener = this.addListener.bind(this);\n this.audioPlayer = new Audio();\n this.filePlaylist = [];\n }\n\n _createClass(TTSController, [{\n key: \"addListener\",\n value: function addListener(listener) {\n this.listener = listener;\n }\n }, {\n key: \"playAudio\",\n value: function playAudio() {\n var _this = this;\n\n if (this.filePlaylist.length == 0) {\n this.audioPlayer.onended = null;\n if (!this.audioPlayer.paused) {\n this.audioPlayer.pause();\n this.audioPlayer.src = \"\";\n return;\n }\n }\n\n var path = this.filePlaylist[0].text;\n this.filePlaylist.shift();\n\n this.audioPlayer.onerror = function (event) {\n console.log(event);\n if (_this.filePlaylist[0]) {\n if (_this.filePlaylist[0].type === \"FILE\") {\n _this.playAudio();\n } else if (_this.filePlaylist[0].type === \"TEXT\") {\n _this.speak();\n }\n }\n };\n\n this.audioPlayer.onended = function () {\n _this.audioPlayer.src = \"\";\n if (_this.filePlaylist[0]) {\n if (_this.filePlaylist[0].type === \"FILE\") {\n _this.playAudio();\n } else if (_this.filePlaylist[0].type === \"TEXT\") {\n _this.speak();\n }\n }\n };\n\n this.audioPlayer.src = path;\n this.audioPlayer.play();\n }\n }, {\n key: \"speak\",\n value: function speak() {\n var _this2 = this;\n\n if (this.filePlaylist.length == 0) {\n return;\n }\n\n var text = this.filePlaylist[0].text;\n this.filePlaylist.shift();\n\n var speechPlayer = new SpeechSynthesisUtterance();\n\n speechPlayer.onend = function () {\n if (_this2.filePlaylist[0]) {\n if (_this2.filePlaylist[0].type === \"FILE\") {\n _this2.playAudio();\n } else if (_this2.filePlaylist[0].type === \"TEXT\") {\n _this2.speak();\n }\n }\n };\n\n speechPlayer.onerror = function (event) {\n console.log(\"Text to speech error. Make sure your browser supports SpeechSynthesisUtterance\");\n if (_this2.filePlaylist[0]) {\n if (_this2.filePlaylist[0].type === \"FILE\") {\n _this2.playAudio();\n } else if (_this2.filePlaylist[0].type === \"TEXT\") {\n _this2.speak();\n }\n }\n };\n\n speechPlayer.text = text;\n speechPlayer.volume = 1;\n speechPlayer.rate = 1;\n speechPlayer.pitch = 0;\n window.speechSynthesis.speak(speechPlayer);\n }\n }, {\n key: \"handleRPC\",\n value: function handleRPC(rpc) {\n var methodName = rpc.method.split(\".\")[1];\n switch (methodName) {\n case \"IsReady\":\n return { rpc: _RpcFactory2.default.IsReadyResponse(rpc, true) };\n case \"GetCapabilities\":\n return { \"rpc\": _RpcFactory2.default.TTSGetCapabilitiesResponse(rpc) };\n case \"ChangeRegistration\":\n return true;\n case \"AddCommand\":\n return true;\n case \"SetGlobalProperties\":\n return true;\n case \"Speak\":\n var ttsChunks = rpc.params.ttsChunks;\n this.filePlaylist = [];\n for (var i = 0; i < ttsChunks.length; i++) {\n this.filePlaylist.push(ttsChunks[i]);\n }\n\n if (this.filePlaylist.length > 0) {\n if (this.filePlaylist[0].type === \"FILE\") {\n this.playAudio();\n } else if (this.filePlaylist[0].type === \"TEXT\") {\n this.speak();\n }\n }\n\n return true;\n }\n }\n }]);\n\n return TTSController;\n}();\n\nvar controller = new TTSController();\nexports.default = controller;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"TTSController.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/TTSController.js\n// module id = 664\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/TTSController.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _RpcFactory = __webpack_require__(599);\n\nvar _RpcFactory2 = _interopRequireDefault(_RpcFactory);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar TTSController = function () {\n function TTSController() {\n _classCallCheck(this, TTSController);\n\n this.addListener = this.addListener.bind(this);\n this.audioPlayer = new Audio();\n this.filePlaylist = [];\n }\n\n _createClass(TTSController, [{\n key: \"addListener\",\n value: function addListener(listener) {\n this.listener = listener;\n }\n }, {\n key: \"playAudio\",\n value: function playAudio() {\n var _this = this;\n\n if (this.filePlaylist.length == 0) {\n this.audioPlayer.onended = null;\n if (!this.audioPlayer.paused) {\n this.audioPlayer.pause();\n this.audioPlayer.src = \"\";\n return;\n }\n }\n\n var path = this.filePlaylist[0].text;\n this.filePlaylist.shift();\n\n this.audioPlayer.onerror = function (event) {\n console.log(event);\n if (_this.filePlaylist[0]) {\n if (_this.filePlaylist[0].type === \"FILE\") {\n _this.playAudio();\n } else if (_this.filePlaylist[0].type === \"TEXT\") {\n _this.speak();\n }\n }\n };\n\n this.audioPlayer.onended = function () {\n _this.audioPlayer.src = \"\";\n if (_this.filePlaylist[0]) {\n if (_this.filePlaylist[0].type === \"FILE\") {\n _this.playAudio();\n } else if (_this.filePlaylist[0].type === \"TEXT\") {\n _this.speak();\n }\n }\n };\n\n this.audioPlayer.src = path;\n this.audioPlayer.play();\n }\n }, {\n key: \"speak\",\n value: function speak() {\n var _this2 = this;\n\n if (this.filePlaylist.length == 0) {\n return;\n }\n\n var text = this.filePlaylist[0].text;\n this.filePlaylist.shift();\n\n var speechPlayer = new SpeechSynthesisUtterance();\n\n speechPlayer.onend = function () {\n if (_this2.filePlaylist[0]) {\n if (_this2.filePlaylist[0].type === \"FILE\") {\n _this2.playAudio();\n } else if (_this2.filePlaylist[0].type === \"TEXT\") {\n _this2.speak();\n }\n }\n };\n\n speechPlayer.onerror = function (event) {\n console.log(\"Text to speech error. Make sure your browser supports SpeechSynthesisUtterance\");\n if (_this2.filePlaylist[0]) {\n if (_this2.filePlaylist[0].type === \"FILE\") {\n _this2.playAudio();\n } else if (_this2.filePlaylist[0].type === \"TEXT\") {\n _this2.speak();\n }\n }\n };\n\n speechPlayer.text = text;\n speechPlayer.volume = 1;\n speechPlayer.rate = 1;\n speechPlayer.pitch = 0;\n window.speechSynthesis.speak(speechPlayer);\n }\n }, {\n key: \"handleRPC\",\n value: function handleRPC(rpc) {\n var methodName = rpc.method.split(\".\")[1];\n switch (methodName) {\n case \"IsReady\":\n return { rpc: _RpcFactory2.default.IsReadyResponse(rpc, true) };\n case \"GetCapabilities\":\n return { \"rpc\": _RpcFactory2.default.TTSGetCapabilitiesResponse(rpc) };\n case \"ChangeRegistration\":\n return true;\n case \"AddCommand\":\n return true;\n case \"SetGlobalProperties\":\n return true;\n case \"Speak\":\n var ttsChunks = rpc.params.ttsChunks;\n this.filePlaylist = [];\n for (var i = 0; i < ttsChunks.length; i++) {\n this.filePlaylist.push(ttsChunks[i]);\n }\n\n if (this.filePlaylist.length > 0) {\n if (this.filePlaylist[0].type === \"FILE\") {\n this.playAudio();\n } else if (this.filePlaylist[0].type === \"TEXT\") {\n this.speak();\n }\n }\n\n return true;\n }\n }\n }]);\n\n return TTSController;\n}();\n\nvar controller = new TTSController();\nexports.default = controller;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"TTSController.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/TTSController.js\n// module id = 664\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/TTSController.js?"); /***/ }), /* 665 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _RpcFactory = __webpack_require__(599);\n\nvar _RpcFactory2 = _interopRequireDefault(_RpcFactory);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar VehicleInfoController = function () {\n function VehicleInfoController() {\n _classCallCheck(this, VehicleInfoController);\n }\n\n _createClass(VehicleInfoController, [{\n key: \"handleRPC\",\n value: function handleRPC(rpc) {\n var methodName = rpc.method.split(\".\")[1];\n switch (methodName) {\n case \"IsReady\":\n return { rpc: _RpcFactory2.default.IsReadyResponse(rpc, true) };\n case \"GetVehicleType\":\n return { rpc: _RpcFactory2.default.GetVehicleType(rpc) };\n }\n }\n }]);\n\n return VehicleInfoController;\n}();\n\nvar controller = new VehicleInfoController();\nexports.default = controller;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"VehicleInfoController.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/VehicleInfoController.js\n// module id = 665\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/VehicleInfoController.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _RpcFactory = __webpack_require__(599);\n\nvar _RpcFactory2 = _interopRequireDefault(_RpcFactory);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar VehicleInfoController = function () {\n function VehicleInfoController() {\n _classCallCheck(this, VehicleInfoController);\n }\n\n _createClass(VehicleInfoController, [{\n key: \"handleRPC\",\n value: function handleRPC(rpc) {\n var methodName = rpc.method.split(\".\")[1];\n switch (methodName) {\n case \"IsReady\":\n return { rpc: _RpcFactory2.default.IsReadyResponse(rpc, true) };\n case \"GetVehicleType\":\n return { rpc: _RpcFactory2.default.GetVehicleType(rpc) };\n }\n }\n }]);\n\n return VehicleInfoController;\n}();\n\nvar controller = new VehicleInfoController();\nexports.default = controller;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"VehicleInfoController.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/VehicleInfoController.js\n// module id = 665\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/VehicleInfoController.js?"); /***/ }), /* 666 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _RpcFactory = __webpack_require__(599);\n\nvar _RpcFactory2 = _interopRequireDefault(_RpcFactory);\n\nvar _store = __webpack_require__(602);\n\nvar _store2 = _interopRequireDefault(_store);\n\nvar _actions = __webpack_require__(601);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar AppServicesController = function () {\n function AppServicesController() {\n _classCallCheck(this, AppServicesController);\n\n this.addListener = this.addListener.bind(this);\n }\n\n _createClass(AppServicesController, [{\n key: 'addListener',\n value: function addListener(listener) {\n this.listener = listener;\n }\n }, {\n key: 'handleRPC',\n value: function handleRPC(rpc) {\n var methodName = rpc.method.split(\".\")[1];\n switch (methodName) {\n case \"IsReady\":\n return { \"rpc\": _RpcFactory2.default.IsReadyResponse(rpc, false) };\n case \"OnAppServiceData\":\n _store2.default.dispatch((0, _actions.onAppServiceData)(rpc.params.serviceData));\n return null;\n }\n }\n }]);\n\n return AppServicesController;\n}();\n\nvar controller = new AppServicesController();\nexports.default = controller;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppServicesController.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/AppServicesController.js\n// module id = 666\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/AppServicesController.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _RpcFactory = __webpack_require__(599);\n\nvar _RpcFactory2 = _interopRequireDefault(_RpcFactory);\n\nvar _store = __webpack_require__(602);\n\nvar _store2 = _interopRequireDefault(_store);\n\nvar _actions = __webpack_require__(601);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar AppServicesController = function () {\n function AppServicesController() {\n _classCallCheck(this, AppServicesController);\n\n this.addListener = this.addListener.bind(this);\n }\n\n _createClass(AppServicesController, [{\n key: 'addListener',\n value: function addListener(listener) {\n this.listener = listener;\n }\n }, {\n key: 'handleRPC',\n value: function handleRPC(rpc) {\n var methodName = rpc.method.split(\".\")[1];\n switch (methodName) {\n case \"IsReady\":\n return { \"rpc\": _RpcFactory2.default.IsReadyResponse(rpc, false) };\n case \"OnAppServiceData\":\n _store2.default.dispatch((0, _actions.onAppServiceData)(rpc.params.serviceData));\n return null;\n }\n }\n }]);\n\n return AppServicesController;\n}();\n\nvar controller = new AppServicesController();\nexports.default = controller;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"AppServicesController.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/AppServicesController.js\n// module id = 666\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/AppServicesController.js?"); /***/ }), /* 667 */ /***/ (function(module, exports, __webpack_require__) { - eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _RpcFactory = __webpack_require__(599);\n\nvar _RpcFactory2 = _interopRequireDefault(_RpcFactory);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar NavController = function () {\n function NavController() {\n _classCallCheck(this, NavController);\n\n this.addListener = this.addListener.bind(this);\n }\n\n _createClass(NavController, [{\n key: \"addListener\",\n value: function addListener(listener) {\n this.listener = listener;\n }\n }, {\n key: \"handleRPC\",\n value: function handleRPC(rpc) {\n var methodName = rpc.method.split(\".\")[1];\n switch (methodName) {\n case \"IsReady\":\n return { \"rpc\": _RpcFactory2.default.IsReadyResponse(rpc, false) };\n case \"StartStream\":\n var message = \"This system does not support video streaming.\";\n return { \"rpc\": _RpcFactory2.default.UnsupportedResourceResponse(rpc, message) };\n case \"StartAudioStream\":\n var message = \"This system does not support audio streaming.\";\n return { \"rpc\": _RpcFactory2.default.UnsupportedResourceResponse(rpc, message) };\n case \"SetVideoConfig\":\n var message = \"This system does not support video streaming.\";\n return { \"rpc\": _RpcFactory2.default.UnsupportedResourceResponse(rpc, message) };\n default:\n var message = \"This RPC is not supported.\";\n return { \"rpc\": _RpcFactory2.default.UnsupportedResourceResponse(rpc, message) };\n }\n }\n }]);\n\n return NavController;\n}();\n\nvar controller = new NavController();\nexports.default = controller;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/collin/src/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"NavController.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/NavController.js\n// module id = 667\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/NavController.js?"); + eval("/* REACT HOT LOADER */ if (false) { (function () { var ReactHotAPI = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-api/modules/index.js\"), RootInstanceProvider = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/RootInstanceProvider.js\"), ReactMount = require(\"react-dom/lib/ReactMount\"), React = require(\"react\"); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } try { (function () {\n\n\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _RpcFactory = __webpack_require__(599);\n\nvar _RpcFactory2 = _interopRequireDefault(_RpcFactory);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nvar NavController = function () {\n function NavController() {\n _classCallCheck(this, NavController);\n\n this.addListener = this.addListener.bind(this);\n }\n\n _createClass(NavController, [{\n key: \"addListener\",\n value: function addListener(listener) {\n this.listener = listener;\n }\n }, {\n key: \"handleRPC\",\n value: function handleRPC(rpc) {\n var methodName = rpc.method.split(\".\")[1];\n switch (methodName) {\n case \"IsReady\":\n return { \"rpc\": _RpcFactory2.default.IsReadyResponse(rpc, false) };\n case \"StartStream\":\n var message = \"This system does not support video streaming.\";\n return { \"rpc\": _RpcFactory2.default.UnsupportedResourceResponse(rpc, message) };\n case \"StartAudioStream\":\n var message = \"This system does not support audio streaming.\";\n return { \"rpc\": _RpcFactory2.default.UnsupportedResourceResponse(rpc, message) };\n case \"SetVideoConfig\":\n var message = \"This system does not support video streaming.\";\n return { \"rpc\": _RpcFactory2.default.UnsupportedResourceResponse(rpc, message) };\n default:\n var message = \"This RPC is not supported.\";\n return { \"rpc\": _RpcFactory2.default.UnsupportedResourceResponse(rpc, message) };\n }\n }\n }]);\n\n return NavController;\n}();\n\nvar controller = new NavController();\nexports.default = controller;\n\n/* REACT HOT LOADER */ }).call(this); } finally { if (false) { (function () { var foundReactClasses = module.hot.data && module.hot.data.foundReactClasses || false; if (module.exports && module.makeHot) { var makeExportsHot = require(\"/home/shobhit/SDL/HMI/generic_hmi/node_modules/react-hot-loader/makeExportsHot.js\"); if (makeExportsHot(module, require(\"react\"))) { foundReactClasses = true; } var shouldAcceptModule = true && foundReactClasses; if (shouldAcceptModule) { module.hot.accept(function (err) { if (err) { console.error(\"Cannot apply hot update to \" + \"NavController.js\" + \": \" + err.message); } }); } } module.hot.dispose(function (data) { data.makeHot = module.makeHot; data.foundReactClasses = foundReactClasses; }); })(); } }\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/js/Controllers/NavController.js\n// module id = 667\n// module chunks = 0\n//# sourceURL=webpack:///./src/js/Controllers/NavController.js?"); /***/ }) /******/ ]); \ No newline at end of file