{"version":3,"file":"Wrapper.3fc0aa3f.js","sources":["../../src/components/markets/promo/MPUPromo.vue","../../src/components/markets/promo/MPUPromo.vue?vue&type=template&id=0cf6a25a&lang.js","../../src/components/markets/promo/LargeMPUPromo.vue","../../src/components/markets/promo/LargeMPUPromo.vue?vue&type=template&id=40d252b6&lang.js","../../src/components/markets/promo/LeaderboardPromo.vue","../../src/components/markets/promo/LeaderboardPromo.vue?vue&type=template&id=69688aec&lang.js","../../src/components/markets/promo/MobileLeaderboardPromo.vue","../../src/components/markets/promo/MobileLeaderboardPromo.vue?vue&type=template&id=280df5e2&lang.js","../../src/components/markets/promo/Wide.vue","../../src/components/markets/promo/Wide.vue?vue&type=template&id=66324dac&lang.js","../../src/components/markets/promo/SkyscraperPromo.vue","../../src/components/markets/promo/SkyscraperPromo.vue?vue&type=template&id=10b81d58&lang.js","../../src/components/markets/promo/LMLB_Promo.vue","../../src/components/markets/promo/LMLB_Promo.vue?vue&type=template&id=1b2450cd&lang.js","../../src/components/markets/promo/Wrapper.vue","../../src/components/markets/promo/Wrapper.vue?vue&type=template&id=fde0473e&lang.js"],"sourcesContent":["<template>\n  <MarketCard class=\"promo\">\n    <CardHeader :eventId=\"eventId\" />\n\n    <EventName :class=\"[classes.eventName, 'event-name']\" :eventId=\"eventId\" />\n\n    <PromoLogo\n      :class=\"classes.promoLogo\"\n      :promoMarketName=\"marketData.promoMarketName\"\n      :marketName=\"marketData.marketName\"\n    />\n\n    <div :class=\"[classes.promoWrapper]\">\n      <promo-fitted-text\n        :promoText=\"promoText\"\n        alignment=\"center\"\n        justifyContent=\"center\"\n      ></promo-fitted-text>\n    </div>\n\n    <div :class=\"classes.oddsButtonWrapper\">\n      <Button\n        :class=\"[classes.oddsButton]\"\n        :marketId=\"marketId\"\n        :option=\"option\"\n      />\n    </div>\n  </MarketCard>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from \"vue\";\nimport MarketCard from \"../../styled/MarketCard.vue\";\nimport CardHeader from \"../../CardHeader.vue\";\nimport EventName from \"../../EventName.vue\";\nimport PromoFittedText from \"../../PromoFittedText.vue\";\nimport Button from \"./Button.vue\";\nimport PromoLogo from \"./Logo.vue\";\nimport { createUseStyles } from \"@fresh8/ad-data-composition/src/theme\";\nimport {\n  composeMarket,\n  injectBetData\n} from \"@fresh8/ad-data-composition/src/betData\";\n\nconst { useStyles } = createUseStyles(\n  {\n    eventName: {\n      textAlign: \"center\",\n      fontSize: \"13px\",\n      lineHeight: 1,\n      padding: \"8px 8px 4px\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\"\n    },\n    promoWrapper: {\n      flex: \"1 1 0\",\n      minHeight: \"0px\",\n      padding: \"3px 8px 0 8px\",\n      overflow: \"hidden\",\n      boxSizing: \"border-box\",\n      flexDirection: \"column\",\n      display: \"flex\"\n    },\n    promoLogo: {\n      height: \"22px\",\n      margin: \"auto\"\n    },\n    oddsButton: {\n      height: \"35px\",\n      \"& .odds-text\": {\n        fontSize: \"14px\"\n      }\n    },\n    oddsButtonWrapper: {\n      padding: \"8px\"\n    },\n    resize: {\n      pointerEvents: \"none\",\n      zIndex: -99\n    }\n  },\n  undefined\n);\n\nexport default defineComponent({\n  name: \"PromoCard\",\n  components: {\n    MarketCard,\n    CardHeader,\n    EventName,\n    PromoFittedText,\n    Button,\n    PromoLogo\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const { classesRef } = useStyles(ref(props));\n\n    const betDataContext = injectBetData();\n    const marketData = composeMarket(props.marketId);\n\n    const option = computed(\n      () =>\n        marketData.value &&\n        betDataContext?.options.value?.[marketData.value.options[0]]\n    );\n\n    return {\n      promoText: computed(() => option.value?.promoText),\n      classes: classesRef,\n      marketData,\n      option\n    };\n  }\n});\n</script>\n","<template>\n  <MarketCard class=\"promo\">\n    <CardHeader :eventId=\"eventId\" />\n\n    <EventName :class=\"[classes.eventName, 'event-name']\" :eventId=\"eventId\" />\n\n    <PromoLogo\n      :class=\"classes.promoLogo\"\n      :promoMarketName=\"marketData.promoMarketName\"\n      :marketName=\"marketData.marketName\"\n    />\n\n    <div :class=\"[classes.promoWrapper]\">\n      <promo-fitted-text\n        :promoText=\"promoText\"\n        alignment=\"center\"\n        justifyContent=\"center\"\n      ></promo-fitted-text>\n    </div>\n\n    <div :class=\"classes.oddsButtonWrapper\">\n      <Button\n        :class=\"[classes.oddsButton]\"\n        :marketId=\"marketId\"\n        :option=\"option\"\n      />\n    </div>\n  </MarketCard>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from \"vue\";\nimport MarketCard from \"../../styled/MarketCard.vue\";\nimport CardHeader from \"../../CardHeader.vue\";\nimport EventName from \"../../EventName.vue\";\nimport PromoFittedText from \"../../PromoFittedText.vue\";\nimport Button from \"./Button.vue\";\nimport PromoLogo from \"./Logo.vue\";\nimport { createUseStyles } from \"@fresh8/ad-data-composition/src/theme\";\nimport {\n  composeMarket,\n  injectBetData\n} from \"@fresh8/ad-data-composition/src/betData\";\n\nconst { useStyles } = createUseStyles(\n  {\n    eventName: {\n      textAlign: \"center\",\n      fontSize: \"13px\",\n      lineHeight: 1,\n      padding: \"8px 8px 4px\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\"\n    },\n    promoWrapper: {\n      flex: \"1 1 0\",\n      minHeight: \"0px\",\n      padding: \"3px 8px 0 8px\",\n      overflow: \"hidden\",\n      boxSizing: \"border-box\",\n      flexDirection: \"column\",\n      display: \"flex\"\n    },\n    promoLogo: {\n      height: \"22px\",\n      margin: \"auto\"\n    },\n    oddsButton: {\n      height: \"35px\",\n      \"& .odds-text\": {\n        fontSize: \"14px\"\n      }\n    },\n    oddsButtonWrapper: {\n      padding: \"8px\"\n    },\n    resize: {\n      pointerEvents: \"none\",\n      zIndex: -99\n    }\n  },\n  undefined\n);\n\nexport default defineComponent({\n  name: \"PromoCard\",\n  components: {\n    MarketCard,\n    CardHeader,\n    EventName,\n    PromoFittedText,\n    Button,\n    PromoLogo\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const { classesRef } = useStyles(ref(props));\n\n    const betDataContext = injectBetData();\n    const marketData = composeMarket(props.marketId);\n\n    const option = computed(\n      () =>\n        marketData.value &&\n        betDataContext?.options.value?.[marketData.value.options[0]]\n    );\n\n    return {\n      promoText: computed(() => option.value?.promoText),\n      classes: classesRef,\n      marketData,\n      option\n    };\n  }\n});\n</script>\n","<template>\n  <MarketCard class=\"promo\">\n    <CardHeader :eventId=\"eventId\" />\n\n    <EventName :class=\"[classes.eventName, 'event-name']\" :eventId=\"eventId\" />\n\n    <PromoLogo\n      :class=\"classes.promoLogo\"\n      :promoMarketName=\"marketData.promoMarketName\"\n      :marketName=\"marketData.marketName\"\n    />\n\n    <div :class=\"[classes.promoWrapper]\">\n      <promo-fitted-text\n        :promoText=\"promoText\"\n        alignment=\"center\"\n        justifyContent=\"center\"\n      ></promo-fitted-text>\n    </div>\n\n    <div :class=\"classes.oddsButtonWrapper\">\n      <Button\n        v-if=\"!displayCtaButton\"\n        :class=\"[classes.oddsButton]\"\n        :marketId=\"marketId\"\n        :option=\"option\"\n      />\n      <OddsText v-else :marketId=\"marketId\" :option=\"option\" />\n    </div>\n  </MarketCard>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from \"vue\";\nimport MarketCard from \"../../styled/MarketCard.vue\";\nimport CardHeader from \"../../CardHeader.vue\";\nimport EventName from \"../../EventNameVertical.vue\";\nimport PromoFittedText from \"../../PromoFittedText.vue\";\nimport Button from \"./Button.vue\";\nimport OddsText from \"./OddsText.vue\";\nimport PromoLogo from \"./Logo.vue\";\nimport { createUseStyles } from \"@fresh8/ad-data-composition/src/theme\";\nimport { injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\nimport { useShowWinnings } from \"@fresh8/ad-data-composition/src/usePotentialWinnings\";\nimport {\n  composeMarket,\n  injectBetData\n} from \"@fresh8/ad-data-composition/src/betData\";\n\nconst { useStyles } = createUseStyles(\n  {\n    eventName: {\n      padding: \"8px\",\n      borderBottom: props => `1px solid ${props.marketBorderColor || \"#dcddf\"}`\n    },\n    promoWrapper: {\n      flex: \"1 1 0\",\n      minHeight: \"0px\",\n      padding: \"3px 8px 0 8px\",\n      overflow: \"hidden\",\n      boxSizing: \"border-box\",\n      flexDirection: \"column\",\n      display: \"flex\"\n    },\n    promoLogo: {\n      paddingTop: \"16px\",\n      height: \"22px\",\n      margin: \"auto\"\n    },\n    oddsButton: {\n      height: \"35px\",\n      width: \"100%\",\n      \"& .odds-text\": {\n        fontSize: \"14px\"\n      }\n    },\n    oddsButtonWrapper: {\n      padding: \"16px 8px 12px 8px\",\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\"\n    },\n    resize: {\n      pointerEvents: \"none\",\n      zIndex: -99\n    }\n  },\n  undefined\n);\n\nexport default defineComponent({\n  name: \"LargeMPUPromo\",\n  components: {\n    MarketCard,\n    CardHeader,\n    EventName,\n    PromoFittedText,\n    Button,\n    PromoLogo,\n    OddsText\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const { adTemplateBranding, headerBranding } = injectBrand();\n    const { options } = injectBetData();\n    const marketData = composeMarket(props.marketId);\n    const { classesRef } = useStyles(adTemplateBranding);\n\n    const option = computed(\n      () => marketData.value && options.value?.[marketData.value.options[0]]\n    );\n\n    const showWinnings = useShowWinnings();\n\n    return {\n      promoText: computed(() => option.value.promoText),\n      classes: classesRef,\n      marketData,\n      option,\n      displayCtaButton: computed(\n        () => !showWinnings.value && headerBranding.value?.type === \"cta\"\n      )\n    };\n  }\n});\n</script>\n","<template>\n  <MarketCard class=\"promo\">\n    <CardHeader :eventId=\"eventId\" />\n\n    <EventName :class=\"[classes.eventName, 'event-name']\" :eventId=\"eventId\" />\n\n    <PromoLogo\n      :class=\"classes.promoLogo\"\n      :promoMarketName=\"marketData.promoMarketName\"\n      :marketName=\"marketData.marketName\"\n    />\n\n    <div :class=\"[classes.promoWrapper]\">\n      <promo-fitted-text\n        :promoText=\"promoText\"\n        alignment=\"center\"\n        justifyContent=\"center\"\n      ></promo-fitted-text>\n    </div>\n\n    <div :class=\"classes.oddsButtonWrapper\">\n      <Button\n        v-if=\"!displayCtaButton\"\n        :class=\"[classes.oddsButton]\"\n        :marketId=\"marketId\"\n        :option=\"option\"\n      />\n      <OddsText v-else :marketId=\"marketId\" :option=\"option\" />\n    </div>\n  </MarketCard>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from \"vue\";\nimport MarketCard from \"../../styled/MarketCard.vue\";\nimport CardHeader from \"../../CardHeader.vue\";\nimport EventName from \"../../EventNameVertical.vue\";\nimport PromoFittedText from \"../../PromoFittedText.vue\";\nimport Button from \"./Button.vue\";\nimport OddsText from \"./OddsText.vue\";\nimport PromoLogo from \"./Logo.vue\";\nimport { createUseStyles } from \"@fresh8/ad-data-composition/src/theme\";\nimport { injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\nimport { useShowWinnings } from \"@fresh8/ad-data-composition/src/usePotentialWinnings\";\nimport {\n  composeMarket,\n  injectBetData\n} from \"@fresh8/ad-data-composition/src/betData\";\n\nconst { useStyles } = createUseStyles(\n  {\n    eventName: {\n      padding: \"8px\",\n      borderBottom: props => `1px solid ${props.marketBorderColor || \"#dcddf\"}`\n    },\n    promoWrapper: {\n      flex: \"1 1 0\",\n      minHeight: \"0px\",\n      padding: \"3px 8px 0 8px\",\n      overflow: \"hidden\",\n      boxSizing: \"border-box\",\n      flexDirection: \"column\",\n      display: \"flex\"\n    },\n    promoLogo: {\n      paddingTop: \"16px\",\n      height: \"22px\",\n      margin: \"auto\"\n    },\n    oddsButton: {\n      height: \"35px\",\n      width: \"100%\",\n      \"& .odds-text\": {\n        fontSize: \"14px\"\n      }\n    },\n    oddsButtonWrapper: {\n      padding: \"16px 8px 12px 8px\",\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\"\n    },\n    resize: {\n      pointerEvents: \"none\",\n      zIndex: -99\n    }\n  },\n  undefined\n);\n\nexport default defineComponent({\n  name: \"LargeMPUPromo\",\n  components: {\n    MarketCard,\n    CardHeader,\n    EventName,\n    PromoFittedText,\n    Button,\n    PromoLogo,\n    OddsText\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const { adTemplateBranding, headerBranding } = injectBrand();\n    const { options } = injectBetData();\n    const marketData = composeMarket(props.marketId);\n    const { classesRef } = useStyles(adTemplateBranding);\n\n    const option = computed(\n      () => marketData.value && options.value?.[marketData.value.options[0]]\n    );\n\n    const showWinnings = useShowWinnings();\n\n    return {\n      promoText: computed(() => option.value.promoText),\n      classes: classesRef,\n      marketData,\n      option,\n      displayCtaButton: computed(\n        () => !showWinnings.value && headerBranding.value?.type === \"cta\"\n      )\n    };\n  }\n});\n</script>\n","<template>\n  <MarketCard class=\"promo\">\n    <div :class=\"classes.contentGrid\">\n      <div :class=\"classes.infoGroup\">\n        <CardHeaderLeaderboard :eventId=\"eventId\" />\n        <div :class=\"classes.leftContent\">\n          <EventNameFitted\n            :class=\"[classes.eventName, 'event-name']\"\n            :eventId=\"eventId\"\n            alignment=\"flex-start\"\n            :lineHeight=\"1\"\n          />\n\n          <div :class=\"[classes.promoWrapper]\">\n            <promo-fitted-text\n              :promoText=\"promoText\"\n              alignment=\"flex-start\"\n            ></promo-fitted-text>\n          </div>\n        </div>\n      </div>\n\n      <div :class=\"classes.content\">\n        <div :class=\"classes.rightContent\">\n          <div :class=\"classes.logoWrapper\">\n            <PromoLogo\n              :class=\"classes.promoLogo\"\n              :promoMarketName=\"marketData.promoMarketName\"\n              :marketName=\"marketData.marketName\"\n            />\n          </div>\n\n          <div :class=\"classes.oddsButtonWrapper\">\n            <Button\n              :class=\"[classes.oddsButton]\"\n              :marketId=\"marketId\"\n              :option=\"option\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  </MarketCard>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from \"vue\";\nimport MarketCard from \"../../styled/MarketCard.vue\";\nimport EventNameFitted from \"../../EventNameFitted.vue\";\nimport Button from \"./Button.vue\";\nimport PromoLogo from \"./Logo.vue\";\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport {\n  composeMarket,\n  injectBetData\n} from \"@fresh8/ad-data-composition/src/betData\";\nimport PromoFittedText from \"../../PromoFittedText.vue\";\nimport CardHeaderLeaderboard from \"../../CardHeaderLeaderboard.vue\";\n\nconst useWideLeaderboardStyles = createUseStyles({\n  contentGrid: {\n    display: \"grid\",\n    gridTemplateColumns: \"3fr 1fr\",\n    height: \"100%\"\n  },\n  infoGroup: {\n    display: \"grid\",\n    gridTemplateRows: \"min-content auto\"\n  },\n  content: {\n    display: \"flex\",\n    flex: 1\n  },\n  leftContent: {\n    flex: 1,\n    padding: \"0px 0 4px 6px\",\n    display: \"flex\",\n    flexDirection: \"column\"\n  },\n  rightContent: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    padding: \"3px\",\n    minWidth: \"95px\",\n    width: \"100%\"\n  },\n  eventName: {\n    textAlign: \"left\",\n    fontSize: \"13px\",\n    boxSizing: \"border-box\",\n    display: \"flex\",\n    \"&.event-name > div, &.event-name\": {\n      alignItems: \"flex-start\",\n      justifyContent: \"flex-start\",\n      textAlign: \"left\"\n    }\n  },\n  promoWrapper: {\n    flex: \"1 1 0\",\n    minHeight: \"0px\",\n    overflow: \"hidden\",\n    boxSizing: \"border-box\",\n    flexDirection: \"column\",\n    display: \"flex\"\n  },\n  logoWrapper: {\n    display: \"flex\",\n    marginBottom: \"4px\"\n  },\n  oddsButtonWrapper: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    flex: 1\n  },\n  promoLogo: {\n    width: \"100%\",\n    maxHeight: \"20px\",\n    \"&.promo-market-name\": {\n      fontSize: \"13px !important\"\n    }\n  },\n  oddsButton: {\n    height: \"100%\",\n    maxHeight: \"55px\",\n    \"& .odds-text\": {\n      fontSize: \"14px\"\n    }\n  },\n  resize: {\n    pointerEvents: \"none\",\n    zIndex: -99\n  }\n});\n\nexport default defineComponent({\n  name: \"WideLeaderboardPromo\",\n  components: {\n    CardHeaderLeaderboard,\n    MarketCard,\n    EventNameFitted,\n    Button,\n    PromoLogo,\n    PromoFittedText\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const classesRef = useWideLeaderboardStyles();\n    const { options } = injectBetData();\n\n    const marketData = composeMarket(props.marketId);\n\n    const option = computed(\n      () => marketData.value && options.value?.[marketData.value.options[0]]\n    );\n\n    return {\n      promoText: computed(() => option.value.promoText),\n      classes: classesRef.value,\n      marketData,\n      option\n    };\n  }\n});\n</script>\n","<template>\n  <MarketCard class=\"promo\">\n    <div :class=\"classes.contentGrid\">\n      <div :class=\"classes.infoGroup\">\n        <CardHeaderLeaderboard :eventId=\"eventId\" />\n        <div :class=\"classes.leftContent\">\n          <EventNameFitted\n            :class=\"[classes.eventName, 'event-name']\"\n            :eventId=\"eventId\"\n            alignment=\"flex-start\"\n            :lineHeight=\"1\"\n          />\n\n          <div :class=\"[classes.promoWrapper]\">\n            <promo-fitted-text\n              :promoText=\"promoText\"\n              alignment=\"flex-start\"\n            ></promo-fitted-text>\n          </div>\n        </div>\n      </div>\n\n      <div :class=\"classes.content\">\n        <div :class=\"classes.rightContent\">\n          <div :class=\"classes.logoWrapper\">\n            <PromoLogo\n              :class=\"classes.promoLogo\"\n              :promoMarketName=\"marketData.promoMarketName\"\n              :marketName=\"marketData.marketName\"\n            />\n          </div>\n\n          <div :class=\"classes.oddsButtonWrapper\">\n            <Button\n              :class=\"[classes.oddsButton]\"\n              :marketId=\"marketId\"\n              :option=\"option\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  </MarketCard>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from \"vue\";\nimport MarketCard from \"../../styled/MarketCard.vue\";\nimport EventNameFitted from \"../../EventNameFitted.vue\";\nimport Button from \"./Button.vue\";\nimport PromoLogo from \"./Logo.vue\";\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport {\n  composeMarket,\n  injectBetData\n} from \"@fresh8/ad-data-composition/src/betData\";\nimport PromoFittedText from \"../../PromoFittedText.vue\";\nimport CardHeaderLeaderboard from \"../../CardHeaderLeaderboard.vue\";\n\nconst useWideLeaderboardStyles = createUseStyles({\n  contentGrid: {\n    display: \"grid\",\n    gridTemplateColumns: \"3fr 1fr\",\n    height: \"100%\"\n  },\n  infoGroup: {\n    display: \"grid\",\n    gridTemplateRows: \"min-content auto\"\n  },\n  content: {\n    display: \"flex\",\n    flex: 1\n  },\n  leftContent: {\n    flex: 1,\n    padding: \"0px 0 4px 6px\",\n    display: \"flex\",\n    flexDirection: \"column\"\n  },\n  rightContent: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    padding: \"3px\",\n    minWidth: \"95px\",\n    width: \"100%\"\n  },\n  eventName: {\n    textAlign: \"left\",\n    fontSize: \"13px\",\n    boxSizing: \"border-box\",\n    display: \"flex\",\n    \"&.event-name > div, &.event-name\": {\n      alignItems: \"flex-start\",\n      justifyContent: \"flex-start\",\n      textAlign: \"left\"\n    }\n  },\n  promoWrapper: {\n    flex: \"1 1 0\",\n    minHeight: \"0px\",\n    overflow: \"hidden\",\n    boxSizing: \"border-box\",\n    flexDirection: \"column\",\n    display: \"flex\"\n  },\n  logoWrapper: {\n    display: \"flex\",\n    marginBottom: \"4px\"\n  },\n  oddsButtonWrapper: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    flex: 1\n  },\n  promoLogo: {\n    width: \"100%\",\n    maxHeight: \"20px\",\n    \"&.promo-market-name\": {\n      fontSize: \"13px !important\"\n    }\n  },\n  oddsButton: {\n    height: \"100%\",\n    maxHeight: \"55px\",\n    \"& .odds-text\": {\n      fontSize: \"14px\"\n    }\n  },\n  resize: {\n    pointerEvents: \"none\",\n    zIndex: -99\n  }\n});\n\nexport default defineComponent({\n  name: \"WideLeaderboardPromo\",\n  components: {\n    CardHeaderLeaderboard,\n    MarketCard,\n    EventNameFitted,\n    Button,\n    PromoLogo,\n    PromoFittedText\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const classesRef = useWideLeaderboardStyles();\n    const { options } = injectBetData();\n\n    const marketData = composeMarket(props.marketId);\n\n    const option = computed(\n      () => marketData.value && options.value?.[marketData.value.options[0]]\n    );\n\n    return {\n      promoText: computed(() => option.value.promoText),\n      classes: classesRef.value,\n      marketData,\n      option\n    };\n  }\n});\n</script>\n","<template>\n  <div :class=\"classes.content\">\n    <Header :class=\"classes.header\" :eventId=\"eventId\" />\n    <div :class=\"classes.wrapper\" class=\"promo\">\n      <div :class=\"[classes.promoContent]\">\n        <EventNameFitted\n          :class=\"[classes.eventName, 'event-name']\"\n          :eventId=\"eventId\"\n          alignment=\"flex-start\"\n          :minSize=\"8\"\n          :lineHeight=\"1\"\n        />\n\n        <div :class=\"[classes.promo]\">\n          <TagMarquee\n            :class=\"[classes.promoText, 'promoText']\"\n            tag=\"div\"\n            styleGroup=\"\"\n            :get=\"promoTextStyle.get\"\n            :set=\"promoTextStyle.set\"\n          >\n            {{ promoText }}\n          </TagMarquee>\n        </div>\n      </div>\n      <Button\n        :class=\"[classes.oddsButton]\"\n        :marketId=\"marketId\"\n        :option=\"option\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\n// TODO: Add Square Logos for betting market\n\n// import PromoLogo from \"./Logo.vue\";\nimport { computed, defineComponent } from \"vue\";\nimport EventNameFitted from \"../../EventNameFitted.vue\";\nimport Button from \"./Button.vue\";\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport {\n  composeMarket,\n  injectBetData\n} from \"@fresh8/ad-data-composition/src/betData\";\nimport { Brand } from \"@fresh8/types/src\";\nimport Header from \"../../HeaderInternal.vue\";\nimport TagMarquee from \"../../TagMarquee.vue\";\n\nconst useWideLeaderboardStyles = createUseStyles({\n  content: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    padding: \"4px 4px 0px 4px\",\n    height: \"inherit\"\n  },\n  wrapper: {\n    maxWidth: \"258px\",\n    display: \"grid\",\n    gridTemplateColumns: \"3fr minmax(20%, 64px)\",\n    height: \"100%\",\n    justifyContent: \"space-between\",\n    boxSizing: \"border-box\",\n    gap: \"4px\"\n  },\n  promoContent: {\n    flex: 1,\n    display: \"flex\",\n    flexDirection: \"column\",\n    width: \"190px\"\n  },\n  promo: {\n    flex: \"1 1 0\",\n    minHeight: \"0px\",\n    overflow: \"hidden\",\n    boxSizing: \"border-box\",\n    flexDirection: \"column\",\n    display: \"flex\"\n  },\n  eventName: {\n    display: \"flex\",\n    boxSizing: \"border-box\",\n    \"&.event-name\": {\n      justifyContent: \"flex-start\",\n      alignItems: \"flex-start\"\n    },\n    \"& div, & span\": {\n      fontSize: \"9px\",\n      textAlign: \"left\"\n    }\n  },\n  promoLogo: {\n    width: \"50%\"\n  },\n  promoText: {\n    display: \"flex\",\n    boxSizing: \"border-box\",\n    gridColumnStart: \"1\"\n  },\n  oddsButton: {\n    gridColumnStart: \"2\",\n    minWidth: \"64px\"\n  }\n});\n\nexport default defineComponent({\n  name: \"WideLeaderboardPromo\",\n  components: {\n    EventNameFitted,\n    Button,\n    Header,\n    TagMarquee\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const classesRef = useWideLeaderboardStyles();\n    const { options } = injectBetData();\n\n    const marketData = composeMarket(props.marketId);\n\n    const option = computed(\n      () => marketData.value && options.value?.[marketData.value.options[0]]\n    );\n\n    return {\n      promoText: computed(() => option.value.promoText),\n      promoTextStyle: {\n        get(brand: Brand | undefined) {\n          return brand?.adTemplate.market.promoTextFont;\n        },\n        set(brand: Brand, value: string) {\n          brand.adTemplate.market.promoTextFont = value;\n        }\n      },\n      classes: classesRef.value,\n      marketData,\n      option\n    };\n  }\n});\n</script>\n","<template>\n  <div :class=\"classes.content\">\n    <Header :class=\"classes.header\" :eventId=\"eventId\" />\n    <div :class=\"classes.wrapper\" class=\"promo\">\n      <div :class=\"[classes.promoContent]\">\n        <EventNameFitted\n          :class=\"[classes.eventName, 'event-name']\"\n          :eventId=\"eventId\"\n          alignment=\"flex-start\"\n          :minSize=\"8\"\n          :lineHeight=\"1\"\n        />\n\n        <div :class=\"[classes.promo]\">\n          <TagMarquee\n            :class=\"[classes.promoText, 'promoText']\"\n            tag=\"div\"\n            styleGroup=\"\"\n            :get=\"promoTextStyle.get\"\n            :set=\"promoTextStyle.set\"\n          >\n            {{ promoText }}\n          </TagMarquee>\n        </div>\n      </div>\n      <Button\n        :class=\"[classes.oddsButton]\"\n        :marketId=\"marketId\"\n        :option=\"option\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\n// TODO: Add Square Logos for betting market\n\n// import PromoLogo from \"./Logo.vue\";\nimport { computed, defineComponent } from \"vue\";\nimport EventNameFitted from \"../../EventNameFitted.vue\";\nimport Button from \"./Button.vue\";\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport {\n  composeMarket,\n  injectBetData\n} from \"@fresh8/ad-data-composition/src/betData\";\nimport { Brand } from \"@fresh8/types/src\";\nimport Header from \"../../HeaderInternal.vue\";\nimport TagMarquee from \"../../TagMarquee.vue\";\n\nconst useWideLeaderboardStyles = createUseStyles({\n  content: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    padding: \"4px 4px 0px 4px\",\n    height: \"inherit\"\n  },\n  wrapper: {\n    maxWidth: \"258px\",\n    display: \"grid\",\n    gridTemplateColumns: \"3fr minmax(20%, 64px)\",\n    height: \"100%\",\n    justifyContent: \"space-between\",\n    boxSizing: \"border-box\",\n    gap: \"4px\"\n  },\n  promoContent: {\n    flex: 1,\n    display: \"flex\",\n    flexDirection: \"column\",\n    width: \"190px\"\n  },\n  promo: {\n    flex: \"1 1 0\",\n    minHeight: \"0px\",\n    overflow: \"hidden\",\n    boxSizing: \"border-box\",\n    flexDirection: \"column\",\n    display: \"flex\"\n  },\n  eventName: {\n    display: \"flex\",\n    boxSizing: \"border-box\",\n    \"&.event-name\": {\n      justifyContent: \"flex-start\",\n      alignItems: \"flex-start\"\n    },\n    \"& div, & span\": {\n      fontSize: \"9px\",\n      textAlign: \"left\"\n    }\n  },\n  promoLogo: {\n    width: \"50%\"\n  },\n  promoText: {\n    display: \"flex\",\n    boxSizing: \"border-box\",\n    gridColumnStart: \"1\"\n  },\n  oddsButton: {\n    gridColumnStart: \"2\",\n    minWidth: \"64px\"\n  }\n});\n\nexport default defineComponent({\n  name: \"WideLeaderboardPromo\",\n  components: {\n    EventNameFitted,\n    Button,\n    Header,\n    TagMarquee\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const classesRef = useWideLeaderboardStyles();\n    const { options } = injectBetData();\n\n    const marketData = composeMarket(props.marketId);\n\n    const option = computed(\n      () => marketData.value && options.value?.[marketData.value.options[0]]\n    );\n\n    return {\n      promoText: computed(() => option.value.promoText),\n      promoTextStyle: {\n        get(brand: Brand | undefined) {\n          return brand?.adTemplate.market.promoTextFont;\n        },\n        set(brand: Brand, value: string) {\n          brand.adTemplate.market.promoTextFont = value;\n        }\n      },\n      classes: classesRef.value,\n      marketData,\n      option\n    };\n  }\n});\n</script>\n","<template>\n  <MarketCard class=\"promo\">\n    <CardHeader :eventId=\"eventId\" />\n    <div :class=\"classes.content\">\n      <div :class=\"classes.leftContent\">\n        <EventNameFitted\n          :class=\"[classes.eventName, 'event-name']\"\n          :eventId=\"eventId\"\n          alignment=\"flex-start\"\n        />\n\n        <div :class=\"[classes.promoWrapper]\">\n          <promo-fitted-text\n            :promoText=\"promoText\"\n            alignment=\"flex-start\"\n          ></promo-fitted-text>\n        </div>\n      </div>\n\n      <div :class=\"classes.rightContent\">\n        <div :class=\"classes.logoWrapper\">\n          <PromoLogo\n            :class=\"classes.promoLogo\"\n            :promoMarketName=\"marketData.promoMarketName\"\n            :marketName=\"marketData.marketName\"\n          />\n        </div>\n\n        <div :class=\"classes.oddsButtonWrapper\">\n          <Button\n            :class=\"[classes.oddsButton]\"\n            :marketId=\"marketId\"\n            :option=\"option\"\n          />\n        </div>\n      </div>\n    </div>\n  </MarketCard>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from \"vue\";\nimport MarketCard from \"../../styled/MarketCard.vue\";\nimport CardHeader from \"../../CardHeader.vue\";\nimport EventNameFitted from \"../../EventNameFitted.vue\";\nimport Button from \"./Button.vue\";\nimport PromoLogo from \"./Logo.vue\";\nimport { createUseStyles } from \"@fresh8/ad-data-composition/src/theme\";\nimport {\n  composeMarket,\n  injectBetData\n} from \"@fresh8/ad-data-composition/src/betData\";\nimport PromoFittedText from \"../../PromoFittedText.vue\";\n\nconst { useStyles } = createUseStyles(\n  {\n    content: {\n      display: \"flex\",\n      flex: 1\n    },\n    leftContent: {\n      flex: 1,\n      padding: \"6px 0 6px 6px\",\n      display: \"flex\",\n      flexDirection: \"column\"\n    },\n    rightContent: {\n      flex: \"0 2 20%\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      padding: \"6px\",\n      minWidth: \"95px\"\n    },\n    eventName: {\n      textAlign: \"left\",\n      fontSize: \"13px\",\n      boxSizing: \"border-box\",\n      display: \"flex\",\n      \"&.event-name > div, &.event-name\": {\n        alignItems: \"flex-start\",\n        justifyContent: \"flex-start\",\n        textAlign: \"left\"\n      }\n    },\n    promoWrapper: {\n      flex: \"1 1 0\",\n      minHeight: \"0px\",\n      overflow: \"hidden\",\n      boxSizing: \"border-box\",\n      flexDirection: \"column\",\n      display: \"flex\"\n    },\n    logoWrapper: {\n      display: \"flex\",\n      marginBottom: \"4px\"\n    },\n    oddsButtonWrapper: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      justifyContent: \"center\",\n      flex: 1\n    },\n    promoLogo: {\n      width: \"100%\",\n      maxHeight: \"20px\",\n      \"&.promo-market-name\": {\n        fontSize: \"12px !important\"\n      }\n    },\n    oddsButton: {\n      height: \"100%\",\n      maxHeight: \"55px\",\n      \"& .odds-text\": {\n        fontSize: \"14px\"\n      }\n    },\n    resize: {\n      pointerEvents: \"none\",\n      zIndex: -99\n    }\n  },\n  undefined\n);\n\nexport default defineComponent({\n  name: \"PromoCard\",\n  components: {\n    MarketCard,\n    CardHeader,\n    EventNameFitted,\n    Button,\n    PromoLogo,\n    PromoFittedText\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const { classesRef } = useStyles(ref(undefined));\n    const { options } = injectBetData();\n    const marketData = composeMarket(props.marketId);\n\n    const option = computed(\n      () => marketData.value && options.value?.[marketData.value.options[0]]\n    );\n\n    return {\n      promoText: computed(() => option.value.promoText),\n      classes: classesRef,\n      marketData,\n      option\n    };\n  }\n});\n</script>\n","<template>\n  <MarketCard class=\"promo\">\n    <CardHeader :eventId=\"eventId\" />\n    <div :class=\"classes.content\">\n      <div :class=\"classes.leftContent\">\n        <EventNameFitted\n          :class=\"[classes.eventName, 'event-name']\"\n          :eventId=\"eventId\"\n          alignment=\"flex-start\"\n        />\n\n        <div :class=\"[classes.promoWrapper]\">\n          <promo-fitted-text\n            :promoText=\"promoText\"\n            alignment=\"flex-start\"\n          ></promo-fitted-text>\n        </div>\n      </div>\n\n      <div :class=\"classes.rightContent\">\n        <div :class=\"classes.logoWrapper\">\n          <PromoLogo\n            :class=\"classes.promoLogo\"\n            :promoMarketName=\"marketData.promoMarketName\"\n            :marketName=\"marketData.marketName\"\n          />\n        </div>\n\n        <div :class=\"classes.oddsButtonWrapper\">\n          <Button\n            :class=\"[classes.oddsButton]\"\n            :marketId=\"marketId\"\n            :option=\"option\"\n          />\n        </div>\n      </div>\n    </div>\n  </MarketCard>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from \"vue\";\nimport MarketCard from \"../../styled/MarketCard.vue\";\nimport CardHeader from \"../../CardHeader.vue\";\nimport EventNameFitted from \"../../EventNameFitted.vue\";\nimport Button from \"./Button.vue\";\nimport PromoLogo from \"./Logo.vue\";\nimport { createUseStyles } from \"@fresh8/ad-data-composition/src/theme\";\nimport {\n  composeMarket,\n  injectBetData\n} from \"@fresh8/ad-data-composition/src/betData\";\nimport PromoFittedText from \"../../PromoFittedText.vue\";\n\nconst { useStyles } = createUseStyles(\n  {\n    content: {\n      display: \"flex\",\n      flex: 1\n    },\n    leftContent: {\n      flex: 1,\n      padding: \"6px 0 6px 6px\",\n      display: \"flex\",\n      flexDirection: \"column\"\n    },\n    rightContent: {\n      flex: \"0 2 20%\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      padding: \"6px\",\n      minWidth: \"95px\"\n    },\n    eventName: {\n      textAlign: \"left\",\n      fontSize: \"13px\",\n      boxSizing: \"border-box\",\n      display: \"flex\",\n      \"&.event-name > div, &.event-name\": {\n        alignItems: \"flex-start\",\n        justifyContent: \"flex-start\",\n        textAlign: \"left\"\n      }\n    },\n    promoWrapper: {\n      flex: \"1 1 0\",\n      minHeight: \"0px\",\n      overflow: \"hidden\",\n      boxSizing: \"border-box\",\n      flexDirection: \"column\",\n      display: \"flex\"\n    },\n    logoWrapper: {\n      display: \"flex\",\n      marginBottom: \"4px\"\n    },\n    oddsButtonWrapper: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      justifyContent: \"center\",\n      flex: 1\n    },\n    promoLogo: {\n      width: \"100%\",\n      maxHeight: \"20px\",\n      \"&.promo-market-name\": {\n        fontSize: \"12px !important\"\n      }\n    },\n    oddsButton: {\n      height: \"100%\",\n      maxHeight: \"55px\",\n      \"& .odds-text\": {\n        fontSize: \"14px\"\n      }\n    },\n    resize: {\n      pointerEvents: \"none\",\n      zIndex: -99\n    }\n  },\n  undefined\n);\n\nexport default defineComponent({\n  name: \"PromoCard\",\n  components: {\n    MarketCard,\n    CardHeader,\n    EventNameFitted,\n    Button,\n    PromoLogo,\n    PromoFittedText\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const { classesRef } = useStyles(ref(undefined));\n    const { options } = injectBetData();\n    const marketData = composeMarket(props.marketId);\n\n    const option = computed(\n      () => marketData.value && options.value?.[marketData.value.options[0]]\n    );\n\n    return {\n      promoText: computed(() => option.value.promoText),\n      classes: classesRef,\n      marketData,\n      option\n    };\n  }\n});\n</script>\n","<template>\n  <MarketCard :class=\"[classes.promo, 'promo']\">\n    <CardHeader :eventId=\"eventId\" />\n\n    <EventName :class=\"[classes.eventName, 'event-name']\" :eventId=\"eventId\" />\n\n    <PromoLogo\n      :class=\"classes.promoLogo\"\n      :promoMarketName=\"marketData.promoMarketName\"\n      :marketName=\"marketData.marketName\"\n    />\n\n    <div :class=\"[classes.promoWrapper]\">\n      <promo-fitted-text\n        :promoText=\"promoText\"\n        alignment=\"center\"\n        justifyContent=\"center\"\n      ></promo-fitted-text>\n    </div>\n\n    <div :class=\"classes.oddsButtonWrapper\">\n      <Button\n        v-if=\"!displayCtaButton\"\n        :class=\"[classes.oddsButton]\"\n        :marketId=\"marketId\"\n        :option=\"option\"\n      />\n      <OddsText v-else :marketId=\"marketId\" :option=\"option\" />\n    </div>\n  </MarketCard>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from \"vue\";\nimport MarketCard from \"../../styled/MarketCard.vue\";\nimport CardHeader from \"../../CardHeader.vue\";\nimport EventName from \"../../EventNameVertical.vue\";\nimport PromoFittedText from \"../../PromoFittedText.vue\";\nimport Button from \"./Button.vue\";\nimport OddsText from \"./OddsText.vue\";\nimport PromoLogo from \"./Logo.vue\";\nimport { createUseStyles } from \"@fresh8/ad-data-composition/src/theme\";\nimport { injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\nimport { useShowWinnings } from \"@fresh8/ad-data-composition/src/usePotentialWinnings\";\nimport {\n  composeMarket,\n  injectBetData\n} from \"@fresh8/ad-data-composition/src/betData\";\nimport { injectCarouselContext } from \"../../../lib/provideInjectors\";\n\nconst { useStyles } = createUseStyles(\n  {\n    promo: {\n      minWidth: \"0px !important\"\n    },\n    eventName: {\n      padding: \"8px\",\n      borderBottom: props => `1px solid ${props.marketBorderColor || \"#dcddf\"}`\n    },\n    promoWrapper: {\n      flex: \"1 1 0\",\n      minHeight: \"0px\",\n      padding: \"3px 8px 0 8px\",\n      overflow: \"hidden\",\n      boxSizing: \"border-box\",\n      flexDirection: \"column\",\n      display: \"flex\",\n      maxWidth: props => (props.isCarousel ? \"130px\" : \"\")\n    },\n    promoLogo: {\n      paddingTop: \"16px\",\n      height: \"20px\",\n      maxWidth: \"120px !important\",\n      margin: \"auto\"\n    },\n    oddsButton: {\n      height: \"35px\",\n      width: \"100%\",\n      \"& .odds-text\": {\n        fontSize: \"14px\"\n      }\n    },\n    oddsButtonWrapper: {\n      padding: \"16px 8px 12px 8px\",\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\"\n    },\n    resize: {\n      pointerEvents: \"none\",\n      zIndex: -99\n    }\n  },\n  undefined\n);\n\nexport default defineComponent({\n  name: \"SkyscraperPromo\",\n  components: {\n    MarketCard,\n    CardHeader,\n    EventName,\n    PromoFittedText,\n    Button,\n    PromoLogo,\n    OddsText\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const { adTemplateBranding, headerBranding } = injectBrand();\n    const { options } = injectBetData();\n    const marketData = composeMarket(props.marketId);\n    const carouselContext = injectCarouselContext();\n\n    const reactiveStyles = computed(() => ({\n      ...adTemplateBranding.value,\n      isCarousel: carouselContext.value.isCarousel\n    }));\n\n    const { classesRef } = useStyles(reactiveStyles);\n\n    const option = computed(\n      () => marketData.value && options.value?.[marketData.value.options[0]]\n    );\n\n    const showWinnings = useShowWinnings();\n\n    return {\n      promoText: computed(() => option.value.promoText),\n      classes: classesRef,\n      marketData,\n      option,\n      displayCtaButton: computed(\n        () => !showWinnings.value && headerBranding.value?.type === \"cta\"\n      )\n    };\n  }\n});\n</script>\n","<template>\n  <MarketCard :class=\"[classes.promo, 'promo']\">\n    <CardHeader :eventId=\"eventId\" />\n\n    <EventName :class=\"[classes.eventName, 'event-name']\" :eventId=\"eventId\" />\n\n    <PromoLogo\n      :class=\"classes.promoLogo\"\n      :promoMarketName=\"marketData.promoMarketName\"\n      :marketName=\"marketData.marketName\"\n    />\n\n    <div :class=\"[classes.promoWrapper]\">\n      <promo-fitted-text\n        :promoText=\"promoText\"\n        alignment=\"center\"\n        justifyContent=\"center\"\n      ></promo-fitted-text>\n    </div>\n\n    <div :class=\"classes.oddsButtonWrapper\">\n      <Button\n        v-if=\"!displayCtaButton\"\n        :class=\"[classes.oddsButton]\"\n        :marketId=\"marketId\"\n        :option=\"option\"\n      />\n      <OddsText v-else :marketId=\"marketId\" :option=\"option\" />\n    </div>\n  </MarketCard>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from \"vue\";\nimport MarketCard from \"../../styled/MarketCard.vue\";\nimport CardHeader from \"../../CardHeader.vue\";\nimport EventName from \"../../EventNameVertical.vue\";\nimport PromoFittedText from \"../../PromoFittedText.vue\";\nimport Button from \"./Button.vue\";\nimport OddsText from \"./OddsText.vue\";\nimport PromoLogo from \"./Logo.vue\";\nimport { createUseStyles } from \"@fresh8/ad-data-composition/src/theme\";\nimport { injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\nimport { useShowWinnings } from \"@fresh8/ad-data-composition/src/usePotentialWinnings\";\nimport {\n  composeMarket,\n  injectBetData\n} from \"@fresh8/ad-data-composition/src/betData\";\nimport { injectCarouselContext } from \"../../../lib/provideInjectors\";\n\nconst { useStyles } = createUseStyles(\n  {\n    promo: {\n      minWidth: \"0px !important\"\n    },\n    eventName: {\n      padding: \"8px\",\n      borderBottom: props => `1px solid ${props.marketBorderColor || \"#dcddf\"}`\n    },\n    promoWrapper: {\n      flex: \"1 1 0\",\n      minHeight: \"0px\",\n      padding: \"3px 8px 0 8px\",\n      overflow: \"hidden\",\n      boxSizing: \"border-box\",\n      flexDirection: \"column\",\n      display: \"flex\",\n      maxWidth: props => (props.isCarousel ? \"130px\" : \"\")\n    },\n    promoLogo: {\n      paddingTop: \"16px\",\n      height: \"20px\",\n      maxWidth: \"120px !important\",\n      margin: \"auto\"\n    },\n    oddsButton: {\n      height: \"35px\",\n      width: \"100%\",\n      \"& .odds-text\": {\n        fontSize: \"14px\"\n      }\n    },\n    oddsButtonWrapper: {\n      padding: \"16px 8px 12px 8px\",\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\"\n    },\n    resize: {\n      pointerEvents: \"none\",\n      zIndex: -99\n    }\n  },\n  undefined\n);\n\nexport default defineComponent({\n  name: \"SkyscraperPromo\",\n  components: {\n    MarketCard,\n    CardHeader,\n    EventName,\n    PromoFittedText,\n    Button,\n    PromoLogo,\n    OddsText\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const { adTemplateBranding, headerBranding } = injectBrand();\n    const { options } = injectBetData();\n    const marketData = composeMarket(props.marketId);\n    const carouselContext = injectCarouselContext();\n\n    const reactiveStyles = computed(() => ({\n      ...adTemplateBranding.value,\n      isCarousel: carouselContext.value.isCarousel\n    }));\n\n    const { classesRef } = useStyles(reactiveStyles);\n\n    const option = computed(\n      () => marketData.value && options.value?.[marketData.value.options[0]]\n    );\n\n    const showWinnings = useShowWinnings();\n\n    return {\n      promoText: computed(() => option.value.promoText),\n      classes: classesRef,\n      marketData,\n      option,\n      displayCtaButton: computed(\n        () => !showWinnings.value && headerBranding.value?.type === \"cta\"\n      )\n    };\n  }\n});\n</script>\n","<template>\n  <div :class=\"classes.content\">\n    <CardHeader :eventId=\"eventId\" />\n    <div :class=\"classes.wrapper\" class=\"promo\">\n      <div :class=\"[classes.promoContent]\">\n        <EventNameFitted\n          :class=\"[classes.eventName, 'event-name']\"\n          :eventId=\"eventId\"\n          alignment=\"flex-start\"\n          :minSize=\"8\"\n          :lineHeight=\"1\"\n        />\n\n        <div :class=\"[classes.promo]\">\n          <TagMarquee\n            :class=\"[classes.promoText, 'promoText']\"\n            tag=\"div\"\n            styleGroup=\"\"\n            :get=\"promoTextStyle.get\"\n            :set=\"promoTextStyle.set\"\n          >\n            {{ promoText }}\n          </TagMarquee>\n        </div>\n      </div>\n      <Button\n        :class=\"[classes.oddsButton]\"\n        :marketId=\"marketId\"\n        :option=\"option\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\n// TODO: Add Square Logos for betting market\n\n// import PromoLogo from \"./Logo.vue\";\nimport { computed, defineComponent } from \"vue\";\nimport EventNameFitted from \"../../EventNameFitted.vue\";\nimport Button from \"./Button.vue\";\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport {\n  composeMarket,\n  injectBetData\n} from \"@fresh8/ad-data-composition/src/betData\";\nimport { injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\nimport { Brand } from \"@fresh8/types/src\";\nimport TagMarquee from \"../../TagMarquee.vue\";\nimport CardHeader from \"../../CardHeader.vue\";\n\nconst useStyles = createUseStyles({\n  content: {\n    display: \"flex\",\n    flexDirection: \"column\",\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  wrapper: {\n    display: \"grid\",\n    gridTemplateColumns: \"3fr minmax(20%, 64px)\",\n    height: \"100%\",\n    justifyContent: \"space-between\",\n    boxSizing: \"border-box\",\n    gap: \"4px\"\n  },\n  promoContent: {\n    flex: 1,\n    display: \"flex\",\n    flexDirection: \"column\",\n    width: \"226px\"\n  },\n  promo: {\n    flex: \"1 1 0\",\n    minHeight: \"0px\",\n    overflow: \"hidden\",\n    boxSizing: \"border-box\",\n    flexDirection: \"column\",\n    display: \"flex\"\n  },\n  eventName: {\n    display: \"flex\",\n    boxSizing: \"border-box\",\n    \"&.event-name\": {\n      justifyContent: \"center\",\n      alignItems: \"flex-start\"\n    },\n    \"& div, & span\": {\n      fontSize: \"9px\",\n      textAlign: \"left\"\n    }\n  },\n  promoLogo: {\n    width: \"50%\"\n  },\n  promoText: {\n    display: \"flex\",\n    boxSizing: \"border-box\",\n    gridColumnStart: \"1\"\n  },\n  oddsButton: {\n    gridColumnStart: \"2\",\n    minWidth: \"64px\"\n  }\n});\n\nexport default defineComponent({\n  name: \"WideLeaderboardPromo\",\n  components: {\n    CardHeader,\n    EventNameFitted,\n    Button,\n    TagMarquee\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const brandContext = injectBrand();\n    const classesRef = useStyles(\n      computed(() => ({ ...brandContext?.adTemplateBranding.value }))\n    );\n    const { options } = injectBetData();\n\n    const marketData = composeMarket(props.marketId);\n\n    const option = computed(\n      () => marketData.value && options.value?.[marketData.value.options[0]]\n    );\n\n    return {\n      promoText: computed(() => option.value.promoText),\n      promoTextStyle: {\n        get(brand: Brand | undefined) {\n          return brand?.adTemplate.market.promoTextFont;\n        },\n        set(brand: Brand, value: string) {\n          brand.adTemplate.market.promoTextFont = value;\n        }\n      },\n      classes: classesRef.value,\n      marketData,\n      option\n    };\n  }\n});\n</script>\n","<template>\n  <div :class=\"classes.content\">\n    <CardHeader :eventId=\"eventId\" />\n    <div :class=\"classes.wrapper\" class=\"promo\">\n      <div :class=\"[classes.promoContent]\">\n        <EventNameFitted\n          :class=\"[classes.eventName, 'event-name']\"\n          :eventId=\"eventId\"\n          alignment=\"flex-start\"\n          :minSize=\"8\"\n          :lineHeight=\"1\"\n        />\n\n        <div :class=\"[classes.promo]\">\n          <TagMarquee\n            :class=\"[classes.promoText, 'promoText']\"\n            tag=\"div\"\n            styleGroup=\"\"\n            :get=\"promoTextStyle.get\"\n            :set=\"promoTextStyle.set\"\n          >\n            {{ promoText }}\n          </TagMarquee>\n        </div>\n      </div>\n      <Button\n        :class=\"[classes.oddsButton]\"\n        :marketId=\"marketId\"\n        :option=\"option\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\n// TODO: Add Square Logos for betting market\n\n// import PromoLogo from \"./Logo.vue\";\nimport { computed, defineComponent } from \"vue\";\nimport EventNameFitted from \"../../EventNameFitted.vue\";\nimport Button from \"./Button.vue\";\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport {\n  composeMarket,\n  injectBetData\n} from \"@fresh8/ad-data-composition/src/betData\";\nimport { injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\nimport { Brand } from \"@fresh8/types/src\";\nimport TagMarquee from \"../../TagMarquee.vue\";\nimport CardHeader from \"../../CardHeader.vue\";\n\nconst useStyles = createUseStyles({\n  content: {\n    display: \"flex\",\n    flexDirection: \"column\",\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  wrapper: {\n    display: \"grid\",\n    gridTemplateColumns: \"3fr minmax(20%, 64px)\",\n    height: \"100%\",\n    justifyContent: \"space-between\",\n    boxSizing: \"border-box\",\n    gap: \"4px\"\n  },\n  promoContent: {\n    flex: 1,\n    display: \"flex\",\n    flexDirection: \"column\",\n    width: \"226px\"\n  },\n  promo: {\n    flex: \"1 1 0\",\n    minHeight: \"0px\",\n    overflow: \"hidden\",\n    boxSizing: \"border-box\",\n    flexDirection: \"column\",\n    display: \"flex\"\n  },\n  eventName: {\n    display: \"flex\",\n    boxSizing: \"border-box\",\n    \"&.event-name\": {\n      justifyContent: \"center\",\n      alignItems: \"flex-start\"\n    },\n    \"& div, & span\": {\n      fontSize: \"9px\",\n      textAlign: \"left\"\n    }\n  },\n  promoLogo: {\n    width: \"50%\"\n  },\n  promoText: {\n    display: \"flex\",\n    boxSizing: \"border-box\",\n    gridColumnStart: \"1\"\n  },\n  oddsButton: {\n    gridColumnStart: \"2\",\n    minWidth: \"64px\"\n  }\n});\n\nexport default defineComponent({\n  name: \"WideLeaderboardPromo\",\n  components: {\n    CardHeader,\n    EventNameFitted,\n    Button,\n    TagMarquee\n  },\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup(props) {\n    const brandContext = injectBrand();\n    const classesRef = useStyles(\n      computed(() => ({ ...brandContext?.adTemplateBranding.value }))\n    );\n    const { options } = injectBetData();\n\n    const marketData = composeMarket(props.marketId);\n\n    const option = computed(\n      () => marketData.value && options.value?.[marketData.value.options[0]]\n    );\n\n    return {\n      promoText: computed(() => option.value.promoText),\n      promoTextStyle: {\n        get(brand: Brand | undefined) {\n          return brand?.adTemplate.market.promoTextFont;\n        },\n        set(brand: Brand, value: string) {\n          brand.adTemplate.market.promoTextFont = value;\n        }\n      },\n      classes: classesRef.value,\n      marketData,\n      option\n    };\n  }\n});\n</script>\n","<template>\n  <div :class=\"classes.promoWrapper\">\n    <component\n      :is=\"componentCard\"\n      class=\"promo-card\"\n      :eventId=\"eventId\"\n      :marketId=\"marketId\"\n    ></component>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport { defineComponent, computed } from \"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\nimport MPUPromo from \"./MPUPromo.vue\";\nimport LargeMPUPromo from \"./LargeMPUPromo.vue\";\nimport Leaderboard from \"./LeaderboardPromo.vue\";\nimport MobileLeaderboard from \"./MobileLeaderboardPromo.vue\";\nimport Wide from \"./Wide.vue\";\nimport SkyscraperPromo from \"./SkyscraperPromo.vue\";\nimport LMLB_Promo from \"./LMLB_Promo.vue\";\n\nconst useStyles = createUseStyles({\n  promoWrapper: {\n    height: \"100%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    position: \"relative\",\n    flex: \"1\"\n  }\n});\n\nexport default defineComponent({\n  name: \"Promo\",\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup() {\n    const classesRef = useStyles();\n\n    const template = injectTemplateSize();\n\n    const componentCard = computed(() => {\n      switch (template?.size.value.name) {\n        case MPU.name:\n          return MPUPromo;\n\n        case LARGE_RESPONSIVE.name:\n        case BILLBOARD.name:\n          return MPUPromo;\n\n        case LARGE_MPU.name:\n          return LargeMPUPromo;\n\n        case LEADERBOARD.name:\n        case LARGE_LEADERBOARD.name:\n          return Leaderboard;\n\n        case MOBILE_LEADERBOARD.name:\n          return MobileLeaderboard;\n\n        case LMLB.name:\n          return LMLB_Promo;\n\n        case SKYSCRAPER.name:\n          return SkyscraperPromo;\n\n        default:\n          return Wide;\n      }\n    });\n\n    return {\n      classes: classesRef.value,\n      componentCard\n    };\n  }\n});\n</script>\n\n<style></style>\n","<template>\n  <div :class=\"classes.promoWrapper\">\n    <component\n      :is=\"componentCard\"\n      class=\"promo-card\"\n      :eventId=\"eventId\"\n      :marketId=\"marketId\"\n    ></component>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport { defineComponent, computed } from \"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\nimport MPUPromo from \"./MPUPromo.vue\";\nimport LargeMPUPromo from \"./LargeMPUPromo.vue\";\nimport Leaderboard from \"./LeaderboardPromo.vue\";\nimport MobileLeaderboard from \"./MobileLeaderboardPromo.vue\";\nimport Wide from \"./Wide.vue\";\nimport SkyscraperPromo from \"./SkyscraperPromo.vue\";\nimport LMLB_Promo from \"./LMLB_Promo.vue\";\n\nconst useStyles = createUseStyles({\n  promoWrapper: {\n    height: \"100%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    position: \"relative\",\n    flex: \"1\"\n  }\n});\n\nexport default defineComponent({\n  name: \"Promo\",\n  props: {\n    marketId: { type: String, required: true },\n    eventId: { type: String, required: true }\n  },\n  setup() {\n    const classesRef = useStyles();\n\n    const template = injectTemplateSize();\n\n    const componentCard = computed(() => {\n      switch (template?.size.value.name) {\n        case MPU.name:\n          return MPUPromo;\n\n        case LARGE_RESPONSIVE.name:\n        case BILLBOARD.name:\n          return MPUPromo;\n\n        case LARGE_MPU.name:\n          return LargeMPUPromo;\n\n        case LEADERBOARD.name:\n        case LARGE_LEADERBOARD.name:\n          return Leaderboard;\n\n        case MOBILE_LEADERBOARD.name:\n          return MobileLeaderboard;\n\n        case LMLB.name:\n          return LMLB_Promo;\n\n        case SKYSCRAPER.name:\n          return SkyscraperPromo;\n\n        default:\n          return Wide;\n      }\n    });\n\n    return {\n      classes: classesRef.value,\n      componentCard\n    };\n  }\n});\n</script>\n\n<style></style>\n"],"names":["useStyles","createUseStyles","eventName","textAlign","fontSize","lineHeight","padding","display","alignItems","justifyContent","promoWrapper","flex","minHeight","overflow","boxSizing","flexDirection","promoLogo","height","margin","oddsButton","& .odds-text","oddsButtonWrapper","resize","pointerEvents","zIndex","defineComponent","name","components","MarketCard","CardHeader","EventName","PromoFittedText","Button","PromoLogo","props","marketId","type","String","required","eventId","[object Object]","classesRef","ref","injectBetData","composeMarket","computed","marketData","value","betDataContext","options","promoText","option","classes","_createBlock","class","_createVNode","_ctx","promoMarketName","marketName","alignment","borderBottom","marketBorderColor","paddingTop","width","OddsText","adTemplateBranding","headerBranding","injectBrand","useShowWinnings","displayCtaButton","showWinnings","contentGrid","gridTemplateColumns","infoGroup","gridTemplateRows","content","leftContent","rightContent","minWidth","&.event-name > div, &.event-name","logoWrapper","marginBottom","maxHeight","&.promo-market-name","CardHeaderLeaderboard","EventNameFitted","useWideLeaderboardStyles","wrapper","maxWidth","gap","promoContent","promo","&.event-name","& div, & span","gridColumnStart","Header","TagMarquee","promoTextStyle","get","brand","adTemplate","market","promoTextFont","header","minSize","tag","styleGroup","set","isCarousel","injectCarouselContext","carouselContext","reactiveStyles","border","background","cardBackgroundColor","borderRadius","brandContext","brand2","position","injectTemplateSize","template","size","MPU","MPUPromo2","LARGE_RESPONSIVE","BILLBOARD","LARGE_MPU","LargeMPUPromo2","LEADERBOARD","LARGE_LEADERBOARD","Leaderboard","MOBILE_LEADERBOARD","MobileLeaderboard","LMLB","LMLB_Promo2","SKYSCRAPER","SkyscraperPromo2","Wide2","componentCard"],"mappings":"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"}