box-content-preview 3.49.0 → 3.50.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.
- package/README.md +7 -7
- package/dist/lib/index.css +4 -1
- package/dist/lib/index.js +493 -13
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
[](https://mergify.io)
|
|
3
3
|
[](https://github.com/prettier/prettier)
|
|
4
4
|
[](https://travis-ci.org/box/box-content-preview)
|
|
5
|
-
[](https://github.com/box/box-content-preview)
|
|
6
6
|
[](https://www.npmjs.com/package/box-ui-elements)
|
|
7
7
|
|
|
8
8
|
# [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
|
|
|
22
22
|
|
|
23
23
|
## Current Version
|
|
24
24
|
|
|
25
|
-
- Version: v3.
|
|
25
|
+
- Version: v3.50.0
|
|
26
26
|
- Locale: en-US
|
|
27
27
|
|
|
28
|
-
https://cdn01.boxcdn.net/platform/preview/3.
|
|
29
|
-
https://cdn01.boxcdn.net/platform/preview/3.
|
|
28
|
+
https://cdn01.boxcdn.net/platform/preview/3.50.0/en-US/preview.js
|
|
29
|
+
https://cdn01.boxcdn.net/platform/preview/3.50.0/en-US/preview.css
|
|
30
30
|
|
|
31
31
|
## Supported Locales
|
|
32
32
|
|
|
@@ -52,10 +52,10 @@ You can self-host the Box Content Preview library or reference the versions avai
|
|
|
52
52
|
<title>Box Content Preview Demo</title>
|
|
53
53
|
|
|
54
54
|
<!-- Latest version of Preview SDK for your locale -->
|
|
55
|
-
<script src="https://cdn01.boxcdn.net/platform/preview/3.
|
|
55
|
+
<script src="https://cdn01.boxcdn.net/platform/preview/3.50.0/en-US/preview.js"></script>
|
|
56
56
|
<link
|
|
57
57
|
rel="stylesheet"
|
|
58
|
-
href="https://cdn01.boxcdn.net/platform/preview/3.
|
|
58
|
+
href="https://cdn01.boxcdn.net/platform/preview/3.50.0/en-US/preview.css"
|
|
59
59
|
/>
|
|
60
60
|
</head>
|
|
61
61
|
<body>
|
|
@@ -76,7 +76,7 @@ To self-host the Box Content Preview library, follow these steps:
|
|
|
76
76
|
|
|
77
77
|
1. Either fork the repo and check out the version you want to host or download the specific version as a zip:
|
|
78
78
|
|
|
79
|
-
- Check out a specific version with `git checkout v3.
|
|
79
|
+
- Check out a specific version with `git checkout v3.50.0`
|
|
80
80
|
- Download a specific version as a zip from https://github.com/box/box-content-preview/releases
|
|
81
81
|
|
|
82
82
|
2. Install dependencies and build the library with `yarn install && yarn build:i18n && yarn build:prod`
|
package/dist/lib/index.css
CHANGED
|
@@ -70,11 +70,14 @@
|
|
|
70
70
|
.bp-TimestampControl{position:relative;display:flex;align-items:center}.bp-TimestampControl-button{opacity:.9;transition:opacity 150ms,background-color 150ms;will-change:opacity;outline:0;display:flex;gap:4px;align-items:center;margin:0;padding:6px 12px;color:#fff;font-weight:normal;font-size:14px;font-family:Lato,Arial,sans-serif;line-height:20px;letter-spacing:.3px;white-space:nowrap;background:transparent;border:0;border-radius:25px;cursor:pointer;-webkit-user-select:none;user-select:none}.bp-TimestampControl-button:focus:not(:disabled),.bp-TimestampControl-button:hover:not(:disabled){background-color:rgba(255,255,255,.08);opacity:1}.bp-TimestampControl-button:focus:not(:disabled) svg,.bp-TimestampControl-button:hover:not(:disabled) svg,.bp-TimestampControl-button.bp-is-active svg{transform:scale(1.09);transition:transform 150ms}.bp-TimestampControl-button.bp-is-active,.bp-TimestampControl-button:active:not(:disabled){background-color:rgba(255,255,255,.16)}.bp-TimestampControl-button.bp-is-active:focus:not(:disabled),.bp-TimestampControl-button.bp-is-active:hover:not(:disabled){background-color:rgba(255,255,255,.2)}.bp-TimestampControl-button:focus:not(:disabled){box-shadow:inset 0 0 0 1px rgba(211,211,211,.5),0 1px 2px rgba(0,0,0,.1)}.bp-TimestampControl-button: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-TimestampControl-button:focus:not(:focus-visible){box-shadow:none}.bp-TimestampControl-button:focus:not(:disabled),.bp-TimestampControl-button.bp-is-open{background:transparent}.bp-TimestampControl-button:hover:not(:disabled){background:rgba(255,255,255,.08)}.bp-TimestampControl-separator,.bp-TimestampControl-duration{color:rgba(255,255,255,.8)}.bp-TimestampControl-chevron{width:16px;height:16px;margin-left:2px;fill:rgba(255,255,255,.8)}.bp-TimestampControl-flyout{position:absolute;bottom:calc(100% + 12px);left:50%;z-index:1;min-width:250px;padding:12px 8px;background:#fff;border-radius:16px;box-shadow:0 4px 12px 0 rgba(0,0,0,.15);transform:translateX(-50%)}.bp-TimestampControl-header{padding:6px 14px;color:#767676;font-weight:bold;font-size:14px;font-family:Lato,Arial,sans-serif;line-height:20px;letter-spacing:.3px;-webkit-user-select:none;user-select:none}.bp-TimestampControl-listitem{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:6px 14px;color:#000;font-size:16px;font-family:Lato,Arial,sans-serif;line-height:24px;white-space:nowrap;border-radius:8px;outline:none;cursor:pointer}.bp-TimestampControl-listitem:hover,.bp-TimestampControl-listitem:focus{background:#f4f4f4}.bp-TimestampControl-check{flex:none;fill:#000}
|
|
71
71
|
.bp-FilmstripV2{position:absolute;bottom:calc(100% + 12px);padding:12px;padding-bottom:8px;background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.15);visibility:hidden}.bp-FilmstripV2.bp-is-shown{visibility:visible}.bp-FilmstripV2-frame{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px}.bp-FilmstripV2-time{margin-top:8px;color:#000;font-size:13px;line-height:20px;text-align:center}
|
|
72
72
|
.bp-TimeControlsV2{position:relative;margin-right:10px;margin-left:10px}.bp-TimeControlsV2-slider{height:20px}.bp-TimeControlsV2-slider .bp-SliderControl-track{height:6px;margin:auto 0;border-radius:5px;backface-visibility:hidden}.bp-TimeControlsV2-slider .bp-SliderControl-thumb{top:50%;width:3px;height:16px;margin-left:-1.5px;background:#fff;border:0;border-radius:2px;transform:translateY(-50%);cursor:ew-resize}
|
|
73
|
-
.bp-
|
|
73
|
+
.bp-VideoFullscreenButton{position:absolute;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;color:#fff;background:rgba(0,0,0,.6);border:none;border-radius:50%;box-shadow:0 2px 12px 0 rgba(0,0,0,.8);cursor:pointer;backdrop-filter:blur(60px);pointer-events:auto}.bp-VideoFullscreenButton svg{width:20px;height:20px}
|
|
74
|
+
.bp-VideoControlsRoot:has(.bp-VideoControlsV2){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;pointer-events:none}.bp-VideoControlsRoot:has(.bp-VideoControlsV2) .bp-ControlsLayer{display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%;pointer-events:none}.bp-VideoControlsV2{display:flex;flex-direction:column;width:100%;background-image:linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);padding:30px 48px 20px 48px;pointer-events:auto}.bp-VideoControlsV2 .bp-FullscreenToggle{width:36px;height:40px}.bp-VideoControlsV2-bar{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:0 10px 5px}.bp-VideoControlsV2-group{display:flex;gap:4px;align-items:center}.bp-VideoControlsV2-group .bp-VideoControlsV2-divider{margin:0 8px}.bp-VideoControlsV2-playPause{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-VideoControlsV2-playPause:focus:not(:disabled),.bp-VideoControlsV2-playPause:hover:not(:disabled){background-color:rgba(255,255,255,.08);opacity:1}.bp-VideoControlsV2-playPause:focus:not(:disabled) svg,.bp-VideoControlsV2-playPause:hover:not(:disabled) svg,.bp-VideoControlsV2-playPause.bp-is-active svg{transform:scale(1.09);transition:transform 150ms}.bp-VideoControlsV2-playPause.bp-is-active,.bp-VideoControlsV2-playPause:active:not(:disabled){background-color:rgba(255,255,255,.16)}.bp-VideoControlsV2-playPause.bp-is-active:focus:not(:disabled),.bp-VideoControlsV2-playPause.bp-is-active:hover:not(:disabled){background-color:rgba(255,255,255,.2)}.bp-VideoControlsV2-playPause:focus:not(:disabled){box-shadow:inset 0 0 0 1px rgba(211,211,211,.5),0 1px 2px rgba(0,0,0,.1)}.bp-VideoControlsV2-playPause: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-VideoControlsV2-playPause:focus:not(:focus-visible){box-shadow:none}.bp-VideoControlsV2-playPause:disabled{cursor:default;opacity:.2;pointer-events:none}.bp-VideoControlsV2-playPause svg{width:32px;height:32px;padding:5px}.bp-VideoControlsV2-skipBtn{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-VideoControlsV2-skipBtn:focus:not(:disabled),.bp-VideoControlsV2-skipBtn:hover:not(:disabled){background-color:rgba(255,255,255,.08);opacity:1}.bp-VideoControlsV2-skipBtn:focus:not(:disabled) svg,.bp-VideoControlsV2-skipBtn:hover:not(:disabled) svg,.bp-VideoControlsV2-skipBtn.bp-is-active svg{transform:scale(1.09);transition:transform 150ms}.bp-VideoControlsV2-skipBtn.bp-is-active,.bp-VideoControlsV2-skipBtn:active:not(:disabled){background-color:rgba(255,255,255,.16)}.bp-VideoControlsV2-skipBtn.bp-is-active:focus:not(:disabled),.bp-VideoControlsV2-skipBtn.bp-is-active:hover:not(:disabled){background-color:rgba(255,255,255,.2)}.bp-VideoControlsV2-skipBtn:focus:not(:disabled){box-shadow:inset 0 0 0 1px rgba(211,211,211,.5),0 1px 2px rgba(0,0,0,.1)}.bp-VideoControlsV2-skipBtn: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-VideoControlsV2-skipBtn:focus:not(:focus-visible){box-shadow:none}.bp-VideoControlsV2-skipBtn:disabled{cursor:default;opacity:.2;pointer-events:none}.bp-VideoControlsV2-skipBtn svg{width:32px;height:32px;padding:5px}.bp-VideoControlsV2-divider{width:1px;height:24px;background-color:rgba(255,255,255,.1);border-radius:1px}.bp-VideoControlsV2 .bp-AnnotationsControls{gap:4px;padding-left:0;border-left:none}
|
|
74
75
|
.bp-VideoGuidesOverlay{position:absolute;pointer-events:none}.bp-VideoGuidesOverlay-svg{display:block;width:100%;height:100%;overflow:visible}.bp-VideoGuidesOverlay-cas{fill:none;stroke:#000;stroke-opacity:.5;stroke-width:3;vector-effect:non-scaling-stroke}.bp-VideoGuidesOverlay-ln{fill:none;stroke:#fff;stroke-width:1.25;vector-effect:non-scaling-stroke}
|
|
75
76
|
.bp-media-scrubber-container{position:relative;width:100%;height:16px}.bp-media-scrubber-wrapper{position:absolute;top:0;left:50%;width:100%;height:100%}.bp-media-scrubber{position:absolute;top:7px;left:-50%;width:100%;height:3px}.bp-media-scrubber-converted,.bp-media-scrubber-buffered,.bp-media-scrubber-played,.bp-media-scrubber-underlay{position:absolute;height:3px;transition:transform .1s ease-in-out}.bp-media-scrubber-converted{background-color:rgba(255,255,255,.5);cursor:pointer}.bp-media-scrubber-buffered{position:absolute;height:3px;background-color:#fff}.bp-media-scrubber-played{background-color:#0061d5;cursor:pointer}.bp-media-scrubber-underlay{width:100%;cursor:not-allowed}.bp-media-scrubber-handle{position:absolute;top:-4.25px;width:12px;height:12px;margin-left:-6px;background-color:#0061d5;border-radius:6px;transform:scale(0);cursor:pointer;transition:transform .05s ease-in-out}.bp-media-scrubber-container:hover .bp-media-scrubber-handle,.bp-media-scrubber-container .bp-media-scrubber-hover .bp-media-scrubber-handle{transform:scale(1)}.bp-media-scrubber-container:hover .bp-media-scrubber-converted,.bp-media-scrubber-container:hover .bp-media-scrubber-buffered,.bp-media-scrubber-container:hover .bp-media-scrubber-played,.bp-media-scrubber-container:hover .bp-media-scrubber-underlay,.bp-media-scrubber-container .bp-media-scrubber-hover .bp-media-scrubber-converted,.bp-media-scrubber-container .bp-media-scrubber-hover .bp-media-scrubber-buffered,.bp-media-scrubber-container .bp-media-scrubber-hover .bp-media-scrubber-played,.bp-media-scrubber-container .bp-media-scrubber-hover .bp-media-scrubber-underlay{transform:scaleY(2)}.bp-media-scrubber-container .bp-media-scrubber-touch .bp-media-scrubber-handle{transform:scale(1)}.bp-media-scrubber-container .bp-media-scrubber-touch .bp-media-scrubber-converted,.bp-media-scrubber-container .bp-media-scrubber-touch .bp-media-scrubber-buffered,.bp-media-scrubber-container .bp-media-scrubber-touch .bp-media-scrubber-played,.bp-media-scrubber-container .bp-media-scrubber-touch .bp-media-scrubber-underlay{transform:scaleY(2)}.bp-media-settings{position:absolute;right:16px;bottom:60px;display:inline-block;max-width:400px;max-height:210px;padding:8px;overflow-x:hidden;overflow-y:auto;color:#444;font-size:10px;line-height:0;background-color:#fff;border:1px solid #bdc3c7;border-radius:2px;visibility:hidden;transition:width .2s,height .2s;-ms-overflow-style:-ms-autohiding-scrollbar}.bp-media-settings-is-open .bp-media-settings{visibility:visible}.bp-media-mp3 .bp-media-settings{right:0;bottom:65px}.bp-media-settings-in-transition{overflow:hidden}.bp-media-settings-menu{display:table}.bp-media-settings-menu-autoplay,.bp-media-settings-menu-quality,.bp-media-settings-menu-speed,.bp-media-settings-menu-subtitles,.bp-media-settings-menu-audiotracks,.bp-media-settings-show-autoplay .bp-media-settings-menu-main,.bp-media-settings-show-speed .bp-media-settings-menu-main,.bp-media-settings-show-quality .bp-media-settings-menu-main,.bp-media-settings-show-subtitles .bp-media-settings-menu-main,.bp-media-settings-show-audiotracks .bp-media-settings-menu-main{display:none}.bp-media-settings-show-autoplay .bp-media-settings-menu-autoplay,.bp-media-settings-show-speed .bp-media-settings-menu-speed,.bp-media-settings-show-quality .bp-media-settings-menu-quality,.bp-media-settings-show-subtitles .bp-media-settings-menu-subtitles,.bp-media-settings-show-audiotracks .bp-media-settings-menu-audiotracks{display:table}.bp-media-mp4 .bp-media-settings-item-quality,.bp-media-mp4 .bp-media-settings-item-subtitles,.bp-media-mp4 .bp-media-settings-item-audiotracks,.bp-media-mp3 .bp-media-settings-item-quality,.bp-media-mp3 .bp-media-settings-item-subtitles,.bp-media-mp3 .bp-media-settings-item-audiotracks{display:none}.bp-media-settings-item,.bp-media-settings-sub-item{display:table-row;height:26px;padding:4px;overflow:hidden;white-space:nowrap;outline:0 none;cursor:pointer}.bp-media-settings-item:hover,.bp-media-settings-sub-item:hover{background-color:#f6fafd}.bp-media-settings-item:hover .bp-media-settings-icon svg,.bp-media-settings-sub-item:hover .bp-media-settings-icon svg{fill:#2c3e50}.bp-media-settings-item:hover .bp-media-settings-label,.bp-media-settings-sub-item:hover .bp-media-settings-label{color:#aabed1}.bp-media-settings-item:hover .bp-media-settings-value,.bp-media-settings-sub-item:hover .bp-media-settings-value{color:#2c3e50}.bp-has-keyboard-focus .bp-media-settings-item:focus,.bp-has-keyboard-focus .bp-media-settings-sub-item:focus{background-color:#0061d5}.bp-has-keyboard-focus .bp-media-settings-item:focus .bp-media-settings-label,.bp-has-keyboard-focus .bp-media-settings-item:focus .bp-media-settings-value,.bp-has-keyboard-focus .bp-media-settings-sub-item:focus .bp-media-settings-label,.bp-has-keyboard-focus .bp-media-settings-sub-item:focus .bp-media-settings-value{color:#fff}.bp-has-keyboard-focus .bp-media-settings-item:focus svg,.bp-has-keyboard-focus .bp-media-settings-sub-item:focus svg{fill:#fff}.bp-media-settings-subtitles-unavailable .bp-media-settings-item-subtitles,.bp-media-settings-subtitles-unavailable .bp-media-settings-menu-subtitles{display:none}.bp-media-settings-autoplay-unavailable .bp-media-settings-item-autoplay,.bp-media-settings-autoplay-unavailable .bp-media-settings-menu-autoplay{display:none}.bp-media-settings-audiotracks-unavailable .bp-media-settings-item-audiotracks,.bp-media-settings-audiotracks-unavailable .bp-media-settings-menu-audiotracks{display:none}.bp-media-settings-hd-unavailable .bp-media-settings-menu-quality{display:none}.bp-media-settings-hd-unavailable .bp-media-settings-item-quality{pointer-events:none}.bp-media-settings-hd-unavailable .bp-media-settings-item-quality .bp-media-settings-arrow{display:none}.bp-media-settings-label,.bp-media-settings-value{display:table-cell;padding:4px;vertical-align:middle}.bp-media-settings-label{color:#999ea4;font-weight:normal;font-size:11px;text-transform:uppercase}.bp-media-settings-item .bp-media-settings-label{text-align:left}.bp-media-settings-sub-item .bp-media-settings-label{text-align:center}.bp-media-settings-value{padding-left:10px;color:#464a4f;font-size:12px;text-align:left}.bp-media-settings-selected .bp-media-settings-value{color:#0061d5}.bp-media-settings-arrow{display:table-cell;vertical-align:middle}.bp-media-settings-arrow svg{width:18px;height:18px}.bp-media-settings-icon{display:table-cell;text-align:center;vertical-align:middle}.bp-media-settings-icon svg{width:16px;height:16px;visibility:hidden}.bp-media-settings-selected .bp-media-settings-icon svg{visibility:visible}.bp-media-controls-is-visible .bp-media-controls-wrapper,.bp-media-controls-wrapper:active,.bp-media-controls-wrapper:focus{visibility:visible;opacity:1}.bp-media-controls-wrapper{position:absolute;right:0;bottom:0;left:0;width:100%;height:60px;margin:auto;overflow:hidden;background-image:linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);visibility:hidden;opacity:0;transition:visibility .3s,opacity .3s}.bp-media-time-scrubber-container{outline:0 none}.bp-media-volume-scrubber-container-wrapper{display:inline-block;width:0;height:40px;overflow:hidden;transition:width .2s ease-in-out}.bp-media-controls-volume-scrubber-expand{width:96px}.bp-media-volume-scrubber-container{position:relative;display:inline-block;width:96px;height:40px;padding:10px 8px 0;outline:0 none}.bp-media-volume-scrubber-container .bp-media-scrubber-handle{transform:scale(1)}.bp-media-volume-scrubber-container .bp-media-scrubber-converted,.bp-media-volume-scrubber-container .bp-media-scrubber-buffered,.bp-media-volume-scrubber-container .bp-media-scrubber-played,.bp-media-volume-scrubber-container .bp-media-scrubber-underlay{transform:scaleY(1) !important}.bp-media-controls-container{height:40px;margin:0;padding:0 10px;text-align:left}.bp-media-controls-label,.bp-media-controls-btn{display:inline-block;width:45px;height:40px;margin:0;padding:0;color:#fff;font-weight:normal;font-size:12px;text-align:center;vertical-align:top;background-color:transparent;border:none;outline:0 none;cursor:pointer;opacity:.7}.bp-media-controls-label:hover,.bp-media-controls-btn:hover{opacity:1}.bp-media-volume-icon{position:relative;display:inline-block;width:36px;height:40px;vertical-align:top}.bp-is-mobile .bp-media-volume-icon{display:none}.bp-media-controls-label{display:inline-block;width:auto;margin:0 4px;line-height:40px;vertical-align:top;cursor:default}.bp-media-controls-timecode{margin-left:13px}.bp-media-controls-volume-control{display:inline-block;width:45px;height:40px;vertical-align:top}.bp-is-mobile .bp-media-controls-volume-control{display:none}.bp-is-fullscreen .bp-media-fullscreen-icon .bp-exit-fullscreen-icon{display:inline-block}.bp-media-fullscreen-icon{position:absolute;right:10px}.bp-media-gear-icon{position:absolute;right:55px}.bp-media-gear-icon svg path{transform-origin:50%;transition:all .3s}.bp-media-settings-is-open .bp-media-gear-icon svg path{transform:rotateZ(60deg)}.bp-media-cc-icon{position:absolute;right:100px;visibility:visible}.bp-media-settings-subtitles-unavailable .bp-media-cc-icon{visibility:hidden}.bp-media-controls-cc-icon-text{display:inline-block;width:24px;height:24px;padding:0 0 0 1px;color:#fff;font-weight:bold;font-size:12px;line-height:24px;letter-spacing:.1em;background-color:rgba(0,0,0,.3);border-radius:4px}.bp-media-settings-subtitles-on .bp-media-controls-cc-icon-text{color:#fff;background-color:#0061d5}.bp-media-controls-hd{position:absolute;left:22px;display:none;padding:2px 2px 2px 3px;font-weight:bold;font-size:8px;line-height:8px;letter-spacing:.1em;background-color:#0061d5;border-radius:3px}.bp-media-controls-is-hd .bp-media-controls-hd{display:inline}.bp-media-play-icon{display:inline}.bp-media-is-playing .bp-media-play-icon{display:none}.bp-media-pause-icon{display:none}.bp-media-is-playing .bp-media-pause-icon{display:inline}.bp-media-volume-icon-mute,.bp-media-volume-icon-low,.bp-media-volume-icon-medium,.bp-media-volume-icon-high{position:absolute;left:6px;display:none}.bp-media-volume-icon-is-mute .bp-media-volume-icon-mute,.bp-media-volume-icon-is-low .bp-media-volume-icon-low,.bp-media-volume-icon-is-medium .bp-media-volume-icon-medium,.bp-media-volume-icon-is-high .bp-media-volume-icon-high{display:inline}.bp-media{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:0;border:0 none;visibility:hidden}.bp-media.bp-is-visible{visibility:visible}.bp-media-container{position:relative;display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:360px;min-height:0;outline:0 none;-webkit-user-select:none;user-select:none}.bp-media-play-button{padding:0;color:inherit;font:inherit;background:none;border:none;cursor:pointer;position:absolute;top:50%;left:50%;width:80px;height:80px;color:#fff;font-size:40px;text-align:center;background:rgba(0,0,0,.5);border:4px solid #fff;border-radius:40px;transform:translate(-50%, -50%);cursor:pointer;transition:all .2s}.bp-media-play-button:hover{background:#000}.bp-media-overlay-play-container{position:absolute;top:50%;left:50%;display:flex;gap:28px;align-items:center;justify-content:center;color:#fff;font-size:40px;text-align:center;transform:translate(-50%, -50%);cursor:pointer;transition:all .2s}.bp-media-overlay-play-container button{padding:0;color:inherit;font:inherit;background:none;border:none;cursor:pointer;width:40px;height:40px;font-size:40px;text-align:center;background:#000;border-radius:40px;cursor:pointer;transition:all .2s}.bp-media-overlay-play-container .bp-media-overlay-play-button{width:60px;height:60px}.bp-has-keyboard-focus .bp-media-time-scrubber-container:focus,.bp-has-keyboard-focus .bp-media-volume-scrubber-container:focus,.bp-has-keyboard-focus .bp-media-controls-btn:focus{box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 1px 2px rgba(0,0,0,.1)}.bp-dark .bp-error{color:#fff}.bp-dark .bp-icon{opacity:.9}.bp.bp-loaded .bp-is-buffering .bp-loading-wrapper{display:flex}.bp.bp-loaded .bp-is-buffering .bp-loading-wrapper .bp-crawler-wrapper{display:block}.bp.bp-loaded .bp-is-buffering .bp-loading-wrapper .bp-icon{display:none}@keyframes bp-spinner-rotate{to{transform:rotate(360deg)}}.bp-media-buffering-spinner{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;border:4px solid rgba(0,97,213,.3);border-top-color:#0061d5;border-radius:40px;animation:bp-spinner-rotate .8s linear infinite}.bp-is-mobile *::-webkit-media-controls-start-playback-button{display:none}.bp-VideoControlsRoot{position:relative;right:auto;bottom:auto;left:auto;z-index:1;align-self:stretch;width:100%}.bp-media--v2{background:radial-gradient(ellipse at center, #2a2a2a 0%, #000 100%)}.bp-media-container--v2{padding:48px}.bp-media-container--v2 video{border:1px solid rgba(255,255,255,.12)}.bp-media-container--v2 .bp-video-preload-wrapper{top:48px;right:auto;bottom:48px;left:50%;transform:translateX(-50%)}.bp-media-container--v2 .bp-video-preload-wrapper .bp-preload{transform:none}.bp-media-container--v2 .bp-video-preload-wrapper .bp-preload-content{border:1px solid rgba(255,255,255,.12)}.bp-video-360 .bp-VideoControlsRoot{position:absolute;right:0;bottom:-1px;left:0;width:100%}.bp-video-preload-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;overflow:hidden;background-color:transparent;opacity:1;transition:opacity .5s}.bp-video-preload-wrapper.bp-is-invisible{visibility:hidden}.bp-video-preload-wrapper.bp-is-transparent{opacity:0}.bp-video-preload-wrapper .bp-preload{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:translateY(-60px)}.bp-video-preload-wrapper .bp-preload-content{width:100%;height:100%;object-fit:contain}.bp-video-preload-wrapper .bp-preload-placeholder{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.bp-video-preload-wrapper .bp-video-preload-play-overlay{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:rgba(0,0,0,.5);border-radius:50%;transform:translate(-50%, -50%);pointer-events:none}.bp-video-preload-wrapper .bp-video-preload-play-overlay svg{width:48px;height:48px;fill:#fff}.bp-media-dash video{display:block;width:100%;max-width:100%;max-height:100%;margin-right:auto;margin-left:auto;cursor:none}.bp-media-dash .bp-media-controls-label,.bp-media-dash .bp-media-controls-btn{opacity:.9}.bp-media-dash .bp-media-controls-label:hover,.bp-media-dash .bp-media-controls-btn:hover{opacity:1}.bp-media-dash .bp-media-controls-is-visible video{cursor:pointer}.bp-media-filmstrip-container{position:absolute;bottom:60px;left:0;display:none;width:160px;height:110px;overflow:hidden;border:1px solid #464a4f}.bp-media-filmstrip{position:relative}.bp-media-filmstrip-timecode{position:absolute;bottom:0;z-index:1;width:100%;color:#fff;font-size:13px;line-height:18px;text-align:center;background-color:#222}.bp-media-crawler-wrapper{position:relative;top:50%;left:50%;z-index:1;width:10px;margin:-15px 0 0 -5px}.bp-media-dash-stats{position:absolute;top:20px;right:20px;color:#fff;font-size:24px}.bp-video-360 .bp-media-container{display:flex}.bp-is-mobile .bp-video-360 .bp-media-container .bp-media-controls-wrapper{visibility:visible !important;opacity:1 !important}.bp-video-360 canvas{cursor:move;cursor:grab}
|
|
76
77
|
.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}
|
|
78
|
+
.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}
|
|
77
79
|
.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}
|
|
80
|
+
.bp-gallery-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:16px;align-items:start;padding:40px;padding-bottom:100px;overflow-y:auto;background-color:#fff}.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}.bp-gallery-tile:hover{box-shadow:0 0 0 3px #767676,0 4px 5px 0 rgba(0,0,0,.15)}.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;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:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 4px;color:#fff;font-size:13px;line-height:1;background:#767676;border-radius:12px 0 12px 0;opacity:0;transition:opacity .15s}.bp-gallery-tile-placeholder{display:block;width:100%;padding-top:129%}
|
|
78
81
|
.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;top:0;right:0;bottom:0;left: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;top:15px;right:0;bottom:15px;left: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 .textLayer{top:15px;bottom:auto;z-index:1;opacity:1;caret-color:#000}.bp-doc .textLayer>div{-webkit-user-select:text;user-select:text}.bp-doc .textLayer .highlight{display:inline-block;background-color:rgba(180,0,170,.2)}.bp-doc .textLayer .highlight.selected{background-color:rgba(0,100,0,.2)}.bp-doc .textLayer .rangy-highlight{opacity:.2}.bp-doc .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 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;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left: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}
|
|
79
82
|
.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;top:0;right:0;bottom:0;left: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;top:15px;right:0;bottom:15px;left: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 .textLayer{top:15px;bottom:auto;z-index:1;opacity:1;caret-color:#000}.bp-doc .textLayer>div{-webkit-user-select:text;user-select:text}.bp-doc .textLayer .highlight{display:inline-block;background-color:rgba(180,0,170,.2)}.bp-doc .textLayer .highlight.selected{background-color:rgba(0,100,0,.2)}.bp-doc .textLayer .rangy-highlight{opacity:.2}.bp-doc .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 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;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left: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}
|
|
80
83
|
.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
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
*/
|
|
23
23
|
import { decode as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_utils_keys_d752524f_decode__ } from "box-ui-elements/es/utils/keys";
|
|
24
24
|
import { bdlBoxBlue as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlBoxBlue__, bdlGray65 as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlGray65__, bdlGreenLight as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlGreenLight__, bdlGrimace as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlGrimace__, bdlWatermelonRed as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlWatermelonRed__, bdlYellorange as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlYellorange__, bdlYellow as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlYellow__, white as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_white__ } from "box-ui-elements/es/styles/variables";
|
|
25
|
-
import { createElement as __WEBPACK_EXTERNAL_MODULE_react_createElement__, default as __WEBPACK_EXTERNAL_MODULE_react_default__, useEffect as __WEBPACK_EXTERNAL_MODULE_react_useEffect__, useRef as __WEBPACK_EXTERNAL_MODULE_react_useRef__, useState as __WEBPACK_EXTERNAL_MODULE_react_useState__ } from "react";
|
|
25
|
+
import { createElement as __WEBPACK_EXTERNAL_MODULE_react_createElement__, default as __WEBPACK_EXTERNAL_MODULE_react_default__, useCallback as __WEBPACK_EXTERNAL_MODULE_react_useCallback__, useEffect as __WEBPACK_EXTERNAL_MODULE_react_useEffect__, useRef as __WEBPACK_EXTERNAL_MODULE_react_useRef__, useState as __WEBPACK_EXTERNAL_MODULE_react_useState__ } from "react";
|
|
26
26
|
import { createRoot as __WEBPACK_EXTERNAL_MODULE_react_dom_client_4cb20cd7_createRoot__ } from "react-dom/client";
|
|
27
27
|
import { default as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_components_tooltip_Tooltip_97b5ae91_default__ } from "box-ui-elements/es/components/tooltip/Tooltip";
|
|
28
28
|
import { withTargetedClickThrough as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_features_targeting_hocs_e326fa91_withTargetedClickThrough__ } from "box-ui-elements/es/features/targeting/hocs";
|
|
@@ -9340,7 +9340,7 @@ function util_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var
|
|
|
9340
9340
|
const CLIENT_NAME = "box-content-preview"; // eslint-disable-line no-undef
|
|
9341
9341
|
const CLIENT_NAME_KEY = 'box_client_name';
|
|
9342
9342
|
const CLIENT_VERSION_KEY = 'box_client_version';
|
|
9343
|
-
const CLIENT_VERSION = "3.
|
|
9343
|
+
const CLIENT_VERSION = "3.50.0"; // eslint-disable-line no-undef
|
|
9344
9344
|
const HEADER_CLIENT_NAME = 'X-Box-Client-Name';
|
|
9345
9345
|
const HEADER_CLIENT_VERSION = 'X-Box-Client-Version';
|
|
9346
9346
|
const PROMISE_MAP = {};
|
|
@@ -11058,7 +11058,7 @@ class Browser {
|
|
|
11058
11058
|
;// ./src/lib/Logger.js
|
|
11059
11059
|
/* eslint-disable no-undef */
|
|
11060
11060
|
const Logger_CLIENT_NAME = "box-content-preview";
|
|
11061
|
-
const Logger_CLIENT_VERSION = "3.
|
|
11061
|
+
const Logger_CLIENT_VERSION = "3.50.0";
|
|
11062
11062
|
/* eslint-enable no-undef */
|
|
11063
11063
|
|
|
11064
11064
|
class Logger {
|
|
@@ -13706,8 +13706,12 @@ function ControlsLayer(_ref) {
|
|
|
13706
13706
|
hasCursorRef.current = true;
|
|
13707
13707
|
helpersRef.current.show();
|
|
13708
13708
|
};
|
|
13709
|
-
const handleMouseLeave =
|
|
13709
|
+
const handleMouseLeave = event => {
|
|
13710
13710
|
hasCursorRef.current = false;
|
|
13711
|
+
const layerEl = event.currentTarget;
|
|
13712
|
+
if (document.activeElement && layerEl.contains(document.activeElement)) {
|
|
13713
|
+
document.activeElement.blur();
|
|
13714
|
+
}
|
|
13711
13715
|
helpersRef.current.hide();
|
|
13712
13716
|
};
|
|
13713
13717
|
|
|
@@ -26976,6 +26980,13 @@ class VideoBaseViewer extends media_MediaBaseViewer {
|
|
|
26976
26980
|
this.rootEl.classList.add(CLASS_DARK);
|
|
26977
26981
|
}
|
|
26978
26982
|
}
|
|
26983
|
+
handleFullscreenEnter() {
|
|
26984
|
+
super.handleFullscreenEnter();
|
|
26985
|
+
if (this.controls?.controlsLayer?.reset) {
|
|
26986
|
+
this.controls.controlsLayer.reset();
|
|
26987
|
+
this.showAndHideReactControls();
|
|
26988
|
+
}
|
|
26989
|
+
}
|
|
26979
26990
|
/**
|
|
26980
26991
|
* Hides the create region cursor popup for a document
|
|
26981
26992
|
*
|
|
@@ -27746,6 +27757,63 @@ function TimeControlsV2(_ref) {
|
|
|
27746
27757
|
value: currentValue
|
|
27747
27758
|
}));
|
|
27748
27759
|
}
|
|
27760
|
+
;// ./src/lib/viewers/controls/media/VideoFullscreenButton.scss
|
|
27761
|
+
// extracted by mini-css-extract-plugin
|
|
27762
|
+
|
|
27763
|
+
;// ./src/lib/viewers/controls/media/VideoFullscreenButton.tsx
|
|
27764
|
+
|
|
27765
|
+
|
|
27766
|
+
|
|
27767
|
+
|
|
27768
|
+
|
|
27769
|
+
function VideoFullscreenButton(_ref) {
|
|
27770
|
+
let {
|
|
27771
|
+
mediaEl,
|
|
27772
|
+
onFullscreenToggle
|
|
27773
|
+
} = _ref;
|
|
27774
|
+
const isFullscreen = useFullscreen();
|
|
27775
|
+
const title = isFullscreen ? "Exit fullscreen" : "Enter fullscreen";
|
|
27776
|
+
const ref = __WEBPACK_EXTERNAL_MODULE_react_default__.useRef(null);
|
|
27777
|
+
const [position, setPosition] = __WEBPACK_EXTERNAL_MODULE_react_default__.useState(null);
|
|
27778
|
+
__WEBPACK_EXTERNAL_MODULE_react_default__.useEffect(() => {
|
|
27779
|
+
if (!mediaEl) return undefined;
|
|
27780
|
+
const update = () => {
|
|
27781
|
+
const parent = ref.current?.offsetParent;
|
|
27782
|
+
if (!parent) return;
|
|
27783
|
+
const videoRect = mediaEl.getBoundingClientRect();
|
|
27784
|
+
const parentRect = parent.getBoundingClientRect();
|
|
27785
|
+
setPosition({
|
|
27786
|
+
top: videoRect.top - parentRect.top + 24,
|
|
27787
|
+
right: parentRect.right - videoRect.right + 24
|
|
27788
|
+
});
|
|
27789
|
+
};
|
|
27790
|
+
update();
|
|
27791
|
+
const resizeObserver = new ResizeObserver(update);
|
|
27792
|
+
resizeObserver.observe(mediaEl);
|
|
27793
|
+
window.addEventListener('resize', update);
|
|
27794
|
+
return () => {
|
|
27795
|
+
resizeObserver.disconnect();
|
|
27796
|
+
window.removeEventListener('resize', update);
|
|
27797
|
+
};
|
|
27798
|
+
}, [mediaEl]);
|
|
27799
|
+
const handleClick = _ref2 => {
|
|
27800
|
+
let {
|
|
27801
|
+
target
|
|
27802
|
+
} = _ref2;
|
|
27803
|
+
onFullscreenToggle(!isFullscreen, target);
|
|
27804
|
+
};
|
|
27805
|
+
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("button", {
|
|
27806
|
+
ref: ref,
|
|
27807
|
+
className: "bp-VideoFullscreenButton",
|
|
27808
|
+
onClick: handleClick,
|
|
27809
|
+
style: position ? {
|
|
27810
|
+
top: position.top,
|
|
27811
|
+
right: position.right
|
|
27812
|
+
} : undefined,
|
|
27813
|
+
title: title,
|
|
27814
|
+
type: "button"
|
|
27815
|
+
}, isFullscreen ? /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(icons_IconArrowsMinimizeMedium24, null) : /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(icons_IconArrowsMaximizeMedium24, null));
|
|
27816
|
+
}
|
|
27749
27817
|
;// ./src/lib/viewers/media/VideoControlsV2.scss
|
|
27750
27818
|
// extracted by mini-css-extract-plugin
|
|
27751
27819
|
|
|
@@ -27765,6 +27833,8 @@ function TimeControlsV2(_ref) {
|
|
|
27765
27833
|
|
|
27766
27834
|
|
|
27767
27835
|
|
|
27836
|
+
|
|
27837
|
+
|
|
27768
27838
|
function VideoControlsV2(_ref) {
|
|
27769
27839
|
let {
|
|
27770
27840
|
annotationColor,
|
|
@@ -27775,6 +27845,7 @@ function VideoControlsV2(_ref) {
|
|
|
27775
27845
|
autoplay,
|
|
27776
27846
|
currentTime = 0,
|
|
27777
27847
|
durationTime = 0,
|
|
27848
|
+
experiences,
|
|
27778
27849
|
filmstripInterval,
|
|
27779
27850
|
filmstripUrl,
|
|
27780
27851
|
fps,
|
|
@@ -27788,6 +27859,7 @@ function VideoControlsV2(_ref) {
|
|
|
27788
27859
|
isPlaying,
|
|
27789
27860
|
mediaEl,
|
|
27790
27861
|
movePlayback,
|
|
27862
|
+
onFullscreenToggle,
|
|
27791
27863
|
onAnnotationColorChange,
|
|
27792
27864
|
onAnnotationModeClick,
|
|
27793
27865
|
onAnnotationModeEscape,
|
|
@@ -27819,10 +27891,15 @@ function VideoControlsV2(_ref) {
|
|
|
27819
27891
|
const moveBackward = () => {
|
|
27820
27892
|
movePlayback(false, MEDIA_PLAYBACK_SKIP_DURATION);
|
|
27821
27893
|
};
|
|
27822
|
-
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(
|
|
27894
|
+
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(ExperiencesProvider, {
|
|
27895
|
+
experiences: experiences
|
|
27896
|
+
}, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
|
|
27823
27897
|
className: "bp-VideoControlsV2",
|
|
27824
27898
|
"data-testid": "media-controls-wrapper-v2"
|
|
27825
|
-
}, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(
|
|
27899
|
+
}, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(VideoFullscreenButton, {
|
|
27900
|
+
mediaEl: mediaEl,
|
|
27901
|
+
onFullscreenToggle: onFullscreenToggle
|
|
27902
|
+
}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(TimeControlsV2, {
|
|
27826
27903
|
aspectRatio: aspectRatio,
|
|
27827
27904
|
currentTime: currentTime,
|
|
27828
27905
|
durationTime: durationTime,
|
|
@@ -27903,7 +27980,7 @@ function VideoControlsV2(_ref) {
|
|
|
27903
27980
|
annotationColor: annotationColor,
|
|
27904
27981
|
annotationMode: annotationMode,
|
|
27905
27982
|
onAnnotationColorChange: onAnnotationColorChange
|
|
27906
|
-
})))));
|
|
27983
|
+
}))))));
|
|
27907
27984
|
}
|
|
27908
27985
|
;// ./src/lib/viewers/controls/media/VideoGuidesOverlay.scss
|
|
27909
27986
|
// extracted by mini-css-extract-plugin
|
|
@@ -29311,6 +29388,7 @@ class DashViewer extends media_VideoBaseViewer {
|
|
|
29311
29388
|
autoplay: this.isAutoplayEnabled(),
|
|
29312
29389
|
currentTime: this.mediaEl.currentTime,
|
|
29313
29390
|
durationTime: this.mediaEl.duration,
|
|
29391
|
+
experiences: this.experiences,
|
|
29314
29392
|
filmstripInterval: this.filmstripInterval,
|
|
29315
29393
|
filmstripUrl: this.filmstripUrl,
|
|
29316
29394
|
fps: this.getFps(),
|
|
@@ -29329,6 +29407,7 @@ class DashViewer extends media_VideoBaseViewer {
|
|
|
29329
29407
|
onAnnotationModeEscape: this.handleAnnotationControlsEscape,
|
|
29330
29408
|
onAudioTrackChange: this.setAudioTrack,
|
|
29331
29409
|
onAutoplayChange: this.setAutoplay,
|
|
29410
|
+
onFullscreenToggle: this.toggleFullscreen,
|
|
29332
29411
|
onGuideChange: this.setGuide,
|
|
29333
29412
|
onMuteChange: this.toggleMute,
|
|
29334
29413
|
onPlayPause: this.handlePlayRequest,
|
|
@@ -29357,10 +29436,8 @@ class DashViewer extends media_VideoBaseViewer {
|
|
|
29357
29436
|
}
|
|
29358
29437
|
this.controls.render( /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(VideoControls, DashViewer_extends({}, sharedProps, {
|
|
29359
29438
|
bufferedRange: this.mediaEl.buffered,
|
|
29360
|
-
experiences: this.experiences,
|
|
29361
29439
|
hasHighlight: false,
|
|
29362
|
-
isPlayingHD: this.isPlayingHD()
|
|
29363
|
-
onFullscreenToggle: this.toggleFullscreen
|
|
29440
|
+
isPlayingHD: this.isPlayingHD()
|
|
29364
29441
|
})));
|
|
29365
29442
|
}
|
|
29366
29443
|
}
|
|
@@ -30079,6 +30156,48 @@ function FindBarToggle(_ref) {
|
|
|
30079
30156
|
type: "button"
|
|
30080
30157
|
}, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(icons_IconSearchMedium24, null));
|
|
30081
30158
|
}
|
|
30159
|
+
;// ./src/lib/viewers/controls/icons/IconGridView24.tsx
|
|
30160
|
+
function IconGridView24_extends() { return IconGridView24_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; }, IconGridView24_extends.apply(null, arguments); }
|
|
30161
|
+
|
|
30162
|
+
function IconGridView24(props) {
|
|
30163
|
+
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_createElement__("svg", IconGridView24_extends({
|
|
30164
|
+
"data-testid": "IconGridView24",
|
|
30165
|
+
focusable: "false",
|
|
30166
|
+
height: "1em",
|
|
30167
|
+
role: "img",
|
|
30168
|
+
viewBox: "0 0 24 24",
|
|
30169
|
+
width: "1em"
|
|
30170
|
+
}, props), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_createElement__("path", {
|
|
30171
|
+
d: "M8 13a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h2Zm10 0a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3h-2a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h2ZM6 15a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H6Zm10 0a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-2ZM8 3a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h2Zm10 0a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3h-2a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h2ZM6 5a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H6Zm10 0a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2Z",
|
|
30172
|
+
fill: "#fff",
|
|
30173
|
+
fillRule: "evenodd"
|
|
30174
|
+
}));
|
|
30175
|
+
}
|
|
30176
|
+
/* harmony default export */ const icons_IconGridView24 = (IconGridView24);
|
|
30177
|
+
;// ./src/lib/viewers/controls/gallery/GalleryToggle.scss
|
|
30178
|
+
// extracted by mini-css-extract-plugin
|
|
30179
|
+
|
|
30180
|
+
;// ./src/lib/viewers/controls/gallery/GalleryToggle.tsx
|
|
30181
|
+
|
|
30182
|
+
|
|
30183
|
+
|
|
30184
|
+
function GalleryToggle(_ref) {
|
|
30185
|
+
let {
|
|
30186
|
+
onGalleryToggle,
|
|
30187
|
+
isGalleryOpen
|
|
30188
|
+
} = _ref;
|
|
30189
|
+
if (!onGalleryToggle) {
|
|
30190
|
+
return null;
|
|
30191
|
+
}
|
|
30192
|
+
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("button", {
|
|
30193
|
+
"aria-pressed": isGalleryOpen,
|
|
30194
|
+
className: `bp-GalleryToggle${isGalleryOpen ? ' bp-is-active' : ''}`,
|
|
30195
|
+
"data-resin-target": "galleryView",
|
|
30196
|
+
onClick: onGalleryToggle,
|
|
30197
|
+
title: "Gallery view",
|
|
30198
|
+
type: "button"
|
|
30199
|
+
}, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(icons_IconGridView24, null));
|
|
30200
|
+
}
|
|
30082
30201
|
;// ./src/lib/viewers/controls/icons/IconNavMedium24.tsx
|
|
30083
30202
|
function IconNavMedium24_extends() { return IconNavMedium24_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; }, IconNavMedium24_extends.apply(null, arguments); }
|
|
30084
30203
|
|
|
@@ -30155,6 +30274,7 @@ function ThumbnailsToggle(_ref) {
|
|
|
30155
30274
|
|
|
30156
30275
|
|
|
30157
30276
|
|
|
30277
|
+
|
|
30158
30278
|
function DocControls(_ref) {
|
|
30159
30279
|
let {
|
|
30160
30280
|
annotationColor,
|
|
@@ -30163,6 +30283,7 @@ function DocControls(_ref) {
|
|
|
30163
30283
|
hasDrawing,
|
|
30164
30284
|
hasHighlight,
|
|
30165
30285
|
hasRegion,
|
|
30286
|
+
isGalleryOpen,
|
|
30166
30287
|
isThumbnailsOpen,
|
|
30167
30288
|
maxScale,
|
|
30168
30289
|
minScale,
|
|
@@ -30171,6 +30292,7 @@ function DocControls(_ref) {
|
|
|
30171
30292
|
onAnnotationModeEscape,
|
|
30172
30293
|
onFindBarToggle,
|
|
30173
30294
|
onFullscreenToggle,
|
|
30295
|
+
onGalleryToggle,
|
|
30174
30296
|
onPageChange,
|
|
30175
30297
|
onPageSubmit,
|
|
30176
30298
|
onRotateLeft,
|
|
@@ -30183,7 +30305,12 @@ function DocControls(_ref) {
|
|
|
30183
30305
|
} = _ref;
|
|
30184
30306
|
return /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(ExperiencesProvider, {
|
|
30185
30307
|
experiences: experiences
|
|
30186
|
-
}, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(ControlsBar, null, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(ControlsBarGroup, null, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(
|
|
30308
|
+
}, isGalleryOpen ? /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(ControlsBar, null, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(ControlsBarGroup, null, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(GalleryToggle, {
|
|
30309
|
+
isGalleryOpen: isGalleryOpen,
|
|
30310
|
+
onGalleryToggle: onGalleryToggle
|
|
30311
|
+
}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(FullscreenToggle, {
|
|
30312
|
+
onFullscreenToggle: onFullscreenToggle
|
|
30313
|
+
}))) : /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(__WEBPACK_EXTERNAL_MODULE_react_default__.Fragment, null, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(ControlsBar, null, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(ControlsBarGroup, null, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(ThumbnailsToggle, {
|
|
30187
30314
|
isThumbnailsOpen: isThumbnailsOpen,
|
|
30188
30315
|
onThumbnailsToggle: onThumbnailsToggle
|
|
30189
30316
|
}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(FindBarToggle, {
|
|
@@ -30205,7 +30332,10 @@ function DocControls(_ref) {
|
|
|
30205
30332
|
scale: scale
|
|
30206
30333
|
})), onRotateLeft && /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(ControlsBarGroup, null, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(RotateControl, {
|
|
30207
30334
|
onRotateLeft: onRotateLeft
|
|
30208
|
-
})), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(ControlsBarGroup, null, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(
|
|
30335
|
+
})), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(ControlsBarGroup, null, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(GalleryToggle, {
|
|
30336
|
+
isGalleryOpen: isGalleryOpen,
|
|
30337
|
+
onGalleryToggle: onGalleryToggle
|
|
30338
|
+
}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(FullscreenToggle, {
|
|
30209
30339
|
onFullscreenToggle: onFullscreenToggle
|
|
30210
30340
|
}), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(AnnotationsControls, {
|
|
30211
30341
|
annotationColor: annotationColor,
|
|
@@ -30219,7 +30349,7 @@ function DocControls(_ref) {
|
|
|
30219
30349
|
annotationColor: annotationColor,
|
|
30220
30350
|
annotationMode: annotationMode,
|
|
30221
30351
|
onAnnotationColorChange: onAnnotationColorChange
|
|
30222
|
-
})));
|
|
30352
|
+
}))));
|
|
30223
30353
|
}
|
|
30224
30354
|
;// ./src/lib/icons/search.svg
|
|
30225
30355
|
const search_namespaceObject = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 15 14\" focusable=\"false\">\n <g fill=\"none\" fill-rule=\"evenodd\">\n <path d=\"M-2-3h20v20H-2z\"/>\n <path class=\"icon\" fill=\"#FFF\" d=\"M6.931 0a5.994 5.994 0 0 1 4.907 9.438l2.806 2.807a1 1 0 0 1 0 1.415l-.047.047a1 1 0 0 1-1.414 0L10.375 10.9A5.994 5.994 0 1 1 6.931 0zm0 1.998a3.996 3.996 0 1 0 0 7.992 3.996 3.996 0 0 0 0-7.992z\"/>\n </g>\n</svg>\n";
|
|
@@ -30655,6 +30785,233 @@ class DocFindBar extends (events_default()) {
|
|
|
30655
30785
|
}
|
|
30656
30786
|
}
|
|
30657
30787
|
/* harmony default export */ const doc_DocFindBar = (DocFindBar);
|
|
30788
|
+
;// ./src/lib/viewers/gallery/GalleryGrid.scss
|
|
30789
|
+
// extracted by mini-css-extract-plugin
|
|
30790
|
+
|
|
30791
|
+
;// ./src/lib/viewers/gallery/GalleryGrid.tsx
|
|
30792
|
+
function GalleryGrid_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; }
|
|
30793
|
+
function GalleryGrid_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? GalleryGrid_ownKeys(Object(t), !0).forEach(function (r) { GalleryGrid_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : GalleryGrid_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
30794
|
+
function GalleryGrid_defineProperty(e, r, t) { return (r = GalleryGrid_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
30795
|
+
function GalleryGrid_toPropertyKey(t) { var i = GalleryGrid_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
30796
|
+
function GalleryGrid_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); }
|
|
30797
|
+
|
|
30798
|
+
|
|
30799
|
+
|
|
30800
|
+
const GALLERY_THUMB_MAX_WIDTH = 440;
|
|
30801
|
+
const INITIAL_LOAD_BUFFER = 40;
|
|
30802
|
+
const CONCURRENT_LOADS = 4;
|
|
30803
|
+
const SCROLL_THROTTLE_MS = 200;
|
|
30804
|
+
function GalleryGrid(_ref) {
|
|
30805
|
+
let {
|
|
30806
|
+
pageCount,
|
|
30807
|
+
currentPage,
|
|
30808
|
+
onClose,
|
|
30809
|
+
onFocusChange,
|
|
30810
|
+
onPageNavigate,
|
|
30811
|
+
thumbnail
|
|
30812
|
+
} = _ref;
|
|
30813
|
+
const [loadedImages, setLoadedImages] = __WEBPACK_EXTERNAL_MODULE_react_useState__({});
|
|
30814
|
+
const [focusedPage, setFocusedPage] = __WEBPACK_EXTERNAL_MODULE_react_useState__(currentPage);
|
|
30815
|
+
const gridRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(null);
|
|
30816
|
+
const queueRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__([]);
|
|
30817
|
+
const isProcessingRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(false);
|
|
30818
|
+
const isMountedRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(true);
|
|
30819
|
+
const initialLoadDoneRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(false);
|
|
30820
|
+
const initialLoadCountRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(0);
|
|
30821
|
+
function processQueue() {
|
|
30822
|
+
if (!isMountedRef.current || !thumbnail || queueRef.current.length === 0) {
|
|
30823
|
+
isProcessingRef.current = false;
|
|
30824
|
+
return;
|
|
30825
|
+
}
|
|
30826
|
+
const batchSize = initialLoadDoneRef.current ? CONCURRENT_LOADS : 1;
|
|
30827
|
+
const batch = queueRef.current.slice(0, batchSize);
|
|
30828
|
+
queueRef.current = queueRef.current.slice(batchSize);
|
|
30829
|
+
requestAnimationFrame(() => {
|
|
30830
|
+
if (!isMountedRef.current || !thumbnail) {
|
|
30831
|
+
isProcessingRef.current = false;
|
|
30832
|
+
return;
|
|
30833
|
+
}
|
|
30834
|
+
let completed = 0;
|
|
30835
|
+
const onComplete = () => {
|
|
30836
|
+
completed += 1;
|
|
30837
|
+
if (completed < batch.length) return;
|
|
30838
|
+
if (!isMountedRef.current) {
|
|
30839
|
+
isProcessingRef.current = false;
|
|
30840
|
+
return;
|
|
30841
|
+
}
|
|
30842
|
+
if (!initialLoadDoneRef.current) {
|
|
30843
|
+
initialLoadCountRef.current += batch.length;
|
|
30844
|
+
if (initialLoadCountRef.current >= INITIAL_LOAD_BUFFER) {
|
|
30845
|
+
initialLoadDoneRef.current = true;
|
|
30846
|
+
isProcessingRef.current = false;
|
|
30847
|
+
return;
|
|
30848
|
+
}
|
|
30849
|
+
}
|
|
30850
|
+
processQueue();
|
|
30851
|
+
};
|
|
30852
|
+
batch.forEach(pageNum => {
|
|
30853
|
+
thumbnail.createThumbnailImage(pageNum - 1, {
|
|
30854
|
+
createImgTag: true,
|
|
30855
|
+
thumbMaxWidth: GALLERY_THUMB_MAX_WIDTH
|
|
30856
|
+
}).then(imageEl => {
|
|
30857
|
+
if (isMountedRef.current && imageEl && imageEl.src) {
|
|
30858
|
+
setLoadedImages(prev => GalleryGrid_objectSpread(GalleryGrid_objectSpread({}, prev), {}, {
|
|
30859
|
+
[pageNum]: imageEl.src
|
|
30860
|
+
}));
|
|
30861
|
+
}
|
|
30862
|
+
onComplete();
|
|
30863
|
+
}).catch(() => {
|
|
30864
|
+
onComplete();
|
|
30865
|
+
});
|
|
30866
|
+
});
|
|
30867
|
+
});
|
|
30868
|
+
}
|
|
30869
|
+
function startProcessing() {
|
|
30870
|
+
if (!isProcessingRef.current && queueRef.current.length > 0) {
|
|
30871
|
+
isProcessingRef.current = true;
|
|
30872
|
+
processQueue();
|
|
30873
|
+
}
|
|
30874
|
+
}
|
|
30875
|
+
function getUnloadedNearViewport() {
|
|
30876
|
+
const grid = gridRef.current;
|
|
30877
|
+
if (!grid) return [];
|
|
30878
|
+
const {
|
|
30879
|
+
scrollTop,
|
|
30880
|
+
clientHeight
|
|
30881
|
+
} = grid;
|
|
30882
|
+
const bufferZone = clientHeight * 3;
|
|
30883
|
+
const viewportTop = scrollTop - bufferZone;
|
|
30884
|
+
const viewportBottom = scrollTop + clientHeight + bufferZone;
|
|
30885
|
+
const nearbyUnloaded = [];
|
|
30886
|
+
const tiles = grid.querySelectorAll('[data-page]');
|
|
30887
|
+
tiles.forEach(tile => {
|
|
30888
|
+
const el = tile;
|
|
30889
|
+
if (!el.dataset.page) return;
|
|
30890
|
+
const pageNum = parseInt(el.dataset.page, 10);
|
|
30891
|
+
const tileTop = el.offsetTop;
|
|
30892
|
+
const tileBottom = tileTop + el.offsetHeight;
|
|
30893
|
+
if (tileBottom > viewportTop && tileTop < viewportBottom && !el.querySelector('img')) {
|
|
30894
|
+
nearbyUnloaded.push(pageNum);
|
|
30895
|
+
}
|
|
30896
|
+
});
|
|
30897
|
+
return nearbyUnloaded;
|
|
30898
|
+
}
|
|
30899
|
+
const handleScrollRef = __WEBPACK_EXTERNAL_MODULE_react_useRef__(throttle_default()(() => {
|
|
30900
|
+
const nearbyUnloaded = getUnloadedNearViewport();
|
|
30901
|
+
if (nearbyUnloaded.length > 0) {
|
|
30902
|
+
const currentQueue = queueRef.current;
|
|
30903
|
+
const toAdd = nearbyUnloaded.filter(p => !currentQueue.includes(p));
|
|
30904
|
+
queueRef.current = [...toAdd, ...currentQueue];
|
|
30905
|
+
startProcessing();
|
|
30906
|
+
}
|
|
30907
|
+
}, SCROLL_THROTTLE_MS));
|
|
30908
|
+
__WEBPACK_EXTERNAL_MODULE_react_useEffect__(() => {
|
|
30909
|
+
const throttledScroll = handleScrollRef.current;
|
|
30910
|
+
if (gridRef.current) {
|
|
30911
|
+
const tile = gridRef.current.querySelector(`[data-page="${currentPage}"]`);
|
|
30912
|
+
if (tile) {
|
|
30913
|
+
tile.scrollIntoView({
|
|
30914
|
+
block: 'center'
|
|
30915
|
+
});
|
|
30916
|
+
tile.focus();
|
|
30917
|
+
}
|
|
30918
|
+
}
|
|
30919
|
+
const initialImages = {};
|
|
30920
|
+
const uncachedPages = [];
|
|
30921
|
+
for (let i = 1; i <= pageCount; i += 1) {
|
|
30922
|
+
const cached = thumbnail.getImageFromCache(i - 1);
|
|
30923
|
+
if (cached && cached.image && cached.image.src) {
|
|
30924
|
+
initialImages[i] = cached.image.src;
|
|
30925
|
+
initialLoadCountRef.current += 1;
|
|
30926
|
+
} else {
|
|
30927
|
+
uncachedPages.push(i);
|
|
30928
|
+
}
|
|
30929
|
+
}
|
|
30930
|
+
if (Object.keys(initialImages).length > 0) {
|
|
30931
|
+
setLoadedImages(initialImages);
|
|
30932
|
+
}
|
|
30933
|
+
uncachedPages.sort((a, b) => Math.abs(a - currentPage) - Math.abs(b - currentPage));
|
|
30934
|
+
queueRef.current = uncachedPages;
|
|
30935
|
+
thumbnail.init().then(() => {
|
|
30936
|
+
if (!isMountedRef.current) return;
|
|
30937
|
+
isProcessingRef.current = true;
|
|
30938
|
+
processQueue();
|
|
30939
|
+
});
|
|
30940
|
+
return () => {
|
|
30941
|
+
isMountedRef.current = false;
|
|
30942
|
+
queueRef.current = [];
|
|
30943
|
+
isProcessingRef.current = false;
|
|
30944
|
+
throttledScroll.cancel();
|
|
30945
|
+
};
|
|
30946
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
30947
|
+
}, []);
|
|
30948
|
+
const handleTileFocus = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(pageNum => {
|
|
30949
|
+
setFocusedPage(pageNum);
|
|
30950
|
+
if (onFocusChange) {
|
|
30951
|
+
onFocusChange(pageNum);
|
|
30952
|
+
}
|
|
30953
|
+
}, [onFocusChange]);
|
|
30954
|
+
const handleGridFocus = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(event => {
|
|
30955
|
+
if (event.target === gridRef.current && gridRef.current) {
|
|
30956
|
+
const tile = gridRef.current.querySelector(`[data-page="${focusedPage}"]`);
|
|
30957
|
+
if (tile) {
|
|
30958
|
+
tile.focus();
|
|
30959
|
+
}
|
|
30960
|
+
}
|
|
30961
|
+
}, [focusedPage]);
|
|
30962
|
+
const handleGridKeyDown = __WEBPACK_EXTERNAL_MODULE_react_useCallback__(event => {
|
|
30963
|
+
if (event.key === 'Escape') {
|
|
30964
|
+
event.preventDefault();
|
|
30965
|
+
event.stopPropagation();
|
|
30966
|
+
onClose();
|
|
30967
|
+
return;
|
|
30968
|
+
}
|
|
30969
|
+
if (event.key === 'Tab' && gridRef.current) {
|
|
30970
|
+
const buttons = gridRef.current.querySelectorAll('button');
|
|
30971
|
+
const first = buttons[0];
|
|
30972
|
+
const last = buttons[buttons.length - 1];
|
|
30973
|
+
if (event.shiftKey && document.activeElement === first) {
|
|
30974
|
+
event.preventDefault();
|
|
30975
|
+
last.focus();
|
|
30976
|
+
} else if (!event.shiftKey && document.activeElement === last) {
|
|
30977
|
+
event.preventDefault();
|
|
30978
|
+
first.focus();
|
|
30979
|
+
}
|
|
30980
|
+
}
|
|
30981
|
+
}, [onClose]);
|
|
30982
|
+
const tiles = [];
|
|
30983
|
+
for (let i = 1; i <= pageCount; i += 1) {
|
|
30984
|
+
const isFocused = i === focusedPage;
|
|
30985
|
+
tiles.push( /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("button", {
|
|
30986
|
+
key: i,
|
|
30987
|
+
"aria-label": `Page ${i}${isFocused ? ', current page' : ''}`,
|
|
30988
|
+
className: `bp-gallery-tile${isFocused ? ' bp-gallery-tile--selected' : ''}`,
|
|
30989
|
+
"data-page": i,
|
|
30990
|
+
onClick: () => onPageNavigate(i),
|
|
30991
|
+
onFocus: () => handleTileFocus(i),
|
|
30992
|
+
type: "button"
|
|
30993
|
+
}, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("span", {
|
|
30994
|
+
className: "bp-gallery-tile-badge"
|
|
30995
|
+
}, i), loadedImages[i] ? /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("img", {
|
|
30996
|
+
alt: `Page ${i}`,
|
|
30997
|
+
src: loadedImages[i]
|
|
30998
|
+
}) : /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("span", {
|
|
30999
|
+
className: "bp-gallery-tile-placeholder"
|
|
31000
|
+
})));
|
|
31001
|
+
}
|
|
31002
|
+
return (
|
|
31003
|
+
/*#__PURE__*/
|
|
31004
|
+
// eslint-disable-next-line jsx-a11y/no-static-element-interactions
|
|
31005
|
+
__WEBPACK_EXTERNAL_MODULE_react_default__.createElement("div", {
|
|
31006
|
+
ref: gridRef,
|
|
31007
|
+
className: "bp-gallery-grid",
|
|
31008
|
+
onFocus: handleGridFocus,
|
|
31009
|
+
onKeyDown: handleGridKeyDown,
|
|
31010
|
+
onScroll: handleScrollRef.current,
|
|
31011
|
+
tabIndex: -1
|
|
31012
|
+
}, tiles)
|
|
31013
|
+
);
|
|
31014
|
+
}
|
|
30658
31015
|
;// ./src/lib/logUtils.js
|
|
30659
31016
|
|
|
30660
31017
|
|
|
@@ -32466,6 +32823,8 @@ function DocBaseViewer_toPrimitive(t, r) { if ("object" != typeof t || !t) retur
|
|
|
32466
32823
|
|
|
32467
32824
|
|
|
32468
32825
|
|
|
32826
|
+
|
|
32827
|
+
|
|
32469
32828
|
|
|
32470
32829
|
|
|
32471
32830
|
|
|
@@ -32501,6 +32860,7 @@ const RANGE_CHUNK_SIZE_US = 1048576; // 1MB
|
|
|
32501
32860
|
const RANGE_REQUEST_MINIMUM_SIZE = 26214400; // 25MB
|
|
32502
32861
|
const SAFARI_PRINT_TIMEOUT_MS = 1000; // Wait 1s before trying to print
|
|
32503
32862
|
const SCROLL_EVENT_THROTTLE_INTERVAL = 200;
|
|
32863
|
+
const GALLERY_MAX_PAGES = 200; // Hide gallery toggle for files above this page count, will increase in V2
|
|
32504
32864
|
const THUMBNAILS_SIDEBAR_TRANSITION_TIME = 301; // 301ms
|
|
32505
32865
|
const THUMBNAILS_SIDEBAR_TOGGLED_MAP_KEY = 'doc-thumbnails-toggled-map';
|
|
32506
32866
|
const MAX_OPERATIONS = 320000; // Block PDFs with more than 320,000 drawing operations
|
|
@@ -32530,6 +32890,18 @@ class DocBaseViewer extends viewers_BaseViewer {
|
|
|
32530
32890
|
//--------------------------------------------------------------------------
|
|
32531
32891
|
/** @property {Thumbnail} - Thumbnail reference */
|
|
32532
32892
|
DocBaseViewer_defineProperty(this, "advancedInsightsThumbs", void 0);
|
|
32893
|
+
/** @property {number} - Page focused in gallery via Tab */
|
|
32894
|
+
DocBaseViewer_defineProperty(this, "galleryFocusedPage", null);
|
|
32895
|
+
/** @property {number} - Pending setTimeout ID for delayed gallery mount */
|
|
32896
|
+
DocBaseViewer_defineProperty(this, "galleryMountTimeoutId", null);
|
|
32897
|
+
/** @property {number} - Pending setTimeout ID for delayed sidebar setCurrentPage after gallery exit */
|
|
32898
|
+
DocBaseViewer_defineProperty(this, "gallerySidebarTimeoutId", null);
|
|
32899
|
+
/** @property {Thumbnail} - Dedicated gallery thumbnail instance (persists between opens) */
|
|
32900
|
+
DocBaseViewer_defineProperty(this, "galleryThumbnail", void 0);
|
|
32901
|
+
/** @property {boolean} - Whether gallery mode is active */
|
|
32902
|
+
DocBaseViewer_defineProperty(this, "isGalleryOpen", false);
|
|
32903
|
+
/** @property {boolean} - Whether sidebar was open before entering gallery */
|
|
32904
|
+
DocBaseViewer_defineProperty(this, "sidebarWasOpen", false);
|
|
32533
32905
|
/** @property {PageTracker} - PageTracker instance */
|
|
32534
32906
|
DocBaseViewer_defineProperty(this, "pageTracker", void 0);
|
|
32535
32907
|
DocBaseViewer_defineProperty(this, "doc", void 0);
|
|
@@ -32550,6 +32922,7 @@ class DocBaseViewer extends viewers_BaseViewer {
|
|
|
32550
32922
|
this.handleAnnotationCreateEvent = this.handleAnnotationCreateEvent.bind(this);
|
|
32551
32923
|
this.handleAnnotationCreatorChangeEvent = this.handleAnnotationCreatorChangeEvent.bind(this);
|
|
32552
32924
|
this.handleDocElKeydown = this.handleDocElKeydown.bind(this);
|
|
32925
|
+
this.handleGalleryNavigate = this.handleGalleryNavigate.bind(this);
|
|
32553
32926
|
this.handlePageSubmit = this.handlePageSubmit.bind(this);
|
|
32554
32927
|
this.onThumbnailSelectHandler = this.onThumbnailSelectHandler.bind(this);
|
|
32555
32928
|
this.pagechangingHandler = this.pagechangingHandler.bind(this);
|
|
@@ -32564,6 +32937,7 @@ class DocBaseViewer extends viewers_BaseViewer {
|
|
|
32564
32937
|
this.setPage = this.setPage.bind(this);
|
|
32565
32938
|
this.throttledScrollHandler = this.getScrollHandler().bind(this);
|
|
32566
32939
|
this.toggleFindBar = this.toggleFindBar.bind(this);
|
|
32940
|
+
this.toggleGallery = this.toggleGallery.bind(this);
|
|
32567
32941
|
this.toggleThumbnails = this.toggleThumbnails.bind(this);
|
|
32568
32942
|
this.updateExperiences = this.updateExperiences.bind(this);
|
|
32569
32943
|
this.updateDiscoverabilityResinTag = this.updateDiscoverabilityResinTag.bind(this);
|
|
@@ -32643,6 +33017,28 @@ class DocBaseViewer extends viewers_BaseViewer {
|
|
|
32643
33017
|
this.findBar.destroy();
|
|
32644
33018
|
}
|
|
32645
33019
|
|
|
33020
|
+
// Cancel any pending gallery setTimeouts so they don't fire after teardown
|
|
33021
|
+
if (this.galleryMountTimeoutId !== null) {
|
|
33022
|
+
clearTimeout(this.galleryMountTimeoutId);
|
|
33023
|
+
this.galleryMountTimeoutId = null;
|
|
33024
|
+
}
|
|
33025
|
+
if (this.gallerySidebarTimeoutId !== null) {
|
|
33026
|
+
clearTimeout(this.gallerySidebarTimeoutId);
|
|
33027
|
+
this.gallerySidebarTimeoutId = null;
|
|
33028
|
+
}
|
|
33029
|
+
if (this.galleryRoot) {
|
|
33030
|
+
this.galleryRoot.unmount();
|
|
33031
|
+
this.galleryRoot = null;
|
|
33032
|
+
}
|
|
33033
|
+
if (this.galleryEl) {
|
|
33034
|
+
this.galleryEl.remove();
|
|
33035
|
+
this.galleryEl = null;
|
|
33036
|
+
}
|
|
33037
|
+
if (this.galleryThumbnail) {
|
|
33038
|
+
this.galleryThumbnail.destroy();
|
|
33039
|
+
this.galleryThumbnail = null;
|
|
33040
|
+
}
|
|
33041
|
+
|
|
32646
33042
|
// Clean up PDF network requests
|
|
32647
33043
|
if (this.pdfLoadingTask) {
|
|
32648
33044
|
try {
|
|
@@ -33248,6 +33644,10 @@ class DocBaseViewer extends viewers_BaseViewer {
|
|
|
33248
33644
|
if (this.thumbnailsSidebar) {
|
|
33249
33645
|
this.thumbnailsSidebar.refresh();
|
|
33250
33646
|
}
|
|
33647
|
+
if (this.galleryThumbnail) {
|
|
33648
|
+
this.galleryThumbnail.destroy();
|
|
33649
|
+
this.galleryThumbnail = null;
|
|
33650
|
+
}
|
|
33251
33651
|
this.renderUI();
|
|
33252
33652
|
|
|
33253
33653
|
// Emit scale with rotation angle so annotations transform to match rotated content
|
|
@@ -33812,6 +34212,7 @@ class DocBaseViewer extends viewers_BaseViewer {
|
|
|
33812
34212
|
const canDownload = checkPermission(this.options.file, PERMISSION_DOWNLOAD);
|
|
33813
34213
|
const isAnnotationsMode = this.currentAnnotatorViewMode === ANNOTATOR_VIEW_MODES.ANNOTATIONS;
|
|
33814
34214
|
const canRotate = this.featureEnabled('rotate.enabled');
|
|
34215
|
+
const canGallery = isFeatureEnabled(this.options.features, 'galleryView.enabled') && this.pdfViewer.pagesCount > 1 && this.pdfViewer.pagesCount <= GALLERY_MAX_PAGES;
|
|
33815
34216
|
this.controls.render( /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(DocControls, {
|
|
33816
34217
|
annotationColor: this.annotationModule.getColor(),
|
|
33817
34218
|
annotationMode: this.annotationControlsFSM.getMode(),
|
|
@@ -33819,6 +34220,7 @@ class DocBaseViewer extends viewers_BaseViewer {
|
|
|
33819
34220
|
hasDrawing: canAnnotate && showAnnotationsDrawingCreate && isAnnotationsMode,
|
|
33820
34221
|
hasHighlight: canAnnotate && canDownload && isAnnotationsMode,
|
|
33821
34222
|
hasRegion: canAnnotate && isAnnotationsMode,
|
|
34223
|
+
isGalleryOpen: this.isGalleryOpen,
|
|
33822
34224
|
isThumbnailsOpen: this.thumbnailsSidebar && this.thumbnailsSidebar.isOpen,
|
|
33823
34225
|
maxScale: DocBaseViewer_MAX_SCALE,
|
|
33824
34226
|
minScale: DocBaseViewer_MIN_SCALE,
|
|
@@ -33827,6 +34229,7 @@ class DocBaseViewer extends viewers_BaseViewer {
|
|
|
33827
34229
|
onAnnotationModeEscape: this.handleAnnotationControlsEscape,
|
|
33828
34230
|
onFindBarToggle: !this.isFindDisabled() ? this.toggleFindBar : undefined,
|
|
33829
34231
|
onFullscreenToggle: this.toggleFullscreen,
|
|
34232
|
+
onGalleryToggle: canGallery ? this.toggleGallery : undefined,
|
|
33830
34233
|
onPageChange: this.setPage,
|
|
33831
34234
|
onPageSubmit: this.handlePageSubmit,
|
|
33832
34235
|
onRotateLeft: canRotate ? this.rotateLeft : undefined,
|
|
@@ -34060,6 +34463,10 @@ class DocBaseViewer extends viewers_BaseViewer {
|
|
|
34060
34463
|
*/
|
|
34061
34464
|
handleDocElKeydown(event) {
|
|
34062
34465
|
const key = decodeKeydown(event);
|
|
34466
|
+
if (key === 'Escape' && this.isGalleryOpen) {
|
|
34467
|
+
this.toggleGallery();
|
|
34468
|
+
return;
|
|
34469
|
+
}
|
|
34063
34470
|
if (event.altKey && key.includes('Arrow')) {
|
|
34064
34471
|
event.stopPropagation(); // Prevent collection/page navigation for caret navigation users
|
|
34065
34472
|
}
|
|
@@ -34310,6 +34717,79 @@ class DocBaseViewer extends viewers_BaseViewer {
|
|
|
34310
34717
|
this.rootEl.classList.remove(CLASS_BOX_PREVIEW_THUMBNAILS_OPEN_ACTIVE);
|
|
34311
34718
|
}, THUMBNAILS_SIDEBAR_TRANSITION_TIME);
|
|
34312
34719
|
}
|
|
34720
|
+
mountGalleryGrid() {
|
|
34721
|
+
if (this.galleryRoot) {
|
|
34722
|
+
return;
|
|
34723
|
+
}
|
|
34724
|
+
if (!this.galleryThumbnail) {
|
|
34725
|
+
this.galleryThumbnail = new lib_Thumbnail(this.pdfViewer, this.preloader);
|
|
34726
|
+
}
|
|
34727
|
+
this.galleryEl = document.createElement('div');
|
|
34728
|
+
this.containerEl.appendChild(this.galleryEl);
|
|
34729
|
+
this.galleryRoot = __WEBPACK_EXTERNAL_MODULE_react_dom_client_4cb20cd7_createRoot__(this.galleryEl);
|
|
34730
|
+
this.galleryFocusedPage = this.pdfViewer.currentPageNumber;
|
|
34731
|
+
this.galleryRoot.render( /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(GalleryGrid, {
|
|
34732
|
+
currentPage: this.pdfViewer.currentPageNumber,
|
|
34733
|
+
onClose: this.toggleGallery,
|
|
34734
|
+
onFocusChange: pageNum => {
|
|
34735
|
+
this.galleryFocusedPage = pageNum;
|
|
34736
|
+
},
|
|
34737
|
+
onPageNavigate: this.handleGalleryNavigate,
|
|
34738
|
+
pageCount: this.pdfViewer.pagesCount,
|
|
34739
|
+
thumbnail: this.galleryThumbnail
|
|
34740
|
+
}));
|
|
34741
|
+
}
|
|
34742
|
+
toggleGallery() {
|
|
34743
|
+
this.isGalleryOpen = !this.isGalleryOpen;
|
|
34744
|
+
if (this.isGalleryOpen) {
|
|
34745
|
+
if (this.gallerySidebarTimeoutId !== null) {
|
|
34746
|
+
clearTimeout(this.gallerySidebarTimeoutId);
|
|
34747
|
+
this.gallerySidebarTimeoutId = null;
|
|
34748
|
+
}
|
|
34749
|
+
this.sidebarWasOpen = !!(this.thumbnailsSidebar && this.thumbnailsSidebar.isOpen);
|
|
34750
|
+
if (this.sidebarWasOpen) {
|
|
34751
|
+
this.toggleThumbnails();
|
|
34752
|
+
this.galleryMountTimeoutId = setTimeout(() => {
|
|
34753
|
+
this.galleryMountTimeoutId = null;
|
|
34754
|
+
this.mountGalleryGrid();
|
|
34755
|
+
}, THUMBNAILS_SIDEBAR_TRANSITION_TIME / 2);
|
|
34756
|
+
} else {
|
|
34757
|
+
this.mountGalleryGrid();
|
|
34758
|
+
}
|
|
34759
|
+
} else {
|
|
34760
|
+
if (this.galleryMountTimeoutId !== null) {
|
|
34761
|
+
clearTimeout(this.galleryMountTimeoutId);
|
|
34762
|
+
this.galleryMountTimeoutId = null;
|
|
34763
|
+
}
|
|
34764
|
+
const navigateToPage = this.galleryFocusedPage && this.galleryFocusedPage !== this.pdfViewer.currentPageNumber ? this.galleryFocusedPage : null;
|
|
34765
|
+
if (this.galleryRoot) {
|
|
34766
|
+
this.galleryRoot.unmount();
|
|
34767
|
+
this.galleryRoot = null;
|
|
34768
|
+
}
|
|
34769
|
+
if (this.galleryEl) {
|
|
34770
|
+
this.galleryEl.remove();
|
|
34771
|
+
this.galleryEl = null;
|
|
34772
|
+
}
|
|
34773
|
+
this.galleryFocusedPage = null;
|
|
34774
|
+
if (this.sidebarWasOpen && this.thumbnailsSidebar && !this.thumbnailsSidebar.isOpen) {
|
|
34775
|
+
this.toggleThumbnails();
|
|
34776
|
+
}
|
|
34777
|
+
if (navigateToPage) {
|
|
34778
|
+
this.setPage(navigateToPage);
|
|
34779
|
+
if (this.sidebarWasOpen && this.thumbnailsSidebar) {
|
|
34780
|
+
this.gallerySidebarTimeoutId = setTimeout(() => {
|
|
34781
|
+
this.gallerySidebarTimeoutId = null;
|
|
34782
|
+
this.thumbnailsSidebar.setCurrentPage(navigateToPage);
|
|
34783
|
+
}, THUMBNAILS_SIDEBAR_TRANSITION_TIME);
|
|
34784
|
+
}
|
|
34785
|
+
}
|
|
34786
|
+
}
|
|
34787
|
+
this.renderUI();
|
|
34788
|
+
}
|
|
34789
|
+
handleGalleryNavigate(pageNum) {
|
|
34790
|
+
this.galleryFocusedPage = pageNum;
|
|
34791
|
+
this.toggleGallery();
|
|
34792
|
+
}
|
|
34313
34793
|
|
|
34314
34794
|
/**
|
|
34315
34795
|
* Overrides the base method
|