{"version":3,"file":"autoplay-a292de16.js","sources":["../../../app/javascript/vuecomponents/AutoplayMenu.vue","../../../app/javascript/vuecomponents/AutoplaySettings.vue","../../../app/javascript/vuecomposables/autoplay.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { AutoplayDurationType } from '@@/bits/autoplay'\nimport { AUTOPLAY_DURATIONS } from '@@/bits/autoplay'\nimport { __ } from '@@/bits/intl'\nimport OzDivider, { OzDividerColorScheme } from '@@/library/v4/components/OzDivider.vue'\nimport OzIcon from '@@/library/v4/components/OzIcon.vue'\nimport OzRowToggle from '@@/library/v4/components/OzRowToggle.vue'\nimport { computed } from 'vue'\n\nconst props = defineProps<{\n  darkMode: boolean\n  selectedAutoplayDuration: AutoplayDurationType\n  isAutoplayLooping: boolean\n  toggleLoopButtonText?: string\n  testIdPrefix?: string\n  // Analytics - should be updated to use event tracker later instead of data-pepin-id\n  durationTypeAnalyticsIdPrefix?: string\n  loopAnalyticsId?: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'select-duration-type', value: AutoplayDurationType): void\n  (e: 'toggle-loop'): void\n}>()\n\nconst handleSetDurationType = (value: AutoplayDurationType) => {\n  emit('select-duration-type', value)\n}\n\nconst autoplayDurationGroup = computed(() => {\n  const autoplayDurations = Object.keys(AUTOPLAY_DURATIONS).map((duration) => ({\n    text: AUTOPLAY_DURATIONS[duration as AutoplayDurationType].long,\n    value: duration as AutoplayDurationType,\n    checked: props.selectedAutoplayDuration === duration,\n    role: 'menuitemradio',\n  }))\n\n  return autoplayDurations\n})\n\nconst autoplayDescription = computed(() => {\n  if (props.isAutoplayLooping) {\n    return props.selectedAutoplayDuration === 'auto'\n      ? __(\n          'Autoplaying at a duration that is automatically calculated based on the number of words and attachments on the slide. It will loop after finishing all the slides.',\n        )\n      : __('Autoplaying at a duration of %{duration} seconds. It will loop after finishing all the slides.', {\n          duration: props.selectedAutoplayDuration,\n        })\n  }\n\n  return props.selectedAutoplayDuration === 'auto'\n    ? __(\n        'Autoplaying at a duration that is automatically calculated based on the number of words and attachments on the slide. It will not loop after finishing all the slides.',\n      )\n    : __('Autoplaying at a duration of %{duration} seconds. It will not loop after finishing all the slides', {\n        duration: props.selectedAutoplayDuration,\n      })\n})\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'p-0 rounded-2xl overflow-auto grid grid-flow-row grid-cols-1',\n      {\n        'bg-light-ui-100 text-dark-text-100': !darkMode,\n        'bg-dark-ui-100 text-light-text-100': darkMode,\n      },\n    ]\"\n    :style=\"{\n      width: '256px',\n      zIndex: 1000,\n    }\"\n    role=\"menu\"\n    :data-testid=\"`${testIdPrefix}AutoplayMenu`\"\n  >\n    <p id=\"autoplay-description\" class=\"sr-only\">\n      {{ autoplayDescription }}\n    </p>\n    <div :class=\"['flex flex-col']\">\n      <div v-for=\"(row, rowIndex) in autoplayDurationGroup\" :key=\"rowIndex\">\n        <div :class=\"['rounded-lg', 'my-1 px-1']\">\n          <div\n            :class=\"[\n              'flex flex-row justify-between items-center',\n              'cursor-pointer',\n              'rounded-xl',\n              'py-2 px-3',\n              'focus-visible:ring-solid focus-visible:ring-2',\n              {\n                'hover:bg-light-ui-200 focus-visible:bg-light-ui-200 focus-visible:ring-grape-500': !darkMode,\n                'hover:bg-dark-ui-200 focus-visible:bg-dark-ui-200 focus-visible:ring-canary-500': darkMode,\n              },\n            ]\"\n            :tabindex=\"0\"\n            :role=\"row.role\"\n            :aria-checked=\"row.checked\"\n            :data-pepin-id=\"`${durationTypeAnalyticsIdPrefix}-${row.value}`\"\n            data-pepin-trigger=\"click\"\n            @click=\"handleSetDurationType(row.value)\"\n            @keydown.enter.stop.prevent=\"handleSetDurationType(row.value)\"\n            @keydown.space.stop.prevent=\"handleSetDurationType(row.value)\"\n          >\n            <span>\n              {{ row.text }}\n            </span>\n\n            <OzIcon\n              :name=\"row.checked ? 'radio_selected' : 'radio_unselected'\"\n              :size=\"24\"\n              :class=\"[\n                row.checked\n                  ? {\n                      'text-grape-500': !darkMode,\n                      'text-canary-500': darkMode,\n                    }\n                  : {\n                      'text-dark-text-200': !darkMode,\n                      'text-light-text-200': darkMode,\n                    },\n              ]\"\n            />\n          </div>\n        </div>\n        <OzDivider\n          v-if=\"rowIndex < autoplayDurationGroup.length - 1\"\n          class=\"mx-4\"\n          :color-scheme=\"OzDividerColorScheme.Solid\"\n          :dark-mode=\"darkMode\"\n        />\n      </div>\n      <div\n        :class=\"[\n          'h-2',\n          {\n            'bg-grey-100': !darkMode,\n            'bg-grey-800': darkMode,\n          },\n        ]\"\n      />\n      <div :class=\"['rounded-lg', 'px-4 py-2', 'my-1']\">\n        <OzRowToggle\n          :value=\"isAutoplayLooping\"\n          :label=\"toggleLoopButtonText ?? __('Loop slides')\"\n          class=\"w-full p-0 m-0\"\n          :min-height=\"0\"\n          :data-pepin-id=\"loopAnalyticsId\"\n          data-pepin-trigger=\"click\"\n          :dark-mode=\"darkMode\"\n          :data-testid=\"`${testIdPrefix}AutoplayLoopingToggle`\"\n          @click=\"emit('toggle-loop')\"\n        >\n          <p\n            :class=\"[\n              'text-body-small',\n              {\n                'text-dark-text-100': !darkMode,\n                'text-light-text-100': darkMode,\n              },\n            ]\"\n          >\n            {{ toggleLoopButtonText ?? __('Loop slides') }}\n          </p>\n        </OzRowToggle>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { __ } from '@@/bits/intl'\nimport type { AutoplayDurationType } from '@@/bits/slideshow'\nimport { AUTOPLAY_DURATIONS } from '@@/bits/slideshow'\nimport OzOverlay from '@@/library/v4/components/OzOverlay.vue'\nimport OzPlainButton, {\n  OzPlainButtonColorScheme,\n  OzPlainButtonSizePreset,\n} from '@@/library/v4/components/OzPlainButton.vue'\nimport { useWindowSizeStore } from '@@/pinia/window_size'\nimport AutoplayMenu from '@@/vuecomponents/AutoplayMenu.vue'\nimport { shiftUpWhenOverflow, useFloating } from '@@/vuecomposables/floating'\nimport { storeToRefs } from 'pinia'\nimport type { ComponentPublicInstance } from 'vue'\nimport { computed, ref } from 'vue'\nimport type { CSSProperties } from 'vue/types/jsx'\n\ndefineProps<{\n  xAutoplayMenu: boolean\n  isAutoplayLooping: boolean\n  toggleLoopButtonText?: string\n  selectedAutoplayDuration: AutoplayDurationType\n  autoplayDurationInMs: number\n  darkMode: boolean\n  testIdPrefix?: string\n  // Analytics - should be updated to use event tracker later instead of data-pepin-id\n  durationTypeAnalyticsIdPrefix?: string\n  loopAnalyticsId?: string\n}>()\n\ndefineEmits<{\n  (event: 'toggle-autoplay-menu'): void\n  (event: 'toggle-loop'): void\n  (event: 'select-duration-type', value: AutoplayDurationType): void\n}>()\n\nconst { windowHeight } = storeToRefs(useWindowSizeStore())\n\nconst button = ref<InstanceType<typeof OzPlainButton> | null>(null)\nconst popover = ref<ComponentPublicInstance<HTMLElement> | null>(null)\nconst reference = computed(() => button.value?.$el as any)\nconst floating = computed(() => popover.value?.$el as any)\n\n// The maximum popover height is the window height minus a 12px margin.\nconst MAX_POPOVER_HEIGHT = computed(() => windowHeight.value - 12 * 2)\nconst { floatingStyles } = useFloating(reference, floating, {\n  middleware: [shiftUpWhenOverflow()],\n  placement: 'top-start',\n})\n\nconst referenceContainerStyles = computed<CSSProperties>(() => ({\n  width: `${reference.value?.offsetWidth}px`,\n  height: `${reference.value?.offsetHeight}px`,\n}))\n</script>\n\n<template>\n  <div class=\"flex items-center justify-center\" :style=\"referenceContainerStyles\">\n    <div class=\"box-border\" :style=\"{ position: 'absolute' }\">\n      <OzPlainButton\n        ref=\"button\"\n        :aria-label=\"__('Open modal to select autoplay duration')\"\n        :size-preset=\"OzPlainButtonSizePreset.H32px\"\n        :dark-mode=\"darkMode\"\n        :text=\"AUTOPLAY_DURATIONS[selectedAutoplayDuration].short\"\n        :color-scheme=\"OzPlainButtonColorScheme.Secondary\"\n        :data-testid=\"`${testIdPrefix}AutoplayMenuButton`\"\n        :data-duration=\"autoplayDurationInMs\"\n        @click=\"$emit('toggle-autoplay-menu')\"\n      />\n      <OzOverlay\n        v-if=\"xAutoplayMenu\"\n        :scrim=\"'popover'\"\n        :dark-mode=\"darkMode\"\n        @scrim-esc=\"$emit('toggle-autoplay-menu')\"\n        @scrim-click=\"$emit('toggle-autoplay-menu')\"\n      >\n        <AutoplayMenu\n          v-if=\"xAutoplayMenu\"\n          ref=\"popover\"\n          :style=\"{ ...floatingStyles, maxHeight: `${MAX_POPOVER_HEIGHT}px` }\"\n          :selected-autoplay-duration=\"selectedAutoplayDuration\"\n          :dark-mode=\"darkMode\"\n          :is-autoplay-looping=\"isAutoplayLooping\"\n          :toggle-loop-button-text=\"toggleLoopButtonText\"\n          :test-id-prefix=\"testIdPrefix\"\n          :duration-type-analytics-id-prefix=\"durationTypeAnalyticsIdPrefix\"\n          :loop-analytics-id=\"loopAnalyticsId\"\n          @select-duration-type=\"$emit('select-duration-type', $event)\"\n          @toggle-loop=\"$emit('toggle-loop')\"\n        />\n      </OzOverlay>\n    </div>\n  </div>\n</template>\n","// @file Vue composable for all autoplay related logic\nimport type { AutoplayDurationType } from '@@/bits/autoplay'\nimport { getAutoplayNotificationMessages } from '@@/bits/autoplay'\nimport device from '@@/bits/device'\nimport { __ } from '@@/bits/intl'\nimport { PausableTimer } from '@@/bits/pausable_timer'\nimport { SnackbarNotificationType, useGlobalSnackbarStore } from '@@/pinia/global_snackbar'\nimport type { Ref } from 'vue'\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue'\n\ninterface AutoplayOptions {\n  currentPageIndex: Ref<number | null>\n  isLastPage: Ref<boolean>\n  autoplayButtonId: string\n  pauseOnOverlayOpen?: boolean\n  isAnyOtherOverlayOpen: Ref<boolean>\n  computeAutoplayDurationInMs: (x: AutoplayDurationType) => number\n  // callback functions\n  onStart: () => void\n  onPause: () => void\n  onStop: () => void\n  onNext: () => void\n  onRestart: () => void\n}\n\ninterface AutoplayReturn {\n  autoplayTimer: PausableTimer\n  isAutoplayMenuOpen: Ref<boolean>\n  isAutoplaying: Ref<boolean>\n  isAutoplayPaused: Ref<boolean>\n  isAutoplayLooping: Ref<boolean>\n  selectedAutoplayDuration: Ref<AutoplayDurationType>\n  computedAutoplayDurationInMs: Ref<number>\n  onAutoplayLoopingToggle: () => void\n  onAutoplayDurationSelected: (durationType: AutoplayDurationType) => void\n  toggleAutoplay: () => void\n  startAutoplay: () => void\n}\n\nconst useAutoplay = ({\n  currentPageIndex,\n  isLastPage,\n  autoplayButtonId,\n  pauseOnOverlayOpen = true,\n  isAnyOtherOverlayOpen,\n  computeAutoplayDurationInMs,\n  onStart,\n  onPause,\n  onStop,\n  onNext,\n  onRestart,\n}: AutoplayOptions): AutoplayReturn => {\n  const autoplayTimer = new PausableTimer()\n  const globalSnackbarStore = useGlobalSnackbarStore()\n\n  const isAutoplayMenuOpen = ref(false)\n  const isAutoplaying = ref(false)\n  const isAutoplayPaused = ref(false)\n  const isAutoplayLooping = ref(false)\n\n  const previousAutoplayDuration = ref<AutoplayDurationType>()\n  const selectedAutoplayDuration = ref<AutoplayDurationType>('auto')\n\n  const computedAutoplayDurationInMs = computed(() => computeAutoplayDurationInMs(selectedAutoplayDuration.value))\n\n  const autoplayHandler = (): void => {\n    if (!isLastPage.value) {\n      onNext()\n      return\n    }\n\n    if (isAutoplayLooping.value) {\n      onRestart()\n    } else {\n      stopAutoplay()\n    }\n  }\n\n  const resetAutoplayTimer = (): void => {\n    autoplayTimer.setTimeoutDuration(computedAutoplayDurationInMs.value)\n    autoplayTimer.setOnComplete(autoplayHandler)\n    autoplayTimer.start()\n  }\n\n  const startAutoplay = (): void => {\n    isAutoplaying.value = true\n    resetAutoplayTimer()\n\n    if (!(autoplayTimer.isPaused || autoplayTimer.isResumed)) {\n      onStop()\n    }\n    onStart()\n  }\n\n  const stopAutoplay = (): void => {\n    isAutoplaying.value = false\n    autoplayTimer.stop()\n    onStop()\n  }\n\n  const toggleAutoplay = (): void => {\n    if (isAutoplaying.value) {\n      stopAutoplay()\n    } else {\n      startAutoplay()\n    }\n  }\n\n  const onAutoplayLoopingToggle = (): void => {\n    isAutoplayLooping.value = !isAutoplayLooping.value\n  }\n\n  const onAutoplayDurationSelected = (durationType: AutoplayDurationType): void => {\n    previousAutoplayDuration.value = selectedAutoplayDuration.value\n    selectedAutoplayDuration.value = durationType\n    autoplayTimer.setTimeoutDuration(computedAutoplayDurationInMs.value)\n  }\n\n  /**\n   * This is the \"engine\" behind autoplay.\n   * Since autoplayTimer is not a recurring interval, it ends after progressing a page.\n   * We start the timer again if autoplay is still enabled.\n   */\n  watch(currentPageIndex, () => {\n    if (isAutoplaying.value) {\n      startAutoplay()\n    }\n  })\n\n  const onPauseWhenOverlayOpen = (): void => {\n    isAutoplaying.value = false\n    autoplayTimer.pause()\n    isAutoplayPaused.value = true\n    onPause()\n    previousAutoplayDuration.value = selectedAutoplayDuration.value\n  }\n\n  const isAnyOverlayOpen = computed(() => isAnyOtherOverlayOpen.value || isAutoplayMenuOpen.value)\n  if (pauseOnOverlayOpen) {\n    watch(isAnyOverlayOpen, () => {\n      // pause autoplaying when any menu is open\n      if (isAnyOverlayOpen.value && isAutoplaying.value) {\n        onPauseWhenOverlayOpen()\n      } else if (!isAnyOverlayOpen.value && autoplayTimer.isPaused) {\n        isAutoplayPaused.value = false\n\n        // resume autoplaying when the menu is closed\n        // if user did not change the autoplay duration while the menu is open, resume from where it was paused\n        // otherwise, restart autoplaying with the new duration\n        if (previousAutoplayDuration.value === selectedAutoplayDuration.value) {\n          isAutoplaying.value = true\n          autoplayTimer.resume()\n          onStart()\n        } else {\n          startAutoplay()\n        }\n      }\n    })\n  }\n\n  const pauseAutoplayForMouseDevices = (event: KeyboardEvent): void => {\n    if (device.touchable) {\n      return\n    }\n\n    const isKeydownOnAutoplayButton =\n      (document.activeElement as HTMLElement).id === autoplayButtonId && [' ', 'Enter'].includes(event.key)\n    // if user clicks on the autoplay button, we let the button naturally set isAutoplaying as false\n    // so we don't need to manually toggle it here\n    if (!isAutoplaying.value || isKeydownOnAutoplayButton) {\n      return\n    }\n\n    stopAutoplay()\n    globalSnackbarStore.setSnackbar({\n      notificationType: SnackbarNotificationType.success,\n      message: getAutoplayNotificationMessages().stoppedAutoplaying,\n      actionText: __('Resume'),\n      actionTextActions: [\n        () => {\n          startAutoplay()\n        },\n      ],\n    })\n  }\n\n  onMounted(() => {\n    window.addEventListener('keydown', pauseAutoplayForMouseDevices)\n  })\n  onUnmounted(() => {\n    window.removeEventListener('keydown', pauseAutoplayForMouseDevices)\n  })\n\n  return {\n    // Overlays\n    isAutoplayMenuOpen,\n\n    // Autoplay\n    autoplayTimer,\n    isAutoplaying,\n    isAutoplayPaused,\n    isAutoplayLooping,\n    selectedAutoplayDuration,\n    computedAutoplayDurationInMs,\n\n    // Event handlers\n    onAutoplayLoopingToggle,\n    onAutoplayDurationSelected,\n    toggleAutoplay,\n    startAutoplay,\n  }\n}\n\ninterface IndicatorAnimationOptions {\n  maxScaleValue?: number\n  numStepsInScale?: number\n  amountToScalePerInterval?: number\n}\n\nexport const useAutoplayWithIndicatorAnimation = ({\n  // Autoplay\n  currentPageIndex,\n  isLastPage,\n  autoplayButtonId,\n  isAnyOtherOverlayOpen,\n  computeAutoplayDurationInMs,\n  onNext,\n  onRestart,\n  // Animation\n  maxScaleValue = 1,\n  numStepsInScale = 100,\n  amountToScalePerInterval = 0.01,\n}: Omit<AutoplayOptions, 'onStart' | 'onPause' | 'onStop'> & IndicatorAnimationOptions): AutoplayReturn & {\n  indicatorTransformScaleX: Ref<number>\n} => {\n  // #region Animates the indicator bar when autoplaying\n  const indicatorTransformScaleX = ref(0)\n  let indicatorTransformScaleXInterval: ReturnType<typeof setInterval>\n  const startIndicatorTransformScaleXAnimation = (computedAutoplayDurationInMs: number): void => {\n    stopIndicatorTransformScaleXAnimation()\n\n    indicatorTransformScaleXInterval = setInterval(() => {\n      indicatorTransformScaleX.value += amountToScalePerInterval\n      if (indicatorTransformScaleX.value >= maxScaleValue) {\n        stopIndicatorTransformScaleXAnimation()\n      }\n    }, computedAutoplayDurationInMs / numStepsInScale)\n  }\n  const stopIndicatorTransformScaleXAnimation = (): void => {\n    clearInterval(indicatorTransformScaleXInterval)\n  }\n  // #endregion\n\n  const autoplay = useAutoplay({\n    currentPageIndex,\n    isLastPage,\n    autoplayButtonId,\n    pauseOnOverlayOpen: true,\n    isAnyOtherOverlayOpen,\n    computeAutoplayDurationInMs,\n    onStart: () => startIndicatorTransformScaleXAnimation(autoplay.computedAutoplayDurationInMs.value),\n    onPause: stopIndicatorTransformScaleXAnimation,\n    onStop: () => {\n      stopIndicatorTransformScaleXAnimation()\n      indicatorTransformScaleX.value = 0\n    },\n    onNext,\n    onRestart,\n  })\n\n  return {\n    ...autoplay,\n    indicatorTransformScaleX,\n  }\n}\n"],"names":["handleSetDurationType","value","emit","autoplayDurationGroup","computed","Object","keys","AUTOPLAY_DURATIONS","map","duration","text","long","checked","props","selectedAutoplayDuration","role","autoplayDescription","isAutoplayLooping","__","windowHeight","storeToRefs","useWindowSizeStore","button","ref","popover","reference","$el","floating","MAX_POPOVER_HEIGHT","floatingStyles","useFloating","middleware","shiftUpWhenOverflow","placement","referenceContainerStyles","width","offsetWidth","height","offsetHeight","useAutoplay","currentPageIndex","isLastPage","autoplayButtonId","pauseOnOverlayOpen","isAnyOtherOverlayOpen","computeAutoplayDurationInMs","onStart","onPause","onStop","onNext","onRestart","autoplayTimer","PausableTimer","globalSnackbarStore","useGlobalSnackbarStore","isAutoplayMenuOpen","isAutoplaying","isAutoplayPaused","previousAutoplayDuration","computedAutoplayDurationInMs","autoplayHandler","stopAutoplay","resetAutoplayTimer","setTimeoutDuration","setOnComplete","start","startAutoplay","isPaused","isResumed","stop","toggleAutoplay","onAutoplayLoopingToggle","onAutoplayDurationSelected","durationType","watch","onPauseWhenOverlayOpen","pause","isAnyOverlayOpen","resume","pauseAutoplayForMouseDevices","event","device","touchable","isKeydownOnAutoplayButton","document","activeElement","id","includes","key","setSnackbar","notificationType","SnackbarNotificationType","success","message","getAutoplayNotificationMessages","stoppedAutoplaying","actionText","actionTextActions","onMounted","window","addEventListener","onUnmounted","removeEventListener","useAutoplayWithIndicatorAnimation","maxScaleValue","numStepsInScale","amountToScalePerInterval","indicatorTransformScaleX","indicatorTransformScaleXInterval","startIndicatorTransformScaleXAnimation","stopIndicatorTransformScaleXAnimation","setInterval","clearInterval","autoplay"],"mappings":"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"}