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 • 10.3 kB
(window.webpackJsonpWebViewerUI=window.webpackJsonpWebViewerUI||[]).push([[67],{1948:function(n,t,e){var o=e(36),i=e(1949);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[n.i,i,""]]);var a={insert:function(n){if(!window.isApryseWebViewerWebComponent)return void document.head.appendChild(n);let t;t=document.getElementsByTagName("apryse-webviewer"),t.length||(t=function n(t,e=document){const o=[];return e.querySelectorAll(t).forEach(n=>o.push(n)),e.querySelectorAll("*").forEach(e=>{e.shadowRoot&&o.push(...n(t,e.shadowRoot))}),o}("apryse-webviewer"));const e=[];for(let o=0;o<t.length;o++){const i=t[o];if(0===o)i.shadowRoot.appendChild(n),n.onload=function(){e.length>0&&e.forEach(t=>{t.innerHTML=n.innerHTML})};else{const t=n.cloneNode(!0);i.shadowRoot.appendChild(t),e.push(t)}}},singleton:!1};o(i,a);n.exports=i.locals||{}},1949:function(n,t,e){(t=n.exports=e(37)(!1)).push([n.i,".open.LinkAnnotationPopupContainer{visibility:visible}.closed.LinkAnnotationPopupContainer{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}.LinkAnnotationPopupContainer{position:absolute;z-index:70;display:flex;justify-content:center;align-items:center}.LinkAnnotationPopupContainer:empty{padding:0}.LinkAnnotationPopupContainer .buttons{display:flex}.LinkAnnotationPopupContainer .Button{margin:4px;width:32px;height:32px}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .LinkAnnotationPopupContainer .Button{width:42px;height:42px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .LinkAnnotationPopupContainer .Button{width:42px;height:42px}}.LinkAnnotationPopupContainer .Button:hover{background:var(--popup-button-hover)}.LinkAnnotationPopupContainer .Button:hover:disabled{background:none}.LinkAnnotationPopupContainer .Button .Icon{width:18px;height:18px}@media(max-width:640px){.App:not(.is-in-desktop-only-mode):not(.is-web-component) .LinkAnnotationPopupContainer .Button .Icon{width:24px;height:24px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .LinkAnnotationPopupContainer .Button .Icon{width:24px;height:24px}}.is-vertical.LinkAnnotationPopupContainer .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.LinkAnnotationPopupContainer .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.LinkAnnotationPopupContainer .Button.main-menu-button{width:100%;height:32px}}@container (max-width: 640px){.App.is-web-component:not(.is-in-desktop-only-mode) .is-vertical.LinkAnnotationPopupContainer .Button.main-menu-button{width:100%;height:32px}}.is-vertical.LinkAnnotationPopupContainer .Button.main-menu-button .Icon{margin-inline-end:10px}.is-vertical.LinkAnnotationPopupContainer .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%)}}.LinkAnnotationPopupContainer{border-radius:4px;box-shadow:0 0 3px 0 var(--document-box-shadow);background:var(--component-background)}.LinkAnnotationPopup.is-horizontal .contents{display:flex;justify-content:center;align-items:center}.LinkAnnotationPopup.is-horizontal .contents .link-annot-input{margin:8px;color:var(--gray-8);font-style:normal;font-weight:400;line-height:normal;border:none;width:-moz-fit-content;width:fit-content;max-width:240px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;box-sizing:border-box;word-break:break-all}.LinkAnnotationPopup.is-horizontal .contents .divider{width:1px;height:20px;background:var(--divider);flex-shrink:0}.LinkAnnotationPopup.is-horizontal .contents .main-menu-button{margin:4px 8px}",""]),t.locals={LEFT_HEADER_WIDTH:"41px",RIGHT_HEADER_WIDTH:"41px"}},2122:function(n,t,e){"use strict";e.r(t);e(9),e(10),e(14),e(32),e(34),e(83),e(27),e(21),e(20),e(12),e(22),e(33),e(18),e(16),e(29),e(49),e(24),e(48),e(50),e(35),e(8),e(17),e(19),e(11),e(31),e(13);var o=e(3),i=e(15),a=e.n(i),r=e(1),p=e(5),l=e(61),u=e(231),s=e(66),c=e(81),d=e(2),m=e.n(d),h=e(0),b=e.n(h),f=(e(1948),{handleUnLink:m.a.func,isAnnotation:m.a.bool,isMobileDevice:m.a.bool,linkText:m.a.string,handleOnMouseEnter:m.a.func,handleOnMouseLeave:m.a.func,handleMouseMove:m.a.func}),w=function(n){var t=n.handleUnLink,e=n.isAnnotation,o=n.isMobileDevice,i=n.linkText,r=n.handleOnMouseEnter,l=n.handleOnMouseLeave,u=n.handleMouseMove;return o||!e?null:b.a.createElement("div",{"data-testid":"link-annotation-element",className:a()({Popup:!0,LinkAnnotationPopup:!0,"is-horizontal":!0}),onMouseEnter:r,onMouseLeave:l,onMouseMove:u},b.a.createElement("div",{className:"contents","data-element":p.a.LINK_URI},i&&b.a.createElement(b.a.Fragment,null,b.a.createElement("div",{className:"link-annot-input"},i),b.a.createElement("div",{className:"divider"})),b.a.createElement(c.a,{className:"main-menu-button",dataElement:p.a.LINK_ANNOTATION_UNLINK_BUTTON,title:"action.unlink",img:"icon-tool-unlink",onClick:t})))};w.propTypes=f;var y=w,v=e(4),x=e(485),g=e(148),A=e(6),k=e(497);function O(n){return(O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}function P(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,o)}return e}function L(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?P(Object(e),!0).forEach((function(t){E(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):P(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}function E(n,t,e){return(t=function(n){var t=function(n,t){if("object"!=O(n)||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var o=e.call(n,t||"default");if("object"!=O(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}(n,"string");return"symbol"==O(t)?t:t+""}(t))in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function j(n,t){return function(n){if(Array.isArray(n))return n}(n)||function(n,t){var e=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=e){var o,i,a,r,p=[],l=!0,u=!1;try{if(a=(e=e.call(n)).next,0===t){if(Object(e)!==e)return;l=!1}else for(;!(l=(o=a.call(e)).done)&&(p.push(o.value),p.length!==t);l=!0);}catch(n){u=!0,i=n}finally{try{if(!l&&null!=e.return&&(r=e.return(),Object(r)!==r))return}finally{if(u)throw i}}return p}}(n,t)||function(n,t){if(n){if("string"==typeof n)return N(n,t);var e={}.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?N(n,t):void 0}}(n,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 N(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,o=Array(t);e<t;e++)o[e]=n[e];return o}var C=window.Core.Annotations,M={annotation:m.a.object,handleOnMouseEnter:m.a.func,handleOnMouseLeave:m.a.func},T=function(n){var t=n.annotation,e=n.handleOnMouseEnter,i=n.handleOnMouseLeave,c=j(Object(A.e)((function(n){return[v.a.isElementOpen(n,p.a.LINK_ANNOTATION_POPUP),v.a.getActiveDocumentViewerKey(n)]}),A.c),2),d=c[0],m=c[1],f=j(Object(h.useState)({left:0,top:0}),2),w=f[0],O=f[1],P=Object(A.d)(),E=Object(h.useRef)(null),N=Object(A.f)(),M=function(){return P(o.a.closeElement(p.a.LINK_ANNOTATION_POPUP))};Object(g.a)(E,(function(){d&&M()})),Object(h.useEffect)((function(){var n=function(){M()},t=r.a.getScrollViewElement();return null==t||t.addEventListener("scroll",n),function(){null==t||t.removeEventListener("scroll",n)}}),[]),Object(h.useLayoutEffect)((function(){(t||d)&&T()}),[t,d,m]);var T=function(){t&&E.current&&O(Object(u.c)(t,E,m,5))},I=Object(x.a)(t,N)||"",S=a()({Popup:!0,LinkAnnotationPopupContainer:!0,open:d,closed:!d}),B=void 0!==t;return b.a.createElement(l.a,{dataElement:p.a.LINK_ANNOTATION_POPUP,className:S,style:L({},w),ref:E},b.a.createElement(y,{linkText:I,handleUnLink:function(){!function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,e=r.a.getAnnotationManager(t),o=e.getGroupAnnotations(n).find((function(n,t){return n instanceof C.TextHighlightAnnotation&&0===n.Opacity&&0===t})),i=Object(k.a)(n);i.forEach((function(n){e.ungroupAnnotations([n]),o&&e.deleteAnnotation(n,{source:"unlink"},!0)})),o&&e.deleteAnnotation(o,{source:"unlink"},!0),e.deleteAnnotation(n,{source:"unlink"},!0)}(t,m),M(),i()},isAnnotation:B,isMobileDevice:Object(s.b)(),handleOnMouseEnter:e,handleOnMouseLeave:i,handleMouseMove:function(n){n.preventDefault(),n.stopPropagation()}}))};T.propTypes=M;var I=T;t.default=I}}]); //# sourceMappingURL=chunk.67.js.map