@file-viewer/vue3 3.0.0 → 3.0.2
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.en.md +12 -1
- package/README.md +12 -1
- package/dist/components/asyncToGenerator.js +1 -1
- package/dist/components/export.js +1 -1
- package/dist/components/export2.js +1 -1
- package/dist/components/fit.js +1 -1
- package/dist/components/image.js +1 -1
- package/dist/components/messages.js +1 -1
- package/dist/components/print-mask.js +1 -1
- package/dist/components/printMask.js +1 -1
- package/dist/index.mjs +1 -1
- package/dist/src/package/common/type.d.ts +2 -1
- package/dist/src/package/components/FileViewer/loadingVisual.d.ts +11 -0
- package/dist/src/package/index.d.ts +1 -1
- package/dist/vue3.css +1 -1
- package/package.json +12 -9
package/dist/components/image.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const
|
|
1
|
+
const an=g;(function(x,y){const am=g,z=x();while(!![]){try{const A=parseInt(am(0x139))/0x1+parseInt(am(0x114))/0x2*(-parseInt(am(0x11c))/0x3)+parseInt(am(0x127))/0x4+-parseInt(am(0x125))/0x5*(-parseInt(am(0x122))/0x6)+-parseInt(am(0x12f))/0x7*(parseInt(am(0x112))/0x8)+parseInt(am(0x110))/0x9*(parseInt(am(0x13b))/0xa)+parseInt(am(0x136))/0xb*(-parseInt(am(0x131))/0xc);if(A===y)break;else z['push'](z['shift']());}catch(B){z['push'](z['shift']());}}}(b,0xedebb));import{t as j}from'./asyncToGenerator.js';function g(a,c){a=a-0x10d;const d=b();let e=d[a];return e;}function b(){const aD=['tabIndex','img','style','observe','image.lightbox.close','dialog','1939LGedLZ','trim','5409708FQLQFs','image-stage','destroy','preventDefault','open','11lgSUKL','createElement','alt','496793gNqDAZ','viewportWidth','6070AtIsBC','setAttribute','auto','min','click','clientHeight','key','width','apply','11241KKVzGA','ownerDocument','9512IyJRCo','image','6KPlBFZ','scale','true','call','type','emit','image/tiff','scale-down','1762647itlutJ','round','Unable\x20to\x20read\x20image\x20data\x20URL.','aria-hidden','removeEventListener','src','414UzgnaB','dataset','zoom','48770iBZcxE','naturalHeight','6357480wugSnO','onload'];b=function(){return aD;};return b();}import{f as k,i as q,r,u as v}from'./fit.js';import{t as w}from'./messages.js';var o={'avif':'image/avif','bmp':'image/bmp','gif':'image/gif','heic':'image/heic','heif':'image/heif','ico':'image/x-icon','jxl':'image/jxl','jpg':'image/jpeg','jpeg':'image/jpeg','png':'image/png','svg':'image/svg+xml','tif':'image/tiff','tiff':an(0x11a),'webp':'image/webp'},s='\x0a.image-viewer{position:relative;width:100%;height:100%;overflow:auto;background:var(--file-viewer-render-surface-background,#eef1f4);box-sizing:border-box}\x0a.image-stage{min-width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}\x0a.image-stage\x20img{display:block;width:auto;max-width:none;margin:0\x20auto;border:0;box-shadow:0\x2018px\x2048px\x20rgba(15,23,42,.16);background:#fff;cursor:zoom-in}\x0a.image-stage\x20img:focus-visible{outline:3px\x20solid\x20#2563eb;outline-offset:4px}\x0a.image-lightbox{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:40px;background:rgba(15,23,42,.9);box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;transition:opacity\x20.18s\x20ease,visibility\x200s\x20linear\x20.18s}\x0a.image-lightbox[data-open=\x27true\x27]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}\x0a.image-lightbox\x20img{display:block;max-width:100%;max-height:100%;object-fit:contain;background:#fff;box-shadow:0\x2030px\x2080px\x20rgba(0,0,0,.4);cursor:default;transform:scale(.985);transition:transform\x20.18s\x20ease}\x0a.image-lightbox[data-open=\x27true\x27]\x20img{transform:scale(1)}\x0a.image-lightbox\x20button{position:absolute;top:16px;right:16px;display:grid;width:40px;height:40px;place-items:center;padding:0;border:1px\x20solid\x20rgba(255,255,255,.7);border-radius:999px;background:rgba(255,255,255,.96);color:#172033;font:400\x2027px/1\x20Arial,sans-serif;cursor:pointer;box-shadow:0\x2012px\x2028px\x20rgba(0,0,0,.24);transition:background-color\x20.14s\x20ease,transform\x20.14s\x20ease}\x0a.image-lightbox\x20button:hover{background:#fff;transform:scale(1.04)}\x0a.image-lightbox\x20button:focus-visible{outline:3px\x20solid\x20#60a5fa;outline-offset:2px}\x0a[data-viewer-theme=\x27dark\x27]\x20.image-viewer{background:var(--file-viewer-render-surface-background,#101820)}\x0a@media\x20(prefers-color-scheme:dark){[data-viewer-theme=\x27system\x27]\x20.image-viewer{background:var(--file-viewer-render-surface-background,#101820)}}\x0a@media\x20(max-width:767px){.image-stage{padding:12px}.image-lightbox{padding:16px}.image-lightbox\x20button{top:12px;right:12px}}\x0a@media\x20(prefers-reduced-motion:reduce){.image-lightbox,.image-lightbox\x20img,.image-lightbox\x20button{transition:none}}\x0a',c=x=>{const ao=an;let y=x[ao(0x137)](ao(0x12b));return y['textContent']=s,y;},l=x=>o[(x||'')[an(0x130)]()['toLowerCase']()]||'image/*',u=(function(){var x=j(function*(y){return yield new Promise((z,A)=>{const ap=g;let B=new FileReader();B[ap(0x128)]=C=>{const aq=ap;var D;let E=(D=C['target'])==null?void 0x0:D['result'];if(typeof E=='string'){z(E);return;}A(Error(aq(0x11e)));},B['onerror']=()=>A(B['error']||Error('Unable\x20to\x20read\x20image\x20data\x20URL.')),B['readAsDataURL'](y);});});return function(y){const ar=g;return x[ar(0x10f)](this,arguments);};}()),d=(function(){var x=j(function*(y,z){let A=(z||'')['trim']()['toLowerCase']();if(A==='heic'||A==='heif')throw Error('HEIC/HEIF\x20image\x20conversion\x20has\x20moved\x20out\x20of\x20@file-viewer/core.\x20Install\x20and\x20pass\x20@file-viewer/renderer-image,\x20or\x20use\x20@file-viewer/preset-all.');return u(new Blob([y],{'type':l(A)}));});return function(y,z){return x['apply'](this,arguments);};}()),f=x=>Number(x['toFixed'](0x3)),p=(x,y,z)=>{const as=an;let A=x['createElement']('div');A['className']='image-lightbox',A[as(0x123)]['open']='false',A['setAttribute']('role',as(0x12e)),A[as(0x13c)]('aria-modal',as(0x116)),A['setAttribute'](as(0x11f),'true');let B=x['createElement'](as(0x12a));B['alt']=z('image.lightbox.alt'),B[as(0x121)]=y;let C=x['createElement']('button');C[as(0x118)]='button',C['setAttribute']('aria-label',z(as(0x12d))),C['textContent']='×';let D=null,E=()=>{const at=as;A['dataset'][at(0x135)]==='true'&&(A['dataset']['open']='false',A['setAttribute']('aria-hidden','true'),D!=null&&D['isConnected']&&D['focus']({'preventScroll':!0x0}),D=null);},F=G=>{const au=as;G['key']==='Escape'&&A['dataset']['open']==='true'&&(G[au(0x134)](),E());};return C['addEventListener'](as(0x13f),E),A['addEventListener'](as(0x13f),G=>{G['target']===A&&E();}),x['addEventListener']('keydown',F),A['append'](B,C),{'element':A,'open'(G){const av=as;D=G||(x['activeElement']instanceof HTMLElement?x['activeElement']:null),A[av(0x123)]['open']='true',A['setAttribute']('aria-hidden','false'),C['focus']({'preventScroll':!0x0});},'destroy'(){C['removeEventListener']('click',E),x['removeEventListener']('keydown',F),A['remove']();}};};function m(x,y,z,A){return h['apply'](this,arguments);}function h(){return h=j(function*(z,B,G,H){const aw=g;var J,K;let Q=w(H==null?void 0x0:H['options']),R=B[aw(0x111)]||document,U=yield d(z,G);(J=H==null?void 0x0:H['registerThumbnailAdapter'])==null||J['call'](H,{'capture':()=>new Blob([z],{'type':l(G)})});let V=0x1,W=0x1,X=0x1,Y=0x0,Z=q(),a0=R['createElement']('div');a0['className']='image-viewer',a0['dataset']['viewerZoomProvider']=aw(0x113);let a1=R[aw(0x137)]('div');a1['className']=aw(0x132);let a2=R[aw(0x137)](aw(0x12a));a2[aw(0x138)]=Q('image.alt'),a2[aw(0x121)]=U,a2[aw(0x129)]=0x0,a2['setAttribute']('role','button'),a2['setAttribute']('aria-haspopup','dialog'),a1['append'](a2),a0['append'](a1);let a3=p(R,U,Q),a4=()=>a3['open'](a2),a5=ae=>{const ax=aw;(ae['key']==='Enter'||ae[ax(0x10d)]==='\x20')&&(ae[ax(0x134)](),a3['open'](a2));};a2['addEventListener'](aw(0x13f),a4),a2['addEventListener']('keydown',a5);let a6=()=>Math[aw(0x13e)](0.1,W||0.1),a7=ae=>{const ay=aw;let af=a6();return Math[ay(0x13e)](0x5,Math['max'](af,f(ae)));},a8=()=>{const az=aw;let ae=a2['naturalWidth']||0x0,af=a2['naturalHeight']||0x0;if(!ae||!af)return 0x1;let ag=Math['max']((a0['clientWidth']||0x0)-0x30,0x1),ah=Math['max']((a0[az(0x140)]||Y||0x0)-0x30,0x1);return Math['min'](0x1,ag/ae,ah/af);},a9=()=>{const aA=aw;if(W=a8(),X=a7(W*V),a2['naturalWidth']&&a2['naturalHeight']){a2[aA(0x12b)]['width']=Math['max'](0x1,Math['round'](a2['naturalWidth']*X))+'px',a2['style']['height']=Math['max'](0x1,Math['round'](a2['naturalHeight']*X))+'px';return;}a2['style'][aA(0x10e)]=aA(0x13d),a2['style']['height']=Y>0x0?Math['max'](0x1,Math[aA(0x11d)](Y*V))+'px':V*0x64+'%';},aa=()=>{Y=a0['clientHeight']||0x0,a9(),Z['emit']();},ab=new ResizeObserver(aa);ab[aw(0x12c)](a0),a2['addEventListener']('load',aa);let ac=()=>({'scale':X,'label':Math[aw(0x11d)](X*0x64)+'%','canZoomIn':X<0x5,'canZoomOut':X>a6(),'canReset':Math['abs'](V-0x1)>0.001,'minScale':a6(),'maxScale':0x5}),ad=ae=>(V=a7(ae)/Math['max'](W,0.001),a9(),Z['emit'](),ac());return v(a0,{'zoomIn':()=>ad(X+0.15),'zoomOut':()=>ad(X-0.15),'resetZoom':()=>(V=0x1,a9(),Z[aw(0x119)](),ac()),'setZoom':ad,'fit':ae=>{const aB=aw;var af,ag;let ah=a2['naturalWidth']||0x0,ai=a2[aB(0x126)]||0x0;if(!ah||!ai)return{'applied':!0x1,'mode':ae['mode'],'resize':ae['resize'],'source':ae['source'],'reason':'image-not-ready','provider':aB(0x124)};let aj=ae['mode']==='auto'?aB(0x11b):ae['mode'],ak=r({'mode':aj,'viewportWidth':Math['max'](0x1,ae[aB(0x13a)]||a0['clientWidth']||0x0),'viewportHeight':Math['max'](0x1,ae['viewportHeight']||a0['clientHeight']||Y||0x0),'contentWidth':ah,'contentHeight':ai,'currentScale':X,'minScale':(af=ae['minScale'])==null?a6():af,'maxScale':(ag=ae['maxScale'])==null?0x5:ag});if(!ak)return{'applied':!0x1,'mode':ae['mode'],'resize':ae['resize'],'source':ae['source'],'reason':'unmeasurable','provider':'zoom'};let al=ad(ak);return{'applied':!0x0,'mode':ae['mode'],'resize':ae['resize'],'scale':al[aB(0x115)],'source':ae['source'],'provider':'zoom'};},'getState':ac,'subscribe':Z['subscribe']}),B['replaceChildren'](c(R),a0),(((K=H==null?void 0x0:H['surface'])==null?void 0x0:K['shadowRoot'])||B)['append'](a3['element']),aa(),{'$el':B,'unmount'(){const aC=aw;var ae;(ae=H==null?void 0x0:H['registerThumbnailAdapter'])==null||ae[aC(0x117)](H,null),k(a0),ab['disconnect'](),a2[aC(0x120)]('load',aa),a2['removeEventListener']('click',a4),a2['removeEventListener']('keydown',a5),a3[aC(0x133)](),B['replaceChildren']();}};}),h['apply'](this,arguments);}export{m as default};
|