{"version":3,"file":"Content.37264ca0.js","sources":["../../../ad-data-composition/src/lib/formatText.ts","../../src/components/styled/Text.vue","../../../ad-data-composition/src/popoverForm.ts","../../src/components/styled/Text.vue?vue&type=template&id=5a0e071a&lang.js","../../src/components/BrandText.vue","../../src/components/BrandText.vue?vue&type=template&id=54d22318&lang.js","../../src/components/Marquee.vue","../../src/components/Marquee.vue?vue&type=template&id=2d74a7c6&lang.js","../../src/components/BrandMarquee.vue","../../src/components/BrandMarquee.vue?vue&type=template&id=695c7eb7&lang.js","../../src/components/Footer.vue","../../src/components/Footer.vue?vue&type=template&id=485a7b0e&lang.js","../../src/components/CardSelector.vue","../../src/components/CardSelector.vue?vue&type=template&id=15e37bac&lang.js","../../src/components/Content.vue","../../src/lib/isTouchDevice.ts","../../src/components/Content.vue?vue&type=template&id=eaa646a0&lang.js"],"sourcesContent":["/**\n * Capatilises the first letter of each word in a string\n * @param {String} str\n * @returns {String}\n */\nexport function titleCase(str: string) {\n  const splitStr = str.toLowerCase().split(\" \");\n  for (let i = 0; i < splitStr.length; i++) {\n    splitStr[i] =\n      splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);\n  }\n  return splitStr.join(\" \");\n}\n\n/**\n * Turns a string of words into a camel case string.\n * @param {String}\n * @returns {String}\n */\nexport function camelize(str) {\n  return str.replace(/(?:^\\w|[A-Z]|\\b\\w|\\s+)/g, function(match, index) {\n    if (+match === 0) return \"\"; // or if (/\\s+/.test(match)) for white spaces\n    return index === 0 ? match.toLowerCase() : match.toUpperCase();\n  });\n}\n","<template>\n  <component :is=\"tag\" :class=\"[classes.text, testClassName]\">\n    <slot />\n  </component>\n</template>\n\n<script lang=\"ts\">\nimport { createUseStyles } from \"@fresh8/ad-data-composition/src/theme\";\nimport { defineComponent, computed, PropType } from \"vue\";\nimport { FontStyle, injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\n\nconst { useStyles } = createUseStyles<\"text\", FontStyle>({\n  text: {\n    fontFamily: props => props.fontFamily || \"\",\n    fontStyle: props => props.fontStyle || \"normal\",\n    color: props => props.color || \"\",\n    textTransform: props => props.textTransform || \"none\",\n    textDecoration: props => props.textDecoration || \"none\"\n  }\n});\n\nexport default defineComponent({\n  name: \"StyledText\",\n  props: {\n    tag: {\n      type: String as PropType<\"p\" | \"span\" | \"div\">,\n      required: false,\n      default: \"p\"\n    },\n    fontId: {\n      type: String,\n      required: true\n    },\n    name: {\n      type: String,\n      required: false,\n      default: \"\"\n    }\n  },\n  setup(props) {\n    const { getFontStyle } = injectBrand();\n\n    const reactiveStyles = computed(() => getFontStyle(props.fontId));\n    const { classes } = useStyles(reactiveStyles);\n\n    return {\n      classes,\n      testClassName: computed(\n        () =>\n          \"text-style-\" +\n          props.name\n            .toLowerCase()\n            .replace(/\\s/g, \"-\")\n            .replace(/[^A-z-]/g, \"\")\n      )\n    };\n  }\n});\n</script>\n","import { ComponentPublicInstance, onMounted, onUnmounted, ref } from \"vue\";\nimport { injectRuntimeConfig } from \"./runtimeConfig\";\nimport { AdFormInput, AdFormInputTypes } from \"@fresh8/types/src\";\n\nexport function composePopoverForm(\n  title: string,\n  inputs: AdFormInput<AdFormInputTypes>[]\n) {\n  const rc = injectRuntimeConfig();\n  const elementRef = ref<HTMLElement | ComponentPublicInstance | undefined>();\n  const localElRef = ref<HTMLElement | undefined>();\n\n  function hoverCallback(event: Event) {\n    event.stopPropagation();\n    rc.value.globalEmit?.(\"brandHover\", {\n      title,\n      inputs,\n      el: localElRef.value\n    });\n  }\n\n  function clickCallback(event: Event) {\n    event.preventDefault();\n    rc.value.globalEmit?.(\"brandClick\", {\n      title,\n      inputs,\n      el: localElRef.value\n    });\n  }\n\n  onMounted(() => {\n    localElRef.value = (elementRef.value as ComponentPublicInstance)?.$el\n      ? (elementRef.value as ComponentPublicInstance)?.$el\n      : elementRef.value;\n\n    if (localElRef.value && rc.value.globalEmit) {\n      localElRef.value.addEventListener(\"click\", clickCallback);\n      localElRef.value.addEventListener(\"mouseover\", hoverCallback);\n      localElRef.value.style.cursor = \"pointer\";\n    }\n  });\n\n  onUnmounted(() => {\n    if (localElRef.value) {\n      localElRef.value.style.cursor = \"\";\n      localElRef.value.removeEventListener(\"click\", clickCallback);\n      localElRef.value.removeEventListener(\"mouseover\", hoverCallback);\n    }\n  });\n\n  return {\n    targetEl: elementRef\n  };\n}\n","<template>\n  <component :is=\"tag\" :class=\"[classes.text, testClassName]\">\n    <slot />\n  </component>\n</template>\n\n<script lang=\"ts\">\nimport { createUseStyles } from \"@fresh8/ad-data-composition/src/theme\";\nimport { defineComponent, computed, PropType } from \"vue\";\nimport { FontStyle, injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\n\nconst { useStyles } = createUseStyles<\"text\", FontStyle>({\n  text: {\n    fontFamily: props => props.fontFamily || \"\",\n    fontStyle: props => props.fontStyle || \"normal\",\n    color: props => props.color || \"\",\n    textTransform: props => props.textTransform || \"none\",\n    textDecoration: props => props.textDecoration || \"none\"\n  }\n});\n\nexport default defineComponent({\n  name: \"StyledText\",\n  props: {\n    tag: {\n      type: String as PropType<\"p\" | \"span\" | \"div\">,\n      required: false,\n      default: \"p\"\n    },\n    fontId: {\n      type: String,\n      required: true\n    },\n    name: {\n      type: String,\n      required: false,\n      default: \"\"\n    }\n  },\n  setup(props) {\n    const { getFontStyle } = injectBrand();\n\n    const reactiveStyles = computed(() => getFontStyle(props.fontId));\n    const { classes } = useStyles(reactiveStyles);\n\n    return {\n      classes,\n      testClassName: computed(\n        () =>\n          \"text-style-\" +\n          props.name\n            .toLowerCase()\n            .replace(/\\s/g, \"-\")\n            .replace(/[^A-z-]/g, \"\")\n      )\n    };\n  }\n});\n</script>\n","<template>\n  <StyledText :fontId=\"fontId\" tag=\"p\" ref=\"targetEl\" :class=\"[testClassName]\">\n    <span :class=\"truncateClass ? classes.truncate : ''\">\n      {{ overideText || text }}\n    </span>\n  </StyledText>\n</template>\n\n<script lang=\"ts\">\nimport StyledText from \"./styled/Text.vue\";\nimport { defineComponent, computed, PropType } from \"vue\";\nimport { composePopoverForm } from \"@fresh8/ad-data-composition/src/popoverForm\";\nimport {\n  injectAdTag,\n  injectBrand\n} from \"@fresh8/ad-data-composition/src/brand\";\nimport { AdFormInput, Brand, AdFormInputTypes } from \"@fresh8/types/src/index\";\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\n\nconst useStyles = createUseStyles({\n  truncate: {\n    display: \"-webkit-box\",\n    \"-webkit-line-clamp\": props => props.truncateSize,\n    \"-webkit-box-orient\": \"vertical\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    lineHeight: 1.2\n  }\n});\n\nexport default defineComponent({\n  name: \"Text\",\n  components: {\n    StyledText\n  },\n  props: {\n    styleGroup: {\n      type: String,\n      required: true\n    },\n    truncate: {\n      type: Number,\n      required: false,\n      default: 0\n    },\n    overideText: {\n      type: [String, Boolean],\n      required: false\n    },\n    get: {\n      type: Function as PropType<\n        (brand: Brand) => { value: string; font: string }\n      >,\n      required: true\n    },\n    enableTextEditing: {\n      type: Boolean,\n      default: true,\n      required: false\n    }\n  },\n  setup(props) {\n    const { brand } = injectBrand();\n    const fontId = computed(() => props.get(brand.value).font);\n    const { operator } = injectAdTag();\n\n    const targetArr = computed((): AdFormInput<AdFormInputTypes>[] =>\n      props.enableTextEditing\n        ? [\n            {\n              type: \"text\",\n              get: () =>\n                props.get(brand.value).value ||\n                Object.keys(brand.value.fonts)[0],\n              set: (value: string) => (props.get(brand.value).value = value)\n            },\n            {\n              type: \"font\",\n              get: () => props.get(brand.value).font,\n              set: (value: string) => (props.get(brand.value).font = value)\n            }\n          ]\n        : [\n            {\n              type: \"font\",\n              get: () => props.get(brand.value).font,\n              set: (value: string) => (props.get(brand.value).font = value)\n            }\n          ]\n    );\n\n    const { targetEl } = composePopoverForm(props.styleGroup, targetArr.value);\n\n    const reactiveStyles = computed(() => ({\n      truncateSize: props.truncate\n    }));\n    const classes = useStyles(reactiveStyles);\n\n    return {\n      targetEl,\n      fontId,\n      classes,\n      truncateClass: computed(() => !!props.truncate),\n      text: computed(() =>\n        props.get(brand.value).value.replace(\"%operator%\", operator.value.name)\n      ),\n      testClassName: computed(\n        () =>\n          \"text-style-\" +\n          props.styleGroup\n            .toLowerCase()\n            .replace(/\\s/g, \"-\")\n            .replace(/[^A-z-]/g, \"\")\n      )\n    };\n  }\n});\n</script>\n","<template>\n  <StyledText :fontId=\"fontId\" tag=\"p\" ref=\"targetEl\" :class=\"[testClassName]\">\n    <span :class=\"truncateClass ? classes.truncate : ''\">\n      {{ overideText || text }}\n    </span>\n  </StyledText>\n</template>\n\n<script lang=\"ts\">\nimport StyledText from \"./styled/Text.vue\";\nimport { defineComponent, computed, PropType } from \"vue\";\nimport { composePopoverForm } from \"@fresh8/ad-data-composition/src/popoverForm\";\nimport {\n  injectAdTag,\n  injectBrand\n} from \"@fresh8/ad-data-composition/src/brand\";\nimport { AdFormInput, Brand, AdFormInputTypes } from \"@fresh8/types/src/index\";\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\n\nconst useStyles = createUseStyles({\n  truncate: {\n    display: \"-webkit-box\",\n    \"-webkit-line-clamp\": props => props.truncateSize,\n    \"-webkit-box-orient\": \"vertical\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    lineHeight: 1.2\n  }\n});\n\nexport default defineComponent({\n  name: \"Text\",\n  components: {\n    StyledText\n  },\n  props: {\n    styleGroup: {\n      type: String,\n      required: true\n    },\n    truncate: {\n      type: Number,\n      required: false,\n      default: 0\n    },\n    overideText: {\n      type: [String, Boolean],\n      required: false\n    },\n    get: {\n      type: Function as PropType<\n        (brand: Brand) => { value: string; font: string }\n      >,\n      required: true\n    },\n    enableTextEditing: {\n      type: Boolean,\n      default: true,\n      required: false\n    }\n  },\n  setup(props) {\n    const { brand } = injectBrand();\n    const fontId = computed(() => props.get(brand.value).font);\n    const { operator } = injectAdTag();\n\n    const targetArr = computed((): AdFormInput<AdFormInputTypes>[] =>\n      props.enableTextEditing\n        ? [\n            {\n              type: \"text\",\n              get: () =>\n                props.get(brand.value).value ||\n                Object.keys(brand.value.fonts)[0],\n              set: (value: string) => (props.get(brand.value).value = value)\n            },\n            {\n              type: \"font\",\n              get: () => props.get(brand.value).font,\n              set: (value: string) => (props.get(brand.value).font = value)\n            }\n          ]\n        : [\n            {\n              type: \"font\",\n              get: () => props.get(brand.value).font,\n              set: (value: string) => (props.get(brand.value).font = value)\n            }\n          ]\n    );\n\n    const { targetEl } = composePopoverForm(props.styleGroup, targetArr.value);\n\n    const reactiveStyles = computed(() => ({\n      truncateSize: props.truncate\n    }));\n    const classes = useStyles(reactiveStyles);\n\n    return {\n      targetEl,\n      fontId,\n      classes,\n      truncateClass: computed(() => !!props.truncate),\n      text: computed(() =>\n        props.get(brand.value).value.replace(\"%operator%\", operator.value.name)\n      ),\n      testClassName: computed(\n        () =>\n          \"text-style-\" +\n          props.styleGroup\n            .toLowerCase()\n            .replace(/\\s/g, \"-\")\n            .replace(/[^A-z-]/g, \"\")\n      )\n    };\n  }\n});\n</script>\n","<template>\n  <div\n    :class=\"[classes.marquee, shouldAnimate ? 'animate' : 'static']\"\n    ref=\"marqueeRef\"\n  >\n    <span ref=\"marqueeTextRef\"><slot /></span>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, watchEffect } from \"vue\";\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport { useDimensionSync } from \"@fresh8/vue-utils/src/dimensionSync\";\n\nconst useStyles = createUseStyles({\n  marquee: {\n    overflow: \"hidden\",\n    boxSizing: \"border-box\",\n    \"-webkit-transform\": \"translateZ(0)\",\n    \"&.animate span\": {\n      paddingLeft: \"100%\",\n      /* show the marquee just outside the paragraph */\n      willChange: \"transform\",\n      animation: props => `$marquee ${props.animationTime}s linear infinite`,\n      \"-webkit-transform\": \"translateZ(0)\",\n      \"&:hover\": {\n        animationPlayState: \"paused\"\n      }\n    },\n    \"&.static\": {\n      alignItems: \"center\"\n    },\n\n    \"& span\": {\n      display: \"inline-block\",\n      width: \"max-content\"\n    }\n  },\n  \"@keyframes marquee\": {\n    \"0%\": {\n      transform: \"translate(0, 0)\"\n    },\n    \"100%\": {\n      transform: \"translate(-100%, 0)\"\n    }\n  }\n});\n\nexport default defineComponent({\n  name: \"Marquee\",\n  props: {\n    animationTime: {\n      type: Number,\n      default: 10\n    }\n  },\n  setup(props) {\n    const marqueeRef = ref();\n    const marqueeTextRef = ref();\n    const shouldAnimate = ref(false);\n\n    const { dimensions: marqueeBox } = useDimensionSync(marqueeRef);\n    const { dimensions: marqueeText } = useDimensionSync(marqueeTextRef);\n\n    watchEffect(() => {\n      const marqueeTextWitdh =\n        (marqueeTextRef.value &&\n          marqueeText.value.width -\n            parseInt(getComputedStyle(marqueeTextRef.value).paddingLeft)) ||\n        0;\n\n      if (marqueeBox.value.width < marqueeTextWitdh) {\n        shouldAnimate.value = true;\n      } else {\n        shouldAnimate.value = false;\n      }\n    });\n\n    const reativeStyles = computed(() => ({\n      animationTime: props.animationTime\n    }));\n\n    const classes = useStyles(reativeStyles);\n    return { classes, marqueeTextRef, marqueeRef, shouldAnimate };\n  }\n});\n</script>\n","<template>\n  <div\n    :class=\"[classes.marquee, shouldAnimate ? 'animate' : 'static']\"\n    ref=\"marqueeRef\"\n  >\n    <span ref=\"marqueeTextRef\"><slot /></span>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, watchEffect } from \"vue\";\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport { useDimensionSync } from \"@fresh8/vue-utils/src/dimensionSync\";\n\nconst useStyles = createUseStyles({\n  marquee: {\n    overflow: \"hidden\",\n    boxSizing: \"border-box\",\n    \"-webkit-transform\": \"translateZ(0)\",\n    \"&.animate span\": {\n      paddingLeft: \"100%\",\n      /* show the marquee just outside the paragraph */\n      willChange: \"transform\",\n      animation: props => `$marquee ${props.animationTime}s linear infinite`,\n      \"-webkit-transform\": \"translateZ(0)\",\n      \"&:hover\": {\n        animationPlayState: \"paused\"\n      }\n    },\n    \"&.static\": {\n      alignItems: \"center\"\n    },\n\n    \"& span\": {\n      display: \"inline-block\",\n      width: \"max-content\"\n    }\n  },\n  \"@keyframes marquee\": {\n    \"0%\": {\n      transform: \"translate(0, 0)\"\n    },\n    \"100%\": {\n      transform: \"translate(-100%, 0)\"\n    }\n  }\n});\n\nexport default defineComponent({\n  name: \"Marquee\",\n  props: {\n    animationTime: {\n      type: Number,\n      default: 10\n    }\n  },\n  setup(props) {\n    const marqueeRef = ref();\n    const marqueeTextRef = ref();\n    const shouldAnimate = ref(false);\n\n    const { dimensions: marqueeBox } = useDimensionSync(marqueeRef);\n    const { dimensions: marqueeText } = useDimensionSync(marqueeTextRef);\n\n    watchEffect(() => {\n      const marqueeTextWitdh =\n        (marqueeTextRef.value &&\n          marqueeText.value.width -\n            parseInt(getComputedStyle(marqueeTextRef.value).paddingLeft)) ||\n        0;\n\n      if (marqueeBox.value.width < marqueeTextWitdh) {\n        shouldAnimate.value = true;\n      } else {\n        shouldAnimate.value = false;\n      }\n    });\n\n    const reativeStyles = computed(() => ({\n      animationTime: props.animationTime\n    }));\n\n    const classes = useStyles(reativeStyles);\n    return { classes, marqueeTextRef, marqueeRef, shouldAnimate };\n  }\n});\n</script>\n","<template>\n  <div ref=\"targetEl\" :class=\"classes.wrapper\">\n    <StyledText\n      :fontId=\"fontId\"\n      tag=\"div\"\n      :class=\"[classes.styledText, testClassName]\"\n    >\n      <Marquee :animationTime=\"animationTime\" :class=\"classes.marquee\">\n        {{ overideText || text }}\n      </Marquee>\n    </StyledText>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport StyledText from \"./styled/Text.vue\";\nimport Marquee from \"./Marquee.vue\";\nimport { defineComponent, computed, PropType } from \"vue\";\nimport { composePopoverForm } from \"@fresh8/ad-data-composition/src/popoverForm\";\nimport {\n  injectAdTag,\n  injectBrand\n} from \"@fresh8/ad-data-composition/src/brand\";\nimport { Brand, AdFormInput, AdFormInputTypes } from \"@fresh8/types/src/index\";\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\n\nexport default defineComponent({\n  name: \"BrandMarquee\",\n  components: {\n    StyledText,\n    Marquee\n  },\n  props: {\n    styleGroup: {\n      type: String,\n      required: true\n    },\n    overideText: {\n      type: [String, Boolean],\n      required: false\n    },\n    get: {\n      type: Function as PropType<\n        (brand: Brand) => { value: string; font: string }\n      >,\n      required: true\n    },\n    animationTime: {\n      type: Number,\n      default: 10\n    },\n    enableTextEditing: {\n      type: Boolean,\n      default: true,\n      required: false\n    }\n  },\n  setup(props) {\n    const { brand } = injectBrand();\n    const fontId = computed(() => props.get(brand.value).font);\n    const { operator } = injectAdTag();\n\n    const targetArr = computed((): AdFormInput<AdFormInputTypes>[] =>\n      props.enableTextEditing\n        ? [\n            {\n              type: \"text\",\n              get: () =>\n                props.get(brand.value).value ||\n                Object.keys(brand.value.fonts)[0],\n              set: (value: string) => (props.get(brand.value).value = value)\n            },\n            {\n              type: \"font\",\n              get: () => props.get(brand.value).font,\n              set: (value: string) => (props.get(brand.value).font = value)\n            }\n          ]\n        : [\n            {\n              type: \"font\",\n              get: () => props.get(brand.value).font,\n              set: (value: string) => (props.get(brand.value).font = value)\n            }\n          ]\n    );\n\n    const { targetEl } = composePopoverForm(props.styleGroup, targetArr.value);\n\n    // eslint-disable-next-line @typescript-eslint/no-use-before-define\n    const classes = useStyles();\n\n    return {\n      classes,\n      targetEl,\n      fontId,\n      text: computed(() =>\n        props.get(brand.value).value.replace(\"%operator%\", operator.value.name)\n      ),\n      testClassName: computed(\n        () =>\n          \"text-style-\" +\n          props.styleGroup\n            .toLowerCase()\n            .replace(/\\s/g, \"-\")\n            .replace(/[^A-z-]/g, \"\")\n      )\n    };\n  }\n});\n\nconst useStyles = createUseStyles({\n  wrapper: {\n    flex: 1,\n    display: \"flex\",\n    overflow: \"hidden\"\n  },\n  marquee: {\n    flex: 1,\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\"\n  },\n  styledText: {\n    overflow: \"hidden\",\n    display: \"flex\",\n    flex: 1\n  }\n});\n</script>\n","<template>\n  <div ref=\"targetEl\" :class=\"classes.wrapper\">\n    <StyledText\n      :fontId=\"fontId\"\n      tag=\"div\"\n      :class=\"[classes.styledText, testClassName]\"\n    >\n      <Marquee :animationTime=\"animationTime\" :class=\"classes.marquee\">\n        {{ overideText || text }}\n      </Marquee>\n    </StyledText>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport StyledText from \"./styled/Text.vue\";\nimport Marquee from \"./Marquee.vue\";\nimport { defineComponent, computed, PropType } from \"vue\";\nimport { composePopoverForm } from \"@fresh8/ad-data-composition/src/popoverForm\";\nimport {\n  injectAdTag,\n  injectBrand\n} from \"@fresh8/ad-data-composition/src/brand\";\nimport { Brand, AdFormInput, AdFormInputTypes } from \"@fresh8/types/src/index\";\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\n\nexport default defineComponent({\n  name: \"BrandMarquee\",\n  components: {\n    StyledText,\n    Marquee\n  },\n  props: {\n    styleGroup: {\n      type: String,\n      required: true\n    },\n    overideText: {\n      type: [String, Boolean],\n      required: false\n    },\n    get: {\n      type: Function as PropType<\n        (brand: Brand) => { value: string; font: string }\n      >,\n      required: true\n    },\n    animationTime: {\n      type: Number,\n      default: 10\n    },\n    enableTextEditing: {\n      type: Boolean,\n      default: true,\n      required: false\n    }\n  },\n  setup(props) {\n    const { brand } = injectBrand();\n    const fontId = computed(() => props.get(brand.value).font);\n    const { operator } = injectAdTag();\n\n    const targetArr = computed((): AdFormInput<AdFormInputTypes>[] =>\n      props.enableTextEditing\n        ? [\n            {\n              type: \"text\",\n              get: () =>\n                props.get(brand.value).value ||\n                Object.keys(brand.value.fonts)[0],\n              set: (value: string) => (props.get(brand.value).value = value)\n            },\n            {\n              type: \"font\",\n              get: () => props.get(brand.value).font,\n              set: (value: string) => (props.get(brand.value).font = value)\n            }\n          ]\n        : [\n            {\n              type: \"font\",\n              get: () => props.get(brand.value).font,\n              set: (value: string) => (props.get(brand.value).font = value)\n            }\n          ]\n    );\n\n    const { targetEl } = composePopoverForm(props.styleGroup, targetArr.value);\n\n    // eslint-disable-next-line @typescript-eslint/no-use-before-define\n    const classes = useStyles();\n\n    return {\n      classes,\n      targetEl,\n      fontId,\n      text: computed(() =>\n        props.get(brand.value).value.replace(\"%operator%\", operator.value.name)\n      ),\n      testClassName: computed(\n        () =>\n          \"text-style-\" +\n          props.styleGroup\n            .toLowerCase()\n            .replace(/\\s/g, \"-\")\n            .replace(/[^A-z-]/g, \"\")\n      )\n    };\n  }\n});\n\nconst useStyles = createUseStyles({\n  wrapper: {\n    flex: 1,\n    display: \"flex\",\n    overflow: \"hidden\"\n  },\n  marquee: {\n    flex: 1,\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\"\n  },\n  styledText: {\n    overflow: \"hidden\",\n    display: \"flex\",\n    flex: 1\n  }\n});\n</script>\n","<template>\n  <div\n    v-if=\"!footerEmpty && layoutClass !== 'mobile-leaderboard'\"\n    :class=\"[classes.footer, 'footer', layoutClass]\"\n    ref=\"footerRef\"\n  >\n    <div\n      v-if=\"displayStatic\"\n      :class=\"[\n        classes.fixedText,\n        useScrollingText ? 'withScrolling' : 'withOutScrolling',\n        layoutClass\n      ]\"\n    >\n      <BrandText\n        tag=\"span\"\n        styleGroup=\"Terms\"\n        :overideText=\"!useScrollingText && overideTerms\"\n        :get=\"getStatic\"\n        :truncate=\"truncateSize\"\n        :enableTextEditing=\"false\"\n        :class=\"[{ [classes.emptyText]: footerEmpty }]\"\n      />\n    </div>\n    <div v-if=\"useScrollingText\" :class=\"[classes.marquee, layoutClass]\">\n      <BrandMarquee\n        :animationTime=\"animationTime\"\n        tag=\"span\"\n        styleGroup=\"Terms\"\n        :overideText=\"overideTerms\"\n        :get=\"getScrolling\"\n        :enableTextEditing=\"false\"\n        :class=\"[{ [classes.emptyText]: footerEmpty }]\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from \"vue\";\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport BrandText from \"./BrandText.vue\";\nimport BrandMarquee from \"./BrandMarquee.vue\";\nimport { injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\nimport { useGetOffer, useShouldDisplayOffer } from \"../hooks/useDisplayOffer\";\nimport { Brand } from \"@fresh8/types/src\";\nimport {\n  injectTemplateSize,\n  SMALL_RESPONSIVE,\n  LEADERBOARD,\n  LARGE_LEADERBOARD,\n  MOBILE_LEADERBOARD,\n  LMLB,\n  MPU\n} from \"@fresh8/ad-data-composition/src/useTemplateSize\";\nimport { camelize } from \"@fresh8/ad-data-composition/src/lib/formatText\";\n\nconst useStyles = createUseStyles({\n  footer: {\n    display: \"flex\",\n    lineHeight: 1,\n    fontSize: \"9px\",\n    position: \"relative\",\n    textAlign: \"center\",\n\n    [`&.${camelize(SMALL_RESPONSIVE.name)}`]: {\n      fontSize: \"7px\"\n    },\n\n    [`&.${camelize(MOBILE_LEADERBOARD.name)}`]: {\n      height: \"10px\",\n      fontSize: \"6px\",\n      border: \"none\",\n      borderTop: props =>\n        !props.displayStatic && !props.useScrollingText\n          ? \"none\"\n          : `1px solid ${props.marketBorderColor}`,\n\n      marginTop: \"2px\",\n      padding: \"0px\"\n    },\n    [`&.${camelize(LMLB.name)}`]: {\n      height: \"10px\",\n      fontSize: \"6px\",\n      border: \"none\",\n      padding: \"0px\"\n    },\n    [`&.${LEADERBOARD.name}`]: {\n      height: \"10px\",\n      fontSize: \"6px\"\n    },\n    [`&.${camelize(LARGE_LEADERBOARD.name)}`]: {\n      height: \"10px\",\n      fontSize: \"6px\"\n    },\n    [`&.${camelize(MPU.name)}`]: {\n      paddingTop: \"2px\"\n    }\n  },\n  emptyText: {\n    display: \"block\",\n    width: \"100%\",\n    minHeight: \"12px\"\n  },\n  fixedText: {\n    flex: 1,\n    display: \"flex\",\n    alignItems: \"center\",\n    \"&.withScrolling\": {\n      flex: \"none\",\n      borderRight: props => `1px solid ${props.marketBorderColor}`,\n      padding: \"3px 4px 2px 0\",\n      whiteSpace: \"nowrap\"\n    },\n    [`&.withScrolling.${camelize(MOBILE_LEADERBOARD.name)}`]: {\n      boxShadow: \"none\",\n      borderRight: props => `1px solid ${props.marketBorderColor}`,\n      padding: \"0 5px\"\n    },\n    [`&.withScrolling.${camelize(LMLB.name)}`]: {\n      boxShadow: \"none\",\n      borderRight: props => `1px solid ${props.marketBorderColor}`,\n      padding: \"0 5px\"\n    },\n    \"&.withOutScrolling\": {\n      justifyContent: \"center\",\n      padding: \"5px 0 0\",\n      [`&.${camelize(SMALL_RESPONSIVE.name)}, &.${LEADERBOARD.name} &,`]: {\n        padding: \"3px 0 2px\"\n      },\n\n      [`&.${camelize(MPU.name)}`]: {\n        padding: \"0\"\n      },\n      [`&.${camelize(MOBILE_LEADERBOARD.name)}, &${camelize(LMLB.name)}`]: {\n        padding: \"5px 0 0\",\n        \"& span\": {\n          padding: \"0\",\n          height: \"10px\"\n        }\n      }\n    }\n  },\n\n  marquee: {\n    overflow: \"hidden\",\n    flex: 1,\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    padding: \"3px 0 2px\",\n    [`&.${camelize(MOBILE_LEADERBOARD.name)}`]: {\n      padding: \"0px\",\n      \"& span\": {\n        padding: \"2px\"\n      }\n    },\n    [`&.${camelize(SMALL_RESPONSIVE.name)}`]: {\n      paddingTop: \"2px\"\n    }\n  }\n});\n\nexport default defineComponent({\n  name: \"Footer\",\n  components: {\n    BrandText,\n    BrandMarquee\n  },\n  setup() {\n    const footerRef = ref<HTMLDivElement>(null);\n\n    const templateContext = injectTemplateSize();\n    const { footerBranding, adTemplateBranding, brand } = injectBrand();\n\n    const offer = useGetOffer();\n    const showOffer = useShouldDisplayOffer();\n    const overideTerms = computed(() => showOffer.value && offer.value?.terms);\n    const truncateSize = computed(() => {\n      const truncateSchema = {\n        [MOBILE_LEADERBOARD.name]: 1,\n        [LMLB.name]: 1,\n        [LEADERBOARD.name]: 1,\n        [LARGE_LEADERBOARD.name]: 1,\n        [SMALL_RESPONSIVE.name]: 2\n      };\n      return truncateSchema[templateContext.size.value.name] || 3;\n    });\n\n    // computing the useScrolling text (if shows the marquee component or not the default static text)\n    const useScrollingText = computed(() => {\n      const b = brand.value as Brand;\n      return (\n        b.adTemplate.footer.useScrollingText &&\n        (b.adTemplate.footer.scrolling.value.length > 0 ||\n          overideTerms.value?.length > 0)\n      );\n    });\n\n    const footerEmpty = computed(\n      () =>\n        !footerBranding.value?.static?.value?.length &&\n        !footerBranding.value?.value?.length &&\n        !footerBranding.value?.scrolling?.value?.length\n    );\n\n    const displayStatic = computed(() => {\n      return (\n        !!footerBranding.value?.static?.value ||\n        (!!footerBranding.value?.value &&\n          typeof footerBranding.value?.value === \"string\")\n      );\n    });\n\n    const animationTime = computed(() => footerBranding.value?.animationTime);\n\n    const computedStyles = computed(() => ({\n      ...adTemplateBranding.value,\n      displayStatic: displayStatic.value,\n      displayMarquee: useScrollingText.value\n    }));\n\n    const classesRef = useStyles(computedStyles);\n\n    return {\n      animationTime,\n      footerEmpty,\n      overideTerms,\n      classes: classesRef,\n      layoutClass: computed(() => camelize(templateContext.size.value.name)),\n      getScrolling: (brand: Brand) => brand.adTemplate.footer.scrolling,\n      getStatic: (brand: Brand) =>\n        brand.adTemplate.footer.static || brand.adTemplate.footer,\n      displayStatic,\n      truncateSize,\n      useScrollingText,\n      footerRef\n    };\n  }\n});\n</script>\n","<template>\n  <div\n    v-if=\"!footerEmpty && layoutClass !== 'mobile-leaderboard'\"\n    :class=\"[classes.footer, 'footer', layoutClass]\"\n    ref=\"footerRef\"\n  >\n    <div\n      v-if=\"displayStatic\"\n      :class=\"[\n        classes.fixedText,\n        useScrollingText ? 'withScrolling' : 'withOutScrolling',\n        layoutClass\n      ]\"\n    >\n      <BrandText\n        tag=\"span\"\n        styleGroup=\"Terms\"\n        :overideText=\"!useScrollingText && overideTerms\"\n        :get=\"getStatic\"\n        :truncate=\"truncateSize\"\n        :enableTextEditing=\"false\"\n        :class=\"[{ [classes.emptyText]: footerEmpty }]\"\n      />\n    </div>\n    <div v-if=\"useScrollingText\" :class=\"[classes.marquee, layoutClass]\">\n      <BrandMarquee\n        :animationTime=\"animationTime\"\n        tag=\"span\"\n        styleGroup=\"Terms\"\n        :overideText=\"overideTerms\"\n        :get=\"getScrolling\"\n        :enableTextEditing=\"false\"\n        :class=\"[{ [classes.emptyText]: footerEmpty }]\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from \"vue\";\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport BrandText from \"./BrandText.vue\";\nimport BrandMarquee from \"./BrandMarquee.vue\";\nimport { injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\nimport { useGetOffer, useShouldDisplayOffer } from \"../hooks/useDisplayOffer\";\nimport { Brand } from \"@fresh8/types/src\";\nimport {\n  injectTemplateSize,\n  SMALL_RESPONSIVE,\n  LEADERBOARD,\n  LARGE_LEADERBOARD,\n  MOBILE_LEADERBOARD,\n  LMLB,\n  MPU\n} from \"@fresh8/ad-data-composition/src/useTemplateSize\";\nimport { camelize } from \"@fresh8/ad-data-composition/src/lib/formatText\";\n\nconst useStyles = createUseStyles({\n  footer: {\n    display: \"flex\",\n    lineHeight: 1,\n    fontSize: \"9px\",\n    position: \"relative\",\n    textAlign: \"center\",\n\n    [`&.${camelize(SMALL_RESPONSIVE.name)}`]: {\n      fontSize: \"7px\"\n    },\n\n    [`&.${camelize(MOBILE_LEADERBOARD.name)}`]: {\n      height: \"10px\",\n      fontSize: \"6px\",\n      border: \"none\",\n      borderTop: props =>\n        !props.displayStatic && !props.useScrollingText\n          ? \"none\"\n          : `1px solid ${props.marketBorderColor}`,\n\n      marginTop: \"2px\",\n      padding: \"0px\"\n    },\n    [`&.${camelize(LMLB.name)}`]: {\n      height: \"10px\",\n      fontSize: \"6px\",\n      border: \"none\",\n      padding: \"0px\"\n    },\n    [`&.${LEADERBOARD.name}`]: {\n      height: \"10px\",\n      fontSize: \"6px\"\n    },\n    [`&.${camelize(LARGE_LEADERBOARD.name)}`]: {\n      height: \"10px\",\n      fontSize: \"6px\"\n    },\n    [`&.${camelize(MPU.name)}`]: {\n      paddingTop: \"2px\"\n    }\n  },\n  emptyText: {\n    display: \"block\",\n    width: \"100%\",\n    minHeight: \"12px\"\n  },\n  fixedText: {\n    flex: 1,\n    display: \"flex\",\n    alignItems: \"center\",\n    \"&.withScrolling\": {\n      flex: \"none\",\n      borderRight: props => `1px solid ${props.marketBorderColor}`,\n      padding: \"3px 4px 2px 0\",\n      whiteSpace: \"nowrap\"\n    },\n    [`&.withScrolling.${camelize(MOBILE_LEADERBOARD.name)}`]: {\n      boxShadow: \"none\",\n      borderRight: props => `1px solid ${props.marketBorderColor}`,\n      padding: \"0 5px\"\n    },\n    [`&.withScrolling.${camelize(LMLB.name)}`]: {\n      boxShadow: \"none\",\n      borderRight: props => `1px solid ${props.marketBorderColor}`,\n      padding: \"0 5px\"\n    },\n    \"&.withOutScrolling\": {\n      justifyContent: \"center\",\n      padding: \"5px 0 0\",\n      [`&.${camelize(SMALL_RESPONSIVE.name)}, &.${LEADERBOARD.name} &,`]: {\n        padding: \"3px 0 2px\"\n      },\n\n      [`&.${camelize(MPU.name)}`]: {\n        padding: \"0\"\n      },\n      [`&.${camelize(MOBILE_LEADERBOARD.name)}, &${camelize(LMLB.name)}`]: {\n        padding: \"5px 0 0\",\n        \"& span\": {\n          padding: \"0\",\n          height: \"10px\"\n        }\n      }\n    }\n  },\n\n  marquee: {\n    overflow: \"hidden\",\n    flex: 1,\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    padding: \"3px 0 2px\",\n    [`&.${camelize(MOBILE_LEADERBOARD.name)}`]: {\n      padding: \"0px\",\n      \"& span\": {\n        padding: \"2px\"\n      }\n    },\n    [`&.${camelize(SMALL_RESPONSIVE.name)}`]: {\n      paddingTop: \"2px\"\n    }\n  }\n});\n\nexport default defineComponent({\n  name: \"Footer\",\n  components: {\n    BrandText,\n    BrandMarquee\n  },\n  setup() {\n    const footerRef = ref<HTMLDivElement>(null);\n\n    const templateContext = injectTemplateSize();\n    const { footerBranding, adTemplateBranding, brand } = injectBrand();\n\n    const offer = useGetOffer();\n    const showOffer = useShouldDisplayOffer();\n    const overideTerms = computed(() => showOffer.value && offer.value?.terms);\n    const truncateSize = computed(() => {\n      const truncateSchema = {\n        [MOBILE_LEADERBOARD.name]: 1,\n        [LMLB.name]: 1,\n        [LEADERBOARD.name]: 1,\n        [LARGE_LEADERBOARD.name]: 1,\n        [SMALL_RESPONSIVE.name]: 2\n      };\n      return truncateSchema[templateContext.size.value.name] || 3;\n    });\n\n    // computing the useScrolling text (if shows the marquee component or not the default static text)\n    const useScrollingText = computed(() => {\n      const b = brand.value as Brand;\n      return (\n        b.adTemplate.footer.useScrollingText &&\n        (b.adTemplate.footer.scrolling.value.length > 0 ||\n          overideTerms.value?.length > 0)\n      );\n    });\n\n    const footerEmpty = computed(\n      () =>\n        !footerBranding.value?.static?.value?.length &&\n        !footerBranding.value?.value?.length &&\n        !footerBranding.value?.scrolling?.value?.length\n    );\n\n    const displayStatic = computed(() => {\n      return (\n        !!footerBranding.value?.static?.value ||\n        (!!footerBranding.value?.value &&\n          typeof footerBranding.value?.value === \"string\")\n      );\n    });\n\n    const animationTime = computed(() => footerBranding.value?.animationTime);\n\n    const computedStyles = computed(() => ({\n      ...adTemplateBranding.value,\n      displayStatic: displayStatic.value,\n      displayMarquee: useScrollingText.value\n    }));\n\n    const classesRef = useStyles(computedStyles);\n\n    return {\n      animationTime,\n      footerEmpty,\n      overideTerms,\n      classes: classesRef,\n      layoutClass: computed(() => camelize(templateContext.size.value.name)),\n      getScrolling: (brand: Brand) => brand.adTemplate.footer.scrolling,\n      getStatic: (brand: Brand) =>\n        brand.adTemplate.footer.static || brand.adTemplate.footer,\n      displayStatic,\n      truncateSize,\n      useScrollingText,\n      footerRef\n    };\n  }\n});\n</script>\n","<template>\n  <component\n    :is=\"MarketCard\"\n    :marketId=\"marketId\"\n    :marketIds=\"marketIds\"\n    :eventId=\"eventId\"\n  />\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  PropType,\n  defineAsyncComponent,\n  ComputedRef\n} from \"vue\";\nimport { Market } from \"@fresh8/types/src/betData\";\nimport { injectBetData } from \"@fresh8/ad-data-composition/src/betData\";\nimport {\n  MOBILE_LEADERBOARD,\n  LMLB,\n  useTemplateSize\n} from \"@fresh8/ad-data-composition/src/useTemplateSize\";\nimport { CardTypes } from \"@fresh8/types/src\";\n\n/**\n * Checks if market display a draw option\n */\n\nfunction hasDrawOption(eventMarket: Market) {\n  return eventMarket.options.length > 2;\n}\n\nfunction getCard(cardType: CardTypes, eventMarket: Market, isMobile: boolean) {\n  if (cardType === \"mainMarket\" && isMobile) {\n    return hasDrawOption(eventMarket) ? CardMap[\"wdw\"] : CardMap[\"ww\"];\n  }\n\n  return CardMap[cardType];\n}\n\nconst CardMap = {\n  promo: defineAsyncComponent(() =>\n    import(`./markets/promo/WrapperSelector.vue`)\n  ),\n  mainMarket: defineAsyncComponent(() =>\n    import(`./markets/multi-main/WrapperSelector.vue`)\n  ),\n  insight: defineAsyncComponent(() =>\n    import(`./markets/insight/WrapperSelector.vue`)\n  ),\n  wdw: defineAsyncComponent(() =>\n    import(`./markets/win-draw-win/WrapperSelector.vue`)\n  ),\n  ww: defineAsyncComponent(() =>\n    import(`./markets/win-win/WrapperSelector.vue`)\n  ),\n  list: defineAsyncComponent(() =>\n    import(`./markets/list/WrapperSelector.vue`)\n  ),\n  parlay: defineAsyncComponent(() =>\n    import(`./markets/parlay/ParlayWrapper.vue`)\n  ),\n  h2h: defineAsyncComponent(() => import(`./markets/h2h/WrapperSelector.vue`)),\n  offer: defineAsyncComponent(() => import(`./markets/offer/OfferWrapper.vue`))\n};\n\nexport default defineComponent({\n  name: \"CardSelector\",\n  props: {\n    marketIds: {\n      type: Array as PropType<string[]>,\n      required: true\n    },\n    cardType: { type: String as PropType<CardTypes>, required: true }\n  },\n  setup(props) {\n    const betData = injectBetData();\n\n    const { size } = useTemplateSize();\n\n    const markets = computed(() => {\n      return props.marketIds.map((id: string) => betData.markets.value[id]);\n    }) as ComputedRef<Market[]>;\n\n    const isMobile = computed(\n      () =>\n        size.value.name === MOBILE_LEADERBOARD.name ||\n        size.value.name === LMLB.name\n    );\n\n    const MarketCard = computed(() => {\n      return getCard(props.cardType, markets.value[0], isMobile.value);\n    });\n\n    return {\n      MarketCard,\n      marketId: computed(() => markets.value[0]?.marketId),\n      eventId: computed(() => markets.value[0]?.eventId)\n    };\n  }\n});\n</script>\n","<template>\n  <component\n    :is=\"MarketCard\"\n    :marketId=\"marketId\"\n    :marketIds=\"marketIds\"\n    :eventId=\"eventId\"\n  />\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  PropType,\n  defineAsyncComponent,\n  ComputedRef\n} from \"vue\";\nimport { Market } from \"@fresh8/types/src/betData\";\nimport { injectBetData } from \"@fresh8/ad-data-composition/src/betData\";\nimport {\n  MOBILE_LEADERBOARD,\n  LMLB,\n  useTemplateSize\n} from \"@fresh8/ad-data-composition/src/useTemplateSize\";\nimport { CardTypes } from \"@fresh8/types/src\";\n\n/**\n * Checks if market display a draw option\n */\n\nfunction hasDrawOption(eventMarket: Market) {\n  return eventMarket.options.length > 2;\n}\n\nfunction getCard(cardType: CardTypes, eventMarket: Market, isMobile: boolean) {\n  if (cardType === \"mainMarket\" && isMobile) {\n    return hasDrawOption(eventMarket) ? CardMap[\"wdw\"] : CardMap[\"ww\"];\n  }\n\n  return CardMap[cardType];\n}\n\nconst CardMap = {\n  promo: defineAsyncComponent(() =>\n    import(`./markets/promo/WrapperSelector.vue`)\n  ),\n  mainMarket: defineAsyncComponent(() =>\n    import(`./markets/multi-main/WrapperSelector.vue`)\n  ),\n  insight: defineAsyncComponent(() =>\n    import(`./markets/insight/WrapperSelector.vue`)\n  ),\n  wdw: defineAsyncComponent(() =>\n    import(`./markets/win-draw-win/WrapperSelector.vue`)\n  ),\n  ww: defineAsyncComponent(() =>\n    import(`./markets/win-win/WrapperSelector.vue`)\n  ),\n  list: defineAsyncComponent(() =>\n    import(`./markets/list/WrapperSelector.vue`)\n  ),\n  parlay: defineAsyncComponent(() =>\n    import(`./markets/parlay/ParlayWrapper.vue`)\n  ),\n  h2h: defineAsyncComponent(() => import(`./markets/h2h/WrapperSelector.vue`)),\n  offer: defineAsyncComponent(() => import(`./markets/offer/OfferWrapper.vue`))\n};\n\nexport default defineComponent({\n  name: \"CardSelector\",\n  props: {\n    marketIds: {\n      type: Array as PropType<string[]>,\n      required: true\n    },\n    cardType: { type: String as PropType<CardTypes>, required: true }\n  },\n  setup(props) {\n    const betData = injectBetData();\n\n    const { size } = useTemplateSize();\n\n    const markets = computed(() => {\n      return props.marketIds.map((id: string) => betData.markets.value[id]);\n    }) as ComputedRef<Market[]>;\n\n    const isMobile = computed(\n      () =>\n        size.value.name === MOBILE_LEADERBOARD.name ||\n        size.value.name === LMLB.name\n    );\n\n    const MarketCard = computed(() => {\n      return getCard(props.cardType, markets.value[0], isMobile.value);\n    });\n\n    return {\n      MarketCard,\n      marketId: computed(() => markets.value[0]?.marketId),\n      eventId: computed(() => markets.value[0]?.eventId)\n    };\n  }\n});\n</script>\n","<template>\n  <transition mode=\"out-in\" name=\"fade\" v-if=\"slider\">\n    <div v-show=\"!loading\" :class=\"classes.transitionWrapper\">\n      <component :is=\"slider\">\n        <CardSelector\n          v-for=\"(market, i) in cards\"\n          :key=\"i\"\n          :cardType=\"market[0]\"\n          :marketIds=\"market[1]\"\n        />\n      </component>\n    </div>\n  </transition>\n  <transition mode=\"out-in\" name=\"fade\" v-else-if=\"cards.length\">\n    <div\n      v-show=\"!loading\"\n      :class=\"classes.transitionWrapper\"\n      :style=\"{ overflow: 'hidden' }\"\n    >\n      <CardSelector :cardType=\"cards[0][0]\" :marketIds=\"cards[0][1]\" />\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport CardSelector from \"./CardSelector.vue\";\nimport {\n  computed,\n  defineAsyncComponent,\n  defineComponent,\n  ref,\n  watchEffect\n} from \"vue\";\nimport { isTouchDevice } from \"../lib/isTouchDevice\";\nimport { provideCarouselContext } from \"../lib/provideInjectors\";\nimport { useShouldDisplayOffer } from \"../hooks/useDisplayOffer\";\nimport {\n  injectBetDataRef,\n  insightIsEnabled\n} from \"@fresh8/ad-data-composition/src/betData\";\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport { injectDisplayEvents } from \"../composition/displayEvents\";\nimport { injectPreview } from \"@fresh8/ad-data-composition/src/preview\";\nimport {\n  useTemplateSize,\n  MOBILE_LEADERBOARD,\n  LMLB\n} from \"@fresh8/ad-data-composition/src/useTemplateSize\";\nimport { injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\nimport { CardTypes } from \"@fresh8/types/src\";\n\nimport {\n  enabledParlaySizes,\n  enabledInsightSizes,\n  enabledH2HSizes\n} from \"@fresh8/types/src/featureFlags\";\nimport { injectInsightTestingContext } from \"@fresh8/ads/src/lib/provideInjectors\";\n\nconst useStyles = createUseStyles({\n  transitionWrapper: {\n    flex: \"1\",\n    height: \"100%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    boxSizing: \"border-box\"\n  }\n});\n\nexport default defineComponent({\n  name: \"Content\",\n  components: {\n    CardSelector\n  },\n  setup() {\n    const classes = useStyles();\n    const { parlayMarkets, flattendOrderedEvents } = injectDisplayEvents();\n    const isTouch = isTouchDevice();\n    const isCarousel = ref(false);\n    const itemsOnView = ref(0);\n    const shouldDisplayOffer = useShouldDisplayOffer();\n    const betDataContext = injectBetDataRef();\n    const previewContext = injectPreview();\n    const { size } = useTemplateSize();\n    const brand = injectBrand();\n    const insightContext = injectInsightTestingContext();\n\n    provideCarouselContext(\n      ref({\n        isCarousel,\n        itemsOnView\n      })\n    );\n\n    const filteredEvents = computed(() => {\n      const isEnabledSize = enabledInsightSizes.includes(size.value.name);\n      const isPreview = previewContext?.preview.value.isPreview;\n\n      // only display insights if enabled by the brand and supported\n      // by the size of ad. Feature is still not fully rolled out.\n      return flattendOrderedEvents.value.filter(eventTuple => {\n        if (brand && eventTuple[0].includes(\"insight\")) {\n          if (!isEnabledSize) return false;\n          if (\n            brand.insights.value.enabledLeagues.length ||\n            brand.insights.value.enabledSports?.length\n          ) {\n            if (isPreview) return true;\n\n            // use first market Id of insight event tuple.\n            return (\n              insightIsEnabled(\n                eventTuple[1][0],\n                brand.insights.value.enabledLeagues,\n                brand.insights.value.enabledSports\n              ) && insightContext.value.insightRandomTesting\n            );\n          }\n          return false;\n        }\n\n        return true;\n      });\n    });\n\n    const useParlayCard = computed(\n      () =>\n        enabledParlaySizes.includes(size.value.name) &&\n        brand?.adTemplate.value.parlayCard?.useParlayCard &&\n        parlayMarkets.value.length === 3\n    );\n\n    const useH2hCard = computed(\n      () =>\n        enabledH2HSizes.includes(size.value.name) &&\n        brand?.adTemplate.value.h2hCard?.useH2hCard\n    );\n\n    const cards = computed(() => {\n      let cardArray: [CardTypes, string[]][] = [];\n      if (shouldDisplayOffer.value) {\n        cardArray.push([\"offer\", []]);\n\n        // Can only display the offer card on its own on\n        // mobile ads.\n        if (\n          size.value.name === MOBILE_LEADERBOARD.name ||\n          size.value.name === LMLB.name\n        ) {\n          return cardArray;\n        }\n      }\n\n      if (useParlayCard.value) {\n        cardArray.push([\"parlay\", parlayMarkets.value]);\n      }\n\n      cardArray = cardArray.concat(filteredEvents.value);\n\n      if (useH2hCard.value && cardArray.length > 1) {\n        cardArray = cardArray.reduce(\n          (acc: [CardTypes, string[]][], curr: [CardTypes, string[]]) => {\n            acc.push(curr);\n            if (curr[0] === \"wdw\") {\n              const event =\n                betDataContext?.betData.value?.events[\n                  betDataContext?.betData.value.markets[curr[1][0]].eventId\n                ];\n              if (\n                event &&\n                event.sport === \"Football\" &&\n                event.competitors.away?.form &&\n                event.competitors.away?.form.length > 0 &&\n                event.competitors.away?.statistics &&\n                Object.keys(event.competitors.away?.statistics).length > 0 &&\n                Object.values(event.competitors.away?.statistics).reduce(\n                  (a: number, c: number) => a + c,\n                  0\n                ) > 0 &&\n                event.competitors.home?.form &&\n                event.competitors.home?.form.length > 0 &&\n                event.competitors.home?.statistics &&\n                Object.keys(event.competitors.home?.statistics).length > 0 &&\n                Object.values(event.competitors.away?.statistics).reduce(\n                  (a: number, c: number) => a + c,\n                  0\n                ) > 0\n              ) {\n                acc.push([\"h2h\", curr[1]]);\n              }\n            }\n            return acc;\n          },\n          []\n        );\n      }\n      return cardArray;\n    });\n\n    const slider = computed(() => {\n      // Never display the slider on the mobile leaderboard and pro evo size\n      if (\n        size.value.name === MOBILE_LEADERBOARD.name ||\n        size.value.name === LMLB.name\n      )\n        return false;\n\n      if ((cards.value?.length || 0) > 1) {\n        isCarousel.value = true;\n        if (isTouch) {\n          return defineAsyncComponent(() => import(\"./TouchSlider\"));\n        }\n        return defineAsyncComponent(() => import(\"./Carousel\"));\n      }\n\n      return false;\n    });\n\n    // If no markets and no offer then collapse the ad\n    watchEffect(() => {\n      if (\n        (cards.value?.length || 0) === 0 &&\n        !previewContext?.preview.value.isPreview\n      ) {\n        window.parent.postMessage({ type: \"f8_failed_loading\" }, \"*\");\n        document.documentElement.style.height = \"0px\";\n        document.documentElement.style.overflow = \"hidden\";\n        document.body.style.height = \"0px\";\n        document.body.style.overflow = \"hidden\";\n      } else if (document.documentElement.style.overflow === \"hidden\") {\n        document.documentElement.style.height = \"\";\n        document.documentElement.style.overflow = \"\";\n        document.body.style.height = \"\";\n        document.body.style.overflow = \"\";\n      }\n    });\n\n    return {\n      classes,\n      slider,\n      cards,\n      loading: computed(() => betDataContext?.loading.value)\n    };\n  }\n});\n</script>\n","/* eslint-disable no-useless-escape */\nimport { useProvideInject } from \"./provideInjectGenerator\";\n\nexport const TouchDeviceSymbol = Symbol(\"TouchDeviceSymbol\");\nexport const {\n  provider: provideTouchDevice,\n  injector: injectTouchDevice\n} = useProvideInject<boolean>(TouchDeviceSymbol, false);\n\nexport function isTouchDevice(): boolean {\n  let check = false;\n  (function(a) {\n    if (\n      /(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(\n        a\n      ) ||\n      /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i.test(\n        a.substr(0, 4)\n      )\n    )\n      check = true;\n    // eslint-disable-next-line\n  })(navigator.userAgent || navigator.vendor || (window as any).opera);\n  return check;\n}\n","<template>\n  <transition mode=\"out-in\" name=\"fade\" v-if=\"slider\">\n    <div v-show=\"!loading\" :class=\"classes.transitionWrapper\">\n      <component :is=\"slider\">\n        <CardSelector\n          v-for=\"(market, i) in cards\"\n          :key=\"i\"\n          :cardType=\"market[0]\"\n          :marketIds=\"market[1]\"\n        />\n      </component>\n    </div>\n  </transition>\n  <transition mode=\"out-in\" name=\"fade\" v-else-if=\"cards.length\">\n    <div\n      v-show=\"!loading\"\n      :class=\"classes.transitionWrapper\"\n      :style=\"{ overflow: 'hidden' }\"\n    >\n      <CardSelector :cardType=\"cards[0][0]\" :marketIds=\"cards[0][1]\" />\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport CardSelector from \"./CardSelector.vue\";\nimport {\n  computed,\n  defineAsyncComponent,\n  defineComponent,\n  ref,\n  watchEffect\n} from \"vue\";\nimport { isTouchDevice } from \"../lib/isTouchDevice\";\nimport { provideCarouselContext } from \"../lib/provideInjectors\";\nimport { useShouldDisplayOffer } from \"../hooks/useDisplayOffer\";\nimport {\n  injectBetDataRef,\n  insightIsEnabled\n} from \"@fresh8/ad-data-composition/src/betData\";\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport { injectDisplayEvents } from \"../composition/displayEvents\";\nimport { injectPreview } from \"@fresh8/ad-data-composition/src/preview\";\nimport {\n  useTemplateSize,\n  MOBILE_LEADERBOARD,\n  LMLB\n} from \"@fresh8/ad-data-composition/src/useTemplateSize\";\nimport { injectBrand } from \"@fresh8/ad-data-composition/src/brand\";\nimport { CardTypes } from \"@fresh8/types/src\";\n\nimport {\n  enabledParlaySizes,\n  enabledInsightSizes,\n  enabledH2HSizes\n} from \"@fresh8/types/src/featureFlags\";\nimport { injectInsightTestingContext } from \"@fresh8/ads/src/lib/provideInjectors\";\n\nconst useStyles = createUseStyles({\n  transitionWrapper: {\n    flex: \"1\",\n    height: \"100%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    boxSizing: \"border-box\"\n  }\n});\n\nexport default defineComponent({\n  name: \"Content\",\n  components: {\n    CardSelector\n  },\n  setup() {\n    const classes = useStyles();\n    const { parlayMarkets, flattendOrderedEvents } = injectDisplayEvents();\n    const isTouch = isTouchDevice();\n    const isCarousel = ref(false);\n    const itemsOnView = ref(0);\n    const shouldDisplayOffer = useShouldDisplayOffer();\n    const betDataContext = injectBetDataRef();\n    const previewContext = injectPreview();\n    const { size } = useTemplateSize();\n    const brand = injectBrand();\n    const insightContext = injectInsightTestingContext();\n\n    provideCarouselContext(\n      ref({\n        isCarousel,\n        itemsOnView\n      })\n    );\n\n    const filteredEvents = computed(() => {\n      const isEnabledSize = enabledInsightSizes.includes(size.value.name);\n      const isPreview = previewContext?.preview.value.isPreview;\n\n      // only display insights if enabled by the brand and supported\n      // by the size of ad. Feature is still not fully rolled out.\n      return flattendOrderedEvents.value.filter(eventTuple => {\n        if (brand && eventTuple[0].includes(\"insight\")) {\n          if (!isEnabledSize) return false;\n          if (\n            brand.insights.value.enabledLeagues.length ||\n            brand.insights.value.enabledSports?.length\n          ) {\n            if (isPreview) return true;\n\n            // use first market Id of insight event tuple.\n            return (\n              insightIsEnabled(\n                eventTuple[1][0],\n                brand.insights.value.enabledLeagues,\n                brand.insights.value.enabledSports\n              ) && insightContext.value.insightRandomTesting\n            );\n          }\n          return false;\n        }\n\n        return true;\n      });\n    });\n\n    const useParlayCard = computed(\n      () =>\n        enabledParlaySizes.includes(size.value.name) &&\n        brand?.adTemplate.value.parlayCard?.useParlayCard &&\n        parlayMarkets.value.length === 3\n    );\n\n    const useH2hCard = computed(\n      () =>\n        enabledH2HSizes.includes(size.value.name) &&\n        brand?.adTemplate.value.h2hCard?.useH2hCard\n    );\n\n    const cards = computed(() => {\n      let cardArray: [CardTypes, string[]][] = [];\n      if (shouldDisplayOffer.value) {\n        cardArray.push([\"offer\", []]);\n\n        // Can only display the offer card on its own on\n        // mobile ads.\n        if (\n          size.value.name === MOBILE_LEADERBOARD.name ||\n          size.value.name === LMLB.name\n        ) {\n          return cardArray;\n        }\n      }\n\n      if (useParlayCard.value) {\n        cardArray.push([\"parlay\", parlayMarkets.value]);\n      }\n\n      cardArray = cardArray.concat(filteredEvents.value);\n\n      if (useH2hCard.value && cardArray.length > 1) {\n        cardArray = cardArray.reduce(\n          (acc: [CardTypes, string[]][], curr: [CardTypes, string[]]) => {\n            acc.push(curr);\n            if (curr[0] === \"wdw\") {\n              const event =\n                betDataContext?.betData.value?.events[\n                  betDataContext?.betData.value.markets[curr[1][0]].eventId\n                ];\n              if (\n                event &&\n                event.sport === \"Football\" &&\n                event.competitors.away?.form &&\n                event.competitors.away?.form.length > 0 &&\n                event.competitors.away?.statistics &&\n                Object.keys(event.competitors.away?.statistics).length > 0 &&\n                Object.values(event.competitors.away?.statistics).reduce(\n                  (a: number, c: number) => a + c,\n                  0\n                ) > 0 &&\n                event.competitors.home?.form &&\n                event.competitors.home?.form.length > 0 &&\n                event.competitors.home?.statistics &&\n                Object.keys(event.competitors.home?.statistics).length > 0 &&\n                Object.values(event.competitors.away?.statistics).reduce(\n                  (a: number, c: number) => a + c,\n                  0\n                ) > 0\n              ) {\n                acc.push([\"h2h\", curr[1]]);\n              }\n            }\n            return acc;\n          },\n          []\n        );\n      }\n      return cardArray;\n    });\n\n    const slider = computed(() => {\n      // Never display the slider on the mobile leaderboard and pro evo size\n      if (\n        size.value.name === MOBILE_LEADERBOARD.name ||\n        size.value.name === LMLB.name\n      )\n        return false;\n\n      if ((cards.value?.length || 0) > 1) {\n        isCarousel.value = true;\n        if (isTouch) {\n          return defineAsyncComponent(() => import(\"./TouchSlider\"));\n        }\n        return defineAsyncComponent(() => import(\"./Carousel\"));\n      }\n\n      return false;\n    });\n\n    // If no markets and no offer then collapse the ad\n    watchEffect(() => {\n      if (\n        (cards.value?.length || 0) === 0 &&\n        !previewContext?.preview.value.isPreview\n      ) {\n        window.parent.postMessage({ type: \"f8_failed_loading\" }, \"*\");\n        document.documentElement.style.height = \"0px\";\n        document.documentElement.style.overflow = \"hidden\";\n        document.body.style.height = \"0px\";\n        document.body.style.overflow = \"hidden\";\n      } else if (document.documentElement.style.overflow === \"hidden\") {\n        document.documentElement.style.height = \"\";\n        document.documentElement.style.overflow = \"\";\n        document.body.style.height = \"\";\n        document.body.style.overflow = \"\";\n      }\n    });\n\n    return {\n      classes,\n      slider,\n      cards,\n      loading: computed(() => betDataContext?.loading.value)\n    };\n  }\n});\n</script>\n"],"names":["str","toLowerCase","split","i","splitStr","length","charAt","toUpperCase","substring","join","replace","match","index","useStyles","createUseStyles","text","fontFamily","props","fontStyle","color","textTransform","textDecoration","defineComponent","name","tag","type","String","required","default","fontId","[object Object]","getFontStyle","injectBrand","computed","classes","reactiveStyles","testClassName","injectRuntimeConfig","ref","stopPropagation","value","globalEmit","title","inputs","el","localElRef","preventDefault","elementRef","$el","rc","addEventListener","clickCallback","hoverCallback","style","cursor","removeEventListener","targetEl","_createBlock","_ctx","class","_renderSlot","truncate","display","-webkit-line-clamp","truncateSize","-webkit-box-orient","overflow","textOverflow","lineHeight","components","StyledText","styleGroup","Number","overideText","Boolean","get","Function","enableTextEditing","brand","brand2","font","operator","injectAdTag","Object","keys","fonts","set","composePopoverForm","targetArr","truncateClass","_createVNode","marquee","boxSizing","-webkit-transform","&.animate span","paddingLeft","willChange","animation","animationTime","&:hover","animationPlayState","&.static","alignItems","& span","width","@keyframes marquee","0%","transform","100%","dimensions","useDimensionSync","marqueeRef","marqueeTextRef","marqueeText","parseInt","getComputedStyle","marqueeBox","marqueeTextWitdh","reativeStyles","shouldAnimate","_hoisted_1","Marquee","wrapper","flex","flexDirection","justifyContent","styledText","footer","fontSize","position","textAlign","camelize","SMALL_RESPONSIVE","MOBILE_LEADERBOARD","height","border","borderTop","displayStatic","useScrollingText","marketBorderColor","marginTop","padding","LMLB","LEADERBOARD","LARGE_LEADERBOARD","MPU","paddingTop","emptyText","minHeight","fixedText","&.withScrolling","borderRight","whiteSpace","boxShadow","&.withOutScrolling","BrandText","BrandMarquee","injectTemplateSize","footerBranding","adTemplateBranding","useGetOffer","useShouldDisplayOffer","showOffer","offer","terms","templateContext","size","b","adTemplate","scrolling","overideTerms","static","displayMarquee","computedStyles","footerEmpty","classesRef","layoutClass","getScrolling","brand3","getStatic","footerRef","promo","defineAsyncComponent","mainMarket","insight","wdw","ww","list","parlay","h2h","marketIds","Array","cardType","injectBetData","useTemplateSize2","map","betData3","markets","id","MarketCard","isMobile","eventMarket","options","hasDrawOption","CardMap","getCard","marketId","eventId","transitionWrapper","CardSelector","parlayMarkets","flattendOrderedEvents","injectDisplayEvents","navigator","userAgent","vendor","window","opera","test","a","substr","check","isTouchDevice2","injectBetDataRef","injectPreview","injectInsightTestingContext","isCarousel","itemsOnView","enabledInsightSizes","includes","previewContext","preview","isPreview","filter","eventTuple","isEnabledSize","insights","enabledLeagues","enabledSports","insightIsEnabled","insightContext","insightRandomTesting","enabledParlaySizes","parlayCard","useParlayCard","enabledH2HSizes","h2hCard","useH2hCard","shouldDisplayOffer","push","cardArray","concat","filteredEvents","reduce","curr","betDataContext","betData","events","event","sport","competitors","away","form","statistics","values","c","home","acc","isTouch","document","documentElement","body","parent","postMessage","slider","cards","loading","mode","key","market"],"mappings":"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"}