box-content-preview 3.120.0 → 3.123.0

package/dist/lib/index.js

@@ -51,22 +51,21 @@ import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Me
 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_Comment_c700dfbc_default__ } from "@box/blueprint-web-assets/icons/Medium/Comment";
 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_Nav_d41e959a_default__ } from "@box/blueprint-web-assets/icons/Medium/Nav";
+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_Search_ef3e4aba_default__ } from "@box/blueprint-web-assets/icons/Medium/Search";
+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_EllipsisVertical_06d33c4b_default__ } from "@box/blueprint-web-assets/icons/Medium/EllipsisVertical";
 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_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 { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_MediumFilled_Pause_0cc1f701_default__ } from "@box/blueprint-web-assets/icons/MediumFilled/Pause";
+import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_MediumFilled_Play_ee47c078_default__ } from "@box/blueprint-web-assets/icons/MediumFilled/Play";
 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";
@@ -1113,7 +1112,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","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_close":"Close","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.","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_find":"Find","controls_rotate_document":"Rotate document","controls_zoom_scale":"Zoom: {1}","controls_view_as_grid":"View as grid","controls_show_thumbnails":"View thumbnails","controls_hide_thumbnails":"Hide thumbnails","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_version":"Version {1}","comparison_banner_actions":"More actions","comparison_banner_open_full_preview":"Open Full Preview","comparison_banner_close":"Close","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.","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() {
@@ -1216,7 +1215,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.120.0"; // eslint-disable-line no-undef
+const CLIENT_VERSION = "3.123.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 = {};
@@ -1509,8 +1508,8 @@ function createAssetUrlCreator(location) {
     if (name.indexOf('http') === 0) {
       // This is a full url
       asset = name;
-    } else if (name.indexOf('third-party') === 0 || name.indexOf('exif/') === 0 || name.indexOf('cmaps/') === 0 || name.indexOf('iccs/') === 0 || name.indexOf('wasm/') === 0 || name.indexOf('standard_fonts/') === 0) {
-      // Static, non-localized asset (third-party libs, shared exif, pdfjs cmaps, ICC profiles, wasm, standard fonts).
+    } else if (name.indexOf('third-party') === 0 || name.indexOf('exif/') === 0 || name.indexOf('cmaps/') === 0 || name.indexOf('iccs/') === 0 || name.indexOf('wasm/') === 0 || name.indexOf('standard_fonts/') === 0 || name.indexOf('pdfjs-images/') === 0) {
+      // Static asset shared by every version and locale
       asset = staticBaseURI + name;
     } else {
       // This is our own asset that is localized
@@ -4019,7 +4018,8 @@ function BreadcrumbsV2({
     onClick(path);
   };
   return /*#__PURE__*/external_react_["default"].createElement("div", {
-    className: "bp-BreadcrumbsV2"
+    className: "bp-BreadcrumbsV2",
+    "data-testid": "bp-archive-breadcrumbs"
   }, view === constants/* VIEWS */.Vw.VIEW_SEARCH ? /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
     as: "span",
     variant: "bodyDefaultBold"
@@ -4081,6 +4081,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(1649);
+// EXTERNAL MODULE: external "react-dom"
+var external_react_dom_ = __webpack_require__(7516);
 // EXTERNAL MODULE: external "react-dom/client"
 var client_ = __webpack_require__(6662);
 // EXTERNAL MODULE: ./node_modules/prop-types/index.js
@@ -5124,7 +5126,8 @@ class Breadcrumbs extends external_react_["default"].PureComponent {
       view
     } = this.props;
     return /*#__PURE__*/external_react_["default"].createElement("div", {
-      className: "bp-Breadcrumbs"
+      className: "bp-Breadcrumbs",
+      "data-testid": "bp-archive-breadcrumbs"
     }, /*#__PURE__*/external_react_["default"].createElement(__WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_components_breadcrumb_da64b71d_default__, null, view === constants/* VIEWS */.Vw.VIEW_SEARCH ? /*#__PURE__*/external_react_["default"].createElement("span", null, __('search_results')) : this.getPathItems(fullPath).map(pathItem => /*#__PURE__*/external_react_["default"].createElement(__WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_components_plain_button_PlainButton_6ddbae5a_default__, {
       key: pathItem.path,
       "data-resin-target": "breadcrumb",
@@ -5418,7 +5421,8 @@ class ArchiveExplorer extends external_react_.Component {
       resin: resin,
       view: view
     }), /*#__PURE__*/external_react_.createElement("div", {
-      className: "bp-ArchiveExplorer-table"
+      className: "bp-ArchiveExplorer-table",
+      "data-testid": "bp-archive-table"
     }, v2 ? /*#__PURE__*/external_react_.createElement(v2.ArchiveTableV2, {
       items: itemList,
       onItemClick: item => this.handleItemClick({
@@ -5496,6 +5500,7 @@ function BoxArchive_toPrimitive(t, r) { if ("object" != typeof t || !t) return t
 
 
 
+
 class BoxArchive {
   /**
    * [constructor]
@@ -5554,9 +5559,11 @@ class BoxArchive {
       resin: this.resin,
       v2: v2
     });
-    this.root.render(v2 ? /*#__PURE__*/external_react_["default"].createElement(v2.BlueprintProviders, {
-      container: this.archiveEl
-    }, explorer) : explorer);
+    (0,external_react_dom_.flushSync)(() => {
+      this.root.render(v2 ? /*#__PURE__*/external_react_["default"].createElement(v2.BlueprintProviders, {
+        container: this.archiveEl
+      }, explorer) : explorer);
+    });
   }
 
   /**
@@ -6372,7 +6379,7 @@ function MediaSettingsMenuSubtitles({
 
 /***/ },
 
-/***/ 4190
+/***/ 4027
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 
@@ -6394,102 +6401,10 @@ var Medium_ = __webpack_require__(9747);
 var tokens_ = __webpack_require__(8380);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/settings/SettingsRadioItem.tsx + 1 modules
 var SettingsRadioItem = __webpack_require__(8394);
-;// ./src/lib/viewers/controls/tooltip/MenuTriggerTooltipV2.tsx
-
-
-// An open tooltip sits above the menu in the dismiss stack, so it would cover the menu and take its first Escape.
-function MenuTriggerTooltipV2({
-  children,
-  content,
-  isMenuOpen
-}) {
-  const [isOpen, setIsOpen] = external_react_["default"].useState(false);
-  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-    content: content,
-    onOpenChange: setIsOpen,
-    open: isOpen && !isMenuOpen
-  }, children);
-}
-;// ./src/lib/viewers/controls/settings/SettingsToggleV2.scss
-// extracted by mini-css-extract-plugin
-
-;// ./src/lib/viewers/controls/settings/SettingsToggleV2.tsx
-const _excluded = ["badge", "buttonType", "label"],
-  _excluded2 = ["badge", "buttonType", "label"];
-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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _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 _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; }
-
-
-
-
-
-
-// Toolbar.Button throws outside a Toolbar.Root, so toggles rendered elsewhere use IconButton.
-
-// The Tooltip wraps the button inside this component so that a Popover or DropdownMenu trigger
-// rendered around it (asChild) keeps its own data-state; Radix gives the child's props precedence.
-function SettingsToggleV2(props, ref) {
-  const isMenuOpen = props['aria-expanded'] === true || props['aria-expanded'] === 'true';
-  if (props.buttonType === 'icon') {
-    const {
-        badge,
-        buttonType,
-        label
-      } = props,
-      rest = _objectWithoutProperties(props, _excluded);
-
-    // IconButton renders only its icon, so the badge sits beside the button in a positioned wrapper.
-    return /*#__PURE__*/external_react_["default"].createElement("span", {
-      className: "bp-SettingsToggleV2"
-    }, /*#__PURE__*/external_react_["default"].createElement(MenuTriggerTooltipV2, {
-      content: label,
-      isMenuOpen: isMenuOpen
-    }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconButton, _extends({
-      ref: ref,
-      "aria-label": label,
-      "data-resin-target": "settingsOpen",
-      icon: Medium_.Gear
-    }, rest))), /*#__PURE__*/external_react_["default"].isValidElement(badge) && /*#__PURE__*/external_react_["default"].createElement("span", {
-      className: "bp-SettingsToggleV2-badge"
-    }, badge));
-  }
-  const {
-      badge,
-      buttonType,
-      label
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded2);
-  return /*#__PURE__*/external_react_["default"].createElement(MenuTriggerTooltipV2, {
-    content: label,
-    isMenuOpen: isMenuOpen
-  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, _extends({
-    ref: ref,
-    "aria-label": label,
-    "data-resin-target": "settingsOpen"
-  }, rest), /*#__PURE__*/external_react_["default"].createElement("span", {
-    className: "bp-SettingsToggleV2"
-  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
-    icon: Medium_.Gear
-  }), /*#__PURE__*/external_react_["default"].isValidElement(badge) && /*#__PURE__*/external_react_["default"].createElement("span", {
-    className: "bp-SettingsToggleV2-badge"
-  }, badge))));
-}
-/* harmony default export */ const settings_SettingsToggleV2 = (/*#__PURE__*/external_react_["default"].forwardRef(SettingsToggleV2));
-;// ./src/lib/viewers/controls/settings/stopMenuKeyPropagation.ts
-// For a menu's onKeyDown, so its keys don't reach preview's file navigation on document or the host's hotkeys
-// (e.g. preview-client's HotkeyLayer on window). Escape must still reach Radix's document listener to close the menu.
-function stopKeyPropagation(event) {
-  if (event.key !== 'Escape') {
-    event.stopPropagation();
-  }
-}
-
-// For a Radix layer's onEscapeKeyDown, which runs on document after the layer has closed, so the host's Escape
-// hotkey doesn't close the whole preview too.
-function stopEscapePropagation(event) {
-  event.stopPropagation();
-}
+// EXTERNAL MODULE: ./src/lib/viewers/controls/settings/SettingsToggleV2.tsx + 1 modules
+var SettingsToggleV2 = __webpack_require__(4574);
+// EXTERNAL MODULE: ./src/lib/viewers/controls/settings/stopMenuKeyPropagation.ts
+var stopMenuKeyPropagation = __webpack_require__(9646);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaSettingsAudioTracks.tsx
 var MediaSettingsAudioTracks = __webpack_require__(9306);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaSettingsMenuGuides.tsx
@@ -6662,10 +6577,10 @@ function MediaSettingsV2({
       event.preventDefault();
       closeSubMenu();
     }
-    stopKeyPropagation(event);
+    (0,stopMenuKeyPropagation/* stopKeyPropagation */.a)(event);
   };
   const handleEscapeKeyDown = event => {
-    stopEscapePropagation(event);
+    (0,stopMenuKeyPropagation/* stopEscapePropagation */.s)(event);
     if (activeSubMenu) {
       event.preventDefault();
       closeSubMenu();
@@ -6693,7 +6608,7 @@ function MediaSettingsV2({
     open: isOpen
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Trigger, {
     asChild: true
-  }, /*#__PURE__*/external_react_["default"].createElement(settings_SettingsToggleV2, {
+  }, /*#__PURE__*/external_react_["default"].createElement(SettingsToggleV2/* default */.A, {
     buttonType: "icon",
     "data-target-id": "MediaSettingsV2-toggle",
     label: __('media_settings'),
@@ -9093,6 +9008,115 @@ function SettingsRadioItem(props, ref) {
 
 /***/ },
 
+/***/ 4574
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  A: () => (/* binding */ settings_SettingsToggleV2)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(1649);
+// EXTERNAL MODULE: external "@box/blueprint-web"
+var blueprint_web_ = __webpack_require__(8912);
+// EXTERNAL MODULE: external "@box/blueprint-web-assets/icons/Medium"
+var Medium_ = __webpack_require__(9747);
+// EXTERNAL MODULE: ./src/lib/viewers/controls/tooltip/MenuTriggerTooltipV2.tsx
+var MenuTriggerTooltipV2 = __webpack_require__(6014);
+;// ./src/lib/viewers/controls/settings/SettingsToggleV2.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/viewers/controls/settings/SettingsToggleV2.tsx
+const _excluded = ["badge", "buttonType", "label"],
+  _excluded2 = ["badge", "buttonType", "label"];
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _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 _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; }
+
+
+
+
+
+
+// Toolbar.Button throws outside a Toolbar.Root, so toggles rendered elsewhere use IconButton.
+
+// The Tooltip wraps the button inside this component so that a Popover or DropdownMenu trigger
+// rendered around it (asChild) keeps its own data-state; Radix gives the child's props precedence.
+function SettingsToggleV2(props, ref) {
+  const isMenuOpen = props['aria-expanded'] === true || props['aria-expanded'] === 'true';
+  if (props.buttonType === 'icon') {
+    const {
+        badge,
+        buttonType,
+        label
+      } = props,
+      rest = _objectWithoutProperties(props, _excluded);
+
+    // IconButton renders only its icon, so the badge sits beside the button in a positioned wrapper.
+    return /*#__PURE__*/external_react_["default"].createElement("span", {
+      className: "bp-SettingsToggleV2"
+    }, /*#__PURE__*/external_react_["default"].createElement(MenuTriggerTooltipV2/* default */.A, {
+      content: label,
+      isMenuOpen: isMenuOpen
+    }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconButton, _extends({
+      ref: ref,
+      "aria-label": label,
+      "data-resin-target": "settingsOpen",
+      icon: Medium_.Gear
+    }, rest))), /*#__PURE__*/external_react_["default"].isValidElement(badge) && /*#__PURE__*/external_react_["default"].createElement("span", {
+      className: "bp-SettingsToggleV2-badge"
+    }, badge));
+  }
+  const {
+      badge,
+      buttonType,
+      label
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded2);
+  return /*#__PURE__*/external_react_["default"].createElement(MenuTriggerTooltipV2/* default */.A, {
+    content: label,
+    isMenuOpen: isMenuOpen
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, _extends({
+    ref: ref,
+    "aria-label": label,
+    "data-resin-target": "settingsOpen"
+  }, rest), /*#__PURE__*/external_react_["default"].createElement("span", {
+    className: "bp-SettingsToggleV2"
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
+    icon: Medium_.Gear
+  }), /*#__PURE__*/external_react_["default"].isValidElement(badge) && /*#__PURE__*/external_react_["default"].createElement("span", {
+    className: "bp-SettingsToggleV2-badge"
+  }, badge))));
+}
+/* harmony default export */ const settings_SettingsToggleV2 = (/*#__PURE__*/external_react_["default"].forwardRef(SettingsToggleV2));
+
+/***/ },
+
+/***/ 9646
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   a: () => (/* binding */ stopKeyPropagation),
+/* harmony export */   s: () => (/* binding */ stopEscapePropagation)
+/* harmony export */ });
+// For a menu's onKeyDown, so its keys don't reach preview's file navigation on document or the host's hotkeys
+// (e.g. preview-client's HotkeyLayer on window). Escape must still reach Radix's document listener to close the menu.
+function stopKeyPropagation(event) {
+  if (event.key !== 'Escape') {
+    event.stopPropagation();
+  }
+}
+
+// For a Radix layer's onEscapeKeyDown, which runs on document after the layer has closed, so the host's Escape
+// hotkey doesn't close the whole preview too.
+function stopEscapePropagation(event) {
+  event.stopPropagation();
+}
+
+/***/ },
+
 /***/ 4937
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -9275,6 +9299,32 @@ function SliderControl(_ref) {
 
 /***/ },
 
+/***/ 6014
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (/* binding */ MenuTriggerTooltipV2)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1649);
+/* harmony import */ var _box_blueprint_web__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8912);
+
+
+// An open tooltip sits above the menu in the dismiss stack, so it would cover the menu and take its first Escape.
+function MenuTriggerTooltipV2({
+  children,
+  content,
+  isMenuOpen
+}) {
+  const [isOpen, setIsOpen] = react__WEBPACK_IMPORTED_MODULE_0__["default"].useState(false);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_box_blueprint_web__WEBPACK_IMPORTED_MODULE_1__.Tooltip, {
+    content: content,
+    onOpenChange: setIsOpen,
+    open: isOpen && !isMenuOpen
+  }, children);
+}
+
+/***/ },
+
 /***/ 9974
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -9309,8 +9359,8 @@ var blueprint_web_ = __webpack_require__(8912);
 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
-var MediaSettingsV2 = __webpack_require__(4190);
+// EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaSettingsV2.tsx + 1 modules
+var MediaSettingsV2 = __webpack_require__(4027);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/PlayOverlayIcon.tsx
 var PlayOverlayIcon = __webpack_require__(2048);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/PlayPauseToggle.tsx + 1 modules
@@ -21539,7 +21589,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), ["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) });
+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), ["EllipsizableText"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.EllipsizableText), ["Focusable"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Focusable), ["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), ["Popover"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Popover), ["Row"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Row), ["SearchInput"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.SearchInput), ["Select"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Select), ["SelectMenu"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.SelectMenu), ["Switch"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Switch), ["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) });
 
 /***/ },
 
