diva.js 6.0.1 → 7.2.3

package/karma.conf.js

@@ -1,87 +0,0 @@
-// Karma configuration
-// Generated on Tue Jul 31 2018 14:40:42 GMT-0400 (Eastern Daylight Time)
-
-module.exports = function(config) {
-  
-  var webpackConfig = require('./webpack.config.test');
-  process.env.CHROME_BIN = require('puppeteer').executablePath()
-
-  config.set({
-
-    // base path that will be used to resolve all patterns (eg. files, exclude)
-    basePath: '',
-
-
-    // frameworks to use
-    // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
-    frameworks: ['mocha'],
-
-
-    // list of files / patterns to load in the browser
-    files: [
-      'test/main.js',
-      'build/diva.css'
-    ],
-
-
-    // list of files / patterns to exclude
-    exclude: [
-    ],
-
-
-    // preprocess matching files before serving them to the browser
-    // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
-    preprocessors: {
-        'test/main.js': ['webpack', 'babel']
-    },
-
-    webpack: webpackConfig,
-
-    babelPreprocessor: {
-        options: {
-            presets: ['env']
-        },
-    },
-
-    // test results reporter to use
-    // possible values: 'dots', 'progress'
-    // available reporters: https://npmjs.org/browse/keyword/karma-reporter
-    reporters: ['mocha', 'coverage-istanbul'],
-
-    coverageIstanbulReporter: {
-      reports: [ 'html', 'text-summary' ],
-      fixWebpackSourcePaths: true
-    },
-
-
-    // web server port
-    port: 9876,
-
-
-    // enable / disable colors in the output (reporters and logs)
-    colors: true,
-
-
-    // level of logging
-    // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
-    logLevel: config.LOG_INFO,
-
-
-    // enable / disable watching file and executing tests whenever any file changes
-    autoWatch: false,
-    
-
-    // start these browsers
-    // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
-    browsers: ['ChromeHeadless'],
-
-
-    // Continuous Integration mode
-    // if true, Karma captures browsers, runs the tests and exits
-    singleRun: true,
-
-    // Concurrency level
-    // how many browser should be started simultaneous
-    concurrency: Infinity
-  })
-}

package/source/css/_mixins.scss

@@ -1,43 +0,0 @@
-@import "variables";
-
-@mixin hidden()
-{
-    display: none;
-}
-
-// Shortcut for a 1px solid border
-@mixin frame($colour)
-{
-    border: $borderSize solid $colour;
-}
-
-@mixin plugin-icon($plugin-name)
-{
-    background: data-uri('${iconPath}plugins/${plugin-name}.png') no-repeat;
-
-    &:hover {
-        background: data-uri('${iconPath}plugins/${plugin-name}-hover.png') no-repeat;
-    }
-}
-
-@mixin loading()
-{
-    background: data-uri("${iconPath}loading.gif") no-repeat center;
-}
-
-@mixin pretty-shadow($distance: 4px)
-{
-    box-shadow: 2px 2px $distance 0 rgba(0, 0, 0, 0.5);
-}
-
-@mixin full-width()
-{
-    width: 100% !important;
-    max-width: 100% !important;
-}
-
-@mixin full-height()
-{
-    height: 100% !important;
-    max-height: 100% !important;
-}

package/source/css/_variables.scss

