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

2 lines 16 kB
(window.webpackJsonpWebViewerUI=window.webpackJsonpWebViewerUI||[]).push([[60],{1940:function(e,t,n){var o=n(36),i=n(1941);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.i,i,""]]);var a={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 i=t[o];if(0===o)i.shadowRoot.appendChild(e),e.onload=function(){n.length>0&&n.forEach(t=>{t.innerHTML=e.innerHTML})};else{const t=e.cloneNode(!0);i.shadowRoot.appendChild(t),n.push(t)}}},singleton:!1};o(i,a);e.exports=i.locals||{}},1941:function(e,t,n){(t=e.exports=n(37)(!1)).push([e.i,".open.ContextMenuPopup{visibility:visible}.closed.ContextMenuPopup{visibility:hidden}: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}.ContextMenuPopup{position:absolute;z-index:70;display:flex;justify-content:center;align-items:center}.ContextMenuPopup:empty{padding:0}.ContextMenuPopup .buttons{display:flex}.ContextMenuPopup .Button{margin:4px;width:32px;height:32px}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .ContextMenuPopup .Button{width:42px;height:42px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .ContextMenuPopup .Button{width:42px;height:42px}}.ContextMenuPopup .Button:hover{background:var(--popup-button-hover)}.ContextMenuPopup .Button:hover:disabled{background:none}.ContextMenuPopup .Button .Icon{width:18px;height:18px}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .ContextMenuPopup .Button .Icon{width:24px;height:24px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .ContextMenuPopup .Button .Icon{width:24px;height:24px}}.is-vertical.ContextMenuPopup .Button.main-menu-button{width:100%;border-radius:0;justify-content:flex-start;padding-inline-start:var(--padding-small);padding-inline-end:var(--padding-small);margin:0 0 var(--padding-tiny) 0}.is-vertical.ContextMenuPopup .Button.main-menu-button:first-child{margin-top:var(--padding-tiny)}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .is-vertical.ContextMenuPopup .Button.main-menu-button{width:100%;height:32px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .is-vertical.ContextMenuPopup .Button.main-menu-button{width:100%;height:32px}}.is-vertical.ContextMenuPopup .Button.main-menu-button .Icon{margin-inline-end:10px}.is-vertical.ContextMenuPopup .Button.main-menu-button span{white-space:nowrap}@keyframes bottom-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes up-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.ContextMenuPopup{box-shadow:0 0 3px 0 var(--document-box-shadow);background:var(--component-background);border-radius:4px}.ContextMenuPopup.is-horizontal .container{display:inherit}.ContextMenuPopup.is-vertical{flex-direction:column;align-items:flex-start}.ContextMenuPopup.isOfficeEditor .container{display:block}.ContextMenuPopup.isOfficeEditor .container .office-action-item{width:300px;padding:8px;display:flex;justify-content:space-between;cursor:pointer}.ContextMenuPopup.isOfficeEditor .container .office-action-item:hover{background-color:var(--blue-4)}.ContextMenuPopup.isOfficeEditor .container .office-action-item.disabled{cursor:default;background-color:inherit;color:var(--disabled-text)}.ContextMenuPopup.isOfficeEditor .container .office-action-item .icon-title{display:flex;align-items:center}.ContextMenuPopup.isOfficeEditor .container .office-action-item .icon-title .Icon{margin-inline-end:10px}.ContextMenuPopup.isOfficeEditor .container .office-action-item .shortcut{display:flex;align-items:center}.ContextMenuPopup .divider{height:1px;background:var(--divider);margin-top:8px;margin-bottom:8px;width:100%}",""]),t.locals={LEFT_HEADER_WIDTH:"41px",RIGHT_HEADER_WIDTH:"41px"}},2136:function(e,t,n){"use strict";n.r(t);n(9),n(10),n(14),n(32),n(38),n(34),n(27),n(21),n(20),n(12),n(22),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(11),n(31),n(13),n(93);var o=n(0),i=n.n(o),a=n(15),r=n.n(a),c=n(185),l=n.n(c),u=n(6),s=n(326),d=n(307),p=n(81),m=n(1855),f=n(51),E=n(148),b=n(98),h=n(3),g=n(4),O=n(1),x=n(45),C=n(62),w=n(23),y=n(5),T=n(76);n(1940);function v(e){return(v="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 P(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 _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function k(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=v(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!=v(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==v(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(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,i,a,r,c=[],l=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(o=a.call(n)).done)&&(c.push(o.value),c.length!==t);l=!0);}catch(e){u=!0,i=e}finally{try{if(!l&&null!=n.return&&(r=n.return(),Object(r)!==r))return}finally{if(u)throw i}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return M(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)?M(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 M(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 I=function(e){var t=e.dataElement,n=e.onClick,o=e.img,a=e.title,c=e.shortcut,l=void 0===c?"":c,s=e.disabled,p=void 0!==s&&s,m=j(Object(d.a)(),1)[0],E=Object(u.d)();return i.a.createElement("div",{className:r()("office-action-item",{disabled:p}),onClick:function(e){p||(n(),E(h.a.closeElement(y.a.CONTEXT_MENU_POPUP))),e.stopPropagation()},tabIndex:p?-1:0,"data-element":t,onKeyDown:function(e){"Enter"!==e.key||p||(n(),E(h.a.closeElement(y.a.CONTEXT_MENU_POPUP)))}},i.a.createElement("div",{className:"icon-title"},o&&i.a.createElement(f.a,{glyph:o,disabled:p}),!o&&i.a.createElement("span",{className:"Icon"}),i.a.createElement("div",null,m(a))),i.a.createElement("div",{className:"shortcut"},l))},N=function(e){var t=e.clickPosition,n=Object(u.e)((function(e){return g.a.isElementOpen(e,y.a.CONTEXT_MENU_POPUP)})),a=Object(u.e)((function(e){return g.a.isElementDisabled(e,y.a.CONTEXT_MENU_POPUP)})),c=Object(u.e)(g.a.isRightClickAnnotationPopupEnabled),f=Object(u.e)(g.a.isMultiViewerMode),v=Object(u.e)(g.a.getActiveDocumentViewerKey),P=Object(u.e)(g.a.isCursorInTable),k=Object(u.e)(g.a.isSpreadsheetEditorModeEnabled),M=Object(u.e)(g.a.getSpreadsheetEditorEditMode),N=M===T.h.VIEW_ONLY,R=j(Object(o.useState)(k&&N),2),A=R[0],S=R[1],F=j(Object(d.a)(),1)[0],B=Object(u.d)(),D=Object(u.f)(),U=j(Object(o.useState)({left:0,top:0}),2),L=U[0],H=U[1],W=Object(o.useRef)(),V=!!x.l||Object(x.k)();Object(E.a)(W,(function(){B(h.a.closeElement(y.a.CONTEXT_MENU_POPUP))})),Object(o.useEffect)((function(){n&&B(h.a.closeElements([y.a.ANNOTATION_POPUP,y.a.TEXT_POPUP,y.a.INLINE_COMMENT_POPUP]))}),[n]),Object(o.useEffect)((function(){var e=M===T.h.VIEW_ONLY;S(k&&e)}),[k,M]),Object(o.useLayoutEffect)((function(){if(!A){var e=W.current.getBoundingClientRect(),n=e.width,o=e.height,i=f?"#DocumentContainer".concat(v):".DocumentContainer",a=Object(w.a)().querySelector(i);if(a){var r=a.getBoundingClientRect(),c=X(t,r,n,o),l=c.left,u=c.top;H({left:l,top:u})}}}),[t,f,v,A]);var X=function(e,t,n,o){var i=e.left,a=e.top,r=Y(),c=r.offsetLeft,l=r.offsetTop;i-=c+window.scrollX,a-=l+window.scrollY;return i<t.left-c&&(i=t.left+2-c),i+n>t.right-c&&(i=t.right-n-2-c),a<t.top-l&&(a=t.top+2-l),a+o>t.bottom-l&&(a=t.bottom-l-o-2),{left:i,top:a}},Y=function(){var e=0,t=0;if(window.isApryseWebViewerWebComponent){var n,o=null===(n=Object(w.a)())||void 0===n?void 0:n.host,i=null==o?void 0:o.getBoundingClientRect();i&&(e=i.left,t=i.top,e+=o.scrollLeft,t+=o.scrollTop)}return{offsetLeft:e,offsetTop:t}},z=x.j?"⌘ Command":"Ctrl",q=x.j?"⌘Cmd":"Ctrl",G=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];if(x.c){var t=F(e?"officeEditor.pastingTitle":"officeEditor.pastingWithoutFormatTitle"),n=F(e?"officeEditor.pastingMessage":"officeEditor.pastingWithoutFormatMessage"),o="".concat(z,e?" + V":" + Shift + V"),i=F("action.close"),a={message:"".concat(n,":\n\n").concat(o),title:t,confirmBtnText:i,onConfirm:function(){setTimeout((function(){O.a.getViewerElement().focus()}))},onCancel:function(){setTimeout((function(){O.a.getViewerElement().focus()}))}};B(h.a.showWarningMessage(a))}else O.a.getOfficeEditor().pasteText(e)};if(a)return null;var J=i.a.createElement("div",{className:r()("Popup","ContextMenuPopup",{open:n,closed:!n,isOfficeEditor:Object(C.p)(),"is-vertical":c&&!Object(C.p)(),"is-horizontal":!c&&!Object(C.p)()}),ref:W,"data-element":y.a.CONTEXT_MENU_POPUP,style:_({},L),onClick:function(){return B(h.a.closeElement(y.a.CONTEXT_MENU_POPUP))}},i.a.createElement(s.a,{locked:n&&0!==L.top&&0!==L.left},i.a.createElement("div",{className:"container"},Object(C.p)()?i.a.createElement(i.a.Fragment,null,i.a.createElement(I,{title:"action.cut",img:"icon-cut",dataElement:y.a.OFFICE_EDITOR_CUT,onClick:function(){return O.a.getOfficeEditor().cutSelectedText()},shortcut:"".concat(q,"+X"),disabled:!O.a.getOfficeEditor().isTextSelected()}),i.a.createElement(I,{title:"action.copy",img:"icon-copy",dataElement:y.a.OFFICE_EDITOR_COPY,onClick:function(){return O.a.getOfficeEditor().copySelectedText()},shortcut:"".concat(q,"+C"),disabled:!O.a.getOfficeEditor().isTextSelected()}),i.a.createElement(I,{title:"action.paste",img:"icon-paste",dataElement:y.a.OFFICE_EDITOR_PASTE,onClick:function(){return G()},shortcut:"".concat(q,"+V")}),i.a.createElement(I,{title:"action.pasteWithoutFormatting",img:"icon-paste-without-formatting",dataElement:y.a.OFFICE_EDITOR_PASTE_WITHOUT_FORMATTING,onClick:function(){return G(!1)},shortcut:"".concat(q,"+Shift+V")}),!P&&i.a.createElement(I,{title:"action.delete",img:"icon-delete-line",dataElement:y.a.OFFICE_EDITOR_DELETE,onClick:function(){return O.a.getOfficeEditor().removeSelection()},disabled:!(O.a.getOfficeEditor().isTextSelected()||O.a.getOfficeEditor().isImageSelected())}),P&&i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:"divider"}),i.a.createElement(I,{title:"officeEditor.insertRowAbove",dataElement:y.a.OFFICE_EDITOR_INSERT_ROW_ABOVE,onClick:function(){return O.a.getOfficeEditor().insertRows(1,!0)}}),i.a.createElement(I,{title:"officeEditor.insertRowBelow",dataElement:y.a.OFFICE_EDITOR_INSERT_ROW_BELOW,onClick:function(){return O.a.getOfficeEditor().insertRows(1,!1)}}),i.a.createElement(I,{title:"officeEditor.insertColumnRight",dataElement:y.a.OFFICE_EDITOR_INSERT_COLUMN_RIGHT,onClick:function(){return O.a.getOfficeEditor().insertColumns(1,!0)}}),i.a.createElement(I,{title:"officeEditor.insertColumnLeft",dataElement:y.a.OFFICE_EDITOR_INSERT_COLUMN_LEFT,onClick:function(){return O.a.getOfficeEditor().insertColumns(1,!1)}}),i.a.createElement(I,{title:"officeEditor.deleteRow",dataElement:y.a.OFFICE_EDITOR_DELETE_ROW,onClick:function(){return O.a.getOfficeEditor().removeRows()}}),i.a.createElement(I,{title:"officeEditor.deleteColumn",dataElement:y.a.OFFICE_EDITOR_DELETE_COLUMN,onClick:function(){return O.a.getOfficeEditor().removeColumns()}}),i.a.createElement(I,{title:"officeEditor.deleteTable",dataElement:y.a.OFFICE_EDITOR_DELETE_TABLE,onClick:function(){return O.a.getOfficeEditor().removeTable()}}))):i.a.createElement(m.a,{dataElement:y.a.CONTEXT_MENU_POPUP,childrenClassName:"main-menu-button"},i.a.createElement(p.a,{className:"main-menu-button",dataElement:"panToolButton",label:c?"tool.pan":"",title:c?"":"tool.pan",img:"icon-header-pan",onClick:function(){return Object(b.a)(D,"Pan")}}),i.a.createElement(p.a,{className:"main-menu-button",dataElement:"stickyToolButton",label:c?"annotation.stickyNote":"",title:c?"":"annotation.stickyNote",img:"icon-tool-comment-line",onClick:function(){return Object(b.a)(D,"AnnotationCreateSticky")}}),i.a.createElement(p.a,{className:"main-menu-button",dataElement:"highlightToolButton",label:c?"annotation.highlight":"",title:c?"":"annotation.highlight",img:"icon-tool-highlight",onClick:function(){return Object(b.a)(D,"AnnotationCreateTextHighlight")}}),i.a.createElement(p.a,{className:"main-menu-button",dataElement:"freeHandToolButton",label:c?"annotation.freehand":"",title:c?"":"annotation.freehand",img:"icon-tool-pen-line",onClick:function(){return Object(b.a)(D,"AnnotationCreateFreeHand")}}),i.a.createElement(p.a,{className:"main-menu-button",dataElement:"freeHandHighlightToolButton",label:c?"annotation.freeHandHighlight":"",title:c?"":"annotation.freeHandHighlight",img:"icon-tool-pen-highlight",onClick:function(){return Object(b.a)(D,"AnnotationCreateFreeHandHighlight")}}),i.a.createElement(p.a,{className:"main-menu-button",dataElement:"freeTextToolButton",label:c?"annotation.freetext":"",title:c?"":"annotation.freetext",img:"icon-tool-text-free-text",onClick:function(){return Object(b.a)(D,"AnnotationCreateFreeText")}}),i.a.createElement(p.a,{className:"main-menu-button",dataElement:"markInsertTextToolButton",label:c?"annotation.markInsertText":"",title:c?"":"annotation.markInsertText",img:"ic-insert text",onClick:function(){return Object(b.a)(D,"AnnotationCreateMarkInsertText")}}),i.a.createElement(p.a,{className:"main-menu-button",dataElement:"markReplaceTextToolButton",label:c?"annotation.markReplaceText":"",title:c?"":"annotation.markReplaceText",img:"ic-replace text",onClick:function(){return Object(b.a)(D,"AnnotationCreateMarkReplaceText")}})))));return A?null:x.e||V?J:i.a.createElement(l.a,{cancel:".Button, .cell, .sliders-container svg, select, button, input"},J)},R=i.a.memo(N);t.default=R}}]); //# sourceMappingURL=chunk.60.js.map