@@ -21550,7 +21600,7 @@ var x = (y) => {
 	var x = {}; __webpack_require__.d(x, y); return x
 } 
 var y = (x) => (() => (x))
-module.exports = x({ ["ArrowCurveBack5"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ArrowCurveBack5), ["ArrowCurveForward5"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ArrowCurveForward5), ["ArrowsMaximize"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ArrowsMaximize), ["ArrowsMinimize"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ArrowsMinimize), ["ChevronDown"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ChevronDown), ["ChevronLeft"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ChevronLeft), ["ChevronRight"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ChevronRight), ["ChevronUp"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ChevronUp), ["ClosedCaption"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ClosedCaption), ["Comment"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Comment), ["Element"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Element), ["Gear"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Gear), ["Volume0"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Volume0), ["Volume1"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Volume1), ["Volume2"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Volume2), ["VolumeX"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.VolumeX), ["XMark"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.XMark), ["ZoomIn"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ZoomIn), ["ZoomOut"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ZoomOut) });
+module.exports = x({ ["ArrowCurveBack5"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ArrowCurveBack5), ["ArrowCurveForward"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ArrowCurveForward), ["ArrowCurveForward5"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ArrowCurveForward5), ["ArrowsMaximize"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ArrowsMaximize), ["ArrowsMinimize"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ArrowsMinimize), ["Checkmark"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Checkmark), ["ChevronDown"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ChevronDown), ["ChevronLeft"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ChevronLeft), ["ChevronRight"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ChevronRight), ["ChevronUp"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ChevronUp), ["ClosedCaption"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ClosedCaption), ["Comment"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Comment), ["Download"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Download), ["Element"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Element), ["Ellipsis"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Ellipsis), ["Expand"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Expand), ["GaugeNeedle"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.GaugeNeedle), ["Gear"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Gear), ["RotateLeft"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.RotateLeft), ["Trash"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Trash), ["Volume0"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Volume0), ["Volume1"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Volume1), ["Volume2"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Volume2), ["VolumeX"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.VolumeX), ["XMark"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.XMark), ["ZoomIn"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ZoomIn), ["ZoomOut"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ZoomOut) });
 
 /***/ },
 
@@ -37204,7 +37254,7 @@ var isNpmBuild = __webpack_require__(8080);
 ;// ./src/lib/Logger.js
 /* eslint-disable no-undef */
 const CLIENT_NAME = "box-content-preview";