@@ -1,50 +0,0 @@
-// Colours
-$white:                 #FFF;
-$mediumGrey:            #CCC;
-$grey:                  #DDD;
-$lightGrey:             #F1F1F1;
-$lighterGrey:           #FDFDFD;
-$primaryBorder:         #AAA;
-$highlightBlue:         #dfefff;
-$regularBlue:           rgb(0, 110, 188);
-
-// Customising the colour scheme
-$viewerBg:              $lightGrey;
-$pageBg:                $lighterGrey;
-$viewerFrame:           $primaryBorder;
-
-$toolsBg:               $white;
-$toolsFrame:            $grey;
-
-// TODO: Could probably unify button, input variables
-$buttonBg:              $lightGrey;
-$buttonFrame:           $primaryBorder;
-$buttonHover:           $lighterGrey;
-
-$inputFrame:            $primaryBorder;
-$inputHoverFrame:       darken($primaryBorder, 10%);
-
-$linkBg:                $white;
-$linkFrame:             $grey;
-
-// z-index information
-$fullscreenZIndex:      100;
-
-// Dimensions
-$pluginIconSize:        20px;
-$fullscreenIconSize:    26px;
-$throbberWidth:         50px;
-$throbberHeight:        50px;
-$toolbarGroupMargin:    1em;
-
-$borderSize:            1px;
-
-$buttonSize:            34px;
-$buttonPadding:         0.5em;
-
-$inputSize:             34px;
-$inputPadding:          0.5em;
-
-$spinkit-spinner-margin: auto auto !default;
-$spinkit-size: 40px !default;
-$spinkit-spinner-color: #333 !default;

package/source/css/_viewer.scss

