{"version":3,"file":"default.84699e6d.js","sources":["../../../../components/Modal.vue","../../../../components/PlayTime.vue","../../../../layouts/default.vue"],"sourcesContent":["<template>\n  <div class=\"modal__background\" @click=\"$emit('close')\">\n    <div class=\"modal__container\" @click.stop>\n      <div class=\"modal__header\">\n        <slot name=\"header\"> </slot>\n        <button class=\"button-circle button-circle--modal\" @click=\"$emit('close')\">×</button>\n      </div>\n\n      <div class=\"modal__body\">\n        <slot name=\"body\"> </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.modal__background {\n  position: fixed;\n  z-index: 9998;\n\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  background-color: rgba(255, 255, 255, 0.4);\n}\n\n.modal__container {\n  min-width: 40vw;\n\n  @apply flex flex-col shadow-md rounded;\n\n  color: VarsToHSL(--ttbw-modal-text-colour);\n  background: VarsToHSL(--ttbw-modal-background-colour);\n}\n\n.modal__header {\n  @apply flex flex-row justify-between w-full font-bold;\n  padding: $spacing;\n\n  background-color: hsl(\n    var(--ttbw-modal-background-colour-h),\n    var(--ttbw-modal-background-colour-s),\n    calc(var(--ttbw-modal-background-colour-l) - 10%)\n  );\n}\n\n.modal__body {\n  padding: $spacing * 2 $spacing;\n}\n\n.button-circle--modal {\n  background: VarsToHSL(--ttbw-modal-background-colour);\n  &:hover {\n    background: hsl(\n      var(--ttbw-modal-background-colour-h),\n      var(--ttbw-modal-background-colour-s),\n      calc(var(--ttbw-modal-background-colour-l) + #{$lightness-3})\n    );\n  }\n}\n</style>\n\n<script>\nexport default {};\n</script>\n","<template>\n  <div>{{ tTrim(\"playtime\") }}: {{ time }}</div>\n</template>\n\n<script>\nimport moment from \"moment-timezone\";\n\nexport default {\n  setup() {\n    const { tTrim } = useHLGLocalisation();\n    return { tTrim };\n  },\n  computed: {\n    time() {\n      const duration = moment.duration(moment(this.$store.state.time).diff(this.$store.state.app.loadedAt));\n      const seconds = duration.seconds() < 10 ? `0${duration.seconds()}` : duration.seconds();\n      const minutes = duration.minutes() < 10 ? `0${duration.minutes()}` : duration.minutes();\n      const hours = duration.hours() < 10 ? `0${duration.hours()}` : duration.hours();\n\n      return `${hours > 0 ? `${hours}:` : \"\"}${minutes}:${seconds}`;\n    },\n  },\n};\n</script>\n","<template>\n  <div id=\"app\">\n    <transition-fade>\n      <modal v-if=\"$store.state.loginRequired\" @close=\"$store.commit('setLoginRequired', false)\">\n        <template v-slot:header>\n          {{ tTrim(\"login.loginRequired\") }}\n        </template>\n        <template v-slot:body>\n          {{ tTrim(\"login.loginToBet\") }}\n        </template>\n      </modal>\n    </transition-fade>\n\n    <slot />\n\n    <footer>\n      <div>\n        <template v-if=\"playerID\">\n          <div v-if=\"!hidePlayerID\" class=\"inline-block\">{{ playerID }}</div>\n          <div v-if=\"!hideBalance\" class=\"inline-block\">({{ balance }})</div>\n        </template>\n        <div class=\"loading-ellipsis\" v-if=\"!playerID && $store.state.account.isUpdating\">\n          {{ tTrim(\"loading.account\") }}\n        </div>\n      </div>\n      <div class=\"flex flex-col items-center\">\n        <play-time />\n        <nuxt-link v-if=\"!hideRules\" :to=\"gameRulesLink\">{{ tTrim(\"rules\") }}</nuxt-link>\n      </div>\n      <div>{{ buildInfo }}</div>\n    </footer>\n\n    <a class=\"home-btn__control\" :href=\"homeStore.homeURL\" v-if=\"homeStore.homeURL\">\n      <vue-feather type=\"home\" />\n    </a>\n  </div>\n</template>\n\n<style lang=\"scss\">\n#app {\n  @apply flex flex-col;\n  min-height: 100vh;\n  width: 100%;\n\n  & > div {\n    @apply flex-grow;\n  }\n\n  & > footer {\n    @apply flex justify-between;\n    padding: $spacing $spacing 60px $spacing;\n    background: VarsToHSL(--ttbw-app-footer-background-colour);\n  }\n}\n\n.loading-ellipsis:after {\n  // ensure animation\n  overflow: hidden;\n  display: inline-block;\n\n  // align periods\n  vertical-align: bottom;\n\n  // set up initial condition for the animation\n  width: 0px;\n\n  // ascii code for ellipsis\n  content: \"\\2026\";\n\n  // run the animation, edit by changing steps and width\n  animation: ellipsis steps(4, end) 900ms infinite;\n}\n\n// edit the animation by changing steps and width\n@keyframes ellipsis {\n  to {\n    width: 1.25em;\n  }\n}\n\n// This should be split out instead of duplicating the betslip button\n.home-btn {\n  &__control {\n    @apply flex items-center justify-center shadow-md;\n    position: fixed;\n    bottom: $spacing;\n    left: $spacing;\n    width: 60px;\n    height: 60px;\n    background: VarsToHSL(--ttbw-betslip-background-colour);\n    border-radius: 50%;\n    border: 1px solid VarsToHSL(--ttbw-betslip-text-colour);\n    color: VarsToHSL(--ttbw-betslip-text-colour);\n\n    &:hover {\n      background: hsl(\n        var(--ttbw-betslip-background-colour-h),\n        var(--ttbw-betslip-background-colour-s),\n        calc(var(--ttbw-betslip-background-colour-l) - #{$darkness-3})\n      );\n    }\n\n    @screen lg {\n      display: none;\n    }\n  }\n}\n</style>\n\n<script>\nexport default {\n  setup() {\n    const { public: config } = useRuntimeConfig();\n    const homeStore = useHomeStore();\n    const { currencyFormatter } = useUnitFormat();\n    const { tTrim } = useHLGLocalisation();\n    return {\n      buildInfo: `${config.app_version} (#${config.git_hash || \"<unknown>\"})`,\n      homeStore,\n      currencyFormatter: currencyFormatter(),\n      tTrim,\n    };\n  },\n  head() {\n    return {\n      title: this.productCode,\n    };\n  },\n  computed: {\n    productCode() {\n      return this.tTrim(`product.${this.$store.state.provider.product.productCode}`);\n    },\n\n    gameRulesLink() {\n      const { rulesPath } = useRules();\n      console.log(`RulesPath: ${rulesPath}`);\n      return rulesPath;\n    },\n\n    playerID() {\n      return (\n        this.$store.state.provider.playerName ||\n        this.$store.state.provider.playerID ||\n        this.$store.state.account.custRef\n      );\n    },\n    balance() {\n      return this.currencyFormatter.format(this.$store.state.account.balance);\n    },\n    hidePlayerID() {\n      return this.$config.public.hide_player_id;\n    },\n    hideBalance() {\n      return this.$config.public.hide_balance;\n    },\n    hideRules() {\n      return this.$config.public.hide_rules;\n    },\n  },\n\n  beforeMount() {\n    document.getElementsByTagName(\"html\")[0].setAttribute(\"theme\", this.$store.state.provider.theme);\n  },\n\n  watch: {\n    \"$store.state.provider.theme\"(val) {\n      console.log(\"Theme changed: \" + val);\n      document.getElementsByTagName(\"html\")[0].setAttribute(\"theme\", val);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","_hoisted_1","_hoisted_2","_createElementBlock","_ctx","_createElementVNode","_renderSlot","tTrim","useHLGLocalisation","duration","moment","seconds","minutes","hours","_openBlock","_toDisplayString","$setup","$options","config","useRuntimeConfig","homeStore","useHomeStore","currencyFormatter","useUnitFormat","rulesPath","useRules","val","_hoisted_5","_createVNode","_component_transition_fade","_createBlock","_component_modal","_cache","$event","_Fragment","_hoisted_3","_hoisted_4","_component_play_time","_component_nuxt_link","_component_vue_feather"],"mappings":"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"}