{"version":3,"sources":["webpack:///./src/components/Layouts/Ticket/TableTicketInfo.vue","webpack:///src/components/Layouts/Ticket/TableTicketInfo.vue","webpack:///./src/components/Layouts/Ticket/TableTicketInfo.vue?2a41","webpack:///./src/components/Layouts/Ticket/TableTicketInfo.vue?42f5","webpack:///./src/components/Layouts/Ticket/TableTicketInfo.vue?c070"],"names":["render","_vm","this","_c","_self","rightSidebarCollapsed","staticClass","attrs","on","$event","invertRightState","_v","_s","ticket","MatchNumber","$globalFunctions","amountFormat","MaxWin","class","_e","staticRenderFns","name","props","data","computed","mounted","methods","clearTicket","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAII,sBAAuBF,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACH,EAAG,MAAM,CAACI,MAAM,CAAC,MAAQ,kBAAkB,CAACJ,EAAG,IAAI,CAACG,YAAY,6BAA6BE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIS,sBAAsB,CAACP,EAAG,OAAO,CAACF,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,OAAOC,oBAAoBX,EAAG,MAAM,CAACG,YAAY,SAASC,MAAM,CAAC,MAAQ,sBAAsB,CAACJ,EAAG,KAAK,CAACF,EAAIU,GAAG,aAAaR,EAAG,SAAS,CAACF,EAAIU,GAAGV,EAAIW,GAAGX,EAAIc,iBAAiBC,aAAaf,EAAIY,OAAOI,cAAcd,EAAG,SAAS,CAACG,YAAY,gBAAgBE,GAAG,CAAC,MAAQP,EAAIS,mBAAmB,CAACP,EAAG,IAAI,CAACe,MAAM,mBAAmBX,MAAM,CAAC,MAAQ,sBAAsBN,EAAIkB,MAErqBC,EAAkB,GCwCP,GACfC,uBACAC,SAEAC,OACA,UAGAC,UACAnB,wBACA,gDAEAQ,SACA,oDAGAY,YAEAC,SACAhB,mBACA,sDAEAiB,cACA,uCCjEsX,I,wBCQlXC,EAAY,eACd,EACA5B,EACAoB,GACA,EACA,KACA,WACA,MAIa,aAAAQ,E,sECnBf","file":"js/chunk-8b46db70.74a0132e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.rightSidebarCollapsed)?_c('div',{staticClass:\"topBarTicket\"},[_c('div',{attrs:{\"title\":\"Numero eventi\"}},[_c('i',{staticClass:\"number-events pki-ticket-2\",on:{\"click\":function($event){return _vm.invertRightState()}}},[_c('span',[_vm._v(_vm._s(_vm.ticket.MatchNumber))])])]),_c('div',{staticClass:\"winBox\",attrs:{\"title\":\"Probabile vincita\"}},[_c('em',[_vm._v(\"vincita\")]),_c('strong',[_vm._v(_vm._s(_vm.$globalFunctions.amountFormat(_vm.ticket.MaxWin)))])]),_c('button',{staticClass:\"close-sidebar\",on:{\"click\":_vm.invertRightState}},[_c('i',{class:'pki-chevron-left',attrs:{\"title\":\"Apri Sidebar\"}})])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    v-if=\"rightSidebarCollapsed\"\r\n    class=\"topBarTicket\"\r\n  >\r\n    <div title=\"Numero eventi\">\r\n      <i\r\n        class=\"number-events pki-ticket-2\"\r\n        @click=\"invertRightState()\"\r\n      >\r\n        <span>{{ ticket.MatchNumber }}</span>\r\n      </i>\r\n    </div>\r\n    <div\r\n      title=\"Probabile vincita\"\r\n      class=\"winBox\"\r\n    >\r\n      <em>vincita</em>\r\n      <strong>{{ $globalFunctions.amountFormat(ticket.MaxWin) }}</strong>\r\n    </div>\r\n    <!--div title=\"Cancella ticket pl-0\">\r\n      <i\r\n        class=\"number-events pki-ticket delete\"\r\n        @click=\"clearTicket()\"\r\n      >\r\n        <i class=\"pki-trash\" />\r\n      </i>\r\n    </div-->\r\n    <button\r\n      class=\"close-sidebar\"\r\n      @click=\"invertRightState\"\r\n    >\r\n      <i\r\n        :class=\"'pki-chevron-left'\"\r\n        title=\"Apri Sidebar\"\r\n      />\r\n    </button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  name: 'TableTicketInfo',\r\n  props: {\r\n  },\r\n  data() {\r\n    return {\r\n    };\r\n  },\r\n  computed: {\r\n    rightSidebarCollapsed() {\r\n      return this.$store.state.rightSidebarCollapsed;\r\n    },\r\n    ticket() {\r\n      return this._.cloneDeep(this.$store.state.ticket);\r\n    },\r\n  },\r\n  mounted() {\r\n  },\r\n  methods: {\r\n    invertRightState() {\r\n      this.$store.commit('SET_RIGHT_SIDEBAR_COLLAPSED', false);\r\n    },\r\n    clearTicket() {\r\n      this.$store.dispatch('clearTicket');\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.topBarTicket {\r\n  display: flex;\r\n  gap: 8px;\r\n  width: auto;\r\n  padding: 0 8px;\r\n  opacity: 1;\r\n  -webkit-transition: all .25s ease-out;\r\n  -o-transition: all .25s ease-out;\r\n  transition: all .25s ease-out;\r\n\r\n  .winBox{\r\n    border: 1px solid var(--color-dominance);\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n    display: block;\r\n    text-align: center;\r\n    em {\r\n      font-weight: normal;\r\n      text-transform: uppercase;\r\n      display: block;\r\n      line-height: 1.2;\r\n      background: #003400 !important;\r\n      color: #fff;\r\n      width: 100%;\r\n      display: -webkit-flex;\r\n      display: -moz-flex;\r\n      display: -ms-flexbox;\r\n      display: -ms-flex;\r\n      display: flex;\r\n      -webkit-justify-content: center;\r\n      -moz-justify-content: center;\r\n      -ms-justify-content: center;\r\n      justify-content: center;\r\n      -webkit-align-items: center;\r\n      -moz-align-items: center;\r\n      -ms-align-items: center;\r\n      align-items: center;\r\n      padding: 1px 4px 0;\r\n      border-top-left-radius: 2px;\r\n      border-top-right-radius: 2px;\r\n      font-size: 9px;\r\n    }\r\n    strong {\r\n      display: block;\r\n      background: #008000;\r\n      color: #fafafa;\r\n      font-size: 13px;\r\n      line-height: 16px;\r\n      padding: 0px 7px;\r\n      border-bottom-left-radius: 2px;\r\n      border-bottom-right-radius: 2px;\r\n      text-shadow: 0 0 1px #141414;\r\n      white-space: nowrap;\r\n    }\r\n  }\r\n\r\n  .number-events {\r\n    padding: 0 8px;\r\n    font-size: 26px;\r\n    color: var(--color-primary);\r\n    position: relative;\r\n    cursor: pointer;\r\n\r\n    span, i {\r\n      font-family: var(--font-family-sans-serif);\r\n      position: absolute;\r\n      bottom: -6px;\r\n      right: 2px;\r\n      width: 18px;\r\n      height: 18px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 11px;\r\n      text-shadow: none;\r\n      background-color: var(--color-dominance);\r\n      border-radius: 50%;\r\n      color: var(--color-primary);\r\n      font-weight: bold;\r\n    }\r\n\r\n    &.delete{\r\n      i{\r\n        font-family: 'pkicons';\r\n        background-color: var(--danger);\r\n        color: var(--color-primary);\r\n        font-weight: 400;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.close-sidebar {\r\n  background: transparent;\r\n  border: none;\r\n  outline: none;\r\n  color: var(--color-dominance);\r\n  border-radius: 50%;\r\n  width: 30px;\r\n  height: 30px;\r\n  padding: 0;\r\n  font-size: 0.8em;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: var(--transition);\r\n  &:hover{\r\n    background-color: var(--color-dominance);\r\n    color: var(--color-primary);\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableTicketInfo.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableTicketInfo.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TableTicketInfo.vue?vue&type=template&id=2a6ec4b4&scoped=true\"\nimport script from \"./TableTicketInfo.vue?vue&type=script&lang=js\"\nexport * from \"./TableTicketInfo.vue?vue&type=script&lang=js\"\nimport style0 from \"./TableTicketInfo.vue?vue&type=style&index=0&id=2a6ec4b4&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2a6ec4b4\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableTicketInfo.vue?vue&type=style&index=0&id=2a6ec4b4&prod&scoped=true&lang=scss\""],"sourceRoot":""}