{"version":3,"sources":["webpack:///src/app/components/Information.vue","webpack:///./src/app/components/Information.vue?23db","webpack:///./src/app/components/Information.vue"],"names":["Information","data","isShowing","props","information","mounted","window","openFrame","this","onOpenFrame","bind","methods","extends_default","Object","vuex_esm","setFrameVisibility","setFrameUrl","onShow","onHide","url","components_Information","render","_h","$createElement","_c","_self","directives","name","rawName","staticClass","class","information--active","attrs","title","on","show","hide","click","_e","staticRenderFns","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"2IAgBAA,GACAC,KADA,WAEA,OACAC,WAAA,IAGAC,OACAC,gBAEAC,QATA,WAUAC,OAAAC,UAAAC,KAAAC,YAAAC,KAAAF,OAEAG,QAAAC,OACAC,OAAAC,EAAA,EAAAD,EACAE,mBAAA,gCACAC,YAAA,4BAEAC,OALA,WAMAT,KAAAN,WAAA,GAEAgB,OARA,WASAV,KAAAN,WAAA,GAEAO,YAXA,SAWAU,GACAX,KAAAQ,YAAAG,GACAX,KAAAO,oBAAA,OCtCAK,GADiBC,OAFjB,WAA0B,IAAaC,EAAbd,KAAae,eAA0BC,EAAvChB,KAAuCiB,MAAAD,IAAAF,EAAwB,OAA/Dd,KAA+D,YAAAgB,EAAA,OAAmCE,aAAaC,KAAA,QAAAC,QAAA,YAA+BC,YAAA,cAAAC,OAAmCC,sBAAjLvB,KAAiLN,WAAwC8B,OAAQC,MAAjOzB,KAAiOJ,aAAwB8B,IAAKC,KAA9P3B,KAA8PS,OAAAmB,KAA9P5B,KAA8PU,OAAAmB,MAA9P7B,KAA8PS,UAAwDO,EAAA,KAAUK,YAAA,wBAAhUrB,KAAgW8B,MAEzWC,oBCCjB,IAcAC,EAdAC,EAAA,OAcAC,CACA1C,EACAoB,GATA,EAVA,SAAAuB,GACAF,EAAA,SAaA,KAEA,MAUAG,EAAA,QAAAJ,EAAA","file":"static/js/67.d837bb24c5352f06a568.js","sourcesContent":["<template>\r\n  <div class=\"information\"\r\n       :class=\"{ 'information--active' : isShowing }\"\r\n       v-if=\"information\"\r\n       :title=\"information\"\r\n       @show=\"onShow\"\r\n       @hide=\"onHide\"\r\n       @click=\"onShow\"\r\n       v-tippy>\r\n    <i class=\"ic ic-info-bubble\"/>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions } from 'vuex';\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      isShowing: false\r\n    };\r\n  },\r\n  props: {\r\n    information: {}\r\n  },\r\n  mounted() {\r\n    window.openFrame = this.onOpenFrame.bind(this);\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      setFrameVisibility: 'simulation/setFrameVisibility',\r\n      setFrameUrl: 'simulation/setFrameUrl'\r\n    }),\r\n    onShow() {\r\n      this.isShowing = true;\r\n    },\r\n    onHide() {\r\n      this.isShowing = false;\r\n    },\r\n    onOpenFrame(url) {\r\n      this.setFrameUrl(url);\r\n      this.setFrameVisibility(true);\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n  @import '../../assets/sass/tools/font';\r\n  @import '../../assets/sass/settings/colors';\r\n\r\n  .information {\r\n    position: relative;\r\n    display: inline-block;\r\n\r\n    width: 1rem;\r\n    min-width: 1rem;\r\n    height: 1rem;\r\n\r\n    margin-left: .6875rem;\r\n    margin-right: .6875rem;\r\n\r\n    font-size: 1rem;\r\n\r\n    color: $color-silver-darkest;\r\n\r\n    cursor: help;\r\n    pointer-events: all;\r\n\r\n    transition: color 250ms ease-in;\r\n\r\n    .device-kiosk & {\r\n      width: 1.875rem;\r\n      min-width: 1.875rem;\r\n      height: 1.875rem;\r\n\r\n      margin-left: 1.5625rem;\r\n      margin-right: 1.5625rem;\r\n\r\n      font-size: 1.875rem;\r\n    }\r\n\r\n    &:before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -.5rem;\r\n      right: -.5rem;\r\n      bottom: -.5rem;\r\n      left: -.5rem;\r\n    }\r\n\r\n    &--active {\r\n      color: $color-purple-ash !important;\r\n    }\r\n\r\n    .ic {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n    }\r\n\r\n    .choice--active & {\r\n      color: $color-purple-ash-lighter;\r\n    }\r\n  }\r\n</style>\r\n\n\n\n// WEBPACK FOOTER //\n// src/app/components/Information.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.information)?_c('div',{directives:[{name:\"tippy\",rawName:\"v-tippy\"}],staticClass:\"information\",class:{ 'information--active' : _vm.isShowing },attrs:{\"title\":_vm.information},on:{\"show\":_vm.onShow,\"hide\":_vm.onHide,\"click\":_vm.onShow}},[_c('i',{staticClass:\"ic ic-info-bubble\"})]):_vm._e()}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-75d9347c\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/app/components/Information.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n  require(\"!!../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-75d9347c\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"sourceMap\\\":true}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Information.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Information.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Information.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-75d9347c\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Information.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/components/Information.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}