UNPKG

@pdftron/webviewer

Version:

[WebViewer](https://www.apryse.com/webviewer) is a powerful JavaScript Document SDK and UI Component Library that is a part of the [Apryse PDF SDK](https://www.apryse.com). It provides a slick, out-of-the-box responsive UI that interacts with the core lib

1 lines • 62.1 kB
(window.webpackJsonpWebViewerUI=window.webpackJsonpWebViewerUI||[]).push([[39],{1598:function(e,t,n){var o=n(36),a=n(1745);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var r={insert:function(e){if(!window.isApryseWebViewerWebComponent)return void document.head.appendChild(e);let t;t=document.getElementsByTagName("apryse-webviewer"),t.length||(t=function e(t,n=document){const o=[];return n.querySelectorAll(t).forEach(e=>o.push(e)),n.querySelectorAll("*").forEach(n=>{n.shadowRoot&&o.push(...e(t,n.shadowRoot))}),o}("apryse-webviewer"));const n=[];for(let o=0;o<t.length;o++){const a=t[o];if(0===o)a.shadowRoot.appendChild(e),e.onload=function(){n.length>0&&n.forEach(t=>{t.innerHTML=e.innerHTML})};else{const t=e.cloneNode(!0);a.shadowRoot.appendChild(t),n.push(t)}}},singleton:!1};o(a,r);e.exports=a.locals||{}},1741:function(e,t,n){var o=n(36),a=n(1742);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var r={insert:function(e){if(!window.isApryseWebViewerWebComponent)return void document.head.appendChild(e);let t;t=document.getElementsByTagName("apryse-webviewer"),t.length||(t=function e(t,n=document){const o=[];return n.querySelectorAll(t).forEach(e=>o.push(e)),n.querySelectorAll("*").forEach(n=>{n.shadowRoot&&o.push(...e(t,n.shadowRoot))}),o}("apryse-webviewer"));const n=[];for(let o=0;o<t.length;o++){const a=t[o];if(0===o)a.shadowRoot.appendChild(e),e.onload=function(){n.length>0&&n.forEach(t=>{t.innerHTML=e.innerHTML})};else{const t=e.cloneNode(!0);a.shadowRoot.appendChild(t),n.push(t)}}},singleton:!1};o(a,r);e.exports=a.locals||{}},1742:function(e,t,n){(t=e.exports=n(37)(!1)).push([e.i,':host{display:inline-block;container-type:inline-size;width:100%;height:100%;overflow:hidden}@media(min-width:901px){.App:not(.is-web-component) .hide-in-desktop{display:none}}@container (min-width: 901px){.hide-in-desktop{display:none}}@media(min-width:641px)and (max-width:900px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .hide-in-tablet{display:none}}@container (min-width: 641px) and (max-width: 900px){.App.is-web-component:not(.is-in-desktop-only-mode) .hide-in-tablet{display:none}}@media(max-width:640px)and (min-width:431px){.App:not(.is-web-component) .hide-in-mobile{display:none}}@container (max-width: 640px) and (min-width: 431px){.App.is-web-component .hide-in-mobile{display:none}}@media(max-width:430px){.App:not(.is-web-component) .hide-in-small-mobile{display:none}}@container (max-width: 430px){.App.is-web-component .hide-in-small-mobile{display:none}}.always-hide{display:none}.thumbnailControls-overlay{display:grid;text-align:center;z-index:2;margin-top:5px;grid-template-areas:"rotate delete . more";grid-template-columns:repeat(3,1fr)}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.thumbnailControls-overlay{display:flex}}.thumbnailControls-overlay .Button{height:32px;padding:0;width:32px}.thumbnailControls-overlay .Button .Icon{height:24px;width:24px;color:var(--icon-color)}.thumbnailControls-overlay .Button:hover{background:var(--view-header-button-hover);border-radius:4px}.thumbnailControls-overlay .Button.active{background:var(--view-header-button-active)}.thumbnailControls-overlay .Button.active .Icon{color:var(--selected-icon-color)}.thumbnailControls-overlay.modular-ui .Button:hover{border:1px solid var(--focus-border);background:var(--tools-button-hover)}.thumbnailControls-overlay .rotate-button{grid-area:rotate}.thumbnailControls-overlay .delete-button{grid-area:delete}.thumbnailControls-overlay .more-options{grid-area:more}.thumbnailControls-overlay.custom-buttons .Button{grid-area:auto}.thumbnailControls{display:flex;flex-direction:row;text-align:center;z-index:2;margin-top:5px}.thumbnailControls .Button{height:32px;padding:0;width:32px;margin:0 4px}.thumbnailControls .Button .Icon{height:24px;width:24px;color:var(--icon-color)}.thumbnailControls .Button:hover{background:var(--view-header-button-hover);border-radius:4px}',""]),t.locals={LEFT_HEADER_WIDTH:"41px",RIGHT_HEADER_WIDTH:"41px"}},1743:function(e,t,n){var o=n(36),a=n(1744);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var r={insert:function(e){if(!window.isApryseWebViewerWebComponent)return void document.head.appendChild(e);let t;t=document.getElementsByTagName("apryse-webviewer"),t.length||(t=function e(t,n=document){const o=[];return n.querySelectorAll(t).forEach(e=>o.push(e)),n.querySelectorAll("*").forEach(n=>{n.shadowRoot&&o.push(...e(t,n.shadowRoot))}),o}("apryse-webviewer"));const n=[];for(let o=0;o<t.length;o++){const a=t[o];if(0===o)a.shadowRoot.appendChild(e),e.onload=function(){n.length>0&&n.forEach(t=>{t.innerHTML=e.innerHTML})};else{const t=e.cloneNode(!0);a.shadowRoot.appendChild(t),n.push(t)}}},singleton:!1};o(a,r);e.exports=a.locals||{}},1744:function(e,t,n){(t=e.exports=n(37)(!1)).push([e.i,":host{display:inline-block;container-type:inline-size;width:100%;height:100%;overflow:hidden}@media(min-width:901px){.App:not(.is-web-component) .hide-in-desktop{display:none}}@container (min-width: 901px){.hide-in-desktop{display:none}}@media(min-width:641px)and (max-width:900px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .hide-in-tablet{display:none}}@container (min-width: 641px) and (max-width: 900px){.App.is-web-component:not(.is-in-desktop-only-mode) .hide-in-tablet{display:none}}@media(max-width:640px)and (min-width:431px){.App:not(.is-web-component) .hide-in-mobile{display:none}}@container (max-width: 640px) and (min-width: 431px){.App.is-web-component .hide-in-mobile{display:none}}@media(max-width:430px){.App:not(.is-web-component) .hide-in-small-mobile{display:none}}@container (max-width: 430px){.App.is-web-component .hide-in-small-mobile{display:none}}.always-hide{display:none}.Thumbnail{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer}.Thumbnail.active .container .page-image{border:2px solid var(--focus-border);box-shadow:none;box-sizing:content-box}.Thumbnail .container{position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer}.Thumbnail .container .page-image{box-shadow:0 0 3px 0 var(--box-shadow)}.Thumbnail .container .annotation-image,.Thumbnail .container .page-image{position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%)}.Thumbnail .container .checkbox{position:absolute;border-radius:4px;z-index:4}.Thumbnail .container .default{inset-block-start:3%;inset-inline-end:15%}.Thumbnail .container .rotated{inset-block-start:15%;inset-inline-end:3%}.Thumbnail .page-label{margin-top:11px}.Thumbnail.selected .container .thumbnail:before{color:#fff;background:var(--focus-border);width:16px;height:16px;position:absolute;z-index:10}.Thumbnail.selected .container canvas{background:hsla(0,0%,100%,.6)}.Thumbnail.active .page-label{color:var(--focus-border)!important}",""]),t.locals={LEFT_HEADER_WIDTH:"41px",RIGHT_HEADER_WIDTH:"41px"}},1745:function(e,t,n){(t=e.exports=n(37)(!1)).push([e.i,":host{display:inline-block;container-type:inline-size;width:100%;height:100%;overflow:hidden}@media(min-width:901px){.App:not(.is-web-component) .hide-in-desktop{display:none}}@container (min-width: 901px){.hide-in-desktop{display:none}}@media(min-width:641px)and (max-width:900px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .hide-in-tablet{display:none}}@container (min-width: 641px) and (max-width: 900px){.App.is-web-component:not(.is-in-desktop-only-mode) .hide-in-tablet{display:none}}@media(max-width:640px)and (min-width:431px){.App:not(.is-web-component) .hide-in-mobile{display:none}}@container (max-width: 640px) and (min-width: 431px){.App.is-web-component .hide-in-mobile{display:none}}@media(max-width:430px){.App:not(.is-web-component) .hide-in-small-mobile{display:none}}@container (max-width: 430px){.App.is-web-component .hide-in-small-mobile{display:none}}.always-hide{display:none}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .documentControlsContainer{margin-inline-start:16px;margin-inline-end:16px;margin-bottom:16px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .documentControlsContainer{margin-inline-start:16px;margin-inline-end:16px;margin-bottom:16px}}.documentControlsContainer .PageControlContainer{display:flex;background-color:var(--gray-2);justify-content:center;align-content:center;border-radius:4px}.documentControlsContainer .PageControlContainer .dropdown-menu{position:relative}.documentControlsContainer .PageControlContainer .dropdown-menu .indicator{position:absolute;inset-block-end:1px;inset-inline-end:1px;width:0;height:0;border-inline-start:4px solid transparent;border-inline-end:4px solid transparent;border-top:4px solid #c4c4c4;transform:rotateY(0deg) rotate(315deg)}.documentControlsContainer .PageControlContainer button .Icon{height:21px;width:21px;color:var(--icon-color)}.documentControlsContainer .PageControlContainer .button-hover:hover{background:var(--view-header-button-hover);border-radius:4px}.documentControlsContainer .PageControlContainer .divider{height:20px;width:1px;background:var(--divider);margin:6px;display:block!important}",""]),t.locals={LEFT_HEADER_WIDTH:"41px",RIGHT_HEADER_WIDTH:"41px"}},1746:function(e,t,n){var o=n(36),a=n(1747);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var r={insert:function(e){if(!window.isApryseWebViewerWebComponent)return void document.head.appendChild(e);let t;t=document.getElementsByTagName("apryse-webviewer"),t.length||(t=function e(t,n=document){const o=[];return n.querySelectorAll(t).forEach(e=>o.push(e)),n.querySelectorAll("*").forEach(n=>{n.shadowRoot&&o.push(...e(t,n.shadowRoot))}),o}("apryse-webviewer"));const n=[];for(let o=0;o<t.length;o++){const a=t[o];if(0===o)a.shadowRoot.appendChild(e),e.onload=function(){n.length>0&&n.forEach(t=>{t.innerHTML=e.innerHTML})};else{const t=e.cloneNode(!0);a.shadowRoot.appendChild(t),n.push(t)}}},singleton:!1};o(a,r);e.exports=a.locals||{}},1747:function(e,t,n){(t=e.exports=n(37)(!1)).push([e.i,":host{display:inline-block;container-type:inline-size;width:100%;height:100%;overflow:hidden}@media(min-width:901px){.App:not(.is-web-component) .hide-in-desktop{display:none}}@container (min-width: 901px){.hide-in-desktop{display:none}}@media(min-width:641px)and (max-width:900px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .hide-in-tablet{display:none}}@container (min-width: 641px) and (max-width: 900px){.App.is-web-component:not(.is-in-desktop-only-mode) .hide-in-tablet{display:none}}@media(max-width:640px)and (min-width:431px){.App:not(.is-web-component) .hide-in-mobile{display:none}}@container (max-width: 640px) and (min-width: 431px){.App.is-web-component .hide-in-mobile{display:none}}@media(max-width:430px){.App:not(.is-web-component) .hide-in-small-mobile{display:none}}@container (max-width: 430px){.App.is-web-component .hide-in-small-mobile{display:none}}.always-hide{display:none}.documentControls{display:flex;flex-direction:column}.documentControls .divider{height:1px;background:var(--divider);margin:16px 0 8px}.documentControls .documentControlsInput{display:flex;flex-direction:row;padding-bottom:16px;padding-top:8px}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .documentControls .documentControlsInput{padding-bottom:0}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .documentControls .documentControlsInput{padding-bottom:0}}.documentControls .documentControlsInput.customizableUI{padding:8px 0}.documentControls .documentControlsInput .pagesInput{width:100%;height:30px;border:1px solid var(--border);border-radius:4px;color:var(--text-color);padding-top:4px;padding-bottom:4px;padding-inline-start:8px;padding-inline-end:8px}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .documentControls .documentControlsInput .pagesInput{font-size:13px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .documentControls .documentControlsInput .pagesInput{font-size:13px}}.documentControls .documentControlsInput .pagesInput:focus{outline:none;border:1px solid var(--focus-border)}.documentControls .documentControlsInput .pagesInput::-moz-placeholder{color:var(--placeholder-text)}.documentControls .documentControlsInput .pagesInput::placeholder{color:var(--placeholder-text)}.documentControls .documentControlsInput .documentControlsButton{display:flex;flex-direction:row;padding-inline-start:2px}.documentControls .documentControlsInput .documentControlsButton .Button{height:30px;padding:0;width:30px;margin:0 4px}.documentControls .documentControlsInput .documentControlsButton .Button .Icon{height:24px;width:24px;color:var(--icon-color)}.documentControls .documentControlsInput .documentControlsButton .Button:hover{background:var(--view-header-button-hover);border-radius:4px}.documentControls .documentControlsLabel{margin-top:16px}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .documentControls .documentControlsLabel{margin-top:8px;font-size:13px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .documentControls .documentControlsLabel{margin-top:8px;font-size:13px}}.documentControls .documentControlsLabel .multiSelectExampleLabel{color:var(--faded-text);margin-inline-start:2px}",""]),t.locals={LEFT_HEADER_WIDTH:"41px",RIGHT_HEADER_WIDTH:"41px"}},1748:function(e,t,n){var o=n(36),a=n(1749);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var r={insert:function(e){if(!window.isApryseWebViewerWebComponent)return void document.head.appendChild(e);let t;t=document.getElementsByTagName("apryse-webviewer"),t.length||(t=function e(t,n=document){const o=[];return n.querySelectorAll(t).forEach(e=>o.push(e)),n.querySelectorAll("*").forEach(n=>{n.shadowRoot&&o.push(...e(t,n.shadowRoot))}),o}("apryse-webviewer"));const n=[];for(let o=0;o<t.length;o++){const a=t[o];if(0===o)a.shadowRoot.appendChild(e),e.onload=function(){n.length>0&&n.forEach(t=>{t.innerHTML=e.innerHTML})};else{const t=e.cloneNode(!0);a.shadowRoot.appendChild(t),n.push(t)}}},singleton:!1};o(a,r);e.exports=a.locals||{}},1749:function(e,t,n){(t=e.exports=n(37)(!1)).push([e.i,":host{display:inline-block;container-type:inline-size;width:100%;height:100%;overflow:hidden}@media(min-width:901px){.App:not(.is-web-component) .hide-in-desktop{display:none}}@container (min-width: 901px){.hide-in-desktop{display:none}}@media(min-width:641px)and (max-width:900px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .hide-in-tablet{display:none}}@container (min-width: 641px) and (max-width: 900px){.App.is-web-component:not(.is-in-desktop-only-mode) .hide-in-tablet{display:none}}@media(max-width:640px)and (min-width:431px){.App:not(.is-web-component) .hide-in-mobile{display:none}}@container (max-width: 640px) and (min-width: 431px){.App.is-web-component .hide-in-mobile{display:none}}@media(max-width:430px){.App:not(.is-web-component) .hide-in-small-mobile{display:none}}@container (max-width: 430px){.App.is-web-component .hide-in-small-mobile{display:none}}.always-hide{display:none}.thumbnail-slider-container{display:flex;align-items:center;width:230px;margin:0 auto;height:40px}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .thumbnail-slider-container{width:inherit;margin:16px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .thumbnail-slider-container{width:inherit;margin:16px}}.thumbnail-slider-container .thumbnail-slider{width:100%;height:20px;padding:0;color:transparent;background-color:transparent;border:0 transparent}.thumbnail-slider-container input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;accent-color:green;height:3px;background:#2980b9}.thumbnail-slider-container input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:6px}.thumbnail-slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:14px;width:14px;background-color:var(--slider-filled);border-radius:50%;border:2px solid var(--slider-filled);margin-top:-4px}.thumbnail-slider-container input[type=range]::-moz-range-track{height:5px;border-radius:4px}.thumbnail-slider-container button{width:15px;height:15px;margin:2.5px;padding-top:6px}.thumbnail-slider-container button:hover{background:var(--view-header-button-hover);border-radius:4px}.thumbnail-slider-container .slider{width:100%}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .thumbnail-slider-container .slider{margin-top:0}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .thumbnail-slider-container .slider{margin-top:0}}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .thumbnail-slider-container .slider .slider-element-container{width:auto;margin-inline-start:auto}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .thumbnail-slider-container .slider .slider-element-container{width:auto;margin-inline-start:auto}}.ThumbnailsPanel{overflow:hidden!important;display:flex;height:100%}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .ThumbnailsPanel{width:inherit;margin:0 16px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .ThumbnailsPanel{width:inherit;margin:0 16px}}.ThumbnailsPanel #virtualized-thumbnails-container{flex:1}.ThumbnailsPanel .ReactVirtualized__Grid.ReactVirtualized__List.thumbnailsList.right-to-left{direction:rtl!important}.ThumbnailsPanel .row{display:flex;justify-content:space-around;align-items:center;flex-direction:column}.ThumbnailsPanel .thumbnailPlaceholder{width:150px;margin:2px;border:1px solid var(--focus-border)}.ThumbnailsPanel .columnsOfThumbnails.row{display:flex;justify-content:start;align-items:center;flex-direction:row}.ThumbnailsPanel .columnsOfThumbnails .cellThumbContainer{display:flex;flex-direction:row}.ThumbnailsPanel .columnsOfThumbnails .Thumbnail{display:inline-flex}.ThumbnailsPanel .columnsOfThumbnails .thumbnailPlaceholder{width:116px;min-width:116px;height:150px;margin-bottom:30px}.cellThumbContainer{border-radius:4px}.thumbnailAutoScrollArea{position:absolute;width:calc(100% - 55px);z-index:10;background:hsla(0,0%,100%,0)}",""]),t.locals={LEFT_HEADER_WIDTH:"41px",RIGHT_HEADER_WIDTH:"41px"}},1783:function(e,t,n){"use strict";n.r(t);n(9),n(10),n(14),n(32),n(38),n(626),n(34),n(125),n(27),n(21),n(46),n(77),n(20),n(12),n(44),n(22),n(94),n(128),n(33),n(18),n(16),n(29),n(49),n(24),n(48),n(50),n(35),n(8),n(17),n(19),n(64),n(11),n(31),n(13);var o=n(102),a=n.n(o),r=n(0),i=n.n(r),l=n(6),c=n(1646),u=n(208),s=n(15),d=n.n(s),m=n(45),p=(n(26),n(60),n(4)),h=n(3),b=(n(40),n(41),n(42),n(111),n(57),n(116),n(93),n(1)),f=n(2),g=n.n(f),v=n(127),y=n(43),w=(n(1741),n(5)),x=n(96);var E=function(e){var t=e.className,n=e.pageIndex,o=Object(l.d)(),a=Object(l.e)((function(e){return p.a.getSelectedThumbnailPageIndexes(e)}));return i.a.createElement("div",{className:t,onClick:function(){-1===a.indexOf(n)&&o(h.a.setSelectedPageThumbnails([n]))}},i.a.createElement(x.a,{dataElement:w.a.PAGE_MANIPULATION_OVERLAY_BUTTON,toggleElement:w.a.PAGE_MANIPULATION,img:"icon-tool-more",title:"option.thumbnailPanel.moreOptions"}))},C=n(59),O=n(307),T=n(237),j={index:g.a.number.isRequired},A=function(e){var t=e.index,n=Object(O.a)().t,o=Object(l.e)((function(e){return p.a.isElementDisabled(e,"thumbnailControl")})),a=Object(l.e)((function(e){return p.a.isElementDisabled(e,w.a.PAGE_MANIPULATION_OVERLAY_BUTTON)})),c=Object(l.e)(p.a.pageDeletionConfirmationModalEnabled),u=Object(l.e)(p.a.getSelectedThumbnailPageIndexes,l.c),s=Object(l.e)(p.a.getCurrentPage),m=Object(l.e)(p.a.getThumbnailControlMenuItems,l.c),h=Object(l.e)(p.a.getFeatureFlags,l.c),f=Object(l.e)(p.a.isViewOnly),g=Object(l.d)(),x=Object(r.useRef)([]),j=Object(r.useRef)(null),A=u.length>0?u.map((function(e){return e+1})):[t+1],P=A.includes(s),k=h.customizableUI;P||(A=[s]);var S=b.a.getDocument(),I=null==S?void 0:S.type,R=I===C.a.XOD,L=I===C.a.OFFICE||I===C.a.LEGACY_OFFICE,N={thumbRotateClockwise:i.a.createElement(y.a,{className:"rotate-button",img:"icon-header-page-manipulation-page-rotation-clockwise-line",onClick:function(){return Object(v.o)(A)},title:"option.thumbnailPanel.rotatePageClockwise",dataElement:"thumbRotateClockwise"}),thumbRotateCounterClockwise:i.a.createElement(y.a,{img:"icon-header-page-manipulation-page-rotation-counterclockwise-line",onClick:function(){return Object(v.p)(A)},title:"option.thumbnailPanel.rotatePageCounterClockwise",dataElement:"thumbRotateCounterClockwise"}),thumbDelete:i.a.createElement(y.a,{className:"delete-button",img:"icon-delete-line",onClick:function(){return Object(v.b)(A,g,c)},title:"option.thumbnailPanel.delete",dataElement:"thumbDelete",onClickAnnouncement:"".concat(n("action.delete")," ").concat(n("action.modal")," ").concat(n("action.isOpen"))})},D=!1,M=[],_=m.map((function(e){var t=e.dataElement,n=t,o=N[t];if(M.indexOf(t)>-1)return null;if(M.push(t),!o){D=!0;var a=e.img,r=e.onClick,l=e.title;o=i.a.createElement(y.a,{className:"".concat(t,"-button"),img:a,onClick:function(){return r(s)},title:l,dataElement:t})}return o?i.a.cloneElement(o,{key:n}):null}));return Object(r.useEffect)((function(){x.current=Object(T.a)(j.current),x.current.length>0&&x.current.forEach((function(e){e.tabIndex=-1}))}),[x.current,_]),o?null:R||L||null!=S&&S.isWebViewerServerDocument()?i.a.createElement("div",{className:"thumbnailControls-overlay","data-element":"thumbnailControl",style:{display:"flex"}},i.a.createElement(y.a,{img:"icon-header-page-manipulation-page-rotation-counterclockwise-line",onClick:function(){return Object(v.p)(A)},title:"option.thumbnailPanel.rotatePageCounterClockwise",dataElement:"thumbRotateCounterClockwise"}),i.a.createElement(y.a,{img:"icon-header-page-manipulation-page-rotation-clockwise-line",onClick:function(){return Object(v.o)(A)},title:"option.thumbnailPanel.rotatePageClockwise",dataElement:"thumbRotateClockwise"})):f?null:i.a.createElement("div",{className:d()({"thumbnailControls-overlay":!0,"custom-buttons":D,"modular-ui":k}),"data-element":"thumbnailControl",ref:j},_,a?null:i.a.createElement(E,{className:"more-options",pageIndex:t}))};A.propTypes=j;var P=A,k=n(421),S=(n(1743),n(106)),I=n(23),R=n(234);function L(e){return function(e){if(Array.isArray(e))return H(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||z(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function N(){/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */var e,t,n="function"==typeof Symbol?Symbol:{},o=n.iterator||"@@iterator",a=n.toStringTag||"@@toStringTag";function r(n,o,a,r){var c=o&&o.prototype instanceof l?o:l,u=Object.create(c.prototype);return D(u,"_invoke",function(n,o,a){var r,l,c,u=0,s=a||[],d=!1,m={p:0,n:0,v:e,a:p,f:p.bind(e,4),d:function(t,n){return r=t,l=0,c=e,m.n=n,i}};function p(n,o){for(l=n,c=o,t=0;!d&&u&&!a&&t<s.length;t++){var a,r=s[t],p=m.p,h=r[2];n>3?(a=h===o)&&(c=r[(l=r[4])?5:(l=3,3)],r[4]=r[5]=e):r[0]<=p&&((a=n<2&&p<r[1])?(l=0,m.v=o,m.n=r[1]):p<h&&(a=n<3||r[0]>o||o>h)&&(r[4]=n,r[5]=o,m.n=h,l=0))}if(a||n>1)return i;throw d=!0,o}return function(a,s,h){if(u>1)throw TypeError("Generator is already running");for(d&&1===s&&p(s,h),l=s,c=h;(t=l<2?e:c)||!d;){r||(l?l<3?(l>1&&(m.n=-1),p(l,c)):m.n=c:m.v=c);try{if(u=2,r){if(l||(a="next"),t=r[a]){if(!(t=t.call(r,c)))throw TypeError("iterator result is not an object");if(!t.done)return t;c=t.value,l<2&&(l=0)}else 1===l&&(t=r.return)&&t.call(r),l<2&&(c=TypeError("The iterator does not provide a '"+a+"' method"),l=1);r=e}else if((t=(d=m.n<0)?c:n.call(o,m))!==i)break}catch(t){r=e,l=1,c=t}finally{u=1}}return{value:t,done:d}}}(n,a,r),!0),u}var i={};function l(){}function c(){}function u(){}t=Object.getPrototypeOf;var s=[][o]?t(t([][o]())):(D(t={},o,(function(){return this})),t),d=u.prototype=l.prototype=Object.create(s);function m(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,u):(e.__proto__=u,D(e,a,"GeneratorFunction")),e.prototype=Object.create(d),e}return c.prototype=u,D(d,"constructor",u),D(u,"constructor",c),c.displayName="GeneratorFunction",D(u,a,"GeneratorFunction"),D(d),D(d,a,"Generator"),D(d,o,(function(){return this})),D(d,"toString",(function(){return"[object Generator]"})),(N=function(){return{w:r,m:m}})()}function D(e,t,n,o){var a=Object.defineProperty;try{a({},"",{})}catch(e){a=0}(D=function(e,t,n,o){if(t)a?a(e,t,{value:n,enumerable:!o,configurable:!o,writable:!o}):e[t]=n;else{var r=function(t,n){D(e,t,(function(e){return this._invoke(t,n,e)}))};r("next",0),r("throw",1),r("return",2)}})(e,t,n,o)}function M(e,t,n,o,a,r,i){try{var l=e[r](i),c=l.value}catch(e){return void n(e)}l.done?t(c):Promise.resolve(c).then(o,a)}function _(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,a,r,i,l=[],c=!0,u=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=r.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}(e,t)||z(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function z(e,t){if(e){if("string"==typeof e)return H(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?H(e,t):void 0}}function H(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=Array(t);n<t;n++)o[n]=e[n];return o}var U=i.a.forwardRef((function(e,t){var n=e.index,o=e.isSelected,a=e.updateAnnotations,c=e.shiftKeyThumbnailPivotIndex,u=e.onFinishLoading,s=e.onLoad,m=e.onRemove,h=void 0===m?function(){}:m,f=e.onDragStart,g=e.onDragOver,v=e.isDraggable,y=e.shouldShowControls,w=e.thumbnailSize,x=e.currentPage,E=e.pageLabels,C=void 0===E?[]:E,j=e.selectedPageIndexes,A=e.isThumbnailMultiselectEnabled,D=e.isReaderModeOrReadOnly,z=e.dispatch,H=e.actions,U=e.isMobile,B=e.canLoad,F=e.isThumbnailSelectingPages,W=e.thumbnailSelectionMode,G=e.activeDocumentViewerKey,V=e.panelSelector,K=e.parentKeyListener,q=w?Number(w):150,Y=_(Object(r.useState)(-1),2),$=Y[0],X=Y[1],J=Object(r.useRef)(null),Q=Object(r.useRef)([]),Z=Object(r.useRef)([]),ee=_(Object(r.useState)({width:q,height:q}),2),te=ee[0],ne=ee[1],oe=Object(O.a)().t,ae=_(Object(r.useState)(!1),2),re=ae[0],ie=ae[1],le=Object(R.a)(),ce=Object(r.useRef)(le),ue=Object(l.e)(p.a.isContentEditingEnabled),se=null;Object(r.useEffect)((function(){var e=function(e){J.current&&!J.current.contains(e.target)&&ye()};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]),Object(r.useEffect)((function(){re&&de(),ce.current=le}),[le]);var de=function(){se=setTimeout((function(){var e,t,o=Object(I.a)().querySelector(".ThumbnailsPanel.".concat(V," #pageThumb").concat(n)),r=ce.current,i=n+1,l=b.a.getRotation(i),c=b.a.getDocument(G);if(c&&c.getPageInfo(i)){var d=c.loadCanvas({pageNumber:i,width:q,height:q,drawComplete:(e=N().m((function e(t){var o,i,c,s;return N().w((function(e){for(;;)switch(e.n){case 0:(o=Object(I.a)().querySelector(".ThumbnailsPanel.".concat(V," #pageThumb").concat(n)))&&((i=o.querySelector(".page-image"))&&o.removeChild(i),t.className="page-image ".concat(r?"right-to-left":""),c=Math.min(q/t.width,q/t.height),t.style.width="".concat(t.width*c,"px"),t.style.height="".concat(t.height*c,"px"),ne({width:Number(t.width),height:Number(t.height)}),r&&(t.style.transform="translate(50%, -50%)"),Math.abs(l)&&(s="rotate(".concat(90*l,"deg) translate(-50%,-50%)"),t.style.transform=s,t.style["transform-origin"]="top left",t.style["ms-transform"]=s,t.style["ms-transform-origin"]="top left",t.style["-moz-transform"]=s,t.style["-moz-transform-origin"]="top left",t.style["-webkit-transform-origin"]="top left",t.style["-webkit-transform"]=s,t.style["-o-transform"]=s,t.style["-o-transform-origin"]="top left"),o.appendChild(t)),a&&a(n),u(n),ie(!0);case 1:return e.a(2)}}),e)})),t=function(){var t=this,n=arguments;return new Promise((function(o,a){var r=e.apply(t,n);function i(e){M(r,o,a,i,l,"next",e)}function l(e){M(r,o,a,i,l,"throw",e)}i(void 0)}))},function(e){return t.apply(this,arguments)}),allowUseOfOptimizedThumbnail:!0});s(n,o,d)}}),50)};Object(r.useEffect)((function(){var e=function(e){var t=e.contentChanged,o=e.moved,a=e.added,r=e.removed,i=n+1,l=a.includes(i),c=t.some((function(e){return i===e})),u=Object.keys(o).some((function(e){return i===parseInt(e)})),s=r.includes(i),d=b.a.getTotalPages();r.length>0&&n+1>d||(l||c||u||s)&&de()},t=function(){ie(!1),de()};return b.a.addEventListener("pagesUpdated",e),b.a.addEventListener("rotationUpdated",t),B&&de(),function(){b.a.removeEventListener("pagesUpdated",e),b.a.removeEventListener("rotationUpdated",t),clearTimeout(se),h(n)}}),[]);var me=x===n+1,pe=C[n],he="default",be=b.a.getRotation(n+1);((!be||2===be)&&te.width>te.height||(1===be||3===be)&&te.width<te.height)&&(he="rotated"),Object(r.useImperativeHandle)(t,(function(){return{focusInput:function(){F&&re?(fe(Z.current[0]),X(0)):Q.current&&setTimeout((function(){fe(Q.current[0]),X(0)}),0)}}}));var fe=function(e){e&&(e.ariaCurrent="page",e.focus())},ge=function(e){e&&(e.ariaCurrent=void 0)},ve=function(e){e.preventDefault(),ye()},ye=function(){Q.current.forEach((function(e){ge(e)}))},we=Object(r.useCallback)((function(e){e.stopPropagation(),K(e);var t,n={Tab:function(){return ve(e)},Escape:function(){return ve(e)}};n[e.key]&&(null===(t=n[e.key])||void 0===t||t.call(n));var o={ArrowUp:function(){return xe(e,-1)},ArrowDown:function(){return xe(e,1)},ArrowLeft:function(){return xe(e,-1)},ArrowRight:function(){return xe(e,1)}};o[e.key]&&!Ce&&o[e.key]()}),[Q.current,$]),xe=function(e,t){e.preventDefault(),0!==Q.current.length&&X((function(e){var n=e+t;return n<0?n=Q.current.length-1:n>=Q.current.length&&(n=0),Ee(Q.current[n]),n}))},Ee=function(e){Q.current.forEach((function(t){t===e?fe(t):ge(t)}))};Object(r.useEffect)((function(){J.current&&(Q.current=Object(T.a)(J.current))}),[y,me,re]),Object(r.useEffect)((function(){J.current&&(Z.current=Object(T.a)(J.current))}),[F,re]);var Ce=F&&re;return i.a.createElement("button",{className:d()({Thumbnail:!0,active:me,selected:o&&F}),onDragOver:function(e){return g(e,n)},id:"Thumbnail-container-".concat(n),ref:J,onKeyDown:function(e){return we(e)},onClick:function(e){var t=e.target.type&&"checkbox"===e.target.type;if(A&&!D){var o=e.ctrlKey||e.metaKey,a=e.shiftKey,r=L(j);if(a){z(H.setThumbnailSelectingPages(!0));var i=c;null===i&&(i=x-1,z(H.setShiftKeyThumbnailsPivotIndex(i)));var l=Math.min(i,n),u=Math.max(i,n);r=L(new Set(L(Array.from({length:u-l+1},(function(e,t){return t+l})))))}else o||F?(z(H.setThumbnailSelectingPages(!0)),(o||t||W===k.a.THUMBNAIL)&&(0!==j.length||F?j.includes(n)?r=j.filter((function(e){return n!==e})):r.push(n):r.push(x-1)),z(H.setShiftKeyThumbnailsPivotIndex(n))):r=[n];var s=r[r.length-1];!F&&!a&&z(H.setShiftKeyThumbnailsPivotIndex(s)),z(H.setSelectedPageThumbnails(r))}else U()&&z(H.closeElement("leftPanel"));setTimeout((function(){t&&W!==k.a.THUMBNAIL||b.a.setCurrentPage(n+1)}),0)},style:{width:q,cursor:"pointer",background:"none",border:"none"},tabIndex:-1},i.a.createElement("div",{className:"container",style:{height:q,width:q},onDragStart:function(e){return f(e,n)},draggable:v,tabIndex:-1},i.a.createElement("div",{id:"pageThumb".concat(n),className:"thumbnail"}),F&&re&&i.a.createElement(S.a,{className:"checkbox ".concat(he),checked:j.includes(n),"aria-label":"".concat(oe("action.page")," ").concat(pe," ").concat(oe("formField.types.checkbox")),tabIndex:-1})),i.a.createElement("div",{className:"page-label"},pe),!F&&me&&y&&!ue&&i.a.createElement(P,{index:n}))}));U.displayName="Thumbnail",U.propTypes={index:g.a.number,isSelected:g.a.bool,updateAnnotations:g.a.func,shiftKeyThumbnailPivotIndex:g.a.number,onFinishLoading:g.a.func,onLoad:g.a.func,onRemove:g.a.func,onDragStart:g.a.func,onDragOver:g.a.func,isDraggable:g.a.bool,shouldShowControls:g.a.bool,thumbnailSize:g.a.number,currentPage:g.a.number,pageLabels:g.a.array,selectedPageIndexes:g.a.array,isThumbnailMultiselectEnabled:g.a.bool,isReaderModeOrReadOnly:g.a.bool,dispatch:g.a.func,actions:g.a.object,isMobile:g.a.func,canLoad:g.a.bool,isThumbnailSelectingPages:g.a.bool,thumbnailSelectionMode:g.a.string,activeDocumentViewerKey:g.a.number,panelSelector:g.a.string,parentKeyListener:g.a.func};var B=U;function F(){return(F=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(null,arguments)}function W(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,a,r,i,l=[],c=!0,u=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=r.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return G(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?G(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function G(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=Array(t);n<t;n++)o[n]=e[n];return o}var V=i.a.forwardRef((function(e,t){var n=W(Object(l.e)((function(e){return[p.a.getCurrentPage(e),p.a.getPageLabels(e),p.a.getSelectedThumbnailPageIndexes(e),p.a.isThumbnailMultiselectEnabled(e),p.a.isReaderMode(e),p.a.isDocumentReadOnly(e),p.a.getShiftKeyThumbnailPivotIndex(e),p.a.isThumbnailSelectingPages(e),p.a.getThumbnailSelectionMode(e),p.a.getActiveDocumentViewerKey(e)]}),l.c),11),o=n[0],a=n[1],r=n[2],c=n[3],u=n[4],s=n[5],d=n[6],b=n[7],f=n[8],g=n[9],v=n[10],y=Object(l.d)();return i.a.createElement(B,F({},e,{ref:t,currentPage:o,pageLabels:a,selectedPageIndexes:r,isThumbnailMultiselectEnabled:c,isReaderModeOrReadOnly:u||s,dispatch:y,actions:h.a,isMobile:m.k,shiftKeyThumbnailPivotIndex:d,isThumbnailSelectingPages:b,thumbnailSelectionMode:f,selectionModes:v,activeDocumentViewerKey:g}))}));V.displayName="ThumbnailRedux";var K=V,q=(n(146),n(115),n(489)),Y=n(28);n(1598);function $(e){var t=e.moveToTop,n=e.moveToBottom;return i.a.createElement(i.a.Fragment,null,i.a.createElement(y.a,{className:"button-hover",dataElement:"moveToTop",img:"icon-page-move-up",onClick:t,title:"action.moveToTop"}),i.a.createElement(y.a,{className:"button-hover",dataElement:"moveToBottom",img:"icon-page-move-down",onClick:n,title:"action.moveToBottom"}))}$.propTypes={moveToTop:g.a.func,moveToBottom:g.a.func};var X=$;function J(e){var t=e.onInsert,n=e.onReplace,o=e.onExtractPages,a=e.onDeletePages;return i.a.createElement(i.a.Fragment,null,i.a.createElement(y.a,{className:"button-hover",dataElement:"thumbnailsControlInsert",img:"icon-page-insertion-insert",onClick:t,title:"action.insert"}),i.a.createElement(y.a,{className:"button-hover",dataElement:"thumbnailsControlReplace",img:"icon-page-replacement",onClick:n,title:"action.replace"}),i.a.createElement(y.a,{className:"button-hover",dataElement:"thumbnailsControlExtract",img:"icon-page-manipulation-extract",onClick:o,title:"action.extract"}),i.a.createElement(y.a,{className:"button-hover",dataElement:"thumbnailsControlDelete",img:"icon-delete-line",onClick:a,title:"action.delete"}))}J.propTypes={onInsert:g.a.func,onReplace:g.a.func,onExtractPages:g.a.func,onDeletePages:g.a.func};var Q=J;function Z(e){var t=e.onRotateClockwise,n=e.onRotateCounterClockwise;return i.a.createElement(i.a.Fragment,null,i.a.createElement(y.a,{className:"button-hover",dataElement:"thumbnailsControlRotateCounterClockwise",img:"icon-header-page-manipulation-page-rotation-counterclockwise-line",onClick:n,title:"action.rotateCounterClockwise"}),i.a.createElement(y.a,{className:"button-hover",dataElement:"thumbnailsControlRotateClockwise",img:"icon-header-page-manipulation-page-rotation-clockwise-line",onClick:t,title:"action.rotateClockwise"}))}Z.propTypes={onRotateClockwise:g.a.func,onRotateCounterClockwise:g.a.func};var ee=Z,te=n(180);function ne(){return(ne=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(null,arguments)}function oe(e){return function(e){if(Array.isArray(e))return ie(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||re(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ae(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,a,r,i,l=[],c=!0,u=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=r.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}(e,t)||re(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function re(e,t){if(e){if("string"==typeof e)return ie(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ie(e,t):void 0}}function ie(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=Array(t);n<t;n++)o[n]=e[n];return o}function le(e){var t,n=e.parentElement,o=Object(l.f)(),a=Object(l.d)(),c=Object(m.k)(),u=Object(l.e)(p.a.getSelectedThumbnailPageIndexes),s=Object(l.e)((function(e){return n&&"leftPanel"!==n?p.a.getPanelWidth(e,n):p.a.getLeftPanelWidth(e)})),d=Object(l.e)(p.a.pageDeletionConfirmationModalEnabled),f=Object(l.e)(p.a.isInDesktopOnlyMode),g=Object(l.e)(p.a.getMultiPageManipulationControlsItems,l.c),E=ae(Object(r.useState)(!1),2),O=E[0],T=E[1],j=Object(r.useMemo)((function(){return u.map((function(e){return e+1}))}),[u]),A=Object(r.useMemo)((function(){return{onReplace:function(){return!Object(v.k)(j,a)&&Object(v.m)(a)},onExtractPages:function(){return!Object(v.k)(j,a)&&Object(v.e)(j,a)},onDeletePages:function(){return!Object(v.k)(j,a)&&Object(v.b)(j,a,d)},onRotateCounterClockwise:function(){return!Object(v.k)(j,a)&&Object(v.p)(j)},onRotateClockwise:function(){return!Object(v.k)(j,a)&&Object(v.o)(j)},onInsert:function(){return!Object(v.k)(j,a)&&(a(h.a.closeElement(w.a.PAGE_MANIPULATION_OVERLAY)),void a(h.a.openElement("insertPageModal")))},moveToTop:function(){return!Object(v.k)(j,a)&&Object(v.j)(j)},moveToBottom:function(){return!Object(v.k)(j,a)&&Object(v.i)(j)},pageNumbers:j}}),[j,d]),P=A.onRotateClockwise,k=A.onRotateCounterClockwise,S=b.a.getDocument(),R=null==S?void 0:S.type,L=R===C.a.XOD,N=R===C.a.OFFICE||R===C.a.LEGACY_OFFICE;if(!f&&c)try{t=Object(I.a)().querySelector(".App").getBoundingClientRect().width-88}catch(e){t=(s||Y.d)-88}else t=(s||Y.d)-88;var D=t<190,M=t>290;Object(r.useEffect)((function(){var e,t=[];e=D?1:M?3:2;var n=0;g.forEach((function(a){var r=!1;(n<e||0===t.length&&"divider"===(null==a?void 0:a.type))&&(r=!0),a&&"divider"!==a.type&&n++,!r&&t.push.apply(t,oe(function(e){return"leftPanelPageTabsRotate"===e.dataElement?Object(te.e)(o,!0):"leftPanelPageTabsMove"===e.dataElement?Object(te.a)(o,!0):"leftPanelPageTabsMore"===e.dataElement?Object(te.c)(o,!0):"customPageOperation"===e.type?Object(te.b)(o,e):"divider"===e.type?["divider"]:void 0}(a)))}));var r={dataElement:w.a.PAGE_MANIPULATION_FLYOUT_MULTI_SELECT,className:w.a.PAGE_MANIPULATION_FLYOUT_MULTI_SELECT,items:t};M&&a(h.a.closeElement(r.dataElement)),r.items.length?(a(h.a.updateFlyout(r.dataElement,r)),T(!0)):(a(h.a.removeFlyout(r.dataElement)),T(!1))}),[o,M,D,g]);var _=Object(r.useMemo)((function(){var e=!1,t=0;return g.map((function(n,o){var a;return a=D?0:M?2:1,"divider"!==(null==n?void 0:n.type)||e?t>a?null:(n&&"divider"!==n.type&&t++,"leftPanelPageTabsRotate"===n.dataElement?i.a.createElement(ee,ne({},A,{key:"leftPanelPageTabsRotate"})):"leftPanelPageTabsMove"===n.dataElement?i.a.createElement(X,ne({},A,{key:"leftPanelPageTabsMove"})):"leftPanelPageTabsMore"===n.dataElement?i.a.createElement(Q,ne({},A,{key:"leftPanelPageTabsMore"})):"customPageOperation"===n.type?n.operations?n.operations.map((function(e){return i.a.createElement(y.a,{key:e.dataElement,className:"button-hover",dataElement:e.dataElement,img:e.img,onClick:function(){return e.onClick(j)},title:e.title})})):(t--,null):null):(t>a&&(e=!0),i.a.createElement("div",{key:"divider".concat(o),className:"divider"}))}))}),[g,A,D,M]);return L||N||null!=S&&S.isWebViewerServerDocument()?i.a.createElement("div",{className:"PageControlContainer root small"},i.a.createElement(ee,{onRotateClockwise:P,onRotateCounterClockwise:k})):i.a.createElement("div",{className:"PageControlContainer root"},_,O&&i.a.createElement("div",{className:"dropdown-menu"},i.a.createElement(x.a,{dataElement:"".concat(w.a.PAGE_MANIPULATION_FLYOUT_MULTI_SELECT,"Button"),toggleElement:w.a.PAGE_MANIPULATION_FLYOUT_MULTI_SELECT,title:"action.more",img:"icon-tool-more"}),i.a.createElement("div",{className:"indicator"})))}le.propTypes={parentElement:g.a.string};var ce=le;n(1746);function ue(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,a,r,i,l=[],c=!0,u=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=r.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return se(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?se(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function se(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=Array(t);n<t;n++)o[n]=e[n];return o}function de(e,t){for(var n="",o=e.sort((function(e,t){return e-t})),a=null,r=0;o.length>r;r++)o[r+1]===o[r]+1?a=null!==a?a:o[r]:null!==a?(n="".concat(n).concat(t[a],"-").concat(t[o[r]],", "),a=null):n="".concat(n).concat(t[o[r]],", ");return n.slice(0,-2)}var me=function(e){var t=e.shouldShowControls,n=e.parentElement,o=ue(Object(O.a)(),1)[0],a=Object(l.d)(),c=ue(Object(l.e)((function(e){return[p.a.getSelectedThumbnailPageIndexes(e),p.a.isElementDisabled(e,"documentControl"),p.a.getPageLabels(e),p.a.isThumbnailSelectingPages(e),p.a.getFeatureFlags(e)]})),5),u=c[0],s=c[1],d=c[2],m=c[3],f=c[4],g=de(u,d),v=ue(Object(r.useState)(g),2),w=v[0],x=v[1],E=ue(Object(r.useState)(g),2),C=E[0],T=E[1],j=f.customizableUI;Object(r.useEffect)((function(){x(de(u,d))}),[x,u,t,d]);var A=function(){a(h.a.setThumbnailSelectingPages(!0))};return s?null:i.a.createElement("div",{className:"documentControlsContainer","data-element":"documentControl"},t?i.a.createElement("div",{className:"documentControls"},i.a.createElement("div",{className:"divider"}),m&&i.a.createElement(ce,{parentElement:n}),j&&i.a.createElement("label",{className:"documentControlsLabel",htmlFor:"pageNumbersInput"},i.a.createElement("span",null,o("option.thumbnailPanel.multiSelectPages")," -"),i.a.createElement("span",{className:"multiSelectExampleLabel"},o("option.thumbnailPanel.multiSelectPagesExample"))),i.a.createElement("div",{className:"documentControlsInput"},i.a.createElement("input",{name:"pageNumbersInput",onBlur:function(e){var t=e.target.value.replace(/ /g,""),n=t?Object(q.a)(t,d):[],o=n.map((function(e){return e-1}));if(n.length||!t){a(h.a.setSelectedPageThumbnails(o));var r=de(u,d);x(r),T(r)}else x(C);u.length>0&&!m&&setTimeout((function(){w!==C&&A()}),100)},onChange:function(e){x(e.target.value)},value:w,placeholder:j?"":"1, 3, 5-10","aria-label":o("option.thumbnailPanel.enterPageNumbers"),className:"pagesInput",type:"text"}),i.a.createElement("div",{className:"documentControlsButton"},m?i.a.createElement(y.a,{img:"icon-close",title:"option.documentControls.closeTooltip",onClick:function(){a(h.a.setSelectedPageThumbnails([b.a.getCurrentPage()-1])),a(h.a.setThumbnailSelectingPages(!1))},dataElement:"thumbCloseMultiSelect"}):i.a.createElement(y.a,{img:"icon-tool-select-pages",title:"option.documentControls.selectTooltip",onClick:A,dataElement:"thumbMultiSelect"})))):null)};me.propTypes={isDisabled:g.a.bool,pageLabels:g.a.arrayOf(g.a.string),toggleDocumentControl:g.a.func,shouldShowControls:g.a.bool};var pe=me,he=n(322),be=n(292),fe=n(53),ge=n(55),ve=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return function(o){return o(h.a.openElement(w.a.LOADING_MODAL)),new Promise((function(a,r){b.a.mergeDocument(e,t).then((function(e){o(h.a.closeElement(w.a.LOADING_MODAL)),b.a.setCurrentPage(t),n&&Object(fe.a)(ge.a.DOCUMENT_MERGED,e),a(e)})).catch((function(e){r(e),o(h.a.closeElement(w.a.LOADING_MODAL))}))}))}};n(1748);function ye(e){return(ye="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function we(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function xe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?we(Object(n),!0).forEach((function(t){Ee(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):we(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ee(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=ye(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!=ye(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==ye(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ce(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,a,r,i,l=[],c=!0,u=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=r.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Oe(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Oe(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Oe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=Array(t);n<t;n++)o[n]=e[n];return o}var Te=function(e){var t=e.panelSelector,n=e.parentDataElement,o=Object(l.e)((function(e){return p.a.isElementOpen(e,"leftPanel")})),s=Object(l.e)((function(e){return p.a.isElementDisabled(e,"thumbnailsPanel")})),f=Object(l.e)(p.a.getTotalPages),g=Object(l.e)(p.a.getCurrentPage),v=Object(l.e)((function(e){return p.a.getSelectedThumbnailPageIndexes(e)}),l.c),x=Object(l.e)(p.a.getIsThumbnailMergingEnabled),E=Object(l.e)(p.a.getIsThumbnailReorderingEnabled),C=Object(l.e)(p.a.getIsMultipleViewerMerging),T=Object(l.e)((function(e){return p.a.isElementDisabled(e,"thumbnailControl")})),j=Object(l.e)((function(e){return p.a.isElementDisabled(e,"thumbnailsSizeSlider")})),A=Object(l.e)(p.a.isReaderMode),P=Object(l.e)(p.a.isViewOnly),k=Object(l.e)(p.a.isDocumentReadOnly),S=Object(l.e)((function(e){return p.a.getTotalPages(e,2)})),L=Object(l.e)(p.a.getActiveDocumentViewerKey),N=Object(l.e)(p.a.openingPageManipulationOverlayByRightClickEnabled),D=Object(l.e)(p.a.getFeatureFlags,l.c),M=Object(l.e)(p.a.isContentEditingEnabled),_=Ce(Object(O.a)(),1)[0],z=Object(R.a)(),H=Object(r.useRef)(),U=Object(r.useRef)([]),B=Object(r.useRef)([]),F=Object(r.useRef)(null),W=Ce(Object(r.useState)(!1),2),G=W[0],V=W[1],q=Ce(Object(r.useState)(!0),2),Y=q[0],$=q[1],X=Ce(Obj