@vivliostyle/react - npm Package Compare versions

Comparing version 2.4.2 to 2.5.0-pre.0

CHANGELOG.md

@@ -6,2 +6,6 @@ # Change Log
 
+# [2.5.0-pre.0](https://github.com/vivliostyle/vivliostyle.js/compare/v2.4.2...v2.5.0-pre.0) (2021-02-23)
+
+**Note:** Version bump only for package @vivliostyle/react
+
 ## [2.4.2](https://github.com/vivliostyle/vivliostyle.js/compare/v2.4.1...v2.4.2) (2021-01-25)
@@ -8,0 +12,0 @@

dist/react-vivliostyle.js

@@ -1,2 +0,2 @@
-function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var n=e(require("@emotion/styled")),t=require("@vivliostyle/core"),o=require("react"),i=e(o);function r(){return(r=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(this,arguments)}function a(){var e,n,t=(e=["\n  overflow: scroll;\n  background: ",';\n\n  @media screen {\n    [data-vivliostyle-page-container] {\n      background: white;\n      z-index: 0;\n    }\n\n    [data-vivliostyle-viewer-viewport] {\n      display: flex;\n      overflow: auto;\n      position: relative;\n    }\n\n    [data-vivliostyle-outer-zoom-box] {\n      margin: auto;\n      overflow: hidden;\n      flex: none;\n    }\n\n    [data-vivliostyle-viewer-viewport] [data-vivliostyle-spread-container] {\n      display: flex;\n      flex: none;\n      justify-content: center;\n      transform-origin: left top;\n    }\n\n    [data-vivliostyle-viewer-viewport][data-vivliostyle-page-progression="ltr"]\n      [data-vivliostyle-spread-container] {\n      flex-direction: row;\n    }\n\n    [data-vivliostyle-viewer-viewport][data-vivliostyle-page-progression="rtl"]\n      [data-vivliostyle-spread-container] {\n      flex-direction: row-reverse;\n    }\n\n    [data-vivliostyle-viewer-viewport] [data-vivliostyle-page-container] {\n      margin: 0 auto;\n      flex: none;\n      transform-origin: center top;\n    }\n\n    [data-vivliostyle-viewer-viewport][data-vivliostyle-spread-view="true"]\n      [data-vivliostyle-page-container][data-vivliostyle-page-side="left"] {\n      margin-right: 1px;\n      transform-origin: right top;\n    }\n\n    [data-vivliostyle-viewer-viewport][data-vivliostyle-spread-view="true"]\n      [data-vivliostyle-page-container][data-vivliostyle-page-side="right"] {\n      margin-left: 1px;\n      transform-origin: left top;\n    }\n\n    [data-vivliostyle-viewer-viewport][data-vivliostyle-spread-view="true"]\n      [data-vivliostyle-page-container][data-vivliostyle-unpaired-page="true"] {\n      margin-left: auto;\n      margin-right: auto;\n      transform-origin: center top;\n    }\n  }\n\n  /* vivliostyle-viewport */\n  [data-vivliostyle-layout-box] {\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    overflow: hidden;\n    z-index: -1;\n  }\n\n  [data-vivliostyle-debug] [data-vivliostyle-layout-box] {\n    right: auto;\n    bottom: auto;\n    overflow: visible;\n    z-index: auto;\n  }\n\n  [data-vivliostyle-page-container] {\n    position: relative;\n    overflow: hidden;\n  }\n\n  [data-vivliostyle-bleed-box] {\n    position: absolute;\n    overflow: hidden;\n    max-width: 100%;\n    max-height: 100%;\n    box-sizing: border-box;\n  }\n\n  [data-vivliostyle-page-box] ~ [data-vivliostyle-page-box] {\n    display: none;\n  }\n\n  [data-vivliostyle-toc-box] {\n    position: absolute;\n    left: 3px;\n    top: 3px;\n    overflow: scroll;\n    overflow-x: hidden;\n    background: rgba(248, 248, 248, 0.9);\n    border-radius: 2px;\n    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);\n  }\n\n  @media print {\n    [data-vivliostyle-toc-box] {\n      display: none;\n    }\n\n    [data-vivliostyle-outer-zoom-box],\n    [data-vivliostyle-spread-container] {\n      width: 100% !important;\n      height: 100% !important;\n    }\n\n    [data-vivliostyle-spread-container],\n    [data-vivliostyle-page-container] {\n      -moz-transform: none !important;\n      -ms-transform: none !important;\n      -webkit-transform: none !important;\n      transform: none !important;\n    }\n\n    [data-vivliostyle-page-container] {\n      display: block !important;\n      max-width: 100%;\n      height: 100% !important;\n      max-height: 100%;\n    }\n\n    /* Workaround for Chrome printing problem */\n    /* [data-vivliostyle-page-box] {\n        padding-bottom: 0 !important;\n        overflow: visible !important;\n    } */\n    [data-vivliostyle-bleed-box] > div > div::before {\n      display: block;\n      content: "";\n      padding-top: 0.015625px;\n      margin-bottom: -0.015625px;\n    }\n\n    /* Gecko-only hack, see https://bugzilla.mozilla.org/show_bug.cgi?id=267029#c17 */\n    @-moz-document regexp(\'.*\') {\n      [data-vivliostyle-page-container]:nth-last-child(n + 2) {\n        top: -1px;\n        margin-top: 1px;\n        margin-bottom: -1px;\n      }\n    }\n  }\n'],n||(n=e.slice(0)),e.raw=n,e);return a=function(){return t},t}var l=n.div(a(),function(e){return e.background});exports.Renderer=function(e){var n=e.source,a=e.page,d=void 0===a?1:a,v=e.zoom,s=void 0===v?1:v,u=e.fontSize,p=void 0===u?16:u,c=e.background,f=void 0===c?"#ececec":c,g=e.renderAllPages,y=void 0===g||g,m=e.autoResize,b=void 0===m||m,h=e.pageViewMode,w=void 0===h?t.PageViewMode.SINGLE_PAGE:h,x=e.defaultPaperSize,z=e.pageBorderWidth,S=void 0===z?1:z,L=e.fitToScreen,k=void 0!==L&&L,P=e.userStyleSheet,E=e.authorStyleSheet,R=e.style,T=e.onMessage,W=e.onError,A=e.onReadyStateChange,M=e.onLoad,j=e.onNavigation,C=e.onHyperlink,G=e.children,O=o.useRef(null),V=o.useRef(),N=i.useRef();function q(){V.current.setOptions({fontSize:p,pageViewMode:w,zoom:s,renderAllPages:y,autoResize:b,defaultPaperSize:x,pageBorderWidth:S,fitToScreen:k})}function B(){var e,t,o=V.current,i=n.endsWith(".json"),a=r({},P?{userStyleSheet:[(e={},e[P.endsWith(".css")?"url":"text"]=P,e)]}:null,E?{authorStyleSheet:[(t={},t[E.endsWith(".css")?"url":"text"]=E,t)]}:null);i?o.loadPublication(n,a):o.loadDocument({url:n},a,{fontSize:p,pageViewMode:w,zoom:1,renderAllPages:y,autoResize:b,defaultPaperSize:x,pageBorderWidth:S,fitToScreen:!1})}o.useEffect(function(){return V.current=new t.CoreViewer({viewportElement:O.current}),q(),function(){function e(e,n){T&&T(e.content,n)}var n=function(n){return e(n,"debug")},o=function(n){return e(n,"info")},i=function(n){return e(n,"warn")};function r(e){W&&W(e.content)}function a(){A&&A(V.current.readyState)}function l(){M&&M(N.current)}function d(e){var n={docTitle:e.docTitle,epageCount:e.epageCount,epage:e.epage,metadata:e.metadata};N.current=n,j&&j(n)}function v(e){C&&C(e)}var s=V.current;return s.addListener("debug",n),s.addListener("info",o),s.addListener("warn",i),s.addListener("error",r),s.addListener("readystatechange",a),s.addListener("loaded",l),s.addListener("nav",d),s.addListener("hyperlink",v),function(){A&&A(t.ReadyState.LOADING),s.removeListener("debug",n),s.removeListener("info",o),s.removeListener("warn",i),s.removeListener("error",r),s.removeListener("readystatechange",a),s.removeListener("loaded",l),s.removeListener("nav",d),s.removeListener("hyperlink",v),O.current.innerHTML=""}}()},[]),o.useEffect(function(){B()},[n,E,P]),o.useEffect(function(){q()},[p,w,s,y,b,x,S,k]),o.useEffect(function(){var e;null===(e=V.current)||void 0===e||e.navigateToPage(t.Navigation.EPAGE,d-1)},[d]);var D=i.createElement(l,{ref:O,style:R,background:f});return"function"==typeof G&&G instanceof Function?G({container:D,reload:B}):D};
+function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var n,t=e(require("@emotion/styled")),o=require("@vivliostyle/core"),i=require("react"),r=e(i);function a(){return(a=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(this,arguments)}var l,d,v=t.div(n||(l=["\n  overflow: scroll;\n  background: ",';\n\n  @media screen {\n    [data-vivliostyle-page-container] {\n      background: white;\n      z-index: 0;\n    }\n\n    [data-vivliostyle-viewer-viewport] {\n      display: flex;\n      overflow: auto;\n      position: relative;\n    }\n\n    [data-vivliostyle-outer-zoom-box] {\n      margin: auto;\n      overflow: hidden;\n      flex: none;\n    }\n\n    [data-vivliostyle-viewer-viewport] [data-vivliostyle-spread-container] {\n      display: flex;\n      flex: none;\n      justify-content: center;\n      transform-origin: left top;\n    }\n\n    [data-vivliostyle-viewer-viewport][data-vivliostyle-page-progression="ltr"]\n      [data-vivliostyle-spread-container] {\n      flex-direction: row;\n    }\n\n    [data-vivliostyle-viewer-viewport][data-vivliostyle-page-progression="rtl"]\n      [data-vivliostyle-spread-container] {\n      flex-direction: row-reverse;\n    }\n\n    [data-vivliostyle-viewer-viewport] [data-vivliostyle-page-container] {\n      margin: 0 auto;\n      flex: none;\n      transform-origin: center top;\n    }\n\n    [data-vivliostyle-viewer-viewport][data-vivliostyle-spread-view="true"]\n      [data-vivliostyle-page-container][data-vivliostyle-page-side="left"] {\n      margin-right: 1px;\n      transform-origin: right top;\n    }\n\n    [data-vivliostyle-viewer-viewport][data-vivliostyle-spread-view="true"]\n      [data-vivliostyle-page-container][data-vivliostyle-page-side="right"] {\n      margin-left: 1px;\n      transform-origin: left top;\n    }\n\n    [data-vivliostyle-viewer-viewport][data-vivliostyle-spread-view="true"]\n      [data-vivliostyle-page-container][data-vivliostyle-unpaired-page="true"] {\n      margin-left: auto;\n      margin-right: auto;\n      transform-origin: center top;\n    }\n  }\n\n  /* vivliostyle-viewport */\n  [data-vivliostyle-layout-box] {\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    overflow: hidden;\n    z-index: -1;\n  }\n\n  [data-vivliostyle-debug] [data-vivliostyle-layout-box] {\n    right: auto;\n    bottom: auto;\n    overflow: visible;\n    z-index: auto;\n  }\n\n  [data-vivliostyle-page-container] {\n    position: relative;\n    overflow: hidden;\n  }\n\n  [data-vivliostyle-bleed-box] {\n    position: absolute;\n    overflow: hidden;\n    max-width: 100%;\n    max-height: 100%;\n    box-sizing: border-box;\n  }\n\n  [data-vivliostyle-page-box] ~ [data-vivliostyle-page-box] {\n    display: none;\n  }\n\n  [data-vivliostyle-toc-box] {\n    position: absolute;\n    left: 3px;\n    top: 3px;\n    overflow: scroll;\n    overflow-x: hidden;\n    background: rgba(248, 248, 248, 0.9);\n    border-radius: 2px;\n    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);\n  }\n\n  @media print {\n    [data-vivliostyle-toc-box] {\n      display: none;\n    }\n\n    [data-vivliostyle-outer-zoom-box],\n    [data-vivliostyle-spread-container] {\n      width: 100% !important;\n      height: 100% !important;\n    }\n\n    [data-vivliostyle-spread-container],\n    [data-vivliostyle-page-container] {\n      -moz-transform: none !important;\n      -ms-transform: none !important;\n      -webkit-transform: none !important;\n      transform: none !important;\n    }\n\n    [data-vivliostyle-page-container] {\n      display: block !important;\n      max-width: 100%;\n      height: 100% !important;\n      max-height: 100%;\n    }\n\n    /* Workaround for Chrome printing problem */\n    /* [data-vivliostyle-page-box] {\n        padding-bottom: 0 !important;\n        overflow: visible !important;\n    } */\n    [data-vivliostyle-bleed-box] > div > div::before {\n      display: block;\n      content: "";\n      padding-top: 0.015625px;\n      margin-bottom: -0.015625px;\n    }\n\n    /* Gecko-only hack, see https://bugzilla.mozilla.org/show_bug.cgi?id=267029#c17 */\n    @-moz-document regexp(\'.*\') {\n      [data-vivliostyle-page-container]:nth-last-child(n + 2) {\n        top: -1px;\n        margin-top: 1px;\n        margin-bottom: -1px;\n      }\n    }\n  }\n'],d||(d=l.slice(0)),l.raw=d,n=l),function(e){return e.background});exports.Renderer=function(e){var n=e.source,t=e.page,l=void 0===t?1:t,d=e.zoom,s=void 0===d?1:d,p=e.fontSize,u=void 0===p?16:p,c=e.background,f=void 0===c?"#ececec":c,g=e.renderAllPages,y=void 0===g||g,m=e.autoResize,b=void 0===m||m,h=e.pageViewMode,w=void 0===h?o.PageViewMode.SINGLE_PAGE:h,x=e.defaultPaperSize,z=e.pageBorderWidth,S=void 0===z?1:z,L=e.fitToScreen,k=void 0!==L&&L,P=e.userStyleSheet,E=e.authorStyleSheet,R=e.style,T=e.onMessage,W=e.onError,A=e.onReadyStateChange,M=e.onLoad,j=e.onNavigation,C=e.onHyperlink,G=e.children,O=i.useRef(null),V=i.useRef(),N=r.useRef();function q(){V.current.setOptions({fontSize:u,pageViewMode:w,zoom:s,renderAllPages:y,autoResize:b,defaultPaperSize:x,pageBorderWidth:S,fitToScreen:k})}function B(){var e,t,o=V.current,i=n.endsWith(".json"),r=a({},P?{userStyleSheet:[(e={},e[P.endsWith(".css")?"url":"text"]=P,e)]}:null,E?{authorStyleSheet:[(t={},t[E.endsWith(".css")?"url":"text"]=E,t)]}:null);i?o.loadPublication(n,r):o.loadDocument({url:n},r,{fontSize:u,pageViewMode:w,zoom:1,renderAllPages:y,autoResize:b,defaultPaperSize:x,pageBorderWidth:S,fitToScreen:!1})}i.useEffect(function(){return V.current=new o.CoreViewer({viewportElement:O.current}),q(),function(){function e(e,n){T&&T(e.content,n)}var n=function(n){return e(n,"debug")},t=function(n){return e(n,"info")},i=function(n){return e(n,"warn")};function r(e){W&&W(e.content)}function a(){A&&A(V.current.readyState)}function l(){M&&M(N.current)}function d(e){var n={docTitle:e.docTitle,epageCount:e.epageCount,epage:e.epage,metadata:e.metadata};N.current=n,j&&j(n)}function v(e){C&&C(e)}var s=V.current;return s.addListener("debug",n),s.addListener("info",t),s.addListener("warn",i),s.addListener("error",r),s.addListener("readystatechange",a),s.addListener("loaded",l),s.addListener("nav",d),s.addListener("hyperlink",v),function(){A&&A(o.ReadyState.LOADING),s.removeListener("debug",n),s.removeListener("info",t),s.removeListener("warn",i),s.removeListener("error",r),s.removeListener("readystatechange",a),s.removeListener("loaded",l),s.removeListener("nav",d),s.removeListener("hyperlink",v),O.current.innerHTML=""}}()},[]),i.useEffect(function(){B()},[n,E,P]),i.useEffect(function(){q()},[u,w,s,y,b,x,S,k]),i.useEffect(function(){var e;null===(e=V.current)||void 0===e||e.navigateToPage(o.Navigation.EPAGE,l-1)},[l]);var D=r.createElement(v,{ref:O,style:R,background:f});return"function"==typeof G&&G instanceof Function?G({container:D,reload:B}):D};
 //# sourceMappingURL=react-vivliostyle.js.map

dist/react-vivliostyle.modern.js

@@ -1,2 +0,2 @@
-import n from"@emotion/styled";import{ReadyState as e,Navigation as t,PageViewMode as o,CoreViewer as i}from"@vivliostyle/core";import r,{useRef as a,useEffect as l}from"react";function d(){return(d=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o])}return n}).apply(this,arguments)}function v(){var n,e,t=(n=["\n  overflow: scroll;\n  background: ",';\n\n  @media screen {\n    [data-vivliostyle-page-container] {\n      background: white;\n      z-index: 0;\n    }\n\n    [data-vivliostyle-viewer-viewport] {\n      display: flex;\n      overflow: auto;\n      position: relative;\n    }\n\n    [data-vivliostyle-outer-zoom-box] {\n      margin: auto;\n      overflow: hidden;\n      flex: none;\n    }\n\n    [data-vivliostyle-viewer-viewport] [data-vivliostyle-spread-container] {\n      display: flex;\n      flex: none;\n      justify-content: center;\n      transform-origin: left top;\n    }\n\n    [data-vivliostyle-viewer-viewport][data-vivliostyle-page-progression="ltr"]\n      [data-vivliostyle-spread-container] {\n      flex-direction: row;\n    }\n\n    [data-vivliostyle-viewer-viewport][data-vivliostyle-page-progression="rtl"]\n      [data-vivliostyle-spread-container] {\n      flex-direction: row-reverse;\n    }\n\n    [data-vivliostyle-viewer-viewport] [data-vivliostyle-page-container] {\n      margin: 0 auto;\n      flex: none;\n      transform-origin: center top;\n    }\n\n    [data-vivliostyle-viewer-viewport][data-vivliostyle-spread-view="true"]\n      [data-vivliostyle-page-container][data-vivliostyle-page-side="left"] {\n      margin-right: 1px;\n      transform-origin: right top;\n    }\n\n    [data-vivliostyle-viewer-viewport][data-vivliostyle-spread-view="true"]\n      [data-vivliostyle-page-container][data-vivliostyle-page-side="right"] {\n      margin-left: 1px;\n      transform-origin: left top;\n    }\n\n    [data-vivliostyle-viewer-viewport][data-vivliostyle-spread-view="true"]\n      [data-vivliostyle-page-container][data-vivliostyle-unpaired-page="true"] {\n      margin-left: auto;\n      margin-right: auto;\n      transform-origin: center top;\n    }\n  }\n\n  /* vivliostyle-viewport */\n  [data-vivliostyle-layout-box] {\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    overflow: hidden;\n    z-index: -1;\n  }\n\n  [data-vivliostyle-debug] [data-vivliostyle-layout-box] {\n    right: auto;\n    bottom: auto;\n    overflow: visible;\n    z-index: auto;\n  }\n\n  [data-vivliostyle-page-container] {\n    position: relative;\n    overflow: hidden;\n  }\n\n  [data-vivliostyle-bleed-box] {\n    position: absolute;\n    overflow: hidden;\n    max-width: 100%;\n    max-height: 100%;\n    box-sizing: border-box;\n  }\n\n  [data-vivliostyle-page-box] ~ [data-vivliostyle-page-box] {\n    display: none;\n  }\n\n  [data-vivliostyle-toc-box] {\n    position: absolute;\n    left: 3px;\n    top: 3px;\n    overflow: scroll;\n    overflow-x: hidden;\n    background: rgba(248, 248, 248, 0.9);\n    border-radius: 2px;\n    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);\n  }\n\n  @media print {\n    [data-vivliostyle-toc-box] {\n      display: none;\n    }\n\n    [data-vivliostyle-outer-zoom-box],\n    [data-vivliostyle-spread-container] {\n      width: 100% !important;\n      height: 100% !important;\n    }\n\n    [data-vivliostyle-spread-container],\n    [data-vivliostyle-page-container] {\n      -moz-transform: none !important;\n      -ms-transform: none !important;\n      -webkit-transform: none !important;\n      transform: none !important;\n    }\n\n    [data-vivliostyle-page-container] {\n      display: block !important;\n      max-width: 100%;\n      height: 100% !important;\n      max-height: 100%;\n    }\n\n    /* Workaround for Chrome printing problem */\n    /* [data-vivliostyle-page-box] {\n        padding-bottom: 0 !important;\n        overflow: visible !important;\n    } */\n    [data-vivliostyle-bleed-box] > div > div::before {\n      display: block;\n      content: "";\n      padding-top: 0.015625px;\n      margin-bottom: -0.015625px;\n    }\n\n    /* Gecko-only hack, see https://bugzilla.mozilla.org/show_bug.cgi?id=267029#c17 */\n    @-moz-document regexp(\'.*\') {\n      [data-vivliostyle-page-container]:nth-last-child(n + 2) {\n        top: -1px;\n        margin-top: 1px;\n        margin-bottom: -1px;\n      }\n    }\n  }\n'],e||(e=n.slice(0)),n.raw=e,n);return v=function(){return t},t}var s=function(n){var v=n.source,s=n.page,u=void 0===s?1:s,c=n.zoom,g=void 0===c?1:c,f=n.fontSize,y=void 0===f?16:f,m=n.background,h=void 0===m?"#ececec":m,b=n.renderAllPages,w=void 0===b||b,x=n.autoResize,z=void 0===x||x,L=n.pageViewMode,S=void 0===L?o.SINGLE_PAGE:L,k=n.defaultPaperSize,P=n.pageBorderWidth,E=void 0===P?1:P,T=n.fitToScreen,W=void 0!==T&&T,A=n.userStyleSheet,G=n.authorStyleSheet,M=n.style,O=n.onMessage,R=n.onError,j=n.onReadyStateChange,C=n.onLoad,B=n.onNavigation,N=n.onHyperlink,V=n.children,D=a(null),H=a(),I=r.useRef();function _(){H.current.setOptions({fontSize:y,pageViewMode:S,zoom:g,renderAllPages:w,autoResize:z,defaultPaperSize:k,pageBorderWidth:E,fitToScreen:W})}function F(){var n,e,t=H.current,o=v.endsWith(".json"),i=d({},A?{userStyleSheet:[(n={},n[A.endsWith(".css")?"url":"text"]=A,n)]}:null,G?{authorStyleSheet:[(e={},e[G.endsWith(".css")?"url":"text"]=G,e)]}:null);o?t.loadPublication(v,i):t.loadDocument({url:v},i,{fontSize:y,pageViewMode:S,zoom:1,renderAllPages:w,autoResize:z,defaultPaperSize:k,pageBorderWidth:E,fitToScreen:!1})}l(function(){return H.current=new i({viewportElement:D.current}),_(),function(){function n(n,e){O&&O(n.content,e)}var t=function(e){return n(e,"debug")},o=function(e){return n(e,"info")},i=function(e){return n(e,"warn")};function r(n){R&&R(n.content)}function a(){j&&j(H.current.readyState)}function l(){C&&C(I.current)}function d(n){var e={docTitle:n.docTitle,epageCount:n.epageCount,epage:n.epage,metadata:n.metadata};I.current=e,B&&B(e)}function v(n){N&&N(n)}var s=H.current;return s.addListener("debug",t),s.addListener("info",o),s.addListener("warn",i),s.addListener("error",r),s.addListener("readystatechange",a),s.addListener("loaded",l),s.addListener("nav",d),s.addListener("hyperlink",v),function(){j&&j(e.LOADING),s.removeListener("debug",t),s.removeListener("info",o),s.removeListener("warn",i),s.removeListener("error",r),s.removeListener("readystatechange",a),s.removeListener("loaded",l),s.removeListener("nav",d),s.removeListener("hyperlink",v),D.current.innerHTML=""}}()},[]),l(function(){F()},[v,G,A]),l(function(){_()},[y,S,g,w,z,k,E,W]),l(function(){var n;null===(n=H.current)||void 0===n||n.navigateToPage(t.EPAGE,u-1)},[u]);var q=r.createElement(p,{ref:D,style:M,background:h});return"function"==typeof V&&V instanceof Function?V({container:q,reload:F}):q},p=n.div(v(),function(n){return n.background});export{s as Renderer};
+import n from"@emotion/styled";import{ReadyState as e,Navigation as t,PageViewMode as o,CoreViewer as i}from"@vivliostyle/core";import r,{useRef as a,useEffect as l}from"react";function d(){return(d=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o])}return n}).apply(this,arguments)}var v,s,p,u=function(n){var v=n.source,s=n.page,p=void 0===s?1:s,u=n.zoom,g=void 0===u?1:u,f=n.fontSize,y=void 0===f?16:f,m=n.background,h=void 0===m?"#ececec":m,b=n.renderAllPages,w=void 0===b||b,x=n.autoResize,z=void 0===x||x,L=n.pageViewMode,S=void 0===L?o.SINGLE_PAGE:L,k=n.defaultPaperSize,P=n.pageBorderWidth,E=void 0===P?1:P,T=n.fitToScreen,W=void 0!==T&&T,A=n.userStyleSheet,G=n.authorStyleSheet,M=n.style,O=n.onMessage,R=n.onError,j=n.onReadyStateChange,C=n.onLoad,B=n.onNavigation,N=n.onHyperlink,V=n.children,D=a(null),H=a(),I=r.useRef();function _(){H.current.setOptions({fontSize:y,pageViewMode:S,zoom:g,renderAllPages:w,autoResize:z,defaultPaperSize:k,pageBorderWidth:E,fitToScreen:W})}function F(){var n,e,t=H.current,o=v.endsWith(".json"),i=d({},A?{userStyleSheet:[(n={},n[A.endsWith(".css")?"url":"text"]=A,n)]}:null,G?{authorStyleSheet:[(e={},e[G.endsWith(".css")?"url":"text"]=G,e)]}:null);o?t.loadPublication(v,i):t.loadDocument({url:v},i,{fontSize:y,pageViewMode:S,zoom:1,renderAllPages:w,autoResize:z,defaultPaperSize:k,pageBorderWidth:E,fitToScreen:!1})}l(function(){return H.current=new i({viewportElement:D.current}),_(),function(){function n(n,e){O&&O(n.content,e)}var t=function(e){return n(e,"debug")},o=function(e){return n(e,"info")},i=function(e){return n(e,"warn")};function r(n){R&&R(n.content)}function a(){j&&j(H.current.readyState)}function l(){C&&C(I.current)}function d(n){var e={docTitle:n.docTitle,epageCount:n.epageCount,epage:n.epage,metadata:n.metadata};I.current=e,B&&B(e)}function v(n){N&&N(n)}var s=H.current;return s.addListener("debug",t),s.addListener("info",o),s.addListener("warn",i),s.addListener("error",r),s.addListener("readystatechange",a),s.addListener("loaded",l),s.addListener("nav",d),s.addListener("hyperlink",v),function(){j&&j(e.LOADING),s.removeListener("debug",t),s.removeListener("info",o),s.removeListener("warn",i),s.removeListener("error",r),s.removeListener("readystatechange",a),s.removeListener("loaded",l),s.removeListener("nav",d),s.removeListener("hyperlink",v),D.current.innerHTML=""}}()},[]),l(function(){F()},[v,G,A]),l(function(){_()},[y,S,g,w,z,k,E,W]),l(function(){var n;null===(n=H.current)||void 0===n||n.navigateToPage(t.EPAGE,p-1)},[p]);var q=r.createElement(c,{ref:D,style:M,background:h});return"function"==typeof V&&V instanceof Function?V({container:q,reload:F}):q},c=n.div(v||(s=["\n  overflow: scroll;\n  background: ",';\n\n  @media screen {\n    [data-vivliostyle-page-container] {\n      background: white;\n      z-index: 0;\n    }\n\n    [data-vivliostyle-viewer-viewport] {\n      display: flex;\n      overflow: auto;\n      position: relative;\n    }\n\n    [data-vivliostyle-outer-zoom-box] {\n      margin: auto;\n      overflow: hidden;\n      flex: none;\n    }\n\n    [data-vivliostyle-viewer-viewport] [data-vivliostyle-spread-container] {\n      display: flex;\n      flex: none;\n      justify-content: center;\n      transform-origin: left top;\n    }\n\n    [data-vivliostyle-viewer-viewport][data-vivliostyle-page-progression="ltr"]\n      [data-vivliostyle-spread-container] {\n      flex-direction: row;\n    }\n\n    [data-vivliostyle-viewer-viewport][data-vivliostyle-page-progression="rtl"]\n      [data-vivliostyle-spread-container] {\n      flex-direction: row-reverse;\n    }\n\n    [data-vivliostyle-viewer-viewport] [data-vivliostyle-page-container] {\n      margin: 0 auto;\n      flex: none;\n      transform-origin: center top;\n    }\n\n    [data-vivliostyle-viewer-viewport][data-vivliostyle-spread-view="true"]\n      [data-vivliostyle-page-container][data-vivliostyle-page-side="left"] {\n      margin-right: 1px;\n      transform-origin: right top;\n    }\n\n    [data-vivliostyle-viewer-viewport][data-vivliostyle-spread-view="true"]\n      [data-vivliostyle-page-container][data-vivliostyle-page-side="right"] {\n      margin-left: 1px;\n      transform-origin: left top;\n    }\n\n    [data-vivliostyle-viewer-viewport][data-vivliostyle-spread-view="true"]\n      [data-vivliostyle-page-container][data-vivliostyle-unpaired-page="true"] {\n      margin-left: auto;\n      margin-right: auto;\n      transform-origin: center top;\n    }\n  }\n\n  /* vivliostyle-viewport */\n  [data-vivliostyle-layout-box] {\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    overflow: hidden;\n    z-index: -1;\n  }\n\n  [data-vivliostyle-debug] [data-vivliostyle-layout-box] {\n    right: auto;\n    bottom: auto;\n    overflow: visible;\n    z-index: auto;\n  }\n\n  [data-vivliostyle-page-container] {\n    position: relative;\n    overflow: hidden;\n  }\n\n  [data-vivliostyle-bleed-box] {\n    position: absolute;\n    overflow: hidden;\n    max-width: 100%;\n    max-height: 100%;\n    box-sizing: border-box;\n  }\n\n  [data-vivliostyle-page-box] ~ [data-vivliostyle-page-box] {\n    display: none;\n  }\n\n  [data-vivliostyle-toc-box] {\n    position: absolute;\n    left: 3px;\n    top: 3px;\n    overflow: scroll;\n    overflow-x: hidden;\n    background: rgba(248, 248, 248, 0.9);\n    border-radius: 2px;\n    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);\n  }\n\n  @media print {\n    [data-vivliostyle-toc-box] {\n      display: none;\n    }\n\n    [data-vivliostyle-outer-zoom-box],\n    [data-vivliostyle-spread-container] {\n      width: 100% !important;\n      height: 100% !important;\n    }\n\n    [data-vivliostyle-spread-container],\n    [data-vivliostyle-page-container] {\n      -moz-transform: none !important;\n      -ms-transform: none !important;\n      -webkit-transform: none !important;\n      transform: none !important;\n    }\n\n    [data-vivliostyle-page-container] {\n      display: block !important;\n      max-width: 100%;\n      height: 100% !important;\n      max-height: 100%;\n    }\n\n    /* Workaround for Chrome printing problem */\n    /* [data-vivliostyle-page-box] {\n        padding-bottom: 0 !important;\n        overflow: visible !important;\n    } */\n    [data-vivliostyle-bleed-box] > div > div::before {\n      display: block;\n      content: "";\n      padding-top: 0.015625px;\n      margin-bottom: -0.015625px;\n    }\n\n    /* Gecko-only hack, see https://bugzilla.mozilla.org/show_bug.cgi?id=267029#c17 */\n    @-moz-document regexp(\'.*\') {\n      [data-vivliostyle-page-container]:nth-last-child(n + 2) {\n        top: -1px;\n        margin-top: 1px;\n        margin-bottom: -1px;\n      }\n    }\n  }\n'],p||(p=s.slice(0)),s.raw=p,v=s),function(n){return n.background});export{u as Renderer};
 //# sourceMappingURL=react-vivliostyle.modern.js.map

package.json

 {
   "name": "@vivliostyle/react",
   "description": "React component for Vivliostyle",
-  "version": "2.4.2",
+  "version": "2.5.0-pre.0",
   "author": "Yasuaki Uechi <[e-mail]>",
@@ -21,3 +21,3 @@ "scripts": {
     "@emotion/styled": "^10.0.27",
-    "@vivliostyle/core": "^2.4.2"
+    "@vivliostyle/core": "^2.5.0-pre.0"
   },
@@ -74,3 +74,3 @@ "peerDependencies": {
   },
-  "gitHead": "fb68838a300907e863e201d4966e206b89e72c3e"
+  "gitHead": "5f3146dd38ed0976828deb8ccaa87cc6cc87ea23"
 }

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

88180

increased by0.07%

Worsened metrics

Number of low quality alerts

2

increased by100%

Dependency changes

• Updated@vivliostyle/core@^2.5.0-pre.0