npm - box-content-preview - Versions diffs - 3.80.0 → 3.81.0 - Mend

box-content-preview 3.80.0 → 3.81.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/README.md CHANGED Viewed

@@ -2,7 +2,7 @@
 [![Mergify Status](https://img.shields.io/endpoint.svg?url=https://gh.mergify.io/badges/box/box-content-preview&style=flat)](https://mergify.io)
 [![Styled With Prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
 [![build status](https://img.shields.io/travis/box/box-content-preview/master.svg?style=flat-square)](https://travis-ci.org/box/box-content-preview)
-[![version](https://img.shields.io/badge/version-v3.80.0-blue.svg?style=flat-square)](https://github.com/box/box-content-preview)
+[![version](https://img.shields.io/badge/version-v3.81.0-blue.svg?style=flat-square)](https://github.com/box/box-content-preview)
 [![npm version](https://img.shields.io/npm/v/box-ui-elements.svg?style=flat-square)](https://www.npmjs.com/package/box-ui-elements)
 # [Box Content Preview](https://developer.box.com/docs/box-content-preview)
@@ -22,11 +22,11 @@ We encourage all users to update their applications to utilize modern browsers f
 ## Current Version
-- Version: v3.80.0
+- Version: v3.81.0
 - Locale: en-US
-https://cdn01.boxcdn.net/platform/preview/3.80.0/en-US/preview.js
-https://cdn01.boxcdn.net/platform/preview/3.80.0/en-US/preview.css
+https://cdn01.boxcdn.net/platform/preview/3.81.0/en-US/preview.js
+https://cdn01.boxcdn.net/platform/preview/3.81.0/en-US/preview.css
 ## Supported Locales
@@ -52,10 +52,10 @@ You can self-host the Box Content Preview library or reference the versions avai
     <title>Box Content Preview Demo</title>
     <!-- Latest version of Preview SDK for your locale -->
-    <script src="https://cdn01.boxcdn.net/platform/preview/3.80.0/en-US/preview.js"></script>
+    <script src="https://cdn01.boxcdn.net/platform/preview/3.81.0/en-US/preview.js"></script>
     <link
       rel="stylesheet"
-      href="https://cdn01.boxcdn.net/platform/preview/3.80.0/en-US/preview.css"
+      href="https://cdn01.boxcdn.net/platform/preview/3.81.0/en-US/preview.css"
     />
   </head>
   <body>
@@ -76,7 +76,7 @@ To self-host the Box Content Preview library, follow these steps:
 1. Either fork the repo and check out the version you want to host or download the specific version as a zip:
-- Check out a specific version with `git checkout v3.80.0`
+- Check out a specific version with `git checkout v3.81.0`
 - Download a specific version as a zip from https://github.com/box/box-content-preview/releases
 2. Install dependencies and build the library with `yarn install && yarn build:i18n && yarn build:prod`

package/dist/lib/index.css CHANGED Viewed

@@ -81,7 +81,7 @@
 .bp-FindBarToggle{opacity:.9;transition:opacity 150ms,background-color 150ms;will-change:opacity;outline:0;display:flex;align-items:center;justify-content:center;margin:0;padding:0;color:#fff;background:transparent;border:0;border-radius:25px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;zoom:1}.bp-FindBarToggle:focus:not(:disabled),.bp-FindBarToggle:hover:not(:disabled){background-color:rgba(255,255,255,.08);opacity:1}.bp-FindBarToggle:focus:not(:disabled) svg,.bp-FindBarToggle:hover:not(:disabled) svg,.bp-FindBarToggle.bp-is-active svg{transform:scale(1.09);transition:transform 150ms}.bp-FindBarToggle.bp-is-active,.bp-FindBarToggle:active:not(:disabled){background-color:rgba(255,255,255,.16)}.bp-FindBarToggle.bp-is-active:focus:not(:disabled),.bp-FindBarToggle.bp-is-active:hover:not(:disabled){background-color:rgba(255,255,255,.2)}.bp-FindBarToggle:focus:not(:disabled){box-shadow:inset 0 0 0 1px rgba(211,211,211,.5),0 1px 2px rgba(0,0,0,.1)}.bp-FindBarToggle:focus-visible:not(:disabled){box-shadow:inset 0 0 0 1px rgba(211,211,211,.5),0 1px 2px rgba(0,0,0,.1)}.bp-FindBarToggle:focus:not(:focus-visible){box-shadow:none}.bp-FindBarToggle:disabled{cursor:default;opacity:.2;pointer-events:none}.bp-FindBarToggle svg{width:32px;height:32px;padding:5px}
 .bp-GalleryToggle{opacity:.9;transition:opacity 150ms,background-color 150ms;will-change:opacity;outline:0;display:flex;align-items:center;justify-content:center;margin:0;padding:0;color:#fff;background:transparent;border:0;border-radius:25px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;zoom:1}.bp-GalleryToggle:focus:not(:disabled),.bp-GalleryToggle:hover:not(:disabled){background-color:rgba(255,255,255,.08);opacity:1}.bp-GalleryToggle:focus:not(:disabled) svg,.bp-GalleryToggle:hover:not(:disabled) svg,.bp-GalleryToggle.bp-is-active svg{transform:scale(1.09);transition:transform 150ms}.bp-GalleryToggle.bp-is-active,.bp-GalleryToggle:active:not(:disabled){background-color:rgba(255,255,255,.16)}.bp-GalleryToggle.bp-is-active:focus:not(:disabled),.bp-GalleryToggle.bp-is-active:hover:not(:disabled){background-color:rgba(255,255,255,.2)}.bp-GalleryToggle:focus:not(:disabled){box-shadow:inset 0 0 0 1px rgba(211,211,211,.5),0 1px 2px rgba(0,0,0,.1)}.bp-GalleryToggle:focus-visible:not(:disabled){box-shadow:inset 0 0 0 1px rgba(211,211,211,.5),0 1px 2px rgba(0,0,0,.1)}.bp-GalleryToggle:focus:not(:focus-visible){box-shadow:none}.bp-GalleryToggle:disabled{cursor:default;opacity:.2;pointer-events:none}.bp-GalleryToggle svg{width:32px;height:32px;padding:5px}
 .bp-ThumbnailsToggle{opacity:.9;transition:opacity 150ms,background-color 150ms;will-change:opacity;outline:0;display:flex;align-items:center;justify-content:center;margin:0;padding:0;color:#fff;background:transparent;border:0;border-radius:25px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;zoom:1}.bp-ThumbnailsToggle:focus:not(:disabled),.bp-ThumbnailsToggle:hover:not(:disabled){background-color:rgba(255,255,255,.08);opacity:1}.bp-ThumbnailsToggle:focus:not(:disabled) svg,.bp-ThumbnailsToggle:hover:not(:disabled) svg,.bp-ThumbnailsToggle.bp-is-active svg{transform:scale(1.09);transition:transform 150ms}.bp-ThumbnailsToggle.bp-is-active,.bp-ThumbnailsToggle:active:not(:disabled){background-color:rgba(255,255,255,.16)}.bp-ThumbnailsToggle.bp-is-active:focus:not(:disabled),.bp-ThumbnailsToggle.bp-is-active:hover:not(:disabled){background-color:rgba(255,255,255,.2)}.bp-ThumbnailsToggle:focus:not(:disabled){box-shadow:inset 0 0 0 1px rgba(211,211,211,.5),0 1px 2px rgba(0,0,0,.1)}.bp-ThumbnailsToggle:focus-visible:not(:disabled){box-shadow:inset 0 0 0 1px rgba(211,211,211,.5),0 1px 2px rgba(0,0,0,.1)}.bp-ThumbnailsToggle:focus:not(:focus-visible){box-shadow:none}.bp-ThumbnailsToggle:disabled{cursor:default;opacity:.2;pointer-events:none}.bp-ThumbnailsToggle svg{width:32px;height:32px;padding:5px}
-.bp-gallery-grid{position:absolute;inset:0;z-index:4;padding:40px;padding-bottom:100px;overflow-y:auto;overscroll-behavior:none;background-color:#fff}.bp-gallery-grid-inner{--bp-gallery-hover-scale: 1.02;display:grid;grid-auto-rows:min-content;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:16px;align-items:start}.bp-gallery-tile{position:relative;padding:0;background:#f5f5f5;border:none;border-radius:12px;box-shadow:0 0 0 1px #eaeaea;cursor:pointer;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}.bp-gallery-tile:hover{box-shadow:0 0 0 3px #767676,0 4px 5px 0 rgba(0,0,0,.15);transform:translateY(-1px) scale(var(--bp-gallery-hover-scale))}.bp-gallery-tile:hover .bp-gallery-tile-badge{opacity:1}.bp-gallery-tile:focus{outline:none}.bp-gallery-tile img{display:block;width:100%;height:auto;object-fit:contain;border-radius:12px}.bp-gallery-tile--selected{box-shadow:0 0 0 3px #0061d5,0 4px 5px 0 rgba(0,0,0,.08)}.bp-gallery-tile--selected:hover,.bp-gallery-tile--selected:focus{box-shadow:0 0 0 3px #0061d5,0 4px 5px 0 rgba(0,0,0,.08)}.bp-gallery-tile--selected .bp-gallery-tile-badge{background:#0061d5;opacity:1}.bp-gallery-tile-badge{position:absolute;top:-2px;left:-2px;z-index:1;display:flex;align-items:center;justify-content:center;min-width:30px;height:26px;padding:0 4px;color:#fff;font-size:13px;line-height:1;background:#767676;border-radius:12px 0;opacity:0;transition:opacity .15s}.bp-gallery-tile-placeholder{display:block;width:100%;padding-top:129%}.bp-container:has(.bp-gallery-grid) .ba-PopupPortal{display:none}.bcpr-container:has(.bp-is-gallery-open) .bcpr-navigate-left,.bcpr-container:has(.bp-is-gallery-open) .bcpr-navigate-right{display:none}.bp .bp-is-gallery-open .bp-doc.bp-doc-document,.bp .bp-is-gallery-open .bp-doc.bp-is-scrollable{overflow:hidden}
+.bp-gallery-grid{position:absolute;inset:0;z-index:4;padding:40px;padding-bottom:100px;overflow-y:auto;overscroll-behavior:none;background-color:#fff}.bp-gallery-grid-inner{--bp-gallery-hover-scale: 1.02;display:grid;grid-auto-rows:min-content;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:16px;align-items:start}.bp-gallery-grid-row{display:contents}.bp-gallery-tile{position:relative;padding:0;background:#f5f5f5;border:none;border-radius:12px;box-shadow:0 0 0 1px #eaeaea;cursor:pointer;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}.bp-gallery-tile:hover{box-shadow:0 0 0 3px #767676,0 4px 5px 0 rgba(0,0,0,.15);transform:translateY(-1px) scale(var(--bp-gallery-hover-scale))}.bp-gallery-tile:hover .bp-gallery-tile-badge{opacity:1}.bp-gallery-tile:focus{outline:none}.bp-gallery-tile img{display:block;width:100%;height:auto;object-fit:contain;border-radius:12px}.bp-gallery-tile--selected{box-shadow:0 0 0 3px #0061d5,0 4px 5px 0 rgba(0,0,0,.08)}.bp-gallery-tile--selected:hover,.bp-gallery-tile--selected:focus{box-shadow:0 0 0 3px #0061d5,0 4px 5px 0 rgba(0,0,0,.08)}.bp-gallery-tile--selected .bp-gallery-tile-badge{background:#0061d5;opacity:1}.bp-gallery-tile-badge{position:absolute;top:-2px;left:-2px;z-index:1;display:flex;align-items:center;justify-content:center;min-width:30px;height:26px;padding:0 4px;color:#fff;font-size:13px;line-height:1;background:#767676;border-radius:12px 0;opacity:0;transition:opacity .15s}.bp-gallery-tile-placeholder{display:block;width:100%;padding-top:129%}.bp-container:has(.bp-gallery-grid) .ba-PopupPortal{display:none}.bcpr-container:has(.bp-is-gallery-open) .bcpr-navigate-left,.bcpr-container:has(.bp-is-gallery-open) .bcpr-navigate-right{display:none}.bp .bp-is-gallery-open .bp-doc.bp-doc-document,.bp .bp-is-gallery-open .bp-doc.bp-is-scrollable{overflow:hidden}
 .custom-theme .bp .bp-thumbnail.bp-thumbnail-is-selected .bp-thumbnail-nav{box-shadow:0 0 0 3px #222,0 4px 5px 0 rgba(0,0,0,.08)}.custom-theme .bp .bp-thumbnail.bp-thumbnail-is-selected .bp-thumbnail-page-number{background:#222}.custom-theme .bp .bp-thumbnail.bp-thumbnail-is-selected.bp-thumbnail-image-loaded .bp-thumbnail-nav{background-color:#222}.bp .bp-ThumbnailsToggle{display:none}.bp .bp-thumbnails-container{position:absolute;top:0;bottom:0;left:0;display:none;flex:0 0 auto;width:191px}.bp .bp-thumbnails-container:focus{outline:none}.bp .bp-thumbnail{position:relative;display:flex;margin-right:20px;margin-left:20px;cursor:pointer;transition:transform .2s ease-in-out}.bp .bp-thumbnail:focus,.bp .bp-thumbnail:hover{transform:translateY(-1px) scale(1.02)}.bp .bp-thumbnail:focus .bp-thumbnail-page-number,.bp .bp-thumbnail:hover .bp-thumbnail-page-number{background:#767676;opacity:1}.bp .bp-thumbnail:focus .bp-thumbnail-nav,.bp .bp-thumbnail:hover .bp-thumbnail-nav{box-shadow:0 0 0 1px #767676,0 4px 5px 0 rgba(0,0,0,.15)}.bp .bp-thumbnail:focus.bp-thumbnail-image-loaded .bp-thumbnail-nav,.bp .bp-thumbnail:hover.bp-thumbnail-image-loaded .bp-thumbnail-nav{background-color:#767676}.bp .bp-thumbnail.bp-thumbnail-is-selected .bp-thumbnail-page-number{background:#0061d5;opacity:1}.bp .bp-thumbnail.bp-thumbnail-is-selected .bp-thumbnail-nav{box-shadow:0 0 0 3px #0061d5,0 4px 5px 0 rgba(0,0,0,.08)}.bp .bp-thumbnail.bp-thumbnail-is-selected.bp-thumbnail-image-loaded .bp-thumbnail-nav{background-color:#0061d5}.bp .bp-thumbnail:not(.bp-thumbnail-image-loaded) .bp-thumbnail-nav{background:#e8e8e8 url(assets/loading_ghost.gif) repeat-y;background-size:100% 100%}.bp .bp-thumbnail-nav{flex:0 0 150px;overflow:hidden;background-color:#d8d8d8;border-radius:6px;box-shadow:0 0 0 1px #e8e8e8,0 1px 4px 0 rgba(0,0,0,.08);transition:box-shadow .2s ease-in-out}.bp .bp-thumbnail-page-number{position:absolute;display:flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding-right:3px;padding-left:3px;color:#fff;font-size:13px;border-radius:3px 0 6px 0;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);opacity:0}.bp .bp-thumbnail-image{background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none}.bp .bp-thumbnails-container--dark{background-color:#444;border-right-color:#000}.bp .bp-thumbnails-container--dark .bp-thumbnail-page-number{background-color:#444}.bp .bp-thumbnails-container--dark .bp-thumbnail-nav{border-color:#444}@keyframes bp-thumbnails-open{0%{display:none;transform:translateX(-191px)}1%{display:flex;transform:translateX(-191px)}100%{transform:translateX(0)}}@media(min-width: 768px){.bp.bp-loaded.bp-thumbnails-open-active .bp-content,.bp.bp-loaded.bp-thumbnails-close-active .bp-content{transition:left 300ms cubic-bezier(0.4, 0, 0.2, 1)}.bp .bp-thumbnails-container{display:none;transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1)}.bp .bp-thumbnails-container,.bp.bp-thumbnails-close .bp-thumbnails-container,.bp.bp-thumbnails-close-active .bp-thumbnails-container{transform:translateX(-191px)}.bp.bp-thumbnails-close .bp-thumbnails-container{display:none}.bp.bp-thumbnails-close-active .bp-thumbnails-container{display:flex}.bp.bp-thumbnails-open .bp-content{left:191px}.bp.bp-thumbnails-open .bp-content.bp-is-fullscreen{left:0}.bp.bp-thumbnails-open .bp-thumbnails-container{display:flex;transform:translateX(0)}.bp.bp-thumbnails-open-active .bp-thumbnails-container{animation:bp-thumbnails-open 300ms cubic-bezier(0.4, 0, 0.2, 1)}.bp .bp-ThumbnailsToggle{display:flex}}@media(max-width: 767px){.bp-is-mobile .bp-ZoomControls{display:none}}.bp-theme-dark .bp .bp-thumbnails-container{border-right-color:#222}.bp-doc{position:absolute;inset:0;width:100%;height:100%;margin:0;overflow:hidden;letter-spacing:normal;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.bp-doc [hidden]{display:none !important}.bp-doc.bp-is-scrollable{overflow:auto}.bp-doc .pdfViewer.pinching{visibility:hidden}.bp-doc .pdfViewer .page{position:relative;display:block;box-sizing:content-box !important;margin:0 auto;padding:15px 0;overflow:visible;border:0;border-image:none}.bp-doc .pdfViewer .page:not(.bp-is-invisible)::before{box-shadow:0 4px 12px 0 rgba(0,0,0,.1);position:absolute;inset:15px 0 15px 0;display:block;content:""}.bp-doc .pdfViewer .page:not(.bp-is-invisible) .loadingIcon:first-child{background:#e8e8e8 url(assets/loading_ghost.gif) repeat-y;background-size:100% 100%}.bp-doc .pdfViewer .page .loadingIcon{top:15px;bottom:15px;background:none}.bp-doc .pdfViewer .page.loadingIcon::after{top:15px;bottom:15px;background:none}.bp-doc .pdfViewer .page .textAnnotation>img{opacity:0}.bp-doc .pdfViewer .page.pinch-page{padding:0;visibility:visible}.bp-doc .pdfViewer .page.pinch-page .textLayer{display:none}.bp-doc .pdfViewer.pdfViewer--viewOnly .textLayer span{cursor:unset;-webkit-user-select:none;user-select:none}.bp-doc .pdfViewer .page .textLayer{top:15px;bottom:auto;z-index:1;opacity:1;caret-color:#000}.bp-doc .pdfViewer .page .textLayer>div{-webkit-user-select:text;user-select:text}.bp-doc .pdfViewer .page .textLayer .highlight{display:inline-block;background-color:rgba(180,0,170,.2)}.bp-doc .pdfViewer .page .textLayer .highlight.selected{background-color:rgba(0,100,0,.2)}.bp-doc .pdfViewer .page .textLayer .rangy-highlight{opacity:.2}.bp-doc .pdfViewer .page .textLayer ::selection{background-color:rgba(0,97,213,.1)}.bp-doc input,.bp-doc p,.bp-doc span{-webkit-user-select:text;user-select:text}.bp-doc .annotationLayer{z-index:2}.bp-doc .annotationLayer h1,.bp-doc .annotationLayer h2,.bp-doc .annotationLayer h3,.bp-doc .annotationLayer h4,.bp-doc .annotationLayer h5,.bp-doc .annotationLayer h6,.bp-doc .annotationLayer p{margin:0}.bp-doc .annotationLayer h1{font-size:1em}.bp-doc .annotationLayer section{margin-top:15px}.bp-doc .annotationLayer .popup{font-size:inherit}.bp-doc .annotationLayer .popup .header{height:unset;padding:unset !important;background-color:unset}.bp-print-notification{display:none;font-size:24px}@media print{.bp-doc{display:none}.bp-print-notification{display:block}}.bp-content.bp-annotations-discoverable .ba-PopupCursor{display:none}.bp-content.bp-annotations-discoverable .textLayer{pointer-events:none}.bp-content.bp-annotations-discoverable .textLayer span{pointer-events:auto}@media(max-width: 767px){.bp-content.bp-annotations-only-controls.bp-annotations-create--drawing .bp-AnnotationsControls-exitBtn,.bp-content.bp-annotations-only-controls.bp-annotations-create--highlight .bp-AnnotationsControls-exitBtn,.bp-content.bp-annotations-only-controls.bp-annotations-create--region .bp-AnnotationsControls-exitBtn{display:block}.bp-content.bp-annotations-only-controls.bp-annotations-create--drawing .bp-ControlsBarGroup:not(:last-child),.bp-content.bp-annotations-only-controls.bp-annotations-create--drawing .bp-ControlsBarGroup>*:not(.bp-AnnotationsControls),.bp-content.bp-annotations-only-controls.bp-annotations-create--highlight .bp-ControlsBarGroup:not(:last-child),.bp-content.bp-annotations-only-controls.bp-annotations-create--highlight .bp-ControlsBarGroup>*:not(.bp-AnnotationsControls),.bp-content.bp-annotations-only-controls.bp-annotations-create--region .bp-ControlsBarGroup:not(:last-child),.bp-content.bp-annotations-only-controls.bp-annotations-create--region .bp-ControlsBarGroup>*:not(.bp-AnnotationsControls){display:none}}.bp-content.bp-annotations-create--highlight .ba-PopupCursor,.bp-content.bp-annotations-create--region .ba-PopupCursor{display:block}.bp-content.bp-annotations-create--highlight .annotationLayer,.bp-content.bp-annotations-create--region .annotationLayer{pointer-events:none}.bp-content.bp-annotations-create--highlight .ba-DrawingAnnotations-list.is-listening .ba-DrawingTarget,.bp-content.bp-annotations-create--region .ba-DrawingAnnotations-list.is-listening .ba-DrawingTarget{pointer-events:none}.bp-content.bp-annotations-create--highlight .ba-HighlightList .ba-HighlightSvg.is-listening .ba-HighlightTarget-rect,.bp-content.bp-annotations-create--region .ba-HighlightList .ba-HighlightSvg.is-listening .ba-HighlightTarget-rect{pointer-events:none}.bp-content.bp-annotations-create--highlight .ba-RegionAnnotations-list.is-listening .ba-RegionAnnotation,.bp-content.bp-annotations-create--region .ba-RegionAnnotations-list.is-listening .ba-RegionAnnotation{pointer-events:none}.bp-content.bp-annotations-create--region.bp-annotations-ftux-document-cursor-seen .ba-PopupCursor{display:none}.bp-content.bp-annotations-create--region .textLayer,.bp-content.bp-annotations-create--region .textLayer span{pointer-events:none}.bp-content.bp-is-fullscreen .bp-ThumbnailsToggle{display:none}.bp-find-bar{position:absolute;top:0;right:17px;z-index:3;display:flex;align-items:center;padding:6px;font-size:12px;font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;background:#fff;border:1px solid #e8e8e8}.bp-find-bar ::-ms-clear{display:none}.bp-find-bar .bp-doc-find-field{width:200px;height:34px;padding:6px 6px 6px 25px;color:#494949;line-height:20px;border:1px solid #e8e8e8;border-radius:2px 0 0 2px;outline-style:none;transition-timing-function:ease;transition-duration:150ms;transition-property:border-color}.bp-find-bar .bp-doc-find-field:focus,.bp-find-bar .bp-doc-find-field:hover{border-color:#0061d5}.bp-find-bar .bp-doc-find-results-count{position:absolute;top:37%;right:120px;margin:0;padding:0;color:rgba(73,73,73,.25);line-height:1;text-align:right;cursor:default;-webkit-user-select:none;user-select:none}.bp-find-bar .bp-doc-find-search,.bp-find-bar .bp-doc-find-prev,.bp-find-bar .bp-doc-find-next,.bp-find-bar .bp-doc-find-close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;line-height:1;vertical-align:middle;background:none;border:1px solid #e8e8e8;border-left:0;cursor:pointer}.bp-find-bar .bp-doc-find-search svg,.bp-find-bar .bp-doc-find-prev svg,.bp-find-bar .bp-doc-find-next svg,.bp-find-bar .bp-doc-find-close svg{width:17px}.bp-find-bar .bp-doc-find-search .icon,.bp-find-bar .bp-doc-find-prev .icon,.bp-find-bar .bp-doc-find-next .icon,.bp-find-bar .bp-doc-find-close .icon{fill:rgba(73,73,73,.75)}.bp-find-bar .bp-doc-find-prev:hover .icon,.bp-find-bar .bp-doc-find-next:hover .icon,.bp-find-bar .bp-doc-find-close:hover .icon{fill:#494949}.bp-find-bar .bp-doc-find-search{position:absolute;top:15%;left:5px;margin:0;line-height:1;text-align:left;border:0;pointer-events:none}.bp-find-bar .bp-doc-find-search svg{width:12px;height:12px}.bp-find-bar .bp-doc-find-close{border:0}.bp-find-bar .bp-doc-find-close svg{width:22px}.bp-find-bar .bp-find-match-not-found,.bp-find-bar .bp-find-match-not-found:hover,.bp-find-bar .bp-find-match-not-found:focus{border-color:rgba(239,72,54,.5)}.bp-find-bar .bp-doc-find-controls{display:flex}.bp .bp-doc.bp-doc-document{overflow-y:scroll}.bp-document-preload-wrapper{position:absolute;inset:0;height:100%;margin:0;overflow-y:scroll;scrollbar-gutter:stable;background-color:#f5f5f5;opacity:1;transition:opacity .5s}.bp-document-preload-wrapper.bp-is-invisible{visibility:hidden}.bp-document-preload-wrapper.bp-is-transparent{opacity:0}.bp-theme-dark .bp-document-preload-wrapper{background-color:#464a4f}.bp-document-preload-wrapper .bp-preload-content,.bp-document-preload-wrapper .bp-preload-overlay,.bp-document-preload-wrapper .bp-preload-placeholder::before{position:absolute;inset:0}.bp-document-preload-wrapper .bp-preload-content{width:100%}.bp-document-preload-wrapper .bp-preload-overlay{background-color:rgba(255,255,255,.4)}.bp-document-preload-wrapper .bp-preload-placeholder{background:#e8e8e8 url(assets/loading_ghost.gif) repeat-y;background-size:100% 100%;box-shadow:0 4px 12px 0 rgba(0,0,0,.1);position:relative;margin:15px auto 30px}.bp-document-preload-wrapper .bp-preload-placeholder img.doc-first-image{width:100%;height:100%}.bp-document-preload-wrapper .bp-preload-placeholder img.loaded{visibility:visible}
 .custom-theme .bp .bp-thumbnail.bp-thumbnail-is-selected .bp-thumbnail-nav{box-shadow:0 0 0 3px #222,0 4px 5px 0 rgba(0,0,0,.08)}.custom-theme .bp .bp-thumbnail.bp-thumbnail-is-selected .bp-thumbnail-page-number{background:#222}.custom-theme .bp .bp-thumbnail.bp-thumbnail-is-selected.bp-thumbnail-image-loaded .bp-thumbnail-nav{background-color:#222}.bp .bp-ThumbnailsToggle{display:none}.bp .bp-thumbnails-container{position:absolute;top:0;bottom:0;left:0;display:none;flex:0 0 auto;width:191px}.bp .bp-thumbnails-container:focus{outline:none}.bp .bp-thumbnail{position:relative;display:flex;margin-right:20px;margin-left:20px;cursor:pointer;transition:transform .2s ease-in-out}.bp .bp-thumbnail:focus,.bp .bp-thumbnail:hover{transform:translateY(-1px) scale(1.02)}.bp .bp-thumbnail:focus .bp-thumbnail-page-number,.bp .bp-thumbnail:hover .bp-thumbnail-page-number{background:#767676;opacity:1}.bp .bp-thumbnail:focus .bp-thumbnail-nav,.bp .bp-thumbnail:hover .bp-thumbnail-nav{box-shadow:0 0 0 1px #767676,0 4px 5px 0 rgba(0,0,0,.15)}.bp .bp-thumbnail:focus.bp-thumbnail-image-loaded .bp-thumbnail-nav,.bp .bp-thumbnail:hover.bp-thumbnail-image-loaded .bp-thumbnail-nav{background-color:#767676}.bp .bp-thumbnail.bp-thumbnail-is-selected .bp-thumbnail-page-number{background:#0061d5;opacity:1}.bp .bp-thumbnail.bp-thumbnail-is-selected .bp-thumbnail-nav{box-shadow:0 0 0 3px #0061d5,0 4px 5px 0 rgba(0,0,0,.08)}.bp .bp-thumbnail.bp-thumbnail-is-selected.bp-thumbnail-image-loaded .bp-thumbnail-nav{background-color:#0061d5}.bp .bp-thumbnail:not(.bp-thumbnail-image-loaded) .bp-thumbnail-nav{background:#e8e8e8 url(assets/loading_ghost.gif) repeat-y;background-size:100% 100%}.bp .bp-thumbnail-nav{flex:0 0 150px;overflow:hidden;background-color:#d8d8d8;border-radius:6px;box-shadow:0 0 0 1px #e8e8e8,0 1px 4px 0 rgba(0,0,0,.08);transition:box-shadow .2s ease-in-out}.bp .bp-thumbnail-page-number{position:absolute;display:flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding-right:3px;padding-left:3px;color:#fff;font-size:13px;border-radius:3px 0 6px 0;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);opacity:0}.bp .bp-thumbnail-image{background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none}.bp .bp-thumbnails-container--dark{background-color:#444;border-right-color:#000}.bp .bp-thumbnails-container--dark .bp-thumbnail-page-number{background-color:#444}.bp .bp-thumbnails-container--dark .bp-thumbnail-nav{border-color:#444}@keyframes bp-thumbnails-open{0%{display:none;transform:translateX(-191px)}1%{display:flex;transform:translateX(-191px)}100%{transform:translateX(0)}}@media(min-width: 768px){.bp.bp-loaded.bp-thumbnails-open-active .bp-content,.bp.bp-loaded.bp-thumbnails-close-active .bp-content{transition:left 300ms cubic-bezier(0.4, 0, 0.2, 1)}.bp .bp-thumbnails-container{display:none;transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1)}.bp .bp-thumbnails-container,.bp.bp-thumbnails-close .bp-thumbnails-container,.bp.bp-thumbnails-close-active .bp-thumbnails-container{transform:translateX(-191px)}.bp.bp-thumbnails-close .bp-thumbnails-container{display:none}.bp.bp-thumbnails-close-active .bp-thumbnails-container{display:flex}.bp.bp-thumbnails-open .bp-content{left:191px}.bp.bp-thumbnails-open .bp-content.bp-is-fullscreen{left:0}.bp.bp-thumbnails-open .bp-thumbnails-container{display:flex;transform:translateX(0)}.bp.bp-thumbnails-open-active .bp-thumbnails-container{animation:bp-thumbnails-open 300ms cubic-bezier(0.4, 0, 0.2, 1)}.bp .bp-ThumbnailsToggle{display:flex}}@media(max-width: 767px){.bp-is-mobile .bp-ZoomControls{display:none}}.bp-theme-dark .bp .bp-thumbnails-container{border-right-color:#222}.bp-doc{position:absolute;inset:0;width:100%;height:100%;margin:0;overflow:hidden;letter-spacing:normal;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.bp-doc [hidden]{display:none !important}.bp-doc.bp-is-scrollable{overflow:auto}.bp-doc .pdfViewer.pinching{visibility:hidden}.bp-doc .pdfViewer .page{position:relative;display:block;box-sizing:content-box !important;margin:0 auto;padding:15px 0;overflow:visible;border:0;border-image:none}.bp-doc .pdfViewer .page:not(.bp-is-invisible)::before{box-shadow:0 4px 12px 0 rgba(0,0,0,.1);position:absolute;inset:15px 0 15px 0;display:block;content:""}.bp-doc .pdfViewer .page:not(.bp-is-invisible) .loadingIcon:first-child{background:#e8e8e8 url(assets/loading_ghost.gif) repeat-y;background-size:100% 100%}.bp-doc .pdfViewer .page .loadingIcon{top:15px;bottom:15px;background:none}.bp-doc .pdfViewer .page.loadingIcon::after{top:15px;bottom:15px;background:none}.bp-doc .pdfViewer .page .textAnnotation>img{opacity:0}.bp-doc .pdfViewer .page.pinch-page{padding:0;visibility:visible}.bp-doc .pdfViewer .page.pinch-page .textLayer{display:none}.bp-doc .pdfViewer.pdfViewer--viewOnly .textLayer span{cursor:unset;-webkit-user-select:none;user-select:none}.bp-doc .pdfViewer .page .textLayer{top:15px;bottom:auto;z-index:1;opacity:1;caret-color:#000}.bp-doc .pdfViewer .page .textLayer>div{-webkit-user-select:text;user-select:text}.bp-doc .pdfViewer .page .textLayer .highlight{display:inline-block;background-color:rgba(180,0,170,.2)}.bp-doc .pdfViewer .page .textLayer .highlight.selected{background-color:rgba(0,100,0,.2)}.bp-doc .pdfViewer .page .textLayer .rangy-highlight{opacity:.2}.bp-doc .pdfViewer .page .textLayer ::selection{background-color:rgba(0,97,213,.1)}.bp-doc input,.bp-doc p,.bp-doc span{-webkit-user-select:text;user-select:text}.bp-doc .annotationLayer{z-index:2}.bp-doc .annotationLayer h1,.bp-doc .annotationLayer h2,.bp-doc .annotationLayer h3,.bp-doc .annotationLayer h4,.bp-doc .annotationLayer h5,.bp-doc .annotationLayer h6,.bp-doc .annotationLayer p{margin:0}.bp-doc .annotationLayer h1{font-size:1em}.bp-doc .annotationLayer section{margin-top:15px}.bp-doc .annotationLayer .popup{font-size:inherit}.bp-doc .annotationLayer .popup .header{height:unset;padding:unset !important;background-color:unset}.bp-print-notification{display:none;font-size:24px}@media print{.bp-doc{display:none}.bp-print-notification{display:block}}.bp-content.bp-annotations-discoverable .ba-PopupCursor{display:none}.bp-content.bp-annotations-discoverable .textLayer{pointer-events:none}.bp-content.bp-annotations-discoverable .textLayer span{pointer-events:auto}@media(max-width: 767px){.bp-content.bp-annotations-only-controls.bp-annotations-create--drawing .bp-AnnotationsControls-exitBtn,.bp-content.bp-annotations-only-controls.bp-annotations-create--highlight .bp-AnnotationsControls-exitBtn,.bp-content.bp-annotations-only-controls.bp-annotations-create--region .bp-AnnotationsControls-exitBtn{display:block}.bp-content.bp-annotations-only-controls.bp-annotations-create--drawing .bp-ControlsBarGroup:not(:last-child),.bp-content.bp-annotations-only-controls.bp-annotations-create--drawing .bp-ControlsBarGroup>*:not(.bp-AnnotationsControls),.bp-content.bp-annotations-only-controls.bp-annotations-create--highlight .bp-ControlsBarGroup:not(:last-child),.bp-content.bp-annotations-only-controls.bp-annotations-create--highlight .bp-ControlsBarGroup>*:not(.bp-AnnotationsControls),.bp-content.bp-annotations-only-controls.bp-annotations-create--region .bp-ControlsBarGroup:not(:last-child),.bp-content.bp-annotations-only-controls.bp-annotations-create--region .bp-ControlsBarGroup>*:not(.bp-AnnotationsControls){display:none}}.bp-content.bp-annotations-create--highlight .ba-PopupCursor,.bp-content.bp-annotations-create--region .ba-PopupCursor{display:block}.bp-content.bp-annotations-create--highlight .annotationLayer,.bp-content.bp-annotations-create--region .annotationLayer{pointer-events:none}.bp-content.bp-annotations-create--highlight .ba-DrawingAnnotations-list.is-listening .ba-DrawingTarget,.bp-content.bp-annotations-create--region .ba-DrawingAnnotations-list.is-listening .ba-DrawingTarget{pointer-events:none}.bp-content.bp-annotations-create--highlight .ba-HighlightList .ba-HighlightSvg.is-listening .ba-HighlightTarget-rect,.bp-content.bp-annotations-create--region .ba-HighlightList .ba-HighlightSvg.is-listening .ba-HighlightTarget-rect{pointer-events:none}.bp-content.bp-annotations-create--highlight .ba-RegionAnnotations-list.is-listening .ba-RegionAnnotation,.bp-content.bp-annotations-create--region .ba-RegionAnnotations-list.is-listening .ba-RegionAnnotation{pointer-events:none}.bp-content.bp-annotations-create--region.bp-annotations-ftux-document-cursor-seen .ba-PopupCursor{display:none}.bp-content.bp-annotations-create--region .textLayer,.bp-content.bp-annotations-create--region .textLayer span{pointer-events:none}.bp-content.bp-is-fullscreen .bp-ThumbnailsToggle{display:none}.bp-find-bar{position:absolute;top:0;right:17px;z-index:3;display:flex;align-items:center;padding:6px;font-size:12px;font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;background:#fff;border:1px solid #e8e8e8}.bp-find-bar ::-ms-clear{display:none}.bp-find-bar .bp-doc-find-field{width:200px;height:34px;padding:6px 6px 6px 25px;color:#494949;line-height:20px;border:1px solid #e8e8e8;border-radius:2px 0 0 2px;outline-style:none;transition-timing-function:ease;transition-duration:150ms;transition-property:border-color}.bp-find-bar .bp-doc-find-field:focus,.bp-find-bar .bp-doc-find-field:hover{border-color:#0061d5}.bp-find-bar .bp-doc-find-results-count{position:absolute;top:37%;right:120px;margin:0;padding:0;color:rgba(73,73,73,.25);line-height:1;text-align:right;cursor:default;-webkit-user-select:none;user-select:none}.bp-find-bar .bp-doc-find-search,.bp-find-bar .bp-doc-find-prev,.bp-find-bar .bp-doc-find-next,.bp-find-bar .bp-doc-find-close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;line-height:1;vertical-align:middle;background:none;border:1px solid #e8e8e8;border-left:0;cursor:pointer}.bp-find-bar .bp-doc-find-search svg,.bp-find-bar .bp-doc-find-prev svg,.bp-find-bar .bp-doc-find-next svg,.bp-find-bar .bp-doc-find-close svg{width:17px}.bp-find-bar .bp-doc-find-search .icon,.bp-find-bar .bp-doc-find-prev .icon,.bp-find-bar .bp-doc-find-next .icon,.bp-find-bar .bp-doc-find-close .icon{fill:rgba(73,73,73,.75)}.bp-find-bar .bp-doc-find-prev:hover .icon,.bp-find-bar .bp-doc-find-next:hover .icon,.bp-find-bar .bp-doc-find-close:hover .icon{fill:#494949}.bp-find-bar .bp-doc-find-search{position:absolute;top:15%;left:5px;margin:0;line-height:1;text-align:left;border:0;pointer-events:none}.bp-find-bar .bp-doc-find-search svg{width:12px;height:12px}.bp-find-bar .bp-doc-find-close{border:0}.bp-find-bar .bp-doc-find-close svg{width:22px}.bp-find-bar .bp-find-match-not-found,.bp-find-bar .bp-find-match-not-found:hover,.bp-find-bar .bp-find-match-not-found:focus{border-color:rgba(239,72,54,.5)}.bp-find-bar .bp-doc-find-controls{display:flex}.bp-doc.bp-doc-presentation{overflow:hidden}.bp-doc.bp-doc-presentation .pdfViewer .page{position:absolute;inset:0;margin:auto}.bp-doc.bp-doc-presentation .pdfViewer .page.bp-is-invisible{opacity:0}.bp-doc.bp-doc-presentation.overflow-x{overflow-x:scroll}.bp-doc.bp-doc-presentation.overflow-y{overflow-y:scroll}.bp-doc.bp-doc-presentation.overflow-y .pdfViewer .page{margin-top:5px}.bp-presentation-preload-wrapper{position:absolute;inset:0;align-content:center;margin:0;background-color:#f5f5f5;transition:opacity .5s}.bp-presentation-preload-wrapper.bp-is-invisible{visibility:hidden}.bp-presentation-preload-wrapper.bp-is-transparent{opacity:0}.bp-theme-dark .bp-presentation-preload-wrapper{background-color:#464a4f}.bp-presentation-preload-wrapper .bp-preload-content,.bp-presentation-preload-wrapper .bp-preload-overlay,.bp-presentation-preload-wrapper .bp-preload-placeholder::before{position:absolute;inset:0}.bp-presentation-preload-wrapper .bp-preload-content{width:100%}.bp-presentation-preload-wrapper .bp-preload-overlay{background-color:rgba(255,255,255,.4)}.bp-presentation-preload-wrapper .bp-preload-placeholder{background:#e8e8e8 url(assets/loading_ghost.gif) repeat-y;background-size:100% 100%;box-shadow:0 4px 12px 0 rgba(0,0,0,.1);position:relative;margin:auto;padding-top:5px}.bp-presentation-preload-wrapper .bp-preload-placeholder img.doc-first-image{width:100%;height:100%}.bp-presentation-preload-wrapper .bp-preload-placeholder img.loaded{visibility:visible}
 .bp-AnimationClipsToggle{opacity:.9;transition:opacity 150ms,background-color 150ms;will-change:opacity;outline:0;display:flex;align-items:center;justify-content:center;margin:0;padding:0;color:#fff;background:transparent;border:0;border-radius:25px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;zoom:1}.bp-AnimationClipsToggle:focus:not(:disabled),.bp-AnimationClipsToggle:hover:not(:disabled){background-color:rgba(255,255,255,.08);opacity:1}.bp-AnimationClipsToggle:focus:not(:disabled) svg,.bp-AnimationClipsToggle:hover:not(:disabled) svg,.bp-AnimationClipsToggle.bp-is-active svg{transform:scale(1.09);transition:transform 150ms}.bp-AnimationClipsToggle.bp-is-active,.bp-AnimationClipsToggle:active:not(:disabled){background-color:rgba(255,255,255,.16)}.bp-AnimationClipsToggle.bp-is-active:focus:not(:disabled),.bp-AnimationClipsToggle.bp-is-active:hover:not(:disabled){background-color:rgba(255,255,255,.2)}.bp-AnimationClipsToggle:focus:not(:disabled){box-shadow:inset 0 0 0 1px rgba(211,211,211,.5),0 1px 2px rgba(0,0,0,.1)}.bp-AnimationClipsToggle:focus-visible:not(:disabled){box-shadow:inset 0 0 0 1px rgba(211,211,211,.5),0 1px 2px rgba(0,0,0,.1)}.bp-AnimationClipsToggle:focus:not(:focus-visible){box-shadow:none}.bp-AnimationClipsToggle:disabled{cursor:default;opacity:.2;pointer-events:none}.bp-AnimationClipsToggle svg{width:32px;height:32px;padding:5px}

package/dist/lib/index.js CHANGED Viewed

@@ -15388,7 +15388,7 @@ function util_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var
 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.80.0"; // eslint-disable-line no-undef
+const CLIENT_VERSION = "3.81.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 = {};
@@ -17085,7 +17085,7 @@ class Browser {
 ;// ./src/lib/Logger.js
 /* eslint-disable no-undef */
 const Logger_CLIENT_NAME = "box-content-preview";
-const Logger_CLIENT_VERSION = "3.80.0";
+const Logger_CLIENT_VERSION = "3.81.0";
 /* eslint-enable no-undef */
 class Logger {
@@ -17264,7 +17264,7 @@ function FocusTrap_defineProperty(e, r, t) { return (r = FocusTrap_toPropertyKey
 function FocusTrap_toPropertyKey(t) { var i = FocusTrap_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function FocusTrap_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const FOCUSABLE_ELEMENT_SELECTORS = ['a[href]', 'button', 'textarea', 'input[type="text"]', 'input[type="radio"]', 'input[type="checkbox"]', 'select', '[role="option"][tabindex="0"]'];
+const FOCUSABLE_ELEMENT_SELECTORS = ['a[href]', 'button', 'textarea', 'input[type="text"]', 'input[type="radio"]', 'input[type="checkbox"]', 'select', '[role="option"][tabindex="0"]', '[role="gridcell"][tabindex="0"]'];
 const EXCLUDED_SELECTOR_ATTRIBUTES = ['disabled', 'tabindex="-1"', 'aria-disabled="true"', 'aria-hidden="true"'];
 const FOCUSABLE_ELEMENTS_SELECTOR = FOCUSABLE_ELEMENT_SELECTORS.map(element => {
   let selector = element;
@@ -37807,6 +37807,30 @@ class Thumbnail {
   }
 }
 /* harmony default export */ const lib_Thumbnail = (Thumbnail);
+;// ./src/lib/viewers/gallery/constants.ts
+const GALLERY_THUMB_MAX_WIDTH = 440;
+const CONCURRENT_LOADS = 4;
+const SCROLL_THROTTLE_MS = 200;
+// Keep in sync with the 100% grid rule in GalleryGrid.scss.
+const GALLERY_TILE_GAP = 16;
+const GALLERY_TILE_MIN_WIDTH = 220;
+const GALLERY_THUMB_WIDTH_TIERS = [GALLERY_THUMB_MAX_WIDTH, GALLERY_THUMB_MAX_WIDTH * 2, GALLERY_THUMB_MAX_WIDTH * 3];
+const GALLERY_THUMB_MAX_TIER = GALLERY_THUMB_WIDTH_TIERS[GALLERY_THUMB_WIDTH_TIERS.length - 1];
+const GALLERY_THUMB_MAX_DPR = 2;
+const GALLERY_HIGH_RES_MAX_BYTES = 64 * 1024 * 1024;
+const GALLERY_HIGH_RES_MAX_PAGES = 16;
+const GALLERY_HIGH_RES_CONCURRENCY = 2;
+// Gallery availability and zoom limits.
+// Hide the gallery toggle for files above this page count.
+const GALLERY_MAX_PAGES = 200;
+const GALLERY_MAX_SCALE = 3;
+const GALLERY_MIN_SCALE = 0.5;
+const GALLERY_SCALE_STEP = 0.1;
+// Keep in sync with the thumbnails sidebar CSS transition.
+const THUMBNAILS_SIDEBAR_TRANSITION_TIME = 301;
 ;// ./src/lib/viewers/gallery/HighResThumbnailStore.ts
 function HighResThumbnailStore_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function HighResThumbnailStore_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? HighResThumbnailStore_ownKeys(Object(t), !0).forEach(function (r) { HighResThumbnailStore_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : HighResThumbnailStore_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -37985,6 +38009,40 @@ class HighResThumbnailStore {
     return !this.isDestroyed && this.targetWidth === pending.width && this.retained.has(pageNum);
   }
 }
+;// ./src/lib/viewers/gallery/galleryGridNavigation.ts
+/**
+ * Pure math for the gallery ARIA grid: pages are laid out row-major, so page p
+ * (1-based) occupies row floor((p - 1) / columns) + 1 and column ((p - 1) % columns) + 1.
+ * All indices returned here are 1-based, matching aria-rowindex / aria-colindex.
+ */
+function getRowCount(pageCount, columnCount) {
+  return Math.ceil(pageCount / columnCount);
+}
+function getRowIndex(pageNum, columnCount) {
+  return Math.floor((pageNum - 1) / columnCount) + 1;
+}
+function getColumnIndex(pageNum, columnCount) {
+  return (pageNum - 1) % columnCount + 1;
+}
+/** Page one row up in the same column, or null when already in the first row. */
+function getPageAbove(pageNum, columnCount) {
+  const target = pageNum - columnCount;
+  return target >= 1 ? target : null;
+}
+/**
+ * Page one row down in the same column, clamped to the last page when the final row is
+ * incomplete (so Down from a cell with no cell directly below lands on the last tile).
+ * Null when already in the last row.
+ */
+function getPageBelow(pageNum, columnCount, pageCount) {
+  if (getRowIndex(pageNum, columnCount) >= getRowCount(pageCount, columnCount)) {
+    return null;
+  }
+  return Math.min(pageNum + columnCount, pageCount);
+}
 ;// ./src/lib/viewers/gallery/useGalleryPinch.ts
@@ -38120,26 +38178,17 @@ function GalleryGrid_toPrimitive(t, r) { if ("object" != typeof t || !t) return
-const GALLERY_THUMB_MAX_WIDTH = 440;
-const CONCURRENT_LOADS = 4;
-const SCROLL_THROTTLE_MS = 200;
-// Keep in sync with the 100% grid rule in GalleryGrid.scss
-const GALLERY_TILE_GAP = 16;
-const GALLERY_TILE_MIN_WIDTH = 220;
-const GALLERY_THUMB_WIDTH_TIERS = [GALLERY_THUMB_MAX_WIDTH, GALLERY_THUMB_MAX_WIDTH * 2, GALLERY_THUMB_MAX_WIDTH * 3];
-const GALLERY_THUMB_MAX_TIER = GALLERY_THUMB_WIDTH_TIERS[GALLERY_THUMB_WIDTH_TIERS.length - 1];
-const GALLERY_THUMB_MAX_DPR = 2;
-const GALLERY_HIGH_RES_MAX_BYTES = 64 * 1024 * 1024;
-const GALLERY_HIGH_RES_MAX_PAGES = 16;
-const GALLERY_HIGH_RES_CONCURRENCY = 2;
-const GALLERY_DEFAULT_PAGE_RATIO = 0.775;
 const GalleryTile = /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.memo(function GalleryTile({
   pageNum,
   isFocused,
+  ariaColIndex,
   imageSrc,
   onClick,
   onFocus,
-  pageRatio
+  pageRatio,
+  role
 }) {
   const ratio = pageRatio && Number.isFinite(pageRatio) && pageRatio > 0 ? pageRatio : null;
   const tileStyle = ratio ? {
@@ -38155,6 +38204,7 @@ const GalleryTile = /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.memo(
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events
     __WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
+      "aria-colindex": ariaColIndex,
       "aria-label": replacePlaceholders("Page {1}", [String(pageNum)]),
       "aria-selected": isFocused,
       className: `bp-gallery-tile${isFocused ? ' bp-gallery-tile--selected' : ''}`,
@@ -38162,10 +38212,11 @@ const GalleryTile = /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.memo(
       "data-resin-target": "galleryTile",
       onClick: () => onClick(pageNum),
       onFocus: () => onFocus(pageNum),
-      role: "option",
+      role: role,
       style: tileStyle,
       tabIndex: isFocused ? 0 : -1
     }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("span", {
+      "aria-hidden": "true",
       className: "bp-gallery-tile-badge"
     }, pageNum), imageSrc ? /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("img", {
       alt: "",
@@ -38181,6 +38232,7 @@ function GalleryGrid({
   pageCount,
   currentPage,
   getPageRatio,
+  isAriaGridEnabled = false,
   isPinchZoomEnabled = false,
   isTouchZoomEnabled = false,
   onClose,
@@ -38195,6 +38247,8 @@ function GalleryGrid({
   const [highResImages, setHighResImages] = __WEBPACK_EXTERNAL_MODULE_react_useState__({});
   const [focusedPage, setFocusedPage] = __WEBPACK_EXTERNAL_MODULE_react_useState__(currentPage);
   const [pageRatio, setPageRatio] = __WEBPACK_EXTERNAL_MODULE_react_useState__(null);
+  // Measured from the rendered layout; drives ARIA grid row/column numbers and 2D navigation.
+  const [columnCount, setColumnCount] = __WEBPACK_EXTERNAL_MODULE_react_useState__(1);
   // Topmost visible page — the scroll anchor used to restore the viewed area after a reflow.
   const anchorPageRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(currentPage);
   const gridRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(null);
@@ -38206,6 +38260,11 @@ function GalleryGrid({
   const isMountedRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(true);
   const inFlightRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(new Set());
   const highResStoreRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(null);
+  const columnCountRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(1);
+  const restoreFocusRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(false);
+  // Anchor tile and its viewport top, captured together when a re-chunk is scheduled so the
+  // post-commit effect restores against the same tile even if the anchor page changes meanwhile.
+  const rechunkAnchorRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(null);
   const byDistanceFromAnchor = (a, b) => Math.abs(a - anchorPageRef.current) - Math.abs(b - anchorPageRef.current);
   function getNeededThumbWidth() {
     if (scaleRef.current === 1) {
@@ -38244,13 +38303,15 @@ function GalleryGrid({
   }
   function syncHighRes() {
     const store = highResStoreRef.current;
-    if (!store) return;
+    const {
+      pageRatio
+    } = thumbnail;
+    if (!store || !pageRatio) return;
     const width = getNeededThumbWidth();
-    const ratio = thumbnail.pageRatio || GALLERY_DEFAULT_PAGE_RATIO;
     if (width === GALLERY_THUMB_MAX_WIDTH) {
-      store.setRetained([], width, ratio);
+      store.setRetained([], width, pageRatio);
     } else if (!isProcessingRef.current) {
-      store.setRetained(getPagesNearViewport(0.5), width, ratio);
+      store.setRetained(getPagesNearViewport(0.5), width, pageRatio);
     }
   }
   function getUnloadedNearViewport() {
@@ -38373,6 +38434,46 @@ function GalleryGrid({
     inner.style.gridTemplateColumns = `repeat(auto-fill, ${Math.min(width, baseWidth * currentScale)}px)`;
     inner.style.justifyContent = 'center';
   }, []);
+  // Counts tiles sharing the first row's offsetTop instead of duplicating the CSS
+  // auto-fill math, so the stylesheet stays the only source of truth for the layout.
+  // Runs after every layout mutation: mount, container resize, and zoom changes.
+  const measureColumnCount = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(() => {
+    const grid = gridRef.current;
+    const inner = innerRef.current;
+    if (!isAriaGridEnabled || !grid || !inner) {
+      return;
+    }
+    // Without a layout box (hidden host, zero-size container), offsetTop reads 0 for every
+    // tile and the count would balloon to the page count; keep the last measured value.
+    if (!inner.offsetWidth) {
+      return;
+    }
+    const tiles = inner.querySelectorAll('[data-page]');
+    if (tiles.length === 0) {
+      return;
+    }
+    let count = 1;
+    while (count < tiles.length && tiles[count].offsetTop === tiles[0].offsetTop) {
+      count += 1;
+    }
+    if (count !== columnCountRef.current) {
+      // Re-chunking tiles into different rows recreates the focused tile's DOM node,
+      // which would silently drop focus to <body>; remember to restore it post-render.
+      restoreFocusRef.current = grid.contains(document.activeElement);
+      // Capture where the anchor tile sits now — after any zoom/resize scroll fixups that
+      // already ran — so the post-commit effect can restore its position.
+      const anchorPage = anchorPageRef.current;
+      const anchorTile = grid.querySelector(`[data-page="${anchorPage}"]`);
+      rechunkAnchorRef.current = anchorTile ? {
+        page: anchorPage,
+        top: anchorTile.getBoundingClientRect().top
+      } : null;
+      columnCountRef.current = count;
+      setColumnCount(count);
+    }
+  }, [isAriaGridEnabled]);
   __WEBPACK_EXTERNAL_MODULE_react_useLayoutEffect__(() => {
     const grid = gridRef.current;
     const previousScale = scaleRef.current;
@@ -38381,6 +38482,7 @@ function GalleryGrid({
     focalRef.current = null;
     if (!grid || previousScale === scale) {
       applyZoomLayout();
+      measureColumnCount();
       return;
     }
     const focalTile = focal ? document.elementFromPoint?.(focal.x, focal.y)?.closest('[data-page]') : null;
@@ -38393,7 +38495,8 @@ function GalleryGrid({
       grid.scrollTop += afterRect.top - beforeRect.top;
     }
     handleScrollRef.current();
-  }, [applyZoomLayout, scale]);
+    measureColumnCount();
+  }, [applyZoomLayout, measureColumnCount, scale]);
   __WEBPACK_EXTERNAL_MODULE_react_useEffect__(() => {
     const throttledScroll = handleScrollRef.current;
     const highResStore = new HighResThumbnailStore({
@@ -38417,6 +38520,12 @@ function GalleryGrid({
           block: 'center'
         });
         tile.focus();
+        // The mount-time measurement may have captured this tile's position before this
+        // centering ran; refresh the capture so the re-chunk restore keeps the centering.
+        const anchor = rechunkAnchorRef.current;
+        if (anchor && anchor.page === currentPage) {
+          anchor.top = tile.getBoundingClientRect().top;
+        }
       }
     }
     const initialImages = {};
@@ -38462,24 +38571,31 @@ function GalleryGrid({
     if (!grid) return undefined;
     let isFirstObservation = true;
     const observer = new ResizeObserver(() => {
+      // The initial fire on observe() can already report a size the mount-time layout
+      // effect never saw (e.g. a container that gained its size right after mount), so
+      // always re-apply layout and re-measure; only the scroll-anchor restore is skipped
+      // on that first delivery, since there is no viewed area to preserve yet.
+      applyZoomLayout();
       if (isFirstObservation) {
-        isFirstObservation = false; // ResizeObserver always fires once on observe()
+        isFirstObservation = false;
+        measureColumnCount();
         return;
       }
-      applyZoomLayout();
       const tile = grid.querySelector(`[data-page="${anchorPageRef.current}"]`);
       if (tile) {
         tile.scrollIntoView({
           block: 'start'
         });
       }
+      // Measure after the anchor restore so a scheduled re-chunk captures the restored position.
+      measureColumnCount();
       // A larger viewport (fullscreen enter, window resize) can reveal unloaded tiles
       // without any scroll event, so run the same catch-up the scroll handler does.
       handleScrollRef.current();
     });
     observer.observe(grid);
     return () => observer.disconnect();
-  }, [applyZoomLayout]);
+  }, [applyZoomLayout, measureColumnCount]);
   const focusTile = __WEBPACK_EXTERNAL_MODULE_react_useCallback__((pageNum, options) => {
     const grid = gridRef.current;
     if (!grid) return;
@@ -38488,6 +38604,37 @@ function GalleryGrid({
       tile.focus(options);
     }
   }, []);
+  // Re-chunk recreates the tile DOM nodes, which drops focus and can shift the scroll
+  // position; restore both after the new nodes commit.
+  const committedColumnCountRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(columnCount);
+  __WEBPACK_EXTERNAL_MODULE_react_useLayoutEffect__(() => {
+    const isRechunk = committedColumnCountRef.current !== columnCount;
+    committedColumnCountRef.current = columnCount;
+    if (!isRechunk) {
+      return;
+    }
+    const active = document.activeElement;
+    if (restoreFocusRef.current || !active || active === document.body) {
+      restoreFocusRef.current = false;
+      focusTile(focusedPage, {
+        preventScroll: true
+      });
+    }
+    const anchor = rechunkAnchorRef.current;
+    rechunkAnchorRef.current = null;
+    // Swapping the row DOM out from under the scroller can shift scrollTop. Restore the
+    // captured anchor tile to its captured viewport position by delta, preserving the mount
+    // centering and the zoom focal-point / resize fixups that already ran.
+    const grid = gridRef.current;
+    if (grid && anchor) {
+      const tile = grid.querySelector(`[data-page="${anchor.page}"]`);
+      if (tile) {
+        grid.scrollTop += tile.getBoundingClientRect().top - anchor.top;
+      }
+    }
+  }, [columnCount, focusedPage, focusTile]);
   const handleTileFocus = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(pageNum => {
     setFocusedPage(pageNum);
     if (onFocusChange) {
@@ -38512,8 +38659,28 @@ function GalleryGrid({
         event.stopPropagation();
         onClose();
         return;
-      // Listbox is 1-D — arrows move ±1; row-aware nav comes with v2 grid role.
+      // Listbox: every arrow moves ±1 page. ARIA grid: Left/Right stay ±1 (across row
+      // edges, clamped at first/last page); Up/Down move one row (Down clamps on a short last row).
       case 'ArrowUp':
+        {
+          event.preventDefault();
+          event.stopPropagation();
+          const target = isAriaGridEnabled ? getPageAbove(focusedPage, columnCount) : focusedPage - 1;
+          if (target !== null && target >= 1) {
+            focusTile(target);
+          }
+          return;
+        }
+      case 'ArrowDown':
+        {
+          event.preventDefault();
+          event.stopPropagation();
+          const target = isAriaGridEnabled ? getPageBelow(focusedPage, columnCount, pageCount) : focusedPage + 1;
+          if (target !== null && target <= pageCount) {
+            focusTile(target);
+          }
+          return;
+        }
       case 'ArrowLeft':
         event.preventDefault();
         event.stopPropagation();
@@ -38521,7 +38688,6 @@ function GalleryGrid({
           focusTile(focusedPage - 1);
         }
         return;
-      case 'ArrowDown':
       case 'ArrowRight':
         event.preventDefault();
         event.stopPropagation();
@@ -38547,33 +38713,59 @@ function GalleryGrid({
         break;
       default:
     }
-  }, [focusedPage, focusTile, onClose, onPageNavigate, pageCount]);
+  }, [columnCount, focusedPage, focusTile, isAriaGridEnabled, onClose, onPageNavigate, pageCount]);
   const tiles = [];
   for (let i = 1; i <= pageCount; i += 1) {
     tiles.push(/*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(GalleryTile, {
       key: i,
+      ariaColIndex: isAriaGridEnabled ? getColumnIndex(i, columnCount) : undefined,
       imageSrc: highResImages[i] || loadedImages[i],
       isFocused: i === focusedPage,
       onClick: handleTileClick,
       onFocus: handleTileFocus,
       pageNum: i,
-      pageRatio: getPageRatio && getPageRatio(i) || pageRatio
+      pageRatio: getPageRatio && getPageRatio(i) || pageRatio,
+      role: isAriaGridEnabled ? 'gridcell' : 'option'
     }));
   }
+  // ARIA requires gridcells to live inside rows. The display: contents row wrappers add
+  // that level to the accessibility tree without generating boxes, so the tiles remain
+  // direct CSS-grid items and the visual layout is identical to the flat listbox.
+  let content = tiles;
+  if (isAriaGridEnabled) {
+    const rows = [];
+    for (let start = 0; start < tiles.length; start += columnCount) {
+      const rowIndex = start / columnCount + 1;
+      rows.push(
+      /*#__PURE__*/
+      // Named with the row number so AT announces that instead of every tile in the row.
+      __WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
+        key: start,
+        "aria-label": String(rowIndex),
+        "aria-rowindex": rowIndex,
+        className: "bp-gallery-grid-row",
+        role: "row"
+      }, tiles.slice(start, start + columnCount)));
+    }
+    content = rows;
+  }
   return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     ref: gridRef,
+    "aria-colcount": isAriaGridEnabled ? columnCount : undefined,
     "aria-label": "Page gallery",
+    "aria-rowcount": isAriaGridEnabled ? getRowCount(pageCount, columnCount) : undefined,
     className: "bp-gallery-grid",
     onFocus: handleGridFocus,
     onKeyDown: handleGridKeyDown,
     onScroll: handleScroll,
-    role: "listbox",
+    role: isAriaGridEnabled ? 'grid' : 'listbox',
     tabIndex: -1
   }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
     ref: innerRef,
     className: "bp-gallery-grid-inner",
     role: "presentation"
-  }, tiles));
+  }, content));
 }
 ;// ./src/lib/viewers/gallery/GalleryController.tsx
 function GalleryController_defineProperty(e, r, t) { return (r = GalleryController_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -38589,16 +38781,10 @@ function GalleryController_toPrimitive(t, r) { if ("object" != typeof t || !t) r
 // Controller-owned shape: GalleryGrid only sees the read surface (GalleryThumbnail),
 // but the controller also needs destroy() to invalidate the cache on rotate/teardown.
-const GALLERY_MAX_PAGES = 200; // Hide gallery toggle for files above this page count, will increase in V2
-const THUMBNAILS_SIDEBAR_TRANSITION_TIME = 301; // ms
-const GALLERY_MAX_SCALE = 3;
-const GALLERY_MIN_SCALE = 0.5;
-const GALLERY_SCALE_STEP = 0.1;
 // Minimal local shapes for untyped peer modules (pdfjs is JS-only, sidebar is JS-only).
 // Only the members the controller actually uses are declared — extend as needed.
@@ -38708,7 +38894,7 @@ class GalleryController {
       this.galleryFocusedPage = pageNum;
     });
     GalleryController_defineProperty(this, "commitScale", scale => {
-      if (!this.isZoomEnabled || !Number.isFinite(scale)) {
+      if (!this.isEnhancedGalleryEnabled || !Number.isFinite(scale)) {
         return false;
       }
       const clamped = Math.min(GALLERY_MAX_SCALE, Math.max(GALLERY_MIN_SCALE, Math.round(scale * 1000) / 1000));
@@ -38755,7 +38941,9 @@ class GalleryController {
   get scale() {
     return this.galleryScale;
   }
-  get isZoomEnabled() {
+  /** Both gallery flags must be on: parent apps target the splits independently. */
+  get isEnhancedGalleryEnabled() {
     const {
       features
     } = this;
@@ -38770,16 +38958,17 @@ class GalleryController {
     return true;
   }
   /**
-   * Redirects an arrow key pressed outside the grid (e.g. focus parked on a toggle after
+   * Redirects a grid-nav key pressed outside the grid (e.g. focus parked on a toggle after
    * toggling fullscreen) back into it: refocuses the selected tile and replays the key so
    * the first press navigates, like the thumbnail sidebar. Keys pressed inside the grid
-   * never arrive here — GalleryGrid stops propagation on every arrow it handles.
+   * never arrive here — GalleryGrid stops propagation on every arrow/Home/End it handles.
    */
   handleArrowKey(key) {
-    if (!this.isGalleryOpen || !key.startsWith('Arrow')) return;
+    if (!this.isGalleryOpen) return;
+    if (!key.startsWith('Arrow') && key !== 'Home' && key !== 'End') return;
     const grid = this.galleryEl;
     if (!grid) return;
-    const tile = grid.querySelector('[role="option"][tabindex="0"]');
+    const tile = grid.querySelector('[role="option"][tabindex="0"], [role="gridcell"][tabindex="0"]');
     if (tile) {
       tile.focus();
       tile.dispatchEvent(new KeyboardEvent('keydown', {
@@ -38862,8 +39051,9 @@ class GalleryController {
     this.galleryRoot.render(/*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(GalleryGrid, {
       currentPage: pdfViewer.currentPageNumber,
       getPageRatio: this.getPageRatio,
-      isPinchZoomEnabled: this.isZoomEnabled && isFeatureEnabled(this.features, 'pinchToZoom.enabled'),
-      isTouchZoomEnabled: this.isZoomEnabled && this.hasTouch,
+      isAriaGridEnabled: this.isEnhancedGalleryEnabled,
+      isPinchZoomEnabled: this.isEnhancedGalleryEnabled && isFeatureEnabled(this.features, 'pinchToZoom.enabled'),
+      isTouchZoomEnabled: this.isEnhancedGalleryEnabled && this.hasTouch,
       onClose: this.toggle,
       onFocusChange: this.handleFocusChange,
       onPageNavigate: this.handleGalleryNavigate,
@@ -40251,6 +40441,7 @@ function DocBaseViewer_toPrimitive(t, r) { if ("object" != typeof t || !t) retur
 const DOC_FIRST_PAGES_ENABLED = 'docFirstPages.enabled';
@@ -41072,7 +41263,7 @@ class DocBaseViewer extends viewers_BaseViewer {
         this.galleryController.handleEscape();
         return true;
       }
-      if (this.galleryController.isZoomEnabled) {
+      if (this.galleryController.isEnhancedGalleryEnabled) {
         if (key === 'Shift++') {
           this.galleryController.zoomIn();
           return true;
@@ -41084,9 +41275,9 @@ class DocBaseViewer extends viewers_BaseViewer {
       }
       // Swallow page-nav keys so they can't flip the doc page underneath the gallery
-      // or trigger the host's collection navigation. Arrows pressed outside the grid
-      // are redirected into it so the first press navigates the tiles.
-      if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', '[', ']'].includes(key)) {
+      // or trigger the host's collection navigation. Arrows/Home/End pressed outside
+      // the grid are redirected into it so the first press navigates the tiles.
+      if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Home', 'End', '[', ']'].includes(key)) {
         this.galleryController.handleArrowKey(key);
         return true;
       }
@@ -41647,13 +41838,13 @@ class DocBaseViewer extends viewers_BaseViewer {
     const isAnnotationsMode = this.currentAnnotatorViewMode === ANNOTATOR_VIEW_MODES.ANNOTATIONS;
     const canRotate = this.featureEnabled('rotate.enabled');
     const canGallery = !this.isMobile && this.galleryController.canRender(this.pdfViewer.pagesCount);
-    const isGalleryZoomActive = this.galleryController.isOpen && this.galleryController.isZoomEnabled;
+    const isGalleryZoomActive = this.galleryController.isOpen && this.galleryController.isEnhancedGalleryEnabled;
     this.controls.render(/*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(DocControls, {
       annotationColor: this.annotationModule.getColor(),
       annotationMode: this.annotationControlsFSM.getMode(),
       experiences: this.experiences,
       hasDrawing: canAnnotate && showAnnotationsDrawingCreate && isAnnotationsMode,
-      hasGalleryZoom: this.galleryController.isZoomEnabled,
+      hasGalleryZoom: this.galleryController.isEnhancedGalleryEnabled,
       hasHighlight: canAnnotate && canDownload && isAnnotationsMode,
       hasRegion: canAnnotate && isAnnotationsMode,
       isGalleryOpen: this.galleryController.isOpen,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "box-content-preview",
-    "version": "3.80.0",
+    "version": "3.81.0",
     "description": "Box Content Preview UI Element",
     "author": "Box (https://www.box.com/)",
     "license": "SEE LICENSE IN LICENSE",