@@ -1,462 +0,0 @@
-@import "variables";
-@import "mixins";
-
-.diva-wrapper {
-    min-height: 95vh;
-    width: 100%;
-    flex-grow: 1;
-
-    &.diva-wrapper-flexbox {
-        display: flex;
-        flex-direction: column;
-    }
-
-    >*:not(.diva-outer) {
-        flex-shrink: 0;
-    }
-}
-
-.diva-title {
-    text-align: center;
-    font-weight: bold;
-    font-size: 1.3em;
-    max-width: 50em;
-    margin: 0 auto;
-}
-
-.diva-button, .diva-input {
-    box-sizing: border-box;
-    outline: none;
-    border-radius: 0;
-    font: inherit;
-    vertical-align: middle;
-
-    &::-moz-focus-inner {
-        padding: 0;
-    }
-}
-
-.diva-button {
-    display: inline-block;
-    cursor: pointer;
-    height: $buttonSize;
-    width: $buttonSize;
-
-    line-height: $buttonSize;
-    -webkit-appearance: none;
-    padding: 3px;
-
-    background-color: $buttonBg;
-    background-repeat: no-repeat;
-    background-position: center;
-    @include frame($buttonFrame);
-
-    &:hover, &:focus {
-        background-color: $buttonHover;
-    }
-
-    &.diva-button-text {
-        width: auto;
-        padding: 0 $buttonPadding;
-    }
-}
-
-.diva-input {
-    height: $inputSize;
-    @include frame($inputFrame);
-
-    padding: 0 $inputPadding;
-
-    &:focus {
-        border-color: $inputHoverFrame;
-    }
-}
-
-.diva-label {
-    margin: 0 $toolbarGroupMargin;
-    line-height: $buttonSize;
-    vertical-align: top;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-}
-
-.diva-tools-left, .diva-tools-right {
-    margin-bottom: $toolbarGroupMargin;
-}
-
-.diva-tools-left {
-    float: left;
-    user-select: none;
-}
-
-.diva-zoom-in-button, .diva-grid-in-button {
-        margin-left: -1px;
-}
-
-.diva-tools-right {
-    float: right;
-
-    .diva-button {
-        margin-left: -1px;
-        user-select: none;
-    }
-}
-
-    .diva-page-nav {
-        white-space: nowrap;
-        margin-right: $toolbarGroupMargin;
-    }
-
-        .diva-goto-form {
-            display: inline-block;
-            position: relative;
-        }
-
-            .diva-goto-page-input {
-                width: 5em;
-            }
-
-            .diva-input-suggestions {
-                display: none;
-                box-sizing: border-box;
-                position: absolute;
-                width: 100%;
-                background-color: white;
-                border: solid 1px #aaa;
-                border-top: none;
-                z-index: 1;
-            }
-
-                .diva-input-suggestion {
-                    box-sizing: border-box;
-                    width: 100%;
-                    margin-top: 3px;
-                    padding: 2px;
-                    padding-left: 5px;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    cursor: pointer;
-                }
-
-                .diva-input-suggestion.active, .diva-input-suggestion:hover {
-                    background-color: $highlightBlue;
-                }
-
-    .diva-fullscreen-icon {
-    }
-
-    .diva-toggle-nonpaged-icon {
-    }
-
-    .diva-toggle-nonpaged-icon-active {
-    }
-
-    .diva-view-menu {
-        display: inline-block;
-        position: relative;
-    }
-
-        .diva-view-options {
-            position: absolute;
-            top: $buttonSize;
-            z-index: 1;
-            display: none;
-            box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.1);
-        }
-
-            .diva-view-options .diva-button {
-                margin-top: -1px;
-                display: block;
-            }
-
-            .diva-document-icon {
-            }
-
-            .diva-grid-icon {
-            }
-
-            .diva-book-icon {
-            }
-
-    .diva-link-icon {
-    }
-
-    .diva-zoom-label, .diva-grid-label, .diva-page-label {
-        display: inline-block;
-    }
-
-.diva-fullscreen-tools {
-    position: fixed;
-    top: 15px;
-    right: 30px;
-    z-index: $fullscreenZIndex + 1;
-    padding: 15px;
-    @include frame($toolsFrame);
-    background: $toolsBg;
-    transition: opacity 0.5s;
-
-    @include pretty-shadow();
-
-    .diva-tools-left, .diva-tools-right {
-        margin-bottom: 0;
-    }
-
-    .diva-tools-right {
-        margin-left: 2em;
-    }
-
-    .diva-label, .diva-page-label {
-        margin: 0;
-    }
-
-    /* prevent variable number of digits in labels from resizing .diva-fullscreen-tools */
-    .diva-zoom-label, .diva-grid-label, .diva-page-label {
-        width: 8em;
-        display: block;
-    }
-
-    .diva-page-nav {
-        margin-right: 0;
-    }
-}
-
-.diva-outer {
-    display: flex;
-    clear: both;
-    background: $viewerBg;
-    @include frame($viewerFrame);
-    position: relative;
-    overflow: hidden;
-    min-height: 100px;
-    min-width: 200px;
-    flex-grow: 1;
-}
-
-.diva-viewer-canvas {
-    position: absolute;
-    top: 0;
-    left: 0;
-}
-
-.diva-viewport {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    overflow: auto;
-}
-
-.diva-inner {
-    cursor: move; /* fallback if grab cursor is unsupported */
-    cursor: grab;
-    cursor: -moz-grab;
-    cursor: -webkit-grab;
-    position: relative;
-    overflow: hidden;
-    margin: 0 auto;
-
-    &.diva-grabbing {
-        cursor: grabbing;
-        cursor: -moz-grabbing;
-        cursor: -webkit-grabbing;
-    }
-}
-
-.diva-page {
-    box-shadow: 7px 7px 6px -6px rgba(0,0,0,0.3);
-    position: absolute;
-    background-color: $pageBg;
-}
-
-.diva-page-tools-wrapper {
-    position: absolute;
-    z-index: 3;
-}
-
-.diva-page-tools {
-    position: relative;
-    top: -$pluginIconSize - 7;
-    height: $pluginIconSize;
-
-    div {
-        display: inline-block;
-        height: $pluginIconSize;
-        width: $pluginIconSize;
-        cursor: pointer;
-        padding: 3px;
-
-        svg:hover .diva-pagetool-icon {
-          fill: $regularBlue;
-        }
-    }
-}
-
-.diva-page-labels-wrapper {
-    position: absolute;
-    z-index: 3;
-}
-
-.diva-page-labels {
-    position: relative;
-    top: -$pluginIconSize;
-    height: $pluginIconSize;
-    font-size: 0.8em;
-}
-
-.diva-fullscreen {
-    @include full-width();
-    @include full-height();
-    z-index: $fullscreenZIndex;
-    position: fixed !important;
-    top: 0;
-    left: 0;
-    margin: 0;
-    border: 0;
-}
-
-.diva-popup {
-    background: $linkBg;
-    @include frame($buttonFrame);
-    padding: .6em;
-    z-index: $fullscreenZIndex + 1;
-    position: absolute;
-    @include pretty-shadow();
-}
-
-.diva-link-popup {
-    font-size: 10pt;
-
-    input {
-        width: 18em;
-        &:focus {
-            outline: none;
-        }
-    }
-
-    &.in-fullscreen {
-        top: 150px;
-        right: 30px;
-    }
-}
-
-// Used for body in fullscreen mode
-.diva-hide-scrollbar {
-    overflow: hidden !important;
-}
-
-.diva-slider {
-    position: relative;
-    top: 0.6em;
-    float: left;
-    @media (max-width: 480px) {
-        width: 100px;
-    }
-}
-
-// The loading indicator, shown if the AJAX request is slow
-//.diva-throbber {
-//    .hidden;
-//    position: absolute;
-//    width: $throbberWidth;
-//    height: $throbberHeight;
-//    .loading;
-//    background-color: $white;
-//    border: 1px solid $grey;
-//    .pretty-shadow;
-//    top: 50%;
-//    left: 50%;
-//    margin-left: -$throbberWidth / 2;
-//    margin-top: -$throbberHeight / 2;
-//}
-
-// https://github.com/tobiasahlin/SpinKit/blob/master/scss/spinners/9-cube-grid.scss
-.diva-throbber {
-  @include pretty-shadow();
-
-  $delayRange: 0.4s;
-
-  width: $spinkit-size;
-  height: $spinkit-size;
-  margin: $spinkit-spinner-margin;
-  padding: 20px;
-  background-color: #fff;
-
-  .cube {
-    width: 33.33%;
-    height: 33.33%;
-    background-color: $spinkit-spinner-color;
-    float: left;
-    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
-  }
-
-  /*
-   * Spinner positions
-   * 1 2 3
-   * 4 5 6
-   * 7 8 9
-   */
-
-  .cube1 { animation-delay: $delayRange * 0.50 }
-  .cube2 { animation-delay: $delayRange * 0.75 }
-  .cube3 { animation-delay: $delayRange }
-  .cube4 { animation-delay: $delayRange * 0.25 }
-  .cube5 { animation-delay: $delayRange * 0.50 }
-  .cube6 { animation-delay: $delayRange * 0.75 }
-  .cube7 { animation-delay: 0.0s }
-  .cube8 { animation-delay: $delayRange * 0.25 }
-  .cube9 { animation-delay: $delayRange * 0.50 }
-}
-
-@keyframes sk-cubeGridScaleDelay {
-  0%, 70%, 100% { transform:scale3D(1.0, 1.0, 1.0) }
-  35%           { transform:scale3D(0.0, 0.0, 1.0) }
-}
-
-
-
-// Error message box, only shown if there is an error
-.diva-error {
-    position: absolute;
-    width: 400px;
-    height: 200px;
-    background-color: #fff;
-    border: 1px solid #ddd;
-    box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.5);
-    top: 50%;
-    left: 50%;
-    margin-left: -220px;
-    margin-top: -120px;
-    z-index: 120;
-    padding: 0 1em;
-}
-
-.diva-error-close {
-    width: 18px;
-    height: 18px;
-    border: none;
-    //background: #fff data-uri("${iconPath}close.png");
-    position: absolute;
-    top: 1em;
-    right: 1em;
-
-    &:hover {
-        //background-image: data-uri("${iconPath}close-hover.png");
-        cursor: hand;
-    }
-}
-
-.diva-modal {
-    position: absolute;
-    width: 32em;
-    max-height: 26em;
-    background-color: #fff;
-    border: 1px solid #ddd;
-    box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.5);
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    z-index: 120;
-    word-wrap: break-word;
-}

package/source/css/diva.scss

@@ -1,15 +0,0 @@
-// Preboot stuff
-@import "variables";
-@import "mixins";
-
-// Stuff for the document viewer
-@import "viewer";
-
-// Plugins
-@import "plugins/manipulation";
-@import "plugins/metadata";
-//@import "plugins/canvas.less";
-//@import "plugins/download.less";
-//@import "plugins/autoscroll.less";
-//@import "plugins/iiif-highlight.less";
-//@import "plugins/iiif-metadata.less";