{"version":3,"file":"Wrapper.21d8d5db.js","sources":["../../src/components/branded/VsText.vue","../../src/components/branded/VsText.vue?vue&type=template&id=51c7cc2f&lang.js","../../src/components/markets/win-win/MPU_WW.vue","../../src/components/markets/win-win/MPU_WW.vue?vue&type=template&id=4a366696&lang.js","../../src/components/markets/win-win/LargeMPUWW.vue","../../src/components/markets/win-win/LargeMPUWW.vue?vue&type=template&id=722b250a&lang.js","../../src/components/markets/win-win/Wide.vue","../../src/components/markets/win-win/Wide.vue?vue&type=template&id=5b4d7cf2&lang.js","../../src/components/markets/win-win/LeaderboardWW.vue","../../src/components/markets/win-win/LeaderboardWW.vue?vue&type=template&id=37770825&lang.js","../../src/components/markets/win-win/MobileLeaderboardWW.vue","../../src/components/markets/win-win/MobileLeaderboardWW.vue?vue&type=template&id=454877a6&lang.js","../../src/components/markets/win-win/SkyscraperWW.vue","../../src/components/markets/win-win/SkyscraperWW.vue?vue&type=template&id=9866301a&lang.js","../../src/components/markets/win-win/LMLB_WW.vue","../../src/components/markets/win-win/LMLB_WW.vue?vue&type=template&id=174a0ae6&lang.js","../../src/components/markets/win-win/Wrapper.vue","../../src/components/markets/win-win/Wrapper.vue?vue&type=template&id=26e53172&lang.js"],"sourcesContent":["<template>\n  <DynamicText\n    tag=\"span\"\n    styleGroup=\"VS text\"\n    :get=\"vsStyle.get\"\n    :set=\"vsStyle.set\"\n    class=\"vs\"\n  >\n    vs\n  </DynamicText>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\nimport DynamicText from \"../DynamicText.vue\";\nimport { Brand } from \"@fresh8/types/src\";\n\nexport default defineComponent({\n  name: \"VsText\",\n  components: {\n    DynamicText\n  },\n  setup() {\n    return {\n      vsStyle: {\n        get: (brand: Brand) => brand.adTemplate.market.teamNameFont,\n        set: (brand: Brand, value: string) =>\n          (brand.adTemplate.market.teamNameFont = value)\n      }\n    };\n  }\n});\n</script>\n\n<style></style>\n","<template>\n  <DynamicText\n    tag=\"span\"\n    styleGroup=\"VS text\"\n    :get=\"vsStyle.get\"\n    :set=\"vsStyle.set\"\n    class=\"vs\"\n  >\n    vs\n  </DynamicText>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from \"vue\";\nimport DynamicText from \"../DynamicText.vue\";\nimport { Brand } from \"@fresh8/types/src\";\n\nexport default defineComponent({\n  name: \"VsText\",\n  components: {\n    DynamicText\n  },\n  setup() {\n    return {\n      vsStyle: {\n        get: (brand: Brand) => brand.adTemplate.market.teamNameFont,\n        set: (brand: Brand, value: string) =>\n          (brand.adTemplate.market.teamNameFont = value)\n      }\n    };\n  }\n});\n</script>\n\n<style></style>\n","<template>\n  <div :class=\"classes.container\">\n    <div :class=\"classes.wrapper\">\n      <CardHeader :eventId=\"eventId\" />\n\n      <div :class=\"classes.eventMarketWrapper\">\n        <EventName\n          :eventId=\"eventId\"\n          :class=\"classes.eventName\"\n          class=\"event-name\"\n        />\n\n        <MarketName\n          :class=\"classes.market\"\n          :marketId=\"marketId\"\n          class=\"market-name\"\n        />\n      </div>\n\n      <div :class=\"classes.options\">\n        <Button\n          :class=\"classes.button\"\n          :optionId=\"homeAwayOptions[0].options[overUnder ? 1 : 0]\"\n          :marketId=\"homeAwayOptions[0].marketId\"\n        />\n\n        <div :class=\"classes.divider\" v-if=\"!overUnder\">\n          <VsText :class=\"classes.vs\" />\n        </div>\n\n        <Button\n          :class=\"classes.button\"\n          :optionId=\"homeAwayOptions[0].options[overUnder ? 0 : 1]\"\n          :marketId=\"homeAwayOptions[0].marketId\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport { defineComponent, ref, computed } from \"vue\";\nimport { injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\n\nimport EventName from \"../../EventName.vue\";\nimport VsText from \"../../branded/VsText.vue\";\nimport MarketName from \"../../MarketName.vue\";\nimport CardHeader from \"../../CardHeader.vue\";\nimport Button from \"./Button.vue\";\n\nimport {\n  composeHomeAwayOptions,\n  composeMarket\n} from \"@fresh8/ad-data-composition/src/betData\";\n\nconst useStyles = createUseStyles({\n  container: {\n    display: \"flex\",\n    flex: 1,\n    flexDirection: \"column\"\n  },\n  market: {\n    padding: \"0\"\n  },\n  eventName: {\n    marginBottom: 8\n  },\n  vs: {\n    background: props =>\n      props.backgroundImage ? \"none\" : props.backgroundColor,\n    display: \"block\",\n    padding: \"0 5px\",\n    zIndex: 1,\n    position: \"relative\"\n  },\n  divider: {\n    fontSize: \"12px\",\n    width: \"100%\",\n    position: \"relative\",\n    padding: \"0 8px\",\n    boxSizing: \"border-box\",\n    display: \"flex\",\n    marginBottom: \"8px\",\n    justifyContent: \"center\",\n\n    \"&:after\": {\n      content: \"''\",\n      position: \"absolute\",\n      right: 0,\n      left: 0,\n      top: \"50%\",\n      height: \"1px\",\n      borderTop: props =>\n        props.backgroundImage ? \"none\" : \"1px dotted #dcdddf\"\n    }\n  },\n  wrapper: {\n    display: \"flex\",\n    flex: 1,\n    flexDirection: \"column\",\n    height: \"100%\",\n    border: props => `1px solid ${props.marketBorderColor || \"#dcddf\"}`,\n    background: props => props.cardBackgroundColor,\n    borderRadius: props => `${props.borderRadius}px`,\n    paddingBottom: \"8px\"\n  },\n  eventMarketWrapper: {\n    width: \"100%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    padding: \"8px\",\n    boxSizing: \"border-box\"\n  },\n  options: {\n    flex: 1,\n    display: \"flex\",\n    flexDirection: \"column\",\n    padding: \"0 8px\"\n  },\n  button: {\n    flex: 1,\n    marginBottom: \"8px\",\n    \"&:last-of-type\": {\n      marginBottom: 0\n    }\n  }\n});\n\nexport default defineComponent({\n  name: \"Card\",\n  components: {\n    CardHeader,\n    MarketName,\n    Button,\n    EventName,\n    VsText\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const {\n      adTemplateBranding,\n      marketBranding,\n      backgroundImageSets\n    } = injectBrand();\n    const marketId = ref([props.marketId]);\n    const { marketType } = composeMarket(props.marketId)?.value;\n\n    const overUnder = computed(() => marketType === \"Over/Under Totals\");\n\n    const backgroundImage = computed(() => {\n      return !!Object.keys(backgroundImageSets?.value || {}).length;\n    });\n\n    const relativeStyles = computed(() => ({\n      ...adTemplateBranding.value,\n      backgroundImage: backgroundImage.value\n    }));\n\n    const classesRef = useStyles(relativeStyles);\n\n    const homeAwayOptions = composeHomeAwayOptions(marketId);\n\n    return {\n      overUnder,\n      marketBranding,\n      classes: classesRef,\n      homeAwayOptions\n    };\n  }\n});\n</script>\n","<template>\n  <div :class=\"classes.container\">\n    <div :class=\"classes.wrapper\">\n      <CardHeader :eventId=\"eventId\" />\n\n      <div :class=\"classes.eventMarketWrapper\">\n        <EventName\n          :eventId=\"eventId\"\n          :class=\"classes.eventName\"\n          class=\"event-name\"\n        />\n\n        <MarketName\n          :class=\"classes.market\"\n          :marketId=\"marketId\"\n          class=\"market-name\"\n        />\n      </div>\n\n      <div :class=\"classes.options\">\n        <Button\n          :class=\"classes.button\"\n          :optionId=\"homeAwayOptions[0].options[overUnder ? 1 : 0]\"\n          :marketId=\"homeAwayOptions[0].marketId\"\n        />\n\n        <div :class=\"classes.divider\" v-if=\"!overUnder\">\n          <VsText :class=\"classes.vs\" />\n        </div>\n\n        <Button\n          :class=\"classes.button\"\n          :optionId=\"homeAwayOptions[0].options[overUnder ? 0 : 1]\"\n          :marketId=\"homeAwayOptions[0].marketId\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport { defineComponent, ref, computed } from \"vue\";\nimport { injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\n\nimport EventName from \"../../EventName.vue\";\nimport VsText from \"../../branded/VsText.vue\";\nimport MarketName from \"../../MarketName.vue\";\nimport CardHeader from \"../../CardHeader.vue\";\nimport Button from \"./Button.vue\";\n\nimport {\n  composeHomeAwayOptions,\n  composeMarket\n} from \"@fresh8/ad-data-composition/src/betData\";\n\nconst useStyles = createUseStyles({\n  container: {\n    display: \"flex\",\n    flex: 1,\n    flexDirection: \"column\"\n  },\n  market: {\n    padding: \"0\"\n  },\n  eventName: {\n    marginBottom: 8\n  },\n  vs: {\n    background: props =>\n      props.backgroundImage ? \"none\" : props.backgroundColor,\n    display: \"block\",\n    padding: \"0 5px\",\n    zIndex: 1,\n    position: \"relative\"\n  },\n  divider: {\n    fontSize: \"12px\",\n    width: \"100%\",\n    position: \"relative\",\n    padding: \"0 8px\",\n    boxSizing: \"border-box\",\n    display: \"flex\",\n    marginBottom: \"8px\",\n    justifyContent: \"center\",\n\n    \"&:after\": {\n      content: \"''\",\n      position: \"absolute\",\n      right: 0,\n      left: 0,\n      top: \"50%\",\n      height: \"1px\",\n      borderTop: props =>\n        props.backgroundImage ? \"none\" : \"1px dotted #dcdddf\"\n    }\n  },\n  wrapper: {\n    display: \"flex\",\n    flex: 1,\n    flexDirection: \"column\",\n    height: \"100%\",\n    border: props => `1px solid ${props.marketBorderColor || \"#dcddf\"}`,\n    background: props => props.cardBackgroundColor,\n    borderRadius: props => `${props.borderRadius}px`,\n    paddingBottom: \"8px\"\n  },\n  eventMarketWrapper: {\n    width: \"100%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    padding: \"8px\",\n    boxSizing: \"border-box\"\n  },\n  options: {\n    flex: 1,\n    display: \"flex\",\n    flexDirection: \"column\",\n    padding: \"0 8px\"\n  },\n  button: {\n    flex: 1,\n    marginBottom: \"8px\",\n    \"&:last-of-type\": {\n      marginBottom: 0\n    }\n  }\n});\n\nexport default defineComponent({\n  name: \"Card\",\n  components: {\n    CardHeader,\n    MarketName,\n    Button,\n    EventName,\n    VsText\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const {\n      adTemplateBranding,\n      marketBranding,\n      backgroundImageSets\n    } = injectBrand();\n    const marketId = ref([props.marketId]);\n    const { marketType } = composeMarket(props.marketId)?.value;\n\n    const overUnder = computed(() => marketType === \"Over/Under Totals\");\n\n    const backgroundImage = computed(() => {\n      return !!Object.keys(backgroundImageSets?.value || {}).length;\n    });\n\n    const relativeStyles = computed(() => ({\n      ...adTemplateBranding.value,\n      backgroundImage: backgroundImage.value\n    }));\n\n    const classesRef = useStyles(relativeStyles);\n\n    const homeAwayOptions = composeHomeAwayOptions(marketId);\n\n    return {\n      overUnder,\n      marketBranding,\n      classes: classesRef,\n      homeAwayOptions\n    };\n  }\n});\n</script>\n","<template>\n  <div :class=\"classes.container\">\n    <div :class=\"classes.wrapper\">\n      <CardHeader :eventId=\"eventId\" />\n\n      <EventName\n        :eventId=\"eventId\"\n        :class=\"classes.eventName\"\n        class=\"event-name\"\n      />\n\n      <MarketTags :tags=\"tags\" />\n\n      <div :class=\"classes.options\">\n        <Button\n          :class=\"classes.button\"\n          :optionId=\"homeAwayOptions[0].options[overUnder ? 1 : 0]\"\n          :marketId=\"homeAwayOptions[0].marketId\"\n        />\n\n        <div :class=\"classes.divider\" />\n\n        <Button\n          :class=\"classes.button\"\n          :optionId=\"homeAwayOptions[0].options[overUnder ? 0 : 1]\"\n          :marketId=\"homeAwayOptions[0].marketId\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport { defineComponent, ref, computed } from \"vue\";\nimport { injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\n\nimport EventName from \"../../EventNameVertical.vue\";\nimport CardHeader from \"../../CardHeader.vue\";\nimport Button from \"./Button.vue\";\nimport MarketTags from \"../../MarketTags.vue\";\n\nimport {\n  composeHomeAwayOptions,\n  composeMarket\n} from \"@fresh8/ad-data-composition/src/betData\";\n\nconst useStyles = createUseStyles({\n  container: {\n    display: \"flex\",\n    flex: 1,\n    flexDirection: \"column\"\n  },\n  market: {\n    padding: \"0\"\n  },\n  eventName: {\n    padding: \"8px\",\n    borderBottom: props => `1px solid ${props.marketBorderColor || \"#dcddf\"}`\n  },\n  vs: {\n    background: props =>\n      props.backgroundImage ? \"none\" : props.backgroundColor,\n    display: \"block\",\n    padding: \"0 5px\",\n    zIndex: 1,\n    position: \"relative\"\n  },\n  divider: {\n    width: \"100%\",\n    height: \"1px\",\n    background: props => `${props.marketBorderColor || \"#dcddf\"}`,\n    marginBottom: \"1px\"\n  },\n  wrapper: {\n    display: \"flex\",\n    flex: 1,\n    flexDirection: \"column\",\n    height: \"100%\",\n    border: props => `1px solid ${props.marketBorderColor || \"#dcddf\"}`,\n    background: props => props.cardBackgroundColor,\n    borderRadius: props => `${props.borderRadius}px`,\n    paddingBottom: \"8px\"\n  },\n  eventMarketWrapper: {\n    width: \"100%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    padding: \"8px\",\n    boxSizing: \"border-box\"\n  },\n  options: {\n    flex: 1,\n    display: \"flex\",\n    flexDirection: \"column\",\n    padding: \"0 8px\"\n  },\n  button: {\n    flex: 1,\n    marginBottom: \"16px\",\n    marginTop: \"15px\",\n    \"&:last-of-type\": {\n      marginBottom: \"23px\"\n    }\n  }\n});\n\nexport default defineComponent({\n  name: \"Card\",\n  components: {\n    CardHeader,\n    Button,\n    EventName,\n    MarketTags\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const {\n      adTemplateBranding,\n      marketBranding,\n      backgroundImageSets\n    } = injectBrand();\n    const marketId = ref([props.marketId]);\n    const { marketType, marketName } = composeMarket(props.marketId)?.value;\n\n    const overUnder = computed(() => marketType === \"Over/Under Totals\");\n\n    const backgroundImage = computed(() => {\n      return !!Object.keys(backgroundImageSets?.value || {}).length;\n    });\n\n    const relativeStyles = computed(() => ({\n      ...adTemplateBranding.value,\n      backgroundImage: backgroundImage.value\n    }));\n\n    const classesRef = useStyles(relativeStyles);\n\n    const homeAwayOptions = composeHomeAwayOptions(marketId);\n\n    return {\n      overUnder,\n      marketBranding,\n      classes: classesRef,\n      homeAwayOptions,\n      tags: [marketName]\n    };\n  }\n});\n</script>\n","<template>\n  <div :class=\"classes.container\">\n    <div :class=\"classes.wrapper\">\n      <CardHeader :eventId=\"eventId\" />\n\n      <EventName\n        :eventId=\"eventId\"\n        :class=\"classes.eventName\"\n        class=\"event-name\"\n      />\n\n      <MarketTags :tags=\"tags\" />\n\n      <div :class=\"classes.options\">\n        <Button\n          :class=\"classes.button\"\n          :optionId=\"homeAwayOptions[0].options[overUnder ? 1 : 0]\"\n          :marketId=\"homeAwayOptions[0].marketId\"\n        />\n\n        <div :class=\"classes.divider\" />\n\n        <Button\n          :class=\"classes.button\"\n          :optionId=\"homeAwayOptions[0].options[overUnder ? 0 : 1]\"\n          :marketId=\"homeAwayOptions[0].marketId\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport { defineComponent, ref, computed } from \"vue\";\nimport { injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\n\nimport EventName from \"../../EventNameVertical.vue\";\nimport CardHeader from \"../../CardHeader.vue\";\nimport Button from \"./Button.vue\";\nimport MarketTags from \"../../MarketTags.vue\";\n\nimport {\n  composeHomeAwayOptions,\n  composeMarket\n} from \"@fresh8/ad-data-composition/src/betData\";\n\nconst useStyles = createUseStyles({\n  container: {\n    display: \"flex\",\n    flex: 1,\n    flexDirection: \"column\"\n  },\n  market: {\n    padding: \"0\"\n  },\n  eventName: {\n    padding: \"8px\",\n    borderBottom: props => `1px solid ${props.marketBorderColor || \"#dcddf\"}`\n  },\n  vs: {\n    background: props =>\n      props.backgroundImage ? \"none\" : props.backgroundColor,\n    display: \"block\",\n    padding: \"0 5px\",\n    zIndex: 1,\n    position: \"relative\"\n  },\n  divider: {\n    width: \"100%\",\n    height: \"1px\",\n    background: props => `${props.marketBorderColor || \"#dcddf\"}`,\n    marginBottom: \"1px\"\n  },\n  wrapper: {\n    display: \"flex\",\n    flex: 1,\n    flexDirection: \"column\",\n    height: \"100%\",\n    border: props => `1px solid ${props.marketBorderColor || \"#dcddf\"}`,\n    background: props => props.cardBackgroundColor,\n    borderRadius: props => `${props.borderRadius}px`,\n    paddingBottom: \"8px\"\n  },\n  eventMarketWrapper: {\n    width: \"100%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    padding: \"8px\",\n    boxSizing: \"border-box\"\n  },\n  options: {\n    flex: 1,\n    display: \"flex\",\n    flexDirection: \"column\",\n    padding: \"0 8px\"\n  },\n  button: {\n    flex: 1,\n    marginBottom: \"16px\",\n    marginTop: \"15px\",\n    \"&:last-of-type\": {\n      marginBottom: \"23px\"\n    }\n  }\n});\n\nexport default defineComponent({\n  name: \"Card\",\n  components: {\n    CardHeader,\n    Button,\n    EventName,\n    MarketTags\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const {\n      adTemplateBranding,\n      marketBranding,\n      backgroundImageSets\n    } = injectBrand();\n    const marketId = ref([props.marketId]);\n    const { marketType, marketName } = composeMarket(props.marketId)?.value;\n\n    const overUnder = computed(() => marketType === \"Over/Under Totals\");\n\n    const backgroundImage = computed(() => {\n      return !!Object.keys(backgroundImageSets?.value || {}).length;\n    });\n\n    const relativeStyles = computed(() => ({\n      ...adTemplateBranding.value,\n      backgroundImage: backgroundImage.value\n    }));\n\n    const classesRef = useStyles(relativeStyles);\n\n    const homeAwayOptions = composeHomeAwayOptions(marketId);\n\n    return {\n      overUnder,\n      marketBranding,\n      classes: classesRef,\n      homeAwayOptions,\n      tags: [marketName]\n    };\n  }\n});\n</script>\n","<template>\n  <MarketCard>\n    <CardHeader :eventId=\"eventId\" />\n    <div :class=\"classes.cardContent\">\n      <div :class=\"classes.marketOptions\">\n        <WinOption\n          :class=\"classes.marketOption\"\n          :eventId=\"eventId\"\n          :optionId=\"ftrMarkets[0].options[0]\"\n        />\n        <div :class=\"classes.centralSection\">\n          <VsText :class=\"classes.vs\" />\n          <MarketName :marketId=\"marketId\" :class=\"classes.market\" />\n        </div>\n        <WinOption\n          :class=\"classes.marketOption\"\n          :eventId=\"eventId\"\n          :optionId=\"ftrMarkets[0].options[1]\"\n        />\n      </div>\n    </div>\n  </MarketCard>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from \"vue\";\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport { composeHomeAwayOptions } from \"@fresh8/ad-data-composition/src/betData\";\nimport { injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\n\nimport MarketName from \"../../MarketName.vue\";\nimport CardHeader from \"../../CardHeader.vue\";\nimport WinOption from \"../../WinOption.vue\";\nimport MarketCard from \"../../styled/MarketCard.vue\";\nimport VsText from \"../../branded/VsText.vue\";\n\nconst useStyles = createUseStyles({\n  cardContent: {\n    display: \"flex\",\n    flex: 1,\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    padding: \"6px\"\n  },\n  market: {\n    flex: \"1\",\n    padding: \"4px 0\",\n    display: \"flex\",\n    alignItems: \"center\"\n  },\n  marketOptions: {\n    flex: 1,\n    display: \"flex\",\n    width: \"100%\"\n  },\n  marketOption: {\n    \"& p\": {\n      fontSize: \"12px\"\n    },\n    \"&:first-of-type\": {\n      flex: \"1 1 36%\"\n    },\n    \"&:last-of-type\": {\n      flex: \"1 1 36%\"\n    }\n  },\n  centralSection: {\n    flex: \"1 1 28%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    padding: \"4px 4px 0 4px\"\n  },\n  vs: {\n    padding: \"8.5px 0\",\n    fontSize: \"10px\",\n    width: \"50%\",\n    textAlign: \"center\",\n    borderTop: props => `1px solid ${props.marketBorderColor}`,\n    borderBottom: props => `1px solid ${props.marketBorderColor}`\n  }\n});\n\nexport default defineComponent({\n  name: \"Card\",\n  components: {\n    MarketCard,\n    CardHeader,\n    MarketName,\n    WinOption,\n    VsText\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const { adTemplateBranding } = injectBrand();\n    const classesRef = useStyles(adTemplateBranding);\n    const marketId = ref([props.marketId]);\n    const ftrMarkets = composeHomeAwayOptions(marketId);\n\n    return {\n      classes: classesRef,\n      ftrMarkets\n    };\n  }\n});\n</script>\n\n<style></style>\n","<template>\n  <MarketCard>\n    <CardHeader :eventId=\"eventId\" />\n    <div :class=\"classes.cardContent\">\n      <div :class=\"classes.marketOptions\">\n        <WinOption\n          :class=\"classes.marketOption\"\n          :eventId=\"eventId\"\n          :optionId=\"ftrMarkets[0].options[0]\"\n        />\n        <div :class=\"classes.centralSection\">\n          <VsText :class=\"classes.vs\" />\n          <MarketName :marketId=\"marketId\" :class=\"classes.market\" />\n        </div>\n        <WinOption\n          :class=\"classes.marketOption\"\n          :eventId=\"eventId\"\n          :optionId=\"ftrMarkets[0].options[1]\"\n        />\n      </div>\n    </div>\n  </MarketCard>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from \"vue\";\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport { composeHomeAwayOptions } from \"@fresh8/ad-data-composition/src/betData\";\nimport { injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\n\nimport MarketName from \"../../MarketName.vue\";\nimport CardHeader from \"../../CardHeader.vue\";\nimport WinOption from \"../../WinOption.vue\";\nimport MarketCard from \"../../styled/MarketCard.vue\";\nimport VsText from \"../../branded/VsText.vue\";\n\nconst useStyles = createUseStyles({\n  cardContent: {\n    display: \"flex\",\n    flex: 1,\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    padding: \"6px\"\n  },\n  market: {\n    flex: \"1\",\n    padding: \"4px 0\",\n    display: \"flex\",\n    alignItems: \"center\"\n  },\n  marketOptions: {\n    flex: 1,\n    display: \"flex\",\n    width: \"100%\"\n  },\n  marketOption: {\n    \"& p\": {\n      fontSize: \"12px\"\n    },\n    \"&:first-of-type\": {\n      flex: \"1 1 36%\"\n    },\n    \"&:last-of-type\": {\n      flex: \"1 1 36%\"\n    }\n  },\n  centralSection: {\n    flex: \"1 1 28%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    padding: \"4px 4px 0 4px\"\n  },\n  vs: {\n    padding: \"8.5px 0\",\n    fontSize: \"10px\",\n    width: \"50%\",\n    textAlign: \"center\",\n    borderTop: props => `1px solid ${props.marketBorderColor}`,\n    borderBottom: props => `1px solid ${props.marketBorderColor}`\n  }\n});\n\nexport default defineComponent({\n  name: \"Card\",\n  components: {\n    MarketCard,\n    CardHeader,\n    MarketName,\n    WinOption,\n    VsText\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const { adTemplateBranding } = injectBrand();\n    const classesRef = useStyles(adTemplateBranding);\n    const marketId = ref([props.marketId]);\n    const ftrMarkets = composeHomeAwayOptions(marketId);\n\n    return {\n      classes: classesRef,\n      ftrMarkets\n    };\n  }\n});\n</script>\n\n<style></style>\n","<template>\n  <MarketCard>\n    <div :class=\"classes.header\">\n      <CardHeaderLeaderboard\n        :eventId=\"eventId\"\n        style=\"border-bottom: none; padding: unset\"\n      />\n      <MarketName :marketId=\"marketId\" :class=\"classes.marketName\" />\n    </div>\n    <div :class=\"classes.cardContent\">\n      <div :class=\"classes.marketOptions\">\n        <WinOption\n          :class=\"classes.marketOption\"\n          :eventId=\"eventId\"\n          :optionId=\"ftrMarkets[0].options[0]\"\n        />\n        <div :class=\"classes.centralSection\">\n          <VsText :class=\"classes.vs\" />\n        </div>\n        <WinOption\n          :class=\"classes.marketOption\"\n          :eventId=\"eventId\"\n          :optionId=\"ftrMarkets[0].options[1]\"\n        />\n      </div>\n    </div>\n  </MarketCard>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from \"vue\";\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport { composeHomeAwayOptions } from \"@fresh8/ad-data-composition/src/betData\";\nimport { injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\n\nimport MarketName from \"../../MarketName.vue\";\nimport CardHeaderLeaderboard from \"../../CardHeaderLeaderboard.vue\";\nimport WinOption from \"../../WinOption.vue\";\nimport MarketCard from \"../../styled/MarketCard.vue\";\nimport VsText from \"../../branded/VsText.vue\";\n\nconst useStyles = createUseStyles({\n  cardContent: {\n    display: \"flex\",\n    flex: 1,\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    padding: \"0 4px 4px\"\n  },\n  header: {\n    display: \"grid\",\n    gridTemplateColumns: \"2fr 1fr\",\n    justifyItems: \"end\",\n    alignItems: \"center\",\n    padding: \"0 4px\"\n  },\n  marketName: {\n    \"&.market-name\": {\n      fontSize: \"9px\"\n    }\n  },\n  marketOptions: {\n    flex: 1,\n    display: \"flex\",\n    width: \"100%\"\n  },\n  marketOption: {\n    flex: \"1 1 45%\",\n    \"&:first-of-type\": {\n      marginRight: 0\n    }\n  },\n  centralSection: {\n    flex: \"1 1 10%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    padding: \"0 3px\",\n    justifyContent: \"space-evenly\"\n  },\n  vs: {\n    fontSize: \"10px\",\n    width: \"50%\",\n    textAlign: \"center\"\n  }\n});\n\nexport default defineComponent({\n  name: \"Card\",\n  components: {\n    MarketCard,\n    CardHeaderLeaderboard,\n    MarketName,\n    WinOption,\n    VsText\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const { adTemplateBranding } = injectBrand();\n    const classesRef = useStyles(adTemplateBranding);\n    const marketId = ref([props.marketId]);\n    const ftrMarkets = composeHomeAwayOptions(marketId);\n\n    return {\n      classes: classesRef,\n      ftrMarkets\n    };\n  }\n});\n</script>\n\n<style></style>\n","<template>\n  <MarketCard>\n    <div :class=\"classes.header\">\n      <CardHeaderLeaderboard\n        :eventId=\"eventId\"\n        style=\"border-bottom: none; padding: unset\"\n      />\n      <MarketName :marketId=\"marketId\" :class=\"classes.marketName\" />\n    </div>\n    <div :class=\"classes.cardContent\">\n      <div :class=\"classes.marketOptions\">\n        <WinOption\n          :class=\"classes.marketOption\"\n          :eventId=\"eventId\"\n          :optionId=\"ftrMarkets[0].options[0]\"\n        />\n        <div :class=\"classes.centralSection\">\n          <VsText :class=\"classes.vs\" />\n        </div>\n        <WinOption\n          :class=\"classes.marketOption\"\n          :eventId=\"eventId\"\n          :optionId=\"ftrMarkets[0].options[1]\"\n        />\n      </div>\n    </div>\n  </MarketCard>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from \"vue\";\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport { composeHomeAwayOptions } from \"@fresh8/ad-data-composition/src/betData\";\nimport { injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\n\nimport MarketName from \"../../MarketName.vue\";\nimport CardHeaderLeaderboard from \"../../CardHeaderLeaderboard.vue\";\nimport WinOption from \"../../WinOption.vue\";\nimport MarketCard from \"../../styled/MarketCard.vue\";\nimport VsText from \"../../branded/VsText.vue\";\n\nconst useStyles = createUseStyles({\n  cardContent: {\n    display: \"flex\",\n    flex: 1,\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    padding: \"0 4px 4px\"\n  },\n  header: {\n    display: \"grid\",\n    gridTemplateColumns: \"2fr 1fr\",\n    justifyItems: \"end\",\n    alignItems: \"center\",\n    padding: \"0 4px\"\n  },\n  marketName: {\n    \"&.market-name\": {\n      fontSize: \"9px\"\n    }\n  },\n  marketOptions: {\n    flex: 1,\n    display: \"flex\",\n    width: \"100%\"\n  },\n  marketOption: {\n    flex: \"1 1 45%\",\n    \"&:first-of-type\": {\n      marginRight: 0\n    }\n  },\n  centralSection: {\n    flex: \"1 1 10%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    padding: \"0 3px\",\n    justifyContent: \"space-evenly\"\n  },\n  vs: {\n    fontSize: \"10px\",\n    width: \"50%\",\n    textAlign: \"center\"\n  }\n});\n\nexport default defineComponent({\n  name: \"Card\",\n  components: {\n    MarketCard,\n    CardHeaderLeaderboard,\n    MarketName,\n    WinOption,\n    VsText\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const { adTemplateBranding } = injectBrand();\n    const classesRef = useStyles(adTemplateBranding);\n    const marketId = ref([props.marketId]);\n    const ftrMarkets = composeHomeAwayOptions(marketId);\n\n    return {\n      classes: classesRef,\n      ftrMarkets\n    };\n  }\n});\n</script>\n\n<style></style>\n","<template>\n  <div :class=\"classes.content\">\n    <Header :eventId=\"eventId\" />\n    <div :class=\"[classes.cardContent, 'win-win']\">\n      <div :class=\"classes.marketOptions\">\n        <WinOption\n          :class=\"[classes.marketOption, 'team-one']\"\n          :eventId=\"eventId\"\n          :optionId=\"ftrMarkets[0].options[0]\"\n        />\n        <VsText :class=\"classes.vs\" />\n        <WinOption\n          :class=\"[classes.marketOption, 'team-two']\"\n          :eventId=\"eventId\"\n          :optionId=\"ftrMarkets[0].options[1]\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport { defineComponent, ref } from \"vue\";\nimport WinOption from \"../../WinOptionMobile.vue\";\nimport {\n  composeHomeAwayOptions,\n  composeEventCompetitors\n} from \"@fresh8/ad-data-composition/src/betData\";\nimport VsText from \"../../branded/VsText.vue\";\nimport Header from \"../../HeaderInternal.vue\";\n\nconst useStyles = createUseStyles({\n  content: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    padding: \"4px 4px 0px 4px\",\n    height: \"inherit\"\n  },\n  cardContent: {\n    display: \"flex\",\n    flex: 1,\n    flexDirection: \"column\",\n    alignItems: \"center\"\n  },\n  marketOptions: {\n    flex: 1,\n    display: \"flex\",\n    width: \"100%\"\n  },\n  marketOption: {\n    flex: \"1 1 28%\",\n    \"&:first-of-type\": {\n      flex: \"1 1 36%\",\n      marginRight: 0\n    },\n    \"&:last-of-type\": {\n      flex: \"1 1 36%\"\n    },\n\n    \"& .meta-text\": {\n      fontSize: \"7px\"\n    },\n    \"& .odds-text\": {\n      fontSize: \"12px\"\n    },\n    \"& p\": {\n      lineHeight: \"1\"\n    },\n\n    \"& a\": {\n      padding: \"1px 0\"\n    }\n  },\n  vs: {\n    display: \"flex\",\n    flex: \"1 1 8%\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    fontSize: \"10px\",\n    minWidth: \"50px\"\n  }\n});\n\nexport default defineComponent({\n  name: \"MobileLeaderboardWW\",\n  components: {\n    Header,\n    WinOption,\n    VsText\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const marketId = ref([props.marketId]);\n    const classesRef = useStyles();\n    const ftrMarkets = composeHomeAwayOptions(marketId);\n    const competitors = composeEventCompetitors(props.eventId);\n\n    return {\n      competitors,\n      classes: classesRef,\n      ftrMarkets\n    };\n  }\n});\n</script>\n\n<style></style>\n","<template>\n  <div :class=\"classes.content\">\n    <Header :eventId=\"eventId\" />\n    <div :class=\"[classes.cardContent, 'win-win']\">\n      <div :class=\"classes.marketOptions\">\n        <WinOption\n          :class=\"[classes.marketOption, 'team-one']\"\n          :eventId=\"eventId\"\n          :optionId=\"ftrMarkets[0].options[0]\"\n        />\n        <VsText :class=\"classes.vs\" />\n        <WinOption\n          :class=\"[classes.marketOption, 'team-two']\"\n          :eventId=\"eventId\"\n          :optionId=\"ftrMarkets[0].options[1]\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport { defineComponent, ref } from \"vue\";\nimport WinOption from \"../../WinOptionMobile.vue\";\nimport {\n  composeHomeAwayOptions,\n  composeEventCompetitors\n} from \"@fresh8/ad-data-composition/src/betData\";\nimport VsText from \"../../branded/VsText.vue\";\nimport Header from \"../../HeaderInternal.vue\";\n\nconst useStyles = createUseStyles({\n  content: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    padding: \"4px 4px 0px 4px\",\n    height: \"inherit\"\n  },\n  cardContent: {\n    display: \"flex\",\n    flex: 1,\n    flexDirection: \"column\",\n    alignItems: \"center\"\n  },\n  marketOptions: {\n    flex: 1,\n    display: \"flex\",\n    width: \"100%\"\n  },\n  marketOption: {\n    flex: \"1 1 28%\",\n    \"&:first-of-type\": {\n      flex: \"1 1 36%\",\n      marginRight: 0\n    },\n    \"&:last-of-type\": {\n      flex: \"1 1 36%\"\n    },\n\n    \"& .meta-text\": {\n      fontSize: \"7px\"\n    },\n    \"& .odds-text\": {\n      fontSize: \"12px\"\n    },\n    \"& p\": {\n      lineHeight: \"1\"\n    },\n\n    \"& a\": {\n      padding: \"1px 0\"\n    }\n  },\n  vs: {\n    display: \"flex\",\n    flex: \"1 1 8%\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    fontSize: \"10px\",\n    minWidth: \"50px\"\n  }\n});\n\nexport default defineComponent({\n  name: \"MobileLeaderboardWW\",\n  components: {\n    Header,\n    WinOption,\n    VsText\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const marketId = ref([props.marketId]);\n    const classesRef = useStyles();\n    const ftrMarkets = composeHomeAwayOptions(marketId);\n    const competitors = composeEventCompetitors(props.eventId);\n\n    return {\n      competitors,\n      classes: classesRef,\n      ftrMarkets\n    };\n  }\n});\n</script>\n\n<style></style>\n","<template>\n  <div :class=\"classes.container\">\n    <div :class=\"classes.wrapper\">\n      <CardHeader :eventId=\"eventId\" />\n\n      <EventName\n        :eventId=\"eventId\"\n        :class=\"classes.eventName\"\n        class=\"event-name\"\n      />\n\n      <MarketTags :tags=\"tags\" />\n\n      <div :class=\"classes.options\">\n        <Button\n          :class=\"classes.button\"\n          :optionId=\"homeAwayOptions[0].options[overUnder ? 1 : 0]\"\n          :marketId=\"homeAwayOptions[0].marketId\"\n        />\n\n        <Button\n          :class=\"classes.button\"\n          :optionId=\"homeAwayOptions[0].options[overUnder ? 0 : 1]\"\n          :marketId=\"homeAwayOptions[0].marketId\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport { defineComponent, ref, computed } from \"vue\";\nimport { injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\n\nimport EventName from \"../../EventNameVertical.vue\";\nimport CardHeader from \"../../CardHeader.vue\";\nimport Button from \"./Button.vue\";\nimport MarketTags from \"../../MarketTags.vue\";\n\nimport {\n  composeHomeAwayOptions,\n  composeMarket\n} from \"@fresh8/ad-data-composition/src/betData\";\n\nconst useStyles = createUseStyles({\n  container: {\n    display: \"flex\",\n    flex: 1,\n    flexDirection: \"column\"\n  },\n  market: {\n    padding: \"0\"\n  },\n  eventName: {\n    padding: \"8px\",\n    borderBottom: props => `1px solid ${props.marketBorderColor || \"#dcddf\"}`\n  },\n  vs: {\n    background: props =>\n      props.backgroundImage ? \"none\" : props.backgroundColor,\n    display: \"block\",\n    padding: \"0 5px\",\n    zIndex: 1,\n    position: \"relative\"\n  },\n  wrapper: {\n    display: \"flex\",\n    flex: 1,\n    flexDirection: \"column\",\n    height: \"100%\",\n    border: props => `1px solid ${props.marketBorderColor || \"#dcddf\"}`,\n    background: props => props.cardBackgroundColor,\n    borderRadius: props => `${props.borderRadius}px`,\n    paddingBottom: \"8px\"\n  },\n  eventMarketWrapper: {\n    width: \"100%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    padding: \"8px\",\n    boxSizing: \"border-box\"\n  },\n  options: {\n    flex: 1,\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"space-around\",\n    padding: \"16px 8px\",\n    \"&  .odds-text\": {\n      fontSize: \"12px\"\n    },\n    \"&  .name\": {\n      fontSize: \"12px\"\n    }\n  },\n  button: {\n    flex: 1,\n    maxHeight: \"49px\"\n  }\n});\n\nexport default defineComponent({\n  name: \"Card\",\n  components: {\n    CardHeader,\n    Button,\n    EventName,\n    MarketTags\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const {\n      adTemplateBranding,\n      marketBranding,\n      backgroundImageSets\n    } = injectBrand();\n    const marketId = ref([props.marketId]);\n    const { marketType, marketName } = composeMarket(props.marketId)?.value;\n\n    const overUnder = computed(() => marketType === \"Over/Under Totals\");\n\n    const backgroundImage = computed(() => {\n      return !!Object.keys(backgroundImageSets?.value || {}).length;\n    });\n\n    const relativeStyles = computed(() => ({\n      ...adTemplateBranding.value,\n      backgroundImage: backgroundImage.value\n    }));\n\n    const classesRef = useStyles(relativeStyles);\n\n    const homeAwayOptions = composeHomeAwayOptions(marketId);\n\n    return {\n      overUnder,\n      marketBranding,\n      classes: classesRef,\n      homeAwayOptions,\n      tags: [marketName]\n    };\n  }\n});\n</script>\n","<template>\n  <div :class=\"classes.container\">\n    <div :class=\"classes.wrapper\">\n      <CardHeader :eventId=\"eventId\" />\n\n      <EventName\n        :eventId=\"eventId\"\n        :class=\"classes.eventName\"\n        class=\"event-name\"\n      />\n\n      <MarketTags :tags=\"tags\" />\n\n      <div :class=\"classes.options\">\n        <Button\n          :class=\"classes.button\"\n          :optionId=\"homeAwayOptions[0].options[overUnder ? 1 : 0]\"\n          :marketId=\"homeAwayOptions[0].marketId\"\n        />\n\n        <Button\n          :class=\"classes.button\"\n          :optionId=\"homeAwayOptions[0].options[overUnder ? 0 : 1]\"\n          :marketId=\"homeAwayOptions[0].marketId\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport { defineComponent, ref, computed } from \"vue\";\nimport { injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\n\nimport EventName from \"../../EventNameVertical.vue\";\nimport CardHeader from \"../../CardHeader.vue\";\nimport Button from \"./Button.vue\";\nimport MarketTags from \"../../MarketTags.vue\";\n\nimport {\n  composeHomeAwayOptions,\n  composeMarket\n} from \"@fresh8/ad-data-composition/src/betData\";\n\nconst useStyles = createUseStyles({\n  container: {\n    display: \"flex\",\n    flex: 1,\n    flexDirection: \"column\"\n  },\n  market: {\n    padding: \"0\"\n  },\n  eventName: {\n    padding: \"8px\",\n    borderBottom: props => `1px solid ${props.marketBorderColor || \"#dcddf\"}`\n  },\n  vs: {\n    background: props =>\n      props.backgroundImage ? \"none\" : props.backgroundColor,\n    display: \"block\",\n    padding: \"0 5px\",\n    zIndex: 1,\n    position: \"relative\"\n  },\n  wrapper: {\n    display: \"flex\",\n    flex: 1,\n    flexDirection: \"column\",\n    height: \"100%\",\n    border: props => `1px solid ${props.marketBorderColor || \"#dcddf\"}`,\n    background: props => props.cardBackgroundColor,\n    borderRadius: props => `${props.borderRadius}px`,\n    paddingBottom: \"8px\"\n  },\n  eventMarketWrapper: {\n    width: \"100%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    padding: \"8px\",\n    boxSizing: \"border-box\"\n  },\n  options: {\n    flex: 1,\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"space-around\",\n    padding: \"16px 8px\",\n    \"&  .odds-text\": {\n      fontSize: \"12px\"\n    },\n    \"&  .name\": {\n      fontSize: \"12px\"\n    }\n  },\n  button: {\n    flex: 1,\n    maxHeight: \"49px\"\n  }\n});\n\nexport default defineComponent({\n  name: \"Card\",\n  components: {\n    CardHeader,\n    Button,\n    EventName,\n    MarketTags\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const {\n      adTemplateBranding,\n      marketBranding,\n      backgroundImageSets\n    } = injectBrand();\n    const marketId = ref([props.marketId]);\n    const { marketType, marketName } = composeMarket(props.marketId)?.value;\n\n    const overUnder = computed(() => marketType === \"Over/Under Totals\");\n\n    const backgroundImage = computed(() => {\n      return !!Object.keys(backgroundImageSets?.value || {}).length;\n    });\n\n    const relativeStyles = computed(() => ({\n      ...adTemplateBranding.value,\n      backgroundImage: backgroundImage.value\n    }));\n\n    const classesRef = useStyles(relativeStyles);\n\n    const homeAwayOptions = composeHomeAwayOptions(marketId);\n\n    return {\n      overUnder,\n      marketBranding,\n      classes: classesRef,\n      homeAwayOptions,\n      tags: [marketName]\n    };\n  }\n});\n</script>\n","<template>\n  <div :class=\"classes.content\">\n    <div :class=\"[classes.cardContent, 'win-win']\">\n      <CardHeader :eventId=\"eventId\" />\n      <div :class=\"classes.marketOptions\">\n        <WinOption\n          :class=\"[classes.marketOption, 'team-one']\"\n          :eventId=\"eventId\"\n          :optionId=\"ftrMarkets[0].options[0]\"\n        />\n        <VsText :class=\"classes.vs\" />\n        <WinOption\n          :class=\"[classes.marketOption, 'team-two']\"\n          :eventId=\"eventId\"\n          :optionId=\"ftrMarkets[0].options[1]\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport { computed, defineComponent, ref } from \"vue\";\nimport WinOption from \"../../WinOptionMobile.vue\";\nimport CardHeader from \"../../CardHeader.vue\";\nimport {\n  composeHomeAwayOptions,\n  composeEventCompetitors\n} from \"@fresh8/ad-data-composition/src/betData\";\nimport VsText from \"../../branded/VsText.vue\";\nimport { injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\n\nconst useStyles = createUseStyles({\n  content: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    padding: \"0px 5px 3px 5px\",\n    height: \"inherit\",\n    border: props => `1px solid ${props.marketBorderColor || \"#dcddf\"}`,\n    background: props => props.cardBackgroundColor,\n    borderRadius: props => `${props.borderRadius}px`\n  },\n  cardContent: {\n    display: \"flex\",\n    flex: 1,\n    flexDirection: \"column\",\n    alignItems: \"center\"\n  },\n  marketOptions: {\n    flex: 1,\n    display: \"flex\",\n    width: \"100%\"\n  },\n  marketOption: {\n    flex: \"1 1 28%\",\n    \"&:first-of-type\": {\n      flex: \"1 1 36%\",\n      marginRight: 0\n    },\n    \"&:last-of-type\": {\n      flex: \"1 1 36%\"\n    },\n\n    \"& .meta-text\": {\n      fontSize: \"7px\"\n    },\n    \"& .odds-text\": {\n      fontSize: \"12px\"\n    },\n    \"& p\": {\n      lineHeight: \"1\"\n    },\n\n    \"& a\": {\n      padding: \"1px 0\"\n    }\n  },\n  vs: {\n    display: \"flex\",\n    flex: \"1 1 8%\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    fontSize: \"10px\",\n    minWidth: \"50px\"\n  }\n});\n\nexport default defineComponent({\n  name: \"MobileLeaderboardWW\",\n  components: {\n    CardHeader,\n    WinOption,\n    VsText\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const marketId = ref([props.marketId]);\n    const brandContext = injectBrand();\n    const classesRef = useStyles(\n      computed(() => ({ ...brandContext?.adTemplateBranding.value }))\n    );\n    const ftrMarkets = composeHomeAwayOptions(marketId);\n    const competitors = composeEventCompetitors(props.eventId);\n\n    return {\n      competitors,\n      classes: classesRef,\n      ftrMarkets\n    };\n  }\n});\n</script>\n\n<style></style>\n","<template>\n  <div :class=\"classes.content\">\n    <div :class=\"[classes.cardContent, 'win-win']\">\n      <CardHeader :eventId=\"eventId\" />\n      <div :class=\"classes.marketOptions\">\n        <WinOption\n          :class=\"[classes.marketOption, 'team-one']\"\n          :eventId=\"eventId\"\n          :optionId=\"ftrMarkets[0].options[0]\"\n        />\n        <VsText :class=\"classes.vs\" />\n        <WinOption\n          :class=\"[classes.marketOption, 'team-two']\"\n          :eventId=\"eventId\"\n          :optionId=\"ftrMarkets[0].options[1]\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport { computed, defineComponent, ref } from \"vue\";\nimport WinOption from \"../../WinOptionMobile.vue\";\nimport CardHeader from \"../../CardHeader.vue\";\nimport {\n  composeHomeAwayOptions,\n  composeEventCompetitors\n} from \"@fresh8/ad-data-composition/src/betData\";\nimport VsText from \"../../branded/VsText.vue\";\nimport { injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\n\nconst useStyles = createUseStyles({\n  content: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    padding: \"0px 5px 3px 5px\",\n    height: \"inherit\",\n    border: props => `1px solid ${props.marketBorderColor || \"#dcddf\"}`,\n    background: props => props.cardBackgroundColor,\n    borderRadius: props => `${props.borderRadius}px`\n  },\n  cardContent: {\n    display: \"flex\",\n    flex: 1,\n    flexDirection: \"column\",\n    alignItems: \"center\"\n  },\n  marketOptions: {\n    flex: 1,\n    display: \"flex\",\n    width: \"100%\"\n  },\n  marketOption: {\n    flex: \"1 1 28%\",\n    \"&:first-of-type\": {\n      flex: \"1 1 36%\",\n      marginRight: 0\n    },\n    \"&:last-of-type\": {\n      flex: \"1 1 36%\"\n    },\n\n    \"& .meta-text\": {\n      fontSize: \"7px\"\n    },\n    \"& .odds-text\": {\n      fontSize: \"12px\"\n    },\n    \"& p\": {\n      lineHeight: \"1\"\n    },\n\n    \"& a\": {\n      padding: \"1px 0\"\n    }\n  },\n  vs: {\n    display: \"flex\",\n    flex: \"1 1 8%\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    fontSize: \"10px\",\n    minWidth: \"50px\"\n  }\n});\n\nexport default defineComponent({\n  name: \"MobileLeaderboardWW\",\n  components: {\n    CardHeader,\n    WinOption,\n    VsText\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const marketId = ref([props.marketId]);\n    const brandContext = injectBrand();\n    const classesRef = useStyles(\n      computed(() => ({ ...brandContext?.adTemplateBranding.value }))\n    );\n    const ftrMarkets = composeHomeAwayOptions(marketId);\n    const competitors = composeEventCompetitors(props.eventId);\n\n    return {\n      competitors,\n      classes: classesRef,\n      ftrMarkets\n    };\n  }\n});\n</script>\n\n<style></style>\n","<template>\n  <div :class=\"[classes.wrapper]\">\n    <component\n      :is=\"componentCard\"\n      :marketId=\"marketId\"\n      :eventId=\"eventId\"\n      class=\"win-win\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport { defineComponent, computed } from \"vue\";\n\nimport MPU_WW from \"./MPU_WW.vue\";\nimport LargeMPUWW from \"./LargeMPUWW.vue\";\nimport Wide from \"./Wide.vue\";\nimport LeaderboardWW from \"./LeaderboardWW.vue\";\nimport MobileLeaderboardWW from \"./MobileLeaderboardWW.vue\";\nimport SkyscraperWW from \"./SkyscraperWW.vue\";\nimport LMLB_WW from \"./LMLB_WW.vue\";\n\nimport {\n  BILLBOARD,\n  injectTemplateSize,\n  LARGE_RESPONSIVE,\n  LEADERBOARD,\n  LARGE_LEADERBOARD,\n  MOBILE_LEADERBOARD,\n  MPU,\n  LARGE_MPU,\n  SKYSCRAPER,\n  LMLB\n} from \"@fresh8/ad-data-composition/src/useTemplateSize\";\n\nconst useStyles = createUseStyles({\n  wrapper: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    position: \"relative\",\n    flex: \"1\",\n    boxSizing: \"border-box\",\n    height: \"100%\"\n  }\n});\n\nexport default defineComponent({\n  name: \"WinWin\",\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup() {\n    const classesRef = useStyles();\n    const template = injectTemplateSize();\n\n    const componentCard = computed(() => {\n      switch (template?.size.value.name) {\n        case LEADERBOARD.name:\n        case LARGE_LEADERBOARD.name:\n          return LeaderboardWW;\n\n        case MPU.name:\n          return MPU_WW;\n\n        case LARGE_RESPONSIVE.name:\n        case BILLBOARD.name:\n          return MPU_WW;\n\n        case LARGE_MPU.name:\n          return LargeMPUWW;\n\n        case MOBILE_LEADERBOARD.name:\n          return MobileLeaderboardWW;\n\n        case LMLB.name:\n          return LMLB_WW;\n\n        case SKYSCRAPER.name:\n          return SkyscraperWW;\n\n        default:\n          return Wide;\n      }\n    });\n\n    return {\n      componentCard,\n      classes: classesRef.value\n    };\n  }\n});\n</script>\n\n<style></style>\n","<template>\n  <div :class=\"[classes.wrapper]\">\n    <component\n      :is=\"componentCard\"\n      :marketId=\"marketId\"\n      :eventId=\"eventId\"\n      class=\"win-win\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport { defineComponent, computed } from \"vue\";\n\nimport MPU_WW from \"./MPU_WW.vue\";\nimport LargeMPUWW from \"./LargeMPUWW.vue\";\nimport Wide from \"./Wide.vue\";\nimport LeaderboardWW from \"./LeaderboardWW.vue\";\nimport MobileLeaderboardWW from \"./MobileLeaderboardWW.vue\";\nimport SkyscraperWW from \"./SkyscraperWW.vue\";\nimport LMLB_WW from \"./LMLB_WW.vue\";\n\nimport {\n  BILLBOARD,\n  injectTemplateSize,\n  LARGE_RESPONSIVE,\n  LEADERBOARD,\n  LARGE_LEADERBOARD,\n  MOBILE_LEADERBOARD,\n  MPU,\n  LARGE_MPU,\n  SKYSCRAPER,\n  LMLB\n} from \"@fresh8/ad-data-composition/src/useTemplateSize\";\n\nconst useStyles = createUseStyles({\n  wrapper: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    position: \"relative\",\n    flex: \"1\",\n    boxSizing: \"border-box\",\n    height: \"100%\"\n  }\n});\n\nexport default defineComponent({\n  name: \"WinWin\",\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup() {\n    const classesRef = useStyles();\n    const template = injectTemplateSize();\n\n    const componentCard = computed(() => {\n      switch (template?.size.value.name) {\n        case LEADERBOARD.name:\n        case LARGE_LEADERBOARD.name:\n          return LeaderboardWW;\n\n        case MPU.name:\n          return MPU_WW;\n\n        case LARGE_RESPONSIVE.name:\n        case BILLBOARD.name:\n          return MPU_WW;\n\n        case LARGE_MPU.name:\n          return LargeMPUWW;\n\n        case MOBILE_LEADERBOARD.name:\n          return MobileLeaderboardWW;\n\n        case LMLB.name:\n          return LMLB_WW;\n\n        case SKYSCRAPER.name:\n          return SkyscraperWW;\n\n        default:\n          return Wide;\n      }\n    });\n\n    return {\n      componentCard,\n      classes: classesRef.value\n    };\n  }\n});\n</script>\n\n<style></style>\n"],"names":["defineComponent","name","components","DynamicText","setup","vsStyle","get","brand","adTemplate","market","teamNameFont","set","value","_createBlock","tag","styleGroup","_ctx","class","createUseStyles","container","display","flex","flexDirection","padding","eventName","marginBottom","vs","background","props","backgroundImage","backgroundColor","zIndex","position","divider","fontSize","width","boxSizing","justifyContent","&:after","content","right","left","top","height","borderTop","wrapper","border","marketBorderColor","cardBackgroundColor","borderRadius","paddingBottom","eventMarketWrapper","options","button","&:last-of-type","CardHeader","MarketName","Button","EventName","VsText","marketId","type","String","required","eventId","[object Object]","adTemplateBranding","marketBranding","backgroundImageSets","injectBrand","ref","marketType","composeMarket","computed","Object","keys","length","overUnder","classes","useStyles","relativeStyles","homeAwayOptions","composeHomeAwayOptions","_createVNode","optionId","borderBottom","marginTop","MarketTags","marketName","tags","cardContent","alignItems","marketOptions","marketOption","& p","&:first-of-type","centralSection","textAlign","MarketCard","WinOption","classesRef","ftrMarkets","header","gridTemplateColumns","justifyItems","&.market-name","marginRight","CardHeaderLeaderboard","style","& .meta-text","& .odds-text","lineHeight","& a","minWidth","Header","competitors","composeEventCompetitors","&  .odds-text","&  .name","maxHeight","brandContext","injectTemplateSize","componentCard","template","size","LEADERBOARD","LARGE_LEADERBOARD","LeaderboardWW2","MPU","MPU_WW2","LARGE_RESPONSIVE","BILLBOARD","LARGE_MPU","LargeMPUWW2","MOBILE_LEADERBOARD","MobileLeaderboardWW2","LMLB","LMLB_WW2","SKYSCRAPER","SkyscraperWW2","Wide2"],"mappings":"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"}