{"version":3,"file":"SurfaceSlideshow-789049df.js","sources":["../../../../../node_modules/lodash-es/compact.js","../../../app/javascript/vuecomponents/SurfaceSlideshowAuthor.vue","../../../app/javascript/vuecomponents/AutoplayMenu.vue","../../../app/javascript/vuecomponents/AutoplaySettings.vue","../../../app/javascript/vuecomposables/slideshow_panels.ts","../../../app/javascript/vuecomponents/SurfaceSlideshowEmbedPanel.vue","../../../app/javascript/vuecomposables/slideshow_menus.ts","../../../app/javascript/vuecomposables/slideshow_qr_code.ts","../../../app/javascript/vuecomponents/SurfaceSlideshowMoreMenu.vue","../../../app/javascript/vuecomponents/SurfaceSlideshowSharePanel.vue","../../../app/javascript/vuecomponents/SurfaceSlideshowShareViaAnotherAppPanel.vue","../../../app/javascript/vuecomposables/autoplay.ts","../../../app/javascript/vuecomposables/slideshow_overlays.ts","../../../app/javascript/vuecomposables/slideshow_autoplay.ts","../../../app/javascript/vuecomposables/slideshow_navigation.ts","../../../app/javascript/vuecomposables/slideshow_navigation_visibility.ts","../../../app/javascript/vuecomponents/SurfaceSlideshowNavigationBarV2.vue","../../../app/javascript/vuecomponents/SurfaceSlideshow.vue"],"sourcesContent":["/**\n * Creates an array with all falsey values removed. The values `false`, `null`,\n * `0`, `\"\"`, `undefined`, and `NaN` are falsey.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {Array} array The array to compact.\n * @returns {Array} Returns the new array of filtered values.\n * @example\n *\n * _.compact([0, 1, false, 2, '', 3]);\n * // => [1, 2, 3]\n */\nfunction compact(array) {\n  var index = -1,\n      length = array == null ? 0 : array.length,\n      resIndex = 0,\n      result = [];\n\n  while (++index < length) {\n    var value = array[index];\n    if (value) {\n      result[resIndex++] = value;\n    }\n  }\n  return result;\n}\n\nexport default compact;\n","<script setup lang=\"ts\">\nimport { getAuthorDisplayName } from '@@/bits/author'\nimport device from '@@/bits/device'\nimport { __ } from '@@/bits/intl'\nimport { blankUser, isRegistered as isUserRegistered } from '@@/bits/user_model'\nimport { type User } from '@@/types'\nimport AvatarImage from '@@/vuecomponents/avatar_image.vue'\nimport emitClickOnTouch from '@@/vuedirectives/emit_click_on_touch'\nimport { computed } from 'vue'\n\nconst vEmitClickOnTouch = emitClickOnTouch\n\nconst props = defineProps<{\n  author: User | null\n  avatarSize: 14 | 24\n  darkMode: boolean\n}>()\n\nconst authorName = computed<string>(() => {\n  return getAuthorDisplayName(props.author ?? blankUser())\n})\n\nconst authorProfileUrl = computed<string>(() => {\n  return props.author?.profile_url || ''\n})\n\nconst isRegistered = computed<boolean>(() => {\n  return props.author ? isUserRegistered(props.author) : false\n})\n</script>\n\n<template>\n  <div :class=\"['flex', 'items-center', 'overflow-hidden']\">\n    <component\n      :is=\"isRegistered ? 'a' : 'span'\"\n      v-emit-click-on-touch\n      :class=\"['flex items-center min-w-0', isRegistered ? 'cursor-pointer' : 'cursor-default']\"\n      :href=\"authorProfileUrl\"\n      target=\"_blank\"\n      data-bridged-link=\"profile\"\n      :data-bridged-link-username=\"author ? author.username : undefined\"\n      :aria-label=\"isRegistered ? __('Go to %{profileName} profile', { profileName: authorName }) : undefined\"\n      :title=\"isRegistered ? __('Go to %{profileName} profile', { profileName: authorName }) : undefined\"\n      @click=\"(event) => !device.app && event.stopPropagation()\"\n    >\n      <AvatarImage :user=\"author && isRegistered ? author : {}\" :width=\"avatarSize\" :height=\"avatarSize\" />\n      <span\n        :class=\"[\n          avatarSize === 14 ? 'text-body-extra-small' : 'text-body',\n          'ms-1',\n          {\n            'text-light-text-200': darkMode === true,\n            'text-dark-text-200': darkMode === false,\n          },\n          'truncate',\n        ]\"\n        >{{ authorName }}\n      </span>\n    </component>\n  </div>\n</template>\n","<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  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=\"__('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            {{ __('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  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          :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 panel related logic in Slideshow\n\nimport { useSlideshowStore } from '@@/pinia/slideshow'\nimport { storeToRefs } from 'pinia'\nimport { Ref } from 'vue'\n\nexport const useSlideshowPanels = (): {\n  isSharePanelOpen: Ref<boolean>\n  isShareViaAnotherAppPanelOpen: Ref<boolean>\n  isEmbedPanelOpen: Ref<boolean>\n} => {\n  const { isSharePanelOpen, isShareViaAnotherAppPanelOpen, isEmbedPanelOpen } = storeToRefs(useSlideshowStore())\n\n  return {\n    isSharePanelOpen,\n    isShareViaAnotherAppPanelOpen,\n    isEmbedPanelOpen,\n  }\n}\n","<script setup lang=\"ts\">\nimport { copyToClipboard } from '@@/bits/clipboard'\nimport type { AutoplayDurationType, EmbedSizeOption } from '@@/bits/slideshow'\nimport { embedSizeOptions } from '@@/bits/slideshow'\nimport OzBox, { OzBoxColors } from '@@/library/v4/components/OzBox.vue'\nimport OzDivider, { OzDividerColorScheme } from '@@/library/v4/components/OzDivider.vue'\nimport { useGlobalSnackbarStore } from '@@/pinia/global_snackbar'\nimport { useSlideshowStore } from '@@/pinia/slideshow'\nimport { useSurfaceStore } from '@@/pinia/surface'\nimport SurfaceSlideshowRowDropdownAutoplayDuration from '@@/vuecomponents/SurfaceSlideshowRowDropdownAutoplayDuration.vue'\nimport SurfaceSlideshowRowDropdownEmbedSize from '@@/vuecomponents/SurfaceSlideshowRowDropdownEmbedSize.vue'\nimport { useSlideshowPanels } from '@@/vuecomposables/slideshow_panels'\nimport { useSlideshowStyles } from '@@/vuecomposables/slideshow_styles'\nimport { __ } from '@@/bits/intl'\nimport OzIconButton, {\n  OzIconButtonColorScheme,\n  OzIconButtonSizePreset,\n} from '@@/library/v4/components/OzIconButton.vue'\nimport OzPlainButton, { OzPlainButtonColorScheme } from '@@/library/v4/components/OzPlainButton.vue'\nimport OzRowToggle from '@@/library/v4/components/OzRowToggle.vue'\nimport OzScreenSizeAwareSideModal from '@@/library/v4/components/OzScreenSizeAwareSideModal.vue'\nimport { storeToRefs } from 'pinia'\nimport { useWindowSizeStore } from '@@/pinia/window_size'\nimport { computed, ref } from 'vue'\nimport SurfacePanelHeader from '@@/vuecomponents/SurfacePanelHeader.vue'\n\nconst globalSnackbarStore = useGlobalSnackbarStore()\nconst { links } = storeToRefs(useSurfaceStore())\nconst { slideshowEmbedCodeUrlTemplate } = storeToRefs(useSlideshowStore())\nconst { isEmbedPanelOpen } = useSlideshowPanels()\nconst { hasDarkBackgroundLuminance } = useSlideshowStyles()\nconst { isSmallerThanTabletPortrait, isSmallerThanDesktop } = storeToRefs(useWindowSizeStore())\n\n/*\n * Embed code\n */\n\nconst embedStyle = computed(() => `width:${embedSize.value.width}px;height:${embedSize.value.height}px;`)\nconst embedCode = computed(() => {\n  const defaultParams = new URLSearchParams({\n    autoplay: isEmbedAutoplaying.value ? '1' : '0',\n    loop: isEmbedLooping.value ? '1' : '0',\n    duration: `${embedAutoplayDuration.value}`,\n  })\n  const embedUrl = `${links.value.embed}/slideshow?${defaultParams.toString()}`\n  return slideshowEmbedCodeUrlTemplate.value.replace('{embedUrl}', embedUrl).replace('{embedStyle}', embedStyle.value)\n})\n\nconst copyEmbedCode = async (): Promise<void> => {\n  const result = await copyToClipboard(embedCode.value)\n  if (result) {\n    globalSnackbarStore.setSnackbar({ message: __('Copied to your clipboard.') })\n  } else {\n    globalSnackbarStore.setSnackbar({ message: __('Could not copy to your clipboard.') })\n  }\n}\n\n/*\n * Embed size settings\n */\nconst embedSize = ref(embedSizeOptions[1])\nconst onEmbedSizeSelect = (size: EmbedSizeOption) => {\n  embedSize.value = size\n}\n\n/*\n * Autoplay settings\n */\nconst isEmbedAutoplaying = ref(false)\nconst embedAutoplayDuration = ref<AutoplayDurationType>('auto')\nconst isEmbedLooping = ref(false)\n\nconst onToggleAutoplay = () => {\n  if (isEmbedAutoplaying.value) {\n    isEmbedAutoplaying.value = false\n  } else {\n    isEmbedAutoplaying.value = true\n  }\n}\nconst onAutoplayDurationSelect = (duration: AutoplayDurationType) => {\n  embedAutoplayDuration.value = duration\n}\n</script>\n\n<template>\n  <OzScreenSizeAwareSideModal\n    class=\"font-sans\"\n    aria-labelledby=\"slideshow-embed-panel-title\"\n    :full-size=\"true\"\n    :is-phone=\"isSmallerThanTabletPortrait\"\n    :width-class=\"isSmallerThanDesktop ? 'w-100' : 'w-120'\"\n    :dark-mode=\"hasDarkBackgroundLuminance\"\n    :z-index-class=\"'z-sidepanel'\"\n    :scrollbar-overlay=\"true\"\n    :top-inner-corner-radius=\"0\"\n    @scrim-click=\"isEmbedPanelOpen = false\"\n    @scrim-esc=\"isEmbedPanelOpen = false\"\n  >\n    <template #header>\n      <SurfacePanelHeader class=\"pb-3\" :fixed-width=\"false\">\n        <template #start-content>\n          <OzIconButton\n            icon-name=\"chevron_left_center\"\n            :size-preset=\"OzIconButtonSizePreset.H32px\"\n            :label=\"__('Close slideshow embed panel')\"\n            :color-scheme=\"OzIconButtonColorScheme.SecondaryClear\"\n            :dark-mode=\"hasDarkBackgroundLuminance\"\n            @click=\"isEmbedPanelOpen = false\"\n          />\n        </template>\n        <template #center-content>\n          <h2\n            id=\"slideshow-embed-panel-title\"\n            :class=\"[\n              'text-heading-3 text-center font-semibold',\n              hasDarkBackgroundLuminance ? 'text-light-text-100' : 'text-dark-text-100',\n              'w-full',\n            ]\"\n          >\n            {{ __('Embed this slideshow') }}\n          </h2>\n        </template>\n      </SurfacePanelHeader>\n    </template>\n    <template #body>\n      <div :class=\"'px-4 pt-3 pb-5'\">\n        <p :class=\"['ps-2 pb-2', hasDarkBackgroundLuminance ? 'text-light-text-200' : 'text-dark-text-200']\">\n          {{ __('Settings') }}\n        </p>\n        <OzBox :radius=\"20\" :color=\"OzBoxColors.Secondary\" :dark-mode=\"hasDarkBackgroundLuminance\" class=\"px-4 py-1\">\n          <SurfaceSlideshowRowDropdownEmbedSize\n            class=\"ps-1 box-border\"\n            :embed-size=\"embedSize\"\n            :dark-mode=\"hasDarkBackgroundLuminance\"\n            @select-row=\"onEmbedSizeSelect\"\n          />\n          <OzDivider :dark-mode=\"hasDarkBackgroundLuminance\" :color-scheme=\"OzDividerColorScheme.Solid\" />\n          <OzRowToggle\n            :value=\"isEmbedAutoplaying\"\n            :label=\"__('Autoplay slides')\"\n            class=\"w-full py-4 pe-0 ps-1\"\n            :dark-mode=\"hasDarkBackgroundLuminance\"\n            @click=\"onToggleAutoplay\"\n          >\n            <p :class=\"['text-body', hasDarkBackgroundLuminance ? 'text-light-text-100' : 'text-dark-text-100']\">\n              {{ __('Autoplay') }}\n            </p>\n          </OzRowToggle>\n          <template v-if=\"isEmbedAutoplaying\">\n            <OzDivider :dark-mode=\"hasDarkBackgroundLuminance\" :color-scheme=\"OzDividerColorScheme.Solid\" />\n            <SurfaceSlideshowRowDropdownAutoplayDuration\n              class=\"ps-1 box-border\"\n              :embed-autoplay-duration=\"embedAutoplayDuration\"\n              :dark-mode=\"hasDarkBackgroundLuminance\"\n              @select-row=\"onAutoplayDurationSelect\"\n            />\n            <OzDivider :dark-mode=\"hasDarkBackgroundLuminance\" :color-scheme=\"OzDividerColorScheme.Solid\" />\n            <OzRowToggle\n              :value=\"isEmbedLooping\"\n              :label=\"__('Loop slides')\"\n              class=\"w-full py-4 pe-0 ps-1\"\n              :dark-mode=\"hasDarkBackgroundLuminance\"\n              @click=\"isEmbedLooping = !isEmbedLooping\"\n            >\n              <p :class=\"['text-body', hasDarkBackgroundLuminance ? 'text-light-text-100' : 'text-dark-text-100']\">\n                {{ __('Loop slides') }}\n              </p>\n            </OzRowToggle>\n          </template>\n        </OzBox>\n      </div>\n\n      <div :class=\"'px-4 pt-3 pb-8'\">\n        <p :class=\"['ps-2 pb-2', hasDarkBackgroundLuminance ? 'text-light-text-200' : 'text-dark-text-200']\">\n          {{ __('Code') }}\n        </p>\n        <OzBox :radius=\"20\" :color=\"OzBoxColors.Secondary\" :dark-mode=\"hasDarkBackgroundLuminance\" class=\"py-1 px-5\">\n          <div class=\"py-3 px-1 w-full box-border\">\n            <code class=\"break-words block text-[10px] leading-[14px] font-mono\" data-testid=\"slideshowEmbedCode\">{{\n              embedCode\n            }}</code>\n          </div>\n          <OzDivider :dark-mode=\"hasDarkBackgroundLuminance\" :color-scheme=\"OzDividerColorScheme.Solid\" />\n          <div class=\"flex justify-end py-3 pe-3\">\n            <OzPlainButton\n              :aria-label=\"__('Copy slideshow embed code')\"\n              :text=\"__('Copy slideshow embed code')\"\n              :class=\"['px-0']\"\n              :color-scheme=\"OzPlainButtonColorScheme.Primary\"\n              :dark-mode=\"hasDarkBackgroundLuminance\"\n              @click=\"copyEmbedCode\"\n            />\n          </div>\n        </OzBox>\n      </div>\n    </template>\n  </OzScreenSizeAwareSideModal>\n</template>\n","// @file Vue composable for all menu related logic in Slideshow\n\nimport { useSlideshowStore } from '@@/pinia/slideshow'\nimport { storeToRefs } from 'pinia'\nimport type { Ref } from 'vue'\n\nexport const useSlideshowMenus = (): {\n  isMoreMenuOpen: Ref<boolean>\n  isAutoplayMenuOpen: Ref<boolean>\n  isAnyMenuOpen: Ref<boolean>\n} => {\n  const { isMoreMenuOpen, isAutoplayMenuOpen, isAnyMenuOpen } = storeToRefs(useSlideshowStore())\n\n  return {\n    isMoreMenuOpen,\n    isAutoplayMenuOpen,\n    isAnyMenuOpen,\n  }\n}\n","// @file Vue composable for QR code logic used by Slideshow\nimport { trackEvent } from '@@/bits/analytics'\nimport { useSlideshowStore } from '@@/pinia/slideshow'\nimport { storeToRefs } from 'pinia'\nimport type { Ref } from 'vue'\n\nexport const useSlideshowQRCode = (): {\n  isQrCodeShown: Ref<boolean>\n  shouldRemoveQrCode: Ref<boolean>\n  toggleQRCode: () => void\n} => {\n  const slideshowStore = useSlideshowStore()\n  const { isQrCodeShown, shouldRemoveQrCode } = storeToRefs(slideshowStore)\n\n  const toggleQRCode = (): void => {\n    isQrCodeShown.value = !isQrCodeShown.value\n    trackEvent('Slideshow', isQrCodeShown.value ? 'Show QR code' : 'Hide QR code')\n  }\n\n  return {\n    isQrCodeShown,\n    shouldRemoveQrCode,\n\n    toggleQRCode,\n  }\n}\n","<script setup lang=\"ts\">\nimport { SLIDESHOW_ANALYTICS_ID } from '@@/bits/slideshow'\nimport OzPopover from '@@/library/v4/components/OzPopover.vue'\nimport { useSlideshowMenus } from '@@/vuecomposables/slideshow_menus'\nimport { useSlideshowPages } from '@@/vuecomposables/slideshow_pages'\nimport { useSlideshowPanels } from '@@/vuecomposables/slideshow_panels'\nimport { useSlideshowQRCode } from '@@/vuecomposables/slideshow_qr_code'\nimport type { ComputePositionConfig } from '@floating-ui/vue'\nimport { offset, shift } from '@floating-ui/vue'\nimport device from '@@/bits/device'\nimport { enterFullscreen, exitFullscreen, isFullscreen, isFullscreenAvailable } from '@@/bits/fullscreen'\nimport { __ } from '@@/bits/intl'\nimport { SnackbarNotificationType } from '@@/enums'\nimport type { OzMenuRowsRow } from '@@/library/v4/components/OzMenuRows.vue'\nimport OzMenuRows, { OzMenuRowsFocusStyle, OzMenuRowsSizePreset } from '@@/library/v4/components/OzMenuRows.vue'\nimport { compact } from 'lodash-es'\nimport { exitSlideshow } from '@@/native_bridge/actions'\nimport postMessage from '@@/native_bridge/post_message'\nimport { storeToRefs } from 'pinia'\nimport { useSurfaceStore } from '@@/pinia/surface'\nimport { computed } from 'vue'\nimport { useCopyToClipboard } from '@@/vuecomposables/copy_to_clipboard'\nimport { useSlideshowStyles } from '@@/vuecomposables/slideshow_styles'\n\ndefineProps<{\n  anchorElement: Element\n}>()\n\nconst { isEmbedded } = storeToRefs(useSurfaceStore())\nconst { onRestart, isFirstPage, currentPageUrl, coverPageUrl } = useSlideshowPages()\nconst { isMoreMenuOpen } = useSlideshowMenus()\nconst { isSharePanelOpen } = useSlideshowPanels()\nconst { toggleQRCode, isQrCodeShown } = useSlideshowQRCode()\n\nconst { hasDarkBackgroundLuminance, hasLightBackgroundLuminance } = useSlideshowStyles()\nconst { copyToClipboard } = useCopyToClipboard()\n\nenum ActionType {\n  ShowQRCode = 'ShowQRCode',\n  HideQRCode = 'HideQRCode',\n  CopySlideshowLink = 'CopySlideshowLink',\n  CopySlideLink = 'CopySlideLink',\n  Restart = 'Restart',\n  EnterFullscreen = 'EnterFullscreen',\n  ExitFullscreen = 'ExitFullscreen',\n  ExitSlideshow = 'ExitSlideshow',\n  Share = 'Share',\n}\n\nconst popoverConfig: Partial<ComputePositionConfig> = {\n  placement: 'top-end',\n  middleware: [\n    offset({\n      mainAxis: 4,\n      crossAxis: 16,\n    }),\n    shift({\n      padding: 16,\n    }),\n  ],\n}\n\nconst actionListGroups = computed((): OzMenuRowsRow<ActionType>[][] => {\n  const shareRow = {\n    icon: 'share_arrow_outline',\n    text: __('Share'),\n    eventPayload: ActionType.Share,\n    analyticsId: SLIDESHOW_ANALYTICS_ID['slideshow-share-button'],\n    testId: 'slideshowMoreMenuShareButton',\n  }\n  const showQRCodeRow = {\n    icon: 'qr',\n    text: __('Show QR code'),\n    eventPayload: ActionType.ShowQRCode,\n    analyticsId: SLIDESHOW_ANALYTICS_ID['slideshow-show-qr-code-button'],\n  }\n  const hideQRCodeRow = {\n    icon: 'qr',\n    text: __('Hide QR code'),\n    eventPayload: ActionType.HideQRCode,\n    analyticsId: SLIDESHOW_ANALYTICS_ID['slideshow-hide-qr-code-button'],\n  }\n  const restartRow = {\n    icon: 'undo',\n    text: __('Restart'),\n    eventPayload: ActionType.Restart,\n    analyticsId: SLIDESHOW_ANALYTICS_ID['slideshow-restart-button'],\n    testId: 'slideshowMoreMenuRestartButton',\n  }\n  const exitSlideshowRow = {\n    icon: 'exit_thin',\n    text: __('Exit slideshow'),\n    eventPayload: ActionType.ExitSlideshow,\n    analyticsId: SLIDESHOW_ANALYTICS_ID['slideshow-exit-button'],\n  }\n  const enterFullscreenRow = {\n    icon: 'fullscreen',\n    text: __('Fullscreen'),\n    eventPayload: ActionType.EnterFullscreen,\n    analyticsId: SLIDESHOW_ANALYTICS_ID['slideshow-enter-fullscreen-button'],\n    testId: 'slideshowMoreMenuFullscreenButton',\n  }\n  const exitFullscreenRow = {\n    icon: 'fullscreen_exit',\n    text: __('Exit fullscreen'),\n    eventPayload: ActionType.ExitFullscreen,\n    analyticsId: SLIDESHOW_ANALYTICS_ID['slideshow-exit-fullscreen-button'],\n  }\n\n  const restartRowIfNotFirstPage = isFirstPage.value ? undefined : restartRow\n  const qrCodeRowIfFirstPage = isFirstPage.value ? (isQrCodeShown.value ? hideQRCodeRow : showQRCodeRow) : undefined\n  const fullscreenRow = isFullscreenAvailable ? (isFullscreen() ? exitFullscreenRow : enterFullscreenRow) : undefined\n\n  let group: Array<OzMenuRowsRow<ActionType> | undefined>\n  if (isEmbedded.value) {\n    group = [qrCodeRowIfFirstPage, restartRowIfNotFirstPage, fullscreenRow]\n  } else if (device.app) {\n    group = [qrCodeRowIfFirstPage, shareRow, restartRowIfNotFirstPage, fullscreenRow, exitSlideshowRow]\n  } else {\n    // For web, more menu is only shown on mobile viewports\n    group = [shareRow, restartRowIfNotFirstPage, fullscreenRow]\n  }\n  return [compact(group)] // remove undefined rows\n})\n\nconst closeMenu = () => {\n  isMoreMenuOpen.value = false\n}\n\nconst handleSwipeDown = ({ isAtTopBeforeDragging }: { isAtTopBeforeDragging: boolean }): void => {\n  if (isAtTopBeforeDragging) {\n    return\n  }\n  closeMenu()\n}\n\nconst copyUrlToClipboard = (url: string) =>\n  copyToClipboard({\n    text: url,\n    globalSnackbarOptions: {\n      message: __('Link copied to clipboard'),\n      notificationType: SnackbarNotificationType.success,\n      timeout: 1500,\n    },\n  })\n\nconst showShareOverlay = () => {\n  isSharePanelOpen.value = true\n}\n\nconst handleAction = async (_event: unknown, actionType: ActionType) => {\n  switch (actionType) {\n    case ActionType.CopySlideshowLink:\n      copyUrlToClipboard(coverPageUrl.value)\n      break\n    case ActionType.CopySlideLink:\n      copyUrlToClipboard(currentPageUrl.value)\n      break\n    case ActionType.Restart:\n      onRestart()\n      break\n    case ActionType.EnterFullscreen:\n      enterFullscreen()\n      break\n    case ActionType.ExitFullscreen:\n      exitFullscreen()\n      break\n    case ActionType.ExitSlideshow:\n      postMessage(exitSlideshow())\n      break\n    case ActionType.Share:\n      showShareOverlay()\n      break\n    case ActionType.ShowQRCode:\n    case ActionType.HideQRCode:\n      toggleQRCode()\n      break\n    default:\n      break\n  }\n\n  closeMenu()\n}\n</script>\n\n<template>\n  <OzPopover\n    role=\"dialog\"\n    :aria-label=\"__('Slideshow more menu')\"\n    :dark-mode=\"hasDarkBackgroundLuminance\"\n    :anchor=\"anchorElement\"\n    :config=\"popoverConfig\"\n    :should-fade-in=\"true\"\n    :radius=\"16\"\n    class=\"select-none shadow-elevation-3\"\n    data-testid=\"slideshowMoreMenu\"\n    @swipedown=\"handleSwipeDown\"\n    @scrim-click=\"closeMenu\"\n    @scrim-esc=\"closeMenu\"\n  >\n    <div\n      :class=\"[\n        'w-64',\n        'p-0 gap-2 rounded-2xl overflow-hidden grid grid-flow-row grid-cols-1',\n        {\n          'bg-grey-50': hasLightBackgroundLuminance,\n          'bg-popover-overlay-dark': hasDarkBackgroundLuminance,\n        },\n      ]\"\n      role=\"menu\"\n    >\n      <div\n        v-for=\"(actionList, i) in actionListGroups\"\n        :key=\"i\"\n        :class=\"[\n          'rounded-none',\n          {\n            'bg-common-ui-l86': hasLightBackgroundLuminance,\n            'bg-common-ui-d86': hasDarkBackgroundLuminance,\n          },\n        ]\"\n      >\n        <OzMenuRows\n          :size-preset=\"OzMenuRowsSizePreset.H44px\"\n          :focus-style=\"OzMenuRowsFocusStyle.Bubble200\"\n          :dark-mode=\"hasDarkBackgroundLuminance\"\n          :rows=\"actionList\"\n          :accessibility-role=\"'group'\"\n          @select-row=\"handleAction\"\n        />\n      </div>\n    </div>\n  </OzPopover>\n</template>\n","<script setup lang=\"ts\">\nimport { triggerDownloadFromBlob, triggerPrintFromBlob } from '@@/bits/blob'\nimport device from '@@/bits/device'\nimport type { ImagesToPdfPageData, ImagesToZipPageData } from '@@/bits/export_proxy'\nimport {\n  buildImageExportProxyUrl,\n  buildImagesToZipExportProxyUrl,\n  fetchExportReadToken,\n  fetchImagesToZipBlob,\n} from '@@/bits/export_proxy'\nimport { __ } from '@@/bits/intl'\nimport {\n  SLIDESHOW_ANALYTICS_ID,\n  SLIDESHOW_DEFAULT_EXPORT_QUERY_PARAMS,\n  SLIDESHOW_SLIDE_DEFAULT_DELAY_WITHOUT_ATTACHMENT,\n  SLIDESHOW_SLIDE_DEFAULT_DELAY_WITH_ATTACHMENT,\n  buildSlideUrlForExport,\n  buildSlideshowLink,\n  getSlideshowExportFileName,\n} from '@@/bits/slideshow'\nimport { SnackbarNotificationType } from '@@/enums'\nimport OzBox, { OzBoxColors } from '@@/library/v4/components/OzBox.vue'\nimport OzIconButton, {\n  OzIconButtonColorScheme,\n  OzIconButtonSizePreset,\n} from '@@/library/v4/components/OzIconButton.vue'\nimport type { OzMenuRowsRow } from '@@/library/v4/components/OzMenuRows.vue'\nimport OzMenuRows, {\n  OzMenuRowsFocusStyle,\n  OzMenuRowsRowStyle,\n  OzMenuRowsSizePreset,\n} from '@@/library/v4/components/OzMenuRows.vue'\nimport OzScreenSizeAwareSideModal from '@@/library/v4/components/OzScreenSizeAwareSideModal.vue'\nimport { shareSlideshow } from '@@/native_bridge/actions'\nimport postMessage from '@@/native_bridge/post_message'\nimport { useGlobalSnackbarStore } from '@@/pinia/global_snackbar'\nimport { useSurfaceStore } from '@@/pinia/surface'\nimport { useSurfacePermissionsStore } from '@@/pinia/surface_permissions'\nimport { useWindowSizeStore } from '@@/pinia/window_size'\nimport { PageType, type Page } from '@@/types/slideshow'\nimport SurfacePanelHeader from '@@/vuecomponents/SurfacePanelHeader.vue'\nimport { useCopyToClipboard } from '@@/vuecomposables/copy_to_clipboard'\nimport { useSlideshowAttachments } from '@@/vuecomposables/slideshow_attachments'\nimport { useSlideshowExports } from '@@/vuecomposables/slideshow_export'\nimport { useSlideshowPages } from '@@/vuecomposables/slideshow_pages'\nimport { useSlideshowPanels } from '@@/vuecomposables/slideshow_panels'\nimport { useSlideshowStyles } from '@@/vuecomposables/slideshow_styles'\nimport { CORS, makeElvisProxyUrl } from '@padlet/elvis-client'\nimport { fetchBlob } from '@padlet/fetch'\nimport { storeToRefs } from 'pinia'\nimport { computed, ref } from 'vue'\n\nconst globalSnackbarStore = useGlobalSnackbarStore()\nconst { publicKey, title, links } = storeToRefs(useSurfaceStore())\nconst { isSmallerThanTabletPortrait, isSmallerThanDesktop } = storeToRefs(useWindowSizeStore())\nconst { isSharePanelOpen, isShareViaAnotherAppPanelOpen, isEmbedPanelOpen } = useSlideshowPanels()\nconst { hasAttachmentsOnPage } = useSlideshowAttachments()\nconst { isFirstPage, pages, currentPageNumber, getPageLastUpdated, currentPage, currentPageUrl, coverPageUrl } =\n  useSlideshowPages()\nconst { hasDarkBackgroundLuminance } = useSlideshowStyles()\nconst { copyToClipboard } = useCopyToClipboard()\n\nconst { canIAccessContentDirectly } = storeToRefs(useSurfacePermissionsStore())\n\nconst closePanel = () => {\n  isSharePanelOpen.value = false\n}\n\nconst copyUrlToClipboard = (url: string) =>\n  copyToClipboard({\n    text: url,\n    globalSnackbarOptions: {\n      message: __('Link copied to clipboard'),\n      notificationType: SnackbarNotificationType.success,\n      timeout: 1500,\n    },\n  })\n\nenum ActionType {\n  CopySlideshowLink = 'CopySlideshowLink',\n  CopySlideLink = 'CopySlideLink',\n  Embed = 'Embed',\n  Share = 'Share',\n  SaveCurrentSlideAsImage = 'SaveCurrentSlideAsImage',\n  SaveAllSlidesAsImages = 'SaveAllSlidesAsImages',\n  SaveAsPdf = 'SaveAsPdf',\n  Print = 'Print',\n}\n\ninterface Group {\n  name: string\n  rows: OzMenuRowsRow<ActionType>[]\n}\n\nconst actionListGroups = computed((): Group[] => {\n  const shareRows: OzMenuRowsRow<ActionType>[] = [\n    {\n      icon: 'link',\n      text: __('Copy link to slideshow'),\n      eventPayload: ActionType.CopySlideshowLink,\n      analyticsId: SLIDESHOW_ANALYTICS_ID['slideshow-copy-slideshow-link-button'],\n    },\n    {\n      icon: 'code',\n      text: __('Embed in your blog or website'),\n      eventPayload: ActionType.Embed,\n      analyticsId: SLIDESHOW_ANALYTICS_ID['slideshow-embed-button'],\n      rightIcon: 'chevron_right_center',\n      rightIconSize: 14,\n    },\n    {\n      icon: 'share_outline',\n      text: __('Share via another app'),\n      eventPayload: ActionType.Share,\n      analyticsId: SLIDESHOW_ANALYTICS_ID['slideshow-share-via-another-app-button'],\n      rightIcon: 'chevron_right_center',\n      rightIconSize: 14,\n    },\n  ]\n\n  if (!isFirstPage.value) {\n    shareRows.splice(1, 0, {\n      icon: 'link',\n      text: __('Copy link to this slide'),\n      eventPayload: ActionType.CopySlideLink,\n      analyticsId: SLIDESHOW_ANALYTICS_ID['slideshow-copy-slide-link-button'],\n    })\n  }\n\n  const exportRows: OzMenuRowsRow<ActionType>[] = [\n    {\n      icon: 'picture_outline',\n      text: __('Save current slide as image'),\n      eventPayload: ActionType.SaveCurrentSlideAsImage,\n      analyticsId: SLIDESHOW_ANALYTICS_ID['slideshow-save-current-slide-as-image-button'],\n      hoverText: !canIAccessContentDirectly.value ? __('Disabled due to content protection settings') : undefined,\n      rowStyle: !canIAccessContentDirectly.value ? OzMenuRowsRowStyle.Disabled : OzMenuRowsRowStyle.Default,\n      isDisabled: !canIAccessContentDirectly.value,\n    },\n    {\n      icon: 'photo_video_outline',\n      text: __('Save every slide as image'),\n      eventPayload: ActionType.SaveAllSlidesAsImages,\n      analyticsId: SLIDESHOW_ANALYTICS_ID['slideshow-save-every-slide-as-image-button'],\n      hoverText: !canIAccessContentDirectly.value ? __('Disabled due to content protection settings') : undefined,\n      rowStyle: !canIAccessContentDirectly.value ? OzMenuRowsRowStyle.Disabled : OzMenuRowsRowStyle.Default,\n      isDisabled: !canIAccessContentDirectly.value,\n    },\n    {\n      icon: 'document_pdf',\n      text: __('Save as PDF'),\n      eventPayload: ActionType.SaveAsPdf,\n      analyticsId: SLIDESHOW_ANALYTICS_ID['slideshow-save-as-pdf-button'],\n      hoverText: !canIAccessContentDirectly.value ? __('Disabled due to content protection settings') : undefined,\n      rowStyle: !canIAccessContentDirectly.value ? OzMenuRowsRowStyle.Disabled : OzMenuRowsRowStyle.Default,\n      isDisabled: !canIAccessContentDirectly.value,\n    },\n    {\n      icon: 'printer',\n      text: __('Print'),\n      eventPayload: ActionType.Print,\n      analyticsId: SLIDESHOW_ANALYTICS_ID['slideshow-print-button'],\n      hoverText: !canIAccessContentDirectly.value ? __('Disabled due to content protection settings') : undefined,\n      rowStyle: !canIAccessContentDirectly.value ? OzMenuRowsRowStyle.Disabled : OzMenuRowsRowStyle.Default,\n      isDisabled: !canIAccessContentDirectly.value,\n    },\n  ]\n\n  const shareGroup = {\n    name: __('Share'),\n    rows: shareRows,\n  }\n  const exportGroup = {\n    name: __('Export'),\n    rows: exportRows,\n  }\n\n  if (device.app) {\n    return [shareGroup]\n  }\n\n  return [shareGroup, exportGroup]\n})\n\nconst shareViaAnotherApp = () => {\n  if (device.app) {\n    postMessage(shareSlideshow())\n  } else {\n    isShareViaAnotherAppPanelOpen.value = true\n  }\n}\n\n/*\n * EXPORTS\n */\nconst currentSnackbarUid = ref<string>('')\nconst makeExportRequest = async (\n  exportCallback: (\n    wallReadTokenAbortController: AbortController,\n    exportProxyAbortController: AbortController,\n  ) => Promise<void>,\n  loadingMessage: string,\n  errorMessage: string,\n) => {\n  const wallReadTokenAbortController = new AbortController()\n  const exportProxyAbortController = new AbortController()\n\n  const clearLoadingSnackbar = () => {\n    globalSnackbarStore.removeSnackbar(loadingSnackbarUid)\n  }\n\n  const loadingSnackbarUid = globalSnackbarStore.setSnackbar({\n    persist: true,\n    message: loadingMessage,\n    actionText: __('Cancel'),\n    actionTextActions: [\n      () => {\n        wallReadTokenAbortController.abort()\n        exportProxyAbortController.abort()\n        clearLoadingSnackbar()\n      },\n    ],\n  })\n\n  currentSnackbarUid.value = loadingSnackbarUid\n\n  try {\n    // Intentional return await so promise rejection can be caught\n    return await exportCallback(wallReadTokenAbortController, exportProxyAbortController)\n  } catch (err) {\n    if (wallReadTokenAbortController.signal.aborted || exportProxyAbortController.signal.aborted) {\n      // User cancelled manually, do nothing\n      return\n    }\n    globalSnackbarStore.setSnackbar({\n      message: errorMessage,\n      notificationType: SnackbarNotificationType.error,\n    })\n    throw err\n  } finally {\n    clearLoadingSnackbar()\n  }\n}\n\nconst getExportDelayForPage = (page: Page) =>\n  hasAttachmentsOnPage(page) || page.pageType === PageType.Cover\n    ? SLIDESHOW_SLIDE_DEFAULT_DELAY_WITH_ATTACHMENT\n    : SLIDESHOW_SLIDE_DEFAULT_DELAY_WITHOUT_ATTACHMENT\n\nconst downloadCurrentSlideAsImage = async () => {\n  makeExportRequest(\n    async (wallReadTokenAbortController, exportProxyAbortController) => {\n      // Capture values at the start because user can still navigate before the API calls resolve, which would update the current page values before they're used\n      const pageToExport = {\n        url: currentPageUrl.value,\n        lastUpdated: getPageLastUpdated(currentPage.value),\n        filename: `${getSlideshowExportFileName(title.value, `slide${currentPageNumber.value}`)}.jpeg`,\n      }\n\n      const readToken = await fetchExportReadToken(publicKey.value, {\n        apiVersion: 1,\n        signal: wallReadTokenAbortController.signal,\n      })\n\n      const slideUrlForExport = buildSlideUrlForExport(pageToExport.url, readToken, pageToExport.lastUpdated)\n      const slideExportProxyUrl = buildImageExportProxyUrl({\n        ...SLIDESHOW_DEFAULT_EXPORT_QUERY_PARAMS,\n        url: slideUrlForExport,\n        delay: getExportDelayForPage(currentPage.value!),\n      })\n\n      const exportProxyBlob = await fetchBlob(slideExportProxyUrl, {\n        signal: exportProxyAbortController.signal,\n        cors: true,\n      })\n\n      // We don't trigger a download by redirecting with window.location.href because there is no way to cancel the request\n      // and the bulk of the time is spent waiting for the image to be generated by the export proxy.\n      triggerDownloadFromBlob(exportProxyBlob, pageToExport.filename)\n    },\n    __('Generating slide image...'),\n    __('Error generating slide image'),\n  )\n}\n\ntype PageData<T extends boolean> = T extends true ? ImagesToZipPageData : ImagesToPdfPageData\nconst buildPageDataForAllSlides = <T extends boolean>(\n  readToken: string,\n  { generateFileName }: { generateFileName: T },\n): PageData<T>[] => {\n  return pages.value.map((page, index) => {\n    const slideshowLink = buildSlideshowLink(links.value.show, page.pageType, page.entityId)\n    const pageLastUpdated = getPageLastUpdated(page)\n    const slideUrlForExport = buildSlideUrlForExport(slideshowLink, readToken, pageLastUpdated)\n\n    return {\n      url: slideUrlForExport,\n      file_name: generateFileName ? `slide${index + 1}` : undefined,\n      delay: getExportDelayForPage(page),\n    } as PageData<T>\n  })\n}\n\nconst downloadAllSlidesAsImages = async () => {\n  makeExportRequest(\n    async (wallReadTokenAbortController, exportProxyAbortController) => {\n      const readToken = await fetchExportReadToken(publicKey.value, {\n        apiVersion: 1,\n        signal: wallReadTokenAbortController.signal,\n      })\n\n      const pageData = buildPageDataForAllSlides(readToken, { generateFileName: true })\n      const fileName = getSlideshowExportFileName(title.value)\n      const zipExportProxyUrl = buildImagesToZipExportProxyUrl({\n        ...SLIDESHOW_DEFAULT_EXPORT_QUERY_PARAMS,\n        filename: fileName,\n      })\n      const zipBlob = await fetchImagesToZipBlob(pageData, zipExportProxyUrl, {\n        signal: exportProxyAbortController.signal,\n      })\n\n      const filename = `${fileName}.zip`\n      triggerDownloadFromBlob(zipBlob, filename)\n    },\n    __('Generating slideshow images... this may take a few minutes'),\n    __('Error generating slideshow images'),\n  )\n}\n\nconst downloadAllSlidesAsPdf = async (triggerMode: 'download' | 'print') => {\n  makeExportRequest(\n    async (_wallReadTokenAbortController, exportProxyAbortController) => {\n      const { getSlideshowDocUrl } = useSlideshowExports({ abortSignal: exportProxyAbortController.signal })\n      const url = await getSlideshowDocUrl()\n      if (url == null) {\n        globalSnackbarStore.removeSnackbar(currentSnackbarUid.value)\n        globalSnackbarStore.setSnackbar({\n          message: __('You will receive an email when the PDF is ready.'),\n        })\n        return\n      }\n      // Google storage cloud bucket public URLs are not CORS enabled, so we need to use the elvis proxy to make them work\n      // We also set the expiry date to be 0 days so that we don't get cached files\n      const elvisProxyUrl = makeElvisProxyUrl(url, { cors: CORS.ALL, expiryInDays: 0 })\n      const blob = await fetchBlob(elvisProxyUrl, { cors: true })\n\n      switch (triggerMode) {\n        case 'download':\n          triggerDownloadFromBlob(blob, getSlideshowExportFileName(title.value))\n          break\n        case 'print':\n          triggerPrintFromBlob(blob)\n          break\n        default:\n          break\n      }\n    },\n    triggerMode === 'download' ? __('Generating slideshow PDF...') : __('Preparing slideshow for printing...'),\n    triggerMode === 'download' ? __('Error generating slideshow PDF') : __('Error printing slideshow'),\n  )\n}\n\nconst handleAction = async (_event: unknown, actionType: ActionType) => {\n  switch (actionType) {\n    case ActionType.SaveCurrentSlideAsImage: {\n      closePanel()\n      await downloadCurrentSlideAsImage()\n      break\n    }\n    case ActionType.SaveAllSlidesAsImages: {\n      closePanel()\n      await downloadAllSlidesAsImages()\n      break\n    }\n    case ActionType.SaveAsPdf: {\n      closePanel()\n      await downloadAllSlidesAsPdf('download')\n      break\n    }\n    case ActionType.Print: {\n      closePanel()\n      // Mobile devices can be problematic when calling print programmatically and result in a no-op\n      // so we use the download method instead\n      await downloadAllSlidesAsPdf(device.mobile ? 'download' : 'print')\n      break\n    }\n    case ActionType.CopySlideshowLink:\n      copyUrlToClipboard(coverPageUrl.value)\n      break\n    case ActionType.CopySlideLink:\n      copyUrlToClipboard(currentPageUrl.value)\n      break\n    case ActionType.Share:\n      shareViaAnotherApp()\n      break\n    case ActionType.Embed:\n      isEmbedPanelOpen.value = true\n      break\n    default:\n      break\n  }\n}\n</script>\n\n<template>\n  <OzScreenSizeAwareSideModal\n    class=\"font-sans\"\n    aria-labelledby=\"slideshow-share-panel-title\"\n    :full-size=\"true\"\n    :is-phone=\"isSmallerThanTabletPortrait\"\n    :width-class=\"isSmallerThanDesktop ? 'w-100' : 'w-120'\"\n    :dark-mode=\"hasDarkBackgroundLuminance\"\n    :z-index-class=\"'z-sidepanel'\"\n    :scrollbar-overlay=\"true\"\n    :top-inner-corner-radius=\"0\"\n    data-testid=\"slideshowSharePanel\"\n    @scrim-click=\"closePanel\"\n    @scrim-esc=\"closePanel\"\n  >\n    <template #header>\n      <SurfacePanelHeader class=\"pb-3\">\n        <template #start-content>\n          <OzIconButton\n            icon-name=\"close_small\"\n            data-testid=\"slideshowSharePanelCloseButton\"\n            :size-preset=\"OzIconButtonSizePreset.H32px\"\n            :label=\"__('Close slideshow share panel')\"\n            :color-scheme=\"OzIconButtonColorScheme.SecondaryClear\"\n            :dark-mode=\"hasDarkBackgroundLuminance\"\n            @click=\"closePanel\"\n          />\n        </template>\n        <template #center-content>\n          <h2\n            id=\"slideshow-share-panel-title\"\n            :class=\"[\n              'text-heading-3 text-center font-semibold',\n              hasDarkBackgroundLuminance ? 'text-light-text-100' : 'text-dark-text-100',\n            ]\"\n          >\n            {{ __('Share') }}\n          </h2>\n        </template>\n      </SurfacePanelHeader>\n    </template>\n    <template #body>\n      <div :class=\"'px-4 pt-3 pb-5 flex flex-col gap-y-5'\">\n        <div v-for=\"(group, i) in actionListGroups\" :key=\"group.name\">\n          <p\n            :class=\"[\n              'text-body-small px-2 pb-2',\n              hasDarkBackgroundLuminance ? 'text-light-text-200' : 'text-dark-text-200',\n            ]\"\n          >\n            {{ group.name }}\n          </p>\n          <OzBox :key=\"i\" :radius=\"20\" :color=\"OzBoxColors.Secondary\" :dark-mode=\"hasDarkBackgroundLuminance\">\n            <OzMenuRows\n              :accessibility-role=\"'group'\"\n              :size-preset=\"OzMenuRowsSizePreset.H48px\"\n              :focus-style=\"OzMenuRowsFocusStyle.Bubble100\"\n              :dark-mode=\"hasDarkBackgroundLuminance\"\n              :common-settings=\"{\n                textTruncated: true,\n              }\"\n              :rows=\"group.rows\"\n              @select-row=\"handleAction\"\n            />\n          </OzBox>\n        </div>\n      </div>\n    </template>\n  </OzScreenSizeAwareSideModal>\n</template>\n","<script setup lang=\"ts\">\nimport { __ } from '@@/bits/intl'\nimport type { ShareService } from '@@/bits/native_share'\nimport { buildShareLink, shareLinkOnService } from '@@/bits/native_share'\nimport { SLIDESHOW_ANALYTICS_ID } from '@@/bits/slideshow'\nimport OzBox, { OzBoxColors } from '@@/library/v4/components/OzBox.vue'\nimport OzIconButton, {\n  OzIconButtonColorScheme,\n  OzIconButtonSizePreset,\n} from '@@/library/v4/components/OzIconButton.vue'\nimport type { OzMenuRowsRow } from '@@/library/v4/components/OzMenuRows.vue'\nimport OzMenuRows, { OzMenuRowsFocusStyle, OzMenuRowsSizePreset } from '@@/library/v4/components/OzMenuRows.vue'\nimport OzScreenSizeAwareSideModal from '@@/library/v4/components/OzScreenSizeAwareSideModal.vue'\nimport { useSurfaceStore } from '@@/pinia/surface'\nimport { useWindowSizeStore } from '@@/pinia/window_size'\nimport SurfacePanelHeader from '@@/vuecomponents/SurfacePanelHeader.vue'\nimport { useSlideshowPages } from '@@/vuecomposables/slideshow_pages'\nimport { useSlideshowPanels } from '@@/vuecomposables/slideshow_panels'\nimport { useSlideshowStyles } from '@@/vuecomposables/slideshow_styles'\nimport { storeToRefs } from 'pinia'\nimport { computed } from 'vue'\n\nconst { isSmallerThanTabletPortrait, isSmallerThanDesktop } = storeToRefs(useWindowSizeStore())\nconst { links, publicKey, title, description, wallId } = storeToRefs(useSurfaceStore())\nconst { isShareViaAnotherAppPanelOpen } = useSlideshowPanels()\nconst { coverPageUrl } = useSlideshowPages()\nconst { hasDarkBackgroundLuminance } = useSlideshowStyles()\n\ninterface Group {\n  name: string\n  rows: OzMenuRowsRow<ShareService>[]\n}\n\nconst actionListGroups = computed((): Group[] => {\n  const group1Rows: OzMenuRowsRow<ShareService>[] = [\n    {\n      icon: 'mail_outline',\n      text: __('Email'),\n      eventPayload: 'email',\n      analyticsId: SLIDESHOW_ANALYTICS_ID['slideshow-email-button'],\n    },\n  ]\n\n  const group2Rows: OzMenuRowsRow<ShareService>[] = [\n    {\n      icon: 'facebook_outline',\n      text: __('Facebook'),\n      eventPayload: 'facebook',\n      analyticsId: SLIDESHOW_ANALYTICS_ID['slideshow-share-on-facebook-button'],\n    },\n    {\n      icon: 'x_logo',\n      text: __('Twitter'),\n      eventPayload: 'twitter',\n      analyticsId: SLIDESHOW_ANALYTICS_ID['slideshow-share-on-twitter-button'],\n    },\n    {\n      icon: 'google_classroom',\n      text: __('Google Classroom'),\n      eventPayload: 'googleClassroom',\n      analyticsId: SLIDESHOW_ANALYTICS_ID['slideshow-share-on-google-classroom-button'],\n    },\n  ]\n\n  return [\n    {\n      name: 'group1',\n      rows: group1Rows,\n    },\n    {\n      name: 'group2',\n      rows: group2Rows,\n    },\n  ]\n})\n\nconst getShareLinkFor = (service: ShareService): string => {\n  return buildShareLink({\n    service,\n    ...{\n      url: coverPageUrl.value,\n      title: service === 'email' ? __('Check out my beautiful slideshow on Padlet') : title.value,\n      description: service === 'email' ? coverPageUrl.value : description.value ?? '',\n      media: links.value.snap, // TODO: should be replaced by OpenGraph image later\n      publicKey: publicKey.value,\n      params: '?slideshow=1',\n    },\n  })\n}\n\nconst handleAction = async (_event: unknown, service: ShareService) => {\n  shareLinkOnService(getShareLinkFor(service), service)\n}\n\nconst closePanel = () => {\n  isShareViaAnotherAppPanelOpen.value = false\n}\n</script>\n\n<template>\n  <OzScreenSizeAwareSideModal\n    class=\"font-sans\"\n    aria-labelledby=\"slideshow-share-via-another-app-panel-title\"\n    :full-size=\"true\"\n    :is-phone=\"isSmallerThanTabletPortrait\"\n    :width-class=\"isSmallerThanDesktop ? 'w-100' : 'w-120'\"\n    :dark-mode=\"hasDarkBackgroundLuminance\"\n    :z-index-class=\"'z-sidepanel'\"\n    :scrollbar-overlay=\"true\"\n    :top-inner-corner-radius=\"0\"\n    @scrim-click=\"closePanel\"\n    @scrim-esc=\"closePanel\"\n  >\n    <template #header>\n      <SurfacePanelHeader class=\"pb-3\">\n        <template #start-content>\n          <OzIconButton\n            icon-name=\"chevron_left_center\"\n            :size-preset=\"OzIconButtonSizePreset.H32px\"\n            :label=\"__('Close slideshow share via another app panel')\"\n            :color-scheme=\"OzIconButtonColorScheme.SecondaryClear\"\n            :dark-mode=\"hasDarkBackgroundLuminance\"\n            @click=\"closePanel\"\n          />\n        </template>\n        <template #center-content>\n          <h2\n            id=\"slideshow-share-via-another-app-panel-title\"\n            :class=\"[\n              'text-heading-3 text-center font-semibold',\n              hasDarkBackgroundLuminance ? 'text-light-text-100' : 'text-dark-text-100',\n            ]\"\n          >\n            {{ __('Sharing') }}\n          </h2>\n        </template>\n      </SurfacePanelHeader>\n    </template>\n    <template #body>\n      <div :class=\"'px-4 pt-3 pb-5 flex flex-col gap-y-5'\">\n        <div v-for=\"(group, i) in actionListGroups\" :key=\"group.name\">\n          <OzBox :key=\"i\" :radius=\"20\" :color=\"OzBoxColors.Secondary\" :dark-mode=\"hasDarkBackgroundLuminance\">\n            <OzMenuRows\n              :accessibility-role=\"'group'\"\n              :size-preset=\"OzMenuRowsSizePreset.H48px\"\n              :focus-style=\"OzMenuRowsFocusStyle.Bubble100\"\n              :dark-mode=\"hasDarkBackgroundLuminance\"\n              :common-settings=\"{\n                textTruncated: true,\n              }\"\n              :rows=\"group.rows\"\n              @select-row=\"handleAction\"\n            />\n          </OzBox>\n        </div>\n      </div>\n    </template>\n  </OzScreenSizeAwareSideModal>\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","// @file Vue composable for all menu+panel related logic in Slideshow\n\nimport { useSlideshowStore } from '@@/pinia/slideshow'\nimport { storeToRefs } from 'pinia'\n\nexport const useSlideshowOverlays = (): {\n  isAnyOverlayOpen: typeof isAnyOverlayOpen\n  isAutoplayMenuOpen: typeof isAutoplayMenuOpen\n} => {\n  const { isAnyOverlayOpen, isAutoplayMenuOpen } = storeToRefs(useSlideshowStore())\n\n  return {\n    isAnyOverlayOpen,\n    isAutoplayMenuOpen,\n  }\n}\n","// @file Vue composable for all autoplay related logic in Slideshow\nimport { getSearchParam, isSearchParamTruthy } from '@@/bits/location'\nimport type { AutoplayDurationType } from '@@/bits/slideshow'\nimport { AUTOPLAY_DURATIONS, calculateAutoSlideDuration } from '@@/bits/slideshow'\nimport { useAutoplayWithIndicatorAnimation } from '@@/vuecomposables/autoplay'\nimport { useSlideshowAttachments } from '@@/vuecomposables/slideshow_attachments'\nimport { useSlideshowOverlays } from '@@/vuecomposables/slideshow_overlays'\nimport { useSlideshowPages } from '@@/vuecomposables/slideshow_pages'\nimport { onMounted, watch } from 'vue'\n\nexport const useSlideshowAutoplay = (): {\n  isAutoplaying: typeof isAutoplaying\n  isAutoplayPaused: typeof isAutoplayPaused\n  isAutoplayLooping: typeof isAutoplayLooping\n  selectedAutoplayDuration: typeof selectedAutoplayDuration\n  computedAutoplayDurationInMs: typeof computedAutoplayDurationInMs\n  indicatorTransformScaleX: typeof indicatorTransformScaleX\n  toggleAutoplay: typeof toggleAutoplay\n  onAutoplayLoopingToggle: typeof onAutoplayLoopingToggle\n  onAutoplayDurationSelected: typeof onAutoplayDurationSelected\n} => {\n  const { onNext, onRestart, isLastPage, currentPageIndex } = useSlideshowPages()\n  const { areAttachmentsLoadedForCurrentPost, numberOfWordsOnPage, numberOfAttachmentsOnPage } =\n    useSlideshowAttachments()\n  const { isAnyOverlayOpen } = useSlideshowOverlays()\n  const {\n    autoplayTimer,\n    isAutoplaying,\n    isAutoplayPaused,\n    isAutoplayLooping,\n    selectedAutoplayDuration,\n    computedAutoplayDurationInMs,\n    indicatorTransformScaleX,\n    startAutoplay,\n    onAutoplayDurationSelected,\n    onAutoplayLoopingToggle,\n    toggleAutoplay,\n  } = useAutoplayWithIndicatorAnimation({\n    currentPageIndex,\n    isLastPage,\n    autoplayButtonId: 'slideshow-autoplay-button',\n    isAnyOtherOverlayOpen: isAnyOverlayOpen,\n    computeAutoplayDurationInMs: (x: AutoplayDurationType) => {\n      if (selectedAutoplayDuration.value === 'auto') {\n        return calculateAutoSlideDuration(numberOfWordsOnPage.value, numberOfAttachmentsOnPage.value)\n      }\n      return selectedAutoplayDuration.value * 1000\n    },\n    onNext,\n    onRestart,\n  })\n\n  // At `SurfaceSlideshowContent.vue`, we have a OVERSCAN_PAGE_LIMIT for preloading slides in the background\n  // so usually post attachments would be loaded by the time user reaches the current slide.\n  // But in the case it has not finished loading, we pause autoplaying and resume when it has finished loading\n  watch(areAttachmentsLoadedForCurrentPost, () => {\n    if (!areAttachmentsLoadedForCurrentPost.value) {\n      autoplayTimer.stop()\n    } else if (isAutoplaying.value) {\n      startAutoplay()\n    }\n  })\n  // #region init slideshow autoplay from query params\n  const initSlideshowAutoplayFromQueryParams = (): void => {\n    const loopParam = getSearchParam('loop')\n    if (isSearchParamTruthy(loopParam)) {\n      isAutoplayLooping.value = true\n    }\n\n    const durationParam = getSearchParam('duration')\n    if (durationParam != null && durationParam in AUTOPLAY_DURATIONS) {\n      onAutoplayDurationSelected(durationParam as AutoplayDurationType)\n    }\n\n    const autoplayParam = getSearchParam('autoplay')\n    if (isSearchParamTruthy(autoplayParam)) {\n      startAutoplay()\n    }\n  }\n\n  onMounted(() => {\n    initSlideshowAutoplayFromQueryParams()\n  })\n  // #endregion\n\n  return {\n    isAutoplaying,\n    isAutoplayPaused,\n    isAutoplayLooping,\n    selectedAutoplayDuration,\n    computedAutoplayDurationInMs,\n    indicatorTransformScaleX,\n\n    toggleAutoplay,\n    onAutoplayLoopingToggle,\n    onAutoplayDurationSelected,\n  }\n}\n","// @file Vue composable for all navigation related logic in Slideshow\n\nimport { trackEvent } from '@@/bits/analytics'\nimport { isAppUsing } from '@@/bits/flip'\nimport { toggleFullscreen } from '@@/bits/fullscreen'\nimport { SLIDESHOW_ANALYTICS_ID } from '@@/bits/slideshow'\nimport { useSurfaceStore } from '@@/pinia/surface'\nimport { useSlideshowOverlays } from '@@/vuecomposables/slideshow_overlays'\nimport { useSlideshowPages } from '@@/vuecomposables/slideshow_pages'\nimport { useAccessibilitySettings } from '@@/vuecomposables/useAccessibilitySettings'\nimport { storeToRefs } from 'pinia'\nimport type { KeyBindingMap } from 'tinykeys'\nimport { createKeybindingsHandler } from 'tinykeys'\nimport type { Ref } from 'vue'\nimport { nextTick, onMounted, onUnmounted, watch } from 'vue'\n\nexport const useSlideshowNavigation = ({\n  currentPageElement,\n  slideshowNavigationBarContainerRef,\n}: {\n  currentPageElement: HTMLDivElement | undefined\n  slideshowNavigationBarContainerRef: Ref<HTMLDivElement | undefined>\n}): void => {\n  const surfaceStore = useSurfaceStore()\n  const { dir, user } = storeToRefs(surfaceStore)\n\n  const { goToPage, prevPageIndex, nextPageIndex, numberOfPages } = useSlideshowPages()\n  const { isAnyOverlayOpen } = useSlideshowOverlays()\n\n  const { isKeyboardShortcutsEnabled } = useAccessibilitySettings(user)\n\n  // We call `focusCurrentPage` outside `goToNextPage` and `goToPreviousPage`\n  // because we only want to invoke it when navigating with the keys\n  // and not every time the page changes.\n  const focusCurrentPage = (): void => {\n    nextTick(() => {\n      if (currentPageElement == null) return\n      currentPageElement.focus()\n    })\n  }\n\n  const onForwardShortcutKey = (keyboardTarget: string): void => {\n    if (dir.value === 'rtl') {\n      if (prevPageIndex.value == null) return\n      goToPage(prevPageIndex.value, keyboardTarget)\n    } else {\n      if (nextPageIndex.value == null) return\n      goToPage(nextPageIndex.value, keyboardTarget)\n    }\n    focusCurrentPage()\n  }\n\n  const onBackwardShortcutKey = (keyboardTarget: string): void => {\n    if (dir.value === 'rtl') {\n      if (nextPageIndex.value == null) return\n      goToPage(nextPageIndex.value, keyboardTarget)\n    } else {\n      if (prevPageIndex.value == null) return\n      goToPage(prevPageIndex.value, keyboardTarget)\n    }\n    focusCurrentPage()\n  }\n\n  const onFirstPageShortcutKey = (keyboardTarget: string): void => {\n    goToPage(0, keyboardTarget)\n    focusCurrentPage()\n  }\n\n  const onLastPageShortcutKey = (keyboardTarget: string): void => {\n    goToPage(numberOfPages.value - 1, keyboardTarget)\n    focusCurrentPage()\n  }\n\n  const setupShortcuts = (): KeyBindingMap => {\n    const shortcuts: KeyBindingMap = {\n      ArrowLeft: () => onBackwardShortcutKey(SLIDESHOW_ANALYTICS_ID['slideshow-shortcut-left-arrow-key']),\n      ArrowUp: () => onBackwardShortcutKey(SLIDESHOW_ANALYTICS_ID['slideshow-shortcut-up-arrow-key']),\n      PageUp: () => onBackwardShortcutKey(SLIDESHOW_ANALYTICS_ID['slideshow-shortcut-page-up-key']),\n      PageDown: () => onForwardShortcutKey(SLIDESHOW_ANALYTICS_ID['slideshow-shortcut-page-down-key']),\n      ArrowRight: () => onForwardShortcutKey(SLIDESHOW_ANALYTICS_ID['slideshow-shortcut-right-arrow-key']),\n      ArrowDown: () => onForwardShortcutKey(SLIDESHOW_ANALYTICS_ID['slideshow-shortcut-down-arrow-key']),\n      Space: () => {\n        if (slideshowNavigationBarContainerRef.value?.contains(document.activeElement) === true) {\n          return\n        }\n        onForwardShortcutKey(SLIDESHOW_ANALYTICS_ID['slideshow-shortcut-space-key'])\n      },\n      Home: () => onFirstPageShortcutKey(SLIDESHOW_ANALYTICS_ID['slideshow-shortcut-home-key']),\n      End: () => onLastPageShortcutKey(SLIDESHOW_ANALYTICS_ID['slideshow-shortcut-end-key']),\n    }\n\n    if (!isAppUsing('keyboardShortcutsSetting') || isKeyboardShortcutsEnabled.value) {\n      shortcuts.F = () => {\n        trackEvent('keyboard', {\n          target: SLIDESHOW_ANALYTICS_ID['slideshow-shortcut-f-key'],\n        })\n        toggleFullscreen()\n      }\n      shortcuts.R = () => onFirstPageShortcutKey(SLIDESHOW_ANALYTICS_ID['slideshow-shortcut-r-key'])\n    }\n\n    return shortcuts\n  }\n\n  let keyboardShortcutsHandler = createKeybindingsHandler(setupShortcuts())\n\n  const startListeningForKeyboardShortcuts = (): void => window.addEventListener('keydown', keyboardShortcutsHandler)\n  const stopListeningForKeyboardShortcuts = (): void => window.removeEventListener('keydown', keyboardShortcutsHandler)\n\n  onMounted(() => {\n    startListeningForKeyboardShortcuts()\n  })\n\n  onUnmounted(() => {\n    stopListeningForKeyboardShortcuts()\n  })\n\n  watch(isAnyOverlayOpen, () => {\n    if (isAnyOverlayOpen.value) {\n      stopListeningForKeyboardShortcuts()\n    } else {\n      startListeningForKeyboardShortcuts()\n    }\n  })\n\n  watch(isKeyboardShortcutsEnabled, () => {\n    stopListeningForKeyboardShortcuts()\n    keyboardShortcutsHandler = createKeybindingsHandler(setupShortcuts())\n    if (!isAnyOverlayOpen.value) {\n      startListeningForKeyboardShortcuts()\n    }\n  })\n}\n","// @file Vue composable for managing the navigation bar visibility\n\nimport device from '@@/bits/device'\nimport { computed, onMounted, onUnmounted, Ref, ref, watch } from 'vue'\n\nconst OPACITY_TIMEOUT_MS = 300\nconst DURATION_NAVIGATION_BAR_VISIBLE_WITHOUT_INTERACTION_IN_MS = 3000\nlet timeoutForHidingNavigationBar: ReturnType<typeof setTimeout>\n\ninterface SlideshowNavigationVisibilityProps {\n  /**\n   * Needed to support navigation bar visibility on touch devices\n   * which don't trigger css hover when using press and drag across the indicator.\n   */\n  isCurrentlyDragging: Ref<boolean>\n  previousAndNextSlideControlsRef: Ref<HTMLElement | undefined>\n  containerRef: Ref<HTMLElement | undefined>\n  hasLoadedPages: Ref<boolean>\n  isAnyOverlayOpen: Ref<boolean>\n  isScreenshotMode: Ref<boolean>\n}\n\nexport const useSlideshowNavigationVisibility = ({\n  isCurrentlyDragging,\n  previousAndNextSlideControlsRef,\n  hasLoadedPages,\n  isAnyOverlayOpen,\n  isScreenshotMode,\n}: SlideshowNavigationVisibilityProps): {\n  isInertWhileNavigationBarInvisible: Ref<boolean>\n  isNavigationBarVisible: Ref<boolean>\n  showNavigationBarWithTimeout: () => void\n  startTimeoutForHidingNavigationBar: () => void\n  startShowingNavigationBarOnFocus: () => void\n  classesToAutoHideElement: Ref<string[]>\n} => {\n  /**\n   * On touch devices, the user can't move the mouse to show the navigation bar\n   * so they are able to touch it while its opacity-0 without knowing what's there.\n   * Thus, we block pointer events so that their first touch only toggles visibility.\n   *\n   * Checking isNavigationBarVisible alone is not enough,\n   * it seems like there's a race condition where the event handlers are still called.\n   */\n  const isInertWhileNavigationBarInvisible = ref(false)\n  const isNavigationBarVisibleWithTimeout = ref(true)\n  const isNavigationBarVisible = computed(() => {\n    if (isScreenshotMode.value) return false\n\n    return isCurrentlyDragging.value || isAnyOverlayOpen.value || isNavigationBarVisibleWithTimeout.value\n  })\n\n  const classesToAutoHideElement = computed(() => [\n    'slideshow-nav-bar-transition',\n    !isNavigationBarVisible.value ? 'slideshow-nav-bar-hidden' : '',\n  ])\n\n  const showNavigationBarWithTimeoutOnMouseMove = (event: MouseEvent): void => {\n    const target = event.target as HTMLElement\n    // On touchable devices, the previous/next slide controls always show and\n    // pressing them should not show the navigation bar\n    if (device.touchable && previousAndNextSlideControlsRef.value?.contains(target) === true) {\n      return\n    }\n\n    showNavigationBarWithTimeout()\n  }\n\n  const showNavigationBarWithTimeout = (): void => {\n    isNavigationBarVisibleWithTimeout.value = true\n    startTimeoutForHidingNavigationBar()\n  }\n\n  const hideNavigationBar = (): void => {\n    isNavigationBarVisibleWithTimeout.value = false\n  }\n\n  const startTimeoutForHidingNavigationBar = (): void => {\n    clearTimeout(timeoutForHidingNavigationBar)\n    timeoutForHidingNavigationBar = setTimeout(\n      hideNavigationBar,\n      DURATION_NAVIGATION_BAR_VISIBLE_WITHOUT_INTERACTION_IN_MS,\n    )\n  }\n\n  const startShowingNavigationBarOnFocus = (): void => {\n    // If the user clicks on the previous/next slide controls, which are always visible on touchable devices, don't show the rest of the nav bar\n    if (device.touchable && previousAndNextSlideControlsRef.value?.contains(document.activeElement) === true) {\n      return\n    }\n\n    showNavigationBarWithTimeout()\n  }\n\n  watch(isNavigationBarVisible, () => {\n    if (!device.touchable) return\n\n    if (isNavigationBarVisible.value) {\n      setTimeout(() => {\n        isInertWhileNavigationBarInvisible.value = false\n      }, OPACITY_TIMEOUT_MS)\n      return\n    }\n\n    isInertWhileNavigationBarInvisible.value = true\n  })\n\n  watch(\n    hasLoadedPages,\n    () => {\n      if (hasLoadedPages.value) {\n        startTimeoutForHidingNavigationBar()\n      }\n    },\n    { immediate: true },\n  )\n\n  onMounted(() => {\n    window.addEventListener('mousemove', showNavigationBarWithTimeoutOnMouseMove)\n  })\n\n  onUnmounted(() => {\n    window.removeEventListener('mousemove', showNavigationBarWithTimeoutOnMouseMove)\n  })\n\n  return {\n    isInertWhileNavigationBarInvisible,\n    isNavigationBarVisible,\n    showNavigationBarWithTimeout,\n    startTimeoutForHidingNavigationBar,\n    startShowingNavigationBarOnFocus,\n    classesToAutoHideElement,\n  }\n}\n","<script setup lang=\"ts\">\nimport device from '@@/bits/device'\nimport { toggleFullscreen } from '@@/bits/fullscreen'\nimport { __ } from '@@/bits/intl'\nimport { AutoplayDurationType, SLIDESHOW_ANALYTICS_ID } from '@@/bits/slideshow'\nimport OzBaseButton from '@@/library/v4/components/OzBaseButton.vue'\nimport OzIconButton, {\n  OzIconButtonColorScheme,\n  OzIconButtonSizePreset,\n} from '@@/library/v4/components/OzIconButton.vue'\nimport { useSurfaceStore } from '@@/pinia/surface'\nimport { useSurfaceStartingStateStore } from '@@/pinia/surface_starting_state'\nimport { useWindowSizeStore } from '@@/pinia/window_size'\nimport AutoplaySettings from '@@/vuecomponents/AutoplaySettings.vue'\nimport GlobalSnackbar from '@@/vuecomponents/GlobalSnackbar.vue'\nimport SurfaceSlideshowContent from '@@/vuecomponents/SurfaceSlideshowContent.vue'\nimport SurfaceSlideshowEmbedPanel from '@@/vuecomponents/SurfaceSlideshowEmbedPanel.vue'\nimport SurfaceSlideshowMoreMenu from '@@/vuecomponents/SurfaceSlideshowMoreMenu.vue'\nimport SurfaceSlideshowSharePanel from '@@/vuecomponents/SurfaceSlideshowSharePanel.vue'\nimport SurfaceSlideshowShareViaAnotherAppPanel from '@@/vuecomponents/SurfaceSlideshowShareViaAnotherAppPanel.vue'\nimport { useSlideshowAutoplay } from '@@/vuecomposables/slideshow_autoplay'\nimport { useSlideshowLoadingState } from '@@/vuecomposables/slideshow_loading_state'\nimport { useSlideshowMenus } from '@@/vuecomposables/slideshow_menus'\nimport { useSlideshowNavigation } from '@@/vuecomposables/slideshow_navigation'\nimport { useSlideshowNavigationVisibility } from '@@/vuecomposables/slideshow_navigation_visibility'\nimport { useSlideshowOverlays } from '@@/vuecomposables/slideshow_overlays'\nimport { useSlideshowPages } from '@@/vuecomposables/slideshow_pages'\nimport { useSlideshowPanels } from '@@/vuecomposables/slideshow_panels'\nimport { useSlideshowQRCode } from '@@/vuecomposables/slideshow_qr_code'\nimport { useSlideshowStyles } from '@@/vuecomposables/slideshow_styles'\nimport { storeToRefs } from 'pinia'\nimport type { ComponentPublicInstance } from 'vue'\nimport { computed, ref } from 'vue'\n\nconst props = defineProps<{\n  currentPageElement: HTMLDivElement | undefined\n}>()\n\nconst {\n  isSmallerThanTabletPortrait,\n  isSmallerThanDesktop,\n  isSmallerThanDesktop3XL,\n  isFullscreen,\n  windowWidth,\n  windowHeight,\n  safeAreaInsets,\n} = storeToRefs(useWindowSizeStore())\nconst { dir, isScreenshotMode, isEmbedded } = storeToRefs(useSurfaceStore())\nconst { startingState } = storeToRefs(useSurfaceStartingStateStore())\n\nconst {\n  onPrevious,\n  onNext,\n  goToPage,\n  numberOfPages,\n  pages,\n  currentPageIndex,\n  currentPageNumber,\n  isFirstPage,\n  isLastPage,\n  coverPageUrl,\n} = useSlideshowPages()\nconst { toggleQRCode, isQrCodeShown } = useSlideshowQRCode()\nconst { isMoreMenuOpen } = useSlideshowMenus()\nconst { isSharePanelOpen, isShareViaAnotherAppPanelOpen, isEmbedPanelOpen } = useSlideshowPanels()\nconst { isAnyOverlayOpen, isAutoplayMenuOpen } = useSlideshowOverlays()\nconst {\n  isAutoplayPaused,\n  isAutoplaying,\n  isAutoplayLooping,\n  indicatorTransformScaleX,\n  selectedAutoplayDuration,\n  computedAutoplayDurationInMs,\n  toggleAutoplay,\n} = useSlideshowAutoplay()\nconst handleOnSelectAutoplayDurationType = (value: AutoplayDurationType) => {\n  selectedAutoplayDuration.value = value\n  isAutoplayMenuOpen.value = false\n}\n\nconst containerRef = ref<HTMLDivElement | undefined>()\nconst moreMenuRef = ref<ComponentPublicInstance<HTMLElement> | null>(null)\nconst shareMenuRef = ref<ComponentPublicInstance<HTMLElement> | null>(null)\nconst moreMenuElement = computed(() => moreMenuRef.value?.$el)\n\nuseSlideshowNavigation({\n  currentPageElement: props.currentPageElement,\n  slideshowNavigationBarContainerRef: containerRef,\n})\n\nconst { hasDarkBackgroundLuminance, hasLightBackgroundLuminance, primaryColorStyle } = useSlideshowStyles()\n\nconst BUTTON_COLOR_SCHEME = OzIconButtonColorScheme.SecondaryClear\nconst BUTTON_SIZE_PRESET = OzIconButtonSizePreset.H40px\nconst BUTTON_ICON_SIZE = 24\nconst BUTTON_DISABLED_TRANSPARENCY_CLASS = 'aria-disabled:!bg-transparent'\nconst slideshowStatusDescription = computed(() =>\n  __('Current slide: %{currentPage} out of %{totalPages}', {\n    currentPage: currentPageNumber.value,\n    totalPages: numberOfPages.value,\n  }),\n)\n\n// Indicator\nconst MINIMUM_PADDING_FROM_EDGE_OF_SCREEN_TO_PREVIEW = 12\nconst INDICATOR_BUTTON_PADDING_START = 2\nconst PREVIEW_BORDER_WIDTH = 6\n\n// Used as padding to make sure the slide content looks accurate in the preview\n// Since there won't be a navigation bar inside the preview but we still want to account\n// for the same space that is usually taken by it.\nconst navigationBarHeight = ref(0)\n/**\n * Set navbarHeight when the user mouse has entered / focused.\n * This is more reliable than setting it on mount which can sometimes read the wrong height.\n */\nconst setNavigationBarHeight = () => {\n  navigationBarHeight.value = containerRef.value?.offsetHeight ?? 0\n}\nconst indicatorButtonWidth = computed(() => windowWidth.value / numberOfPages.value)\nconst shouldIndicatorsBePaginated = computed(() => indicatorButtonWidth.value >= 20)\n\n// Includes the width of the left and right borders\nconst previewContainerWidth = computed(() => {\n  if (isSmallerThanTabletPortrait.value) {\n    return 116\n  }\n  if (isSmallerThanDesktop.value) {\n    return 224\n  }\n  if (isSmallerThanDesktop3XL.value) {\n    return 396\n  }\n  return 612\n})\n// Set height according to aspect ratio of window so that preview looks exactly like the actual content on the slide\nconst previewContainerHeight = computed(() => (windowHeight.value / windowWidth.value) * previewContainerWidth.value)\n\nconst previewContentWidth = computed(() => previewContainerWidth.value - PREVIEW_BORDER_WIDTH * 2)\nconst previewContentHeight = computed(() => previewContainerHeight.value - PREVIEW_BORDER_WIDTH * 2)\nconst previewContentTransformScaleX = computed(() => previewContentWidth.value / windowWidth.value)\nconst previewContentTransformScaleY = computed(() => previewContentHeight.value / windowHeight.value)\n\nconst previewStartPosition = computed(() => {\n  if (currentPreviewPageIndex.value == null) return 0\n  const startPositionForIndicatorButton =\n    indicatorButtonWidth.value * currentPreviewPageIndex.value + INDICATOR_BUTTON_PADDING_START\n\n  // Formula: position1 = position2 + ((width2 - width1) / 2)\n  const startPositionToCenterPreviewOverIndicatorButton =\n    startPositionForIndicatorButton + (indicatorButtonWidth.value - previewContainerWidth.value) / 2\n\n  // Preview position should be bounded by 12px from left or right edge of screen\n  // (Equidistant padding from the indicator button)\n  const endEdge = windowWidth.value - previewContainerWidth.value - MINIMUM_PADDING_FROM_EDGE_OF_SCREEN_TO_PREVIEW\n  const previewStartPositionBoundedToStartEdge = Math.max(\n    startPositionToCenterPreviewOverIndicatorButton,\n    MINIMUM_PADDING_FROM_EDGE_OF_SCREEN_TO_PREVIEW,\n  )\n  const previewStartPositionBoundedToBothEdges = Math.min(previewStartPositionBoundedToStartEdge, endEdge)\n\n  return previewStartPositionBoundedToBothEdges\n})\n\nconst currentHoveredPageIndex = ref<number | null>(null)\nconst currentPreviewPageIndex = computed(() => currentHoveredPageIndex.value ?? currentPageIndex.value)\nconst isCurrentlyDragging = ref(false)\nconst shouldShowActiveButtonStyle = (indicatorButtonPageIndex: number) => {\n  if (!isCurrentlyDragging.value) {\n    return true\n  }\n  return indicatorButtonPageIndex === currentHoveredPageIndex.value\n}\n// On touch devices, active state isn't triggered while the user is dragging across the indicators\nconst shouldForceActiveButtonStyle = (indicatorButtonPageIndex: number) => {\n  if (!device.touchable) {\n    return false\n  }\n  return indicatorButtonPageIndex === currentHoveredPageIndex.value\n}\n\nconst onIndicatorButtonPointerUp = (pageIndex: number) => {\n  goToPage(pageIndex)\n  currentHoveredPageIndex.value = null\n  isCurrentlyDragging.value = false\n  showNavigationBarWithTimeout()\n}\nconst onIndicatorButtonPointerDown = (event: PointerEvent, pageIndex: number) => {\n  // Pointer capture must be released otherwise subsequent pointer events on other buttons\n  // will not trigger events and their event handlers (e.g. pointerenter, pointerup etc)\n  // Reference: https://w3c.github.io/pointerevents/#releasing-pointer-capture\n  const buttonElement = event?.target as Element\n  buttonElement.releasePointerCapture(event.pointerId)\n  currentHoveredPageIndex.value = pageIndex\n  isCurrentlyDragging.value = true\n}\nconst onIndicatorButtonPointerEnter = (pageIndex: number) => {\n  currentHoveredPageIndex.value = pageIndex\n}\nconst onIndicatorButtonPointerLeave = () => {\n  currentHoveredPageIndex.value = null\n}\n\nconst previousAndNextSlideControlsRef = ref<HTMLDivElement | undefined>()\nconst { hasLoadedPages } = useSlideshowLoadingState()\nconst {\n  isInertWhileNavigationBarInvisible,\n  isNavigationBarVisible,\n  showNavigationBarWithTimeout,\n  startTimeoutForHidingNavigationBar,\n  startShowingNavigationBarOnFocus,\n  classesToAutoHideElement,\n} = useSlideshowNavigationVisibility({\n  isCurrentlyDragging,\n  previousAndNextSlideControlsRef,\n  containerRef,\n  hasLoadedPages,\n  isAnyOverlayOpen,\n  isScreenshotMode,\n})\n\nconst openShareOverlay = () => {\n  isSharePanelOpen.value = true\n}\n\nconst openSlideshowInANewTab = () => {\n  window.open(coverPageUrl.value, '_blank')\n}\n</script>\n\n<template>\n  <div\n    ref=\"containerRef\"\n    :style=\"{\n      backgroundColor: primaryColorStyle,\n      paddingTop: 'var(--safe-area-inset-top)',\n      paddingBottom: 'var(--safe-area-inset-bottom)',\n      paddingLeft: 'var(--safe-area-inset-left)',\n      paddingRight: 'var(--safe-area-inset-right)',\n    }\"\n    @focusin=\"startShowingNavigationBarOnFocus\"\n    @focusout=\"startTimeoutForHidingNavigationBar\"\n  >\n    <div\n      id=\"slideshow-nav-bar-content\"\n      :class=\"['w-full']\"\n      @mouseenter.once=\"setNavigationBarHeight\"\n      @touchstart.once=\"setNavigationBarHeight\"\n      @focusin.once=\"setNavigationBarHeight\"\n    >\n      <!-- Indicator -->\n      <div\n        :inert=\"!isNavigationBarVisible\"\n        data-testid=\"slideshowNavigationBarIndicator\"\n        :class=\"[\n          'w-full',\n          'box-border',\n          'flex',\n          '-mb-3', // Needs to match indicator button padding bottom\n          classesToAutoHideElement,\n        ]\"\n        :aria-hidden=\"true\"\n      >\n        <!-- INDICATOR PREVIEW -->\n\n        <!-- Use inert to prevent click/focus events on the slideshow content -->\n        <!-- The alternative would be recursively applying tabindex=\"-1\" to all child nodes -->\n        <!-- which is challenging especially because of the different attachment types -->\n        <div\n          v-if=\"currentHoveredPageIndex != null\"\n          inert\n          :aria-hidden=\"true\"\n          :class=\"[\n            'z-50', // Preview overlaps with the actual slide content, without this the preview would get blocked by the attachment loader\n            'fixed', // Use fixed to position in initial containing block, would use Teleport if we used Vue 3\n            'border-solid rounded-[18px]',\n            'box-border',\n            'overflow-hidden',\n            'flex justify-center items-center',\n            hasDarkBackgroundLuminance ? 'border-light-text-200' : 'border-dark-text-200 ',\n          ]\"\n          :style=\"{\n            backgroundColor: primaryColorStyle,\n            bottom: `${navigationBarHeight}px`,\n            right: dir === 'rtl' ? `${previewStartPosition}px` : '',\n            left: dir === 'rtl' ? '' : `${previewStartPosition}px`,\n            width: `${previewContainerWidth}px`,\n            height: `${previewContainerHeight}px`,\n            borderWidth: `${PREVIEW_BORDER_WIDTH}px`,\n          }\"\n        >\n          <!-- For slideshows with multiple long posts, the preloading is too expensive -->\n          <!-- The speed at which slides advance is much faster for preview so there's too much layout thrashing. -->\n          <!-- (That happens in the resize post composable) -->\n\n          <!-- Also, there's diminishing returns for preloading because of the speed at which slides are moved through -->\n          <!-- and the fact that users can (and most likely will) move through slides in a non-consecutive order. -->\n\n          <!-- Starting with a conversative value of 0, because even 1 caused some lag on larger padlets. -->\n          <SurfaceSlideshowContent\n            v-if=\"currentPreviewPageIndex != null\"\n            :class=\"['shrink-0']\"\n            :data-testid=\"`slideshowNavigationBarIndicatorContentPreview-${currentPreviewPageIndex + 1}`\"\n            :pages=\"pages\"\n            :current-page-index=\"currentPreviewPageIndex\"\n            :overscan-page-limit=\"0\"\n            :style=\"{\n              // Set the content to the exact dimensions of what the user sees\n              // Then scale it down to fit inside the preview\n              width: `${windowWidth}px`,\n              height: `${windowHeight - navigationBarHeight}px`,\n              transform: `scale(${previewContentTransformScaleX}, ${previewContentTransformScaleY})`,\n              paddingBottom: `${navigationBarHeight}px`,\n            }\"\n          />\n        </div>\n\n        <!-- INDICATOR BUTTONS -->\n        <!-- Indicator buttons are not focusable because it worsens the UX for tab focus -->\n        <!-- The user would need to tab through all the indicator buttons before reaching the controls -->\n\n        <!-- pageIndicatorNumber starts from 1 -->\n        <!-- eslint-disable-next-line vuejs-accessibility/mouse-events-have-key-events -->\n        <OzBaseButton\n          v-for=\"pageIndicatorNumber in numberOfPages\"\n          :key=\"pageIndicatorNumber\"\n          :data-testid=\"`slideshowNavigationBarIndicatorButton-${pageIndicatorNumber}`\"\n          :data-pepin-id=\"`${SLIDESHOW_ANALYTICS_ID['slideshow-indicator-button']}-${pageIndicatorNumber}`\"\n          data-pepin-trigger=\"click\"\n          :class=\"[\n            'group',\n            'pb-3 pt-3.5 hhover:pt-3',\n            shouldShowActiveButtonStyle(pageIndicatorNumber - 1) && 'hactive:pt-3',\n            shouldForceActiveButtonStyle(pageIndicatorNumber - 1) && '!pt-3',\n            'z-10', // The indicator button overlaps the navbar, make the bottom padding within the bar clickable\n            'bg-clip-content',\n            // Start/end padding should be included in part of the button which is why we don't add it to the parent container\n            // It's better UX to avoid a dead area that can't be clicked by the user, especially when the indicator is narrow\n            shouldIndicatorsBePaginated\n              ? [\n                  'px-0.5',\n                  pageIndicatorNumber === 1 && 'ps-1 pe-0.5',\n                  pageIndicatorNumber === numberOfPages && 'pe-1 ps-0.5',\n                ]\n              : ['px-0', pageIndicatorNumber === 1 && 'ps-1', pageIndicatorNumber === numberOfPages && 'pe-1'],\n            'bg-transparent', // OzBaseButton override\n          ]\"\n          :style=\"{\n            width: `${\n              pageIndicatorNumber === 1 || pageIndicatorNumber === numberOfPages\n                ? indicatorButtonWidth + 2 // Account for the extra 2px for first/last slide button\n                : indicatorButtonWidth\n            }px`,\n            // This is needed for pointer* event handlers to work correctly on touch devices\n            touchAction: 'none',\n          }\"\n          tabindex=\"-1\"\n          @pointerup=\"onIndicatorButtonPointerUp(pageIndicatorNumber - 1)\"\n          @pointerdown=\"onIndicatorButtonPointerDown($event, pageIndicatorNumber - 1)\"\n          @pointerenter=\"onIndicatorButtonPointerEnter(pageIndicatorNumber - 1)\"\n          @pointerleave=\"onIndicatorButtonPointerLeave\"\n        >\n          <!-- Don't use hover-hover: for active styles because we want it to appear on mobile too -->\n          <!-- And there's currently no hactive equivalent for group -->\n          <div\n            :class=\"[\n              'relative',\n              'h-1.5 hover-hover:group-hover:h-2',\n              shouldShowActiveButtonStyle(pageIndicatorNumber - 1) && 'group-active:h-2',\n              shouldForceActiveButtonStyle(pageIndicatorNumber - 1) && '!h-2',\n              hasDarkBackgroundLuminance ? 'bg-light-text-400' : 'bg-dark-text-400',\n              'w-full',\n              shouldIndicatorsBePaginated && 'rounded-xs',\n            ]\"\n          >\n            <!-- Hovered indicator button overlay -->\n            <div\n              :class=\"[\n                'invisible hover-hover:group-hover:visible',\n                shouldShowActiveButtonStyle(pageIndicatorNumber - 1) && 'group-active:visible',\n                shouldForceActiveButtonStyle(pageIndicatorNumber - 1) && '!visible',\n                hasDarkBackgroundLuminance ? 'bg-light-text-300' : 'bg-dark-text-300',\n                'absolute',\n                'h-2 w-full',\n                shouldIndicatorsBePaginated && 'rounded-xs',\n              ]\"\n            />\n            <!-- Past slides / Current slide indicator button overlay -->\n            <div\n              v-if=\"currentPageNumber != null && currentPageNumber >= pageIndicatorNumber\"\n              :class=\"[\n                'hover-hover:group-hover:invisible',\n                shouldShowActiveButtonStyle(pageIndicatorNumber - 1) && 'group-active:invisible',\n                shouldForceActiveButtonStyle(pageIndicatorNumber - 1) && '!invisible',\n                hasDarkBackgroundLuminance ? 'bg-light-text-400' : 'bg-dark-text-400',\n                'absolute',\n                'h-1.5 w-full',\n                shouldIndicatorsBePaginated && 'rounded-xs',\n                dir === 'ltr' ? 'origin-left' : 'origin-right',\n              ]\"\n              :style=\"{\n                // Animate the bar from left to right when autoplay is enabled\n                // Based on the duration selected\n                transform:\n                  ((isAnyOverlayOpen && isAutoplayPaused) || isAutoplaying) && currentPageNumber === pageIndicatorNumber\n                    ? `scaleX(${indicatorTransformScaleX})`\n                    : undefined,\n              }\"\n            />\n          </div>\n        </OzBaseButton>\n      </div>\n\n      <!-- Navigation control buttons -->\n      <div\n        :class=\"[\n          'box-border',\n          'desktop:gap-2 grid grid-cols-3',\n          'w-full',\n          'px-2',\n          'tablet-portrait:px-4',\n          device.app ? 'py-2' : 'py-3',\n          'font-sans',\n        ]\"\n      >\n        <!-- Autoplay controls -->\n        <div\n          :class=\"['flex flex-row items-center gap-2', classesToAutoHideElement]\"\n          data-testid=\"slideshowNavigationBarAutoplayControls\"\n          :inert=\"isInertWhileNavigationBarInvisible\"\n        >\n          <OzIconButton\n            :class=\"BUTTON_DISABLED_TRANSPARENCY_CLASS\"\n            :dark-mode=\"hasDarkBackgroundLuminance\"\n            :color-scheme=\"BUTTON_COLOR_SCHEME\"\n            :icon-name=\"isAutoplaying ? 'pause_outline' : 'play_outline'\"\n            :icon-size=\"BUTTON_ICON_SIZE\"\n            :size-preset=\"BUTTON_SIZE_PRESET\"\n            :label=\"isAutoplaying ? __('Pause autoplay') : __('Start autoplay')\"\n            :data-pepin-id=\"SLIDESHOW_ANALYTICS_ID['slideshow-autoplay-button']\"\n            data-pepin-trigger=\"click\"\n            data-testid=\"slideshowNavigationBarAutoplayButton\"\n            @click=\"toggleAutoplay\"\n          />\n\n          <AutoplaySettings\n            :x-autoplay-menu=\"isAutoplayMenuOpen\"\n            :is-autoplay-looping=\"isAutoplayLooping\"\n            :selected-autoplay-duration=\"selectedAutoplayDuration\"\n            :autoplay-duration-in-ms=\"computedAutoplayDurationInMs\"\n            :dark-mode=\"hasDarkBackgroundLuminance\"\n            :test-id-prefix=\"'slideshowNavigationBar'\"\n            :duration-type-analytics-id-prefix=\"SLIDESHOW_ANALYTICS_ID['slideshow-autoplay-duration-button']\"\n            :loop-analytics-id=\"SLIDESHOW_ANALYTICS_ID['slideshow-autoplay-loop-slides-button']\"\n            @toggle-autoplay-menu=\"isAutoplayMenuOpen = !isAutoplayMenuOpen\"\n            @toggle-loop=\"isAutoplayLooping = !isAutoplayLooping\"\n            @select-duration-type=\"handleOnSelectAutoplayDurationType\"\n          />\n        </div>\n\n        <!-- Previous/next slide controls -->\n\n        <!-- Touchable device: Always show entire controls -->\n        <!-- Screenshot mode: Always show slide numbers -->\n        <div\n          ref=\"previousAndNextSlideControlsRef\"\n          data-testid=\"slideshowNavigationBarPreviousAndNextSlideControls\"\n          :class=\"[\n            'flex items-center gap-4 col-start-2 place-self-center',\n            // It's not possible to override opacity-0 on a child so we don't apply the class if it needs to be always shown\n            !device.touchable && !isScreenshotMode && classesToAutoHideElement,\n          ]\"\n        >\n          <OzIconButton\n            :class=\"[BUTTON_DISABLED_TRANSPARENCY_CLASS, isScreenshotMode && classesToAutoHideElement]\"\n            :dark-mode=\"hasDarkBackgroundLuminance\"\n            :color-scheme=\"BUTTON_COLOR_SCHEME\"\n            :icon-name=\"'chevron_left_center'\"\n            :icon-size=\"BUTTON_ICON_SIZE\"\n            :size-preset=\"BUTTON_SIZE_PRESET\"\n            :label=\"__('Previous slide')\"\n            :disabled=\"isFirstPage\"\n            :data-pepin-id=\"SLIDESHOW_ANALYTICS_ID['presentation-view-previous-button']\"\n            data-pepin-trigger=\"click\"\n            :data-testid=\"'slideshowNavigationBarButtonPreviousSlide'\"\n            @click=\"() => onPrevious(SLIDESHOW_ANALYTICS_ID['presentation-view-previous-button'])\"\n          />\n          <div :class=\"['text-center text-body whitespace-nowrap']\" aria-hidden=\"true\">\n            <span\n              :class=\"{\n                'text-dark-text-100': hasLightBackgroundLuminance,\n                'text-light-text-100': hasDarkBackgroundLuminance,\n              }\"\n              :data-testid=\"'slideshowNavigationBarCurrentPageNumber'\"\n            >\n              {{ currentPageNumber }}\n            </span>\n            <span\n              :class=\"{\n                'text-dark-text-300': hasLightBackgroundLuminance,\n                'text-light-text-300': hasDarkBackgroundLuminance,\n              }\"\n            >\n              /{{ ' ' }}\n            </span>\n            <span\n              :class=\"{\n                'text-dark-text-300': hasLightBackgroundLuminance,\n                'text-light-text-300': hasDarkBackgroundLuminance,\n              }\"\n              :data-testid=\"'slideshowNavigationBarNumberOfPages'\"\n            >\n              {{ numberOfPages }}\n            </span>\n          </div>\n          <p v-if=\"currentPageNumber && numberOfPages\" class=\"sr-only\" aria-live=\"polite\">\n            {{ slideshowStatusDescription }}\n          </p>\n          <OzIconButton\n            :class=\"[BUTTON_DISABLED_TRANSPARENCY_CLASS, isScreenshotMode && classesToAutoHideElement]\"\n            :dark-mode=\"hasDarkBackgroundLuminance\"\n            :color-scheme=\"BUTTON_COLOR_SCHEME\"\n            :icon-name=\"'chevron_right_center'\"\n            :icon-size=\"BUTTON_ICON_SIZE\"\n            :size-preset=\"BUTTON_SIZE_PRESET\"\n            :label=\"__('Next slide')\"\n            :disabled=\"isLastPage\"\n            :data-pepin-id=\"SLIDESHOW_ANALYTICS_ID['presentation-view-next-button']\"\n            data-pepin-trigger=\"click\"\n            :data-testid=\"'slideshowNavigationBarButtonNextSlide'\"\n            @click=\"() => onNext(SLIDESHOW_ANALYTICS_ID['presentation-view-next-button'])\"\n          />\n        </div>\n\n        <!-- More controls -->\n        <div\n          data-testid=\"slideshowNavigationBarMoreControls\"\n          :class=\"['place-self-end flex flex-row gap-2', classesToAutoHideElement]\"\n          :inert=\"isInertWhileNavigationBarInvisible\"\n        >\n          <template v-if=\"isEmbedded\">\n            <OzIconButton\n              ref=\"shareMenuRef\"\n              :class=\"[BUTTON_DISABLED_TRANSPARENCY_CLASS]\"\n              :dark-mode=\"hasDarkBackgroundLuminance\"\n              :color-scheme=\"BUTTON_COLOR_SCHEME\"\n              :icon-name=\"'share_arrow_outline'\"\n              :icon-size=\"BUTTON_ICON_SIZE\"\n              :size-preset=\"BUTTON_SIZE_PRESET\"\n              :label=\"__('Open share menu')\"\n              :data-pepin-id=\"SLIDESHOW_ANALYTICS_ID['slideshow-share-button']\"\n              data-pepin-trigger=\"click\"\n              data-testid=\"slideshowNavigationBarShareMenuButton\"\n              :disabled=\"!startingState.canIAccessContentDirectly\"\n              @click=\"openShareOverlay\"\n            />\n            <OzIconButton\n              :class=\"[BUTTON_DISABLED_TRANSPARENCY_CLASS]\"\n              :dark-mode=\"hasDarkBackgroundLuminance\"\n              :color-scheme=\"BUTTON_COLOR_SCHEME\"\n              :icon-name=\"'external_link'\"\n              :icon-size=\"BUTTON_ICON_SIZE\"\n              :size-preset=\"BUTTON_SIZE_PRESET\"\n              :label=\"__('Open in a new tab')\"\n              :data-pepin-id=\"SLIDESHOW_ANALYTICS_ID['slideshow-open-in-new-tab-button']\"\n              data-pepin-trigger=\"click\"\n              @click=\"openSlideshowInANewTab\"\n            />\n            <OzIconButton\n              ref=\"moreMenuRef\"\n              :class=\"[BUTTON_DISABLED_TRANSPARENCY_CLASS]\"\n              :dark-mode=\"hasDarkBackgroundLuminance\"\n              :color-scheme=\"BUTTON_COLOR_SCHEME\"\n              :icon-name=\"'dot_3_horizontal'\"\n              :icon-size=\"BUTTON_ICON_SIZE\"\n              :size-preset=\"BUTTON_SIZE_PRESET\"\n              :label=\"__('Open more menu')\"\n              :data-pepin-id=\"SLIDESHOW_ANALYTICS_ID['presentation-view-more-button']\"\n              data-pepin-trigger=\"click\"\n              data-testid=\"slideshowNavigationBarMoreMenuButton\"\n              @click=\"isMoreMenuOpen = true\"\n            />\n          </template>\n          <template v-else>\n            <OzIconButton\n              v-if=\"isFirstPage\"\n              data-pepin-trigger=\"click\"\n              :data-pepin-id=\"SLIDESHOW_ANALYTICS_ID['slideshow-qr-button']\"\n              :class=\"[BUTTON_DISABLED_TRANSPARENCY_CLASS]\"\n              :dark-mode=\"hasDarkBackgroundLuminance\"\n              :color-scheme=\"isQrCodeShown ? OzIconButtonColorScheme.SecondaryClearActive : BUTTON_COLOR_SCHEME\"\n              :icon-name=\"'qr'\"\n              :icon-size=\"BUTTON_ICON_SIZE\"\n              :size-preset=\"BUTTON_SIZE_PRESET\"\n              :label=\"__('Show QR code')\"\n              data-testid=\"slideshowNavigationBarQrCodeButton\"\n              @click=\"toggleQRCode\"\n            />\n\n            <OzIconButton\n              v-if=\"device.app || isSmallerThanTabletPortrait\"\n              ref=\"moreMenuRef\"\n              :class=\"[BUTTON_DISABLED_TRANSPARENCY_CLASS]\"\n              :dark-mode=\"hasDarkBackgroundLuminance\"\n              :color-scheme=\"BUTTON_COLOR_SCHEME\"\n              :icon-name=\"'dot_3_horizontal'\"\n              :icon-size=\"BUTTON_ICON_SIZE\"\n              :size-preset=\"BUTTON_SIZE_PRESET\"\n              :label=\"__('Open more menu')\"\n              :data-pepin-id=\"SLIDESHOW_ANALYTICS_ID['presentation-view-more-button']\"\n              data-pepin-trigger=\"click\"\n              data-testid=\"slideshowNavigationBarMoreMenuButton\"\n              @click=\"isMoreMenuOpen = true\"\n            />\n            <template v-else>\n              <OzIconButton\n                ref=\"shareMenuRef\"\n                :class=\"[BUTTON_DISABLED_TRANSPARENCY_CLASS]\"\n                :dark-mode=\"hasDarkBackgroundLuminance\"\n                :color-scheme=\"BUTTON_COLOR_SCHEME\"\n                :icon-name=\"'share_arrow_outline'\"\n                :icon-size=\"BUTTON_ICON_SIZE\"\n                :size-preset=\"BUTTON_SIZE_PRESET\"\n                :label=\"__('Open share menu')\"\n                :data-pepin-id=\"SLIDESHOW_ANALYTICS_ID['slideshow-share-button']\"\n                data-pepin-trigger=\"click\"\n                data-testid=\"slideshowNavigationBarShareMenuButton\"\n                :disabled=\"!startingState.canIAccessContentDirectly\"\n                @click=\"openShareOverlay\"\n              />\n              <OzIconButton\n                :class=\"[BUTTON_DISABLED_TRANSPARENCY_CLASS]\"\n                :dark-mode=\"hasDarkBackgroundLuminance\"\n                :color-scheme=\"BUTTON_COLOR_SCHEME\"\n                :icon-name=\"isFullscreen ? 'fullscreen_exit' : 'fullscreen'\"\n                :icon-size=\"BUTTON_ICON_SIZE\"\n                :size-preset=\"BUTTON_SIZE_PRESET\"\n                :label=\"isFullscreen ? __('Exit fullscreen') : __('Enter fullscreen')\"\n                :data-pepin-id=\"\n                  isFullscreen\n                    ? SLIDESHOW_ANALYTICS_ID['slideshow-exit-fullscreen-button']\n                    : SLIDESHOW_ANALYTICS_ID['slideshow-enter-fullscreen-button']\n                \"\n                data-pepin-trigger=\"click\"\n                data-testid=\"slideshowNavigationBarFullscreenButton\"\n                @click=\"toggleFullscreen\"\n              />\n            </template>\n          </template>\n        </div>\n\n        <!-- Panels -->\n        <SurfaceSlideshowSharePanel v-if=\"isSharePanelOpen\" />\n        <SurfaceSlideshowShareViaAnotherAppPanel v-if=\"isShareViaAnotherAppPanelOpen\" />\n        <SurfaceSlideshowEmbedPanel v-if=\"isEmbedPanelOpen\" />\n\n        <!-- Menus -->\n        <SurfaceSlideshowMoreMenu v-if=\"isMoreMenuOpen\" :anchor-element=\"moreMenuElement\" />\n      </div>\n    </div>\n\n    <!-- Snackbar -->\n    <GlobalSnackbar :dark-mode=\"hasDarkBackgroundLuminance\" :top-offset=\"safeAreaInsets.top\" />\n  </div>\n</template>\n\n<style lang=\"postcss\" scoped>\n.slideshow-nav-bar-transition {\n  transition: opacity 0.3s ease-in-out;\n  -webkit-transition: opacity 0.3s ease-in-out;\n}\n\n@media (hover: hover) {\n  #slideshow-nav-bar-content:not(:hover) .slideshow-nav-bar-hidden {\n    opacity: 0;\n  }\n}\n\n@media (hover: none) {\n  .slideshow-nav-bar-hidden {\n    opacity: 0;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { observeConnectivity } from '@@/bits/connectivity'\nimport device from '@@/bits/device'\nimport { __ } from '@@/bits/intl'\nimport { currentHostWithProtocol } from '@@/bits/location'\nimport { COVER_PAGE_INDEX, SLIDESHOW_CONTENT_LOADED_ID } from '@@/bits/slideshow'\nimport OzBaseButton from '@@/library/v4/components/OzBaseButton.vue'\nimport OzIndeterminateSpinner from '@@/library/v4/components/OzIndeterminateSpinner.vue'\nimport OzPadletLogo, {\n  OzPadletLogoColorScheme,\n  OzPadletLogoSizePreset,\n} from '@@/library/v4/components/OzPadletLogo.vue'\nimport { slideshowMounted } from '@@/native_bridge/actions'\nimport postMessage from '@@/native_bridge/post_message'\nimport { useSurfaceStore } from '@@/pinia/surface'\nimport { useSurfaceUserContributorsStore } from '@@/pinia/surface_user_contributors'\nimport { useWindowSizeStore } from '@@/pinia/window_size'\nimport { PageType } from '@@/types/slideshow'\nimport SurfaceQrCode from '@@/vuecomponents/SurfaceQrCode.vue'\nimport SurfaceSlideshowAuthor from '@@/vuecomponents/SurfaceSlideshowAuthor.vue'\nimport SurfaceSlideshowContent from '@@/vuecomponents/SurfaceSlideshowContent.vue'\nimport SurfaceSlideshowNavigationBarV2 from '@@/vuecomponents/SurfaceSlideshowNavigationBarV2.vue'\nimport { useSlideshowAttachments } from '@@/vuecomposables/slideshow_attachments'\nimport { useSlideshowLoadingState } from '@@/vuecomposables/slideshow_loading_state'\nimport { useSlideshowPages } from '@@/vuecomposables/slideshow_pages'\nimport { useSlideshowQRCode } from '@@/vuecomposables/slideshow_qr_code'\nimport { useSlideshowStyles } from '@@/vuecomposables/slideshow_styles'\nimport { useSurfaceFetchInitialState } from '@@/vuecomposables/surface_fetch_initial_state'\nimport { storeToRefs } from 'pinia'\nimport { computed, nextTick, onBeforeMount, onMounted, ref, watch } from 'vue'\n\nconst surfaceStore = useSurfaceStore()\nconst { refresh, changeConnectivity } = surfaceStore\nconst { dir, isOnline, links, isEmbedded, isScreenshotMode, address, skinAccentTextColor, xAuthor } =\n  storeToRefs(surfaceStore)\nconst { isSmallerThanDesktop3XL, safeAreaInsets } = storeToRefs(useWindowSizeStore())\nconst surfaceUserContributorsStore = useSurfaceUserContributorsStore()\nconst currentPostAuthor = computed(() => {\n  const authorId = currentPost.value?.author_id || currentPost.value?.author_hashid\n  return authorId ? surfaceUserContributorsStore.getUserById(authorId) : null\n})\n\n// STYLES\n\nconst { hasDarkBackgroundLuminance, primaryColorStyle, qrCodeBaseStyles, accentColorStyle } = useSlideshowStyles()\n\n// PAGE LOGIC\n\nconst { isDataLoaded, hasLoadedPages, isPageCoverLoaded } = useSlideshowLoadingState()\nconst { pages, isFirstPage, currentPageIndex, currentPost } = useSlideshowPages()\nconst { isQrCodeShown, shouldRemoveQrCode, toggleQRCode } = useSlideshowQRCode()\nconst { areAttachmentsLoadedForCurrentPost } = useSlideshowAttachments()\n\n/**\n * This watcher handles navigation to the correct page based on the url.\n * It covers 2 use cases:\n * 1. The initial load after data has been fetched and pages have been populated\n * 2. When the underlying padlet has been updated by realtime, the currentPageIndex needs to be recalculated\n */\nwatch(\n  [isDataLoaded, pages],\n  ([isDataLoaded, pages]) => {\n    const isReadyToNavigate = isDataLoaded && pages.length > 0\n    if (!isReadyToNavigate) {\n      return\n    }\n\n    // fetch post authors only after posts are fetched, as we need the author id/hashid from the posts\n    surfaceUserContributorsStore.fetchPostAuthors()\n\n    // Jump to the correct index if there is any entity id in the url\n    // Example: /slideshow/wish/123 or /slideshow/section/456\n    const isWishPath = window.location.pathname.includes('/slideshow/wish/')\n    const isSectionPath = window.location.pathname.includes('/slideshow/section/')\n    if (!isWishPath && !isSectionPath) {\n      currentPageIndex.value = COVER_PAGE_INDEX\n      hasLoadedPages.value = true\n      return\n    }\n\n    const splitPath = window.location.pathname.split('/')\n    const entityIdFromPath = splitPath[splitPath.length - 1]\n    const matchingEntityPageIndex = pages.findIndex(({ entityId, pageType }) => {\n      // Matching entityId alone is insufficient because there could be collision with postId and sectionId\n      // Assumption: Only two page types currently\n      const isMatchingPageType = isWishPath ? pageType === PageType.Post : pageType === PageType.Section\n      return isMatchingPageType && entityId === entityIdFromPath\n    })\n\n    // This only applies for sections since wishes can be moved to other padlets\n    // and the backend will handle the redirection to the correct padlet based on the wishId\n    const noMatchingPageFound = matchingEntityPageIndex === -1\n    if (noMatchingPageFound) {\n      window.history.replaceState({}, '', `/${address.value}/slideshow`)\n      currentPageIndex.value = COVER_PAGE_INDEX\n    } else {\n      currentPageIndex.value = matchingEntityPageIndex\n    }\n\n    hasLoadedPages.value = true\n  },\n  { immediate: true },\n)\n\nconst isCurrentPageContentLoaded = ref(false)\nwatch([hasLoadedPages, areAttachmentsLoadedForCurrentPost], ([loadedPages, attachmentsLoadedForCurrentPost]) => {\n  if (!loadedPages || !attachmentsLoadedForCurrentPost || !isPageCoverLoaded) return\n  nextTick(() => {\n    setTimeout(() => {\n      isCurrentPageContentLoaded.value = true\n    }, 0)\n  })\n})\n\nwatch(\n  isOnline,\n  () => {\n    // refresh the app automatically when the user comes back online\n    // the store action checks for isOnline so we don't need to do it here\n    refresh({ isAutoRefresh: true })\n  },\n  { immediate: true },\n)\n\nconst surfaceSlideshowContentRef = ref<InstanceType<typeof SurfaceSlideshowContent>>()\nconst shouldShowPadletLogo = computed(() => !device.app)\nconst shouldShowPadletLogoWithBackground = computed(() => isEmbedded.value && isFirstPage.value)\n\nconst padletLogoSizePreset = computed(() =>\n  isSmallerThanDesktop3XL.value ? OzPadletLogoSizePreset.W48px : OzPadletLogoSizePreset.W96px,\n)\nconst avatarLogoSize = computed(() => (isSmallerThanDesktop3XL.value ? 14 : 24))\nconst padletLogoHref = computed(() => currentHostWithProtocol())\n\nonBeforeMount(() => {\n  useSurfaceFetchInitialState().fetchInitialState({\n    postDrafts: false,\n    submissionRequestLink: false,\n  })\n})\n\nonMounted(async () => {\n  // manually refresh once in the case where the user is visiting without any cache\n  // then we watch for connectivity changes and refresh automatically\n  refresh({ isAutoRefresh: false })\n  observeConnectivity((isOnline: boolean): void => {\n    changeConnectivity(isOnline)\n  })\n\n  postMessage(slideshowMounted())\n})\n</script>\n\n<template>\n  <main :dir=\"dir\" :class=\"['h-vh100', 'relative', 'flex flex-col justify-between']\">\n    <div\n      v-if=\"shouldShowPadletLogo\"\n      :class=\"[\n        'absolute',\n        shouldShowPadletLogoWithBackground\n          ? 'top-3 start-2.5'\n          : 'top-4.5 start-5 desktop-3xl:top-9 desktop-3xl:start-10',\n        'z-10', // Use z-index instead of modifying DOM order to preserve focus order (should be first focusable element)\n        'flex items-center',\n        isSmallerThanDesktop3XL ? 'gap-3' : 'gap-4',\n        isSmallerThanDesktop3XL ? 'h-[17px]' : 'h-6',\n      ]\"\n    >\n      <OzPadletLogo\n        v-if=\"shouldShowPadletLogoWithBackground\"\n        :class=\"['px-2.5 py-1.5 rounded-lg']\"\n        :x-old-padlet-wordmark=\"true\"\n        :dark-mode=\"hasDarkBackgroundLuminance\"\n        :href=\"padletLogoHref\"\n        :size-preset=\"padletLogoSizePreset\"\n        :style=\"{\n          backgroundColor: accentColorStyle,\n        }\"\n        :svg-style=\"{\n          color: skinAccentTextColor,\n        }\"\n      />\n      <OzPadletLogo\n        v-else\n        :x-old-padlet-wordmark=\"true\"\n        :dark-mode=\"hasDarkBackgroundLuminance\"\n        :color-scheme=\"OzPadletLogoColorScheme.Text300\"\n        :href=\"padletLogoHref\"\n        :size-preset=\"padletLogoSizePreset\"\n      />\n      <SurfaceSlideshowAuthor\n        v-if=\"currentPost != null && xAuthor\"\n        :dark-mode=\"hasDarkBackgroundLuminance\"\n        :author=\"currentPostAuthor\"\n        :avatar-size=\"avatarLogoSize\"\n      />\n    </div>\n    <OzBaseButton\n      v-if=\"isFirstPage\"\n      :class=\"[\n        'absolute',\n        'bg-white',\n        'box-border',\n        'overflow-hidden', // since the png qr code image background is not transparent, we want to hide the excess white portion\n        (shouldRemoveQrCode || !isQrCodeShown) && 'invisible', // preload qr code when it is not shown yet\n        'p-0',\n        'z-10',\n      ]\"\n      :style=\"{\n        top: `${safeAreaInsets.top > 0 ? safeAreaInsets.top : qrCodeBaseStyles.baseDimension}px`,\n        insetInlineEnd: `${qrCodeBaseStyles.baseDimension}px`,\n        // OzBaseButton already has some default styles, so we need to override\n        borderRadius: '8px',\n        border: '4px solid black',\n      }\"\n      data-testid=\"slideshowQrCode\"\n      @click=\"toggleQRCode\"\n      @keydown.enter=\"toggleQRCode\"\n      @keydown.space=\"toggleQRCode\"\n    >\n      <SurfaceQrCode\n        :src=\"links.slideshow_qr_code\"\n        :alt=\"__('Slideshow QR code')\"\n        :width=\"qrCodeBaseStyles.baseDimension * 4\"\n      />\n    </OzBaseButton>\n    <SurfaceSlideshowContent\n      v-if=\"currentPageIndex != null\"\n      ref=\"surfaceSlideshowContentRef\"\n      :class=\"['flex-1']\"\n      :current-page-index=\"currentPageIndex\"\n      :overscan-page-limit=\"isScreenshotMode ? 0 : undefined\"\n    />\n    <SurfaceSlideshowNavigationBarV2\n      :current-page-element=\"surfaceSlideshowContentRef ? surfaceSlideshowContentRef.currentPageRef : undefined\"\n    />\n    <div\n      v-if=\"!hasLoadedPages\"\n      :class=\"['h-full w-full', 'flex justify-center items-center', 'absolute inset-0']\"\n      :style=\"{ backgroundColor: primaryColorStyle }\"\n    >\n      <OzIndeterminateSpinner :dark-mode=\"hasDarkBackgroundLuminance\" :size=\"40\" />\n    </div>\n    <div\n      v-if=\"isCurrentPageContentLoaded\"\n      :id=\"SLIDESHOW_CONTENT_LOADED_ID\"\n      data-testid=\"slideshowContentLoaded\"\n      :aria-hidden=\"true\"\n    />\n  </main>\n</template>\n"],"names":["compact","array","index","length","resIndex","result","value","vEmitClickOnTouch","emitClickOnTouch","authorName","computed","getAuthorDisplayName","props","author","blankUser","authorProfileUrl","profile_url","isRegistered","isUserRegistered","handleSetDurationType","emit","autoplayDurationGroup","Object","keys","AUTOPLAY_DURATIONS","map","duration","text","long","checked","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","useSlideshowPanels","isSharePanelOpen","isShareViaAnotherAppPanelOpen","isEmbedPanelOpen","useSlideshowStore","globalSnackbarStore","useGlobalSnackbarStore","links","useSurfaceStore","slideshowEmbedCodeUrlTemplate","hasDarkBackgroundLuminance","useSlideshowStyles","isSmallerThanTabletPortrait","isSmallerThanDesktop","embedStyle","embedSize","embedCode","defaultParams","URLSearchParams","autoplay","isEmbedAutoplaying","loop","isEmbedLooping","embedAutoplayDuration","embedUrl","embed","toString","replace","copyEmbedCode","copyToClipboard","setSnackbar","message","embedSizeOptions","onEmbedSizeSelect","size","onToggleAutoplay","useSlideshowMenus","isMoreMenuOpen","isAutoplayMenuOpen","isAnyMenuOpen","useSlideshowQRCode","slideshowStore","isQrCodeShown","shouldRemoveQrCode","toggleQRCode","trackEvent","ActionType","isEmbedded","onRestart","isFirstPage","currentPageUrl","coverPageUrl","useSlideshowPages","hasLightBackgroundLuminance","useCopyToClipboard","popoverConfig","offset","mainAxis","crossAxis","shift","padding","actionListGroups","shareRow","icon","eventPayload","analyticsId","SLIDESHOW_ANALYTICS_ID","testId","showQRCodeRow","hideQRCodeRow","restartRow","exitSlideshowRow","enterFullscreenRow","exitFullscreenRow","restartRowIfNotFirstPage","qrCodeRowIfFirstPage","fullscreenRow","isFullscreenAvailable","isFullscreen","group","device","app","closeMenu","handleSwipeDown","isAtTopBeforeDragging","copyUrlToClipboard","url","globalSnackbarOptions","notificationType","SnackbarNotificationType","success","timeout","showShareOverlay","_event","actionType","enterFullscreen","exitFullscreen","postMessage","exitSlideshow","publicKey","title","hasAttachmentsOnPage","useSlideshowAttachments","pages","currentPageNumber","getPageLastUpdated","currentPage","canIAccessContentDirectly","useSurfacePermissionsStore","closePanel","shareRows","rightIcon","rightIconSize","splice","exportRows","hoverText","rowStyle","OzMenuRowsRowStyle","Default","Disabled","isDisabled","shareGroup","name","rows","exportGroup","shareViaAnotherApp","shareSlideshow","currentSnackbarUid","makeExportRequest","exportCallback","loadingMessage","errorMessage","wallReadTokenAbortController","AbortController","exportProxyAbortController","clearLoadingSnackbar","removeSnackbar","loadingSnackbarUid","persist","actionText","actionTextActions","abort","err","signal","aborted","error","getExportDelayForPage","page","pageType","PageType","Cover","SLIDESHOW_SLIDE_DEFAULT_DELAY_WITH_ATTACHMENT","SLIDESHOW_SLIDE_DEFAULT_DELAY_WITHOUT_ATTACHMENT","downloadCurrentSlideAsImage","pageToExport","lastUpdated","filename","getSlideshowExportFileName","readToken","fetchExportReadToken","apiVersion","slideUrlForExport","buildSlideUrlForExport","slideExportProxyUrl","buildImageExportProxyUrl","SLIDESHOW_DEFAULT_EXPORT_QUERY_PARAMS","delay","exportProxyBlob","fetchBlob","cors","triggerDownloadFromBlob","buildPageDataForAllSlides","generateFileName","slideshowLink","buildSlideshowLink","show","entityId","pageLastUpdated","file_name","downloadAllSlidesAsImages","pageData","fileName","zipExportProxyUrl","buildImagesToZipExportProxyUrl","zipBlob","fetchImagesToZipBlob","downloadAllSlidesAsPdf","triggerMode","_wallReadTokenAbortController","getSlideshowDocUrl","useSlideshowExports","abortSignal","elvisProxyUrl","makeElvisProxyUrl","CORS","ALL","expiryInDays","blob","triggerPrintFromBlob","mobile","description","wallId","group1Rows","group2Rows","getShareLinkFor","service","buildShareLink","media","snap","params","shareLinkOnService","useAutoplay","currentPageIndex","isLastPage","autoplayButtonId","pauseOnOverlayOpen","isAnyOtherOverlayOpen","computeAutoplayDurationInMs","onStart","onPause","onStop","onNext","autoplayTimer","PausableTimer","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","touchable","isKeydownOnAutoplayButton","document","activeElement","id","includes","key","getAutoplayNotificationMessages","stoppedAutoplaying","onMounted","window","addEventListener","onUnmounted","removeEventListener","useAutoplayWithIndicatorAnimation","maxScaleValue","numStepsInScale","amountToScalePerInterval","indicatorTransformScaleX","indicatorTransformScaleXInterval","startIndicatorTransformScaleXAnimation","stopIndicatorTransformScaleXAnimation","setInterval","clearInterval","useSlideshowOverlays","useSlideshowAutoplay","areAttachmentsLoadedForCurrentPost","numberOfWordsOnPage","numberOfAttachmentsOnPage","x","calculateAutoSlideDuration","initSlideshowAutoplayFromQueryParams","loopParam","getSearchParam","isSearchParamTruthy","durationParam","autoplayParam","useSlideshowNavigation","currentPageElement","slideshowNavigationBarContainerRef","surfaceStore","dir","user","goToPage","prevPageIndex","nextPageIndex","numberOfPages","isKeyboardShortcutsEnabled","useAccessibilitySettings","focusCurrentPage","nextTick","focus","onForwardShortcutKey","keyboardTarget","onBackwardShortcutKey","onFirstPageShortcutKey","onLastPageShortcutKey","setupShortcuts","shortcuts","ArrowLeft","ArrowUp","PageUp","PageDown","ArrowRight","ArrowDown","Space","contains","Home","End","isAppUsing","F","target","toggleFullscreen","R","keyboardShortcutsHandler","createKeybindingsHandler","startListeningForKeyboardShortcuts","stopListeningForKeyboardShortcuts","OPACITY_TIMEOUT_MS","DURATION_NAVIGATION_BAR_VISIBLE_WITHOUT_INTERACTION_IN_MS","timeoutForHidingNavigationBar","useSlideshowNavigationVisibility","isCurrentlyDragging","previousAndNextSlideControlsRef","hasLoadedPages","isScreenshotMode","isInertWhileNavigationBarInvisible","isNavigationBarVisibleWithTimeout","isNavigationBarVisible","classesToAutoHideElement","showNavigationBarWithTimeoutOnMouseMove","showNavigationBarWithTimeout","startTimeoutForHidingNavigationBar","hideNavigationBar","clearTimeout","setTimeout","startShowingNavigationBarOnFocus","immediate","isSmallerThanDesktop3XL","windowWidth","safeAreaInsets","startingState","useSurfaceStartingStateStore","onPrevious","handleOnSelectAutoplayDurationType","containerRef","moreMenuRef","shareMenuRef","moreMenuElement","primaryColorStyle","BUTTON_COLOR_SCHEME","OzIconButtonColorScheme","SecondaryClear","BUTTON_SIZE_PRESET","OzIconButtonSizePreset","H40px","BUTTON_ICON_SIZE","BUTTON_DISABLED_TRANSPARENCY_CLASS","slideshowStatusDescription","totalPages","MINIMUM_PADDING_FROM_EDGE_OF_SCREEN_TO_PREVIEW","INDICATOR_BUTTON_PADDING_START","PREVIEW_BORDER_WIDTH","navigationBarHeight","setNavigationBarHeight","indicatorButtonWidth","shouldIndicatorsBePaginated","previewContainerWidth","previewContainerHeight","previewContentWidth","previewContentHeight","previewContentTransformScaleX","previewContentTransformScaleY","previewStartPosition","currentPreviewPageIndex","startPositionToCenterPreviewOverIndicatorButton","endEdge","previewStartPositionBoundedToStartEdge","Math","max","min","currentHoveredPageIndex","shouldShowActiveButtonStyle","indicatorButtonPageIndex","shouldForceActiveButtonStyle","onIndicatorButtonPointerUp","pageIndex","onIndicatorButtonPointerDown","releasePointerCapture","pointerId","onIndicatorButtonPointerEnter","onIndicatorButtonPointerLeave","useSlideshowLoadingState","openShareOverlay","openSlideshowInANewTab","open","refresh","changeConnectivity","isOnline","address","skinAccentTextColor","xAuthor","surfaceUserContributorsStore","useSurfaceUserContributorsStore","currentPostAuthor","authorId","currentPost","author_id","author_hashid","getUserById","qrCodeBaseStyles","accentColorStyle","isDataLoaded","isPageCoverLoaded","fetchPostAuthors","isWishPath","location","pathname","isSectionPath","COVER_PAGE_INDEX","splitPath","split","entityIdFromPath","matchingEntityPageIndex","findIndex","Post","Section","history","replaceState","isCurrentPageContentLoaded","loadedPages","attachmentsLoadedForCurrentPost","isAutoRefresh","surfaceSlideshowContentRef","shouldShowPadletLogo","shouldShowPadletLogoWithBackground","padletLogoSizePreset","OzPadletLogoSizePreset","W48px","W96px","avatarLogoSize","padletLogoHref","currentHostWithProtocol","onBeforeMount","useSurfaceFetchInitialState","fetchInitialState","postDrafts","submissionRequestLink","observeConnectivity","slideshowMounted"],"mappings":"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","x_google_ignoreList":[0]}