react-pdfjs-multi 1.0.0-rc.1 → 1.0.0-rc.3
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
:where(.renderer-container){--pdfjs-multi-texture:url(./assets/texture.png);--pdfjs-multi-bg:#404040;height:100%;min-height:var(--pdfjs-multi-renderer-min-height,360px);background-color:var(--pdfjs-multi-bg);background-image:var(--pdfjs-multi-texture);flex-direction:column;flex:1;display:flex;position:relative}:where(.renderer-stage){flex:1;min-height:0;position:relative}:where(.renderer-target-container){z-index:1;position:absolute;inset:0;overflow:auto}:where(.pdfViewer).hidden{visibility:hidden}
|
|
2
2
|
:where(.pdf-multi-viewer){--pdfjs-multi-texture:url(./assets/texture.png);--pdfjs-multi-bg:#404040;--pdfjs-multi-text:#fff;--pdfjs-multi-surface:#565656;--pdfjs-multi-surface-active:#474747;--pdfjs-multi-muted-text:#cecece;--pdfjs-multi-divider:#353434cf;--pdfjs-multi-list-width:300px;--pdfjs-multi-list-item-padding:25px 35px;--pdfjs-multi-option-bar-height:33px;--pdfjs-multi-option-bar-padding:4px 2px 4px 10px;--pdfjs-multi-min-height:360px;--pdfjs-multi-renderer-min-height:calc(var(--pdfjs-multi-min-height) - var(--pdfjs-multi-option-bar-height));--pdfjs-multi-toolbar-button-color:#fffc;--pdfjs-multi-toolbar-button-size:32px;--pdfjs-multi-toolbar-button-height:25px;--pdfjs-multi-control-icon-size:16px;--pdfjs-multi-control-icon-toggle-list:image-set(url(./assets/toolbarButton-sidebarToggle.png) 1x, url(./assets/toolbarButton-sidebarToggle@2x.png) 2x);background-color:var(--pdfjs-multi-bg);background-image:var(--pdfjs-multi-texture);height:100%;max-height:100%;min-height:var(--pdfjs-multi-min-height);color:var(--pdfjs-multi-text);font:inherit;position:relative}:where(.pdf-multi-viewer) .pdf-multi-viewer-option-bar{padding:var(--pdfjs-multi-option-bar-padding)}:where(.pdf-multi-viewer) .viewer-controls-button{min-width:16px;color:var(--pdfjs-multi-toolbar-button-color);font:inherit;user-select:none;cursor:pointer;width:var(--pdfjs-multi-toolbar-button-size);height:var(--pdfjs-multi-toolbar-button-height);background:0 0;border:1px solid #0000;border-radius:2px;padding:2px 6px 0;font-size:12px;line-height:14px;transition-property:background-color,border-color,box-shadow;transition-duration:.15s;transition-timing-function:ease;position:relative}:where(.pdf-multi-viewer) .viewer-controls-button:first-child{border-right-color:#0000;border-top-left-radius:2px;border-bottom-left-radius:2px;margin:0 -1px 0 0}:where(.pdf-multi-viewer) .viewer-controls-button:last-child{border-left-color:#0000;border-top-right-radius:2px;border-bottom-right-radius:2px;margin:0 0 0 -1px;position:relative}:where(.pdf-multi-viewer) .viewer-controls-button:hover,:where(.pdf-multi-viewer) .viewer-controls-button:focus{z-index:199;background-color:#0003;background-image:linear-gradient(#ffffff0d,#fff0);background-clip:padding-box;border:1px solid #00000061;border-color:#00000052 #00000061 #0000006b;outline:0;box-shadow:inset 0 1px #ffffff0d,inset 0 0 1px #ffffff26,0 0 1px #0000000d}:where(.pdf-multi-viewer) .viewer-controls-button.toggled{background-color:#0000004d;background-image:linear-gradient(#ffffff0d,#fff0);border-color:#0006 #00000073 #00000080;box-shadow:inset 0 1px 1px #0000001a,inset 0 0 1px #0003,0 1px #ffffff0d}:where(.pdf-multi-viewer) .viewer-controls-button .toggle-list-label{width:var(--pdfjs-multi-control-icon-size);height:var(--pdfjs-multi-control-icon-size);display:inline-flex}:where(.pdf-multi-viewer) .viewer-controls-button .toggle-list-label:before{content:"";background-image:var(--pdfjs-multi-control-icon-toggle-list);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;display:block}:where(.pdf-multi-viewer) .pdf-viewer-list{float:left;background-color:var(--pdfjs-multi-surface);background-image:var(--pdfjs-multi-texture);min-width:var(--pdfjs-multi-list-width);max-width:var(--pdfjs-multi-list-width);width:var(--pdfjs-multi-list-width);height:calc(100% - var(--pdfjs-multi-option-bar-height));max-height:calc(100% - var(--pdfjs-multi-option-bar-height));min-height:var(--pdfjs-multi-renderer-min-height);z-index:2;margin:0;padding:0;transition:margin-left .5s;position:relative;overflow-y:auto}:where(.pdf-multi-viewer) .pdf-viewer-list.overlay{top:var(--pdfjs-multi-option-bar-height);z-index:3;height:calc(100% - var(--pdfjs-multi-option-bar-height));max-height:calc(100% - var(--pdfjs-multi-option-bar-height));min-height:var(--pdfjs-multi-renderer-min-height);min-width:100%;max-width:100%;position:absolute}:where(.pdf-multi-viewer) .pdf-viewer-list.hidden{margin-left:calc(-1 * var(--pdfjs-multi-list-width))}:where(.pdf-multi-viewer) .pdf-viewer-list.hidden.overlay{margin-left:-100%}:where(.pdf-multi-viewer) .pdf-viewer-list-item{border-bottom:1px solid var(--pdfjs-multi-divider);cursor:pointer;user-select:none;background-color:var(--pdfjs-multi-surface);opacity:.4;padding:0;font-size:14px}:where(.pdf-multi-viewer) .pdf-viewer-list-item .pdf-viewer-list-item-button{width:100%;height:100%;padding:var(--pdfjs-multi-list-item-padding);color:inherit;font:inherit;text-align:left;cursor:inherit;background:0 0;border:0;display:block}:where(.pdf-multi-viewer) .pdf-viewer-list-item.loaded{opacity:1}:where(.pdf-multi-viewer) .pdf-viewer-list-item.loaded.active{background-color:var(--pdfjs-multi-surface-active)}:where(.pdf-multi-viewer) .pdf-viewer-list-item.active{background-color:var(--pdfjs-multi-surface-active);opacity:.8}:where(.pdf-multi-viewer) .pdf-viewer-list-item-meta{color:var(--pdfjs-multi-muted-text);margin-top:15px;font-size:12px}:where(.pdf-multi-viewer) .pdf-viewer-multi-renderer{width:100%;height:calc(100% - var(--pdfjs-multi-option-bar-height));min-height:var(--pdfjs-multi-renderer-min-height);z-index:1;position:relative}:where(.pdf-multi-viewer) .pdf-viewer-loading{height:100%;color:var(--pdfjs-multi-muted-text);text-align:center;place-items:center;gap:10px;font-size:14px;display:grid}:where(.pdf-multi-viewer) .pdf-viewer-loading-spinner{border:2px solid #fff3;border-top-color:var(--pdfjs-multi-text);border-radius:999px;width:26px;height:26px;animation:.8s linear infinite pdfjs-multi-spin}@keyframes pdfjs-multi-spin{to{transform:rotate(360deg)}}
|
|
3
|
-
:where(.
|
|
4
|
-
:where(.
|
|
3
|
+
:where(.dropdown-toolbar-container){--pdfjs-multi-select-border:#00000059;--pdfjs-multi-select-border-sides:#00000052 #00000061 #0000006b;--pdfjs-multi-select-text:#fffc;--pdfjs-multi-select-bg:#0000;--pdfjs-multi-select-option-bg:#3d3d3d;--pdfjs-multi-select-shadow:0 1px 0 #ffffff0d inset, 0 0 1px #ffffff26 inset, 0 1px 0 #ffffff0d;--pdfjs-multi-select-icon:url(./assets/toolbarButton-menuArrows.png);height:25px;color:var(--pdfjs-multi-select-text);font:inherit;user-select:none;cursor:pointer;border:1px solid var(--pdfjs-multi-select-border);border-color:var(--pdfjs-multi-select-border-sides);box-shadow:var(--pdfjs-multi-select-shadow);border-radius:2px;align-items:center;font-size:12px;line-height:14px;transition-property:background-color,border-color,box-shadow;transition-duration:.15s;transition-timing-function:ease;display:inline-flex}:where(.dropdown-toolbar-container) .dropdown-toolbar{background:var(--pdfjs-multi-select-icon) no-repeat;background-position:95%;align-items:center;width:160px;height:100%;margin:0;padding:0;display:flex;overflow:hidden}@media screen and (-webkit-device-pixel-ratio>=0){:where(.dropdown-toolbar-container) .dropdown-toolbar{margin:0;padding:0}}@media not all and (resolution>=.001dpcm){@supports ((-webkit-appearance:none)) and (stroke-color:transparent){:where(.dropdown-toolbar-container){border:0}:where(.dropdown-toolbar-container) .dropdown-toolbar{background:0 0;width:auto;margin:0;padding:0}}}:where(.dropdown-toolbar-container) select{min-width:200px;height:100%;font:inherit;color:#f2f2f2;background:var(--pdfjs-multi-select-bg);border:none;outline:0;margin:0;padding:0 2px;font-size:12px;line-height:1}:where(.dropdown-toolbar-container) select option{background:var(--pdfjs-multi-select-option-bg)}:where(.dropdown-toolbar-container) select:focus::-ms-value{background-color:#0000}:where(.dropdown-toolbar-container) select::-ms-expand{background:var(--pdfjs-multi-select-bg);color:#f2f2f2;border-radius:5px;padding:5px;display:none}
|
|
4
|
+
:where(.renderer-controls){--pdfjs-multi-controls-height:32px;--pdfjs-multi-texture:url(./assets/texture.png);--pdfjs-multi-controls-bg:#474747;--pdfjs-multi-controls-text:#fffc;--pdfjs-multi-controls-shadow:inset 0 1px 1px #00000026, inset 0 -1px 0 #ffffff0d, 0 1px 0 #00000026, 0 1px 1px #0000001a;--pdfjs-multi-control-icon-size:16px;--pdfjs-multi-control-icon-zoom-out:image-set(url(./assets/toolbarButton-zoomOut.png) 1x, url(./assets/toolbarButton-zoomOut@2x.png) 2x);--pdfjs-multi-control-icon-zoom-in:image-set(url(./assets/toolbarButton-zoomIn.png) 1x, url(./assets/toolbarButton-zoomIn@2x.png) 2x);--pdfjs-multi-control-icon-rotate-right:image-set(url(./assets/secondaryToolbarButton-rotateCw.png) 1x, url(./assets/secondaryToolbarButton-rotateCw@2x.png) 2x);--pdfjs-multi-control-icon-rotate-left:image-set(url(./assets/secondaryToolbarButton-rotateCcw.png) 1x, url(./assets/secondaryToolbarButton-rotateCcw@2x.png) 2x);--pdfjs-multi-control-icon-download:image-set(url(./assets/toolbarButton-download.png) 1x, url(./assets/toolbarButton-download@2x.png) 2x);height:var(--pdfjs-multi-controls-height);box-shadow:var(--pdfjs-multi-controls-shadow);background-color:var(--pdfjs-multi-controls-bg);background-image:var(--pdfjs-multi-texture), linear-gradient(#525252fc, #454545f2);flex:0 0 var(--pdfjs-multi-controls-height);z-index:2;font:inherit;justify-content:space-around;align-items:center;display:flex}:where(.renderer-controls)>div{align-items:center;gap:4px;height:100%;display:flex}:where(.renderer-controls) .button-group{padding:4px 2px 4px 0;display:inline-flex;position:relative}:where(.renderer-controls) .button-group:last-child{margin-left:2px}:where(.renderer-controls) .button-group:hover .split-button-seperator{margin:1px 0;padding:12px 0;transition-property:padding;transition-duration:10ms;transition-timing-function:ease;box-shadow:0 0 0 1px #ffffff08}:where(.renderer-controls) .button-group:hover .renderer-controls-button{z-index:199;background-image:linear-gradient(#ffffff0d,#fff0);background-clip:padding-box;border:1px solid #00000061;border-color:#00000052 #00000061 #0000006b;outline:0;box-shadow:inset 0 1px #ffffff0d,inset 0 0 1px #ffffff26,0 0 1px #0000000d}:where(.renderer-controls) .button-group .split-button-seperator{z-index:99;background-color:#00000080;width:1px;margin:5px 0;padding:8px 0;display:inline-block;box-shadow:0 0 0 1px #ffffff14}:where(.renderer-controls) .button-group .renderer-controls-button{min-width:16px;color:var(--pdfjs-multi-controls-text);font:inherit;user-select:none;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;width:32px;height:25px;padding:2px 6px 0;font-size:12px;line-height:14px;transition-property:background-color,border-color,box-shadow;transition-duration:.15s;transition-timing-function:ease;position:relative}:where(.renderer-controls) .button-group .renderer-controls-button:first-child{border-right-color:#0000;border-top-left-radius:2px;border-bottom-left-radius:2px;margin:0 -1px 0 0}:where(.renderer-controls) .button-group .renderer-controls-button:last-child{border-left-color:#0000;border-top-right-radius:2px;border-bottom-right-radius:2px;margin:0 0 0 -1px;position:relative}:where(.renderer-controls) .button-group .renderer-controls-button:hover,:where(.renderer-controls) .button-group .renderer-controls-button:focus{z-index:199;background-color:#0003;background-image:linear-gradient(#ffffff0d,#fff0);background-clip:padding-box;border:1px solid #00000061;border-color:#00000052 #00000061 #0000006b;outline:0;box-shadow:inset 0 1px #ffffff0d,inset 0 0 1px #ffffff26,0 0 1px #0000000d}:where(.renderer-controls) .button-group .renderer-controls-button .zoom-out-label,:where(.renderer-controls) .button-group .renderer-controls-button .zoom-in-label,:where(.renderer-controls) .button-group .renderer-controls-button .rotate-right-label,:where(.renderer-controls) .button-group .renderer-controls-button .rotate-left-label,:where(.renderer-controls) .button-group .renderer-controls-button .download-label{text-transform:uppercase;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;font-weight:600;line-height:1;display:inline-flex}:where(.renderer-controls) .button-group .renderer-controls-button .zoom-out-label:before,:where(.renderer-controls) .button-group .renderer-controls-button .zoom-in-label:before,:where(.renderer-controls) .button-group .renderer-controls-button .rotate-right-label:before,:where(.renderer-controls) .button-group .renderer-controls-button .rotate-left-label:before,:where(.renderer-controls) .button-group .renderer-controls-button .download-label:before{content:"";width:var(--pdfjs-multi-control-icon-size);height:var(--pdfjs-multi-control-icon-size);background-position:50%;background-repeat:no-repeat;background-size:var(--pdfjs-multi-control-icon-size) var(--pdfjs-multi-control-icon-size);display:block}:where(.renderer-controls) .button-group .renderer-controls-button .zoom-out-label:before{background-image:var(--pdfjs-multi-control-icon-zoom-out)}:where(.renderer-controls) .button-group .renderer-controls-button .zoom-in-label:before{background-image:var(--pdfjs-multi-control-icon-zoom-in)}:where(.renderer-controls) .button-group .renderer-controls-button .rotate-right-label:before{background-image:var(--pdfjs-multi-control-icon-rotate-right)}:where(.renderer-controls) .button-group .renderer-controls-button .rotate-left-label:before{background-image:var(--pdfjs-multi-control-icon-rotate-left)}:where(.renderer-controls) .button-group .renderer-controls-button .download-label:before{background-image:var(--pdfjs-multi-control-icon-download)}
|