@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 • 12.9 kB
JavaScript
(window.webpackJsonpWebViewerUI=window.webpackJsonpWebViewerUI||[]).push([[74],{2030:function(e,t,n){var o=n(36),r=n(2031);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[e.i,r,""]]);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 r=t[o];if(0===o)r.shadowRoot.appendChild(e),e.onload=function(){n.length>0&&n.forEach(t=>{t.innerHTML=e.innerHTML})};else{const t=e.cloneNode(!0);r.shadowRoot.appendChild(t),n.push(t)}}},singleton:!1};o(r,a);e.exports=r.locals||{}},2031: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}.OpenFileModal .container .footer .modal-btn.disabled{cursor:default;background:var(--disabled-button-color);color:var(--primary-button-text)}.OpenFileModal .container .footer .modal-btn.disabled span{color:var(--primary-button-text)}.OpenFileModal .container{overflow-y:unset;width:600px}.OpenFileModal .container .footer .modal-btn{color:var(--tab-footer-button-color);border:none}.OpenFileModal .container .footer .modal-btn.disabled span{color:var(--tab-footer-button-color)}.OpenFileModal .container .tab-list .tab-options-divider+.tab-options-button{border-inline-start:none!important}.OpenFileModal .container .tab-list .tab-options-button{border-top:1px solid var(--tab-border-color);border-bottom:1px solid var(--tab-border-color)}.OpenFileModal .container .tab-list .tab-options-button:first-child{border-inline-start:1px solid var(--tab-border-color)}.OpenFileModal .container .tab-list .tab-options-button:last-child{border-inline-end:1px solid var(--tab-border-color)}.OpenFileModal .container .tab-list .tab-options-button:hover{background:var(--tab-background-color-hover);border-top:1px solid var(--tab-border-color-hover);border-bottom:1px solid var(--tab-border-color-hover);border-inline-end:1px solid var(--tab-border-color-hover)}.OpenFileModal .container .tab-list .tab-options-button:hover+button,.OpenFileModal .container .tab-list .tab-options-button:hover+div{border-inline-start:none}.OpenFileModal .container .tab-list .tab-options-button.selected{background:var(--tab-color-selected);border:1px solid var(--tab-color-selected);color:var(--tab-text-color-selected)}.OpenFileModal .container .tab-list .tab-options-button.selected+button,.OpenFileModal .container .tab-list .tab-options-button.selected+div{border-inline-start:none!important}.OpenFileModal .container .tab-list .tab-options-button:not(.selected){border-inline-end:solid 1px var(--tab-border-color)}.OpenFileModal .image-signature{height:240px!important;width:100%}.OpenFileModal .error{color:red;margin:5px}",""]),t.locals={LEFT_HEADER_WIDTH:"41px",RIGHT_HEADER_WIDTH:"41px"}},2142:function(e,t,n){"use strict";n.r(t);n(9),n(10),n(14),n(21),n(77),n(20),n(12),n(269),n(119),n(22),n(18),n(26),n(16),n(40),n(24),n(41),n(42),n(8),n(57),n(17),n(19),n(11),n(136),n(13),n(313),n(314),n(315);var o=n(0),r=n.n(o),a=n(6),i=n(140),l=n(15),c=n.n(l),s=n(39),d=n(43),u=n(307),p=n(141),b=n(1887),m=n(492),f=n(4),v=n(3),h=n(5),E=n(383),w=n(164),y=(n(1806),n(2030),n(1)),O=n(2),x=n.n(O);function g(){/*! 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",r=n.toStringTag||"@@toStringTag";function a(n,o,r,a){var c=o&&o.prototype instanceof l?o:l,s=Object.create(c.prototype);return M(s,"_invoke",function(n,o,r){var a,l,c,s=0,d=r||[],u=!1,p={p:0,n:0,v:e,a:b,f:b.bind(e,4),d:function(t,n){return a=t,l=0,c=e,p.n=n,i}};function b(n,o){for(l=n,c=o,t=0;!u&&s&&!r&&t<d.length;t++){var r,a=d[t],b=p.p,m=a[2];n>3?(r=m===o)&&(c=a[(l=a[4])?5:(l=3,3)],a[4]=a[5]=e):a[0]<=b&&((r=n<2&&b<a[1])?(l=0,p.v=o,p.n=a[1]):b<m&&(r=n<3||a[0]>o||o>m)&&(a[4]=n,a[5]=o,p.n=m,l=0))}if(r||n>1)return i;throw u=!0,o}return function(r,d,m){if(s>1)throw TypeError("Generator is already running");for(u&&1===d&&b(d,m),l=d,c=m;(t=l<2?e:c)||!u;){a||(l?l<3?(l>1&&(p.n=-1),b(l,c)):p.n=c:p.v=c);try{if(s=2,a){if(l||(r="next"),t=a[r]){if(!(t=t.call(a,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=a.return)&&t.call(a),l<2&&(c=TypeError("The iterator does not provide a '"+r+"' method"),l=1);a=e}else if((t=(u=p.n<0)?c:n.call(o,p))!==i)break}catch(t){a=e,l=1,c=t}finally{s=1}}return{value:t,done:u}}}(n,r,a),!0),s}var i={};function l(){}function c(){}function s(){}t=Object.getPrototypeOf;var d=[][o]?t(t([][o]())):(M(t={},o,(function(){return this})),t),u=s.prototype=l.prototype=Object.create(d);function p(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,s):(e.__proto__=s,M(e,r,"GeneratorFunction")),e.prototype=Object.create(u),e}return c.prototype=s,M(u,"constructor",s),M(s,"constructor",c),c.displayName="GeneratorFunction",M(s,r,"GeneratorFunction"),M(u),M(u,r,"Generator"),M(u,o,(function(){return this})),M(u,"toString",(function(){return"[object Generator]"})),(g=function(){return{w:a,m:p}})()}function M(e,t,n,o){var r=Object.defineProperty;try{r({},"",{})}catch(e){r=0}(M=function(e,t,n,o){if(t)r?r(e,t,{value:n,enumerable:!o,configurable:!o,writable:!o}):e[t]=n;else{var a=function(t,n){M(e,t,(function(e){return this._invoke(t,n,e)}))};a("next",0),a("throw",1),a("return",2)}})(e,t,n,o)}function F(e,t,n,o,r,a,i){try{var l=e[a](i),c=l.value}catch(e){return void n(e)}l.done?t(c):Promise.resolve(c).then(o,r)}function A(e){return function(){var t=this,n=arguments;return new Promise((function(o,r){var a=e.apply(t,n);function i(e){F(a,o,r,i,l,"next",e)}function l(e){F(a,o,r,i,l,"throw",e)}i(void 0)}))}}function S(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,r,a,i,l=[],c=!0,s=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=a.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw r}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return k(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)?k(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 k(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 N=function(e){var t=e.isDisabled,n=e.isOpen,l=e.tabManager,v=e.closeElements,O=Object(u.a)().t,x=S(Object(a.e)((function(e){return[f.a.getSelectedTab(e,"openFileModal")]})),1)[0],M=S(Object(o.useState)(""),2),F=M[0],k=M[1],N=S(Object(o.useState)("pdf"),2),_=N[0],j=N[1],D=S(Object(o.useState)(),2),T=D[0],L=D[1],R=S(Object(o.useState)(),2),I=R[0],P=R[1],C=S(Object(o.useState)({fileError:"",urlError:"",extensionError:""}),2),G=C[0],H=C[1],B=S(Object(o.useState)(null),2),U=B[0],W=B[1],V=function(){k(""),H({fileError:"",urlError:""}),L(null),j("pdf"),P(null),v([h.a.OPEN_FILE_MODAL])};Object(o.useEffect)((function(){n?v([h.a.PRINT_MODAL,h.a.LOADING_MODAL,h.a.PROGRESS_MODAL,h.a.ERROR_MODAL,h.a.MODEL3D_MODAL]):(k(""),H({fileError:"",urlError:""}),L(null),j(null),P(null))}),[n]);var q=function(){var e=A(g().m((function e(t,n,o,r){var a,c,s;return g().w((function(e){for(;;)switch(e.p=e.n){case 0:if(W(null),t){e.n=1;break}return e.a(2,H({urlError:"URL or File must be provided"}));case 1:if(n&&-1!==Z.indexOf(n)){e.n=2;break}return e.a(2,H({extensionError:"Extension must be provided"}));case 2:return a=!r||i.a.MAX_FILE_SIZE>r,e.p=3,e.n=4,y.a.createDocument(t);case 4:if(!(c=e.v)){e.n=5;break}return c.unloadResources(),e.n=5,l.addTab(t,{extension:n,filename:o,setActive:!0,saveCurrentActiveTabState:!0,useDB:a});case 5:e.n=7;break;case 6:e.p=6,s=e.v,W(O("message.urlInputFileLoadError")),console.error("Error adding tab:",s);case 7:return e.a(2)}}),e,null,[[3,6]])})));return function(t,n,o,r){return e.apply(this,arguments)}}(),z=c()({Modal:!0,OpenFileModal:!0,open:n,closed:!n}),J=/(?:\.([^.?]+))?$/,$=function(){var e=A(g().m((function e(t){var n,o,r,a;return g().w((function(e){for(;;)switch(e.n){case 0:if(H(null),t){e.n=1;break}return e.a(2);case 1:if(!(t instanceof window.Core.Document)){e.n=3;break}return e.n=2,q(t,t.type,t.filename);case 2:e.n=4;break;case 3:return n=window.Core.mimeTypeToExtension[t.type]||J.exec(t.name)[1]||null,o=t.name,r=t.size,a=URL.createObjectURL(t),k(a),L(o),j(n),P(r),e.n=4,q(t,n,o,r);case 4:return e.a(2)}}),e)})));return function(t){return e.apply(this,arguments)}}(),X=function(){var e=A(g().m((function e(t){var n;return g().w((function(e){for(;;)switch(e.n){case 0:H(null),k(t.trim()),n=t.substring(t.lastIndexOf("/")+1).split("?")[0],L(n),j(J.exec(n)[1]),P(null);case 1:return e.a(2)}}),e)})));return function(t){return e.apply(this,arguments)}}(),Z=!!Object(s.a)("webviewerServerURL",null)?window.Core.SupportedFileFormats.SERVER:window.Core.SupportedFileFormats.CLIENT;return Z=Z.reduce((function(e,t){return-1===e.indexOf(t)&&e.push(t),e}),[]),!t&&r.a.createElement("div",{className:z,"data-element":h.a.OPEN_FILE_MODAL,onMouseDown:V},r.a.createElement("div",{className:"container",onMouseDown:function(e){return e.stopPropagation()}},r.a.createElement(E.a,{title:O("OpenFile.newTab"),isOpen:n,closeButtonDataElement:"openFileModalClose",onCloseClick:V,swipeToClose:!0,closeHandler:V},r.a.createElement("div",{className:"swipe-indicator"}),r.a.createElement(p.d,{className:"open-file-modal-tabs",id:"openFileModal"},r.a.createElement("div",{className:"tabs-header-container"},r.a.createElement("div",{role:"tablist",className:"tab-list"},r.a.createElement(p.a,{dataElement:"urlInputPanelButton"},r.a.createElement("button",{role:"tab",className:"tab-options-button"},O("link.url"))),r.a.createElement("div",{className:"tab-options-divider"}),r.a.createElement(p.a,{dataElement:"filePickerPanelButton"},r.a.createElement("button",{role:"tab",className:"tab-options-button"},O("option.pageReplacementModal.localFile"))))),r.a.createElement(p.c,{dataElement:"urlInputPanel"},r.a.createElement("div",{className:"panel-body"},r.a.createElement(b.a,{onFileSelect:function(e){X(e)},error:U,acceptFormats:Z,extension:F.length&&null!=_&&_.length?_:"",setExtension:j,defaultValue:F}))),r.a.createElement(p.c,{dataElement:"filePickerPanel"},r.a.createElement("div",{className:"panel-body"},r.a.createElement(m.a,{onFileProcessed:function(e){return $(e)}})))),r.a.createElement("div",{className:"page-replacement-divider"}),r.a.createElement("div",{className:"footer"},(null==G?void 0:G.urlError)&&r.a.createElement("p",{className:"error"},"* ",G.urlError),(null==G?void 0:G.fileError)&&r.a.createElement("p",{className:"error"},"* ",G.fileError),(null==G?void 0:G.extensionError)&&r.a.createElement("p",{className:"error"},"* ",G.extensionError),r.a.createElement(d.a,{className:"modal-btn",dataElement:"linkSubmitButton",label:O("OpenFile.addTab"),style:{width:90},onClick:Object(w.a)((function(){return q(F,_,T,I)})),disabled:"urlInputPanelButton"!==x||!F.length||!(null!=_&&_.length)})))))};N.propTypes={isDisabled:x.a.bool,isOpen:x.a.bool,tabManager:x.a.instanceOf(i.a).isRequired,closeElements:x.a.func.isRequired};var _={closeElements:v.a.closeElements},j=Object(a.b)((function(e){return{isDisabled:f.a.isElementDisabled(e,h.a.OPEN_FILE_MODAL),isOpen:f.a.isElementOpen(e,h.a.OPEN_FILE_MODAL),tabManager:f.a.getTabManager(e)}}),_)(N);t.default=j}}]);
//# sourceMappingURL=chunk.74.js.map