box-content-preview 3.117.0 → 3.118.0

package/dist/lib/index.js

@@ -46,28 +46,30 @@ import { default as __WEBPACK_EXTERNAL_MODULE_axios_default__ } from "axios";
 import { bdlBoxBlue as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlBoxBlue__, bdlGray65 as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlGray65__, bdlGreenLight as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlGreenLight__, bdlGrimace as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlGrimace__, bdlWatermelonRed as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlWatermelonRed__, bdlYellorange as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlYellorange__, bdlYellow as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlYellow__, white as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_white__ } from "box-ui-elements/es/styles/variables";
 import { default as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_components_tooltip_Tooltip_97b5ae91_default__ } from "box-ui-elements/es/components/tooltip/Tooltip";
 import { withTargetedClickThrough as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_features_targeting_hocs_e326fa91_withTargetedClickThrough__ } from "box-ui-elements/es/features/targeting/hocs";
+import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMaximize_12b9ae40_default__ } from "@box/blueprint-web-assets/icons/Medium/ArrowsMaximize";
+import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMinimize_35faab95_default__ } from "@box/blueprint-web-assets/icons/Medium/ArrowsMinimize";
+import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Minus_cc9df143_default__ } from "@box/blueprint-web-assets/icons/Medium/Minus";
+import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Plus_aaa7b14f_default__ } from "@box/blueprint-web-assets/icons/Medium/Plus";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_CheckmarkCircle_e8bd4624_default__ } from "@box/blueprint-web-assets/icons/Medium/CheckmarkCircle";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_XMark_07fbe0f0_default__ } from "@box/blueprint-web-assets/icons/Medium/XMark";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_PencilTip_154ad3fd_default__ } from "@box/blueprint-web-assets/icons/Medium/PencilTip";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_SquarePlus_c11758f1_default__ } from "@box/blueprint-web-assets/icons/Medium/SquarePlus";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_TCursorHighlight_508374cb_default__ } from "@box/blueprint-web-assets/icons/Medium/TCursorHighlight";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Search_ef3e4aba_default__ } from "@box/blueprint-web-assets/icons/Medium/Search";
-import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMaximize_12b9ae40_default__ } from "@box/blueprint-web-assets/icons/Medium/ArrowsMaximize";
-import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMinimize_35faab95_default__ } from "@box/blueprint-web-assets/icons/Medium/ArrowsMinimize";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_GridView_ac92b674_default__ } from "@box/blueprint-web-assets/icons/Medium/GridView";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ChevronDown_a545a634_default__ } from "@box/blueprint-web-assets/icons/Medium/ChevronDown";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ChevronUp_d399c022_default__ } from "@box/blueprint-web-assets/icons/Medium/ChevronUp";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_RotateLeft_c726d679_default__ } from "@box/blueprint-web-assets/icons/Medium/RotateLeft";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Nav_d41e959a_default__ } from "@box/blueprint-web-assets/icons/Medium/Nav";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_MediumFilled_Nav_ae6d790f_default__ } from "@box/blueprint-web-assets/icons/MediumFilled/Nav";
-import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Minus_cc9df143_default__ } from "@box/blueprint-web-assets/icons/Medium/Minus";
-import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Plus_aaa7b14f_default__ } from "@box/blueprint-web-assets/icons/Medium/Plus";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Checkmark_52a58454_default__ } from "@box/blueprint-web-assets/icons/Medium/Checkmark";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Download_0dc63cde_default__ } from "@box/blueprint-web-assets/icons/Medium/Download";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Ellipsis_9a96c07b_default__ } from "@box/blueprint-web-assets/icons/Medium/Ellipsis";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Expand_92c6b888_default__ } from "@box/blueprint-web-assets/icons/Medium/Expand";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Trash_28211f44_default__ } from "@box/blueprint-web-assets/icons/Medium/Trash";
 import { PreviewLoading as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_components_preview_386c8d2b_PreviewLoading__, getIcon as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_components_preview_386c8d2b_getIcon__ } from "box-ui-elements/es/components/preview";
