{"version":3,"file":"DOz4bqHl.js","sources":["../../../../components/showcase/parts/DemoPricingButton.vue","../../../../stores/showcase.ts","../../../../components/showcase/parts/DomainToggle.vue","../../../../virtual:public?%2Fassets%2Fimages%2Flogo-w-e.svg","../../../../components/showcase/storeys/Intro.vue","../../../../composables/dom/useScroll.ts","../../../../components/showcase/storeys/Video.vue","../../../../components/layouts/ElementScaler.vue","../../../../components/showcase/parts/tree/Browser.vue","../../../../components/showcase/parts/tree/NodePreview.vue","../../../../components/showcase/storeys/MediaWall.vue","../../../../components/showcase/storeys/Interactive.vue","../../../../components/showcase/storeys/Tools.vue","../../../../components/showcase/storeys/Manifesto.vue","../../../../components/showcase/storeys/Clients.vue","../../../../components/showcase/storeys/Contact.vue","../../../../components/showcase/storeys/Footer.vue","../../../../virtual:public?%2Fassets%2Fimages%2Flogo-w.svg","../../../../components/showcase/Showcase.vue","../../../../pages/index.vue"],"sourcesContent":["<template>\n  <div class=\"flex gap-bento\">\n    <AtomsButton :to=\"localePath('subscribe')\" class=\"grow shrink-0 rounded-r-[0]\" :label=\"$t('pages.pricing')\" hover-scheme=\"border\" size=\"fluid\" />\n    <AtomsButton tag=\"a\" href=\"#demo\" class=\"grow shrink-0 rounded-l-[0]\" :label=\"$t('showcase.demo')\" hover-scheme=\"border\" size=\"fluid\" />\n  </div>\n</template>","import {defineStore} from \"pinia\"\nimport type {TreeNodeData} from '~/types/TreeNodeData'\nimport type {MediaCardData} from '~/types/media/MediaCardData'\nimport {useNodeStore} from \"~/stores/node\"\nimport type {DomainData} from '~/types/DomainData'\nimport {useDomainDataStore} from \"~/stores/domain\"\n\nexport const useShowcaseStore = defineStore('showcase', () => {\n\n    const nodeStore = useNodeStore()\n    const domainStore = useDomainDataStore()\n\n    const domain = ref<string|null>(null)\n\n    const rootNodes = computed(() => {\n        if (!domain.value) {\n            return []\n        }\n\n        return domainStore.domainData.showcase.browser[domain.value]?.tree.children?.filter(node => node.children?.length) || []\n    })\n\n    const openNodePerDomain = ref<{[key: string]: TreeNodeData}>({})\n    const selectedNodePerDomain = ref<{[key: string]: TreeNodeData}>({})\n\n    const openNode = computed({\n        get: () => {\n            if (!domain.value) {\n                return null\n            }\n\n            return openNodePerDomain.value[domain.value] || (rootNodes.value.length ? rootNodes.value[0] : null)\n        },\n        set: (v) => {\n            if (!domain.value || !v) {\n                return\n            }\n\n            openNodePerDomain.value[domain.value] = v\n        },\n    })\n\n    const selectedNode = computed({\n        get: () => {\n            if (!domain.value) {\n                return null\n            }\n\n            return selectedNodePerDomain.value[domain.value] || openNode.value\n        },\n        set: (v) => {\n            if (!domain.value || !v) {\n                return\n            }\n\n            selectedNodePerDomain.value[domain.value] = v\n        },\n    })\n\n    function initWithDomainData(t: DomainData) {\n        domain.value = t.domain\n    }\n\n    const selectedNodeMediaCards = ref<MediaCardData[]>([])\n\n    watch([selectedNode], async () => {\n        if (!selectedNode.value) {\n            return\n        }\n\n        const nodeData = await nodeStore.getNode(selectedNode.value.id, false, {server: false})\n        selectedNodeMediaCards.value = nodeData.medias || []\n    })\n\n    return {\n        initWithDomainData,\n\n        domain,\n        rootNodes,\n        openNode,\n        selectedNode,\n        selectedNodeMediaCards,\n    }\n\n})","<script setup lang=\"ts\">\nimport {useShowcaseStore} from \"~/stores/showcase\"\nimport {storeToRefs} from \"pinia\"\nimport {useDomainDataStore} from \"~/stores/domain\"\nimport {useUserStore} from '~/stores/user'\n\ntype Props = {\n  behavior?: 'switch' | 'relocate'\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  behavior: 'switch'\n})\n\nconst showcaseStore = useShowcaseStore()\nconst domainDataStore = useDomainDataStore()\nconst userStore = useUserStore()\nconst { locale } = useI18n()\n\nconst { domain } = storeToRefs(showcaseStore)\n\nconst tagName = computed(() => {\n  return props.behavior === 'switch' ? 'button' : 'a'\n})\n\nfunction onDomainClick(dom: string) {\n  if (props.behavior === 'switch') {\n    domain.value = dom\n  }\n}\n\nfunction getDomainHref(dom: string) {\n  if (props.behavior === 'switch') {\n    return null\n  }\n\n  return domainDataStore.getDomainHome(dom, locale.value)\n}\n\nconst checkedDomain = computed(() => {\n  return props.behavior === 'relocate' ? domainDataStore.domainData.domain : domain.value\n})\n</script>\n\n<template>\n  <div class=\"flex rounded-full border-2 border-white overflow-hidden cursor-pointer\">\n    <component :is=\"tagName\" :href=\"getDomainHref('junior')\"\n               class=\"grow px-3 md:px-6 py-2 basis-1/2 text-center flex gap-2 transition items-center justify-center bg-transparent\"\n               :class=\"{'bg-white/20': checkedDomain === 'junior'}\"\n               @click=\"onDomainClick('junior')\">\n      <span class=\"material-icons-outlined transition-opacity\" :class=\"{'opacity-10': checkedDomain !== 'junior'}\" style=\"font-size: inherit\">done</span>\n      {{ $t('purchase.catalog.junior') }}\n    </component>\n    <component :is=\"tagName\" :href=\"getDomainHref('www')\"\n               class=\"grow px-3 md:px-6 py-2 basis-1/2 text-center flex gap-2 transition items-center justify-center bg-transparent\"\n               :class=\"{'bg-white/20': checkedDomain === 'www'}\"\n               @click=\"onDomainClick('www')\">\n      <span class=\"material-icons-outlined transition-opacity\" :class=\"{'opacity-10': checkedDomain !== 'www'}\" style=\"font-size: inherit\">done</span>\n      {{ userStore.userData.geo.country === 'CA' && locale === 'fr' ? $t('purchase.catalog.www-CA') : $t('purchase.catalog.www') }}\n    </component>\n  </div>\n</template>","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/assets/images/logo-w-e.svg\")","<script setup lang=\"ts\">\nimport {useElementSize, useElementVisibility, useWindowScroll, useWindowSize} from \"@vueuse/core\"\nimport {useDomainDataStore} from \"~/stores/domain\"\n\nconst el = ref<HTMLElement | null>(null)\nconst logotype = ref<HTMLElement | null>(null)\n\nconst showcaseCardData = useDomainDataStore().domainData.showcase.intro.media\nconst logotypeVisibility = useElementVisibility(logotype)\n\nconst { width, height } = useElementSize(el)\nconst { y } = useWindowScroll()\nconst { width: windowWidth } = useWindowSize()\n\nfunction ease(x: number): number {\n  return x\n}\n\nconst scrollPercent = computed(() => {\n  if (!y.value || !height.value) {\n    return 0\n  }\n\n  const val = y.value / height.value\n\n  return ease(Math.min(Math.max(val, 0), 1))\n})\n\nfunction percentStyle(prefix: string | null = null, from: number, to: number, suffix: string | null = null) {\n  return (prefix || '') + computed(() => {\n    return from + (to - from) * scrollPercent.value\n  }).value + (suffix || '')\n}\n\nconst hasWindowWidth = ref(false)\nonMounted(() => {\n  hasWindowWidth.value = true\n})\n\nconst scaleRatio = computed(() => {\n  if (!hasWindowWidth.value) {\n    return 1\n  }\n\n  return Math.min(1, windowWidth.value / 800)\n})\n\nfunction transformStyle(transform: any) {\n  const ratio = scaleRatio.value\n  return percentStyle('scale(', transform.scale.from * ratio, transform.scale.to * ratio, ') ')\n      + percentStyle('rotate(', transform.rotate.from, transform.rotate.to, 'deg)')\n}\n\nconst emit = defineEmits<{\n  logoVisibilityChange: [visibility: boolean]\n}>()\n\nwatchEffect(() => {\n  emit('logoVisibilityChange', logotypeVisibility.value)\n})\n\ntype CardStyle = {\n  left?: { from: number, to: number },\n  right?: { from: number, to: number },\n  top: { from: number, to: number },\n  transform: {\n    scale: { from: number, to: number },\n    rotate: { from: number, to: number }\n  }\n}\n\nconst cardStyles: CardStyle[] = [\n  {\n    left: { from: -6, to: 45 },\n    top: { from: 0, to: 100 },\n    transform: {\n      scale: { from: .8, to: .5 },\n      rotate: { from: -20, to: -5 }\n    }\n  },\n  {\n    left: { from: 20, to: 38 },\n    top: { from: 46, to: 100 },\n    transform: {\n      scale: { from: .7, to: .5 },\n      rotate: { from: -8, to: 4 }\n    }\n  },\n  {\n    left: { from: 10, to: 25 },\n    top: { from: 24, to: 100 },\n    transform: {\n      scale: { from: 1, to: .5 },\n      rotate: { from: -16, to: -8 }\n    }\n  },\n  {\n    right: { from: -4, to: 30 },\n    top: { from: 0, to: 100 },\n    transform: {\n      scale: { from: .8, to: .5 },\n      rotate: { from: 20, to: 10 }\n    }\n  },\n  {\n    right: { from: 8, to: 30 },\n    top: { from: 28, to: 100 },\n    transform: {\n      scale: { from: .9, to: .5 },\n      rotate: { from: 16, to: 10 }\n    }\n  },\n  {\n    right: { from: 28, to: 38 },\n    top: { from: 40, to: 100 },\n    transform: {\n      scale: { from: .7, to: .5 },\n      rotate: { from: -4, to: 6 }\n    }\n  },\n  {\n    left: { from: 45, to: 50 },\n    top: { from: 60, to: 100 },\n    transform: {\n      scale: { from: .8, to: .5 },\n      rotate: { from: 10, to: 6 }\n    }\n  },\n  {\n    right: { from: 16, to: 30 },\n    top: { from: 40, to: 100 },\n    transform: {\n      scale: { from: .95, to: .5 },\n      rotate: { from: 12, to: 4 }\n    }\n  },\n  {\n    left: { from: 30, to: 40 },\n    top: { from: 62, to: 100 },\n    transform: {\n      scale: { from: .8, to: .5 },\n      rotate: { from: -6, to: 2 }\n    }\n  },\n]\n</script>\n\n<template>\n  <div class=\"rounded-bento bg-domain-dark text-white overflow-hidden\" ref=\"el\" :style=\"getDomainGradientStyle(useDomainDataStore().isPrimary)\">\n    <div class=\"min-h-[80vh] relative\">\n      <div class=\"absolute z-0 w-full h-full pointer-events-none\">\n        <template v-for=\"(cardStyle, index) in cardStyles\">\n          <ShowcasePartsIntroCard v-if=\"showcaseCardData[index]\"\n                                  :thumbnail-eager-loading=\"true\"\n                                  :key=\"index\"\n                                  :card-data=\"showcaseCardData[index]\"\n                                  :style=\"{\n                             left: cardStyle.left ? percentStyle(null, cardStyle.left.from, cardStyle.left.to, '%') : null,\n                             right: cardStyle.right ? percentStyle(null, cardStyle.right.from, cardStyle.right.to, '%') : null,\n                             top: percentStyle(null, cardStyle.top.from, cardStyle.top.to, '%'),\n                             transform: transformStyle(cardStyle.transform),\n                           }\"\n                                  class=\"absolute scale-50 w-[225px] rounded-[12px] bg-domain-dark border-domain-dark border-8 transition-opacity\"\n                                  :class=\"[cardStyle.left ? 'origin-left' : 'origin-right', hasWindowWidth ? 'opacity-100' : 'opacity-0']\" />\n        </template>\n      </div>\n      <div class=\"relative z-10 p-4 md:p-6 text-center bg-gradient-to-b from-15% from-domain-dark to-transparent md:bg-none\">\n        <h1 class=\"text-5xl md:text-6xl lg:text-7xl font-bold mb-1\" ref=\"logotype\">\n          <img src=\"/assets/images/logo-w-e.svg\" alt=\"EduMedia\" width=\"100\" height=\"100\" class=\"block mx-auto max-w-[5rem] md:max-w-[6rem] mb-4\">\n          EduMedia\n        </h1>\n        <h2 class=\"lg:text-2xl mb-6 opacity-50\">{{ $t('company.tagline') }}</h2>\n        <div class=\"block mx-auto max-w-[22rem]\">\n          <ShowcasePartsDomainToggle class=\"bg-domain-dark\" behavior=\"relocate\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>","import type {Ref} from 'vue'\nimport {computed} from \"@vue/reactivity\"\nimport {useElementBounding, useWindowSize} from \"@vueuse/core\"\n\nexport const useViewportBounding = ($el: Ref<HTMLElement | null>) => {\n  const windowSize = useWindowSize()\n\n  const bounding = useElementBounding($el)\n\n  const isUnderViewport = computed(() => {\n    return bounding.top.value > windowSize.height.value\n  })\n\n  const isOverViewport = computed(() => {\n    return bounding.bottom.value < 0\n  })\n\n  const isLessHighThanViewport = computed(() => {\n    return bounding.height.value < windowSize.height.value\n  })\n\n  const isFullyVisible = computed(() => {\n    return isLessHighThanViewport.value && bounding.top.value > 0 && bounding.bottom.value <= windowSize.height.value\n  })\n\n  const centerDistanceToViewportCenter = computed(() => {\n    return Math.abs(bounding.top.value + bounding.height.value / 2 - windowSize.height.value / 2)\n  })\n\n  return {\n    el: $el,\n\n    bounding,\n    windowSize,\n\n    isUnderViewport,\n    isOverViewport,\n    isLessHighThanViewport,\n    isFullyVisible,\n\n    centerDistanceToViewportCenter,\n  }\n}\n\nexport const useHeightScroll = ($el: Ref<HTMLElement | null>) => {\n  const viewportBounding= useViewportBounding($el)\n\n  const scrollDistance = computed(() => {\n    return viewportBounding.bounding.height.value + viewportBounding.windowSize.height.value\n  })\n\n  const scrolledDistance = computed(() => {\n    // Fake value to prevent NaN issues\n    return (viewportBounding.windowSize.height.value === Infinity ? 1000 : viewportBounding.windowSize.height.value) - viewportBounding.bounding.top.value\n  })\n\n  const scrolledRatio = computed(() => {\n    return Math.max(0, Math.min(1, scrolledDistance.value / scrollDistance.value))\n  })\n\n  return {\n    scrollDistance,\n    scrolledDistance,\n    scrolledRatio,\n  }\n}\n","<script setup lang=\"ts\">\nimport {useHeightScroll} from \"~/composables/dom/useScroll\"\nimport {useEventListener} from \"@vueuse/core\"\nimport {useElementVisibility} from \"@vueuse/core/index\"\nimport {SHOWCASE_VIDEO_SRC_SET} from \"~/types/bus-event-names\"\nimport {useDomainDataStore} from \"~/stores/domain\";\nimport type LazyVideo from '~/components/atoms/LazyVideo.vue'\n\nconst videoWrapper = ref<HTMLDivElement|null>(null)\nconst videoCompo = ref<typeof LazyVideo|null>(null)\nconst circle = ref<SVGCircleElement|null>(null)\n\nconst heightScroll = useHeightScroll(videoWrapper)\nconst {domainData} = useDomainDataStore()\n\nconst emitter = useNuxtApp().$mitt\n\nconst fullVideoRatio = computed(() => {\n  return Math.min(1, heightScroll.scrolledRatio.value / .45)\n})\n\nfunction fromTo(from: number, to: number) {\n  return from + (to - from) * fullVideoRatio.value\n}\n\nfunction easedFromTo(from: number, to: number) {\n  return from + (to - from) * ease(fullVideoRatio.value)\n}\n\nfunction ease(x: number) {\n  return Math.sin((x * Math.PI) / 2)\n}\n\nconst videoWrapperStyle = computed(() => {\n  return {\n    transform: `scale(${(easedFromTo(.6, 1))}) perspective(100px) rotateX(${easedFromTo(4, 0)}deg) translateY(${easedFromTo(40, 0)}%)`,\n    opacity: fromTo(60, 100) + '%'\n  }\n})\n\nconst duration = ref(0)\nconst currentTime = ref(0)\nconst playing = ref(false)\n\nconst video = computed(() => {\n  return videoCompo.value?.videoElement\n})\n\nonMounted(() => {\n  // The video is autoplay, so we're confident with the initial state\n  playing.value = true\n\n  watch(playing, (val) => {\n    val ? video.value?.play() : video.value?.pause()\n  })\n\n  const { pause: pauseVideoDurationInterval } = useInterval(100, {\n    controls: true,\n    callback: () => {\n      if (video.value?.duration) {\n        duration.value = video.value.duration\n        pauseVideoDurationInterval()\n      }\n    },\n  })\n\n  watchEffect(() => {\n    if (!video.value) {\n      return\n    }\n\n    useEventListener(video, 'timeupdate', () => {\n      currentTime.value = video.value!.currentTime\n    })\n    useEventListener(video, 'play', () => {\n      playing.value = true\n    })\n    useEventListener(video, 'pause', () => {\n      playing.value = false\n    })\n  })\n})\n\nconst playCircleLength = computed(() => {\n  return circle.value?.getTotalLength() || 0\n})\n\nfunction togglePlaying() {\n  playing.value = !playing.value\n}\n\nconst videoIsVisible = useElementVisibility(videoWrapper)\n\nconst unwatch = watch(videoIsVisible, (isVisible) => {\n  if (isVisible) {\n    emitter.emit(SHOWCASE_VIDEO_SRC_SET)\n    unwatch()\n  }\n})\n</script>\n\n<template>\n  <div class=\"rounded-bento overflow-hidden text-white\" ref=\"el\">\n    <ShowcasePartsStoreyColumn :no-bottom-border=\"true\">\n      <div class=\"mb-6 md:mb-12\">\n        <ShowcaseTextsRevealPillHeading icon=\"emoji_objects\" :text=\"$t('showcase.video.pill')\" />\n        <ShowcaseTextsStoreyHeading>{{ $t('showcase.video.title') }}</ShowcaseTextsStoreyHeading>\n      </div>\n      <div class=\"max-w-prose mb-8\">\n        <ShowcaseTextsStoreySubHeading>{{ $t('showcase.video.lead') }}</ShowcaseTextsStoreySubHeading>\n      </div>\n      <div ref=\"videoWrapper\" class=\"-mx-6 md:-mx-12 mb-6\">\n        <div class=\"rounded-[1rem] overflow-hidden group relative\" :style=\"videoWrapperStyle\">\n          <AtomsLazyVideo ref=\"videoCompo\" class=\"block aspect-[1900/830] w-full\" poster=\"/assets/showcase/video/main-poster.png\" :sources=\"[\n              {src: `/assets/showcase/video/main-${domainData.domain}.webm`, type: 'video/webm'},\n              {src: `/assets/showcase/video/main-${domainData.domain}.mp4`, type: 'video/mp4'},\n              ]\" @click=\"togglePlaying\" />\n          <div class=\"absolute w-full bottom-0 flex p-4 items-end\">\n            <button class=\"relative rounded-full w-12 h-12 bg-domain-dark/75 flex items-center justify-center transition opacity-0 group-hover:opacity-100\" :class=\"playing ? '' : 'opacity-100'\" @click=\"togglePlaying\">\n              <span class=\"material-icons-outlined\">{{ playing ? 'pause' : 'play_arrow' }}</span>\n              <svg class=\"absolute w-full h-full -rotate-90\">\n                <circle ref=\"circle\" cx=\"50%\" cy=\"50%\" r=\"49%\" stroke=\"white\" stroke-width=\"2\" fill=\"none\" :style=\"{strokeDasharray: playCircleLength, strokeDashoffset: playCircleLength - playCircleLength * currentTime / duration}\" />\n              </svg>\n            </button>\n            <ShowcasePartsDemoPricingButton class=\"ml-auto\" />\n          </div>\n        </div>\n      </div>\n    </ShowcasePartsStoreyColumn>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport {useElementSize} from \"@vueuse/core\"\n\ntype Props = {\n  scale: number\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  scale: .5,\n})\n\nconst transformer = ref<HTMLElement|null>(null)\nconst { width, height } = useElementSize(transformer)\n\n// const scaledWidth = computed(() => width.value * props.scale)\nconst scaledHeight = computed(() => height.value * props.scale)\n</script>\n\n<template>\n  <div ref=\"el\" :style=\"{/*width: scaledWidth + 'px',*/ height: scaledHeight + 'px'}\">\n    <div ref=\"transformer\" class=\"origin-top-left\" :style=\"{transform: `scale(${scale})`}\">\n      <slot />\n    </div>\n  </div>\n</template>","<script setup lang=\"ts\">\nimport type {TreeNodeData} from '~/types/TreeNodeData'\nimport {useShowcaseStore} from \"~/stores/showcase\"\nimport {storeToRefs} from \"pinia\"\n\nconst showcaseStore = useShowcaseStore()\nconst { openNode, selectedNode, rootNodes } = storeToRefs(showcaseStore)\n\nfunction onRootNodeClick(node: TreeNodeData) {\n  openNode.value = node\n  selectedNode.value = node\n  emit('nodeSelected', selectedNode.value)\n}\n\nfunction onChildNodeClick(node: TreeNodeData) {\n  selectedNode.value = node\n  emit('nodeSelected', selectedNode.value)\n}\n\nconst emit = defineEmits<{\n  nodeSelected: [node: TreeNodeData]\n}>()\n</script>\n\n<template>\n  <div>\n    <div class=\"py-2\" v-for=\"node in rootNodes\" :key=\"node.id\">\n      <button class=\"flex w-full text-left group\" @click=\"onRootNodeClick(node)\">\n        <span class=\"material-icons-outlined mr-1 text-domain\">label</span>\n        <span class=\"underline decoration-2 decoration-transparent transition-colors underline-offset-4 group-hover:decoration-domain/50\"\n              :class=\"{'!decoration-domain': selectedNode === node}\">{{ node.name }}</span>\n      </button>\n      <template v-if=\"node.children\">\n        <LayoutsSlideToggler :open=\"openNode === node\">\n          <div class=\"border-l-2 border-domain m-2 pl-4\">\n            <button class=\"block w-full text-left py-1 underline decoration-2 decoration-transparent transition-colors underline-offset-4 hover:decoration-domain/50\"\n                    v-for=\"child in node.children\"\n                    :class=\"{'!decoration-domain': selectedNode === child}\"\n                    :key=\"child.id\"\n                    @click=\"onChildNodeClick(child)\">{{ child.name }}</button>\n          </div>\n        </LayoutsSlideToggler>\n      </template>\n    </div>\n  </div>\n</template>","<script setup lang=\"ts\">\nimport type {MediaCardData} from '~/types/media/MediaCardData'\nimport {useShowcaseStore} from \"~/stores/showcase\"\nimport {storeToRefs} from \"pinia\"\nimport {useElementSize} from \"@vueuse/core\"\n\nconst showcaseStore = useShowcaseStore()\nconst { selectedNode, selectedNodeMediaCards: mediaCards } = storeToRefs(showcaseStore)\n\nconst numCols = 5\nconst maxCards = 15\n\nconst displayedCards = computed(() => {\n  return mediaCards.value.slice(0, maxCards)\n})\n\nconst cardColumns = computed(() => {\n  const columns: { card: MediaCardData, index: number, delay: number }[][] = []\n\n  for (let i = 0; i < numCols; i++) {\n    columns.push([])\n  }\n\n  displayedCards.value.forEach((card, index) => {\n    const abs = index % numCols\n    const ord = columns[abs].length\n\n    const distanceToOrigin = Math.sqrt(Math.pow(abs, 2) + Math.pow(ord, 2))\n\n    columns[abs].push({card, index, delay: distanceToOrigin * 100})\n  })\n\n  return columns\n})\n\nwatch([cardColumns], () => {\n  const $cards = [...document.querySelectorAll('[data-card-index]')].sort((a: Element, b: Element) => {\n    return parseInt((a as HTMLDivElement).dataset.cardIndex || '0') - parseInt((b as HTMLDivElement).dataset.cardIndex || '0')\n  })\n\n  const baseStateClasses = ['opacity-0', 'translate-x-[40%]', 'translate-y-[20%]', 'rotate-3', 'scale-110']\n\n  $cards.forEach(($card, index) => {\n    const delay = parseInt(($card as HTMLDivElement).dataset.cardDelay || '0')\n    $card.classList.add('transition', ...baseStateClasses)\n    setTimeout(() => {\n      $card.classList.remove(...baseStateClasses)\n    }, delay)\n  })\n}, {flush: 'post'})\n\nconst el = ref<HTMLElement|null>(null)\nconst { width: zoomerWidth } = useElementSize(el)\n\nconst zoom = computed(() => {\n  return zoomerWidth.value < 500 ? .38 : 8/12\n})\n</script>\n\n<template>\n  <div class=\"relative\" ref=\"el\">\n    <LayoutsElementZoomer :zoom=\"zoom\">\n      <div class=\"aspect-[3/2] overflow-hidden relative\">\n        <div class=\"grid gap-2\" :style=\"{'grid-template-columns': `repeat(${cardColumns.length}, minmax(0, 1fr))`}\">\n          <div class=\"flex flex-col gap-2\" v-for=\"(cardColumn, columnIndex) in cardColumns\" :key=\"columnIndex\">\n            <div v-for=\"cardItem in cardColumn\" :key=\"cardItem.card.id\" :data-card-index=\"cardItem.index\" :data-card-delay=\"cardItem.delay\" class=\"duration-500 ease-wavy\">\n              <ShowcasePartsIntroCard :card-data=\"cardItem.card\" />\n            </div>\n          </div>\n        </div>\n      </div>\n    </LayoutsElementZoomer>\n    <div class=\"absolute -bottom-1 -left-1 -right-1 h-1/2 bg-gradient-to-t from-domain-dark flex items-end justify-end px-4 py-2 text-right\">\n      <p>{{ selectedNode?.name }}<br>\n        <span class=\"opacity-50\">{{ mediaCards.length }} {{ $t('showcase.media_wall.resources') }}</span>\n      </p>\n    </div>\n  </div>\n</template>","<script setup lang=\"ts\">\nimport {useDomainDataStore} from \"~/stores/domain\"\nimport {useWindowSize} from \"@vueuse/core\"\nimport {useHeightScroll} from \"~/composables/dom/useScroll\"\nimport {useElementVisibility} from \"@vueuse/core/index\"\nimport {SHOWCASE_VIDEO_SRC_SET} from \"~/types/bus-event-names\"\n\nconst numCols = 12\nconst numRows = 5\nconst el = ref<HTMLElement|null>(null)\nconst nodePreview = ref<HTMLElement|null>(null)\nconst { width: windowWidth, height: windowHeight } = useWindowSize()\n\nconst shuffleColumnsState = useState('showcaseMediaWallColumns', () => {\n  const shuffledColumns = []\n  const shuffledCards = [...useDomainDataStore().domainData.showcase.wall.media].sort(() => Math.random() - 0.5)\n\n  let cardCounter = 0\n\n  for (let i = 0; i < numCols; i++) {\n    const cards = []\n\n    for (let j = 0; j < numRows; j++) {\n      cards.push(shuffledCards[cardCounter % shuffledCards.length])\n      cardCounter++\n    }\n\n    shuffledColumns.push({\n      cards,\n      speed: -(25 + Math.random() * 50)\n    })\n  }\n\n  return shuffledColumns\n})\n\nconst heightScroll = useHeightScroll(el)\n\nconst numDisplayedColumns = computed(() => {\n  return Math.min(numCols, Math.round(windowWidth.value / 100))\n})\n\nconst maxDisplayedRows = computed(() => {\n  return Math.min(numRows, Math.round(windowHeight.value / 200))\n})\n\nconst cardStyle = computed(() => {\n  return {\n    opacity: 1 - heightScroll.scrolledRatio.value\n  }\n})\n\nfunction scrollToPreview() {\n  if (!nodePreview.value) {\n    return\n  }\n\n  nodePreview.value.scrollIntoView({\n    behavior: 'smooth',\n    block: 'center',\n  })\n}\n\nconst mediaWallNeeded = ref(false)\nconst elementIsVisible = useElementVisibility(el)\n\nconst unwatch = watch(elementIsVisible, (isVisible) => {\n  if (isVisible) {\n    mediaWallNeeded.value = true\n    unwatch()\n  }\n})\n\nuseBusEvent(SHOWCASE_VIDEO_SRC_SET, () => {\n  mediaWallNeeded.value = true\n})\n</script>\n\n<template>\n  <div class=\"rounded-bento bg-domain-dark text-white relative overflow-hidden\" ref=\"el\">\n    <div class=\"absolute top-0 w-full h-[20%] z-20 bg-gradient-to-b from-domain-dark\"></div>\n    <LayoutsElementZoomer :zoom.number=\".5\" class=\"mb-[-12%] relative z-10 pointer-events-none\" v-if=\"mediaWallNeeded\">\n      <div class=\"grid gap-2\" :style=\"{'grid-template-columns': `repeat(${numDisplayedColumns}, minmax(0, 1fr))`}\">\n        <div v-for=\"(column, columnIndex) in shuffleColumnsState\"\n             :key=\"columnIndex\"\n             class=\"flex flex-col gap-2\"\n             :style=\"{\n                 transform: `translateY(${column.speed * heightScroll.scrolledRatio.value}%)`,\n                 display: numDisplayedColumns < columnIndex + 1 ? 'none' : null\n               }\">\n          <div v-for=\"(cardData, cardIndex) in column.cards\" :key=\"cardIndex\" class=\"bg-domain-dark rounded-lg\">\n            <ShowcasePartsIntroCard v-if=\"cardIndex <= maxDisplayedRows\" :card-data=\"cardData\" class=\"!transition-none\" :style=\"cardStyle\" />\n          </div>\n        </div>\n      </div>\n    </LayoutsElementZoomer>\n    <ShowcasePartsStoreyColumn :no-bottom-border=\"true\">\n      <div class=\"mb-6 md:mb-12\">\n        <ShowcaseTextsRevealPillHeading icon=\"source\" :text=\"$t('showcase.media_wall.pill')\" />\n        <ShowcaseTextsStoreyHeading>{{ $t('showcase.media_wall.title') }}</ShowcaseTextsStoreyHeading>\n      </div>\n      <div class=\"lg:flex gap-10\">\n        <div class=\"lg:w-4/12 mb-6\">\n          <ShowcasePartsDomainToggle class=\"mb-4\" />\n          <ShowcasePartsTreeBrowser @node-selected=\"scrollToPreview\" />\n        </div>\n        <div class=\"lg:w-8/12 mb-6 lg:mb-0\" ref=\"nodePreview\">\n          <ShowcasePartsTreeNodePreview />\n        </div>\n      </div>\n    </ShowcasePartsStoreyColumn>\n  </div>\n</template>","<script setup lang=\"ts\">\nimport {useElementVisibility} from \"@vueuse/core\"\n\nconst poster = ref<HTMLElement|null>(null)\nconst posterVisibility = useElementVisibility(poster)\n</script>\n\n<template>\n  <div class=\"rounded-bento overflow-hidden bg-turquoise text-white\">\n    <ShowcasePartsStoreyColumn :no-bottom-border=\"true\">\n      <div class=\"mb-6 md:mb-12\">\n        <ShowcaseTextsRevealPillHeading icon=\"visibility\" :text=\"$t('showcase.interactive.pill')\" />\n        <ShowcaseTextsStoreyHeading>{{ $t('showcase.interactive.title') }}</ShowcaseTextsStoreyHeading>\n      </div>\n      <div class=\"md:flex items-center gap-10\">\n        <div class=\"md:w-7/12 self-end transition delay-200 duration-1000 opacity-0 translate-y-1/4 scale-95 origin-bottom mb-6 md:mb-0\"\n             :class=\"posterVisibility ? ['!opacity-100', '!translate-y-0', '!scale-100', 'rotate-0'] : ['rotate-3']\"\n             ref=\"poster\">\n          <AtomsLottie class=\"aspect-[800/500]\" path=\"/assets/showcase/lottie/interactive.json\" />\n        </div>\n        <div class=\"md:w-5/12 md:mb-6\">\n          <ShowcaseTextsStoreySubHeading>{{ $t('showcase.interactive.lead') }}</ShowcaseTextsStoreySubHeading>\n          <p>{{ $t('showcase.interactive.body') }}</p>\n        </div>\n      </div>\n    </ShowcasePartsStoreyColumn>\n  </div>\n</template>","<script setup lang=\"ts\">\nimport {useDomainDataStore} from \"~/stores/domain\"\nimport {useViewportBounding} from \"~/composables/dom/useScroll\"\nimport ToolFloor from \"~/components/showcase/parts/ToolFloor.vue\"\n\nconst {domainData} = useDomainDataStore()\n\nconst captureFloor = ref<typeof ToolFloor | null>(null)\nconst flipFloor = ref<typeof ToolFloor | null>(null)\nconst shareFloor = ref<HTMLDivElement | null>(null)\n\nconst captureBounding = useViewportBounding(captureFloor)\nconst flipBounding = useViewportBounding(flipFloor)\nconst shareBounding = useViewportBounding(shareFloor)\n\nconst mostCenterFloor = computed(() => {\n  if (!captureFloor.value || !flipFloor.value || !shareFloor.value) {\n    return null\n  }\n\n  return [captureBounding, flipBounding, shareBounding].sort((a, b) => {\n    return a.centerDistanceToViewportCenter.value < b.centerDistanceToViewportCenter.value ? -1 : 1\n  })[0]\n})\n\nconst discreetOpacity = 'opacity-25'\n\nwatch(mostCenterFloor, (newFloor, previousFloor) => {\n  previousFloor?.el.value?.classList.add(discreetOpacity)\n  newFloor?.el.value?.classList.remove(discreetOpacity)\n})\n\nconst floorClasses = ref(`transition-opacity duration-1000 ${discreetOpacity}`)\n</script>\n\n<template>\n  <div class=\"rounded-bento overflow-hidden bg-navy text-white\">\n    <ShowcasePartsStoreyColumn>\n      <div class=\"mb-6 md:mb-12\">\n        <ShowcaseTextsRevealPillHeading icon=\"person\" :text=\"$t('showcase.tools.pill')\"/>\n        <ShowcaseTextsStoreyHeading class=\"mb-6\">{{ $t('showcase.tools.title') }}</ShowcaseTextsStoreyHeading>\n        <div class=\"max-w-prose\">\n          <ShowcaseTextsStoreySubHeading>{{ $t('showcase.tools.lead') }}</ShowcaseTextsStoreySubHeading>\n        </div>\n      </div>\n      <div ref=\"captureFloor\" :class=\"floorClasses\">\n        <ShowcasePartsToolFloor>\n          <template #text>\n            <ShowcaseTextsStoreySubHeading><strong>{{ $t('showcase.tools.capture.title') }}{{ $t('_global.colon') }}</strong><span v-html=\"t('showcase.tools.capture.lead', {lineBreak: '<br>'})\"></span></ShowcaseTextsStoreySubHeading>\n            <p>{{ $t('showcase.tools.capture.body') }}</p>\n          </template>\n          <template #media>\n            <ShowcasePartsCaptureVideo />\n          </template>\n        </ShowcasePartsToolFloor>\n      </div>\n      <div ref=\"flipFloor\" :class=\"floorClasses\">\n        <ShowcasePartsToolFloor :reverse=\"true\">\n          <template #text>\n            <ShowcaseTextsStoreySubHeading><strong>{{ $t('showcase.tools.flip.title') }}{{ $t('_global.colon') }}</strong><span v-html=\"$t('showcase.tools.flip.lead')\"></span></ShowcaseTextsStoreySubHeading>\n            <p>{{ $t('showcase.tools.flip.body') }}</p>\n          </template>\n          <template #media>\n            <ShowcasePartsFlipVideo />\n          </template>\n        </ShowcasePartsToolFloor>\n      </div>\n      <div class=\"md:flex gap-12 mb-8 md:mb-12\" :class=\"floorClasses\" ref=\"shareFloor\">\n        <div class=\"basis-1/2\">\n          <div class=\"max-w-sm mx-auto\">\n            <AtomsLottie path=\"/assets/showcase/lottie/favorite.json\" class=\"aspect-[800/500]\"/>\n            <div class=\"mx-auto\">\n              <ShowcaseTextsStoreySubHeading><strong>{{ $t('showcase.tools.favorite.title') }}{{ $t('_global.colon') }}</strong><span v-html=\"$t('showcase.tools.favorite.lead')\"></span></ShowcaseTextsStoreySubHeading>\n              <p>{{ $t('showcase.tools.favorite.body') }}</p>\n            </div>\n          </div>\n        </div>\n        <div class=\"basis-1/2\">\n          <div class=\"max-w-sm mx-auto\">\n            <AtomsLottie path=\"/assets/showcase/lottie/share.json\" class=\"aspect-[800/500]\"/>\n            <div class=\"mx-auto\">\n              <ShowcaseTextsStoreySubHeading><strong>{{ $t('showcase.tools.share.title') }}{{ $t('_global.colon') }}</strong><span v-html=\"$t('showcase.tools.share.lead')\"></span></ShowcaseTextsStoreySubHeading>\n              <p>{{ $t('showcase.tools.share.body') }}</p>\n            </div>\n          </div>\n        </div>\n      </div>\n      <p class=\"text-center\">\n        <AtomsButton :to=\"localePath('teachers-area')\" :label=\"$t('showcase.tools.learn_more')\" hover-scheme=\"border\" />\n      </p>\n    </ShowcasePartsStoreyColumn>\n  </div>\n</template>","<script setup lang=\"ts\">\nconst openUnderline = '<span class=\"underline underline-offset-4 decoration-domain\">'\nconst closeUnderline = '</span>'\n</script>\n\n<template>\n  <div class=\"rounded-bento bg-domain-dark text-white p-4 md:p-10 lg:p-12\">\n    <div class=\"mx-auto max-w-prose text-xl\">\n      <p class=\"mb-12 text-xl\">\n        <ShowcasePartsRevealPill icon=\"campaign\" :text=\"$t('showcase.manifesto.pill')\" />\n      </p>\n      <div ref=\"page\" class=\"bg-white px-4 py-8 md:px-8 md:py-12 lg:px-12 lg:py-16 text-domain-dark rounded-bento\">\n        <p class=\"mb-12 text-3xl\" v-html=\"t('showcase.manifesto.body.p1', {openUnderline, closeUnderline})\" />\n        <p class=\"mb-8 text-xl\">{{ t('showcase.manifesto.body.p2') }}</p>\n        <p class=\"mb-8 text-xl\">{{ t('showcase.manifesto.body.p3') }}</p>\n        <p class=\"mb-8 text-xl\">{{ t('showcase.manifesto.body.p4') }}</p>\n        <p class=\"text-3xl\" v-html=\"t('showcase.manifesto.body.p5', {openUnderline, closeUnderline, lineBreak: '<br>'})\" />\n      </div>\n    </div>\n  </div>\n</template>","<script setup lang=\"ts\">\nconst {locale} = useI18n()\n\ntype ImageProps = {\n    src: string\n    alt: string\n}\nconst frImages: ImageProps[] = [\n  {src: 'fr/01-nouvelle-aquitaine.png', alt: 'Région Nouvelle-Aquitaine'},\n  {src: 'fr/02-grand-belfort.png', alt: 'Mairie de Belfort'},\n  {src: 'fr/03-cite-des-sciences.png', alt: 'Cité des sciences et de l’industrie'},\n  {src: 'fr/04-cssm-quebec.png', alt: 'CSSM Québec'},\n  {src: 'fr/05-lumni.png', alt: 'Lumni'},\n  {src: 'fr/06-ile-de-france.png', alt: 'Région Île-de-France'},\n  {src: 'fr/07-bibliotheque-quebec.png', alt: 'Bibliothèque de Québec'},\n  {src: 'fr/08-canton-geneve.png', alt: 'Canton de Genève'},\n  {src: 'fr/09-landes.png', alt: 'Conseil Général des Landes'},\n  {src: 'fr/10-hauts-de-france.png', alt: 'Région Hauts-de-France'},\n]\n\nconst enImages: ImageProps[] = [\n  {src: 'en/01-awty-houston.png', alt: 'AWTY Houston'},\n  {src: 'en/02-arizona-state-university.png', alt: 'Arizona State University'},\n  {src: 'en/03-english-montreal-school-board.png', alt: 'English Montreal School Board'},\n  {src: 'en/04-university-lethbridge.png', alt: 'University of Lethbridge'},\n  {src: 'en/05-ottawa-public-library.png', alt: 'Ottawa Public Library'},\n  {src: 'en/06-washington-international-school.png', alt: 'Washington International School'},\n  {src: 'en/07-pa-cyber.png', alt: 'Pennsylvania Cyber School'},\n  {src: 'en/08-lwis-cis-beirut.png', alt: 'LWIS-CiS | DT Beirut'},\n  {src: 'en/09-cree-school-board.png', alt: 'CREE School Board'},\n  {src: 'en/10-oakton-college.png', alt: 'Oakton College'},\n]\n\nconst images = computed(() => {\n  switch (locale.value) {\n    case 'fr':\n      return frImages\n    default:\n      return enImages\n  }\n})\n\nconst scroller = ref<HTMLElement|null>(null)\nconst scroll = useScroll(scroller)\n</script>\n\n<template>\n  <div class=\"rounded-bento bg-orange text-white\">\n    <ShowcasePartsStoreyColumn>\n      <ShowcaseTextsRevealPillHeading class=\"text-center\" icon=\"handshake\" :text=\"$t('showcase.clients.pill')\" />\n      <ShowcaseTextsStoreyHeading class=\"text-center mb-4\">{{ $t('showcase.clients.title') }}</ShowcaseTextsStoreyHeading>\n      <div class=\"relative\">\n        <div class=\"absolute pointer-events-none top-0 left-0 bottom-0 w-[20%] transition-opacity opacity-0 bg-gradient-to-r from-orange to-transparent md:hidden\" :class=\"{'!opacity-100': !scroll.arrivedState.left}\"></div>\n        <div class=\"absolute pointer-events-none top-0 right-0 bottom-0 w-[20%] transition-opacity opacity-0 bg-gradient-to-r from-transparent to-orange md:hidden\" :class=\"{'!opacity-100': !scroll.arrivedState.right}\"></div>\n        <div class=\"w-full flex gap-3 md:gap-0 overflow-x-auto scrollbar-hide md:flex-wrap\" ref=\"scroller\">\n          <div v-for=\"image in images\" :key=\"image.src\" class=\"w-[36%] max-w-[300px] md:w-1/5 md:px-4 md:py-2 grow-0 shrink-0 text-center flex items-center justify-center\">\n            <img :src=\"`/assets/showcase/clients/${image.src}`\" :alt=\"image.alt\" class=\"block m-auto max-h-64\" loading=\"lazy\" />\n          </div>\n        </div>\n      </div>\n    </ShowcasePartsStoreyColumn>\n  </div>\n</template>","<script setup lang=\"ts\">\nimport {useDomainDataStore} from \"~/stores/domain\"\nimport {useUserStore} from \"~/stores/user\"\n\nconst { refsToFormData } = useFormData()\nconst { $i18n } = useNuxtApp()\nconst { geoData } = storeToRefs(useUserStore())\nconst domainDataStore = useDomainDataStore()\n\nconst roleOptions = [\n  {label: $i18n.t('contact.roles.teacher'), value: 'teacher'},\n  {label: $i18n.t('contact.roles.parent'), value: 'parent'},\n  {label: $i18n.t('contact.roles.educational_consultant'), value: 'educational_consultant'},\n  {label: $i18n.t('contact.roles.technical_manager'), value: 'technical_manager'},\n]\n\nconst firstName = ref('')\nconst lastName = ref('')\nconst email = ref('')\nconst institution = ref('')\nconst city = ref('')\nconst country = ref('')\nconst role = ref('')\nconst message = ref('')\n\nwatchEffect(() => {\n  if (geoData.value.city) {\n    city.value = geoData.value.city\n  }\n  if (geoData.value.country) {\n    country.value = geoData.value.country\n  }\n})\n\nconst fields = {\n  firstName,\n  lastName,\n  email,\n  institution,\n  city,\n  country,\n  role,\n  message,\n}\n\nconst minMessageChars = 20\n\nconst disabled = computed(() => {\n  if (message.value.trim().length < minMessageChars) {\n    return true\n  }\n\n  return Object.values(fields).some(field => field.value.trim() === '')\n})\n\nconst pending = ref<boolean>(false)\nconst formError = ref<string|null>(null)\nconst success = ref<boolean>(false)\n\nasync function onSubmit() {\n  pending.value = true\n\n  const body = refsToFormData(fields)\n  body.append('context', 'showcase')\n\n  const {error} = await useApiFetch('/contact', { method: 'post', body })\n  pending.value = false\n\n  success.value = error.value === null\n  if (success.value) {\n    message.value = ''\n  }\n\n  if (!error.value) {\n    return\n  }\n\n  // TODO: Auto-scroll to error field (see contact page)\n\n  switch (error.value.data.message) {\n    case 'empty_field':\n      formError.value = $i18n.t('contact.empty_field')\n      break\n    case 'invalid_email':\n      formError.value = $i18n.t('contact.invalid_email')\n      break\n    default:\n      formError.value = $i18n.t('_global.error')\n      break\n  }\n}\n\nwatch(Object.values(fields), () => {\n  formError.value = null\n})\n</script>\n\n<template>\n  <div class=\"rounded-bento bg-gold text-white\" id=\"demo\">\n    <ShowcasePartsStoreyColumn>\n      <ShowcaseTextsRevealPillHeading class=\"text-center\" icon=\"drafts\" :text=\"$t('showcase.contact.tell_us_everything')\" />\n      <ShowcaseTextsStoreyHeading class=\"mb-6 text-center\">{{ $t('showcase.contact.request_demo') }}</ShowcaseTextsStoreyHeading>\n      <div class=\"max-w-prose bg-white text-domain-dark p-4 md:p-6 lg:p-8 mx-auto rounded-bento\">\n        <form v-if=\"!success\" :class=\"{'opacity-50 pointer-events-none': pending}\" @submit.prevent=\"onSubmit\">\n          <div class=\"flex gap-5 mb-5\">\n            <AtomsFormTextInput class=\"grow\" :label=\"$t('contact.first_name')\" :required=\"true\" v-model=\"firstName\" />\n            <AtomsFormTextInput class=\"grow\" :label=\"$t('contact.last_name')\" :required=\"true\" v-model=\"lastName\" />\n          </div>\n          <AtomsFormTextInput class=\"mb-5\" :label=\"$t('contact.pro_email')\" type=\"email\" :required=\"true\" v-model=\"email\" />\n          <AtomsFormTextInput class=\"mb-5\" :label=\"$t('contact.institution_name')\" :required=\"true\" v-model=\"institution\" />\n          <AtomsFormChoice class=\"mb-5\" :label=\"$t('contact.country')\" :required=\"true\" :options=\"domainDataStore.countryOptions\" v-model=\"country\" />\n          <AtomsFormTextInput class=\"mb-5\" :label=\"$t('contact.city')\" :required=\"true\" v-model=\"city\" />\n          <AtomsFormChoice class=\"mb-5\" :label=\"$t('contact.role')\" :required=\"true\" :options=\"roleOptions\" v-model=\"role\" />\n          <AtomsFormTextArea class=\"mb-5\" :label=\"$t('contact.message')\" :required=\"true\" input-class=\"h-24\" v-model=\"message\">\n            <template #after-input><p class=\"text-button-small opacity-50\">{{ t('showcase.contact.min_chars', {minMessageChars}) }}</p></template>\n          </AtomsFormTextArea>\n          <AtomsFormError :text=\"formError\" />\n          <div class=\"text-right\">\n            <AtomsButton :label=\"$t('contact.send')\" dark-color=\"domain\" tag=\"button\" :disabled=\"disabled\" />\n          </div>\n        </form>\n        <div v-else>\n          <!-- TODO: Better wording and layout?-->\n          <AtomsFormSuccess :text=\"$t('contact.send_success')\" class=\"!mb-0\" />\n        </div>\n      </div>\n    </ShowcasePartsStoreyColumn>\n  </div>\n</template>","<script setup lang=\"ts\">\nimport {useDomainDataStore} from \"~/stores/domain\";\n\nconst {domainData} = useDomainDataStore()\n\n</script>\n\n<template>\n  <div class=\"text-white px-2 flex flex-col md:flex-row gap-4 md:gap-0\">\n    <div class=\"grow-1 basis-1/2 shrink-0 md:pr-2\">\n      <MoleculesFooterNewsletterForm />\n    </div>\n    <div class=\"grow-1 basis-1/2 shrink-0 md:text-right md:pl-2 flex flex-col gap-2\">\n      <div class=\"flex flex-wrap gap-4 md:flex-row-reverse\">\n        <NuxtLink :to=\"localePath('subscribe')\">{{ $t('pages.pricing') }}</NuxtLink>\n        <NuxtLink :to=\"localePath('contact')\">{{ $t('pages.contact') }}</NuxtLink>\n        <template v-for=\"(pageGroup, pageGroupIndex) in domainData.pageGroups\">\n          <template v-if=\"Array.from(pageGroup).length > 0 && pageGroupIndex <= 1\">\n            <template v-for=\"pageData in pageGroup\" :key=\"pageData.slug\">\n              <NuxtLink :to=\"localePath({name: 'page-slug', params: {slug: pageData.slug}})\">{{ pageData.title }}</NuxtLink>\n            </template>\n          </template>\n        </template>\n      </div>\n      <MoleculesSocialLinks color=\"white\" class=\"md:justify-end\" />\n      <span class=\"opacity-50\">&copy; EduMedia {{ (new Date()).getFullYear() }}</span>\n    </div>\n  </div>\n</template>\n","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/assets/images/logo-w.svg\")","<script setup lang=\"ts\">\nimport {refDebounced} from \"@vueuse/core\"\nimport Video from \"~/components/showcase/storeys/Video.vue\"\nimport {useViewportBounding} from \"~/composables/dom/useScroll\"\n\nconst showLogo = ref<boolean>(false)\nconst debouncedShowLogo = refDebounced(showLogo, 250)\n\nfunction onLogoVisibilityChange(isVisible: boolean) {\n    showLogo.value = !isVisible\n}\n\nfunction scrollToTop() {\n  window.scrollTo({top: 0, behavior: 'smooth'})\n}\n\nconst videoStorey = ref<typeof Video>()\nconst videoStoreyBounding = useViewportBounding(videoStorey)\n</script>\n\n<template>\n  <header class=\"flex flex-col-reverse md:flex-row flex-wrap justify-end gap-2 p-2 md:p-4 lg:px-8 lg:py-4 bg-domain-dark md:sticky top-0 z-50 items-center\">\n    <Transition enter-from-class=\"opacity-0\" leave-to-class=\"opacity-0\" enter-active-class=\"transition\" leave-active-class=\"transition\">\n      <a v-if=\"debouncedShowLogo\" class=\"cursor-pointer hidden md:block w-[142px] lg:w-[232px]\" @click.prevent=\"scrollToTop\">\n        <img src=\"/assets/images/logo-w.svg\" alt=\"EduMedia\" width=\"484\" height=\"100\" class=\"max-w-full\">\n      </a>\n    </Transition>\n    <span class=\"m-auto\"></span>\n    <div class=\"w-full md:w-auto flex gap-2\">\n      <AtomsHeaderLocalePicker size=\"fluid\" hover-scheme=\"default\" class=\"mr-auto md:mr-0\" />\n      <AtomsButton :label=\"$t('login.title')\" :to=\"localePath('login')\" size=\"fluid\" />\n    </div>\n    <ShowcasePartsDemoPricingButton class=\"w-full md:hidden\" />\n    <div class=\"hidden md:block overflow-hidden -ml-2\">\n      <LayoutsSlideToggler direction=\"horizontal\" :open=\"videoStoreyBounding.isOverViewport.value\">\n        <div class=\"ml-2 whitespace-nowrap\">\n          <ShowcasePartsDemoPricingButton class=\"w-full md:w-auto\" />\n        </div>\n      </LayoutsSlideToggler>\n    </div>\n    <MoleculesDialogDomainPicker />\n    <MoleculesDialogLocalePicker />\n  </header>\n  <div class=\"bg-domain-dark flex flex-col pt-0 p-2 md:p-4 md:pt-0 gap-2 md:gap-4\">\n    <ShowcaseStoreysIntro @logo-visibility-change=\"onLogoVisibilityChange\" />\n    <ShowcaseStoreysVideo ref=\"videoStorey\" />\n    <ShowcaseStoreysMediaWall />\n    <ShowcaseStoreysInteractive />\n    <ShowcaseStoreysTools />\n    <ShowcaseStoreysManifesto />\n    <ShowcaseStoreysClients />\n    <ShowcaseStoreysContact />\n    <ShowcaseStoreysFooter />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport {useMediaListStore} from \"~/stores/media-list\"\nimport {useUserStore} from \"~/stores/user\"\nimport Showcase from \"~/components/showcase/Showcase.vue\"\n\nconst { main: mainSize } = useMediaCardSize()\nconst { $i18n } = useNuxtApp()\nconst mediaListStore = useMediaListStore()\n\ndefinePageMeta({\n  publicAccess: true,\n  middleware: ['index-page'],\n})\n\nuseHead({\n  meta: [{name: 'description', content: $i18n.t('meta.description')}],\n})\n\n</script>\n<template>\n  <template v-if=\"useUserStore().isAuthenticated\">\n    <AtomsMediaCard v-for=\"media in mediaListStore.listedMedias\" :key=\"media.id\" :card-data=\"media\" :class=\"mainSize\" context=\"generic\" />\n  </template>\n  <Showcase v-else />\n</template>"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createVNode","_component_AtomsButton","_ctx","$t","useShowcaseStore","defineStore","nodeStore","useNodeStore","domainStore","useDomainDataStore","domain","ref","rootNodes","computed","_b","_a","node","openNodePerDomain","selectedNodePerDomain","openNode","v","selectedNode","initWithDomainData","t","selectedNodeMediaCards","watch","nodeData","props","__props","showcaseStore","domainDataStore","userStore","useUserStore","locale","useI18n","storeToRefs","tagName","onDomainClick","dom","getDomainHref","checkedDomain","_imports_0$1","publicAssetsURL","el","logotype","showcaseCardData","logotypeVisibility","useElementVisibility","width","height","useElementSize","y","useWindowScroll","windowWidth","useWindowSize","ease","x","scrollPercent","val","percentStyle","prefix","from","to","suffix","hasWindowWidth","onMounted","scaleRatio","transformStyle","transform","ratio","emit","__emit","watchEffect","cardStyles","useViewportBounding","$el","windowSize","bounding","useElementBounding","isUnderViewport","isOverViewport","isLessHighThanViewport","isFullyVisible","centerDistanceToViewportCenter","useHeightScroll","viewportBounding","scrollDistance","scrolledDistance","scrolledRatio","videoWrapper","videoCompo","circle","heightScroll","domainData","emitter","useNuxtApp","fullVideoRatio","fromTo","easedFromTo","videoWrapperStyle","duration","currentTime","playing","video","pauseVideoDurationInterval","useInterval","useEventListener","playCircleLength","togglePlaying","videoIsVisible","unwatch","isVisible","SHOWCASE_VIDEO_SRC_SET","transformer","scaledHeight","onRootNodeClick","onChildNodeClick","numCols","maxCards","mediaCards","displayedCards","cardColumns","columns","i","card","index","abs","ord","distanceToOrigin","$cards","a","b","baseStateClasses","$card","delay","zoomerWidth","zoom","numRows","nodePreview","windowHeight","shuffleColumnsState","useState","shuffledColumns","shuffledCards","cardCounter","cards","j","numDisplayedColumns","maxDisplayedRows","cardStyle","scrollToPreview","mediaWallNeeded","elementIsVisible","useBusEvent","poster","posterVisibility","discreetOpacity","captureFloor","flipFloor","shareFloor","captureBounding","flipBounding","shareBounding","mostCenterFloor","newFloor","previousFloor","floorClasses","openUnderline","closeUnderline","frImages","enImages","images","scroller","scroll","useScroll","minMessageChars","refsToFormData","useFormData","$i18n","geoData","roleOptions","firstName","lastName","email","institution","city","country","role","message","fields","disabled","field","pending","formError","success","onSubmit","body","error","useApiFetch","_imports_0","showLogo","debouncedShowLogo","refDebounced","onLogoVisibilityChange","scrollToTop","videoStorey","videoStoreyBounding","mainSize","useMediaCardSize","mediaListStore","useMediaListStore","useHead"],"mappings":"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"}