-const CLIENT_VERSION = "3.120.0";
+const CLIENT_VERSION = "3.123.0";
 /* eslint-enable no-undef */
 
 class Logger {
@@ -38837,7 +38887,13 @@ class BaseViewer extends (events_default()) {
    * @return {void}
    */
   toggleFullscreen(isFullscreen, fullscreenToggleEl) {
-    this.fullscreenToggleEl = fullscreenToggleEl;
+    // The keyboard shortcut has no button to return focus to, so keep the last toggle unless it has
+    // since unmounted, as when it collapses into or out of the overflow menu
+    if (fullscreenToggleEl) {
+      this.fullscreenToggleEl = fullscreenToggleEl;
+    } else if (this.fullscreenToggleEl && !this.fullscreenToggleEl.isConnected) {
+      this.fullscreenToggleEl = null;
+    }
     lib_Fullscreen.toggle(this.containerEl);
   }
 
@@ -38987,7 +39043,7 @@ class BaseViewer extends (events_default()) {
    * @return {void}
    */
   emitFirstRenderMetric() {
-    if (this.firstRenderEmitted) {
+    if (this.isDestroyed() || this.firstRenderEmitted) {
       return;
     }
     const {
@@ -39806,6 +39862,7 @@ class ArchiveViewer extends viewers_BaseViewer {
    * @return {void}
    */
   finishRender() {
+    this.emitFirstRenderMetric();
     this.loaded = true;
     this.emit(lib_events/* VIEWER_EVENT */.Oi.load);
   }
@@ -41493,7 +41550,7 @@ class ImageViewer extends image_ImageBaseViewer {
    * @return {void}
    */
   emitFirstRenderMetric() {
-    if (this.firstRenderEmitted) {
+    if (this.isDestroyed() || this.firstRenderEmitted) {
       return;
     }
     const {
@@ -44805,7 +44862,8 @@ class Image360Viewer extends box3d_Box3DViewer {
    * @return {boolean} Consumed or not
    */
   onKeydown(key) {
-    return this.handleFullscreenKey(key);
+    // Without React controls the legacy Box3DControls bar renders, which has no fullscreen shortcut
+    return this.getViewerOption('useReactControls') ? this.handleFullscreenKey(key) : false;
   }
   renderUI() {
     if (!this.controls) {
@@ -45220,25 +45278,45 @@ function TextControls({
 
 
 
-function ZoomControlsV2({
+function getZoomState({
   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 {
+    canZoomIn: currentScale < maxScaleValue,
+    canZoomOut: currentScale > minScaleValue,
+    currentScale
+  };
+}
+function ZoomControlsV2({
+  maxScale,
+  minScale,
+  onZoomIn,
+  onZoomOut,
+  resinTargetZoomIn = 'zoomIn',
+  resinTargetZoomOut = 'zoomOut',
+  scale
+}) {
+  const {
+    canZoomIn,
+    canZoomOut,
+    currentScale
+  } = getZoomState({
+    maxScale,
+    minScale,
+    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,
+    disabled: !canZoomOut,
     onClick: onZoomOut
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
     icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Minus_cc9df143_default__
@@ -45254,7 +45332,7 @@ function ZoomControlsV2({
     "aria-label": ZoomControlsV2_('zoom_in'),
     "data-resin-target": resinTargetZoomIn,
     "data-testid": "bp-ZoomControls-in",
-    disabled: currentScale >= maxScaleValue,
+    disabled: !canZoomIn,
     onClick: onZoomIn
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
     icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Plus_aaa7b14f_default__
@@ -53479,10 +53557,12 @@ var MediaToggle = __webpack_require__(8997);
 // data-state Toolbar.ToggleItem uses for its selected styling, so the tooltip gets its own element.
 function ToggleTooltipV2({
   children,
-  content
+  content,
+  side
 }) {
   return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-    content: content
+    content: content,
+    side: side
   }, /*#__PURE__*/external_react_["default"].createElement("span", {
     className: "bp-ToggleTooltipV2"
   }, children));
@@ -53674,8 +53754,8 @@ function VideoControls({
     onFullscreenToggle: onFullscreenToggle
   })))));
 }
-// EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaSettingsV2.tsx + 5 modules
-var MediaSettingsV2 = __webpack_require__(4190);
+// EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaSettingsV2.tsx + 1 modules
+var MediaSettingsV2 = __webpack_require__(4027);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/PlayPauseButton.tsx + 2 modules
 var PlayPauseButton = __webpack_require__(5760);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/SkipButton.tsx + 2 modules
@@ -54105,6 +54185,298 @@ function VideoFullscreenButton({
     type: "button"
   }, isFullscreen ? /*#__PURE__*/external_react_["default"].createElement(icons_IconArrowsMinimizeMedium24, null) : /*#__PURE__*/external_react_["default"].createElement(icons_IconArrowsMaximizeMedium24, null));
 }
+// EXTERNAL MODULE: external "react-dom"
+var external_react_dom_ = __webpack_require__(7516);
+;// ./src/lib/viewers/controls/annotations/AnnotationsPaletteAnchorV2.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/viewers/controls/annotations/AnnotationsPaletteAnchorV2.tsx
+
+
+
+
+
+// Portals the palette out of the controls so it alone can stack above the annotator's layers, pinned to
+// the anchor's top-right corner where an end-aligned menu would open
+function AnnotationsPaletteAnchorV2({
+  anchorRef,
+  children
+}) {
+  const container = external_react_["default"].useContext(BlueprintProviders/* PortalContainerContext */.n) ?? document.body;
+  const {
+    setIsForced
+  } = external_react_["default"].useContext(ControlsLayerContext);
+  const [point, setPoint] = external_react_["default"].useState(null);
+  external_react_["default"].useLayoutEffect(() => {
+    const anchorEl = anchorRef.current;
+    if (!anchorEl) {
+      return undefined;
+    }
+    const updatePoint = () => {
+      const anchorRect = anchorEl.getBoundingClientRect();
+      const containerRect = container.getBoundingClientRect();
+      const left = anchorRect.right - containerRect.left;
+      const top = anchorRect.top - containerRect.top;
+      setPoint(prev => prev && prev.left === left && prev.top === top ? prev : {
+        left,
+        top
+      });
+    };
+    updatePoint();
+    const observer = new ResizeObserver(updatePoint);
+    observer.observe(container);
+    return () => observer.disconnect();
+  }, [anchorRef, container]);
+
+  // The palette is outside the controls layer, so the layer is held open to keep the anchor in view
+  external_react_["default"].useEffect(() => {
+    setIsForced(true);
+    return () => setIsForced(false);
+  }, [setIsForced]);
+  if (!point) {
+    return null;
+  }
+  return /*#__PURE__*/(0,external_react_dom_.createPortal)(/*#__PURE__*/external_react_["default"].createElement("div", {
+    className: "bp-AnnotationsPaletteAnchorV2",
+    "data-testid": "bp-AnnotationsPaletteAnchorV2",
+    style: {
+      left: point.left,
+      top: point.top
+    }
+  }, children), container);
+}
+;// external "@box/blueprint-web-assets/icons/Medium/PencilTip"
+
+;// external "@box/blueprint-web-assets/icons/Medium/SquarePlus"
+
+;// external "@box/blueprint-web-assets/icons/Medium/TCursorHighlight"
+
+;// ./src/lib/viewers/controls/annotations/annotationModeIcons.ts
+
+
+
+
+const ANNOTATION_MODE_ICONS = {
+  [AnnotationMode.DRAWING]: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_PencilTip_154ad3fd_default__,
+  [AnnotationMode.HIGHLIGHT]: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_TCursorHighlight_508374cb_default__,
+  [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/annotations/AnnotationsPaletteV2.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/viewers/controls/annotations/AnnotationsPaletteV2.tsx
+/* provided dependency */ var AnnotationsPaletteV2_ = __webpack_require__(441)["Tl"];
+function AnnotationsPaletteV2_extends() { return AnnotationsPaletteV2_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; }, AnnotationsPaletteV2_extends.apply(null, arguments); }
+
+
+
+
+
+
+
+
+function AnnotationsPaletteV2({
+  children
+}) {
+  return /*#__PURE__*/external_react_["default"].createElement("div", {
+    className: "bp-AnnotationsPaletteV2",
+    "data-testid": "bp-AnnotationsPaletteV2"
+  }, /*#__PURE__*/external_react_["default"].createElement(controls_bar_ControlsBarV2, null, children));
+}
+function Modes({
+  annotationMode,
+  children,
+  onAnnotationModeClick = (noop_default())
+}) {
+  // The single-select group reports an empty value when the active mode is clicked again. Exiting
+  // is left to the trigger on the main bar, so the palette never closes under the cursor.
+  const handleModeChange = mode => {
+    if (!mode || mode === annotationMode) {
+      return;
+    }
+    onAnnotationModeClick({
+      mode: mode
+    });
+  };
+  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.ToggleGroup, {
+    "data-testid": "bp-annotations-controls",
+    onValueChange: handleModeChange,
+    type: "single",
+    value: annotationMode
+  }, children);
+}
+function Mode({
+  value
+}) {
+  const {
+    label,
+    resinTarget,
+    testId
+  } = {
+    [AnnotationMode.DRAWING]: {
+      label: AnnotationsPaletteV2_('drawing_comment'),
+      resinTarget: 'draw',
+      testId: 'bp-AnnotationsControls-drawBtn'
+    },
+    [AnnotationMode.HIGHLIGHT]: {
+      label: AnnotationsPaletteV2_('highlight_text'),
+      resinTarget: 'highlightText',
+      testId: 'bp-AnnotationsControls-highlightBtn'
+    },
+    [AnnotationMode.REGION]: {
+      label: AnnotationsPaletteV2_('region_comment'),
+      resinTarget: 'highlightRegion',
+      testId: 'bp-AnnotationsControls-regionBtn'
+    }
+  }[value];
+  return /*#__PURE__*/external_react_["default"].createElement(ToggleTooltipV2, {
+    content: label
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.ToggleItem, {
+    "aria-label": label,
+    "data-resin-target": resinTarget,
+    "data-testid": testId,
+    icon: annotationModeIcons[value],
+    value: value
+  }));
+}
+/* harmony default export */ const annotations_AnnotationsPaletteV2 = (AnnotationsPaletteV2_extends(AnnotationsPaletteV2, {
+  Mode,
+  Modes
+}));
+;// external "@box/blueprint-web-assets/icons/Medium/Comment"
+
+;// ./src/lib/viewers/controls/annotations/AnnotationsToggleV2.tsx
+/* provided dependency */ var AnnotationsToggleV2_ = __webpack_require__(441)["Tl"];
+function AnnotationsToggleV2_extends() { return AnnotationsToggleV2_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; }, AnnotationsToggleV2_extends.apply(null, arguments); }
+
+
+
+
+
+
+
+// The toolbar parts throw outside a Toolbar.Root, so surfaces without one (the media bar) use a standalone button.
+
+const TOGGLE_VALUE = 'annotations';
+function AnnotationsToggleV2(props, ref) {
+  const {
+    annotationMode = AnnotationMode.NONE,
+    isExpanded,
+    modes,
+    onAnnotationModeClick = (noop_default()),
+    onAnnotationModeEscape = (noop_default()),
+    tooltipSide
+  } = props;
+  const [lastMode, setLastMode] = external_react_["default"].useState(null);
+  const isActive = annotationMode !== AnnotationMode.NONE;
+  const resumeMode = lastMode && modes.includes(lastMode) ? lastMode : modes[0];
+  external_react_["default"].useEffect(() => {
+    if (annotationMode !== AnnotationMode.NONE) {
+      setLastMode(annotationMode);
+    }
+  }, [annotationMode]);
+
+  // Global event handlers
+  external_react_["default"].useEffect(() => {
+    const handleKeyDown = event => {
+      if (event.key !== 'Escape') {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      onAnnotationModeEscape();
+    };
+    if (annotationMode !== AnnotationMode.NONE) {
+      document.addEventListener('keydown', handleKeyDown);
+    }
+    return () => {
+      document.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [annotationMode, onAnnotationModeEscape]);
+  if (!resumeMode) {
+    return null;
+  }
+  const handleToggle = isPressed => {
+    onAnnotationModeClick({
+      mode: isPressed ? resumeMode : AnnotationMode.NONE
+    });
+  };
+  const toggleProps = {
+    ref,
+    'aria-expanded': isExpanded ?? isActive,
+    'aria-label': AnnotationsToggleV2_('annotation_tools'),
+    'data-resin-target': 'annotations',
+    'data-testid': 'bp-AnnotationsControls-toggleBtn',
+    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Comment_c700dfbc_default__
+  };
+  const renderToggle = toggle => /*#__PURE__*/external_react_["default"].createElement(ToggleTooltipV2, {
+    content: AnnotationsToggleV2_('annotation_tools'),
+    side: tooltipSide
+  }, toggle);
+  if (props.buttonType === 'icon') {
+    const {
+      className,
+      size,
+      variant
+    } = props;
+    return renderToggle(/*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconToggleButton, AnnotationsToggleV2_extends({}, toggleProps, {
+      className: className,
+      onPressedChange: handleToggle,
+      pressed: isActive,
+      size: size,
+      variant: variant
+    })));
+  }
+  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.ToggleGroup, {
+    onValueChange: value => handleToggle(value.includes(TOGGLE_VALUE)),
+    type: "multiple",
+    value: isActive ? [TOGGLE_VALUE] : []
+  }, renderToggle(/*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.ToggleItem, AnnotationsToggleV2_extends({}, toggleProps, {
+    value: TOGGLE_VALUE
+  }))));
+}
+/* harmony default export */ const annotations_AnnotationsToggleV2 = (/*#__PURE__*/external_react_["default"].forwardRef(AnnotationsToggleV2));
+;// ./src/lib/viewers/controls/color-picker/ColorPickerControlV2.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/viewers/controls/color-picker/ColorPickerControlV2.tsx
+/* provided dependency */ var ColorPickerControlV2_ = __webpack_require__(441)["Tl"];
+
+
+
+
+
+const getColorLabels = () => ({
+  [AnnotationColor.BOX_BLUE]: ColorPickerControlV2_('drawing_color_blue'),
+  [AnnotationColor.GREEN_LIGHT]: ColorPickerControlV2_('drawing_color_green'),
+  [AnnotationColor.WATERMELON_RED]: ColorPickerControlV2_('drawing_color_red'),
+  [AnnotationColor.YELLORANGE]: ColorPickerControlV2_('drawing_color_orange'),
+  [AnnotationColor.YELLOW]: ColorPickerControlV2_('drawing_color_yellow'),
+  [AnnotationColor.GRIMACE]: ColorPickerControlV2_('drawing_color_purple')
+});
+function ColorPickerControlV2({
+  activeColor = __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlBoxBlue__,
+  colors,
+  onColorSelect
+}) {
+  const colorLabels = getColorLabels();
+  return /*#__PURE__*/external_react_["default"].createElement("div", {
+    className: "bp-ColorPickerControlV2",
+    "data-testid": "bp-color-picker-control"
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.SelectMenu.Grid, {
+    "aria-label": ColorPickerControlV2_('drawing_color'),
+    columns: colors.length
+  }, colors.map(color => /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.SelectMenu.Option.ColorCircle, {
+    key: color,
+    active: color === activeColor,
+    "aria-label": colorLabels[color] || color,
+    className: "bp-ColorPickerControlV2-swatch",
+    color: color,
+    "data-resin-target": "colorSelect",
+    onClick: () => onColorSelect(color)
+  }))));
+}
 ;// ./src/lib/viewers/media/VideoControlsV2.scss
 // extracted by mini-css-extract-plugin
 
@@ -54121,12 +54493,20 @@ function VideoFullscreenButton({
 
 
 
+
+
+
+
+
+
+
+
 
 
 
 function VideoControlsV2({
   annotationColor,
-  annotationMode,
+  annotationMode = AnnotationMode.NONE,
   aspectRatio,
   audioTrack,
   audioTracks,
@@ -54176,6 +54556,55 @@ function VideoControlsV2({
   videoAnnotationsEnabled = false,
   volume
 }) {
+  const isFullscreen = useFullscreen();
+
+  // Listed in the palette's button order, which is also the order the toggle falls back to
+  const annotationModes = [];
+  if (videoAnnotationsEnabled && isBlueprintEnabled && !isFullscreen) {
+    if (hasRegion) {
+      annotationModes.push(AnnotationMode.REGION);
+    }
+    if (hasDrawing) {
+      annotationModes.push(AnnotationMode.DRAWING);
+    }
+  }
+  const hasAnnotationsV2 = annotationModes.length > 0;
+  const isAnnotating = hasAnnotationsV2 && annotationMode !== AnnotationMode.NONE;
+  const [isPaletteDismissed, setIsPaletteDismissed] = external_react_["default"].useState(false);
+  const [paletteMode, setPaletteMode] = external_react_["default"].useState(annotationMode);
+  const isPaletteOpen = isAnnotating && !isPaletteDismissed;
+  const annotationsToggleRef = external_react_["default"].useRef(null);
+  if (paletteMode !== annotationMode) {
+    setPaletteMode(annotationMode);
+    setIsPaletteDismissed(false);
+  }
+
+  // The annotator mounts its drawing and region layers beside the video, so a press anywhere in its
+  // container starts a markup. Capture runs before the annotator's own handlers can stop the event.
+  external_react_["default"].useEffect(() => {
+    const surfaceEl = mediaEl?.parentElement;
+    if (!isAnnotating || !surfaceEl) {
+      return undefined;
+    }
+    const handlePointerDown = () => setIsPaletteDismissed(true);
+    surfaceEl.addEventListener('pointerdown', handlePointerDown, true);
+    return () => {
+      surfaceEl.removeEventListener('pointerdown', handlePointerDown, true);
+    };
+  }, [isAnnotating, mediaEl]);
+  external_react_["default"].useEffect(() => {
+    const toggleEl = annotationsToggleRef.current;
+    if (!isAnnotating || !isPaletteDismissed || !toggleEl) {
+      return undefined;
+    }
+    const handleRestore = () => setIsPaletteDismissed(false);
+    toggleEl.addEventListener('focus', handleRestore);
+    toggleEl.addEventListener('pointerenter', handleRestore);
+    return () => {
+      toggleEl.removeEventListener('focus', handleRestore);
+      toggleEl.removeEventListener('pointerenter', handleRestore);
+    };
+  }, [isAnnotating, isPaletteDismissed]);
   return /*#__PURE__*/external_react_["default"].createElement(ExperiencesProvider, {
     experiences: experiences
   }, /*#__PURE__*/external_react_["default"].createElement("div", {
@@ -54280,7 +54709,31 @@ function VideoControlsV2({
     rate: rate,
     subtitle: subtitle,
     subtitles: subtitles
-  }), videoAnnotationsEnabled && /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement("div", {
+  }), hasAnnotationsV2 && /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement("div", {
+    className: "bp-VideoControlsV2-divider"
+  }), /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsToggleV2, {
+    ref: annotationsToggleRef,
+    annotationMode: annotationMode,
+    buttonType: "icon",
+    className: "bp-VideoControlsV2-annotationsToggle",
+    isExpanded: isPaletteOpen,
+    modes: annotationModes,
+    onAnnotationModeClick: onAnnotationModeClick,
+    onAnnotationModeEscape: onAnnotationModeEscape,
+    tooltipSide: isPaletteOpen ? 'left' : undefined
+  }), isPaletteOpen && /*#__PURE__*/external_react_["default"].createElement(AnnotationsPaletteAnchorV2, {
+    anchorRef: annotationsToggleRef
+  }, /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsPaletteV2, null, /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsPaletteV2.Modes, {
+    annotationMode: annotationMode,
+    onAnnotationModeClick: onAnnotationModeClick
+  }, annotationModes.map(mode => /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsPaletteV2.Mode, {
+    key: mode,
+    value: mode
+  }))), annotationMode === AnnotationMode.DRAWING && /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Separator, null), /*#__PURE__*/external_react_["default"].createElement(ColorPickerControlV2, {
+    activeColor: annotationColor,
+    colors: ANNOTATION_COLORS,
+    onColorSelect: onAnnotationColorChange
+  }))))), videoAnnotationsEnabled && !isBlueprintEnabled && /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement("div", {
     className: "bp-VideoControlsV2-divider"
   }), /*#__PURE__*/external_react_["default"].createElement(AnnotationsControls, {
     annotationColor: annotationColor,
@@ -56867,6 +57320,14 @@ function DocControls({
     onAnnotationColorChange: onAnnotationColorChange
   })));
 }
+;// external "@box/blueprint-web-assets/icons/Medium/GridView"
+
+;// external "@box/blueprint-web-assets/icons/Medium/Nav"
+
+;// external "@box/blueprint-web-assets/icons/Medium/RotateLeft"
+
+;// external "@box/blueprint-web-assets/icons/Medium/Search"
+
 ;// external "@box/blueprint-web-assets/icons/Medium/XMark"
 
 ;// ./src/lib/viewers/controls/annotations/AnnotationsExitButtonV2.scss
@@ -56894,29 +57355,154 @@ function AnnotationsExitButtonV2({
     icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_XMark_07fbe0f0_default__
   }))));
 }
-;// external "@box/blueprint-web-assets/icons/Medium/PencilTip"
+;// ./src/lib/viewers/controls/controls-bar/useControlsOverflow.ts
 
-;// external "@box/blueprint-web-assets/icons/Medium/SquarePlus"
 
-;// external "@box/blueprint-web-assets/icons/Medium/TCursorHighlight"
 
-;// ./src/lib/viewers/controls/annotations/annotationModeIcons.ts
+const ALWAYS_OVERFLOW = 0;
+// The space the mocks leave between the bar and the edges of the viewer
+const EDGE_MARGIN = 40;
+// One toolbar button, the estimate for a control or the overflow trigger before it has been measured
+const DEFAULT_WIDTH = 32;
+const isCollapsible = ({
+  menu,
+  priority
+}) => !!menu && priority !== undefined;
+function getOverflowIds(items, availableWidth, metrics) {
+  const {
+    chrome,
+    gap,
+    triggerWidth = DEFAULT_WIDTH,
+    widths
+  } = metrics;
+  const overflowIds = new Set(items.filter(item => isCollapsible(item) && item.priority === ALWAYS_OVERFLOW).map(({
+    id
+  }) => id));
+  const getBarWidth = () => {
+    const slots = items.filter(({
+      id
+    }) => !overflowIds.has(id)).map(({
+      id
+    }) => widths.get(id) ?? DEFAULT_WIDTH);
+    if (overflowIds.size) {
+      slots.push(triggerWidth);
+    }
+    return chrome + slots.reduce((total, width) => total + width, 0) + gap * Math.max(slots.length - 1, 0);
+  };
+  const priorities = items.filter(item => isCollapsible(item) && item.priority !== ALWAYS_OVERFLOW).map(({
+    priority
+  }) => priority).sort((a, b) => a - b);
+  Array.from(new Set(priorities)).every(priority => {
+    if (getBarWidth() <= availableWidth) {
+      return false;
+    }
+    items.filter(item => isCollapsible(item) && item.priority === priority).forEach(({
+      id
+    }) => overflowIds.add(id));
+    return true;
+  });
+  return overflowIds;
+}
+const getStyleWidth = (style, properties) => properties.reduce((total, property) => total + (parseFloat(style.getPropertyValue(property)) || 0), 0);
+function useControlsOverflow(items) {
+  const barRef = external_react_["default"].useRef(null);
+  const metricsRef = external_react_["default"].useRef({
+    chrome: 0,
+    gap: 0,
+    widths: new Map()
+  });
+  const portalContainer = external_react_["default"].useContext(BlueprintProviders/* PortalContainerContext */.n);
+  const [availableWidth, setAvailableWidth] = external_react_["default"].useState(Number.POSITIVE_INFINITY);
+  const [, forceUpdate] = external_react_["default"].useReducer(count => count + 1, 0);
 
+  // A control can only be measured while it is on the bar, so each width is cached as it renders and
+  // reused to decide whether that control would fit again
+  external_react_["default"].useLayoutEffect(() => {
+    const bar = barRef.current;
+    if (!bar) {
+      return;
+    }
+    const metrics = metricsRef.current;
+    const style = window.getComputedStyle(bar);
+    const chrome = getStyleWidth(style, ['padding-left', 'padding-right', 'border-left-width', 'border-right-width']);
+    const gap = getStyleWidth(style, ['column-gap']);
+    let hasChanged = chrome !== metrics.chrome || gap !== metrics.gap;
+    metrics.chrome = chrome;
+    metrics.gap = gap;
+    Array.from(bar.children).forEach(child => {
+      const {
+        offsetWidth
+      } = child;
+      const {
+        overflowId,
+        overflowTrigger
+      } = child.dataset;
+      if (!offsetWidth) {
+        return;
+      }
+      if (overflowId && metrics.widths.get(overflowId) !== offsetWidth) {
+        metrics.widths.set(overflowId, offsetWidth);
+        hasChanged = true;
+      }
+      if (overflowTrigger !== undefined && metrics.triggerWidth !== offsetWidth) {
+        metrics.triggerWidth = offsetWidth;
+        hasChanged = true;
+      }
+    });
+    if (hasChanged) {
+      forceUpdate();
+    }
+  });
 
+  // The bar renders nothing without items, so the viewer lookup reruns once it mounts
+  const hasItems = items.length > 0;
 
+  // The controls root is centered and shrinks to fit the bar, so the space the bar can grow into is the
+  // viewer's. Fullscreen resizes the viewer too, which the observer picks up.
+  external_react_["default"].useLayoutEffect(() => {
+    const container = portalContainer ?? barRef.current?.closest(`.${constants/* CLASS_BOX_PREVIEW_CONTENT */.SG}`) ?? null;
+    if (!container) {
+      return undefined;
+    }
+    const updateAvailableWidth = () => {
+      const {
+        clientWidth
+      } = container;
 
-const ANNOTATION_MODE_ICONS = {
-  [AnnotationMode.DRAWING]: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_PencilTip_154ad3fd_default__,
-  [AnnotationMode.HIGHLIGHT]: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_TCursorHighlight_508374cb_default__,
-  [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/annotations/AnnotationsPaletteV2.scss
+      // A container that has not been laid out yet measures zero, which would collapse everything
+      setAvailableWidth(clientWidth > 0 ? clientWidth - EDGE_MARGIN : Number.POSITIVE_INFINITY);
+    };
+    updateAvailableWidth();
+    if (typeof ResizeObserver === 'undefined') {
+      return undefined;
+    }
+    const observer = new ResizeObserver(updateAvailableWidth);
+    observer.observe(container);
+    return () => observer.disconnect();
+  }, [hasItems, portalContainer]);
+  const overflowIds = getOverflowIds(items, availableWidth, metricsRef.current);
+  return {
+    barRef,
+    overflowItems: items.filter(({
+      id
+    }) => overflowIds.has(id)),
+    visibleItems: items.filter(({
+      id
+    }) => !overflowIds.has(id))
+  };
+}
+;// external "@box/blueprint-web-assets/icons/Medium/EllipsisVertical"
+
+// EXTERNAL MODULE: ./src/lib/viewers/controls/tooltip/MenuTriggerTooltipV2.tsx
+var MenuTriggerTooltipV2 = __webpack_require__(6014);
+// EXTERNAL MODULE: ./src/lib/viewers/controls/settings/stopMenuKeyPropagation.ts
+var stopMenuKeyPropagation = __webpack_require__(9646);
+;// ./src/lib/viewers/controls/controls-bar/ControlsOverflowMenuV2.scss
 // extracted by mini-css-extract-plugin
 
-;// ./src/lib/viewers/controls/annotations/AnnotationsPaletteV2.tsx
-/* provided dependency */ var AnnotationsPaletteV2_ = __webpack_require__(441)["Tl"];
-function AnnotationsPaletteV2_extends() { return AnnotationsPaletteV2_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; }, AnnotationsPaletteV2_extends.apply(null, arguments); }
+;// ./src/lib/viewers/controls/controls-bar/ControlsOverflowMenuV2.tsx
+/* provided dependency */ var ControlsOverflowMenuV2_ = __webpack_require__(441)["Tl"];
+function ControlsOverflowMenuV2_extends() { return ControlsOverflowMenuV2_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; }, ControlsOverflowMenuV2_extends.apply(null, arguments); }
 
 
 
@@ -56925,202 +57511,194 @@ function AnnotationsPaletteV2_extends() { return AnnotationsPaletteV2_extends =
 
 
 
-function AnnotationsPaletteV2({
-  children
-}) {
-  return /*#__PURE__*/external_react_["default"].createElement("div", {
-    className: "bp-AnnotationsPaletteV2",
-    "data-testid": "bp-AnnotationsPaletteV2"
-  }, /*#__PURE__*/external_react_["default"].createElement(controls_bar_ControlsBarV2, null, children));
+// Handlers that return focus to the control that invoked them get the trigger, since the row unmounts with the menu
+const ControlsOverflowTriggerContext = /*#__PURE__*/external_react_["default"].createContext({
+  current: null
+});
+
+// The menu portals out of the controls root, so it carries the root's Resin attributes itself
+const getResinAttributes = element => {
+  const resinComponent = element?.closest('[data-resin-component]');
+  return resinComponent ? Object.fromEntries(Array.from(resinComponent.attributes).filter(({
+    name
+  }) => name.startsWith('data-resin-')).map(({
+    name,
+    value
+  }) => [name, value])) : {};
+};
+function ControlsOverflowToggle(props, ref) {
+  const isMenuOpen = props['aria-expanded'] === true || props['aria-expanded'] === 'true';
+  return /*#__PURE__*/external_react_["default"].createElement(MenuTriggerTooltipV2/* default */.A, {
+    content: ControlsOverflowMenuV2_('controls_more'),
+    isMenuOpen: isMenuOpen
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, ControlsOverflowMenuV2_extends({
+    ref: ref,
+    "aria-label": ControlsOverflowMenuV2_('controls_more'),
+    "data-resin-target": "moreOptions",
+    "data-testid": "bp-ControlsBar-overflowBtn"
+  }, props), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
+    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_EllipsisVertical_06d33c4b_default__
+  })));
 }
-function Modes({
-  annotationMode,
-  children,
-  onAnnotationModeClick = (noop_default())
+const ControlsOverflowToggleV2 = /*#__PURE__*/external_react_["default"].forwardRef(ControlsOverflowToggle);
+function ControlsOverflowMenuV2({
+  items
 }) {
-  // The single-select group reports an empty value when the active mode is clicked again. Exiting
-  // is left to the trigger on the main bar, so the palette never closes under the cursor.
-  const handleModeChange = mode => {
-    if (!mode || mode === annotationMode) {
-      return;
+  const container = external_react_["default"].useContext(BlueprintProviders/* PortalContainerContext */.n) ?? undefined;
+  const {
+    setIsForced
+  } = external_react_["default"].useContext(ControlsLayerContext);
+  const triggerRef = external_react_["default"].useRef(null);
+  const [isOpen, setIsOpen] = external_react_["default"].useState(false);
+  const [resinAttributes, setResinAttributes] = external_react_["default"].useState({});
+  const handleOpenChange = open => {
+    if (open) {
+      setResinAttributes(getResinAttributes(triggerRef.current));
     }
-    onAnnotationModeClick({
-      mode: mode
-    });
+    setIsOpen(open);
   };
-  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.ToggleGroup, {
-    "data-testid": "bp-annotations-controls",
-    onValueChange: handleModeChange,
-    type: "single",
-    value: annotationMode
-  }, children);
-}
-function Mode({
-  value
-}) {
-  const {
-    label,
-    resinTarget,
-    testId
-  } = {
-    [AnnotationMode.DRAWING]: {
-      label: AnnotationsPaletteV2_('drawing_comment'),
-      resinTarget: 'draw',
-      testId: 'bp-AnnotationsControls-drawBtn'
-    },
-    [AnnotationMode.HIGHLIGHT]: {
-      label: AnnotationsPaletteV2_('highlight_text'),
-      resinTarget: 'highlightText',
-      testId: 'bp-AnnotationsControls-highlightBtn'
-    },
-    [AnnotationMode.REGION]: {
-      label: AnnotationsPaletteV2_('region_comment'),
-      resinTarget: 'highlightRegion',
-      testId: 'bp-AnnotationsControls-regionBtn'
+
+  // The menu sits outside the controls layer, which would otherwise hide the bar under the open menu
+  external_react_["default"].useEffect(() => {
+    if (!isOpen) {
+      return undefined;
     }
-  }[value];
-  return /*#__PURE__*/external_react_["default"].createElement(ToggleTooltipV2, {
-    content: label
-  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.ToggleItem, {
-    "aria-label": label,
-    "data-resin-target": resinTarget,
-    "data-testid": testId,
-    icon: annotationModeIcons[value],
-    value: value
-  }));
+    setIsForced(true);
+    return () => setIsForced(false);
+  }, [isOpen, setIsForced]);
+  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Root, {
+    modal: false,
+    onOpenChange: handleOpenChange,
+    open: isOpen
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Trigger, {
+    ref: triggerRef,
+    asChild: true,
+    "data-overflow-ids": items.map(({
+      id
+    }) => id).join(' '),
+    "data-overflow-trigger": ""
+  }, /*#__PURE__*/external_react_["default"].createElement(ControlsOverflowToggleV2, null)), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Content, ControlsOverflowMenuV2_extends({
+    align: "end",
+    className: "bp-ControlsOverflowMenuV2",
+    container: container,
+    "data-testid": "bp-ControlsBar-overflowMenu",
+    onEscapeKeyDown: stopMenuKeyPropagation/* stopEscapePropagation */.s,
+    onKeyDown: stopMenuKeyPropagation/* stopKeyPropagation */.a,
+    side: "top"
+  }, resinAttributes), /*#__PURE__*/external_react_["default"].createElement(ControlsOverflowTriggerContext.Provider, {
+    value: triggerRef
+  }, items.map(({
+    id,
+    menu
+  }) => /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, {
+    key: id
+  }, menu)))));
 }
-/* harmony default export */ const annotations_AnnotationsPaletteV2 = (AnnotationsPaletteV2_extends(AnnotationsPaletteV2, {
-  Mode,
-  Modes
-}));
-;// ./src/lib/viewers/controls/annotations/AnnotationsToggleV2.tsx
-/* provided dependency */ var AnnotationsToggleV2_ = __webpack_require__(441)["Tl"];
-function AnnotationsToggleV2_extends() { return AnnotationsToggleV2_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; }, AnnotationsToggleV2_extends.apply(null, arguments); }
-
+;// ./src/lib/viewers/controls/controls-bar/shortcuts.ts
+/* provided dependency */ var shortcuts_ = __webpack_require__(441)["Tl"];
 
+// iPads report a Mac user agent, and their keyboards have the command key too
+const isApplePlatform = () => /Mac|iPhone|iPad|iPod/.test(navigator.userAgent);
 
+// Preview binds its shortcuts to both Cmd and Ctrl, so each platform is shown the modifier its keyboard labels
+function getShortcut(key) {
+  return isApplePlatform() ? {
+    keys: `Meta+${key}`,
+    label: `⌘ + ${key}`
+  } : {
+    keys: `Control+${key}`,
+    label: (0,util/* replacePlaceholders */.Lb)(shortcuts_('controls_shortcut_ctrl'), [key])
+  };
+}
+;// ./src/lib/viewers/controls/controls-bar/ControlsMenuItemV2.scss
+// extracted by mini-css-extract-plugin
 
+;// ./src/lib/viewers/controls/controls-bar/ControlsMenuItemV2.tsx
+const ControlsMenuItemV2_excluded = ["bareKey", "icon", "keepOpen", "label", "onSelect", "shortcutKey"];
+function ControlsMenuItemV2_extends() { return ControlsMenuItemV2_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; }, ControlsMenuItemV2_extends.apply(null, arguments); }
+function ControlsMenuItemV2_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = ControlsMenuItemV2_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 ControlsMenuItemV2_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; }
 
 
 
-// The toolbar parts throw outside a Toolbar.Root, so surfaces without one (the media bar) use a standalone button.
 
-const TOGGLE_VALUE = 'annotations';
-function AnnotationsToggleV2(props, ref) {
-  const {
-    annotationMode = AnnotationMode.NONE,
-    modes,
-    onAnnotationModeClick = (noop_default()),
-    onAnnotationModeEscape = (noop_default())
-  } = props;
-  const [lastMode, setLastMode] = external_react_["default"].useState(null);
-  const isActive = annotationMode !== AnnotationMode.NONE;
-  const resumeMode = lastMode && modes.includes(lastMode) ? lastMode : modes[0];
-  external_react_["default"].useEffect(() => {
-    if (annotationMode !== AnnotationMode.NONE) {
-      setLastMode(annotationMode);
-    }
-  }, [annotationMode]);
 
-  // Global event handlers
-  external_react_["default"].useEffect(() => {
-    const handleKeyDown = event => {
-      if (event.key !== 'Escape') {
-        return;
-      }
-      event.preventDefault();
-      event.stopPropagation();
-      onAnnotationModeEscape();
-    };
-    if (annotationMode !== AnnotationMode.NONE) {
-      document.addEventListener('keydown', handleKeyDown);
-    }
-    return () => {
-      document.removeEventListener('keydown', handleKeyDown);
+// The menu form of a bar control. Toggles are plain rows whose label names the next action, since checkbox
+// rows reserve space for a checkmark that the mocks do not have.
+function ControlsMenuItemV2(_ref) {
+  let {
+      bareKey,
+      icon,
+      keepOpen,
+      label,
+      onSelect,
+      shortcutKey
+    } = _ref,
+    rest = ControlsMenuItemV2_objectWithoutProperties(_ref, ControlsMenuItemV2_excluded);
+  const triggerRef = external_react_["default"].useContext(ControlsOverflowTriggerContext);
+  let shortcut = null;
+  if (shortcutKey) {
+    shortcut = getShortcut(shortcutKey);
+  } else if (bareKey) {
+    shortcut = {
+      keys: bareKey,
+      label: bareKey
     };
-  }, [annotationMode, onAnnotationModeEscape]);
-  if (!resumeMode) {
-    return null;
   }
-  const handleToggle = isPressed => {
-    onAnnotationModeClick({
-      mode: isPressed ? resumeMode : AnnotationMode.NONE
-    });
-  };
-  const toggleProps = {
-    ref,
-    'aria-expanded': isActive,
-    'aria-label': AnnotationsToggleV2_('annotation_tools'),
-    'data-resin-target': 'annotations',
-    'data-testid': 'bp-AnnotationsControls-toggleBtn',
-    icon: annotationModeIcons[isActive ? annotationMode : resumeMode]
+  const handleSelect = event => {
+    if (keepOpen) {
+      event.preventDefault();
+    }
+    onSelect(triggerRef.current);
   };
-  const renderToggle = toggle => /*#__PURE__*/external_react_["default"].createElement(ToggleTooltipV2, {
-    content: AnnotationsToggleV2_('annotation_tools')
-  }, toggle);
-  if (props.buttonType === 'icon') {
-    const {
-      size,
-      variant
-    } = props;
-    return renderToggle(/*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconToggleButton, AnnotationsToggleV2_extends({}, toggleProps, {
-      onPressedChange: handleToggle,
-      pressed: isActive,
-      size: size,
-      variant: variant
-    })));
-  }
-  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.ToggleGroup, {
-    onValueChange: value => handleToggle(value.includes(TOGGLE_VALUE)),
-    type: "multiple",
-    value: isActive ? [TOGGLE_VALUE] : []
-  }, renderToggle(/*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.ToggleItem, AnnotationsToggleV2_extends({}, toggleProps, {
-    value: TOGGLE_VALUE
-  }))));
+  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item, ControlsMenuItemV2_extends({
+    "aria-keyshortcuts": shortcut?.keys,
+    onSelect: handleSelect
+  }, rest, {
+    className: "bp-ControlsMenuItemV2"
+  }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.StartElement, {
+    icon: icon
+  }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.MainContent, {
+    label: label
+  }), shortcut && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.EndElement, {
+    "aria-hidden": true
+  }, shortcut.label));
 }
-/* harmony default export */ const annotations_AnnotationsToggleV2 = (/*#__PURE__*/external_react_["default"].forwardRef(AnnotationsToggleV2));
-;// ./src/lib/viewers/controls/color-picker/ColorPickerControlV2.scss
+;// ./src/lib/viewers/controls/controls-bar/ResponsiveControlsBarV2.scss
 // extracted by mini-css-extract-plugin
 
-;// ./src/lib/viewers/controls/color-picker/ColorPickerControlV2.tsx
-/* provided dependency */ var ColorPickerControlV2_ = __webpack_require__(441)["Tl"];
+;// ./src/lib/viewers/controls/controls-bar/ResponsiveControlsBarV2.tsx
 
 
 
 
 
-const getColorLabels = () => ({
-  [AnnotationColor.BOX_BLUE]: ColorPickerControlV2_('drawing_color_blue'),
-  [AnnotationColor.GREEN_LIGHT]: ColorPickerControlV2_('drawing_color_green'),
-  [AnnotationColor.WATERMELON_RED]: ColorPickerControlV2_('drawing_color_red'),
-  [AnnotationColor.YELLORANGE]: ColorPickerControlV2_('drawing_color_orange'),
-  [AnnotationColor.YELLOW]: ColorPickerControlV2_('drawing_color_yellow'),
-  [AnnotationColor.GRIMACE]: ColorPickerControlV2_('drawing_color_purple')
-});
-function ColorPickerControlV2({
-  activeColor = __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlBoxBlue__,
-  colors,
-  onColorSelect
+// Moves controls into an overflow menu as the viewer narrows. Bars that always show everything, like the
+// annotations palette, use ControlsBarV2 directly.
+function ResponsiveControlsBarV2({
+  items
 }) {
-  const colorLabels = getColorLabels();
-  return /*#__PURE__*/external_react_["default"].createElement("div", {
-    className: "bp-ColorPickerControlV2",
-    "data-testid": "bp-color-picker-control"
-  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.SelectMenu.Grid, {
-    "aria-label": ColorPickerControlV2_('drawing_color'),
-    columns: colors.length
-  }, colors.map(color => /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.SelectMenu.Option.ColorCircle, {
-    key: color,
-    active: color === activeColor,
-    "aria-label": colorLabels[color] || color,
-    className: "bp-ColorPickerControlV2-swatch",
-    color: color,
-    "data-resin-target": "colorSelect",
-    onClick: () => onColorSelect(color)
-  }))));
+  const {
+    barRef,
+    overflowItems,
+    visibleItems
+  } = useControlsOverflow(items);
+  if (!items.length) {
+    return null;
+  }
+  return /*#__PURE__*/external_react_["default"].createElement(controls_bar_ControlsBarV2, {
+    ref: barRef
+  }, visibleItems.map(({
+    control,
+    id
+  }) => /*#__PURE__*/external_react_["default"].createElement("div", {
+    key: id,
+    className: "bp-ResponsiveControlsBarV2-item",
+    "data-overflow-id": id
+  }, control)), overflowItems.length > 0 && /*#__PURE__*/external_react_["default"].createElement(ControlsOverflowMenuV2, {
+    items: overflowItems
+  }));
 }
-;// external "@box/blueprint-web-assets/icons/Medium/Search"
-
 ;// ./src/lib/viewers/controls/findbar/FindBarToggleV2.tsx
 /* provided dependency */ var FindBarToggleV2_ = __webpack_require__(441)["Tl"];
 
@@ -57144,8 +57722,6 @@ function FindBarToggleV2({
     icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Search_ef3e4aba_default__
   })));
 }
-;// external "@box/blueprint-web-assets/icons/Medium/GridView"
-
 ;// ./src/lib/viewers/controls/gallery/GalleryToggleV2.tsx
 /* provided dependency */ var GalleryToggleV2_ = __webpack_require__(441)["Tl"];
 
@@ -57325,8 +57901,6 @@ function PageControlsV2({
     icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ChevronDown_a545a634_default__
   }))));
 }
-;// external "@box/blueprint-web-assets/icons/Medium/RotateLeft"
-
 ;// ./src/lib/viewers/controls/rotate/RotateControlV2.tsx
 /* provided dependency */ var RotateControlV2_ = __webpack_require__(441)["Tl"];
 
@@ -57345,8 +57919,6 @@ function RotateControlV2({
     icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_RotateLeft_c726d679_default__
   })));
 }
-;// external "@box/blueprint-web-assets/icons/Medium/Nav"
-
 ;// external "@box/blueprint-web-assets/icons/MediumFilled/Nav"
 
 ;// ./src/lib/viewers/controls/sidebar/ThumbnailsToggleV2.scss
@@ -57383,7 +57955,85 @@ function ThumbnailsToggleV2({
     value: "thumbnails"
   }))));
 }
+;// ./src/lib/viewers/controls/hooks/useMediaQuery.ts
+
+const getMatches = query => typeof window.matchMedia === 'function' && window.matchMedia(query).matches;
+function useMediaQuery(query) {
+  const [matches, setMatches] = external_react_["default"].useState(() => getMatches(query));
+  external_react_["default"].useEffect(() => {
+    if (typeof window.matchMedia !== 'function') {
+      return undefined;
+    }
+    const mediaQueryList = window.matchMedia(query);
+    const handleChange = () => setMatches(mediaQueryList.matches);
+    handleChange();
+    mediaQueryList.addEventListener('change', handleChange);
+    return () => mediaQueryList.removeEventListener('change', handleChange);
+  }, [query]);
+  return matches;
+}
+;// ./src/lib/viewers/controls/zoom/ZoomMenuItemsV2.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/viewers/controls/zoom/ZoomMenuItemsV2.tsx
+/* provided dependency */ var ZoomMenuItemsV2_ = __webpack_require__(441)["Tl"];
+
+
+
+
+
+
+
+
+
+// The overflow menu form of the zoom controls: the current scale, then zoom in and zoom out
+function ZoomMenuItemsV2({
+  maxScale,
+  minScale,
+  onZoomIn,
+  onZoomOut,
+  resinTargetZoomIn = 'zoomIn',
+  resinTargetZoomOut = 'zoomOut',
+  scale
+}) {
+  const {
+    canZoomIn,
+    canZoomOut,
+    currentScale
+  } = getZoomState({
+    maxScale,
+    minScale,
+    scale
+  });
+  const scaleLabel = (0,util/* replacePlaceholders */.Lb)(ZoomMenuItemsV2_('controls_zoom_scale'), [`${Math.round(currentScale * 100)}%`]);
+  return /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
+    as: "div",
+    className: "bp-ZoomMenuItemsV2-scale",
+    color: "textOnLightSecondary",
+    "data-testid": "bp-ZoomMenuItems-scale",
+    variant: "caption"
+  }, scaleLabel), /*#__PURE__*/external_react_["default"].createElement(ControlsMenuItemV2, {
+    "data-resin-target": resinTargetZoomIn,
+    "data-testid": "bp-ZoomControls-in-menuItem",
+    disabled: !canZoomIn,
+    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Plus_aaa7b14f_default__,
+    keepOpen: true,
+    label: ZoomMenuItemsV2_('zoom_in'),
+    onSelect: () => onZoomIn()
+  }), /*#__PURE__*/external_react_["default"].createElement(ControlsMenuItemV2, {
+    "data-resin-target": resinTargetZoomOut,
+    "data-testid": "bp-ZoomControls-out-menuItem",
+    disabled: !canZoomOut,
+    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Minus_cc9df143_default__,
+    keepOpen: true,
+    label: ZoomMenuItemsV2_('zoom_out'),
+    onSelect: () => onZoomOut()
+  }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Separator, null));
+}
 ;// ./src/lib/viewers/doc/DocControlsV2.tsx
+/* provided dependency */ var DocControlsV2_ = __webpack_require__(441)["Tl"];
+
+
 
 
 
@@ -57403,6 +58053,25 @@ function ThumbnailsToggleV2({
 
 
 
+
+
+
+
+// The thumbnails sidebar only opens at this width (box-ui-elements $size-large-min)
+const THUMBNAILS_MEDIA_QUERY = '(min-width: 768px)';
+
+// From the responsive mocks: find stays in the menu at every width, and gallery does too until the grid is
+// open. Then the grid toggle is the button itself, and nothing else collapses into a more options menu.
+// Rotate collapses next, then thumbnails and fullscreen together, then zoom. Page and the markup trigger
+// have no menu form and never collapse.
+const PRIORITY = {
+  find: ALWAYS_OVERFLOW,
+  fullscreen: 2,
+  gallery: ALWAYS_OVERFLOW,
+  rotate: 1,
+  thumbnails: 2,
+  zoom: 3
+};
 function DocControlsV2({
   annotationColor,
   annotationMode = AnnotationMode.NONE,
@@ -57433,6 +58102,7 @@ function DocControlsV2({
 }) {
   const annotationsToggleRef = external_react_["default"].useRef(null);
   const isFullscreen = useFullscreen();
+  const canShowThumbnails = useMediaQuery(THUMBNAILS_MEDIA_QUERY);
 
   // Listed in the palette's button order, which is also the order the toggle falls back to
   const annotationModes = [];
@@ -57454,42 +58124,113 @@ function DocControlsV2({
       mode: AnnotationMode.NONE
     });
   };
-  return /*#__PURE__*/external_react_["default"].createElement(ExperiencesProvider, {
-    experiences: experiences
-  }, /*#__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, {
-    onFindBarToggle: onFindBarToggle
-  }), /*#__PURE__*/external_react_["default"].createElement(PageControlsV2, {
-    onPageChange: onPageChange,
-    onPageSubmit: onPageSubmit,
-    pageCount: pageCount,
-    pageNumber: pageNumber
-  })), (!isGalleryOpen || hasGalleryZoom) && /*#__PURE__*/external_react_["default"].createElement(ZoomControlsV2, {
-    maxScale: maxScale,
-    minScale: minScale,
-    onZoomIn: onZoomIn,
-    onZoomOut: onZoomOut,
+  const zoomProps = {
+    maxScale,
+    minScale,
+    onZoomIn,
+    onZoomOut,
     resinTargetZoomIn: isGalleryOpen ? 'galleryZoomIn' : undefined,
     resinTargetZoomOut: isGalleryOpen ? 'galleryZoomOut' : undefined,
-    scale: scale
-  }), !isGalleryOpen && onRotateLeft && /*#__PURE__*/external_react_["default"].createElement(RotateControlV2, {
-    onRotateLeft: onRotateLeft
-  }), /*#__PURE__*/external_react_["default"].createElement(GalleryToggleV2, {
-    isGalleryOpen: isGalleryOpen,
-    onGalleryToggle: onGalleryToggle
-  }), /*#__PURE__*/external_react_["default"].createElement(FullscreenToggleV2, {
-    onFullscreenToggle: onFullscreenToggle
-  }), hasAnnotations && /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Separator, null), /*#__PURE__*/external_react_["default"].createElement(AnnotationsExitButtonV2, {
-    onClick: handleAnnotationsExit
-  }), /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsToggleV2, {
-    ref: annotationsToggleRef,
-    annotationMode: annotationMode,
-    modes: annotationModes,
-    onAnnotationModeClick: onAnnotationModeClick,
-    onAnnotationModeEscape: onAnnotationModeEscape
-  }))), hasAnnotations && annotationMode !== AnnotationMode.NONE && /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsPaletteV2, null, /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsPaletteV2.Modes, {
+    scale
+  };
+
+  // Each control is gated here rather than only inside it, so the bar never reserves width for a control
+  // that would render nothing
+  const items = [!isGalleryOpen && !isFullscreen && canShowThumbnails && onThumbnailsToggle && {
+    control: /*#__PURE__*/external_react_["default"].createElement(ThumbnailsToggleV2, {
+      isThumbnailsOpen: isThumbnailsOpen,
+      onThumbnailsToggle: onThumbnailsToggle
+    }),
+    id: 'thumbnails',
+    menu: /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(ControlsMenuItemV2, {
+      "data-resin-target": "thumbnails",
+      icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Nav_d41e959a_default__,
+      label: isThumbnailsOpen ? DocControlsV2_('controls_hide_thumbnails') : DocControlsV2_('controls_show_thumbnails'),
+      onSelect: () => onThumbnailsToggle()
+    }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Separator, null)),
+    priority: PRIORITY.thumbnails
+  }, !isGalleryOpen && pageCount > 1 && {
+    control: /*#__PURE__*/external_react_["default"].createElement(PageControlsV2, {
+      onPageChange: onPageChange,
+      onPageSubmit: onPageSubmit,
+      pageCount: pageCount,
+      pageNumber: pageNumber
+    }),
+    id: 'page'
+  }, (!isGalleryOpen || hasGalleryZoom) && {
+    control: /*#__PURE__*/external_react_["default"].createElement(ZoomControlsV2, zoomProps),
+    id: 'zoom',
+    menu: !isGalleryOpen && /*#__PURE__*/external_react_["default"].createElement(ZoomMenuItemsV2, zoomProps),
+    priority: isGalleryOpen ? undefined : PRIORITY.zoom
+  }, !isGalleryOpen && onFindBarToggle && {
+    control: /*#__PURE__*/external_react_["default"].createElement(FindBarToggleV2, {
+      onFindBarToggle: onFindBarToggle
+    }),
+    id: 'find',
+    menu: /*#__PURE__*/external_react_["default"].createElement(ControlsMenuItemV2, {
+      "data-resin-target": "findBar",
+      icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Search_ef3e4aba_default__,
+      label: DocControlsV2_('controls_find'),
+      onSelect: onFindBarToggle,
+      shortcutKey: "F"
+    }),
+    priority: PRIORITY.find
+  }, !isGalleryOpen && onRotateLeft && {
+    control: /*#__PURE__*/external_react_["default"].createElement(RotateControlV2, {
+      onRotateLeft: onRotateLeft
+    }),
+    id: 'rotate',
+    menu: /*#__PURE__*/external_react_["default"].createElement(ControlsMenuItemV2, {
+      "data-resin-target": "rotate",
+      icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_RotateLeft_c726d679_default__,
+      bareKey: "R",
+      label: DocControlsV2_('controls_rotate_document'),
+      onSelect: () => onRotateLeft()
+    }),
+    priority: PRIORITY.rotate
+  }, onGalleryToggle && {
+    control: /*#__PURE__*/external_react_["default"].createElement(GalleryToggleV2, {
+      isGalleryOpen: isGalleryOpen,
+      onGalleryToggle: onGalleryToggle
+    }),
+    id: 'gallery',
+    menu: !isGalleryOpen && /*#__PURE__*/external_react_["default"].createElement(ControlsMenuItemV2, {
+      "data-resin-target": "galleryView",
+      icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_GridView_ac92b674_default__,
+      label: DocControlsV2_('controls_view_as_grid'),
+      onSelect: () => onGalleryToggle()
+    }),
+    priority: isGalleryOpen ? undefined : PRIORITY.gallery
+  }, {
+    control: /*#__PURE__*/external_react_["default"].createElement(FullscreenToggleV2, {
+      onFullscreenToggle: onFullscreenToggle
+    }),
+    id: 'fullscreen',
+    menu: !isGalleryOpen && /*#__PURE__*/external_react_["default"].createElement(ControlsMenuItemV2, {
+      "data-resin-target": "fullscreen",
+      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__,
+      bareKey: "F",
+      label: isFullscreen ? DocControlsV2_('exit_fullscreen') : DocControlsV2_('enter_fullscreen'),
+      onSelect: trigger => onFullscreenToggle(!isFullscreen, trigger)
+    }),
+    priority: isGalleryOpen ? undefined : PRIORITY.fullscreen
+  }, hasAnnotations && {
+    control: /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Separator, null), /*#__PURE__*/external_react_["default"].createElement(AnnotationsExitButtonV2, {
+      onClick: handleAnnotationsExit
+    }), /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsToggleV2, {
+      ref: annotationsToggleRef,
+      annotationMode: annotationMode,
+      modes: annotationModes,
+      onAnnotationModeClick: onAnnotationModeClick,
+      onAnnotationModeEscape: onAnnotationModeEscape
+    })),
+    id: 'annotations'
+  }];
+  return /*#__PURE__*/external_react_["default"].createElement(ExperiencesProvider, {
+    experiences: experiences
+  }, /*#__PURE__*/external_react_["default"].createElement(ResponsiveControlsBarV2, {
+    items: items.filter(item => !!item)
+  }), hasAnnotations && annotationMode !== AnnotationMode.NONE && /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsPaletteV2, null, /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsPaletteV2.Modes, {
     annotationMode: annotationMode,
     onAnnotationModeClick: onAnnotationModeClick
   }, annotationModes.map(mode => /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsPaletteV2.Mode, {
@@ -61057,8 +61798,6 @@ 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
 
@@ -61251,6 +61990,7 @@ function DocBaseViewer_toPrimitive(t, r) { if ("object" != typeof t || !t) retur
 
 
 
+
 
 
 const DOC_FIRST_PAGES_ENABLED = 'docFirstPages.enabled';
@@ -61267,6 +62007,9 @@ const DocBaseViewer_MIN_PINCH_SCALE_DELTA = 0.01;
 const MIN_PINCH_SCALE_VALUE = 0.25;
 const DocBaseViewer_MIN_SCALE = 0.1;
 const METRICS_WHITELIST = [lib_events/* USER_DOCUMENT_THUMBNAIL_EVENTS */.Xe.CLOSE, lib_events/* USER_DOCUMENT_THUMBNAIL_EVENTS */.Xe.NAVIGATE, lib_events/* USER_DOCUMENT_THUMBNAIL_EVENTS */.Xe.OPEN];
+// npm pdf.js draws its sharp detail canvas over zoomed pages only when maxCanvasPixels is positive
+const NPM_PDFJS_MAX_CANVAS_SIZE = 2 ** 25; // pdf.js desktop default
+const LEGACY_PDFJS_MAX_CANVAS_SIZE = -1; // Unlimited
 const MOBILE_MAX_CANVAS_SIZE = 2949120; // ~3MP 1920x1536
 const PAGES_UNIT_NAME = 'pages';
 const PDFJS_TEXT_LAYER_MODE = {
@@ -61413,9 +62156,17 @@ class DocBaseViewer extends viewers_BaseViewer {
       getThumbnailsSidebar: () => this.thumbnailsSidebar,
       setPage: n => this.setPage(n),
       toggleThumbnails: () => this.toggleThumbnails(),
-      requestUiUpdate: () => this.renderUI(),
+      requestUiUpdate: () => {
+        // The v2 bar moves the gallery toggle between the bar and its overflow menu, so the bar must be
+        // committed before focusToggle looks the toggle up
+        if (this.featureEnabled(constants/* BLUEPRINT_MIGRATION_CONTROLS_BAR */.OQ)) {
+          (0,external_react_dom_.flushSync)(() => this.renderUI());
+        } else {
+          this.renderUI();
+        }
+      },
       focusToggle: () => {
-        const toggle = this.containerEl.querySelector('.bp-GalleryToggle, [data-bp-gallery-toggle]');
+        const toggle = this.containerEl.querySelector('.bp-GalleryToggle, [data-bp-gallery-toggle], [data-overflow-ids~="gallery"]');
         if (toggle && toggle.focus) {
           toggle.focus();
         }
@@ -61649,7 +62400,7 @@ class DocBaseViewer extends viewers_BaseViewer {
     const isWatermarked = file && file.watermark_info && file.watermark_info.is_watermarked;
     if (assets) {
       if (this.featureEnabled('useNpmPdfjs') || (0,isNpmBuild/* isNpmBuild */.w)()) {
-        this.prefetchAssets(EXIF_READER, docAssets_CSS);
+        this.prefetchAssets(EXIF_READER, []);
       } else {
         const ASSETS = this.featureEnabled(DOC_FIRST_PAGES_ENABLED) ? [...JS_NO_EXIF, ...EXIF_READER] : docAssets_JS;
         this.prefetchAssets(ASSETS, docAssets_CSS);
@@ -62104,6 +62855,22 @@ class DocBaseViewer extends viewers_BaseViewer {
       case ']':
         this.nextPage();
         break;
+      case 'r':
+      case 'R':
+        // The rotate control is hidden while the gallery is open, so the key follows it.
+        // These bare keys belong to the v2 controls bar; the older bar has no such shortcuts.
+        if (this.featureEnabled(constants/* BLUEPRINT_MIGRATION_CONTROLS_BAR */.OQ) && !this.galleryController?.isOpen && this.featureEnabled('rotate.enabled')) {
+          this.rotateLeft();
+          break;
+        }
+        return this.findBar ? this.findBar.onKeydown(event) : false;
+      case 'f':
+      case 'F':
+        if (this.featureEnabled(constants/* BLUEPRINT_MIGRATION_CONTROLS_BAR */.OQ)) {
+          this.toggleFullscreen();
+          break;
+        }
+        return this.findBar ? this.findBar.onKeydown(event) : false;
       default:
         if (this.findBar) {
           return this.findBar.onKeydown(event);
@@ -62313,14 +63080,20 @@ class DocBaseViewer extends viewers_BaseViewer {
       container: this.docEl,
       eventBus: this.pdfEventBus,
       findController: this.pdfFindController,
-      imageResourcesPath: assetUrlCreator(IMAGES),
+      imageResourcesPath: this.featureEnabled('useNpmPdfjs') ? assetUrlCreator('pdfjs-images/') : assetUrlCreator(IMAGES),
       linkService: this.pdfLinkService,
-      maxCanvasPixels: this.isMobile ? MOBILE_MAX_CANVAS_SIZE : -1,
+      maxCanvasPixels: this.getMaxCanvasPixels(),
       renderInteractiveForms: false,
       // Enabling prevents unverified signatures from being displayed
       textLayerMode: hasTextLayer ? enabledTextLayerMode : PDFJS_TEXT_LAYER_MODE.DISABLE
     });
   }
+  getMaxCanvasPixels() {
+    if (this.isMobile) {
+      return MOBILE_MAX_CANVAS_SIZE;
+    }
+    return this.featureEnabled('useNpmPdfjs') ? NPM_PDFJS_MAX_CANVAS_SIZE : LEGACY_PDFJS_MAX_CANVAS_SIZE;
+  }
 
   /**
    * Initializes the Find Bar
@@ -66595,6 +67368,389 @@ function Model3DControlsNew_Model3DControls({
     onFullscreenToggle: onFullscreenToggle
   }));
 }
+;// external "@box/blueprint-web-assets/icons/MediumFilled/Pause"
+
+;// external "@box/blueprint-web-assets/icons/MediumFilled/Play"
+
+// EXTERNAL MODULE: ./src/lib/viewers/controls/settings/SettingsRadioItem.tsx + 1 modules
+var SettingsRadioItem = __webpack_require__(8394);
+;// ./src/lib/viewers/controls/box3d/AnimationClipsControlV2.tsx
+/* provided dependency */ var AnimationClipsControlV2_ = __webpack_require__(441)["Tl"];
+function AnimationClipsControlV2_extends() { return AnimationClipsControlV2_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; }, AnimationClipsControlV2_extends.apply(null, arguments); }
+
+
+
+
+
+
+
+
+
+// The Tooltip sits inside the DropdownMenu trigger so the trigger keeps the menu's data-state.
+function AnimationClipsControlV2_AnimationClipsToggle(props, ref) {
+  const isMenuOpen = props['aria-expanded'] === true || props['aria-expanded'] === 'true';
+  return /*#__PURE__*/external_react_["default"].createElement(MenuTriggerTooltipV2/* default */.A, {
+    content: AnimationClipsControlV2_('box3d_animation_clips'),
+    isMenuOpen: isMenuOpen
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, AnimationClipsControlV2_extends({
+    ref: ref,
+    "aria-label": AnimationClipsControlV2_('box3d_animation_clips'),
+    "data-resin-target": "animationClips"
+  }, props), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
+    icon: Medium_.GaugeNeedle
+  })));
+}
+const AnimationClipsToggleV2 = /*#__PURE__*/external_react_["default"].forwardRef(AnimationClipsControlV2_AnimationClipsToggle);
+function AnimationClipsControlV2({
+  animationClips,
+  currentAnimationClipId,
+  onAnimationClipSelect
+}) {
+  const container = external_react_["default"].useContext(BlueprintProviders/* PortalContainerContext */.n);
+  // Props types this as () => void, but the viewer's handler reads the selected clip id.
+  const onSelect = onAnimationClipSelect;
+  const handleValueChange = id => {
+    window.Box?.Preview?.resin?.recordAction?.(SettingsRadioItem/* settingsRadioItemAction */.w);
+    onSelect(id);
+  };
+  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Root, {
+    modal: false
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Trigger, {
+    asChild: true
+  }, /*#__PURE__*/external_react_["default"].createElement(AnimationClipsToggleV2, null)), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Content, {
+    align: "start",
+    container: container,
+    onEscapeKeyDown: stopMenuKeyPropagation/* stopEscapePropagation */.s,
+    onKeyDown: stopMenuKeyPropagation/* stopKeyPropagation */.a,
+    side: "top"
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.RadioGroup, {
+    onValueChange: handleValueChange,
+    value: currentAnimationClipId
+  }, animationClips.map(({
+    duration,
+    id,
+    name
+  }) => /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.RadioSelectItem, {
+    key: id,
+    "data-resin-target": "settingsRadioItem",
+    value: id
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
+    as: "span"
+  }, `${formatDuration(duration)} ${name}`))))));
+}
+;// ./src/lib/viewers/controls/box3d/AnimationControlsV2.tsx
+/* provided dependency */ var AnimationControlsV2_ = __webpack_require__(441)["Tl"];
+
+
+
+
+
+function AnimationControlsV2({
+  animationClips,
+  currentAnimationClipId,
+  isPlaying,
+  onAnimationClipSelect,
+  onPlayPause
+}) {
+  if (!animationClips.length) {
+    return null;
+  }
+  const label = isPlaying ? AnimationControlsV2_('media_pause') : AnimationControlsV2_('media_play');
+  return /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
+    content: label
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
+    "aria-label": label,
+    "data-resin-target": "playPause",
+    onClick: () => onPlayPause(!isPlaying)
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
+    icon: isPlaying ? __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_MediumFilled_Pause_0cc1f701_default__ : __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_MediumFilled_Play_ee47c078_default__
+  }))), /*#__PURE__*/external_react_["default"].createElement(AnimationClipsControlV2, {
+    animationClips: animationClips,
+    currentAnimationClipId: currentAnimationClipId,
+    onAnimationClipSelect: onAnimationClipSelect
+  }));
+}
+;// ./src/lib/viewers/controls/box3d/RotateRight.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/viewers/controls/box3d/RotateRight.tsx
+function RotateRight_extends() { return RotateRight_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; }, RotateRight_extends.apply(null, arguments); }
+
+
+
+
+// Blueprint has RotateLeft and no RotateRight. Mirror the left glyph for the clockwise control.
+function RotateRight(props) {
+  return /*#__PURE__*/external_react_["default"].createElement(Medium_.RotateLeft, RotateRight_extends({}, props, {
+    className: ['bp-RotateRight', props.className].filter(Boolean).join(' ')
+  }));
+}
+;// ./src/lib/viewers/controls/box3d/RotateAxisControlV2.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/viewers/controls/box3d/RotateAxisControlV2.tsx
+/* provided dependency */ var RotateAxisControlV2_ = __webpack_require__(441)["Tl"];
+
+
+
+
+
+
+const RotateAxisControlV2_ROTATION_STEP = 90;
+function RotateAxisControlV2({
+  axis,
+  onRotateOnAxisChange
+}) {
+  const axisName = axis.toUpperCase();
+  const handleClickLeft = () => onRotateOnAxisChange({
+    [axis]: -RotateAxisControlV2_ROTATION_STEP
+  });
+  const handleClickRight = () => onRotateOnAxisChange({
+    [axis]: RotateAxisControlV2_ROTATION_STEP
+  });
+  return /*#__PURE__*/external_react_["default"].createElement("div", {
+    className: "bp-RotateAxisControlV2",
+    "data-testid": `bp-rotate-axis-control-${axis}`
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconButton, {
+    "aria-label": (0,util/* replacePlaceholders */.Lb)(RotateAxisControlV2_('box3d_settings_rotate_left'), [axisName]),
+    "data-resin-target": "rotateAxisLeft",
+    "data-testid": "bp-rotate-axis-control-left",
+    icon: Medium_.RotateLeft,
+    onClick: handleClickLeft
+  }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
+    as: "span",
+    "data-testid": "bp-rotate-axis-control-label",
+    variant: "bodyDefaultBold"
+  }, axisName), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconButton, {
+    "aria-label": (0,util/* replacePlaceholders */.Lb)(RotateAxisControlV2_('box3d_settings_rotate_right'), [axisName]),
+    "data-resin-target": "rotateAxisRight",
+    "data-testid": "bp-rotate-axis-control-right",
+    icon: RotateRight,
+    onClick: handleClickRight
+  }));
+}
+;// ./src/lib/viewers/controls/box3d/RotateAxisControlsV2.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/viewers/controls/box3d/RotateAxisControlsV2.tsx
+/* provided dependency */ var RotateAxisControlsV2_ = __webpack_require__(441)["Tl"];
+
+
+
+
+function RotateAxisControlsV2({
+  onRotateOnAxisChange
+}) {
+  const labelId = external_react_["default"].useId();
+  return /*#__PURE__*/external_react_["default"].createElement("div", {
+    "aria-labelledby": labelId,
+    className: "bp-RotateAxisControlsV2",
+    role: "group"
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
+    as: "span",
+    "data-testid": "bp-rotate-axis-controls-label",
+    id: labelId,
+    variant: "bodyDefaultBold"
+  }, RotateAxisControlsV2_('box3d_settings_rotate_label')), /*#__PURE__*/external_react_["default"].createElement(RotateAxisControlV2, {
+    axis: "x",
+    onRotateOnAxisChange: onRotateOnAxisChange
+  }), /*#__PURE__*/external_react_["default"].createElement(RotateAxisControlV2, {
+    axis: "y",
+    onRotateOnAxisChange: onRotateOnAxisChange
+  }), /*#__PURE__*/external_react_["default"].createElement(RotateAxisControlV2, {
+    axis: "z",
+    onRotateOnAxisChange: onRotateOnAxisChange
+  }));
+}
+// EXTERNAL MODULE: ./src/lib/viewers/controls/settings/SettingsToggleV2.tsx + 1 modules
+var SettingsToggleV2 = __webpack_require__(4574);
+;// ./src/lib/viewers/controls/box3d/Model3DSettingsV2.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/viewers/controls/box3d/Model3DSettingsV2.tsx
+/* provided dependency */ var Model3DSettingsV2_ = __webpack_require__(441)["Tl"];
+
+
+
+
+
+
+
+
+
+function Model3DSettingsV2({
+  cameraProjection,
+  onCameraProjectionChange,
+  onClose = (noop_default()),
+  onOpen = (noop_default()),
+  onRenderModeChange,
+  onRotateOnAxisChange,
+  onShowGridToggle,
+  onShowSkeletonsToggle,
+  onShowWireframesToggle,
+  renderMode,
+  showGrid,
+  showSkeletons,
+  showWireframes
+}) {
+  const container = external_react_["default"].useContext(BlueprintProviders/* PortalContainerContext */.n) ?? undefined;
+  const handleOpenChange = isOpen => {
+    if (isOpen) {
+      onOpen();
+    } else {
+      onClose();
+    }
+  };
+  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Popover.Root, {
+    modal: false,
+    onOpenChange: handleOpenChange
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Popover.Trigger, {
+    asChild: true
+  }, /*#__PURE__*/external_react_["default"].createElement(SettingsToggleV2/* default */.A, {
+    label: Model3DSettingsV2_('box3d_settings')
+  })), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Popover.ContentContainer, {
+    align: "start",
+    "aria-label": Model3DSettingsV2_('box3d_settings'),
+    container: container,
+    "data-testid": "bp-model3d-settings",
+    onEscapeKeyDown: stopMenuKeyPropagation/* stopEscapePropagation */.s,
+    onKeyDown: stopMenuKeyPropagation/* stopKeyPropagation */.a,
+    side: "top"
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Popover.MainContent, null, /*#__PURE__*/external_react_["default"].createElement("div", {
+    className: "bp-Model3DSettingsV2"
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Select, {
+    "data-resin-target": "settingsDropdown",
+    label: Model3DSettingsV2_('box3d_settings_render_label'),
+    onValueChange: value => onRenderModeChange(value),
+    placeholder: Model3DSettingsV2_('box3d_settings_render_label'),
+    value: renderMode
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Select.Content, {
+    container: container,
+    onEscapeKeyDown: stopMenuKeyPropagation/* stopEscapePropagation */.s
+  }, getRenderModeOptions().map(({
+    label,
+    value
+  }) => /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Select.Option, {
+    key: value,
+    text: label,
+    value: value
+  })))), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Switch.Item, {
+    checked: showGrid,
+    "data-resin-target": "settingsCheckbox",
+    label: Model3DSettingsV2_('box3d_settings_grid_label'),
+    onCheckedChange: onShowGridToggle,
+    value: "grid"
+  }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Switch.Item, {
+    checked: showWireframes,
+    "data-resin-target": "settingsCheckbox",
+    label: Model3DSettingsV2_('box3d_settings_wireframes_label'),
+    onCheckedChange: onShowWireframesToggle,
+    value: "wireframes"
+  }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Switch.Item, {
+    checked: showSkeletons,
+    "data-resin-target": "settingsCheckbox",
+    label: Model3DSettingsV2_('box3d_settings_skeletons_label'),
+    onCheckedChange: onShowSkeletonsToggle,
+    value: "skeletons"
+  }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Select, {
+    "data-resin-target": "settingsDropdown",
+    label: Model3DSettingsV2_('box3d_settings_projection_label'),
+    onValueChange: value => onCameraProjectionChange(value),
+    placeholder: Model3DSettingsV2_('box3d_settings_projection_label'),
+    value: cameraProjection
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Select.Content, {
+    container: container,
+    onEscapeKeyDown: stopMenuKeyPropagation/* stopEscapePropagation */.s
+  }, getCameraProjectionOptions().map(({
+    label,
+    value
+  }) => /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Select.Option, {
+    key: value,
+    text: label,
+    value: value
+  })))), /*#__PURE__*/external_react_["default"].createElement(RotateAxisControlsV2, {
+    onRotateOnAxisChange: onRotateOnAxisChange
+  })))));
+}
+;// ./src/lib/viewers/controls/box3d/ResetControlV2.tsx
+/* provided dependency */ var ResetControlV2_ = __webpack_require__(441)["Tl"];
+
+
+
+function ResetControlV2({
+  onReset
+}) {
+  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
+    content: ResetControlV2_('box3d_reset')
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
+    "aria-label": ResetControlV2_('box3d_reset'),
+    "data-resin-target": "resetView",
+    onClick: () => onReset()
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
+    icon: Medium_.ArrowCurveForward
+  })));
+}
+;// ./src/lib/viewers/box3d/model3d/Model3DControlsV2.tsx
+
+
+
+
+
+
+
+function Model3DControlsV2({
+  animationClips,
+  cameraProjection,
+  currentAnimationClipId,
+  isPlaying,
+  isVrShown,
+  onAnimationClipSelect,
+  onCameraProjectionChange,
+  onFullscreenToggle,
+  onPlayPause,
+  onRenderModeChange,
+  onRotateOnAxisChange,
+  onReset,
+  onSettingsClose,
+  onSettingsOpen,
+  onShowGridToggle,
+  onShowSkeletonsToggle,
+  onShowWireframesToggle,
+  onVrToggle,
+  renderMode,
+  showGrid,
+  showSkeletons,
+  showWireframes
+}) {
+  return /*#__PURE__*/external_react_["default"].createElement(controls_bar_ControlsBarV2, null, /*#__PURE__*/external_react_["default"].createElement(ResetControlV2, {
+    onReset: onReset
+  }), /*#__PURE__*/external_react_["default"].createElement(AnimationControlsV2, {
+    animationClips: animationClips,
+    currentAnimationClipId: currentAnimationClipId,
+    isPlaying: isPlaying,
+    onAnimationClipSelect: onAnimationClipSelect,
+    onPlayPause: onPlayPause
+  }), /*#__PURE__*/external_react_["default"].createElement(VrToggleControlV2, {
+    isVrShown: isVrShown,
+    onVrToggle: onVrToggle
+  }), /*#__PURE__*/external_react_["default"].createElement(Model3DSettingsV2, {
+    cameraProjection: cameraProjection,
+    onCameraProjectionChange: onCameraProjectionChange,
+    onClose: onSettingsClose,
+    onOpen: onSettingsOpen,
+    onRenderModeChange: onRenderModeChange,
+    onRotateOnAxisChange: onRotateOnAxisChange,
+    onShowGridToggle: onShowGridToggle,
+    onShowSkeletonsToggle: onShowSkeletonsToggle,
+    onShowWireframesToggle: onShowWireframesToggle,
+    renderMode: renderMode,
+    showGrid: showGrid,
+    showSkeletons: showSkeletons,
+    showWireframes: showWireframes
+  }), /*#__PURE__*/external_react_["default"].createElement(FullscreenToggleV2, {
+    onFullscreenToggle: onFullscreenToggle
+  }));
+}
 ;// ./src/lib/viewers/box3d/model3d/Model3DVrControls.js
 function Model3DVrControls_defineProperty(e, r, t) { return (r = Model3DVrControls_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function Model3DVrControls_toPropertyKey(t) { var i = Model3DVrControls_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
@@ -67501,6 +68657,8 @@ function Model3DViewer_toPrimitive(t, r) { if ("object" != typeof t || !t) retur
 
 
 
+
+
 const DEFAULT_AXIS_UP = '+Y';
 const DEFAULT_AXIS_FORWARD = '+Z';
 const DEFAULT_RENDER_GRID = true;
@@ -67944,7 +69102,8 @@ class Model3DViewer extends box3d_Box3DViewer {
     if (!this.controls || !this.renderer) {
       return;
     }
-    this.controls.render(/*#__PURE__*/external_react_["default"].createElement(Model3DControlsNew_Model3DControls, {
+    const Controls = this.featureEnabled(constants/* BLUEPRINT_MIGRATION_CONTROLS_BAR */.OQ) ? Model3DControlsV2 : Model3DControlsNew_Model3DControls;
+    this.controls.render(/*#__PURE__*/external_react_["default"].createElement(Controls, {
       animationClips: this.animationClips,
       cameraProjection: this.projection,
       currentAnimationClipId: this.renderer.getAnimationClip(),
@@ -68552,16 +69711,6 @@ office_OfficeLoader,
 doc_DocLoader,
 // should come after text
 swf_SWFLoader, video360_Video360Loader, media_MediaLoader, image360_Image360Loader, image_ImageLoader, model3d_Model3DLoader, iframe_IFrameLoader]);
-;// external "@box/blueprint-web-assets/icons/Medium/Checkmark"
-
-;// external "@box/blueprint-web-assets/icons/Medium/Download"
-
-;// external "@box/blueprint-web-assets/icons/Medium/Ellipsis"
-
-;// external "@box/blueprint-web-assets/icons/Medium/Expand"
-
-;// external "@box/blueprint-web-assets/icons/Medium/Trash"
-
 ;// ./src/lib/ComparisonBanner.scss
 // extracted by mini-css-extract-plugin
 
@@ -68579,9 +69728,8 @@ function ComparisonBanner_toPrimitive(t, r) { if ("object" != typeof t || !t) re
 
 
 
-
-
-
+// The badge is a fixed-size circle, so larger version numbers are shown as "999+"
+const MAX_BADGE_VERSION = 999;
 function formatComparisonTimestamp(iso, locale) {
   if (!iso) {
     return '';
@@ -68600,6 +69748,23 @@ function formatComparisonTimestamp(iso, locale) {
 function getComparisonBannerAuthor(file = {}) {
   return file.modified_by?.name || file.created_by?.name || '';
 }
+function VersionBadge({
+  fullLabel,
+  isTruncated,
+  label
+}) {
+  const badge = /*#__PURE__*/external_react_["default"].createElement("span", {
+    // When truncated, the tooltip supplies the full number
+    "aria-label": isTruncated ? undefined : fullLabel,
+    className: isTruncated ? 'bp-version-banner-badge bp-version-banner-badge--truncated' : 'bp-version-banner-badge',
+    role: isTruncated ? undefined : 'img'
+  }, label);
+
+  // Tooltip triggers must be focusable so keyboard users can open the full version number
+  return isTruncated ? /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
+    content: fullLabel
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Focusable, null, badge)) : badge;
+}
 function ComparisonBanner({
   file = {},
   isComparedPreview = false,
@@ -68614,40 +69779,51 @@ function ComparisonBanner({
   const versionNumber = file.version_number != null && file.version_number !== '' ? String(file.version_number) : '';
   const timestamp = formatComparisonTimestamp(file.modified_at, locale);
   const author = getComparisonBannerAuthor(file);
+  const isBadgeTruncated = Number(versionNumber) > MAX_BADGE_VERSION;
+  const badgeLabel = isBadgeTruncated ? `${MAX_BADGE_VERSION}+` : versionNumber;
+  const badgeFullLabel = (0,util/* replacePlaceholders */.Lb)(ComparisonBanner_('comparison_banner_version'), [versionNumber]);
   // When "Open Full Preview" is the only action, the close button covers it, so skip the menu
   const showMenu = !!(onMakeCurrent || onDownload || onDelete);
   const showClose = !!onOpenFullPreview;
   if (!versionNumber && !timestamp && !author) {
     return null;
   }
-  return /*#__PURE__*/external_react_["default"].createElement("div", {
+  return /*#__PURE__*/external_react_["default"].createElement(BlueprintProviders/* default */.A, {
+    container: menuContainer
+  }, /*#__PURE__*/external_react_["default"].createElement("div", {
     className: isComparedPreview ? `${constants/* CLASS_BOX_PREVIEW_VERSION_BANNER */.on} ${constants/* CLASS_BOX_PREVIEW_VERSION_BANNER_COMPARED */.Uj}` : constants/* CLASS_BOX_PREVIEW_VERSION_BANNER */.on
   }, /*#__PURE__*/external_react_["default"].createElement("div", {
     "aria-label": isComparedPreview ? ComparisonBanner_('comparison_banner_previous') : ComparisonBanner_('comparison_banner_current'),
     className: "bp-version-banner-details",
     role: "status"
-  }, versionNumber && /*#__PURE__*/external_react_["default"].createElement("span", {
-    className: "bp-version-banner-badge"
-  }, versionNumber), (timestamp || author) && /*#__PURE__*/external_react_["default"].createElement("div", {
+  }, versionNumber && /*#__PURE__*/external_react_["default"].createElement(VersionBadge, {
+    fullLabel: badgeFullLabel,
+    isTruncated: isBadgeTruncated,
+    label: badgeLabel
+  }), (timestamp || author) && /*#__PURE__*/external_react_["default"].createElement("div", {
     className: "bp-version-banner-info"
-  }, timestamp && /*#__PURE__*/external_react_["default"].createElement("div", {
-    className: "bp-version-banner-time"
-  }, timestamp), author && /*#__PURE__*/external_react_["default"].createElement("div", {
-    className: "bp-version-banner-author"
+  }, timestamp && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.EllipsizableText, {
+    as: "div",
+    className: "bp-version-banner-time",
+    lineClamp: 1,
+    variant: "bodyDefaultSemibold"
+  }, timestamp), author && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.EllipsizableText, {
+    as: "div",
+    className: "bp-version-banner-author",
+    lineClamp: 1,
+    variant: "caption"
   }, author))), isComparedPreview && (onMakeCurrent || onDownload || onOpenFullPreview || onDelete) && /*#__PURE__*/external_react_["default"].createElement("div", {
     className: "bp-version-banner-actions",
     onKeyDown: event => {
       event.stopPropagation(); // Prevents global key handling
     },
     role: "presentation"
-  }, /*#__PURE__*/external_react_["default"].createElement(BlueprintProviders/* default */.A, {
-    container: menuContainer
   }, showMenu && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Root, null, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Trigger, {
     asChild: true
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconButton, {
     "aria-label": ComparisonBanner_('comparison_banner_actions'),
     "data-target-id": "ComparisonBanner-openActions",
-    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Ellipsis_9a96c07b_default__,
+    icon: Medium_.Ellipsis,
     size: "small",
     variant: isOnDark ? 'on-dark' : 'default'
   })), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Content, {
@@ -68658,21 +69834,21 @@ function ComparisonBanner({
     "data-target-id": "ComparisonBanner-makeCurrent",
     onSelect: onMakeCurrent
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.StartElement, {
-    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Checkmark_52a58454_default__
+    icon: Medium_.Checkmark
   }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.MainContent, {
     label: ComparisonBanner_('comparison_banner_make_current')
   })), onDownload && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item, {
     "data-target-id": "ComparisonBanner-download",
     onSelect: onDownload
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.StartElement, {
-    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Download_0dc63cde_default__
+    icon: Medium_.Download
   }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.MainContent, {
     label: ComparisonBanner_('download')
   })), onOpenFullPreview && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item, {
     "data-target-id": "ComparisonBanner-openFullPreview",
     onSelect: onOpenFullPreview
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.StartElement, {
-    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Expand_92c6b888_default__
+    icon: Medium_.Expand
   }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.MainContent, {
     label: ComparisonBanner_('comparison_banner_open_full_preview')
   })), onDelete && (onMakeCurrent || onDownload || onOpenFullPreview) && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Separator, null), onDelete && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item, {
@@ -68680,7 +69856,7 @@ function ComparisonBanner({
     onSelect: onDelete,
     variant: "destructive"
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.StartElement, {
-    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Trash_28211f44_default__
+    icon: Medium_.Trash
   }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.MainContent, {
     label: ComparisonBanner_('comparison_banner_delete')
   })))), showMenu && showClose && /*#__PURE__*/external_react_["default"].createElement("span", {
@@ -68689,7 +69865,7 @@ function ComparisonBanner({
   }), showClose && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconButton, {
     "aria-label": ComparisonBanner_('comparison_banner_close'),
     "data-target-id": "ComparisonBanner-close",
-    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_XMark_07fbe0f0_default__,
+    icon: Medium_.XMark,
     onClick: onOpenFullPreview,
     size: "small",
     variant: isOnDark ? 'on-dark' : 'default'
@@ -70457,7 +71633,9 @@ class Preview extends (events_default()) {
     // Start the preview load and render timers when the user starts to perceive preview's load
     lib_Timer.start(lib_Timer.createTag(this.file.id, lib_events/* LOAD_METRIC */.Yy.previewLoadTime));
     lib_Timer.start(lib_Timer.createTag(this.file.id, lib_events/* RENDER_METRIC */.QQ));
-    lib_Timer.start(lib_Timer.createTag(this.file.id, lib_events/* FIRST_RENDER_METRIC */.VT));
+    const firstRenderTag = lib_Timer.createTag(this.file.id, lib_events/* FIRST_RENDER_METRIC */.VT);
+    lib_Timer.reset(firstRenderTag);
+    lib_Timer.start(firstRenderTag);
 
     // If file version ID is specified, increment retry count if it matches current file version ID
     if (fileVersionId) {