+import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ChevronLeft_8bf40851_default__ } from "@box/blueprint-web-assets/icons/Medium/ChevronLeft";
+import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ChevronRight_619e782c_default__ } from "@box/blueprint-web-assets/icons/Medium/ChevronRight";
 /******/ var __webpack_modules__ = ({
 
 /***/ 1057
@@ -1111,7 +1113,7 @@ const DEFAULT_LANGUAGE = 'en-US';
 const MESSAGE_KEY_PREFIX = 'bcp.';
 
 // Only the npm build defines __BCP_DEFAULT_MESSAGES__; the CDN build bakes strings in per locale.
-const defaultStrings = (0,_isNpmBuild__WEBPACK_IMPORTED_MODULE_0__/* .isNpmBuild */ .w)() ? {"rotate_left":"Rotate left","zoom_current_scale":"Current zoom level","zoom_in":"Zoom in","zoom_out":"Zoom out","enter_fullscreen":"Enter fullscreen","exit_fullscreen":"Exit fullscreen","drawing_comment":"Markup","region_comment":"Comment on Region","highlight_text":"Highlight and Comment","exit_annotations":"Exit Annotations","annotation_tools":"Comment and markup","drawing_color":"Drawing color","drawing_color_blue":"Blue","drawing_color_green":"Green","drawing_color_red":"Red","drawing_color_orange":"Orange","drawing_color_yellow":"Yellow","drawing_color_purple":"Purple","previous_page":"Previous page","enter_page_num":"Click to enter page number","next_page":"Next page","download":"Download","print":"Print","print_notification":"Please press the print button to get a printable version of this document.","print_loading":"Preparing to print...","print_ready":"Ready to print.","print_close":"Close print dialog","previous_file":"Previous file","logo":"Logo","next_file":"Next file","loading_preview":"Loading Preview...","download_file":"Download File","text_truncated":"This file has been truncated due to size limits. Please download to view the whole file.","toggle_findbar":"Toggle findbar","toggle_thumbnails":"Toggle thumbnails","gallery_view":"Gallery view","page_gallery":"Page gallery","page_gallery_tile":"Page {1}","has_x_refs":"This preview has references you cannot view. Open the file in its native application.","find_next":"Find next","find_previous":"Find previous","find_close":"Close","find_label":"Search input","thumbnail_label":"Page thumbnails","file_preview_label":"File preview","comparison_banner_current":"Current version","comparison_banner_previous":"Previous version","comparison_banner_actions":"More actions","comparison_banner_open_full_preview":"Open Full Preview","comparison_banner_make_current":"Make Current","comparison_banner_delete":"Delete","error_generic":"This preview didn’t load. Please try to open or download the file to view.","error_unsupported":"This preview didn’t load because the file type is unsupported. Please try to open or download the file to view.","error_account":"This preview didn’t load because your account is unable to preview this file type. Please try to open or download the file to view.","error_permissions":"This preview didn’t load because you don’t have permission. Please ask the file owner to update permissions.","error_refresh":"This preview didn’t load. Please try to open or download the file to view.","error_rate_limit":"This preview didn’t load because your request was rate limited. Please try to open or download the file to view.","error_reupload":"This preview didn’t load. Please try to open or download the file to view.","error_browser_unsupported":"Your browser doesn’t support preview for {1}. Please try to open or download the file to view.","error_document":"This preview didn’t load because the document may be protected. Please try to open or download the file to view.","error_password_protected":"This preview didn’t load because the document is protected. Please try to open or download the file to view.","error_try_again_later":"This preview didn’t load. Please refresh the page or download file to view.","error_bad_file":"This preview didn’t load. Please try to open or download the file to view.","error_not_downloadable":"Something seems to be wrong with this file. Please refresh the page, and if the issue continues, try to upload a new version.","error_flash_not_enabled":"This preview didn’t load because Flash is not enabled on your browser. Please try to enable Flash or download the file to view.","error_internet_explorer_office_online":"This version of Internet Explorer is out of date and the experience may be degraded. Please try switching to a different browser for a better experience.","error_large_file":"File exceeds supported size for preview. Open or download the file to view.","error_too_many_operations":"The file is too complex to display in your browser. Please download it to view.","error_zero_byte_file":"Cannot preview 0 B file. Open or download the file to view.","filename":"Name","last_modified_date":"Modified","size":"Size","search":"Search","search_results":"Search Results","search_placeholder":"Search files and folders","search_clear":"Clear search","breadcrumb":"Breadcrumb","breadcrumb_truncated":"Show hidden folders","media_autoplay":"Autoplay","media_autoplay_disabled":"Disabled","media_autoplay_enabled":"Enabled","media_play_next":"Play next file","media_play_next_disabled":"Disabled","media_play_next_enabled":"Enabled","media_speed":"Speed","media_speed_normal":"Normal","media_quality":"Quality","media_quality_auto":"Auto","media_guides":"Guides","media_guides_off":"Off","media_guides_default":"Default","media_guides_widescreen_hd":"Widescreen HD","media_guides_vertical":"Vertical","media_guides_square":"Square","media_guides_social_portrait":"Social Portrait","media_guides_cinemascope":"Cinemascope","media_guides_univisium":"Univisium","media_guides_cinema_flat":"Cinema Flat","media_guides_scope":"Scope","media_guides_fullscreen":"Fullscreen","media_guides_ultrawide":"Ultrawide","media_volume_slider":"Volume Slider","media_generating_waveform":"Generating waveform","media_zoom":"Zoom","media_zoom_slider":"Zoom Slider","media_time_slider":"Media Slider","media_comment_marker":"Comment marker","media_range_comment":"Comment","media_range_clear":"Clear","media_shuttle_forward":"Scanning forward at {1}x","media_shuttle_reverse":"Scanning backward at {1}x","media_mute":"Mute","media_unmute":"Unmute","media_play":"Play","media_pause":"Pause","media_skip_forward":"Skip forward","media_skip_backward":"Skip backward","media_settings":"Settings","media_subtitles_cc":"Subtitles/Closed Captions","media_time_format":"Time format","media_time_format_standard":"Standard time","media_time_format_timecode":"Timecode","media_time_format_frames":"Frame numbers","volume":"Volume","of":"of","subtitles":"Subtitles","off":"Off","media_audio":"Audio","track":"Track","media_auto_generated_captions":"Auto-Generated Captions","auto_generated":"Auto-Generated","box3d_animation_clips":"Animation clips","box3d_camera_projection_perspective":"Perspective","box3d_camera_projection_orthographic":"Orthographic","box3d_reset":"Reset","box3d_toggle_animation":"Play/pause animation","box3d_toggle_vr":"Toggle VR display","box3d_render_mode_lit":"Lit","box3d_render_mode_unlit":"Unlit","box3d_render_mode_normals":"Normals","box3d_render_mode_shape":"Shape","box3d_render_mode_uv_overlay":"UV Overlay","box3d_settings":"Settings","box3d_settings_render_label":"Render mode","box3d_settings_grid_label":"Show grid","box3d_settings_wireframes_label":"Show wireframes","box3d_settings_skeletons_label":"Show skeletons","box3d_settings_projection_label":"Camera Projection","box3d_settings_rotate_label":"Rotate Model","box3d_settings_rotate_left":"Rotate left around {1} axis","box3d_settings_rotate_right":"Rotate right around {1} axis","document_label":"Document Viewer","annotation_add_comment_placeholder":"Add a comment here...","annotation_reply_placeholder":"Post a reply...","annotation_done":"Done","annotation_close":"Close","annotation_cancel":"Cancel","annotation_save":"Save","annotation_post":"Post","annotation_delete":"Delete","annotation_delete_confirmation_message":"Delete this annotation?","annotation_profile_alt":"Avatar","annotation_anonymous_user_name":"Some User","annotation_posting_message":"Posting...","annotation_point_toggle":"Point annotation mode","annotation_draw_toggle":"Drawing annotation mode","annotation_highlight_toggle":"Highlight text","annotation_highlight_comment":"Add comment to highlighted text","annotation_who_highlighted":"{1} highlighted","annotation_who_drew":"{1} drew","annotation_draw_save":"Save drawing","annotation_draw_delete":"Delete drawing","annotations_load_error":"Annotations could not be loaded for this file. Please refresh the page to try again.","annotations_create_error":"This annotation could not be created. Please try again.","annotations_delete_error":"This annotation could not be deleted. Please try again.","annotations_authorization_error":"Annotations could not be loaded for this file. You may not have permission to take this action.","annotations_tooltip_body":"Make notes and comments to highlight key information when previewing content.","annotations_tooltip_title":"Add feedback on content","notification_button_default_text":"Okay","notification_button_default_label":"Clear Notification","notification_annotation_point_mode":"Click anywhere to add a comment to the document","notification_annotation_draw_mode":"Press down and drag the pointer to draw on the document","notification_degraded_preview":"Your connection to {1} is being blocked. Please reach out to your network admin to adjust firewall settings.","notification_cannot_download":"This file could not be downloaded.","notification_cannot_download_due_to_policy":"The file could not be downloaded due to a security policy.","link_contact_us":"Contact Us","360_videos":"360-degree videos","360_images":"360-degree images","3d_models":"3D models","afrikaans":"Afrikaans","albanian":"Albanian","arabic":"Arabic","armenian":"Armenian","belarusian":"Belarusian","bengali":"Bengali","bosnian":"Bosnian","bulgarian":"Bulgarian","burmese":"Burmese","catalan":"Catalan","central_khmer":"Central Khmer","chinese":"Chinese","croatian":"Croatian","czech":"Czech","danish":"Danish","dutch":"Dutch","english":"English","estonian":"Estonian","filipino":"Filipino","finnish":"Finnish","french":"French","galician":"Galician","ganda":"Ganda","georgian":"Georgian","german":"German","haitian_creole":"Haitian Creole","hebrew":"Hebrew","hindi":"Hindi","hmong":"Hmong","hungarian":"Hungarian","icelandic":"Icelandic","indonesian":"Indonesian","irish":"Irish","italian":"Italian","japanese":"Japanese","kazakh":"Kazakh","korean":"Korean","kurdish":"Kurdish","lao":"Lao","latvian":"Latvian","lithuanian":"Lithuanian","luxembourgish":"Luxembourgish","malay_macrolanguage":"Malay","modern_greek_1453_":"Greek","mongolian":"Mongolian","norwegian":"Norwegian","persian":"Persian","polish":"Polish","portuguese":"Portuguese","romanian":"Romanian","russian":"Russian","serbian":"Serbian","sichuan_yi":"Sichuan Yi","sicilian":"Sicilian","slovak":"Slovak","slovenian":"Slovenian","somali":"Somali","spanish":"Spanish","swahili_macrolanguage":"Swahili","swedish":"Swedish","swiss_german":"Swiss German","tagalog":"Tagalog","telugu":"Telugu","thai":"Thai","tibetan":"Tibetan","turkish":"Turkish","ukrainian":"Ukrainian","uzbek":"Uzbek","vietnamese":"Vietnamese"} : {};
+const defaultStrings = (0,_isNpmBuild__WEBPACK_IMPORTED_MODULE_0__/* .isNpmBuild */ .w)() ? {"rotate_left":"Rotate left","zoom_current_scale":"Current zoom level","zoom_in":"Zoom in","zoom_out":"Zoom out","enter_fullscreen":"Enter fullscreen","exit_fullscreen":"Exit fullscreen","controls_more":"More options","controls_shortcut_ctrl":"Ctrl + {1}","drawing_comment":"Markup","region_comment":"Comment on Region","highlight_text":"Highlight and Comment","exit_annotations":"Exit Annotations","annotation_tools":"Comment and markup","drawing_color":"Drawing color","drawing_color_blue":"Blue","drawing_color_green":"Green","drawing_color_red":"Red","drawing_color_orange":"Orange","drawing_color_yellow":"Yellow","drawing_color_purple":"Purple","previous_page":"Previous page","enter_page_num":"Click to enter page number","next_page":"Next page","download":"Download","print":"Print","print_notification":"Please press the print button to get a printable version of this document.","print_loading":"Preparing to print...","print_ready":"Ready to print.","print_close":"Close print dialog","previous_file":"Previous file","logo":"Logo","next_file":"Next file","loading_preview":"Loading Preview...","download_file":"Download File","text_truncated":"This file has been truncated due to size limits. Please download to view the whole file.","toggle_findbar":"Toggle findbar","toggle_thumbnails":"Toggle thumbnails","gallery_view":"Gallery view","page_gallery":"Page gallery","page_gallery_tile":"Page {1}","has_x_refs":"This preview has references you cannot view. Open the file in its native application.","find_next":"Find next","find_previous":"Find previous","find_close":"Close","find_label":"Search input","thumbnail_label":"Page thumbnails","file_preview_label":"File preview","comparison_banner_current":"Current version","comparison_banner_previous":"Previous version","comparison_banner_actions":"More actions","comparison_banner_open_full_preview":"Open Full Preview","comparison_banner_make_current":"Make Current","comparison_banner_delete":"Delete","error_generic":"This preview didn’t load. Please try to open or download the file to view.","error_unsupported":"This preview didn’t load because the file type is unsupported. Please try to open or download the file to view.","error_account":"This preview didn’t load because your account is unable to preview this file type. Please try to open or download the file to view.","error_permissions":"This preview didn’t load because you don’t have permission. Please ask the file owner to update permissions.","error_refresh":"This preview didn’t load. Please try to open or download the file to view.","error_rate_limit":"This preview didn’t load because your request was rate limited. Please try to open or download the file to view.","error_reupload":"This preview didn’t load. Please try to open or download the file to view.","error_browser_unsupported":"Your browser doesn’t support preview for {1}. Please try to open or download the file to view.","error_document":"This preview didn’t load because the document may be protected. Please try to open or download the file to view.","error_password_protected":"This preview didn’t load because the document is protected. Please try to open or download the file to view.","error_try_again_later":"This preview didn’t load. Please refresh the page or download file to view.","error_bad_file":"This preview didn’t load. Please try to open or download the file to view.","error_not_downloadable":"Something seems to be wrong with this file. Please refresh the page, and if the issue continues, try to upload a new version.","error_flash_not_enabled":"This preview didn’t load because Flash is not enabled on your browser. Please try to enable Flash or download the file to view.","error_internet_explorer_office_online":"This version of Internet Explorer is out of date and the experience may be degraded. Please try switching to a different browser for a better experience.","error_large_file":"File exceeds supported size for preview. Open or download the file to view.","error_too_many_operations":"The file is too complex to display in your browser. Please download it to view.","error_zero_byte_file":"Cannot preview 0 B file. Open or download the file to view.","filename":"Name","last_modified_date":"Modified","size":"Size","search":"Search","search_results":"Search Results","search_placeholder":"Search files and folders","search_clear":"Clear search","breadcrumb":"Breadcrumb","breadcrumb_truncated":"Show hidden folders","media_autoplay":"Autoplay","media_autoplay_disabled":"Disabled","media_autoplay_enabled":"Enabled","media_play_next":"Play next file","media_play_next_disabled":"Disabled","media_play_next_enabled":"Enabled","media_speed":"Speed","media_speed_normal":"Normal","media_quality":"Quality","media_quality_auto":"Auto","media_guides":"Guides","media_guides_off":"Off","media_guides_default":"Default","media_guides_widescreen_hd":"Widescreen HD","media_guides_vertical":"Vertical","media_guides_square":"Square","media_guides_social_portrait":"Social Portrait","media_guides_cinemascope":"Cinemascope","media_guides_univisium":"Univisium","media_guides_cinema_flat":"Cinema Flat","media_guides_scope":"Scope","media_guides_fullscreen":"Fullscreen","media_guides_ultrawide":"Ultrawide","media_volume_slider":"Volume Slider","media_generating_waveform":"Generating waveform","media_loading":"Loading","media_zoom":"Zoom","media_zoom_slider":"Zoom Slider","media_time_slider":"Media Slider","media_comment_marker":"Comment marker","media_range_comment":"Comment","media_range_clear":"Clear","media_shuttle_forward":"Scanning forward at {1}x","media_shuttle_reverse":"Scanning backward at {1}x","media_mute":"Mute","media_unmute":"Unmute","media_play":"Play","media_pause":"Pause","media_skip_forward":"Skip forward","media_skip_backward":"Skip backward","media_settings":"Settings","media_subtitles_cc":"Subtitles/Closed Captions","media_time_format":"Time format","media_time_format_standard":"Standard time","media_time_format_timecode":"Timecode","media_time_format_frames":"Frame numbers","volume":"Volume","of":"of","subtitles":"Subtitles","off":"Off","media_audio":"Audio","track":"Track","media_auto_generated_captions":"Auto-Generated Captions","auto_generated":"Auto-Generated","box3d_animation_clips":"Animation clips","box3d_camera_projection_perspective":"Perspective","box3d_camera_projection_orthographic":"Orthographic","box3d_reset":"Reset","box3d_toggle_animation":"Play/pause animation","box3d_toggle_vr":"Toggle VR display","box3d_render_mode_lit":"Lit","box3d_render_mode_unlit":"Unlit","box3d_render_mode_normals":"Normals","box3d_render_mode_shape":"Shape","box3d_render_mode_uv_overlay":"UV Overlay","box3d_settings":"Settings","box3d_settings_render_label":"Render mode","box3d_settings_grid_label":"Show grid","box3d_settings_wireframes_label":"Show wireframes","box3d_settings_skeletons_label":"Show skeletons","box3d_settings_projection_label":"Camera Projection","box3d_settings_rotate_label":"Rotate Model","box3d_settings_rotate_left":"Rotate left around {1} axis","box3d_settings_rotate_right":"Rotate right around {1} axis","document_label":"Document Viewer","annotation_add_comment_placeholder":"Add a comment here...","annotation_reply_placeholder":"Post a reply...","annotation_done":"Done","annotation_close":"Close","annotation_cancel":"Cancel","annotation_save":"Save","annotation_post":"Post","annotation_delete":"Delete","annotation_delete_confirmation_message":"Delete this annotation?","annotation_profile_alt":"Avatar","annotation_anonymous_user_name":"Some User","annotation_posting_message":"Posting...","annotation_point_toggle":"Point annotation mode","annotation_draw_toggle":"Drawing annotation mode","annotation_highlight_toggle":"Highlight text","annotation_highlight_comment":"Add comment to highlighted text","annotation_who_highlighted":"{1} highlighted","annotation_who_drew":"{1} drew","annotation_draw_save":"Save drawing","annotation_draw_delete":"Delete drawing","annotations_load_error":"Annotations could not be loaded for this file. Please refresh the page to try again.","annotations_create_error":"This annotation could not be created. Please try again.","annotations_delete_error":"This annotation could not be deleted. Please try again.","annotations_authorization_error":"Annotations could not be loaded for this file. You may not have permission to take this action.","annotations_tooltip_body":"Make notes and comments to highlight key information when previewing content.","annotations_tooltip_title":"Add feedback on content","notification_button_default_text":"Okay","notification_button_default_label":"Clear Notification","notification_annotation_point_mode":"Click anywhere to add a comment to the document","notification_annotation_draw_mode":"Press down and drag the pointer to draw on the document","notification_degraded_preview":"Your connection to {1} is being blocked. Please reach out to your network admin to adjust firewall settings.","notification_cannot_download":"This file could not be downloaded.","notification_cannot_download_due_to_policy":"The file could not be downloaded due to a security policy.","link_contact_us":"Contact Us","360_videos":"360-degree videos","360_images":"360-degree images","3d_models":"3D models","afrikaans":"Afrikaans","albanian":"Albanian","arabic":"Arabic","armenian":"Armenian","belarusian":"Belarusian","bengali":"Bengali","bosnian":"Bosnian","bulgarian":"Bulgarian","burmese":"Burmese","catalan":"Catalan","central_khmer":"Central Khmer","chinese":"Chinese","croatian":"Croatian","czech":"Czech","danish":"Danish","dutch":"Dutch","english":"English","estonian":"Estonian","filipino":"Filipino","finnish":"Finnish","french":"French","galician":"Galician","ganda":"Ganda","georgian":"Georgian","german":"German","haitian_creole":"Haitian Creole","hebrew":"Hebrew","hindi":"Hindi","hmong":"Hmong","hungarian":"Hungarian","icelandic":"Icelandic","indonesian":"Indonesian","irish":"Irish","italian":"Italian","japanese":"Japanese","kazakh":"Kazakh","korean":"Korean","kurdish":"Kurdish","lao":"Lao","latvian":"Latvian","lithuanian":"Lithuanian","luxembourgish":"Luxembourgish","malay_macrolanguage":"Malay","modern_greek_1453_":"Greek","mongolian":"Mongolian","norwegian":"Norwegian","persian":"Persian","polish":"Polish","portuguese":"Portuguese","romanian":"Romanian","russian":"Russian","serbian":"Serbian","sichuan_yi":"Sichuan Yi","sicilian":"Sicilian","slovak":"Slovak","slovenian":"Slovenian","somali":"Somali","spanish":"Spanish","swahili_macrolanguage":"Swahili","swedish":"Swedish","swiss_german":"Swiss German","tagalog":"Tagalog","telugu":"Telugu","thai":"Thai","tibetan":"Tibetan","turkish":"Turkish","ukrainian":"Ukrainian","uzbek":"Uzbek","vietnamese":"Vietnamese"} : {};
 let language =  true ? "en-US" : 0;
 let strings = defaultStrings;
 function getLanguage() {
@@ -1214,7 +1216,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 const CLIENT_NAME = "box-content-preview"; // eslint-disable-line no-undef
 const CLIENT_NAME_KEY = 'box_client_name';
 const CLIENT_VERSION_KEY = 'box_client_version';
-const CLIENT_VERSION = "3.117.0"; // eslint-disable-line no-undef
+const CLIENT_VERSION = "3.118.0"; // eslint-disable-line no-undef
 const HEADER_CLIENT_NAME = 'X-Box-Client-Name';
 const HEADER_CLIENT_VERSION = 'X-Box-Client-Version';
 const PROMISE_MAP = {};
@@ -6741,6 +6743,40 @@ function DurationLabels({
 
 /***/ },
 
+/***/ 4301
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  A: () => (/* binding */ MediaLoadingIndicator)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(1649);
+// EXTERNAL MODULE: external "@box/blueprint-web"
+var blueprint_web_ = __webpack_require__(8912);
+;// ./src/lib/viewers/controls/media/MediaLoadingIndicator.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/viewers/controls/media/MediaLoadingIndicator.tsx
+/* provided dependency */ var __ = __webpack_require__(441)["Tl"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+
+
+function MediaLoadingIndicator(props) {
+  return /*#__PURE__*/external_react_["default"].createElement("div", _extends({
+    className: "bp-MediaLoadingIndicator"
+  }, props), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.LoadingIndicator, {
+    "aria-label": __('media_loading'),
+    size: "x-large",
+    variant: "light"
+  }));
+}
+
+/***/ },
+
 /***/ 112
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -10203,6 +10239,8 @@ var lodash_isFinite = __webpack_require__(2297);
 var isFinite_default = /*#__PURE__*/__webpack_require__.n(lodash_isFinite);
 // EXTERNAL MODULE: external "@box/blueprint-web"
 var blueprint_web_ = __webpack_require__(8912);
+// EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaLoadingIndicator.tsx + 1 modules
+var MediaLoadingIndicator = __webpack_require__(4301);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaSettings.tsx + 2 modules
 var MediaSettings = __webpack_require__(112);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaSettingsV2.tsx + 5 modules
@@ -13531,6 +13569,7 @@ function WaveformZoomControl({
 
 
 
+
 
 
 const PLACEHOLDER_PEAKS = placeholderPeaks();
@@ -13781,7 +13820,9 @@ function MP3ControlsV2({
     onMouseDown: event => event.preventDefault(),
     title: MP3ControlsV2_('media_play'),
     type: "button"
-  }), isWaitingToPlay && /*#__PURE__*/external_react_["default"].createElement("div", {
+  }), isWaitingToPlay && isBlueprintEnabled && /*#__PURE__*/external_react_["default"].createElement(MediaLoadingIndicator/* default */.A, {
+    "data-testid": "bp-MP3ControlsV2-loading"
+  }), isWaitingToPlay && !isBlueprintEnabled && /*#__PURE__*/external_react_["default"].createElement("div", {
     className: "bp-media-buffering-spinner",
     "data-testid": "bp-MP3ControlsV2-loading"
   })), hasMediaMetadata && /*#__PURE__*/external_react_["default"].createElement("div", {
@@ -22573,7 +22614,7 @@ var x = (y) => {
 	var x = {}; __webpack_require__.d(x, y); return x
 } 
 var y = (x) => (() => (x))
-module.exports = x({ ["BlueprintProvider"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.BlueprintProvider), ["Breadcrumb"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Breadcrumb), ["Cell"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Cell), ["Column"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Column), ["DataTableWrapper"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.DataTableWrapper), ["DropdownMenu"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.DropdownMenu), ["IconButton"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.IconButton), ["IconToggleButton"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.IconToggleButton), ["LoadingIndicator"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.LoadingIndicator), ["Modal"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Modal), ["Row"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Row), ["SearchInput"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.SearchInput), ["SelectMenu"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.SelectMenu), ["Table"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Table), ["TableBody"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.TableBody), ["TableHeader"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.TableHeader), ["Text"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Text), ["Toolbar"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Toolbar), ["Tooltip"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Tooltip), ["TooltipProvider"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.TooltipProvider), ["VisuallyHidden"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.VisuallyHidden), ["useNoopTreatment"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.useNoopTreatment) });
+module.exports = x({ ["BlueprintProvider"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.BlueprintProvider), ["Breadcrumb"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Breadcrumb), ["Cell"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Cell), ["Column"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Column), ["DataTableWrapper"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.DataTableWrapper), ["DropdownMenu"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.DropdownMenu), ["Ghost"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Ghost), ["IconButton"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.IconButton), ["IconToggleButton"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.IconToggleButton), ["LoadingIndicator"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.LoadingIndicator), ["Modal"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Modal), ["Row"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Row), ["SearchInput"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.SearchInput), ["SelectMenu"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.SelectMenu), ["Table"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Table), ["TableBody"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.TableBody), ["TableHeader"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.TableHeader), ["Text"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Text), ["Toolbar"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Toolbar), ["Tooltip"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Tooltip), ["TooltipProvider"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.TooltipProvider), ["VisuallyHidden"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.VisuallyHidden), ["useNoopTreatment"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.useNoopTreatment) });
 
 /***/ },
 
@@ -22606,7 +22647,7 @@ var x = (y) => {
 	var x = {}; __webpack_require__.d(x, y); return x
 } 
 var y = (x) => (() => (x))
-module.exports = x({ ["BoxBlue100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.BoxBlue100), ["Size5"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Size5), ["Size8"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Size8), ["bpIconCtaIconOnDark"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpIconCtaIconOnDark), ["bpIconIconOnDark"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpIconIconOnDark), ["bpIconIconOnLightSecondary"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpIconIconOnLightSecondary) });
+module.exports = x({ ["BoxBlue100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.BoxBlue100), ["Size5"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Size5), ["Size8"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Size8), ["bpIconCtaIconOnDark"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpIconCtaIconOnDark), ["bpIconIconOnDark"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpIconIconOnDark), ["bpIconIconOnLightSecondary"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpIconIconOnLightSecondary), ["bpRadius03"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpRadius03) });
 
 /***/ },
 
@@ -38238,7 +38279,7 @@ var isNpmBuild = __webpack_require__(8080);
 ;// ./src/lib/Logger.js
 /* eslint-disable no-undef */
 const CLIENT_NAME = "box-content-preview";
-const CLIENT_VERSION = "3.117.0";
+const CLIENT_VERSION = "3.118.0";
 /* eslint-enable no-undef */
 
 class Logger {
@@ -46181,6 +46222,143 @@ function TextControls({
     onFullscreenToggle: onFullscreenToggle
   })));
 }
+// EXTERNAL MODULE: external "@box/blueprint-web"
+var blueprint_web_ = __webpack_require__(8912);
+;// ./src/lib/viewers/controls/controls-bar/ControlsBarV2.tsx
+const ControlsBarV2_excluded = ["children"];
+function ControlsBarV2_extends() { return ControlsBarV2_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, ControlsBarV2_extends.apply(null, arguments); }
+function ControlsBarV2_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = ControlsBarV2_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function ControlsBarV2_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+
+
+function ControlsBarV2(_ref, ref) {
+  let {
+      children
+    } = _ref,
+    rest = ControlsBarV2_objectWithoutProperties(_ref, ControlsBarV2_excluded);
+  if (!children) {
+    return null;
+  }
+  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Root, ControlsBarV2_extends({
+    ref: ref,
+    colorScheme: "dark",
+    "data-testid": "bp-ControlsBar"
+  }, rest), children);
+}
+/* harmony default export */ const controls_bar_ControlsBarV2 = (/*#__PURE__*/external_react_["default"].forwardRef(ControlsBarV2));
+;// external "@box/blueprint-web-assets/icons/Medium/ArrowsMaximize"
+
+;// external "@box/blueprint-web-assets/icons/Medium/ArrowsMinimize"
+
+;// ./src/lib/viewers/controls/fullscreen/FullscreenToggleV2.tsx
+/* provided dependency */ var FullscreenToggleV2_ = __webpack_require__(441)["Tl"];
+const FullscreenToggleV2_excluded = ["onFullscreenToggle"];
+function FullscreenToggleV2_extends() { return FullscreenToggleV2_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, FullscreenToggleV2_extends.apply(null, arguments); }
+function FullscreenToggleV2_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = FullscreenToggleV2_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function FullscreenToggleV2_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+
+
+
+
+
+function FullscreenToggleV2(_ref) {
+  let {
+      onFullscreenToggle
+    } = _ref,
+    rest = FullscreenToggleV2_objectWithoutProperties(_ref, FullscreenToggleV2_excluded);
+  const isFullscreen = useFullscreen();
+  const icon = isFullscreen ? __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMinimize_35faab95_default__ : __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMaximize_12b9ae40_default__;
+  const label = isFullscreen ? FullscreenToggleV2_('exit_fullscreen') : FullscreenToggleV2_('enter_fullscreen');
+  const handleClick = ({
+    currentTarget
+  }) => {
+    onFullscreenToggle(!isFullscreen, currentTarget);
+  };
+  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
+    content: label
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, FullscreenToggleV2_extends({
+    "aria-label": label,
+    "data-resin-target": "fullscreen",
+    onClick: handleClick
+  }, rest), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
+    icon: icon
+  })));
+}
+;// external "@box/blueprint-web-assets/icons/Medium/Minus"
+
+;// external "@box/blueprint-web-assets/icons/Medium/Plus"
+
+;// ./src/lib/viewers/controls/zoom/ZoomControlsV2.tsx
+/* provided dependency */ var ZoomControlsV2_ = __webpack_require__(441)["Tl"];
+
+
+
+
+
+
+function ZoomControlsV2({
+  maxScale = MAX_SCALE,
+  minScale = MIN_SCALE,
+  onZoomIn,
+  onZoomOut,
+  resinTargetZoomIn = 'zoomIn',
+  resinTargetZoomOut = 'zoomOut',
+  scale = 1
+}) {
+  const currentScale = Math.round((scale + Number.EPSILON) * 100) / 100;
+  const maxScaleValue = isFinite_default()(maxScale) ? Math.min(maxScale, MAX_SCALE) : MAX_SCALE;
+  const minScaleValue = isFinite_default()(minScale) ? Math.max(minScale, MIN_SCALE) : MIN_SCALE;
+  return /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
+    content: ZoomControlsV2_('zoom_out')
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
+    "aria-label": ZoomControlsV2_('zoom_out'),
+    "data-resin-target": resinTargetZoomOut,
+    "data-testid": "bp-ZoomControls-out",
+    disabled: currentScale <= minScaleValue,
+    onClick: onZoomOut
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
+    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Minus_cc9df143_default__
+  }))), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
+    as: "span",
+    color: "textOnDarkDefault",
+    "data-testid": "bp-ZoomControls-current",
+    title: ZoomControlsV2_('zoom_current_scale'),
+    variant: "bodyDefaultSemibold"
+  }, `${Math.round(currentScale * 100)}%`), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
+    content: ZoomControlsV2_('zoom_in')
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
+    "aria-label": ZoomControlsV2_('zoom_in'),
+    "data-resin-target": resinTargetZoomIn,
+    "data-testid": "bp-ZoomControls-in",
+    disabled: currentScale >= maxScaleValue,
+    onClick: onZoomIn
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
+    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Plus_aaa7b14f_default__
+  }))));
+}
+;// ./src/lib/viewers/text/TextControlsV2.tsx
+
+
+
+
+function TextControlsV2({
+  maxScale,
+  minScale,
+  onFullscreenToggle,
+  onZoomIn,
+  onZoomOut,
+  scale
+}) {
+  return /*#__PURE__*/external_react_["default"].createElement(controls_bar_ControlsBarV2, null, /*#__PURE__*/external_react_["default"].createElement(ZoomControlsV2, {
+    maxScale: maxScale,
+    minScale: minScale,
+    onZoomIn: onZoomIn,
+    onZoomOut: onZoomOut,
+    scale: scale
+  }), /*#__PURE__*/external_react_["default"].createElement(FullscreenToggleV2, {
+    onFullscreenToggle: onFullscreenToggle
+  }));
+}
 ;// ./src/lib/file.js
 function file_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function file_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? file_ownKeys(Object(t), !0).forEach(function (r) { file_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : file_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -46505,6 +46683,7 @@ function canDownload(file, previewOptions) {
 
 
 
+
 const ZOOM_DEFAULT = 1.0;
 const ZOOM_MAX = 10;
 const ZOOM_MIN = 0.1;
@@ -46746,7 +46925,8 @@ class TextBaseViewer extends viewers_BaseViewer {
     if (!this.controls) {
       return;
     }
-    this.controls.render(/*#__PURE__*/external_react_["default"].createElement(TextControls, {
+    const Controls = this.featureEnabled(constants/* BLUEPRINT_MIGRATION_CONTROLS_BAR */.OQ) ? TextControlsV2 : TextControls;
+    this.controls.render(/*#__PURE__*/external_react_["default"].createElement(Controls, {
       maxScale: ZOOM_MAX,
       minScale: ZOOM_MIN,
       onFullscreenToggle: this.toggleFullscreen,
@@ -46791,8 +46971,6 @@ class TextBaseViewer extends viewers_BaseViewer {
 
 // EXTERNAL MODULE: external "@box/blueprint-web-assets/tokens/tokens"
 var tokens_ = __webpack_require__(8380);
-// EXTERNAL MODULE: external "@box/blueprint-web"
-var blueprint_web_ = __webpack_require__(8912);
 ;// ./src/lib/PrintModal.scss
 // extracted by mini-css-extract-plugin
 
@@ -47361,6 +47539,17 @@ function MarkdownControls({
     onFullscreenToggle: onFullscreenToggle
   }));
 }
+;// ./src/lib/viewers/text/MarkdownControlsV2.tsx
+
+
+
+function MarkdownControlsV2({
+  onFullscreenToggle
+}) {
+  return /*#__PURE__*/external_react_["default"].createElement(controls_bar_ControlsBarV2, null, /*#__PURE__*/external_react_["default"].createElement(FullscreenToggleV2, {
+    onFullscreenToggle: onFullscreenToggle
+  }));
+}
 ;// ./src/lib/viewers/text/Markdown.scss
 // extracted by mini-css-extract-plugin
 
@@ -47372,6 +47561,7 @@ function MarkdownControls({
 
 
 
+
 const MarkdownViewer_STATIC_URI = `third-party/text/${constants/* TEXT_STATIC_ASSETS_VERSION */.cR}/`;
 class MarkdownViewer extends text_PlainTextViewer {
   /**
@@ -47454,7 +47644,8 @@ class MarkdownViewer extends text_PlainTextViewer {
     if (!this.controls) {
       return;
     }
-    this.controls.render(/*#__PURE__*/external_react_["default"].createElement(MarkdownControls, {
+    const Controls = this.featureEnabled(constants/* BLUEPRINT_MIGRATION_CONTROLS_BAR */.OQ) ? MarkdownControlsV2 : MarkdownControls;
+    this.controls.render(/*#__PURE__*/external_react_["default"].createElement(Controls, {
       onFullscreenToggle: this.toggleFullscreen
     }));
   }
@@ -52781,6 +52972,8 @@ var play_48px = __webpack_require__(3493);
 const arrow_curved_back_24px_namespaceObject = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.707 2.29346C12.3165 1.90293 11.6835 1.90293 11.293 2.29346L8.64648 4.93994C8.06097 5.52574 8.06083 6.47534 8.64648 7.06104L11.293 9.70752C11.6834 10.0976 12.3166 10.0976 12.707 9.70752C13.0974 9.3171 13.0972 8.68399 12.707 8.29346L11.4131 6.99951H12C15.3136 6.99951 17.9998 9.68597 18 12.9995C18 16.3132 15.3137 18.9995 12 18.9995C10.7239 18.9995 9.54372 18.6019 8.57227 17.9243C8.11945 17.6086 7.49569 17.7198 7.17969 18.1724C6.8638 18.6252 6.97502 19.2489 7.42773 19.5649C8.72394 20.4691 10.3016 20.9995 12 20.9995C16.4183 20.9995 20 17.4178 20 12.9995C19.9998 8.5814 16.4182 4.99951 12 4.99951H11.415L12.707 3.70752C13.0975 3.31707 13.0973 2.684 12.707 2.29346ZM3.2793 8.99951C2.67882 8.99951 2.32725 9.26833 2.27832 9.9126L2.09277 12.3882V12.4126C2.06348 12.8862 2.33203 13.2964 2.92285 13.2964C3.31348 13.2964 3.49414 13.2085 3.76758 12.9692C3.99217 12.7691 4.29991 12.5933 4.68555 12.5933C5.35925 12.5933 5.83283 13.0476 5.83301 13.6919C5.83301 14.3511 5.33984 14.8394 4.6709 14.8394C4.10449 14.8394 3.7627 14.5708 3.48926 14.1606C3.27447 13.8923 3.05948 13.7798 2.72266 13.7798C2.26868 13.7798 2.00015 14.0437 2 14.4829C2 14.6537 2.04404 14.8199 2.12207 14.9761C2.4834 15.6938 3.51855 16.2212 4.68555 16.2212C6.36035 16.2212 7.52246 15.2007 7.52246 13.6528C7.52229 12.3151 6.56531 11.3774 5.23242 11.3774C4.49526 11.3774 3.92389 11.6852 3.65039 12.1489H3.61621L3.75293 10.3765H6.44824C6.87793 10.3765 7.15137 10.1079 7.15137 9.68799C7.15121 9.26828 6.87292 8.99951 6.44824 8.99951H3.2793Z\" fill=\"white\"/>\n</svg>\n";
 ;// ./src/lib/icons/arrow_curved_forward_24px.svg
 const arrow_curved_forward_24px_namespaceObject = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M11.293 2.29346C11.6835 1.90293 12.3165 1.90293 12.707 2.29346L15.3535 4.93994C15.939 5.52574 15.9392 6.47535 15.3535 7.06104L12.707 9.70752C12.3166 10.0976 11.6834 10.0976 11.293 9.70752C10.9026 9.31711 10.9028 8.684 11.293 8.29346L12.5869 6.99951H12C8.68642 6.99951 6.00021 9.68598 6 12.9995C6 16.3132 8.68629 18.9995 12 18.9995C13.2761 18.9995 14.4563 18.6019 15.4277 17.9243C15.8805 17.6086 16.5043 17.7198 16.8203 18.1724C17.1362 18.6252 17.025 19.2489 16.5723 19.5649C15.2761 20.4691 13.6984 20.9995 12 20.9995C7.58172 20.9995 4 17.4178 4 12.9995C4.00021 8.58141 7.58185 4.99951 12 4.99951H12.585L11.293 3.70752C10.9025 3.31708 10.9027 2.684 11.293 2.29346ZM20.9258 8.99951C21.3505 8.99951 21.6287 9.26828 21.6289 9.68799C21.6289 10.1079 21.3555 10.3765 20.9258 10.3765H18.2305L18.0938 12.1489H18.1279C18.4014 11.6852 18.9728 11.3774 19.71 11.3774C21.0428 11.3774 21.9998 12.3151 22 13.6528C22 15.2007 20.8379 16.2212 19.1631 16.2212C17.9961 16.2212 16.9609 15.6938 16.5996 14.9761C16.5216 14.8199 16.4775 14.6537 16.4775 14.4829C16.4777 14.0437 16.7462 13.7798 17.2002 13.7798C17.537 13.7798 17.752 13.8923 17.9668 14.1606C18.2402 14.5708 18.582 14.8394 19.1484 14.8394C19.8174 14.8394 20.3105 14.3511 20.3105 13.6919C20.3104 13.0476 19.8368 12.5933 19.1631 12.5933C18.7774 12.5933 18.4697 12.7691 18.2451 12.9692C17.9717 13.2085 17.791 13.2964 17.4004 13.2964C16.8096 13.2964 16.541 12.8862 16.5703 12.4126V12.3882L16.7559 9.9126C16.8048 9.26833 17.1564 8.99951 17.7568 8.99951H20.9258Z\" fill=\"white\"/>\n</svg>\n";
+// EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaLoadingIndicator.tsx + 1 modules
+var MediaLoadingIndicator = __webpack_require__(4301);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/PlayOverlayIcon.tsx
 var PlayOverlayIcon = __webpack_require__(2048);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/utils.ts
@@ -52838,6 +53031,7 @@ function VideoPreloader_toPrimitive(t, r) { if ("object" != typeof t || !t) retu
 
 
 
+
 class VideoPreloader extends (events_default()) {
   /**
    * [constructor]
@@ -52874,6 +53068,8 @@ class VideoPreloader extends (events_default()) {
     VideoPreloader_defineProperty(this, "showPreloadPromise", null);
     /** @property {Root|undefined} - React root for the Blueprint play overlay */
     VideoPreloader_defineProperty(this, "playOverlayRoot", void 0);
+    /** @property {Root|undefined} - React root for the Blueprint loading indicator */
+    VideoPreloader_defineProperty(this, "loadingRoot", void 0);
     /**
      * Cleans up preload DOM.
      *
@@ -52882,6 +53078,10 @@ class VideoPreloader extends (events_default()) {
      */
     VideoPreloader_defineProperty(this, "cleanupPreload", () => {
       this.unmountBlueprintPlayOverlay();
+      if (this.loadingRoot) {
+        this.loadingRoot.unmount();
+        this.loadingRoot = undefined;
+      }
       if (this.wrapperEl) {
         if (this.wrapperEl.parentNode) {
           this.wrapperEl.parentNode.removeChild(this.wrapperEl);
@@ -53185,7 +53385,12 @@ class VideoPreloader extends (events_default()) {
       this.imageClickHandler = undefined;
     }
     this.wrapperEl.style.cursor = '';
-    if (this.placeholderEl) {
+    if (this.placeholderEl && this.preloadOptions?.isBlueprintEnabled) {
+      if (!this.loadingRoot) {
+        this.loadingRoot = (0,client_.createRoot)(this.placeholderEl.appendChild(document.createElement('div')));
+        this.loadingRoot.render(/*#__PURE__*/external_react_["default"].createElement(MediaLoadingIndicator/* default */.A, null));
+      }
+    } else if (this.placeholderEl) {
       const spinner = document.createElement('div');
       spinner.className = 'bp-media-buffering-spinner';
       this.placeholderEl.appendChild(spinner);
@@ -53386,13 +53591,16 @@ function VideoBaseViewer_toPrimitive(t, r) { if ("object" != typeof t || !t) ret
 
 
 
+
+
+
 const MOUSE_MOVE_TIMEOUT_IN_MILLIS = 1000;
 const CLASS_PLAY_BUTTON = 'bp-media-play-button';
 const CLASS_PLAY_CONTAINER = 'bp-media-overlay-play-container';
 const CLASS_PLAY_CONTAINER_PLAY_BUTTON = 'bp-media-overlay-play-button';
 const CLASS_SEEK_BUTTON = 'bp-media-overlay-seek-button';
 const SMALL_VIDEO_WIDTH_THRESHOLD = 580;
-const SPINNER_HALF_SIZE = 40; // Half of the 80px spinner height (defined in _mediaBase.scss)
+const SPINNER_HALF_SIZE = 40; // Half of the 80px spinner height (_mediaBase.scss and MediaLoadingIndicator.scss)
 const VIDEO_ANNOTATIONS_ENABLED = 'videoAnnotations.enabled';
 const DISCOVERABILITY_STATES = [AnnotationState.DRAWING, AnnotationState.NONE, AnnotationState.REGION_TEMP];
 class VideoBaseViewer extends media_MediaBaseViewer {
@@ -53503,11 +53711,21 @@ class VideoBaseViewer extends media_MediaBaseViewer {
 
     // Buffering spinner
     this.bufferingSpinnerEl = this.mediaContainerEl.appendChild(document.createElement('div'));
-    this.bufferingSpinnerEl.classList.add('bp-media-buffering-spinner');
     this.bufferingSpinnerEl.classList.add(constants/* CLASS_HIDDEN */.zX);
-    if (this.useReactControls() && !this.isVideoPlayerV2) {
-      // Shift up by half the control bar + half the spinner to visually center above the controls
-      this.bufferingSpinnerEl.style.marginTop = `-${constants/* VIDEO_PLAYER_CONTROL_BAR_HEIGHT */.qL / 2 + SPINNER_HALF_SIZE}px`;
+    // Shift up by half the control bar + half the spinner to visually center above the controls
+    const spinnerMarginTop = this.useReactControls() && !this.isVideoPlayerV2 ? `-${constants/* VIDEO_PLAYER_CONTROL_BAR_HEIGHT */.qL / 2 + SPINNER_HALF_SIZE}px` : undefined;
+    if (this.isBlueprintMediaControlsEnabled()) {
+      this.bufferingSpinnerRoot = (0,client_.createRoot)(this.bufferingSpinnerEl);
+      this.bufferingSpinnerRoot.render(/*#__PURE__*/external_react_["default"].createElement(MediaLoadingIndicator/* default */.A, {
+        style: {
+          marginTop: spinnerMarginTop
+        }
+      }));
+    } else {
+      this.bufferingSpinnerEl.classList.add('bp-media-buffering-spinner');
+      if (spinnerMarginTop) {
+        this.bufferingSpinnerEl.style.marginTop = spinnerMarginTop;
+      }
     }
     this.lowerLights();
   }
@@ -53766,6 +53984,10 @@ class VideoBaseViewer extends media_MediaBaseViewer {
     if (this.seekBackwardButtonEl) {
       this.seekBackwardButtonEl.removeEventListener('click', () => this.movePlayback(false, 5));
     }
+    if (this.bufferingSpinnerRoot) {
+      this.bufferingSpinnerRoot.unmount();
+      this.bufferingSpinnerRoot = undefined;
+    }
     this.bufferingSpinnerEl = null;
     super.destroy();
   }
@@ -53952,10 +54174,32 @@ class VideoBaseViewer extends media_MediaBaseViewer {
   }
 
   /**
-   * @inheritdoc
+   * Shows the player's buffering indicator in place of the page-level crawler when Blueprint media
+   * controls are on, so quality and track switches use the same loading state as buffering.
+   *
+   * @override
+   * @return {void}
    */
   showLoadingIcon() {
-    super.showLoadingIcon();
+    if (!this.isBlueprintMediaControlsEnabled()) {
+      super.showLoadingIcon();
+      return;
+    }
+    if (this.containerEl && this.mediaEl && !this.mediaEl.paused && !this.mediaEl.ended) {
+      this.showBufferingSpinner();
+      this.hidePlayButton();
+    }
+  }
+
+  /**
+   * @override
+   * @return {void}
+   */
+  hideLoadingIcon() {
+    super.hideLoadingIcon();
+    if (this.isBlueprintMediaControlsEnabled()) {
+      this.hideBufferingSpinner();
+    }
   }
 
   /**
@@ -57705,26 +57949,6 @@ const ANNOTATION_MODE_ICONS = {
   [AnnotationMode.REGION]: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_SquarePlus_c11758f1_default__
 };
 /* harmony default export */ const annotationModeIcons = (ANNOTATION_MODE_ICONS);
-;// ./src/lib/viewers/controls/controls-bar/ControlsBarV2.tsx
-const ControlsBarV2_excluded = ["children"];
-function ControlsBarV2_extends() { return ControlsBarV2_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, ControlsBarV2_extends.apply(null, arguments); }
-function ControlsBarV2_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = ControlsBarV2_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function ControlsBarV2_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-
-
-function ControlsBarV2(_ref) {
-  let {
-      children
-    } = _ref,
-    rest = ControlsBarV2_objectWithoutProperties(_ref, ControlsBarV2_excluded);
-  if (!children) {
-    return null;
-  }
-  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Root, ControlsBarV2_extends({
-    colorScheme: "dark",
-    "data-testid": "bp-ControlsBar"
-  }, rest), children);
-}
 ;// ./src/lib/viewers/controls/tooltip/ToggleTooltipV2.scss
 // extracted by mini-css-extract-plugin
 
@@ -57764,7 +57988,7 @@ function AnnotationsPaletteV2({
   return /*#__PURE__*/external_react_["default"].createElement("div", {
     className: "bp-AnnotationsPaletteV2",
     "data-testid": "bp-AnnotationsPaletteV2"
-  }, /*#__PURE__*/external_react_["default"].createElement(ControlsBarV2, null, children));
+  }, /*#__PURE__*/external_react_["default"].createElement(controls_bar_ControlsBarV2, null, children));
 }
 function Modes({
   annotationMode,
@@ -57986,44 +58210,6 @@ function FindBarToggleV2({
     icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Search_ef3e4aba_default__
   })));
 }
-;// external "@box/blueprint-web-assets/icons/Medium/ArrowsMaximize"
-
-;// external "@box/blueprint-web-assets/icons/Medium/ArrowsMinimize"
-
-;// ./src/lib/viewers/controls/fullscreen/FullscreenToggleV2.tsx
-/* provided dependency */ var FullscreenToggleV2_ = __webpack_require__(441)["Tl"];
-const FullscreenToggleV2_excluded = ["onFullscreenToggle"];
-function FullscreenToggleV2_extends() { return FullscreenToggleV2_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, FullscreenToggleV2_extends.apply(null, arguments); }
-function FullscreenToggleV2_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = FullscreenToggleV2_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function FullscreenToggleV2_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-
-
-
-
-
-function FullscreenToggleV2(_ref) {
-  let {
-      onFullscreenToggle
-    } = _ref,
-    rest = FullscreenToggleV2_objectWithoutProperties(_ref, FullscreenToggleV2_excluded);
-  const isFullscreen = useFullscreen();
-  const icon = isFullscreen ? __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMinimize_35faab95_default__ : __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMaximize_12b9ae40_default__;
-  const label = isFullscreen ? FullscreenToggleV2_('exit_fullscreen') : FullscreenToggleV2_('enter_fullscreen');
-  const handleClick = ({
-    currentTarget
-  }) => {
-    onFullscreenToggle(!isFullscreen, currentTarget);
-  };
-  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-    content: label
-  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, FullscreenToggleV2_extends({
-    "aria-label": label,
-    "data-resin-target": "fullscreen",
-    onClick: handleClick
-  }, rest), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
-    icon: icon
-  })));
-}
 ;// external "@box/blueprint-web-assets/icons/Medium/GridView"
 
 ;// ./src/lib/viewers/controls/gallery/GalleryToggleV2.tsx
@@ -58263,58 +58449,6 @@ function ThumbnailsToggleV2({
     value: "thumbnails"
   }))));
 }
-;// external "@box/blueprint-web-assets/icons/Medium/Minus"
-
-;// external "@box/blueprint-web-assets/icons/Medium/Plus"
-
-;// ./src/lib/viewers/controls/zoom/ZoomControlsV2.tsx
-/* provided dependency */ var ZoomControlsV2_ = __webpack_require__(441)["Tl"];
-
-
-
-
-
-
-function ZoomControlsV2({
-  maxScale = MAX_SCALE,
-  minScale = MIN_SCALE,
-  onZoomIn,
-  onZoomOut,
-  resinTargetZoomIn = 'zoomIn',
-  resinTargetZoomOut = 'zoomOut',
-  scale = 1
-}) {
-  const currentScale = Math.round((scale + Number.EPSILON) * 100) / 100;
-  const maxScaleValue = isFinite_default()(maxScale) ? Math.min(maxScale, MAX_SCALE) : MAX_SCALE;
-  const minScaleValue = isFinite_default()(minScale) ? Math.max(minScale, MIN_SCALE) : MIN_SCALE;
-  return /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-    content: ZoomControlsV2_('zoom_out')
-  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
-    "aria-label": ZoomControlsV2_('zoom_out'),
-    "data-resin-target": resinTargetZoomOut,
-    "data-testid": "bp-ZoomControls-out",
-    disabled: currentScale <= minScaleValue,
-    onClick: onZoomOut
-  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
-    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Minus_cc9df143_default__
-  }))), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
-    as: "span",
-    color: "textOnDarkDefault",
-    "data-testid": "bp-ZoomControls-current",
-    title: ZoomControlsV2_('zoom_current_scale'),
-    variant: "bodyDefaultSemibold"
-  }, `${Math.round(currentScale * 100)}%`), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-    content: ZoomControlsV2_('zoom_in')
-  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
-    "aria-label": ZoomControlsV2_('zoom_in'),
-    "data-resin-target": resinTargetZoomIn,
-    "data-testid": "bp-ZoomControls-in",
-    disabled: currentScale >= maxScaleValue,
-    onClick: onZoomIn
-  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
-    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Plus_aaa7b14f_default__
-  }))));
-}
 ;// ./src/lib/viewers/doc/DocControlsV2.tsx
 
 
@@ -58388,7 +58522,7 @@ function DocControlsV2({
   };
   return /*#__PURE__*/external_react_["default"].createElement(ExperiencesProvider, {
     experiences: experiences
-  }, /*#__PURE__*/external_react_["default"].createElement(ControlsBarV2, null, !isGalleryOpen && /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(ThumbnailsToggleV2, {
+  }, /*#__PURE__*/external_react_["default"].createElement(controls_bar_ControlsBarV2, null, !isGalleryOpen && /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(ThumbnailsToggleV2, {
     isThumbnailsOpen: isThumbnailsOpen,
     onThumbnailsToggle: onThumbnailsToggle
   }), /*#__PURE__*/external_react_["default"].createElement(FindBarToggleV2, {
@@ -59268,10 +59402,10 @@ class Thumbnail {
   }
 
   /**
-   * Make a thumbnail image element
+   * Gets the cached thumbnail entry for an item
    *
    * @param {number} itemIndex - the item index for the overall list (0 indexed)
-   * @return {Promise} - promise reolves with the image HTMLElement or null if generation is in progress
+   * @return {{ image?: HTMLElement, inProgress: boolean } | null} - the cache entry, or null if none exists
    */
   getImageFromCache(itemIndex) {
     return this.thumbnailImageCache?.get(itemIndex) || null;
@@ -61975,6 +62109,156 @@ class ThumbnailsSidebar {
   }
 }
 /* harmony default export */ const lib_ThumbnailsSidebar = (ThumbnailsSidebar);
+// EXTERNAL MODULE: external "react-dom"
+var external_react_dom_ = __webpack_require__(7516);
+;// ./src/lib/ThumbnailsSidebarV2.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/ThumbnailsSidebarV2.tsx
+/* provided dependency */ var ThumbnailsSidebarV2_ = __webpack_require__(441)["Tl"];
+function ThumbnailsSidebarV2_defineProperty(e, r, t) { return (r = ThumbnailsSidebarV2_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function ThumbnailsSidebarV2_toPropertyKey(t) { var i = ThumbnailsSidebarV2_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function ThumbnailsSidebarV2_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+
+
+
+
+
+
+
+
+const CLASS_SIDEBAR = 'bp-ThumbnailsSidebarV2';
+const CLASS_ITEM = 'bp-ThumbnailsSidebarV2-item';
+const CLASS_ITEM_SELECTED = 'bp-ThumbnailsSidebarV2-item--selected';
+const CLASS_OVERLAY = 'bp-ThumbnailsSidebarV2-overlay';
+const CLASS_PAGE = 'bp-ThumbnailsSidebarV2-page';
+const ThumbnailOverlay = /*#__PURE__*/external_react_["default"].memo(function ThumbnailOverlay({
+  pageNumber
+}) {
+  return /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement("span", {
+    className: "bp-ThumbnailsSidebarV2-ghost"
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Ghost, {
+    borderRadius: tokens_.bpRadius03,
+    "data-testid": "bp-ThumbnailsSidebarV2-ghost",
+    height: "100%",
+    variant: "rectangle",
+    width: "100%"
+  })), /*#__PURE__*/external_react_["default"].createElement("span", {
+    className: "bp-ThumbnailsSidebarV2-pageNumber"
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
+    as: "span",
+    color: "textOnDarkDefault",
+    variant: "bodyDefault"
+  }, `${pageNumber}`)));
+});
+function setSelected(thumbnailEl, isSelected) {
+  thumbnailEl.classList.toggle(CLASS_ITEM_SELECTED, isSelected);
+  if (isSelected) {
+    thumbnailEl.setAttribute('aria-current', 'true');
+  } else {
+    thumbnailEl.removeAttribute('aria-current');
+  }
+}
+const getPageNumber = thumbnailEl => parseInt(thumbnailEl.dataset.bpPageNum || '', 10);
+class ThumbnailsSidebarV2 extends lib_ThumbnailsSidebar {
+  constructor(element, pdfViewer, preloader) {
+    super(element, pdfViewer, preloader);
+    ThumbnailsSidebarV2_defineProperty(this, "overlayRoot", (0,client_.createRoot)(document.createElement('div')));
+    ThumbnailsSidebarV2_defineProperty(this, "isOverlayRenderPending", false);
+    ThumbnailsSidebarV2_defineProperty(this, "isDestroyed", false);
+    element.classList.add(CLASS_SIDEBAR);
+  }
+  destroy() {
+    this.isDestroyed = true;
+    this.overlayRoot.unmount();
+    this.anchorEl.classList.remove(CLASS_SIDEBAR);
+    super.destroy();
+  }
+  applyCurrentPageSelection() {
+    this.currentThumbnails.forEach(thumbnailEl => {
+      if (thumbnailEl) {
+        setSelected(thumbnailEl, getPageNumber(thumbnailEl) === this.currentPage);
+      }
+    });
+  }
+  createPlaceholderThumbnail(itemIndex) {
+    const pageNumber = itemIndex + 1;
+    const thumbnailEl = document.createElement('div');
+    thumbnailEl.className = CLASS_ITEM;
+    thumbnailEl.dataset.bpPageNum = `${pageNumber}`;
+    thumbnailEl.setAttribute('role', 'button');
+    thumbnailEl.setAttribute('aria-label', (0,util/* replacePlaceholders */.Lb)(ThumbnailsSidebarV2_('page_gallery_tile'), [`${pageNumber}`]));
+    const overlayEl = document.createElement('span');
+    overlayEl.className = CLASS_OVERLAY;
+    overlayEl.setAttribute('aria-hidden', 'true');
+    thumbnailEl.appendChild(overlayEl);
+
+    // Must stay last: ThumbnailsSidebar appends page images to lastChild.
+    const pageEl = document.createElement('div');
+    pageEl.className = CLASS_PAGE;
+    thumbnailEl.appendChild(pageEl);
+    setSelected(thumbnailEl, pageNumber === this.currentPage);
+    const cachedImage = this.thumbnail.getImageFromCache(itemIndex);
+    if (cachedImage?.image && !cachedImage.inProgress) {
+      pageEl.appendChild(cachedImage.image);
+      thumbnailEl.classList.add(CLASS_BOX_PREVIEW_THUMBNAIL_IMAGE_LOADED);
+    }
+    this.currentThumbnails.push(thumbnailEl);
+    this.renderOverlays();
+    return thumbnailEl;
+  }
+  generateThumbnailImages(listInfo) {
+    super.generateThumbnailImages(listInfo);
+    this.renderOverlays();
+  }
+  refresh() {
+    const result = super.refresh();
+    this.renderOverlays();
+    return result;
+  }
+  thumbnailClickHandler(event) {
+    const thumbnailEl = event.target.closest(`.${CLASS_ITEM}`);
+    if (!thumbnailEl) {
+      return;
+    }
+    if (this.onThumbnailSelect) {
+      this.onThumbnailSelect(getPageNumber(thumbnailEl));
+    }
+    this.anchorEl.focus();
+    event.preventDefault();
+    event.stopImmediatePropagation();
+  }
+  renderOverlays() {
+    if (this.isDestroyed || this.isOverlayRenderPending) {
+      return;
+    }
+    this.isOverlayRenderPending = true;
+    // Waits for VirtualScroller to attach the rows it is building.
+    queueMicrotask(() => {
+      this.isOverlayRenderPending = false;
+      this.flushOverlays();
+    });
+  }
+  flushOverlays() {
+    if (this.isDestroyed) {
+      return;
+    }
+    const portals = this.currentThumbnails.map(thumbnailEl => {
+      const hostEl = thumbnailEl?.isConnected && thumbnailEl.querySelector(`.${CLASS_OVERLAY}`);
+      if (!thumbnailEl || !hostEl) {
+        return null;
+      }
+      const pageNumber = getPageNumber(thumbnailEl);
+      return /*#__PURE__*/(0,external_react_dom_.createPortal)(/*#__PURE__*/external_react_["default"].createElement(ThumbnailOverlay, {
+        pageNumber: pageNumber
+      }), hostEl, `${pageNumber}`);
+    });
+    this.overlayRoot.render(/*#__PURE__*/external_react_["default"].createElement(BlueprintProviders/* default */.A, {
+      container: this.anchorEl
+    }, portals));
+  }
+}
 ;// ./src/lib/viewers/doc/docAssets.js
 
 const docAssets_STATIC_URI = `third-party/doc/${constants/* DOC_STATIC_ASSETS_VERSION */.r8}`;
@@ -62018,6 +62302,7 @@ function DocBaseViewer_toPrimitive(t, r) { if ("object" != typeof t || !t) retur
 
 
 
+
 
 
 const DOC_FIRST_PAGES_ENABLED = 'docFirstPages.enabled';
@@ -63563,7 +63848,8 @@ class DocBaseViewer extends viewers_BaseViewer {
     // if the preloader has initialized the thumbnails sidebar don't reinitialize it when the pdf loads
     // we only need one thumbnail sidebar for both the preloader and the pdfViewer
     if (!this.thumbnailsSidebar) {
-      this.thumbnailsSidebar = new lib_ThumbnailsSidebar(this.thumbnailsSidebarEl, this.pdfViewer, this.preloader);
+      const Sidebar = this.featureEnabled(constants/* BLUEPRINT_MIGRATION_SUPPORTING_UI */.Ed) ? ThumbnailsSidebarV2 : lib_ThumbnailsSidebar;
+      this.thumbnailsSidebar = new Sidebar(this.thumbnailsSidebarEl, this.pdfViewer, this.preloader);
       this.thumbnailsSidebar.init({
         currentPage: this.pdfViewer?.currentPageNumber,
         isOpen: this.shouldThumbnailsBeToggled(),
@@ -69328,6 +69614,9 @@ swf_SWFLoader, video360_Video360Loader, media_MediaLoader, image360_Image360Load
 
 ;// external "@box/blueprint-web-assets/icons/Medium/Trash"
 
+;// ./src/lib/ComparisonBanner.scss
+// extracted by mini-css-extract-plugin
+
 ;// ./src/lib/ComparisonBanner.tsx
 /* provided dependency */ var ComparisonBanner_ = __webpack_require__(441)["Tl"];
 function ComparisonBanner_defineProperty(e, r, t) { return (r = ComparisonBanner_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -69343,6 +69632,7 @@ function ComparisonBanner_toPrimitive(t, r) { if ("object" != typeof t || !t) re
 
 
 
+
 function formatComparisonTimestamp(iso, locale) {
   if (!iso) {
     return '';
@@ -69748,6 +70038,100 @@ class LoadingIcon {
 }
 ;// ./src/lib/shell.html
 const shell_namespaceObject = "<div class=\"bp-container\">\n    <div class=\"bp-header-container bp-is-hidden\">\n        <div>\n            <span class=\"bp-default-logo\">\n                <svg height=\"25\" width=\"45\" viewBox=\"0 0 98 52\" focusable=\"false\">\n                    <path\n                        d=\"M95.34 44.7c1.1 1.53.8 3.66-.75 4.8-1.56 1.13-3.74.84-4.93-.64l-7.8-10.23-7.82 10.23c-1.2 1.48-3.36 1.77-4.9.63-1.55-1.15-1.87-3.28-.75-4.8l9.06-11.86L68.4 21c-1.1-1.54-.8-3.67.75-4.8 1.55-1.14 3.72-.85 4.9.63l7.82 10.23 7.8-10.23c1.2-1.48 3.38-1.77 4.92-.63 1.52 1.13 1.84 3.26.73 4.8L86.3 32.84l9.04 11.85zM53.9 43.22c-5.86 0-10.6-4.65-10.6-10.4 0-5.72 4.74-10.37 10.6-10.37 5.85 0 10.6 4.65 10.6 10.38 0 5.74-4.75 10.4-10.6 10.4zm-31.23 0c-5.85 0-10.6-4.65-10.6-10.4 0-5.72 4.75-10.37 10.6-10.37 5.86 0 10.6 4.65 10.6 10.38 0 5.74-4.74 10.4-10.6 10.4zm31.22-27.7c-6.78 0-12.66 3.73-15.63 9.2-2.97-5.47-8.84-9.2-15.6-9.2-4 0-7.66 1.3-10.6 3.46V4.38C12.02 2.52 10.45 1 8.53 1 6.6 1 5.03 2.5 5 4.4v28.7c.16 9.43 8 17.03 17.67 17.03 6.77 0 12.64-3.73 15.6-9.2 2.98 5.47 8.86 9.2 15.62 9.2 9.74 0 17.66-7.75 17.66-17.32 0-9.55-7.92-17.3-17.68-17.3z\"\n                    ></path>\n                </svg>\n            </span>\n            <img class=\"bp-is-hidden bp-custom-logo\" />\n            <div class=\"bp-header-btns\">\n                <button\n                    class=\"bp-btn-plain bp-btn-annotate-draw bp-is-hidden\"\n                    data-testid=\"draw-annotation\"\n                    type=\"button\"\n                >\n                    <svg\n                        class=\"bp-btn-annotate-draw-enter\"\n                        width=\"22\"\n                        height=\"21\"\n                        viewBox=\"0 0 14.88 14.88\"\n                        focusable=\"false\"\n                    >\n                        <path\n                            d=\"M11.65,6.64,5.11,13.17.06,14.94,1.83,9.89,8.37,3.35Zm1.41-1.41L9.78,1.94,11.37.35a1,1,0,0,1,1.41,0l1.87,1.87a1,1,0,0,1,0,1.41Z\"\n                            transform=\"translate(-0.06 -0.06)\"\n                            fill-rule=\"evenodd\"\n                        />\n                    </svg>\n                </button>\n                <button\n                    class=\"bp-btn-plain bp-btn-annotate-point bp-is-hidden\"\n                    data-testid=\"point-annotation\"\n                    type=\"button\"\n                >\n                    <svg width=\"22\" height=\"21\" viewBox=\"0 0 22 21\" focusable=\"false\">\n                        <path\n                            d=\"M11 21l-4-4H1.99C.89 17 0 16.11 0 15V2C0 .895.89 0 1.99 0h18.02C21.11 0 22 .89 22 2v13c0 1.105-.89 2-1.99 2H15l-4 4zm-7-9.5c0-.276.228-.5.51-.5h8.98c.282 0 .51.232.51.5 0 .276-.228.5-.51.5H4.51c-.282 0-.51-.232-.51-.5zm0-3c0-.276.23-.5.5-.5h11c.276 0 .5.232.5.5 0 .276-.23.5-.5.5h-11c-.276 0-.5-.232-.5-.5zm0-3c0-.276.22-.5.498-.5h13.004c.275 0 .498.232.498.5 0 .276-.22.5-.498.5H4.498C4.223 6 4 5.768 4 5.5z\"\n                            fill-rule=\"evenodd\"\n                        />\n                    </svg>\n                </button>\n                <button class=\"bp-btn-plain bp-btn-print bp-is-hidden\" data-testid=\"print-preview\" type=\"button\">\n                    <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" focusable=\"false\">\n                        <path\n                            d=\"M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z\"\n                        />\n                        <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n                    </svg>\n                </button>\n                <button class=\"bp-btn-plain bp-btn-download bp-is-hidden\" data-testid=\"download-preview\" type=\"button\">\n                    <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" focusable=\"false\">\n                        <path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\" />\n                        <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n                    </svg>\n                </button>\n            </div>\n        </div>\n    </div>\n    <div class=\"bp\" data-testid=\"bp\" tabindex=\"-1\">\n        <div class=\"bp-content\" data-testid=\"bp-content\" tabindex=\"-1\" role=\"region\">\n            <div class=\"bp-loading-wrapper\">\n                <div class=\"bp-loading\">\n                    <div class=\"bp-icon bp-icon-file\"></div>\n                    <div class=\"bp-crawler-wrapper\">\n                        <div class=\"bp-crawler\">\n                            <div></div>\n                            <div></div>\n                            <div></div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <button class=\"bp-btn-plain bp-navigate bp-navigate-left bp-is-hidden\" type=\"button\">\n                <svg viewBox=\"0 0 48 48\" focusable=\"false\">\n                    <path\n                        fill=\"#494949\"\n                        stroke=\"#DCDCDC\"\n                        stroke-miterlimit=\"10\"\n                        d=\"M30.8,33.2L21.7,24l9.2-9.2L28,12L16,24l12,12L30.8,33.2z\"\n                    />\n                    <path display=\"none\" fill=\"none\" d=\"M0,0h48v48H0V0z\" />\n                </svg>\n            </button>\n            <button class=\"bp-btn-plain bp-navigate bp-navigate-right bp-is-hidden\" type=\"button\">\n                <svg viewBox=\"0 0 48 48\" focusable=\"false\">\n                    <path\n                        fill=\"#494949\"\n                        stroke=\"#DCDCDC\"\n                        stroke-miterlimit=\"10\"\n                        d=\"M17.2,14.8l9.2,9.2l-9.2,9.2L20,36l12-12L20,12L17.2,14.8z\"\n                    />\n                    <path display=\"none\" fill=\"none\" d=\"M48,48H0L0,0l48,0V48z\" />\n                </svg>\n            </button>\n        </div>\n    </div>\n</div>\n";
+;// external "@box/blueprint-web-assets/icons/Medium/ChevronLeft"
+
+;// external "@box/blueprint-web-assets/icons/Medium/ChevronRight"
+
+;// ./src/lib/CollectionNavigation.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/CollectionNavigation.tsx
+/* provided dependency */ var CollectionNavigation_ = __webpack_require__(441)["Tl"];
+function CollectionNavigation_defineProperty(e, r, t) { return (r = CollectionNavigation_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function CollectionNavigation_toPropertyKey(t) { var i = CollectionNavigation_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function CollectionNavigation_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+
+
+
+
+
+
+
+// Hosts with their own arrows, like box-ui-elements ContentPreview, hide `.bp-navigate`.
+const ARROW_CLASS_NAME = 'bp-navigate bp-CollectionNavigation-arrow';
+function CollectionNavigation({
+  hasNext,
+  hasPrevious,
+  onNext,
+  onPrevious
+}) {
+  return /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, hasPrevious && /*#__PURE__*/external_react_["default"].createElement("div", {
+    className: `${ARROW_CLASS_NAME} bp-CollectionNavigation-previous`
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
+    content: CollectionNavigation_('previous_file')
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconButton, {
+    "aria-label": CollectionNavigation_('previous_file'),
+    "data-target-id": "CollectionNavigation-previous",
+    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ChevronLeft_8bf40851_default__,
+    onClick: onPrevious,
+    size: "large",
+    variant: "high-contrast"
+  }))), hasNext && /*#__PURE__*/external_react_["default"].createElement("div", {
+    className: `${ARROW_CLASS_NAME} bp-CollectionNavigation-next`
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
+    content: CollectionNavigation_('next_file')
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconButton, {
+    "aria-label": CollectionNavigation_('next_file'),
+    "data-target-id": "CollectionNavigation-next",
+    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ChevronRight_619e782c_default__,
+    onClick: onNext,
+    size: "large",
+    variant: "high-contrast"
+  }))));
+}
+class CollectionNavigationRoot {
+  constructor({
+    containerEl,
+    onNext,
+    onPrevious
+  }) {
+    CollectionNavigation_defineProperty(this, "containerEl", void 0);
+    CollectionNavigation_defineProperty(this, "hostEl", void 0);
+    CollectionNavigation_defineProperty(this, "isDestroyed", false);
+    CollectionNavigation_defineProperty(this, "onNext", void 0);
+    CollectionNavigation_defineProperty(this, "onPrevious", void 0);
+    CollectionNavigation_defineProperty(this, "root", void 0);
+    this.containerEl = containerEl;
+    this.onNext = onNext;
+    this.onPrevious = onPrevious;
+    this.hostEl = document.createElement('div');
+    this.hostEl.className = 'bp-CollectionNavigationRoot';
+    containerEl.appendChild(this.hostEl);
+    this.root = (0,client_.createRoot)(this.hostEl);
+  }
+  destroy() {
+    this.isDestroyed = true;
+    this.root.unmount();
+    this.hostEl.remove();
+  }
+  render({
+    hasNext,
+    hasPrevious
+  }) {
+    if (this.isDestroyed) {
+      return;
+    }
+    this.root.render(/*#__PURE__*/external_react_["default"].createElement(BlueprintProviders/* default */.A, {
+      container: this.hostEl
+    }, /*#__PURE__*/external_react_["default"].createElement(CollectionNavigation, {
+      hasNext: hasNext,
+      hasPrevious: hasPrevious,
+      onNext: this.onNext,
+      onPrevious: this.onPrevious
+    })));
+  }
+}
 ;// ./src/lib/PreviewUI.js
 /* provided dependency */ var PreviewUI_ = __webpack_require__(441)["Tl"];
 function PreviewUI_defineProperty(e, r, t) { return (r = PreviewUI_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -69758,8 +70142,12 @@ function PreviewUI_toPrimitive(t, r) { if ("object" != typeof t || !t) return t;
 
 
 
+
+
 class PreviewUI {
   constructor() {
+    /** @property {CollectionNavigationRoot} - Blueprint navigation arrows, set only with the supporting UI flag */
+    PreviewUI_defineProperty(this, "collectionNavigation", void 0);
     /** @property {HTMLElement} - Container element */
     PreviewUI_defineProperty(this, "container", void 0);
     /** @property {HTMLElement} - Content container element */
@@ -69791,6 +70179,10 @@ class PreviewUI {
       this.loadingIcon.destroy();
       this.loadingIcon = null;
     }
+    if (this.collectionNavigation) {
+      this.collectionNavigation.destroy();
+      this.collectionNavigation = null;
+    }
     if (this.container) {
       this.container.innerHTML = '';
     }
@@ -69837,6 +70229,9 @@ class PreviewUI {
     this.container = this.container.querySelector(constants/* SELECTOR_BOX_PREVIEW_CONTAINER */.xK);
     this.previewContainer = this.container.querySelector(constants/* SELECTOR_BOX_PREVIEW */.Vm);
     this.contentContainer = this.container.querySelector(constants/* SELECTOR_BOX_PREVIEW_CONTENT */.bE);
+    if (isFeatureEnabled(options.features, constants/* BLUEPRINT_MIGRATION_SUPPORTING_UI */.Ed)) {
+      this.setupCollectionNavigation();
+    }
 
     // Setup the header, buttons, and theme
     if (options.header !== 'none') {
@@ -69867,8 +70262,8 @@ class PreviewUI {
    * Shows navigation arrows if there is a need
    *
    * @public
-   * @param {number} id - File ID of current preview
-   * @param {number[]} collection - Array of File IDs being previewed
+   * @param {string} id - File ID of current preview
+   * @param {string[]} collection - Array of File IDs being previewed
    * @return {void}
    */
   showNavigation(id, collection) {
@@ -69878,6 +70273,10 @@ class PreviewUI {
     if (!this.container) {
       return;
     }
+    if (this.collectionNavigation) {
+      this.showCollectionNavigation(id, collection);
+      return;
+    }
     const leftNavEl = this.container.querySelector(constants/* SELECTOR_NAVIGATION_LEFT */.HV);
     const rightNavEl = this.container.querySelector(constants/* SELECTOR_NAVIGATION_RIGHT */.Kh);
 
@@ -70072,6 +70471,44 @@ class PreviewUI {
     loadingIconEl.parentElement.removeChild(loadingIconEl);
   }
 
+  /**
+   * Replaces the shell's navigation arrows with Blueprint arrows.
+   *
+   * @private
+   * @return {void}
+   */
+  setupCollectionNavigation() {
+    this.contentContainer.querySelectorAll(`${constants/* SELECTOR_NAVIGATION_LEFT */.HV}, ${constants/* SELECTOR_NAVIGATION_RIGHT */.Kh}`).forEach(navEl => navEl.remove());
+    this.collectionNavigation = new CollectionNavigationRoot({
+      containerEl: this.contentContainer,
+      onNext: this.rightHandler,
+      onPrevious: this.leftHandler
+    });
+  }
+
+  /**
+   * Shows the Blueprint arrows for the current file's position in the collection.
+   *
+   * @private
+   * @param {string} id - File ID of current preview
+   * @param {string[]} collection - Array of File IDs being previewed
+   * @return {void}
+   */
+  showCollectionNavigation(id, collection) {
+    const hasNavigation = collection.length > 1;
+    const index = collection.indexOf(id);
+    this.previewContainer.classList.remove(constants/* CLASS_BOX_PREVIEW_HAS_NAVIGATION */.eM);
+    this.previewContainer.removeEventListener('mousemove', this.mousemoveHandler);
+    if (hasNavigation) {
+      this.previewContainer.classList.add(constants/* CLASS_BOX_PREVIEW_HAS_NAVIGATION */.eM);
+      this.previewContainer.addEventListener('mousemove', this.mousemoveHandler);
+    }
+    this.collectionNavigation.render({
+      hasNext: hasNavigation && index < collection.length - 1,
+      hasPrevious: hasNavigation && index > 0
+    });
+  }
+
   /**
    * Sets up the preview header.
    *